/* EwHistory overlay — matches Eternal Wisdom dark/gold aesthetic */

.ew-history-backdrop{
  position:fixed;inset:0;z-index:10000;
  background:rgba(3,3,3,0.72);
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  display:flex;align-items:flex-start;justify-content:center;
  padding:72px 20px 48px;overflow-y:auto;
  opacity:0;transition:opacity 0.28s cubic-bezier(0.16,1,0.3,1);
}
.ew-history-backdrop.open{opacity:1;}

.ew-history-panel{
  background:linear-gradient(180deg,#0f0a07,#0a0706);
  border:1px solid rgba(201,169,110,0.28);
  box-shadow:0 30px 80px rgba(0,0,0,0.65);
  max-width:560px;width:100%;
  position:relative;
  transform:translateY(24px) scale(0.985);
  transition:transform 0.42s cubic-bezier(0.16,1,0.3,1);
  padding:0 0 4px;
}
.ew-history-backdrop.open .ew-history-panel{transform:none;}

.ew-history-panel::before{
  content:'';position:absolute;inset:6px;
  border:1px solid rgba(201,169,110,0.12);pointer-events:none;
}

.ew-h-corner{
  position:absolute;width:22px;height:22px;
  border-color:#c9a96e;pointer-events:none;
}
.ew-h-corner.tl{top:12px;left:12px;border-top:1.5px solid;border-left:1.5px solid;}
.ew-h-corner.tr{top:12px;right:12px;border-top:1.5px solid;border-right:1.5px solid;}
.ew-h-corner.bl{bottom:12px;left:12px;border-bottom:1.5px solid;border-left:1.5px solid;}
.ew-h-corner.br{bottom:12px;right:12px;border-bottom:1.5px solid;border-right:1.5px solid;}

.ew-history-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  padding:26px 30px 20px;border-bottom:1px solid rgba(201,169,110,0.15);
  position:relative;z-index:1;
}
.ew-history-title{
  font-family:'EB Garamond',Georgia,serif;
  font-size:22px;font-weight:500;
  color:#c9a96e;letter-spacing:1px;
  line-height:1.2;
}
.ew-history-sub{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:11px;color:#666;letter-spacing:0.8px;
  margin-top:6px;font-weight:300;
}
.ew-history-close{
  background:transparent;border:1px solid rgba(201,169,110,0.28);
  color:#c9a96e;width:32px;height:32px;
  font-size:20px;line-height:1;cursor:pointer;
  font-family:inherit;padding:0;flex-shrink:0;
  transition:all 0.2s;
}
.ew-history-close:hover{background:rgba(201,169,110,0.1);border-color:#c9a96e;color:#dcb87c;}

.ew-history-body{
  padding:14px 18px 8px;position:relative;z-index:1;
  max-height:60vh;overflow-y:auto;
}
.ew-history-body::-webkit-scrollbar{width:6px;}
.ew-history-body::-webkit-scrollbar-track{background:transparent;}
.ew-history-body::-webkit-scrollbar-thumb{background:rgba(201,169,110,0.2);border-radius:3px;}

.ew-h-empty{
  padding:48px 20px;text-align:center;
  color:#777;font-size:13px;line-height:1.75;
  font-family:'EB Garamond',Georgia,serif;font-style:italic;
}

.ew-h-item{
  display:flex;align-items:center;gap:16px;
  padding:16px 16px;margin:3px 0;
  border:1px solid rgba(255,255,255,0.04);
  background:rgba(255,255,255,0.012);
  text-decoration:none;color:inherit;
  transition:all 0.25s cubic-bezier(0.16,1,0.3,1);
}
.ew-h-item:hover{
  border-color:rgba(201,169,110,0.32);
  background:rgba(201,169,110,0.04);
  transform:translateX(2px);
}
.ew-h-item-main{flex:1;min-width:0;}
.ew-h-item-name{
  font-family:'EB Garamond',Georgia,serif;
  font-size:16px;font-weight:500;color:#f2f0ed;
  margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ew-h-item-summary{
  font-family:'Noto Serif SC',serif;
  font-size:12px;color:#c9a96e;letter-spacing:1px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ew-h-item-meta{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:10px;color:#666;letter-spacing:0.6px;
  margin-top:5px;
}
.ew-h-item-cta{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:10px;color:#c9a96e;letter-spacing:1.5px;
  text-transform:uppercase;flex-shrink:0;
  transition:color 0.2s;
}
.ew-h-item:hover .ew-h-item-cta{color:#dcb87c;}

.ew-history-foot{
  padding:12px 18px 18px;text-align:right;
  position:relative;z-index:1;
}
.ew-history-clear{
  background:transparent;border:none;cursor:pointer;
  font-family:'Outfit',system-ui,sans-serif;
  font-size:10px;color:#666;letter-spacing:1.2px;
  text-transform:uppercase;padding:6px 10px;
  transition:color 0.2s;
}
.ew-history-clear:hover{color:#c23b22;}

/* Top-nav history button — matches existing .nav-share styling */
.nav-history{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:#c9a96e;border:1px solid rgba(201,169,110,0.25);
  padding:8px 14px;cursor:pointer;background:transparent;
  transition:all 0.25s;
}
.nav-history:hover{background:#c9a96e;color:#0a0706;border-color:#c9a96e;}

@media(max-width:640px){
  .ew-history-backdrop{padding:44px 14px 32px;}
  .ew-history-panel{max-width:100%;}
  .ew-history-head{padding:20px 22px 16px;}
  .ew-history-title{font-size:18px;}
  .ew-history-body{padding:10px 14px 6px;max-height:65vh;}
  .ew-h-item{padding:14px 12px;gap:10px;}
  .ew-h-item-name{font-size:15px;}
  .nav-history{padding:7px 10px;font-size:10px;letter-spacing:1px;}
}