/* ============================================================
   One Zyme · Structured conference search, product mock
   Shared by R&D Intelligence + Competitive Intelligence pages.
   A branded recreation of the in-app Conference Presentations
   explorer: filters, search, and a structured results table.
   ============================================================ */
.conf-app{
  background:#fff;border:1px solid var(--oz-mist-deep);border-radius:20px;overflow:hidden;
  box-shadow:0 28px 64px rgba(10,22,40,0.12);
}
.conf-app-head{padding:26px 30px 4px;}
.conf-app-head .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--oz-font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--oz-cyan);font-weight:700;margin-bottom:12px;}
.conf-app-head .badge .d{width:6px;height:6px;border-radius:9999px;background:var(--oz-cyan);box-shadow:0 0 0 3px var(--oz-cyan-soft);}
.conf-app-head h3{font-family:var(--oz-font-display);font-size:26px;font-weight:500;letter-spacing:-0.016em;color:var(--oz-midnight);margin:0 0 4px;}
.conf-app-head p{font-size:13.5px;color:var(--oz-fg-3);margin:0;}

.conf-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 30px 6px;}
.conf-filter label{display:block;font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-fg-3);font-weight:600;margin-bottom:7px;}
.conf-select{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  border:1px solid var(--oz-mist-deep);border-radius:10px;padding:11px 13px;
  font-size:13px;color:var(--oz-midnight);font-weight:500;background:#FBFAF6;cursor:default;
}
.conf-select .chev{width:8px;height:8px;border-right:1.6px solid var(--oz-fg-3);border-bottom:1.6px solid var(--oz-fg-3);transform:rotate(45deg);flex-shrink:0;margin-top:-3px;}
.conf-select.range{gap:10px;justify-content:flex-start;font-family:var(--oz-font-mono);font-size:11px;color:var(--oz-fg-3);}
.conf-select.range .seg{display:flex;align-items:center;gap:6px;}
.conf-select.range .seg b{color:var(--oz-steel);font-weight:600;font-family:var(--oz-font-sans);font-size:10px;letter-spacing:0.04em;}

.conf-searchrow{display:flex;gap:14px;align-items:center;padding:16px 30px 24px;flex-wrap:wrap;}
.conf-search{flex:1;min-width:240px;display:flex;align-items:center;gap:11px;border:1px solid var(--oz-mist-deep);border-radius:10px;padding:12px 15px;background:#fff;}
.conf-search svg{flex-shrink:0;}
.conf-search .qt{font-size:13.5px;color:var(--oz-midnight);font-weight:500;}
.conf-search .qt .ph{color:var(--oz-fg-mute);font-weight:400;}
.conf-search .caret{display:inline-block;width:1.5px;height:1.05em;background:var(--oz-cyan);vertical-align:-0.18em;margin-left:1px;animation:conf-caret 1s steps(2) infinite;}
@keyframes conf-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
.conf-btn{font-family:var(--oz-font-sans);font-size:13.5px;font-weight:600;color:#fff;background:var(--oz-cyan);border:0;border-radius:10px;padding:12px 26px;cursor:pointer;letter-spacing:-0.005em;box-shadow:0 6px 16px rgba(6,182,212,0.28);transition:transform .15s var(--oz-ease), box-shadow .15s var(--oz-ease);}
.conf-btn.flash{transform:translateY(-1px);box-shadow:0 10px 22px rgba(6,182,212,0.4);}
.conf-toggle{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--oz-steel);font-weight:500;}
.conf-toggle .sw{width:38px;height:21px;border-radius:9999px;background:var(--oz-cyan);position:relative;flex-shrink:0;}
.conf-toggle .sw::after{content:"";position:absolute;top:3px;left:3px;width:15px;height:15px;border-radius:9999px;background:#fff;transition:transform .3s var(--oz-ease);transform:translateX(17px);box-shadow:0 1px 2px rgba(10,22,40,0.3);}
.conf-toggle .q{width:16px;height:16px;border-radius:9999px;border:1px solid var(--oz-mist-deep);color:var(--oz-fg-3);font-family:var(--oz-font-mono);font-size:10px;display:flex;align-items:center;justify-content:center;}

.conf-table{border-top:1px solid var(--oz-mist-deep);}
.conf-thead,.conf-row{display:grid;grid-template-columns:2.2fr 2.2fr 1fr 1.3fr 0.9fr 1fr;gap:18px;padding:14px 30px;align-items:center;}
.conf-thead{font-family:var(--oz-font-mono);font-size:9.5px;letter-spacing:0.10em;text-transform:uppercase;color:var(--oz-fg-3);font-weight:700;background:#FBFAF6;border-bottom:1px solid var(--oz-mist-deep);}
.conf-row{border-bottom:1px solid var(--oz-bone-line);transition:background .2s var(--oz-ease), opacity .5s var(--oz-ease), transform .5s var(--oz-ease);}
.conf-row:last-child{border-bottom:0;}
.conf-row:hover{background:#FBFAF6;}
.conf-app.anim .conf-row{opacity:0;transform:translateY(8px);}
.conf-app.anim .conf-row.show{opacity:1;transform:none;}
.conf-row .ti{font-size:13px;color:var(--oz-midnight);font-weight:600;line-height:1.35;letter-spacing:-0.005em;}
.conf-row .su{font-size:12px;color:var(--oz-fg-3);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.conf-row .cf{font-family:var(--oz-font-mono);font-size:11px;color:var(--oz-steel);font-weight:600;letter-spacing:0.02em;}
.conf-row .ca{font-size:12px;color:var(--oz-fg-2);}
.conf-row .ph{font-family:var(--oz-font-mono);font-size:10px;font-weight:600;letter-spacing:0.04em;color:var(--oz-cyan);background:var(--oz-cyan-soft);border:1px solid var(--oz-cyan-ring);border-radius:9999px;padding:3px 9px;justify-self:start;}
.conf-row .ph.none{color:var(--oz-fg-mute);background:transparent;border-color:var(--oz-mist-deep);}
.conf-row .dt{font-family:var(--oz-font-mono);font-size:11px;color:var(--oz-fg-3);}

@media (max-width:1000px){
  .conf-filters{grid-template-columns:1fr 1fr;}
  .conf-thead{display:none;}
  .conf-row{grid-template-columns:1fr;gap:6px;padding:16px 24px;}
  .conf-row .su{-webkit-line-clamp:3;}
  .conf-row .cf::before{content:"Conference · ";color:var(--oz-fg-mute);}
  .conf-row .dt::before{content:"Published · ";color:var(--oz-fg-mute);}
}
@media (prefers-reduced-motion: reduce){
  .conf-search .caret{animation:none;}
  .conf-app.anim .conf-row{opacity:1;transform:none;}
}