*{box-sizing:border-box;margin:0;padding:0;}
html,body{max-width:100%;overflow-x:hidden;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(180deg,#f4f8fc 0%,#edf3fa 38%,#e9f0f8 100%);line-height:1.5;}
.app{min-height:100vh;background:transparent;position:relative;}
.app::before{content:'';position:fixed;top:30%;left:50%;transform:translate(-50%,-50%);width:min(680px,72vw);height:160px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 40'%3E%3Ctext x='0' y='30' font-family='-apple-system,sans-serif' font-size='28' font-weight='300' fill='%231a3a5c' opacity='0.04'%3ESynapseRx%E2%84%A2 Psych%3C/text%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;z-index:0;}
.app::after{content:'';position:fixed;right:clamp(-120px,-7vw,-40px);top:52%;transform:translateY(-50%) rotate(-2deg);width:min(760px,66vw);height:min(540px,48vw);background:url("../assets/images/synapserx-icon.png") center/contain no-repeat;opacity:.055;filter:saturate(.75) brightness(1.22);pointer-events:none;z-index:0;}
.content{position:relative;z-index:1;}
.header{background:rgba(255,255,255,0.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #dbe7f3;padding:10px 18px;position:sticky;top:0;z-index:50;box-shadow:0 7px 18px rgba(26,58,92,0.05);}
.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.header-top img[alt="SynapseRx™ Psych"]{width:50px!important;height:50px!important;}
.logo{font-size:21px;font-weight:500;color:#1a3a5c;letter-spacing:-0.01em;}
.logo span{color:#5a9fc0;}
.logo sup{font-size:10px;font-weight:700;color:#1a3a5c;margin-left:1px;vertical-align:super;}.logo small{font-size:15px;font-weight:600;color:#1a3a5c;margin-left:4px;}
.tagline{font-size:12px;color:#5a6a7a;margin-top:0;}
.drug-count{font-size:12px;color:#5a9fc0;font-weight:500;}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;}
.app-btn{padding:7px 13px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid #cfe0f2;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);color:#1a3a5c;box-shadow:0 2px 0 #dbe7f3,0 7px 14px rgba(26,58,92,0.05);transition:transform .12s,box-shadow .12s,background .12s;}
.app-btn:hover{background:#f3f8fd;transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 12px 20px rgba(26,58,92,0.10);}
.app-btn-primary{background:linear-gradient(180deg,#1f4e82 0%,#163a63 100%);color:#fff;border-color:#163a63;box-shadow:0 3px 0 #0f2946,0 10px 18px rgba(21,61,116,0.22);}
.app-btn-primary:hover{background:linear-gradient(180deg,#24578f 0%,#173758 100%);box-shadow:0 3px 0 #0f2946,0 14px 22px rgba(21,61,116,0.28);}
.synapse-tool-popover.header-menu{
width:min(320px,calc(100vw - 24px));
}
.synapse-tool-popover.header-menu::after{
top:-8px;
bottom:auto;
border-left:1px solid var(--vu-line,#dbe7f3);
border-top:1px solid var(--vu-line,#dbe7f3);
border-right:0;
border-bottom:0;
}
.synapse-tool-popover-item.header-menu-item{
grid-template-columns:28px minmax(0,1fr);
}
.sr-social-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.sr-social-icon{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1a3a5c;text-decoration:none;transition:transform .12s,background .12s,box-shadow .12s;}
.sr-social-icon:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 6px 14px rgba(26,58,92,0.12);}
.sr-social-icon svg{width:16px;height:16px;display:block;}
.sr-social-icon-footer{width:22px;height:22px;border-color:rgba(160,180,200,0.38);background:rgba(255,255,255,0.06);color:#a0b4c8;vertical-align:middle;margin:0 3px;}
.sr-social-icon-footer:hover{background:rgba(255,255,255,0.12);box-shadow:none;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.header-more-menu{position:relative;display:inline-flex;}
.header-more-menu summary{list-style:none;display:inline-flex;align-items:center;gap:6px;user-select:none;}
.header-more-menu summary::-webkit-details-marker{display:none;}
.header-more-popover{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#fff;border:1px solid #dbe7f3;border-radius:14px;padding:7px;box-shadow:0 18px 38px rgba(15,23,42,0.16);z-index:200;display:grid;gap:5px;}
.header-more-popover button{width:100%;text-align:left;border:0;background:transparent;border-radius:10px;padding:9px 10px;color:#1a3a5c;font-size:12px;font-weight:800;cursor:pointer;}
.header-more-popover button:hover{background:#f0f7ff;}
.font-size-controls{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid #cfe0f2;border-radius:999px;padding:2px;box-shadow:0 2px 0 #dbe7f3,0 7px 14px rgba(26,58,92,0.05);}
.font-size-btn{min-width:30px;height:26px;border:0;border-radius:999px;background:transparent;color:#1a3a5c;font-size:12px;font-weight:800;cursor:pointer;padding:0 8px;transition:background .12s,color .12s,transform .12s;}
.font-size-btn:hover{background:#eef6ff;transform:translateY(-1px);}
.font-size-btn.active{background:#1a3a5c;color:#fff;}
@media(max-width:600px){.header-actions{gap:6px;}.app-btn{padding:7px 10px;font-size:12px;}.font-size-controls{padding:2px;}.font-size-btn{min-width:28px;height:26px;font-size:11px;padding:0 7px;}}
.search-wrap{position:relative;}
.search-wrap input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d9e4ef;border-radius:12px;font-size:14px;background:linear-gradient(180deg,#f9fbfe 0%,#f3f7fb 100%);color:#1a2530;box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 3px 10px rgba(26,58,92,0.04);}
.search-wrap > button{height:30px!important;padding:0 11px!important;}
.search-wrap input:focus{outline:none;border-color:#5a9fc0;background:#fff;box-shadow:0 0 0 4px rgba(90,159,192,0.14),0 8px 18px rgba(26,58,92,0.08);}
.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:15px;color:#6b7a8a;}
#historyControls:not(:empty) + .search-icon{display:none;}
.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dbe7f3;border-radius:14px;margin-top:6px;z-index:100;max-height:220px;overflow-y:auto;box-shadow:0 16px 30px rgba(15,23,42,0.12);}
.search-result-item{padding:10px 13px;cursor:pointer;font-size:14px;color:#1a2530;border-bottom:1px solid #edf2f7;transition:background .12s,color .12s;}
.search-result-item:hover{background:#f4f9ff;color:#153d74;}
.search-result-item:last-child{border-bottom:none;}
.result-brand{font-size:12px;color:#5a6a7a;}
.tabs{display:flex;gap:7px;padding:9px 18px 11px;background:rgba(255,255,255,0.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid #e2eaf3;overflow-x:auto;flex-wrap:nowrap;box-shadow:0 6px 14px rgba(26,58,92,0.04);}
.tabs::-webkit-scrollbar{height:9px;}
.tabs::-webkit-scrollbar-thumb{background:#9fb8cf;border-radius:999px;border:2px solid #fff;}
.tabs::-webkit-scrollbar-track{background:#e7eef6;border-radius:999px;}
.tab{padding:5px 11px;border-radius:999px;font-size:12px;cursor:pointer;white-space:nowrap;border:1px solid #d5e1ec;background:linear-gradient(180deg,#ffffff 0%,#eef4fa 100%);color:#3a4a5a;box-shadow:0 2px 0 #dbe7f3,0 6px 12px rgba(26,58,92,0.04);transition:transform .12s,box-shadow .12s,background .12s;}
.tab:hover{background:#f4f9ff;transform:translateY(-1px);box-shadow:0 2px 0 #dbe7f3,0 10px 16px rgba(26,58,92,0.08);}
.tab.active{background:linear-gradient(180deg,#1f4e82 0%,#163a63 100%);color:#fff;border-color:#163a63;box-shadow:0 2px 0 #102a45,0 10px 18px rgba(21,61,116,0.22);}
.content{display:flex;min-height:calc(100vh - 140px);justify-content:center;padding-bottom:60px;}
.sidebar{width:152px;min-width:152px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border-right:1px solid #e2eaf3;padding:10px 0;overflow-y:auto;height:calc(100vh - 140px);position:sticky;top:140px;box-shadow:8px 0 18px rgba(26,58,92,0.04);}
.sidebar.collapsed{width:44px;min-width:44px;padding:8px 5px;overflow:hidden;}
.sidebar::-webkit-scrollbar{width:4px;}
.sidebar::-webkit-scrollbar-thumb{background:#c5bdb4;border-radius:4px;}
.sidebar-controls{padding:0 6px 8px;margin-bottom:4px;border-bottom:1px solid #e8eef5;}
.sidebar-toggle{width:100%;min-height:31px;border:1px solid #cfe0f2;background:#fff;color:#1a3a5c;border-radius:10px;padding:6px 7px;font-size:11px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;box-shadow:0 3px 8px rgba(26,58,92,.05);}
.sidebar-toggle:hover{background:#eef6ff;border-color:#9fd0e7;}
.sidebar-toggle span{font-size:16px;line-height:1;font-weight:900;}
.sidebar-toggle.collapsed{min-height:62px;flex-direction:column;padding:7px 3px;gap:2px;}
.sidebar-toggle.collapsed strong{font-size:10px;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.04em;}
.sidebar-rail-label{margin-top:8px;color:#64748b;font-size:10px;font-weight:800;line-height:1.2;writing-mode:vertical-rl;text-orientation:mixed;max-height:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-group{margin-bottom:9px;padding:0 6px;}
.sidebar-group-label{font-size:10px;font-weight:700;color:#6b7a8a;text-transform:uppercase;letter-spacing:0.06em;padding:5px 7px 4px;}
.sidebar-item{position:relative;padding:8px 9px;font-size:13px;cursor:pointer;color:#111827;border-left:3px solid var(--drug-class-border,#dbe7f3);border-radius:11px;transition:background 0.12s,box-shadow 0.12s,transform 0.12s;font-weight:500;margin-bottom:4px;background:linear-gradient(90deg,var(--drug-class-bg,#f8fbff) 0%,#fff 56%);box-shadow:inset 0 -1px 0 #eef2f7;}
.sidebar-item:hover{background:linear-gradient(90deg,var(--drug-class-bg,#f8fbff) 0%,#f7fbff 68%);box-shadow:inset 0 0 0 1px var(--drug-class-border,#dbe7f3),0 4px 10px var(--drug-class-shadow,rgba(26,58,92,0.05));transform:translateX(1px);}
.sidebar-item.active{background:linear-gradient(135deg,#2a6fe8 0%,#5a9fc0 100%);border-left-color:#1a3a5c;color:#fff;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,0.18),0 10px 20px rgba(42,111,232,0.22);} .sidebar-item.active .sidebar-brand{color:rgba(255,255,255,0.88);} .sidebar-item .sidebar-brand{transition:color 0.15s;}
.sidebar-item.tool-selected{background:linear-gradient(90deg,var(--drug-class-bg,#f8fbff) 0%,#ffffff 72%)!important;border-left-color:var(--drug-class-border,#5a9fc0)!important;box-shadow:inset 0 0 0 1px rgba(90,159,192,0.18),0 3px 8px var(--drug-class-shadow,rgba(26,58,92,0.05))!important;color:#111827!important;font-weight:600!important;}
.sidebar-item.tool-selected .sidebar-brand{color:#64748b!important;}
.sidebar-tool-dot{float:right;width:8px;height:8px;border-radius:999px;background:var(--drug-class-border,#5a9fc0);margin-top:5px;box-shadow:0 0 0 3px rgba(255,255,255,0.85);}
.sidebar-brand{font-size:10px;color:#6b7a8a;display:block;}
.main{flex:1;padding:26px 24px 30px;overflow-y:auto;max-width:1120px;margin:0 auto;width:100%;}
.drug-name{font-size:24px;font-weight:500;color:#1a3a5c;}
.drug-brand{font-size:16px;color:#4a5a6a;margin-top:3px;}
.drug-class-badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:11px;margin-top:7px;}
.drug-approvals{font-size:13px;color:#4a5a6a;margin-top:9px;line-height:1.75;}
.patient-summary{background:linear-gradient(135deg,#eef7fd 0%,#e3eff8 100%);border-left:4px solid #5a9fc0;border-radius:0 12px 12px 0;padding:14px 16px;margin:15px 0;font-size:14px;color:#1a2d40;line-height:1.8;box-shadow:0 8px 18px rgba(90,159,192,0.08);}
.section-label{font-size:11px;font-weight:800;color:#4a5a6a;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;}
.pyramid-wrap{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:8px;width:100%;}
.pyramid-tier{display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer;border-radius:5px;border:0.5px solid transparent;transition:all 0.15s;min-height:48px;}
.pyramid-tier:hover{filter:brightness(0.95);}
.pyramid-tier.active{border-color:rgba(0,0,0,0.18);}
.tier-left{display:flex;align-items:center;gap:9px;flex:1;min-width:0;}
.tier-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;}
.tier-name{font-size:14px;font-weight:500;color:#1a2530;}
.tier-role{font-size:11px;padding:1px 7px;border-radius:10px;background:rgba(0,0,0,0.07);color:#2a3a4a;white-space:nowrap;}
.affinity-label{font-size:12px;font-weight:500;padding:2px 9px;border-radius:10px;white-space:nowrap;flex-shrink:0;}
.detail-panel{border-radius:16px;padding:16px 17px;margin-top:6px;margin-bottom:16px;border:1px solid #dbe7f3;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 4px 0 #dbe7f3,0 12px 26px rgba(26,58,92,0.08);}
.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:6px;}
.detail-receptor{font-size:17px;font-weight:500;color:#1a2530;}
.detail-ki{font-size:12px;padding:2px 9px;border-radius:10px;}
.detail-role-badge{display:inline-block;font-size:12px;padding:2px 9px;border-radius:10px;margin-bottom:10px;}
.detail-text{font-size:14px;line-height:1.85;color:#1a2530;}
.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;}
.info-card{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);border:1px solid #dbe7f3;border-radius:14px;padding:12px 14px;box-shadow:0 3px 0 #dbe7f3,0 8px 16px rgba(26,58,92,0.06);}
.info-card-label{font-size:11px;color:#5a6a7a;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:4px;font-weight:500;}
.info-card-value{font-size:13px;color:#1a2530;line-height:1.7;}
.affinity-legend{display:flex;align-items:center;gap:12px;margin-bottom:11px;flex-wrap:wrap;}
.legend-item{display:flex;align-items:center;gap:5px;font-size:12px;color:#3a4a5a;}
.legend-dot{width:8px;height:8px;border-radius:50%;}
.disclaimer{background:#f0ebe4;border-radius:8px;padding:11px 15px;margin-top:18px;font-size:12px;color:#5a6a7a;line-height:1.75;}
.collapsible{border-radius:14px;margin-bottom:12px;overflow:hidden;border:1px solid #dbe7f3;box-shadow:0 8px 18px rgba(26,58,92,0.05);}
.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;cursor:pointer;user-select:none;}
.collapsible-header:hover{filter:brightness(0.97);}
.collapsible-title{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;}
.collapsible-arrow{font-size:12px;color:#5a6a7a;transition:transform 0.2s;}
.collapsible-arrow.open{transform:rotate(90deg);}
.collapsible-body{padding:0 15px;max-height:0;overflow:hidden;transition:max-height 0.25s ease,padding 0.2s;}
.collapsible-body.open{max-height:3000px;padding:0 15px 15px;}
.clinical-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,0.5);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;}
.clinical-modal-panel{width:min(920px,100%);max-height:min(86vh,900px);overflow:auto;background:#fff;border:1px solid #d7e5ee;border-radius:20px;box-shadow:0 22px 48px rgba(15,23,42,0.24);}
.clinical-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #dbe7f3;background:linear-gradient(180deg,#eef7fd 0%,#f8fbff 100%);}
.clinical-modal-title{font-size:18px;font-weight:600;color:#1a3a5c;line-height:1.35;}
.clinical-modal-close{width:36px;height:36px;border-radius:999px;border:1px solid #cfe0f2;background:#fff;color:#1a3a5c;font-size:18px;font-weight:700;cursor:pointer;flex-shrink:0;}
.clinical-modal-body{padding:18px 20px 20px;}
.bb-item{font-size:13px;color:#7f1d1d;line-height:1.75;padding:3px 0;}
.pearl-item{font-size:13px;color:#1a2530;line-height:1.75;padding:5px 0;border-bottom:0.5px solid #e8e2db;}
.pearl-item:last-child{border-bottom:none;}
.pearl-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:2px;color:#1e3a6e;}
@media(max-width:600px){
.sidebar{width:112px;min-width:112px;}
.sidebar.collapsed{width:38px;min-width:38px;padding:7px 4px;}
.sidebar-toggle.collapsed{min-height:56px;}
.main{padding:12px 10px;}
.info-grid{grid-template-columns:1fr;}
.metabolic-grid{grid-template-columns:1fr 1fr;}
.drug-name{font-size:19px;}
.tier-role{display:none;}
.affinity-label{font-size:11px;padding:1px 5px;}
.tier-name{font-size:13px;}
.pyramid-tier{min-height:40px;}
.tabs{padding:7px 9px;gap:5px;}
.tab{font-size:11px;padding:4px 7px;}
.nav-item{font-size:10px;padding:6px 2px;}
.header{padding:9px 12px;}
.header-top img[alt="SynapseRx™ Psych"]{width:42px!important;height:42px!important;}
.logo{font-size:18px;}
.tagline{display:none;}
}
@media(max-width:400px){
.sidebar{display:none;}
.content{min-height:calc(100vh - 200px);}
}
/* Bottom nav */
#bottomNav{display:flex;background:rgba(255,255,255,0.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid #dbe7f3;box-shadow:0 -10px 26px rgba(26,58,92,0.08);position:fixed;left:0;right:0;bottom:var(--synapse-footer-bar-height,28px);z-index:550;padding:5px 7px calc(5px + env(safe-area-inset-bottom,0px));gap:5px;}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 5px 6px;font-size:10px;color:#6b7a8a;cursor:pointer;gap:2px;border-radius:12px;transition:background .15s,transform .15s,color .15s,box-shadow .15s;position:relative;min-height:54px;}
.nav-item.active{color:#123b68;font-weight:700;background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);box-shadow:inset 0 0 0 1px #bfdbfe,0 4px 12px rgba(59,130,246,0.16);}
.nav-item:hover{background:#eef5fb;transform:translateY(-1px);}
.nav-item:not(:last-child)::after{content:"";position:absolute;right:-2px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(191,219,254,0.95) 18%,rgba(203,213,225,0.85) 50%,rgba(191,219,254,0.95) 82%,transparent 100%);}
.scroll-top-btn{position:fixed;right:16px;bottom:64px;z-index:500;width:44px;height:44px;border-radius:999px;border:1px solid #c8d6e5;background:#fff;color:#1a3a5c;box-shadow:0 8px 22px rgba(26,58,92,0.18);font-size:18px;font-weight:800;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s,box-shadow .15s;pointer-events:auto;touch-action:manipulation;appearance:none;-webkit-appearance:none;}
.scroll-top-btn span{pointer-events:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:translateY(-1px);user-select:none;}
.scroll-top-btn:hover{background:#e3eff8;transform:translateY(-2px);box-shadow:0 12px 26px rgba(26,58,92,0.22);}
@media(max-width:600px){.scroll-top-btn{right:12px;bottom:60px;width:38px;height:38px;line-height:38px;font-size:16px;}}
@media print{.scroll-top-btn{display:none;}}
.synapse-back-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;background:linear-gradient(180deg,#ffffff 0%,#f1f6fb 100%);border:1px solid #dbe7f3;border-radius:999px;padding:0 15px;font-size:13px;font-weight:700;color:#1a3a5c;cursor:pointer;line-height:1;touch-action:manipulation;appearance:none;-webkit-appearance:none;box-shadow:0 3px 0 #dbe7f3,0 8px 14px rgba(26,58,92,0.06);transition:transform .12s,box-shadow .12s,background .12s;}
.synapse-back-btn span{pointer-events:none;user-select:none;}
.synapse-back-btn:hover{background:#eaf3fb;transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 12px 18px rgba(26,58,92,0.10);}
.synapse-history-btn{width:36px;height:36px;border-radius:12px;border:1px solid #cbd5e1;background:linear-gradient(180deg,#ffffff 0%,#f3f7fb 100%);color:#1a3a5c;font-size:16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #dbe7f3,0 8px 14px rgba(15,23,42,0.06);line-height:1;padding:0;touch-action:manipulation;appearance:none;-webkit-appearance:none;position:relative;transition:transform .12s,box-shadow .12s,background .12s;}
.synapse-history-btn[disabled]{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8;cursor:default;box-shadow:none;}
.synapse-history-btn span{pointer-events:none;user-select:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1;transform:none;}
.synapse-history-btn:before,.synapse-history-btn:after{pointer-events:none;}
.synapse-history-btn:hover:not([disabled]){background:#eaf3fb;transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 12px 18px rgba(15,23,42,0.10);}
/* Documents hub preview */
.doc-hub-shell{max-width:1240px;margin:0 auto;padding:8px 0 56px;width:100%;}
.doc-hub-command{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f7fbff 56%,#eaf4fb 100%);border:1px solid #d7e5ee;border-radius:18px;padding:20px;box-shadow:0 4px 0 #dbe7f3,0 16px 36px rgba(26,58,92,0.08);margin-bottom:16px;}
.doc-hub-command::after{content:"";position:absolute;right:-36px;top:-44px;width:250px;height:250px;opacity:.11;pointer-events:none;background:url("../assets/images/synapserx-icon.png") center/contain no-repeat;}
.doc-hub-command-top{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;margin-bottom:15px;}
.doc-hub-title{font-size:26px;font-weight:850;letter-spacing:-.01em;line-height:1.12;color:#1a3a5c;}
.doc-hub-copy{font-size:13px;color:#526173;line-height:1.7;margin-top:6px;max-width:790px;}
.doc-hub-stats{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:8px;min-width:310px;}
.doc-hub-stat{background:rgba(255,255,255,.82);border:1px solid #d8e3ec;border-radius:12px;padding:10px 11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 16px rgba(26,58,92,.05);}
.doc-hub-stat-value{font-size:19px;font-weight:900;color:#1a3a5c;line-height:1;}
.doc-hub-stat-label{font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#64748b;margin-top:5px;}
.doc-hub-controls{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:10px;align-items:center;}
.doc-hub-search{position:relative;}
.doc-hub-search span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:13px;color:#5a9fc0;font-weight:850;}
.doc-hub-search input{width:100%;box-sizing:border-box;padding:12px 13px 12px 64px;border:1px solid #cfe0f2;border-radius:13px;font-size:13px;color:#17212f;background:#fff;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 3px 10px rgba(26,58,92,.04);}
.doc-hub-search input:focus{border-color:#5a9fc0;box-shadow:0 0 0 4px rgba(90,159,192,.14),0 8px 18px rgba(26,58,92,.08);}
.doc-hub-scope,.doc-hub-tabs,.doc-hub-actions,.doc-hub-card-actions,.doc-hub-badges,.doc-hub-chip-row{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.doc-hub-scope-btn,.doc-hub-tab,.doc-hub-btn{border:1px solid #cfe0f2;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#f3f7fb 100%);color:#1a3a5c;font-size:12px;font-weight:850;cursor:pointer;min-height:34px;padding:8px 11px;line-height:1;box-shadow:0 2px 0 #dbe7f3,0 7px 14px rgba(26,58,92,.05);transition:transform .12s,box-shadow .12s,background .12s;}
.doc-hub-scope-btn.active,.doc-hub-tab.active,.doc-hub-btn.primary{background:linear-gradient(180deg,#1f4e82 0%,#163a63 100%);color:#fff;border-color:#163a63;box-shadow:0 3px 0 #0f2946,0 10px 18px rgba(21,61,116,.22);}
.doc-hub-btn.ghost{color:#64748b;background:#fff;}
.doc-hub-btn.success{background:#ecfdf5;border-color:#16a34a;color:#166534;box-shadow:0 2px 0 #bbf7d0,0 7px 14px rgba(22,101,52,.08);}
.doc-hub-btn:hover,.doc-hub-tab:hover,.doc-hub-scope-btn:hover{transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 12px 18px rgba(26,58,92,.10);}
.doc-hub-workspace{display:grid;grid-template-columns:minmax(288px,340px) minmax(0,1fr);gap:16px;align-items:start;}
.doc-hub-panel{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid #d7e5ee;border-radius:16px;box-shadow:0 4px 0 #dbe7f3,0 12px 28px rgba(26,58,92,.07);}
.doc-hub-panel-head{padding:15px 16px;border-bottom:1px solid #e2eaf3;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);border-radius:16px 16px 0 0;}
.doc-hub-panel-title{font-size:13px;font-weight:900;color:#1a3a5c;}
.doc-hub-panel-note{font-size:11px;color:#64748b;line-height:1.45;margin-top:3px;}
.doc-hub-panel-body{padding:14px 15px 16px;}
.doc-hub-packet-list{display:grid;gap:7px;margin:10px 0 12px;}
.doc-hub-packet-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8fafc;border:1px solid #d8e3ec;border-left:5px solid #5a9fc0;border-radius:12px;padding:9px 10px;font-size:12px;font-weight:850;color:#26384c;}
.doc-hub-remove{border:0;background:transparent;color:#64748b;font-size:14px;font-weight:950;cursor:pointer;padding:0 2px;}
.doc-hub-presets{display:grid;gap:8px;}
.doc-hub-preset{width:100%;text-align:left;background:#fff;border:1px solid #d8e3ec;border-radius:12px;padding:10px 11px;cursor:pointer;box-shadow:0 3px 9px rgba(26,58,92,.035);}
.doc-hub-preset:hover{border-color:#9ac4df;background:#f8fbff;transform:translateY(-1px);}
.doc-hub-preset-title{font-size:12px;font-weight:900;color:#1a3a5c;margin-bottom:3px;}
.doc-hub-preset-desc{font-size:11px;color:#526173;line-height:1.45;}
.doc-hub-tabs{margin-bottom:12px;}
.doc-hub-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:11px;}
.doc-hub-card{background:#fff;border:1px solid #d8e3ec;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:9px;min-height:205px;box-shadow:0 3px 0 #e3edf6,0 8px 16px rgba(26,58,92,.045);}
.doc-hub-card:hover{border-color:#a9c7dc;box-shadow:0 3px 0 #cfe0f2,0 12px 22px rgba(26,58,92,.08);transform:translateY(-1px);}
.doc-hub-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.doc-hub-card-title{font-size:14px;font-weight:900;color:#1a3a5c;line-height:1.25;}
.doc-hub-card-meta{font-size:10px;color:#526173;margin-top:4px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;}
.doc-hub-tag{white-space:nowrap;background:#eef6ff;border:1px solid #bfdbfe;color:#1a3a5c;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;}
.doc-hub-desc{font-size:12px;color:#475569;line-height:1.58;flex:1;}
.doc-hub-badge{background:#f1f5f9;border:1px solid #cbd5e1;color:#334155;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:850;}
.doc-hub-empty{grid-column:1 / -1;background:#fff;border:1px solid #d8e3ec;border-radius:14px;padding:22px;color:#526173;font-size:13px;}
.doc-hub-section-label{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#315b77;margin:0 0 10px;}
@media(max-width:850px){
.doc-hub-command-top,.doc-hub-controls,.doc-hub-workspace{grid-template-columns:1fr;}
.doc-hub-stats{min-width:0;}
}
@media(max-width:560px){
.doc-hub-command{padding:14px;border-radius:16px;}
.doc-hub-stats{grid-template-columns:1fr 1fr;}
.doc-hub-library-grid{grid-template-columns:1fr;}
.doc-hub-card-actions .doc-hub-btn{flex:1 1 auto;}
}
/* Compare */
.compare-btn{border-color:#5a9fc0!important;}
.compare-selected{background:linear-gradient(90deg,var(--drug-class-bg,#eff6ff) 0%,#fff 72%)!important;border-left-color:var(--drug-class-border,#5a9fc0)!important;}
.compare-grid{display:grid;gap:14px;align-items:start;}
.compare-col{background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%);border:1px solid #dbe7f3;border-radius:14px;padding:14px;min-width:0;box-shadow:0 4px 0 #dbe7f3,0 10px 20px rgba(26,58,92,0.06);}
.compare-section-label{font-size:10px;font-weight:600;color:#4a5a6a;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:5px;}
.compare-detail-panel{background:linear-gradient(180deg,#f8f3ed 0%,#f3ece3 100%);border-radius:10px;padding:11px;margin-bottom:8px;border:1px solid #ddd2c5;box-shadow:0 2px 0 #e7ddd2;}
.compare-tier{transition:filter 0.1s;}
.compare-tier:hover{filter:brightness(0.95);}
/* Metabolic */
.metabolic-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;}
/* Interaction slots */
.interact-slot{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);border:1px solid #dbe7f3;border-radius:12px;padding:14px;text-align:center;cursor:pointer;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background 0.15s,transform .12s,box-shadow .12s,border-color .12s;box-shadow:0 3px 0 #dbe7f3,0 8px 14px rgba(26,58,92,0.05);}
.interact-slot.filled{background:linear-gradient(180deg,#ecf6ff 0%,#e3eff8 100%);border-color:#5a9fc0;box-shadow:0 3px 0 #93c5fd,0 10px 18px rgba(90,159,192,0.12);}
.interact-slot:hover{background:#f0f7ff;transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 12px 18px rgba(26,58,92,0.08);}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr!important;}.metabolic-grid{grid-template-columns:1fr 1fr;}}
/* Disclaimer overlay */
#disclaimerOverlay{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:rgba(248,251,255,0.72);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
#disclaimerBox{background:#fff;border-radius:14px;max-width:760px;width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);box-shadow:0 8px 40px rgba(0,0,0,0.4);margin:auto;display:flex;flex-direction:column;overflow:hidden;min-height:0;}
#disclaimerBox::-webkit-scrollbar{width:4px;}
#disclaimerBox::-webkit-scrollbar-thumb{background:#c5bdb4;border-radius:4px;}
.disc-header{background:#1a3a5c;padding:20px 22px;border-radius:14px 14px 0 0;}
.disc-header-title{font-size:20px;font-weight:500;color:#fff;margin-bottom:3px;}
.disc-header-sub{font-size:13px;color:#a0b8d0;}
.disc-body{padding:18px 22px;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:0;flex:1 1 auto;}
.disc-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;}
.disc-summary-card{background:#f8fbff;border:1px solid #dbe7f3;border-radius:10px;padding:10px 11px;font-size:12px;color:#1a2530;line-height:1.55;}
.disc-summary-card strong{display:block;color:#1a3a5c;font-size:11px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.disc-scroll-note{font-size:11px;color:#5a6a7a;line-height:1.55;}
.disc-scroll-box{border:1px solid #dbe7f3;border-radius:12px;background:#fff;max-height:260px;min-height:140px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;padding:12px 14px;box-shadow:inset 0 -14px 18px rgba(26,58,92,.04);flex:1 1 auto;}
.disc-scroll-box::-webkit-scrollbar{width:8px;}
.disc-scroll-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px;}
.disc-scroll-box::-webkit-scrollbar-track{background:#f1f5f9;border-radius:999px;}
.disc-section{margin-bottom:14px;}
.disc-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:#1a3a5c;margin-bottom:6px;}
.disc-section-text{font-size:12px;color:#1a2530;line-height:1.7;}
.disc-list{margin:4px 0 0 4px;padding:0;}
.disc-list li{font-size:12px;color:#1a2530;line-height:1.7;list-style:none;padding-left:14px;position:relative;}
.disc-list li::before{content:"•";position:absolute;left:0;color:#5a9fc0;}
.disc-warn{background:#fff5f5;border-left:3px solid #ef4444;padding:10px 14px;border-radius:0 8px 8px 0;margin:0;}
.disc-warn-text{font-size:13px;color:#7f1d1d;line-height:1.65;}
.disc-agree-wrap{padding:16px 22px 22px;border-top:0.5px solid #e8e2db;}
.disc-checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;cursor:pointer;}
.disc-checkbox-row input{margin-top:2px;width:16px;height:16px;cursor:pointer;accent-color:#1a3a5c;}
.disc-checkbox-label{font-size:13px;color:#1a2530;line-height:1.75;}
.disc-gate-status{font-size:11px;color:#64748b;line-height:1.5;margin-bottom:10px;}
.disc-gate-status.ready{color:#166534;font-weight:700;}
.disc-agree-btn{width:100%;padding:13px;background:#1a3a5c;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:not-allowed;opacity:0.4;transition:opacity 0.2s;}
.disc-agree-btn.ready{opacity:1;}
.disc-agree-btn.ready:hover{background:#15304f;}
.disc-agree-btn:disabled{cursor:not-allowed;}
.disc-version{font-size:10px;color:#9ab;text-align:center;margin-top:10px;}
@media(max-width:640px){
#disclaimerOverlay{padding:8px;align-items:flex-start;}
#disclaimerBox{width:100%;max-width:520px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);margin:0 auto;}
.disc-header{padding:14px 16px;}
.disc-header-title{font-size:18px;}
.disc-header-sub{font-size:12px;}
.disc-body{padding:12px 14px;gap:9px;}
.disc-warn{padding:8px 10px;}
.disc-warn-text{font-size:12px;line-height:1.55;}
.disc-summary-grid{grid-template-columns:1fr;gap:6px;}
.disc-summary-card{padding:8px 9px;font-size:11px;line-height:1.45;}
.disc-scroll-note{font-size:10.5px;line-height:1.45;}
.disc-scroll-box{max-height:none;min-height:0;}
.disc-agree-wrap{padding:11px 14px 14px;flex:0 0 auto;background:#fff;}
.disc-checkbox-row{margin-bottom:10px;}
.disc-checkbox-row span{font-size:11px!important;line-height:1.45!important;}
.disc-agree-btn{padding:11px;font-size:14px;}
.disc-version{margin-top:7px;}
}
.feedback-type-btn{padding:5px 12px;border:0.5px solid #c7d2fe;border-radius:20px;font-size:12px;cursor:pointer;background:#fff;color:#3730a3;transition:all 0.15s;}
.feedback-type-btn:hover{background:#e0e7ff;}
.fs-small{font-size:90%;}
.fs-large{font-size:112%;}
/* ── v5 Drug Page Redesign ── */
.hero-emblem{position:absolute;right:22px;top:18px;width:130px;height:130px;border-radius:50%;opacity:.26;pointer-events:none;background:
radial-gradient(circle at center,rgba(255,255,255,0.2) 0,rgba(255,255,255,0.02) 54%,transparent 68%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23d9f2ff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M40 48c17 0 28 12 28 27s-11 27-28 27'/%3E%3Cpath d='M120 48c-17 0-28 12-28 27s11 27 28 27'/%3E%3Cpath d='M68 75h24'/%3E%3Cpath d='M56 43l17 17'/%3E%3Cpath d='M104 100l17 17'/%3E%3Cpath d='M56 117l17-17'/%3E%3Cpath d='M104 60l17-17'/%3E%3C/g%3E%3Cg fill='%23f4fbff'%3E%3Ccircle cx='40' cy='48' r='7'/%3E%3Ccircle cx='40' cy='102' r='7'/%3E%3Ccircle cx='120' cy='48' r='7'/%3E%3Ccircle cx='120' cy='102' r='7'/%3E%3Ccircle cx='80' cy='75' r='8'/%3E%3Ccircle cx='56' cy='43' r='5'/%3E%3Ccircle cx='56' cy='117' r='5'/%3E%3Ccircle cx='121' cy='43' r='5'/%3E%3Ccircle cx='121' cy='117' r='5'/%3E%3C/g%3E%3C/svg%3E") center/84% no-repeat;}
@media(max-width:600px){.hero-emblem{width:92px;height:92px;right:10px;top:10px;opacity:.22;}}
.drug-hero-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;position:relative;z-index:1;flex-wrap:wrap;}
.drug-hero-primary{flex:1;min-width:0;}
.drug-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:min(230px,100%);flex:0 1 230px;}
@media(max-width:600px){.drug-hero-row{display:block!important;}.drug-hero-actions{align-items:flex-start!important;min-width:0!important;margin-top:10px;}.drug-hero-actions>div{justify-content:flex-start!important;}.drug-hero-actions button{margin-top:0!important;}}
.home-hero-shell{background:
linear-gradient(135deg,#07152c 0%,#0a2450 34%,#0b4b93 68%,#1276cf 100%);
border:1px solid rgba(150,214,255,0.22);border-radius:24px;padding:36px 28px 28px;margin-bottom:24px;text-align:center;box-shadow:0 22px 56px rgba(6,22,45,0.34);position:relative;overflow:hidden;isolation:isolate;}
.home-hero-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:
linear-gradient(120deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 18%,transparent 36%),
url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 420'%3E%3Cg fill='none' stroke='%2396ddff' stroke-opacity='.28' stroke-width='1.8'%3E%3Cpath d='M16 60 L118 24 L206 72 L276 40 L366 92 L454 52 L546 108 L628 70 L720 112 L812 82'/%3E%3Cpath d='M0 148 L102 112 L188 156 L270 128 L358 180 L446 152 L534 206 L622 176 L710 216 L810 188'/%3E%3Cpath d='M40 250 L136 216 L224 262 L316 230 L408 280 L496 252 L592 304 L686 270 L792 320'/%3E%3Cpath d='M20 340 L118 300 L216 344 L312 312 L404 356 L504 324 L610 370 L714 334 L834 382'/%3E%3Cpath d='M118 24 L102 112 L136 216 L118 300'/%3E%3Cpath d='M206 72 L188 156 L224 262 L216 344'/%3E%3Cpath d='M276 40 L270 128 L316 230 L312 312'/%3E%3Cpath d='M366 92 L358 180 L408 280 L404 356'/%3E%3Cpath d='M454 52 L446 152 L496 252 L504 324'/%3E%3Cpath d='M546 108 L534 206 L592 304 L610 370'/%3E%3Cpath d='M628 70 L622 176 L686 270 L714 334'/%3E%3Cpath d='M720 112 L710 216 L792 320 L834 382'/%3E%3C/g%3E%3Cg fill='%23c8f2ff'%3E%3Ccircle cx='118' cy='24' r='3.6' fill-opacity='.92'/%3E%3Ccircle cx='206' cy='72' r='2.8' fill-opacity='.8'/%3E%3Ccircle cx='276' cy='40' r='2.8' fill-opacity='.82'/%3E%3Ccircle cx='366' cy='92' r='3.2' fill-opacity='.86'/%3E%3Ccircle cx='454' cy='52' r='3' fill-opacity='.84'/%3E%3Ccircle cx='546' cy='108' r='3.2' fill-opacity='.82'/%3E%3Ccircle cx='628' cy='70' r='2.9' fill-opacity='.84'/%3E%3Ccircle cx='720' cy='112' r='3' fill-opacity='.82'/%3E%3Ccircle cx='102' cy='112' r='2.6' fill-opacity='.76'/%3E%3Ccircle cx='188' cy='156' r='2.5' fill-opacity='.72'/%3E%3Ccircle cx='270' cy='128' r='2.4' fill-opacity='.72'/%3E%3Ccircle cx='358' cy='180' r='2.5' fill-opacity='.74'/%3E%3Ccircle cx='446' cy='152' r='2.5' fill-opacity='.7'/%3E%3Ccircle cx='534' cy='206' r='2.4' fill-opacity='.72'/%3E%3Ccircle cx='622' cy='176' r='2.4' fill-opacity='.72'/%3E%3Ccircle cx='710' cy='216' r='2.5' fill-opacity='.74'/%3E%3C/g%3E%3C/svg%3E\") center/cover no-repeat,
radial-gradient(circle at 83% 17%,rgba(191,239,255,0.48) 0%,rgba(191,239,255,0.14) 12%,transparent 28%),
linear-gradient(180deg,rgba(255,255,255,0.03) 0%,transparent 44%);}
.home-hero-shell::after{content:"";position:absolute;left:-6%;right:-6%;bottom:-30px;height:124px;pointer-events:none;background:
radial-gradient(ellipse at left bottom,rgba(160,225,255,0.18) 0%,transparent 58%),
radial-gradient(ellipse at center bottom,rgba(135,215,255,0.22) 0%,transparent 52%),
radial-gradient(ellipse at right bottom,rgba(95,194,255,0.18) 0%,transparent 56%);}
.home-hero-neuron{position:absolute;right:8px;top:-8px;width:286px;height:182px;opacity:.98;pointer-events:none;background:
url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 310 190'%3E%3Cg fill='none' stroke='%23d7f7ff' stroke-width='2.1' stroke-opacity='.42' stroke-linecap='round'%3E%3Cpath d='M210 92 C185 70 174 48 174 26'/%3E%3Cpath d='M210 92 C191 95 170 107 150 126'/%3E%3Cpath d='M210 92 C234 92 255 84 278 64'/%3E%3Cpath d='M210 92 C224 112 238 128 258 146'/%3E%3Cpath d='M210 92 C208 66 216 42 232 18'/%3E%3Cpath d='M210 92 C188 81 163 78 134 82'/%3E%3Cpath d='M210 92 C236 106 258 111 286 112'/%3E%3C/g%3E%3Cg fill='%23e8fbff'%3E%3Ccircle cx='210' cy='92' r='11' fill-opacity='.98'/%3E%3Ccircle cx='174' cy='26' r='4.2' fill-opacity='.78'/%3E%3Ccircle cx='150' cy='126' r='4.6' fill-opacity='.76'/%3E%3Ccircle cx='278' cy='64' r='4.5' fill-opacity='.8'/%3E%3Ccircle cx='258' cy='146' r='4.2' fill-opacity='.72'/%3E%3Ccircle cx='232' cy='18' r='4' fill-opacity='.74'/%3E%3Ccircle cx='134' cy='82' r='4' fill-opacity='.66'/%3E%3Ccircle cx='286' cy='112' r='4' fill-opacity='.7'/%3E%3C/g%3E%3Cg fill='none' stroke='%23d6f4ff' stroke-opacity='.18' stroke-width='1.1'%3E%3Ccircle cx='210' cy='92' r='30'/%3E%3Ccircle cx='210' cy='92' r='54'/%3E%3Ccircle cx='210' cy='92' r='76'/%3E%3C/g%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='210' cy='92' r='3.2'/%3E%3C/g%3E%3C/svg%3E\") right top/100% 100% no-repeat;}
.home-hero-content{position:relative;z-index:1;}
@media(max-width:600px){
.home-hero-shell{padding:30px 18px 22px;}
.home-hero-neuron{right:-20px;top:-4px;width:180px;height:120px;opacity:.84;}
}
.dose-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;}
.dose-item{background:linear-gradient(180deg,#fffdfa 0%,#f7f1ea 100%);border:1px solid #eadfd2;border-radius:12px;padding:10px 12px;box-shadow:0 3px 0 #eadfd2,0 8px 16px rgba(72,52,36,0.06);}
.dose-item.full{grid-column:1/-1;}
.dose-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#5a6a7a;margin-bottom:3px;}
.dose-value{font-size:13px;color:#1a2530;line-height:1.7;}
.dose-max{color:#c0392b;font-weight:600;}
.clearance-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 10px;border-radius:6px;font-weight:500;}
.clearance-hepatic{background:#fef9c3;color:#713f12;border:0.5px solid #fde68a;}
.clearance-renal{background:#dbeafe;color:#1e3a6e;border:0.5px solid #93c5fd;}
.clearance-both{background:#f3e8ff;color:#5b21b6;border:0.5px solid #c4b5fd;}
.clearance-na{background:#f1f5f9;color:#475569;border:0.5px solid #cbd5e1;}
.warn-pearl-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;}
.wp-card{border-radius:14px;padding:13px 15px;box-shadow:0 3px 0 rgba(219,231,243,0.9),0 10px 18px rgba(26,58,92,0.07);}
.bb-card{background:linear-gradient(180deg,#fff4f4 0%,#fee2e2 100%);border:1px solid #fca5a5;}
.bb-card-title{font-size:12px;font-weight:600;color:#7f1d1d;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.bb-icon{width:14px;height:14px;background:#ef4444;border-radius:3px;flex-shrink:0;}
.bb-text{font-size:12px;color:#991b1b;line-height:1.75;}
.pearl-card{background:linear-gradient(180deg,#f4f9ff 0%,#dbeafe 100%);border:1px solid #93c5fd;}
.pearl-card-title{font-size:12px;font-weight:600;color:#1e3a6e;margin-bottom:6px;display:flex;align-items:center;gap:6px;}
.pearl-icon{width:14px;height:14px;background:#3b82f6;border-radius:50%;flex-shrink:0;}
.pearl-text{font-size:12px;color:#1e40af;line-height:1.75;}
.coll-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid #e2eaf3;border-radius:14px;padding:12px 14px;margin-bottom:10px;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:0 3px 0 #dbe7f3,0 10px 18px rgba(26,58,92,0.06);transition:transform .12s,box-shadow .12s,background .12s;}
.coll-card:hover{transform:translateY(-1px);box-shadow:0 3px 0 #dbe7f3,0 14px 22px rgba(26,58,92,0.10);background:#ffffff;}
.coll-icon-box{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.coll-text{flex:1;}
.coll-title{font-size:14px;font-weight:500;color:#1a2530;}
.coll-hint{font-size:12px;color:#5a6a7a;margin-top:1px;}
.coll-chevron{font-size:11px;color:#94a3b8;flex-shrink:0;}
.coll-body-wrap{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid #e2eaf3;border-radius:0 0 14px 14px;border-top:none;margin-top:-10px;margin-bottom:10px;overflow:hidden;box-shadow:0 10px 18px rgba(26,58,92,0.05);}
/* ── Evidence / Study links ── */
.evidence-bar{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;padding:10px 0 4px;border-top:0.5px solid #e4edf7;margin-top:10px;}
.evidence-bar-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:#5a6a7a;padding-top:5px;}
.evidence-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.ev-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;text-decoration:none;padding:5px 11px;border-radius:999px;border:1px solid;transition:opacity .15s,transform .12s,box-shadow .12s;white-space:nowrap;box-shadow:0 2px 0 rgba(148,163,184,0.25),0 6px 12px rgba(26,58,92,0.05);}
.ev-link:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 2px 0 rgba(148,163,184,0.25),0 10px 16px rgba(26,58,92,0.09);}
.ev-link.study{background:#eef6ff;color:#1a3a5c;border-color:#c7ddf5;}
.ev-link.dailymed{background:#eff6ff;color:#1e40af;border-color:#bfdbfe;}
.ev-link.fda{background:#fff7ed;color:#9a3412;border-color:#fdba74;}
.ev-link.mfr{background:#f5f0ea;color:#1a3a5c;border-color:#d1c9be;}
.local-modal-overlay{position:fixed;inset:0;background:rgba(10,20,35,0.55);z-index:9998;display:none;align-items:center;justify-content:center;padding:20px;}
.local-modal-card{background:#fff;border-radius:16px;max-width:420px;width:100%;box-shadow:0 14px 36px rgba(0,0,0,0.18);border:1px solid #dbe7f3;overflow:hidden;}
.local-modal-head{background:#1a3a5c;color:#fff;padding:18px 20px;}
.local-modal-title{font-size:20px;font-weight:600;}
.local-modal-sub{font-size:12px;color:#bdd0e5;margin-top:4px;}
.local-modal-body{padding:20px;}
.local-modal-text{font-size:14px;line-height:1.7;color:#1a2530;margin-bottom:14px;}
.local-modal-actions{display:flex;gap:10px;}
:root{--srx-ink:#1a2530;--srx-muted:#5a6a7a;--srx-line:#dbe7f3;--srx-blue:#1a3a5c;--srx-green:#10b981;--srx-amber:#f59e0b;}
.release-preview-overlay{
position:fixed;
inset:0;
background:rgba(10,20,35,0.55);
z-index:9997;
display:none;
align-items:center;
justify-content:center;
padding:20px;
}
.release-preview-card{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
border-radius:20px;
max-width:760px;
width:100%;
max-height:88vh;
box-shadow:0 18px 48px rgba(0,0,0,0.22);
border:1px solid var(--srx-line);
overflow:hidden;
display:flex;
flex-direction:column;
}
.release-preview-head{
background:linear-gradient(135deg,#0f3158 0%,#1d5f9e 58%,#0f766e 100%);
color:#fff;
padding:22px 24px;
}
.release-preview-title{
font-size:22px;
font-weight:750;
letter-spacing:0;
line-height:1.2;
}
.release-preview-sub{
font-size:12px;
color:#dbeafe;
margin-top:6px;
line-height:1.6;
}
.release-preview-body{
padding:20px;
overflow-y:auto;
}
.release-update-card{
background:#fff;
border:1px solid var(--srx-line);
border-radius:14px;
padding:15px 16px;
margin-bottom:12px;
box-shadow:0 6px 18px rgba(26,58,92,0.06);
}
.release-badge-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin-bottom:8px;
}
.release-badge{
background:#dbeafe;
color:#1e3a8a;
font-size:10px;
font-weight:850;
padding:3px 8px;
border-radius:999px;
text-transform:uppercase;
letter-spacing:.04em;
}
.release-badge.green{
background:#dcfce7;
color:#166534;
}
.release-update-title{
font-size:12px;
font-weight:850;
color:var(--srx-blue);
}
.release-update-copy{
margin:0 0 12px;
font-size:12px;
color:var(--srx-ink);
line-height:1.75;
}
.release-visual-list{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin:0;
padding:0;
list-style:none;
}
.release-visual-list li{
border:1px solid #e2edf7;
background:#fbfdff;
border-radius:12px;
padding:10px 11px;
min-height:92px;
}
.release-visual-list strong{
display:block;
font-size:12px;
color:var(--srx-blue);
margin-bottom:5px;
}
.release-visual-list span{
display:block;
font-size:11px;
color:var(--srx-muted);
line-height:1.6;
}
.release-tier-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-bottom:12px;
}
.release-tier-card{
border-radius:15px;
padding:13px 14px;
border:1.5px solid #bfdbfe;
background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);
box-shadow:0 3px 0 #60a5fa,0 10px 18px rgba(96,165,250,0.14);
}
.release-tier-card.plus{
border-color:#86efac;
background:linear-gradient(180deg,#ecfdf5 0%,#ffffff 100%);
box-shadow:0 3px 0 var(--srx-green),0 10px 18px rgba(16,185,129,0.14);
}
.release-tier-card.premium{
border-color:#facc15;
background:linear-gradient(180deg,#fffbeb 0%,#ffffff 100%);
box-shadow:0 3px 0 var(--srx-amber),0 10px 18px rgba(245,158,11,0.16);
}
.release-tier-label{
font-size:10px;
font-weight:850;
letter-spacing:.07em;
text-transform:uppercase;
margin-bottom:5px;
color:#1d4ed8;
}
.release-tier-card.plus .release-tier-label{color:#047857;}
.release-tier-card.premium .release-tier-label{color:#92400e;}
.release-tier-title{
font-size:13px;
font-weight:850;
color:var(--srx-blue);
margin-bottom:5px;
}
.release-tier-copy{
font-size:11px;
color:var(--srx-muted);
line-height:1.65;
}
.release-compare-btn{
width:100%;
border:1px solid #5a9fc0;
background:#eef6ff;
color:var(--srx-blue);
border-radius:10px;
padding:10px 12px;
font-size:12px;
font-weight:850;
cursor:pointer;
}
.release-plan-panel{
display:none;
background:#fff;
border:1px solid var(--srx-line);
border-radius:14px;
padding:14px;
margin-top:10px;
}
.release-plan-eyebrow{
font-size:10px;
font-weight:850;
letter-spacing:.08em;
text-transform:uppercase;
color:#2563eb;
margin-bottom:4px;
}
.release-plan-heading{
font-size:15px;
font-weight:850;
color:var(--srx-blue);
line-height:1.35;
margin-bottom:5px;
}
.release-plan-intro{
font-size:12px;
color:var(--srx-muted);
line-height:1.7;
margin-bottom:12px;
}
.release-plan-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
margin-top:10px;
}
.release-plan-card{
border-radius:12px;
padding:13px 14px;
border:1px solid var(--srx-line);
background:#fff;
display:flex;
flex-direction:column;
gap:8px;
}
.release-plan-card.plus{
border-color:#86efac;
background:#f0fdf4;
}
.release-plan-card.premium{
border-color:#facc15;
background:#fffbeb;
}
.release-plan-title{
font-size:13px;
font-weight:850;
color:var(--srx-blue);
line-height:1.3;
}
.release-plan-position{
font-size:11px;
color:var(--srx-muted);
line-height:1.65;
}
.release-plan-card ul{
margin:0;
padding-left:16px;
}
.release-plan-card li{
font-size:11.5px;
color:var(--srx-ink);
line-height:1.7;
margin-bottom:3px;
}
.release-plan-sell{
border-top:1px solid rgba(26,58,92,0.12);
padding-top:8px;
font-size:11.5px;
font-weight:750;
color:var(--srx-blue);
line-height:1.55;
}
.release-simple-difference{
margin-top:12px;
display:grid;
gap:7px;
background:#f8fbff;
border:1px solid #e2edf7;
border-radius:12px;
padding:11px 12px;
}
.release-simple-difference div{
font-size:11.5px;
line-height:1.55;
color:var(--srx-ink);
}
.release-simple-difference strong{color:var(--srx-blue);}
.release-preview-actions{
display:flex;
gap:10px;
margin-top:16px;
}
.release-action-secondary,
.release-action-primary{
flex:1;
border-radius:10px;
padding:11px 14px;
font-size:13px;
font-weight:800;
cursor:pointer;
}
.release-action-secondary{
background:#fff;
color:var(--srx-blue);
border:1px solid #cfe0f2;
}
.release-action-primary{
background:var(--srx-blue);
color:#fff;
border:none;
}
@media(max-width:720px){
.release-preview-card{max-height:92vh;}
.release-preview-head{padding:20px;}
.release-preview-body{padding:16px;}
.release-visual-list,
.release-tier-grid,
.release-plan-grid{grid-template-columns:1fr;}
.release-visual-list li{min-height:0;}
.release-preview-actions{flex-direction:column;}
}
.release-preview-actions .release-action-secondary{background:#fff!important;color:#1a3a5c!important;border:1px solid #cfe0f2!important;}
.release-preview-actions .release-action-primary{background:#1a3a5c!important;color:#fff!important;border:none!important;}
.premium-shell{max-width:1240px;margin:0 auto;}
.premium-hero{position:relative;}
.premium-hero-inner{display:grid;gap:12px;justify-items:center;text-align:center;}
.premium-hero-title{font-size:24px;font-weight:800;line-height:1.2;}
.premium-hero-copy{font-size:13px;color:#dbeafe;line-height:1.7;margin-top:4px;}
.premium-hero-action-row,.premium-hero-step-row,.premium-hero-optional-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;}
.premium-hero-optional-row{margin-top:8px;}
.premium-hero-help{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;min-height:32px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;padding:6px 11px;font-size:12px;font-weight:950;cursor:pointer;}
.premium-hero-help-mark{width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.20);display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;}
.premium-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start;}
.premium-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.premium-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.premium-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.premium-med-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
.premium-card{background:#fff;border:1px solid #dbe7f3;border-radius:14px;padding:15px 16px;margin-bottom:13px;box-shadow:0 6px 16px rgba(26,58,92,0.055);}
.premium-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;}
.premium-card-title{font-size:16px;font-weight:800;color:#1a3a5c;line-height:1.25;}
.premium-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.premium-action-strip{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;background:#f8fbff;border:1px solid #dbe7f3;border-radius:14px;padding:10px;}
.premium-action-strip button{flex:0 0 auto;}
.synapse-toast{position:fixed;right:18px;bottom:calc(var(--synapse-footer-bar-height,28px) + 78px);z-index:1200;max-width:340px;background:#10233f;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:11px 13px;font-size:12px;font-weight:800;line-height:1.45;box-shadow:0 18px 36px rgba(15,23,42,.24);opacity:0;transform:translateY(8px);transition:opacity .16s,transform .16s;pointer-events:none;}
.synapse-toast.show{opacity:1;transform:translateY(0);}
.synapse-toast.success{background:#14532d;}
.synapse-toast.warning{background:#854d0e;}
.synapse-toast.error{background:#7f1d1d;}
.note-builder-bridge{background:linear-gradient(135deg,#ecfdf5 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-left:6px solid #16a34a;border-radius:14px;padding:11px 12px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.note-builder-bridge-title{font-size:13px;font-weight:900;color:#1a3a5c;margin-bottom:3px;}
.note-builder-bridge-copy{font-size:11px;color:#3f4f5f;line-height:1.55;}
.note-builder-bridge-pill{background:#fff;border:1px solid #bfdbfe;color:#1a3a5c;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;}
@media(max-width:900px){
.premium-layout,.premium-output-grid{grid-template-columns:1fr;}
.premium-summary-rail{position:static!important;top:auto!important;}
}
@media(max-width:640px){
.premium-form-grid,.premium-two-col,.premium-med-fields{grid-template-columns:1fr;}
.premium-shell{padding:0 2px;}
.premium-card{padding:13px 12px;border-radius:12px;}
.premium-action-strip button{flex:1 1 150px;}
.premium-hero-help{position:static;justify-self:center;}
}
/* Visual Updates: modernized control system */
:root{
--vu-ink:#102033;
--vu-muted:#64748b;
--vu-line:#d7e2ee;
--vu-line-strong:#b8c8da;
--vu-surface:#ffffff;
--vu-surface-soft:#f6f9fc;
--vu-primary:#155e75;
--vu-primary-deep:#123b68;
--vu-accent:#0f766e;
--vu-amber:#f59e0b;
--vu-shadow-sm:0 1px 2px rgba(15,23,42,0.06),0 5px 14px rgba(15,23,42,0.06);
--vu-shadow-md:0 10px 28px rgba(15,23,42,0.12);
--vu-ring:0 0 0 4px rgba(20,184,166,0.16);
}
body{
color:var(--vu-ink);
background:
linear-gradient(180deg,#f8fbfd 0%,#eef4f8 46%,#eaf1f6 100%);
}
button,
input,
select,
textarea{
font-family:inherit;
}
button,
.tab,
.app-btn,
.font-size-btn,
.nav-item,
.sidebar-item,
.synapse-back-btn,
.synapse-history-btn,
.scroll-top-btn,
.feedback-type-btn,
.interact-slot,
.ev-link{
-webkit-tap-highlight-color:transparent;
}
.header{
background:rgba(255,255,255,0.88);
border-bottom:1px solid rgba(215,226,238,0.92);
box-shadow:0 14px 34px rgba(15,23,42,0.07);
}
.search-wrap input{
border-radius:14px;
border-color:var(--vu-line);
background:#fff;
box-shadow:var(--vu-shadow-sm);
}
.search-wrap input:focus{
border-color:#38bdf8;
box-shadow:var(--vu-ring),var(--vu-shadow-sm);
}
.search-wrap{
border-radius:16px;
}
.search-results{
border-radius:12px;
border-color:var(--vu-line);
box-shadow:0 18px 42px rgba(15,23,42,0.16);
}
.app-btn,
.synapse-back-btn,
.synapse-history-btn,
.scroll-top-btn,
.clinical-modal-close,
.disc-agree-btn,
.feedback-type-btn,
.release-preview-actions button,
.local-modal-actions button,
.search-wrap > button,
button[style*="border-radius:999px"],
button[style*="border-radius:99px"],
button[style*="border-radius:20px"],
button[style*="border-radius:10px"],
button[style*="border-radius:8px"],
button[style*="border-radius:6px"]{
border-radius:10px!important;
border:1px solid var(--vu-line)!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
color:var(--vu-primary-deep)!important;
font-weight:750!important;
box-shadow:var(--vu-shadow-sm)!important;
transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease,color .16s ease!important;
}
.app-btn:hover,
.synapse-back-btn:hover,
.synapse-history-btn:hover:not([disabled]),
.scroll-top-btn:hover,
.clinical-modal-close:hover,
.disc-agree-btn.ready:hover,
.feedback-type-btn:hover,
.release-preview-actions button:hover,
.local-modal-actions button:hover,
.search-wrap > button:hover,
button[style*="cursor:pointer"]:hover{
transform:translateY(-1px);
border-color:var(--vu-line-strong)!important;
box-shadow:var(--vu-shadow-md)!important;
}
.app-btn:focus-visible,
.tab:focus-visible,
.font-size-btn:focus-visible,
.nav-item:focus-visible,
.sidebar-item:focus-visible,
.synapse-back-btn:focus-visible,
.synapse-history-btn:focus-visible,
.scroll-top-btn:focus-visible,
.feedback-type-btn:focus-visible,
.disc-agree-btn:focus-visible,
button:focus-visible{
outline:none!important;
box-shadow:var(--vu-ring),var(--vu-shadow-sm)!important;
}
.app-btn-primary,
.disc-agree-btn.ready,
button[style*="background:#1a3a5c"],
button[style*="background: #1a3a5c"],
button[style*="background:#166534"],
button[style*="background:#3730a3"]{
background:linear-gradient(135deg,var(--vu-primary-deep) 0%,var(--vu-primary) 48%,var(--vu-accent) 100%)!important;
border-color:rgba(15,118,110,0.55)!important;
color:#fff!important;
box-shadow:0 10px 24px rgba(18,59,104,0.22)!important;
}
button[style*="background:#fff"],
button[style*="background: #fff"],
button[style*="background:#f7f9fc"],
button[style*="background:#f8fbff"]{
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
border-color:var(--vu-line)!important;
}
button[style*="background:#f0fdf4"],
button[style*="background:#ecfdf5"]{
background:linear-gradient(180deg,#f0fdfa 0%,#ffffff 100%)!important;
border-color:#99f6e4!important;
color:#0f766e!important;
}
button[style*="background:rgba(255,243,224"],
button[style*="background:#fef3c7"]{
background:linear-gradient(180deg,#fffbeb 0%,#ffffff 100%)!important;
border-color:#fcd34d!important;
color:#92400e!important;
}
.font-size-controls{
border-radius:12px;
border-color:var(--vu-line);
background:rgba(255,255,255,0.9);
box-shadow:var(--vu-shadow-sm);
}
.font-size-btn{
border-radius:8px;
}
.font-size-btn.active{
background:var(--vu-primary-deep);
color:#fff;
}
.search-font-size-controls{
flex-shrink:0;
padding:1px;
box-shadow:none;
border-radius:10px;
}
.search-font-size-controls .font-size-btn{
min-width:24px;
height:22px;
padding:0 5px;
font-size:10px;
border-radius:7px;
}
.drug-snapshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0 12px;}
.drug-snapshot-cell{background:#f8fbff;border:1px solid #dbe7f3;border-radius:10px;padding:10px 11px;min-width:0;display:flex;align-items:center;gap:9px;position:relative;overflow:hidden;}
.drug-snapshot-cell::after{content:"";position:absolute;right:-18px;bottom:-22px;width:74px;height:74px;border-radius:999px;background:rgba(90,159,192,0.08);pointer-events:none;}
.drug-snapshot-cell.warning{background:#fff7ed;border-color:#fdba74;}
.drug-snapshot-cell.warning::after{background:rgba(245,158,11,0.10);}
.drug-snapshot-cell.alert{background:#fff5f5;border-color:#fca5a5;}
.drug-snapshot-cell.alert::after{background:rgba(239,68,68,0.08);}
.drug-snapshot-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;font-size:19px;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;box-shadow:inset 0 1px 0 rgba(255,255,255,0.84),0 4px 10px rgba(26,58,92,0.08);}
.drug-snapshot-cell.warning .drug-snapshot-icon{background:linear-gradient(135deg,#fffbeb 0%,#fed7aa 100%);border-color:#fdba74;}
.drug-snapshot-cell.alert .drug-snapshot-icon{background:linear-gradient(135deg,#fff1f2 0%,#fecdd3 100%);border-color:#fca5a5;}
.drug-snapshot-text{min-width:0;position:relative;z-index:1;}
.drug-snapshot-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#5a6a7a;margin-bottom:4px;}
.drug-snapshot-value{font-size:12px;color:#1a2530;line-height:1.55;overflow-wrap:anywhere;}
.drug-snapshot-cell.warning .drug-snapshot-label,.drug-snapshot-cell.warning .drug-snapshot-value{color:#9a3412;}
.drug-snapshot-cell.alert .drug-snapshot-label,.drug-snapshot-cell.alert .drug-snapshot-value{color:#7f1d1d;}
.drug-alert-strip{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px;}
.drug-alert-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:800;line-height:1.2;border:1px solid;}
.drug-alert-chip.red{background:#fff5f5;color:#991b1b;border-color:#fca5a5;}
.drug-alert-chip.amber{background:#fffbeb;color:#92400e;border-color:#fcd34d;}
.drug-alert-chip.blue{background:#eff6ff;color:#1e3a8a;border-color:#bfdbfe;}
.vu-enrichment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.vu-enrichment-card{border-radius:12px;padding:12px;min-width:0;}
.vu-enrichment-card.full{grid-column:1/-1;}
.vu-bottomline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.vu-graphic-heading{display:flex;align-items:center;gap:8px;}
.vu-symbol{width:32px;height:32px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;font-size:18px;background:linear-gradient(135deg,#ede9fe 0%,#dbeafe 100%);border:1px solid #c4b5fd;box-shadow:inset 0 1px 0 rgba(255,255,255,0.82),0 5px 12px rgba(99,102,241,0.12);}
.vu-symbol.small{width:24px;height:24px;border-radius:8px;flex-basis:24px;font-size:14px;}
.vu-symbol.green{background:linear-gradient(135deg,#dcfce7 0%,#a7f3d0 100%);border-color:#86efac;}
.vu-symbol.amber{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border-color:#fbbf24;}
.vu-symbol.red{background:linear-gradient(135deg,#fee2e2 0%,#fecdd3 100%);border-color:#fca5a5;}
.vu-symbol.blue{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd;}
.vu-icon-card{position:relative;overflow:hidden;}
.vu-icon-card::after{content:attr(data-watermark);position:absolute;right:12px;bottom:2px;font-size:58px;line-height:1;opacity:.06;pointer-events:none;}
@media(max-width:860px){.drug-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.vu-enrichment-grid,.vu-bottomline-grid{grid-template-columns:1fr;}.vu-enrichment-card.full{grid-column:auto;}}
@media(max-width:420px){.drug-snapshot-grid{grid-template-columns:1fr;}}
.tabs{
gap:8px;
background:rgba(248,251,253,0.9);
border-bottom:1px solid rgba(215,226,238,0.92);
box-shadow:0 10px 28px rgba(15,23,42,0.05);
}
.tab{
min-height:32px;
padding:7px 13px;
border-radius:10px;
border:1px solid transparent;
background:transparent;
color:#475569;
box-shadow:none;
font-weight:750;
}
.tab:hover{
background:#fff;
border-color:var(--vu-line);
box-shadow:var(--vu-shadow-sm);
}
.tab.active{
background:#ffffff;
color:var(--vu-primary-deep);
border-color:#a7d8ec;
box-shadow:inset 0 -2px 0 #06b6d4,var(--vu-shadow-sm);
}
.drug-class-badge,
.clearance-pill,
.tier-role,
.affinity-label,
.detail-ki,
.detail-role-badge,
.release-tier-label,
span[style*="border-radius:999px"]{
border-radius:8px!important;
}
.sidebar{
background:rgba(255,255,255,0.74);
border-right:1px solid var(--vu-line);
box-shadow:10px 0 30px rgba(15,23,42,0.05);
}
.sidebar-item{
border-radius:8px;
box-shadow:none;
background:rgba(255,255,255,0.58);
}
.sidebar-item:hover{
background:#fff;
box-shadow:var(--vu-shadow-sm);
}
.sidebar-item.active{
background:linear-gradient(135deg,var(--vu-primary-deep) 0%,var(--vu-primary) 58%,var(--vu-accent) 100%);
border-left-color:#67e8f9;
box-shadow:0 12px 26px rgba(18,59,104,0.20);
}
#bottomNav{
background:rgba(255,255,255,0.88);
border-top:1px solid rgba(215,226,238,0.95);
box-shadow:0 -14px 34px rgba(15,23,42,0.08);
overflow-x:auto;
scrollbar-width:none;
-webkit-overflow-scrolling:touch;
}
#bottomNav::-webkit-scrollbar{display:none;}
.nav-item{
border-radius:10px;
font-weight:700;
min-width:112px;
}
.nav-item.active{
color:var(--vu-primary-deep);
background:linear-gradient(180deg,#ffffff 0%,#ecfeff 100%);
box-shadow:inset 0 -2px 0 #06b6d4,0 6px 16px rgba(8,145,178,0.12);
}
.nav-item:hover{
background:#ffffff;
box-shadow:var(--vu-shadow-sm);
}
.nav-item:not(:last-child)::after{
opacity:.45;
}
.synapse-tool-popover-backdrop{
position:fixed;
inset:0;
z-index:45;
background:transparent;
}
.synapse-tool-popover{
position:fixed;
z-index:79;
width:min(360px,calc(100vw - 24px));
background:rgba(255,255,255,0.98);
border:1px solid var(--vu-line);
border-radius:16px;
padding:9px;
box-shadow:0 20px 50px rgba(15,23,42,0.18);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.synapse-tool-popover::after{
content:"";
position:absolute;
bottom:-8px;
left:var(--popover-arrow-left,50%);
width:14px;
height:14px;
transform:translateX(-50%) rotate(45deg);
background:rgba(255,255,255,0.98);
border-right:1px solid var(--vu-line);
border-bottom:1px solid var(--vu-line);
}
.synapse-tool-popover-title{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
padding:5px 7px 9px;
color:var(--vu-primary-deep);
font-size:12px;
font-weight:900;
}
.synapse-tool-popover-grid{
display:grid;
gap:7px;
}
.synapse-tool-popover-item{
width:100%;
text-align:left;
display:grid;
grid-template-columns:28px minmax(0,1fr) auto;
align-items:center;
gap:9px;
border:1px solid var(--vu-line)!important;
border-radius:12px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
color:var(--vu-primary-deep)!important;
padding:9px 10px!important;
cursor:pointer;
box-shadow:var(--vu-shadow-sm)!important;
}
.synapse-tool-popover-item:hover{
transform:translateY(-1px);
border-color:var(--vu-line-strong)!important;
box-shadow:var(--vu-shadow-md)!important;
}
.synapse-tool-popover-icon{
width:28px;
height:28px;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
background:#eef6ff;
border:1px solid #bfdbfe;
font-size:15px;
}
.synapse-tool-popover-name{
display:block;
font-size:12px;
font-weight:900;
color:var(--vu-primary-deep);
line-height:1.25;
}
.synapse-tool-popover-desc{
display:block;
font-size:10px;
color:var(--vu-muted);
line-height:1.35;
margin-top:1px;
}
.synapse-tool-popover-badge{
background:#fff7ed;
border:1px solid #fdba74;
color:#9a3412;
border-radius:999px;
padding:3px 7px;
font-size:9px;
font-weight:900;
}
@media(max-width:640px){
.synapse-tool-popover{
width:calc(100vw - 18px);
}
}
.interact-slot,
.info-card,
.compare-col,
.detail-panel,
.coll-card,
.release-update-card{
border-radius:10px;
border-color:var(--vu-line);
box-shadow:var(--vu-shadow-sm);
}
.interact-slot:hover,
.coll-card:hover{
box-shadow:var(--vu-shadow-md);
}
.synapse-interact-slots{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
margin-bottom:16px;
}
.synapse-compare-matrix-grid{
display:grid;
grid-template-columns:190px repeat(var(--compare-cols,2),minmax(0,1fr));
gap:10px;
}
.synapse-compare-card-grid{
display:grid;
grid-template-columns:repeat(var(--compare-cols,2),minmax(0,1fr));
gap:14px;
}
@media(max-width:760px){
.synapse-interact-slots{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.synapse-compare-matrix-grid,
.synapse-compare-card-grid{
grid-template-columns:1fr!important;
}
.synapse-compare-matrix-grid > div:first-child:empty{
display:none;
}
}
.home-hero-shell{
border-radius:18px;
box-shadow:0 22px 52px rgba(6,22,45,0.28);
}
#disclaimerBox,
.release-preview-card,
.local-modal-card,
.clinical-modal-panel{
border-radius:16px;
box-shadow:0 24px 60px rgba(15,23,42,0.26);
}
.disc-header,
.local-modal-head{
background:linear-gradient(135deg,var(--vu-primary-deep) 0%,var(--vu-primary) 62%,var(--vu-accent) 100%);
}
.release-tier-card,
.release-plan-card{
border-radius:10px;
box-shadow:var(--vu-shadow-sm);
}
@media(max-width:600px){
.tab{min-height:30px;padding:6px 9px;}
.app-btn,
.synapse-back-btn,
.search-wrap > button{border-radius:9px!important;}
}
/* Inpatient tools: 2-column testing + severity rail */
.inpatient-shell{max-width:1460px;margin:0 auto;padding-bottom:22px;width:100%;}
.inpatient-tab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:14px;}
.inpatient-workspace{display:grid;gap:14px;align-items:start;}
.inpatient-testing-panel{min-width:0;}
.inpatient-test-grid{display:grid;gap:8px;}
.inpatient-side-stack{display:grid;gap:12px;min-width:0;}
.inpatient-side-stack > div{margin-top:0!important;}
.inpatient-range-panel{margin-top:0!important;}
.inpatient-section-label{font-size:11px;font-weight:950;color:#1a3a5c;text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;}
@media(min-width:1100px){
.inpatient-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,.78fr);}
.inpatient-testing-panel{grid-column:span 2;}
.inpatient-test-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.inpatient-side-stack{position:sticky;top:164px;}
.inpatient-tab-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media(max-width:1099px){
.inpatient-shell{max-width:760px;}
.inpatient-workspace{grid-template-columns:1fr;}
.inpatient-test-grid{grid-template-columns:1fr;}
}
/* Visual Updates: desktop workstation layout */
@media(min-width:980px){
.content{
justify-content:stretch;
}
.main{
max-width:1360px;
padding:30px 36px 96px;
}
.main.vu-home-page{
max-width:1180px;
}
.main.vu-drug-page{
max-width:1480px;
}
.vu-drug-workstation{
display:grid;
grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
gap:18px;
align-items:start;
}
.vu-drug-primary,
.vu-drug-side{
min-width:0;
}
.vu-drug-side{
position:sticky;
top:164px;
align-self:start;
display:grid;
gap:14px;
}
.vu-drug-side > .collapsible,
.vu-drug-side > div{
margin-bottom:0!important;
}
.vu-drug-side > div[style*="grid-template-columns:1.1fr .9fr"]{
display:grid!important;
grid-template-columns:1fr!important;
}
}
@media(min-width:1200px){
.header{
padding:12px 34px 0;
}
.header-top{
margin-bottom:10px;
}
.search-wrap{
margin:0 -34px;
padding:10px 34px 12px!important;
background:linear-gradient(180deg,rgba(248,251,253,0.92) 0%,rgba(241,247,252,0.92) 100%);
border-top:1px solid rgba(215,226,238,0.82);
border-radius:0;
}
.search-wrap input{
min-height:42px;
border-radius:13px;
}
.search-icon{
left:47px;
}
.tabs{
padding:10px 34px 12px;
background:rgba(248,251,253,0.72);
}
#bottomNav{
left:50%;
right:auto;
bottom:calc(var(--synapse-footer-bar-height,28px) + 4px);
transform:translateX(-50%);
width:min(1320px,calc(100% - 20px));
border:1px solid rgba(215,226,238,0.96);
border-radius:16px;
padding:5px;
box-shadow:0 14px 34px rgba(15,23,42,0.12);
}
.nav-item{
min-height:60px;
flex-direction:row;
gap:7px;
min-width:110px;
}
.nav-item > div:first-child{
width:30px!important;
height:30px!important;
border-radius:8px!important;
font-size:18px!important;
}
}
@media(max-width:979px){
.vu-drug-workstation{
display:block;
}
.vu-drug-side{
display:block;
}
}
/* Visuals Update file: drug page 2026 polish */
.main.vu-drug-page{
background:
radial-gradient(circle at 14% 8%,rgba(14,165,233,0.12) 0,transparent 26%),
radial-gradient(circle at 88% 18%,rgba(20,184,166,0.10) 0,transparent 22%),
linear-gradient(180deg,rgba(248,251,253,0.78) 0%,rgba(236,244,250,0.58) 100%);
}
.main.vu-compare-page,
.main.vu-interactions-page,
.main.vu-switch-page,
.main.vu-indications-page,
.main.vu-dsm-page,
.main.vu-inpatient-page,
.main.vu-screening-page,
.main.vu-boardtools-page{
width:100%;
background:linear-gradient(180deg,rgba(248,251,253,0.72) 0%,rgba(236,244,250,0.42) 100%);
}
.vu-drug-page .vu-drug-hero-card{
border-radius:20px!important;
box-shadow:0 22px 48px rgba(15,23,42,0.20),inset 0 1px 0 rgba(255,255,255,0.22)!important;
}
.vu-drug-page .vu-drug-hero-card::after{
content:"";
position:absolute;
inset:auto -12% -46% 34%;
height:150px;
background:radial-gradient(ellipse at center,rgba(255,255,255,0.28),transparent 66%);
pointer-events:none;
}
.vu-drug-page .drug-name{
letter-spacing:0;
font-weight:850;
}
.vu-drug-page .drug-brand{
margin-top:8px;
font-size:15px;
color:rgba(226,242,255,0.90)!important;
}
.vu-drug-action-row{
display:flex;
flex-wrap:wrap;
gap:7px!important;
}
.vu-drug-page .vu-hero-action{
min-height:31px!important;
padding:7px 12px!important;
border-radius:10px!important;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
.vu-drug-page .drug-hero-actions button,
.vu-drug-page .vu-hero-action{
box-shadow:0 8px 20px rgba(15,23,42,0.16)!important;
}
.vu-drug-page .drug-class-badge,
.vu-drug-page span[style*="Gold Standard"]{
min-height:26px;
display:inline-flex;
align-items:center;
border-radius:999px!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.66);
}
.vu-drug-page .vu-drug-workstation{
gap:22px;
}
.vu-drug-page .vu-drug-about-card,
.vu-drug-page .vu-switching-card,
.vu-drug-page .collapsible,
.vu-drug-page .info-card{
border-color:rgba(190,207,224,0.88)!important;
border-radius:16px!important;
background:rgba(255,255,255,0.92)!important;
box-shadow:0 1px 2px rgba(15,23,42,0.05),0 14px 34px rgba(15,23,42,0.07)!important;
}
.vu-drug-page .vu-drug-about-card{
padding:20px!important;
}
.vu-drug-page .vu-drug-about-card::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
background:linear-gradient(180deg,#38bdf8,#14b8a6);
}
.vu-section-kicker,
.vu-drug-page .info-card-label{
display:flex;
align-items:center;
gap:8px;
color:#315b77!important;
font-size:10px!important;
font-weight:850!important;
letter-spacing:.085em!important;
}
.vu-section-kicker::before,
.vu-drug-page .info-card-label::before{
content:"";
width:8px;
height:8px;
border-radius:3px;
background:linear-gradient(135deg,#38bdf8,#14b8a6);
box-shadow:0 0 0 4px rgba(14,165,233,0.10);
flex:0 0 auto;
}
.vu-drug-page .patient-summary{
border:1px solid rgba(125,211,252,0.45)!important;
border-left:0!important;
border-radius:14px!important;
background:linear-gradient(135deg,#eef9ff 0%,#f7fbff 58%,#ecfdf5 100%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.9),0 12px 28px rgba(14,116,144,0.08)!important;
font-size:14px;
}
.vu-drug-page .collapsible{
overflow:hidden;
}
.vu-drug-page .collapsible-header{
min-height:52px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
border-bottom:1px solid rgba(215,226,238,0.72);
}
.vu-drug-page .collapsible-header:hover{
filter:none;
background:#fff!important;
}
.vu-drug-page .collapsible-title{
color:#17385f!important;
font-size:13px!important;
font-weight:850!important;
}
.vu-drug-page .collapsible-arrow{
width:26px;
height:26px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:9px;
background:#eef6ff;
color:#1e5f84!important;
}
.vu-drug-page .collapsible-body.open{
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
}
.vu-drug-page .vu-receptor-card .collapsible-body.open{
padding-bottom:18px!important;
}
.vu-drug-page .affinity-legend{
padding:8px 10px;
border:1px solid #e0eaf4;
border-radius:12px;
background:#f8fbff;
}
.vu-drug-page .pyramid-wrap{
display:grid;
gap:8px;
padding-top:4px;
}
.vu-drug-page .pyramid-tier{
width:var(--tier-width,100%)!important;
border-radius:12px!important;
border-color:rgba(15,23,42,0.07)!important;
min-height:50px;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 7px 16px rgba(15,23,42,0.05);
}
.vu-drug-page .pyramid-tier:hover{
filter:none;
transform:translateY(-1px);
box-shadow:inset 0 1px 0 rgba(255,255,255,0.72),0 12px 24px rgba(15,23,42,0.09);
}
.vu-drug-page .pyramid-tier.active{
outline:2px solid rgba(20,184,166,0.34);
outline-offset:2px;
}
.vu-drug-page .detail-panel{
border:1px solid #dbe7f3!important;
border-radius:14px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
box-shadow:0 10px 24px rgba(15,23,42,0.08)!important;
}
.vu-drug-page .vu-side-label{
padding:0 2px 2px;
color:#315b77!important;
}
.vu-drug-page .vu-drug-side .collapsible,
.vu-drug-page .vu-drug-side .vu-switching-card{
box-shadow:0 1px 2px rgba(15,23,42,0.05),0 10px 24px rgba(15,23,42,0.06)!important;
}
.vu-drug-page .vu-switching-card{
padding:18px!important;
}
.vu-drug-page .vu-switching-card > div:last-child{
background:#f8fbff;
border:1px solid #e1ebf5;
border-radius:12px;
padding:12px 13px;
}
@media(min-width:1200px){
.main.vu-drug-page{
padding-top:26px;
}
.vu-drug-page .vu-drug-primary{
display:grid;
gap:4px;
}
}
@media(max-width:760px){
.vu-drug-page .vu-drug-about-card{
padding:16px!important;
}
.vu-drug-page .vu-hero-action,
.vu-drug-page .drug-hero-actions button{
flex:1 1 auto;
}
}
/* Keep fixed bottom navigation from covering page footers/disclaimers. */
:root{
--synapse-footer-bar-height:28px;
--synapse-bottom-dock-height:96px;
--synapse-bottom-nav-clearance:calc(var(--synapse-bottom-dock-height) + 18px);
}
.content{
padding-bottom:var(--synapse-bottom-nav-clearance)!important;
}
.main{
padding-bottom:calc(var(--synapse-bottom-nav-clearance) + 18px)!important;
scroll-padding-bottom:calc(var(--synapse-bottom-nav-clearance) + 18px);
}
.disclaimer{
margin-bottom:18px;
}
#copyrightBar{
position:relative;
z-index:1;
}
@media(min-width:1200px){
:root{
--synapse-bottom-dock-height:98px;
--synapse-bottom-nav-clearance:calc(var(--synapse-bottom-dock-height) + 18px);
}
}
@media(max-width:600px){
:root{
--synapse-bottom-dock-height:98px;
--synapse-bottom-nav-clearance:calc(var(--synapse-bottom-dock-height) + 18px);
}
}
.content.vu-home-content{
padding-bottom:var(--synapse-bottom-nav-clearance)!important;
min-height:auto;
}
.main.vu-home-page{
padding-bottom:calc(var(--synapse-bottom-nav-clearance) + 12px)!important;
scroll-padding-bottom:calc(var(--synapse-bottom-nav-clearance) + 12px);
}
.vu-home-workspace{
padding-bottom:10px!important;
}
.vu-home-tools-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:10px;
}
.vu-home-tool-tile{
appearance:none;
-webkit-appearance:none;
width:100%;
font:inherit;
background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%);
border:1px solid #d9e7f2;
border-radius:16px;
min-height:112px;
padding:13px 12px 12px;
cursor:pointer;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
gap:8px;
position:relative;
overflow:hidden;
transition:transform 0.12s,box-shadow 0.12s,border-color 0.12s;
box-shadow:0 3px 0 #d9e7f2,0 10px 20px rgba(26,58,92,0.07);
}
.vu-home-tool-tile::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:4px;
background:linear-gradient(180deg,#38bdf8,#14b8a6);
opacity:.72;
}
.vu-home-tool-tile:hover{
transform:translateY(-3px);
box-shadow:0 3px 0 #bfd4e6,0 16px 26px rgba(26,58,92,0.13);
border-color:#bfd4e6;
}
.vu-home-tool-icon{
width:42px;
height:42px;
border-radius:13px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
border:1px solid #bfdbfe;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.8);
font-size:21px;
}
.vu-home-tool-title{
font-size:12px;
font-weight:800;
color:#1a3a5c;
line-height:1.25;
}
.vu-home-tool-desc{
font-size:10.5px;
color:#6b7a8a;
line-height:1.35;
max-width:145px;
}
@media(max-width:900px){
.vu-home-tools-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:520px){
.vu-home-tools-grid{
grid-template-columns:1fr;
}
.vu-home-tool-tile{
min-height:118px;
}
}
.home-quick-actions-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:10px;
margin-top:20px;
max-width:900px;
margin-left:auto;
margin-right:auto;
}
.vu-class-grid{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:8px;
}
@media(max-width:980px){
.vu-class-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:520px){
.vu-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:780px){
.home-quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px;}
}
@media(max-width:440px){
.home-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
/* ---- DEPRESCRIBING STUDIO ---- */
/* Deprescribing Studio */
.deprescribe-shell{max-width:1180px;margin:0 auto;padding:2px 0 42px;width:100%;}
.deprescribe-hero{background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 55%,#f0fdf4 100%);border:1px solid #d7e5ee;border-radius:20px;padding:22px 22px 20px;margin-bottom:16px;box-shadow:0 12px 28px rgba(26,58,92,0.08);}
.deprescribe-grid{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:14px;align-items:start;}
.deprescribe-card{background:#fff;border:1px solid #dbe7f3;border-radius:16px;padding:16px;box-shadow:0 4px 0 #dbe7f3,0 10px 22px rgba(26,58,92,0.06);min-width:0;}
.deprescribe-card.soft{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.deprescribe-label{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#5a6a7a;margin-bottom:6px;}
.deprescribe-title{font-size:22px;font-weight:650;color:#1a3a5c;line-height:1.25;margin-bottom:6px;}
.deprescribe-copy{font-size:13px;color:#4a5a6a;line-height:1.75;}
.deprescribe-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.deprescribe-field label{display:block;font-size:11px;font-weight:800;color:#315b77;margin-bottom:5px;}
.deprescribe-field input,.deprescribe-field select{width:100%;height:39px;border:1px solid #cfe0ef;border-radius:11px;background:#fff;color:#1a2530;font:inherit;font-size:13px;padding:0 10px;outline:none;}
.deprescribe-field input:focus,.deprescribe-field select:focus{border-color:#5a9fc0;box-shadow:0 0 0 4px rgba(90,159,192,0.14);}
.deprescribe-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;}
.deprescribe-check{display:flex;gap:7px;align-items:flex-start;background:#f8fbff;border:1px solid #dbe7f3;border-radius:11px;padding:8px 9px;font-size:12px;color:#1a2530;line-height:1.45;cursor:pointer;}
.deprescribe-check input{margin-top:2px;accent-color:#1a3a5c;}
.deprescribe-segment{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px;}
.deprescribe-segment button{border:1px solid #cfe0ef;background:#fff;color:#1a3a5c;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer;}
.deprescribe-segment button.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c;box-shadow:0 6px 14px rgba(26,58,92,0.18);}
.deprescribe-band{border-radius:13px;padding:12px 13px;margin-bottom:10px;border:1px solid #dbe7f3;background:#f8fbff;}
.deprescribe-band.amber{background:#fffbeb;border-color:#fcd34d;color:#78350f;}
.deprescribe-band.red{background:#fff1f2;border-color:#fca5a5;color:#7f1d1d;}
.deprescribe-band.green{background:#ecfdf5;border-color:#86efac;color:#065f46;}
.deprescribe-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.deprescribe-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid #cfe0ef;background:#fff;padding:5px 8px;font-size:11px;font-weight:750;color:#315b77;}
.deprescribe-med-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:10px;}
.deprescribe-med-card{appearance:none;width:100%;text-align:left;background:#fff;border:1px solid #dbe7f3;border-radius:13px;padding:11px 12px;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;}
.deprescribe-med-card.active{border-color:#1a3a5c;background:#eff6ff;box-shadow:inset 0 0 0 1px #1a3a5c,0 8px 18px rgba(26,58,92,0.12);}
.deprescribe-med-card:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(26,58,92,0.08);}
.deprescribe-mini{font-size:11px;color:#5a6a7a;line-height:1.55;}
.deprescribe-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:10px;}
.deprescribe-source-list a{display:block;text-decoration:none;background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:10px 11px;color:#1a3a5c;font-size:12px;font-weight:800;line-height:1.45;}
.deprescribe-source-list a span{display:block;font-size:11px;font-weight:500;color:#5a6a7a;margin-top:3px;}
.deprescribe-step-list{display:grid;gap:8px;}
.deprescribe-step{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;align-items:start;border:1px solid #e2eaf3;background:#fff;border-radius:12px;padding:10px 11px;}
.deprescribe-step strong{font-size:12px;color:#1a3a5c;}
.deprescribe-step span{font-size:12px;color:#3f4f5f;line-height:1.55;}
.deprescribe-note-box{background:#f5f8fc;border-left:4px solid #5a9fc0;border-radius:0 12px 12px 0;padding:12px 14px;font-size:12px;color:#1a2530;line-height:1.75;}
.deprescribe-doc{white-space:pre-wrap;background:#fbfdff;border:1px solid #dbe7f3;border-radius:13px;padding:13px 14px;font-size:12px;color:#1a2530;line-height:1.75;}
.deprescribe-planner{display:grid;grid-template-columns:minmax(280px,0.86fr) minmax(0,1.14fr);gap:14px;align-items:start;}
.deprescribe-plan-card{background:#fff;border:1px solid #cfe0ef;border-radius:16px;padding:16px;box-shadow:0 4px 0 #cfe0ef,0 12px 26px rgba(26,58,92,0.08);}
.deprescribe-plan-title{font-size:18px;font-weight:850;color:#1a3a5c;line-height:1.25;margin-bottom:5px;}
.deprescribe-plan-section{border-top:1px solid #e2eaf3;padding-top:12px;margin-top:12px;}
.deprescribe-plan-section h4{margin:0 0 7px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#315b77;}
.deprescribe-plan-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.deprescribe-plan-list li{background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:9px 10px;font-size:12px;color:#1a2530;line-height:1.6;}
.deprescribe-dose-table{width:100%;border-collapse:separate;border-spacing:0 7px;margin-top:8px;}
.deprescribe-dose-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5a6a7a;text-align:left;padding:0 8px;}
.deprescribe-dose-table td{background:#f8fbff;border-top:1px solid #dbe7f3;border-bottom:1px solid #dbe7f3;padding:9px 8px;font-size:12px;color:#1a2530;line-height:1.45;}
.deprescribe-dose-table td:first-child{border-left:1px solid #dbe7f3;border-radius:11px 0 0 11px;font-weight:850;color:#1a3a5c;}
.deprescribe-dose-table td:last-child{border-right:1px solid #dbe7f3;border-radius:0 11px 11px 0;}
.deprescribe-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.deprescribe-primary-btn{border:1px solid #1a3a5c;background:#1a3a5c;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850;cursor:pointer;}
.deprescribe-secondary-btn{border:1px solid #cfe0ef;background:#fff;color:#1a3a5c;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:850;cursor:pointer;}
.deprescribe-details{background:#fff;border:1px solid #dbe7f3;border-radius:14px;overflow:hidden;box-shadow:0 4px 0 #dbe7f3,0 10px 22px rgba(26,58,92,0.05);}
.deprescribe-details summary{cursor:pointer;list-style:none;padding:13px 15px;font-size:13px;font-weight:900;color:#1a3a5c;background:#f8fbff;display:flex;justify-content:space-between;gap:12px;align-items:center;}
.deprescribe-details summary::-webkit-details-marker{display:none;}
.deprescribe-details summary:after{content:"+";font-size:18px;color:#5a9fc0;}
.deprescribe-details[open] summary:after{content:"-";}
.deprescribe-details-body{padding:14px 15px;border-top:1px solid #dbe7f3;}
.deprescribe-note-status{font-size:11px;color:#065f46;background:#ecfdf5;border:1px solid #86efac;border-radius:999px;padding:7px 10px;display:none;}
@media(max-width:900px){.deprescribe-grid{grid-template-columns:1fr;}.deprescribe-input-grid,.deprescribe-checks{grid-template-columns:1fr;}}
@media(max-width:900px){.deprescribe-planner{grid-template-columns:1fr;}}
/* ---- END DEPRESCRIBING STUDIO ---- */
/* ---- TIERED NAV + HOME LAUNCH GRID REFRESH ---- */
.tagline{
color:#24384d!important;
font-weight:850!important;
line-height:1.25!important;
}
.tagline span{
color:#425466!important;
font-weight:750!important;
}
#bottomNav{
gap:5px!important;
padding-left:7px!important;
padding-right:7px!important;
overflow-x:auto!important;
scrollbar-width:none;
justify-content:center!important;
align-items:center!important;
}
#bottomNav::-webkit-scrollbar{
display:none;
}
.nav-item{
color:#334155!important;
font-weight:850!important;
letter-spacing:0!important;
flex:0 0 118px!important;
width:118px!important;
min-width:118px!important;
padding:7px 10px!important;
min-height:52px!important;
gap:2px!important;
border:1px solid rgba(203,213,225,.72);
border-radius:10px!important;
background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
box-shadow:0 2px 0 rgba(226,232,240,.86),0 7px 13px rgba(15,23,42,.05);
}
.nav-item.active{
color:#102f55!important;
font-weight:900!important;
}
.nav-item > div:last-child{
color:inherit!important;
font-weight:850!important;
font-size:10.4px!important;
line-height:1.1!important;
white-space:nowrap!important;
}
.nav-item .synapse-tier-badge{
display:none!important;
}
.nav-item.nav-tier-blue{
color:#123b68!important;
border-color:#bfdbfe;
background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);
}
.nav-item.nav-tier-gold{
color:#78350f!important;
border-color:#facc15;
background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);
}
.nav-item.active.nav-tier-blue{
background:linear-gradient(180deg,#dbeafe 0%,#bfdbfe 100%)!important;
box-shadow:inset 0 0 0 1px #60a5fa,0 6px 16px rgba(37,99,235,.18)!important;
}
.nav-item.active.nav-tier-gold{
background:linear-gradient(180deg,#fde68a 0%,#facc15 100%)!important;
box-shadow:inset 0 0 0 1px #f59e0b,0 6px 16px rgba(217,119,6,.18)!important;
}
.nav-item-icon{
width:24px!important;
height:24px!important;
border-radius:6px!important;
font-size:15px!important;
}
.nav-item.nav-compact,
.nav-item.nav-medium,
.nav-item.nav-wide,
.nav-item.nav-normal{
flex-basis:118px!important;
width:118px!important;
min-width:118px!important;
}
#synapseBottomDock{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:560;
display:flex;
flex-direction:column;
align-items:stretch;
pointer-events:none;
}
#synapseBottomDock #bottomNav{
position:static!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
transform:none!important;
width:min(1320px,calc(100% - 20px))!important;
margin:0 auto!important;
padding:6px 7px 6px!important;
border:1px solid rgba(215,226,238,0.96)!important;
border-bottom:0!important;
border-radius:16px 16px 0 0!important;
box-shadow:0 -12px 30px rgba(15,23,42,0.11)!important;
pointer-events:auto;
}
#synapseBottomDock #copyrightBar{
position:static!important;
z-index:auto!important;
pointer-events:auto;
min-height:var(--synapse-footer-bar-height,28px);
display:flex;
align-items:center;
justify-content:center;
padding:5px 14px calc(5px + env(safe-area-inset-bottom,0px))!important;
line-height:1.35!important;
white-space:nowrap;
overflow-x:auto;
overflow-y:hidden;
scrollbar-width:none;
box-shadow:0 -1px 0 rgba(15,23,42,0.08);
}
#synapseBottomDock #copyrightBar::-webkit-scrollbar{
display:none;
}
.scroll-top-btn{
bottom:calc(var(--synapse-bottom-dock-height,96px) + 14px)!important;
}
.synapse-toast{
bottom:calc(var(--synapse-bottom-dock-height,96px) + 14px)!important;
}
@media(max-width:520px){
#bottomNav{justify-content:flex-start!important;}
.nav-item,
.nav-item.nav-compact,
.nav-item.nav-medium,
.nav-item.nav-wide,
.nav-item.nav-normal{
flex-basis:106px!important;
width:106px!important;
min-width:106px!important;
padding:6px 8px!important;
min-height:49px!important;
}
.nav-item > div:last-child{font-size:9.8px!important;}
#synapseBottomDock #bottomNav{
width:min(1320px,calc(100% - 12px))!important;
padding:5px 5px 5px!important;
}
#synapseBottomDock #copyrightBar{
justify-content:flex-start;
padding-left:10px!important;
padding-right:10px!important;
}
}
.synapse-tier-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:14px;
padding:2px 5px;
border-radius:999px;
font-size:8px;
font-weight:950;
line-height:1;
text-transform:uppercase;
letter-spacing:.04em;
border:1px solid #c8d6e5;
background:#eef6ff;
color:#123b68;
}
.synapse-tier-badge.premium{
border-color:#fbbf24;
background:#fffbeb;
color:#92400e;
}
.home-quick-actions-grid{
grid-template-columns:repeat(auto-fit,minmax(86px,1fr))!important;
max-width:980px!important;
gap:8px!important;
margin-top:12px!important;
}
.srx-home-action-tile{
appearance:none;
width:100%;
min-height:58px;
border:1px solid rgba(255,255,255,.62);
border-radius:12px;
padding:6px 6px 6px;
cursor:pointer;
text-align:center;
background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(241,248,255,.93) 100%);
box-shadow:0 3px 0 rgba(186,216,240,.52),0 10px 18px rgba(7,26,56,.16);
transition:transform .12s,box-shadow .12s,border-color .12s;
}
.srx-home-action-tile:hover{
transform:translateY(-2px);
border-color:rgba(191,219,254,.95);
box-shadow:0 3px 0 rgba(171,208,236,.72),0 15px 24px rgba(7,26,56,.23);
}
.srx-home-action-tile.locked{
border-color:#fde68a;
background:linear-gradient(180deg,#fffdf5 0%,#fff7ed 100%);
}
.srx-home-action-icon{
font-size:17px;
line-height:1;
margin-bottom:3px;
}
.srx-home-action-label{
color:#123b68;
font-size:9.5px;
font-weight:950;
line-height:1.15;
}
.srx-home-action-desc{
color:#5b6b7f;
font-size:8.8px;
font-weight:700;
line-height:1.2;
margin-top:2px;
}
.srx-home-action-badge{
margin-top:3px;
}
@media(max-width:640px){
.srx-mobile-announcement-card{
flex-direction:column!important;
align-items:flex-start!important;
}
.srx-mobile-announcement-actions{
width:100%!important;
justify-content:flex-start!important;
flex-wrap:wrap!important;
}
.srx-mobile-announcement-actions a,
.srx-mobile-announcement-actions span{
justify-content:center!important;
flex:1 1 150px!important;
text-align:center!important;
}
}
.v8-home-flow{
display:grid;
gap:14px;
margin:0 0 24px;
}
.v8-layer-grid{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:12px;
}
.v8-layer-card{
min-height:188px;
border:1px solid #dbe7f3;
border-radius:16px;
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
box-shadow:0 3px 0 #dbe7f3,0 12px 24px rgba(26,58,92,.07);
padding:15px;
display:flex;
flex-direction:column;
gap:10px;
}
.v8-layer-kicker{
font-size:10px;
font-weight:950;
letter-spacing:.08em;
text-transform:uppercase;
color:#54708d;
}
.v8-layer-title{
font-size:16px;
font-weight:850;
color:#123b68;
line-height:1.2;
}
.v8-layer-desc{
color:#4b6075;
font-size:12px;
line-height:1.55;
flex:1;
}
.v8-layer-actions{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.v8-mini-action{
border:1px solid #bfdbfe;
border-radius:999px;
background:#eff6ff;
color:#123b68;
cursor:pointer;
font-size:10px;
font-weight:900;
padding:6px 9px;
white-space:nowrap;
}
.v8-mini-action:hover{
background:#dbeafe;
}
.v8-home-connected-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);
gap:14px;
align-items:stretch;
}
.v8-case-panel,.v8-output-panel{
border:1px solid #dbe7f3;
border-radius:16px;
background:#fff;
box-shadow:0 3px 0 #dbe7f3,0 12px 24px rgba(26,58,92,.06);
padding:16px;
}
.v8-panel-head{
display:flex;
justify-content:space-between;
gap:12px;
align-items:flex-start;
margin-bottom:12px;
}
.v8-panel-title{
font-size:16px;
font-weight:900;
color:#123b68;
line-height:1.25;
}
.v8-panel-sub{
color:#5b6b7f;
font-size:11px;
line-height:1.55;
margin-top:3px;
}
.v8-case-count{
border:1px solid #bbf7d0;
border-radius:999px;
background:#ecfdf5;
color:#166534;
font-size:11px;
font-weight:950;
padding:6px 9px;
white-space:nowrap;
}
.v8-case-list{
display:grid;
gap:7px;
}
.v8-case-row{
border:1px solid #e6edf5;
border-radius:12px;
background:#f8fbff;
color:#1a2530;
cursor:pointer;
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:10px;
align-items:center;
padding:10px 11px;
text-align:left;
}
.v8-case-row:hover{
border-color:#bfdbfe;
background:#eef6ff;
}
.v8-case-label{
font-size:12px;
font-weight:850;
color:#123b68;
}
.v8-case-desc{
font-size:10.5px;
color:#5b6b7f;
line-height:1.35;
margin-top:2px;
}
.v8-case-pill{
min-width:28px;
height:28px;
border-radius:999px;
background:#1a3a5c;
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
font-size:12px;
font-weight:950;
}
.v8-empty-case{
border:1px dashed #bfdbfe;
border-radius:12px;
background:#f8fbff;
color:#4b6075;
font-size:12px;
line-height:1.6;
padding:12px;
}
.v8-output-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}
.v8-output-actions .v8-mini-action{
border-radius:12px;
padding:10px 9px;
text-align:center;
white-space:normal;
}
.v8-case-header-btn{
border:1px solid #bbf7d0;
border-radius:999px;
background:#ecfdf5;
color:#166534;
cursor:pointer;
font-size:11px;
font-weight:950;
padding:5px 10px;
white-space:nowrap;
}
.v8-case-header-btn.empty{
border-color:#bfdbfe;
background:#eff6ff;
color:#1a3a5c;
}
.v8-case-modal-actions{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:10px;
}
.v8-case-modal-note{
background:#fff7ed;
border:1px solid #fdba74;
border-radius:12px;
color:#854d0e;
font-size:12px;
line-height:1.65;
padding:10px 12px;
}
.v8-case-help{
border:1px solid #bfdbfe;
border-radius:14px;
background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);
padding:13px;
}
.v8-case-help-title{
color:#123b68;
font-size:13px;
font-weight:950;
margin-bottom:8px;
}
.v8-case-help-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.v8-case-help-card{
background:#fff;
border:1px solid #dbe7f3;
border-radius:12px;
padding:10px;
}
.v8-case-help-card strong{
display:block;
color:#123b68;
font-size:11px;
margin-bottom:4px;
}
.v8-case-help-card span{
display:block;
color:#526173;
font-size:11px;
line-height:1.55;
}
.v8-case-help-flow{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:7px;
margin-top:9px;
}
.v8-case-help-step{
background:#ecfdf5;
border:1px solid #bbf7d0;
border-radius:11px;
color:#166534;
font-size:10.5px;
font-weight:850;
line-height:1.45;
padding:8px;
}
.v8-case-help-foot{
color:#1e3a8a;
font-size:11px;
line-height:1.55;
margin-top:9px;
}
.v8-workflow-band{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
flex-wrap:wrap;
background:linear-gradient(135deg,#ffffff 0%,#f8fbff 54%,#ecfdf5 100%);
border:1px solid #dbe7f3;
border-left:6px solid #1a3a5c;
border-radius:16px;
box-shadow:0 8px 20px rgba(26,58,92,.06);
margin:0 0 14px;
padding:12px 14px;
}
.v8-workflow-title{
color:#123b68;
font-size:13px;
font-weight:950;
}
.v8-workflow-copy{
color:#5b6b7f;
font-size:11px;
line-height:1.55;
margin-top:2px;
}
.v8-workflow-actions{
display:flex;
flex-wrap:wrap;
gap:7px;
justify-content:flex-end;
}
@media(max-width:920px){
.v8-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.v8-home-connected-grid{grid-template-columns:1fr;}
.v8-case-help-grid,.v8-case-help-flow{grid-template-columns:1fr;}
}
@media(max-width:560px){
.v8-layer-grid{grid-template-columns:1fr;}
.v8-output-actions{grid-template-columns:1fr;}
}
/* ---- HOME ACTION CATEGORY SEPARATORS ---- */
.srx-home-action-tile.group-start{
position:relative;
}
.srx-home-action-tile.group-start::before{
content:"";
position:absolute;
left:-7px;
top:10px;
bottom:10px;
width:1px;
border-radius:999px;
background:linear-gradient(180deg,transparent 0%,rgba(219,234,254,.72) 28%,rgba(219,234,254,.72) 72%,transparent 100%);
}
.srx-class-tile{
min-height:58px;
display:flex;
flex-direction:column;
justify-content:center;
}
@media(max-width:780px){
.srx-home-action-tile.group-start::before{display:none;}
}
@media(max-width:520px){
#bottomNav{gap:3px;padding:4px;width:min(1320px,calc(100% - 16px));}
.nav-item{min-width:0;flex:1 1 0;padding:5px 2px;}
.nav-item > div:last-child{font-size:9px;line-height:1.12;text-align:center;overflow-wrap:anywhere;}
.home-quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.srx-home-action-tile{min-height:68px;}
}
/* ---- AUGMENTATION STRATEGY STUDIO ---- */
.augmentation-shell{max-width:1180px;margin:0 auto;padding:2px 0 42px;width:100%;}
.augmentation-hero{background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 54%,#f8fafc 100%);border:1px solid #d7e5ee;border-radius:20px;padding:20px 22px 18px;margin-bottom:16px;box-shadow:0 12px 28px rgba(26,58,92,0.08);}
.augmentation-planner{display:grid;grid-template-columns:minmax(280px,0.84fr) minmax(0,1.16fr);gap:14px;align-items:start;}
.augmentation-card{background:#fff;border:1px solid #dbe7f3;border-radius:16px;padding:16px;box-shadow:0 4px 0 #dbe7f3,0 10px 22px rgba(26,58,92,0.06);min-width:0;}
.augmentation-card.soft{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.augmentation-label{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#5a6a7a;margin-bottom:6px;}
.augmentation-title{font-size:22px;font-weight:700;color:#1a3a5c;line-height:1.25;margin-bottom:6px;}
.augmentation-copy{font-size:13px;color:#4a5a6a;line-height:1.75;}
.augmentation-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.augmentation-field label{display:block;font-size:11px;font-weight:800;color:#315b77;margin-bottom:5px;}
.augmentation-field input,.augmentation-field select{width:100%;height:39px;border:1px solid #cfe0ef;border-radius:11px;background:#fff;color:#1a2530;font:inherit;font-size:13px;padding:0 10px;outline:none;}
.augmentation-field input:focus,.augmentation-field select:focus{border-color:#5a9fc0;box-shadow:0 0 0 4px rgba(90,159,192,0.14);}
.augmentation-med-search-list{display:grid;gap:6px;margin-top:7px;max-height:245px;overflow:auto;padding-right:2px;}
.augmentation-med-search-item{appearance:none;width:100%;border:1px solid #dbe7f3;background:#fff;border-radius:11px;padding:8px 10px;text-align:left;cursor:pointer;font:inherit;transition:background .12s,border-color .12s,box-shadow .12s;}
.augmentation-med-search-item:hover{background:#f8fbff;border-color:#bfdbfe;box-shadow:0 5px 12px rgba(26,58,92,0.06);}
.augmentation-med-search-item.active{background:#eff6ff;border-color:#1a3a5c;box-shadow:inset 0 0 0 1px #1a3a5c;}
.augmentation-med-name{font-size:12px;font-weight:850;color:#1a3a5c;line-height:1.25;}
.augmentation-med-meta{font-size:10.5px;color:#64748b;line-height:1.4;margin-top:2px;}
.augmentation-checks{display:grid;grid-template-columns:1fr;gap:7px;margin-top:8px;}
.augmentation-check{display:flex;gap:7px;align-items:flex-start;background:#f8fbff;border:1px solid #dbe7f3;border-radius:11px;padding:8px 9px;font-size:12px;color:#1a2530;line-height:1.45;cursor:pointer;}
.augmentation-check input{margin-top:2px;accent-color:#1a3a5c;}
.augmentation-band{border-radius:13px;padding:12px 13px;margin-bottom:10px;border:1px solid #dbe7f3;background:#f8fbff;}
.augmentation-band.amber{background:#fffbeb;border-color:#fcd34d;color:#78350f;}
.augmentation-band.red{background:#fff1f2;border-color:#fca5a5;color:#7f1d1d;}
.augmentation-band.green{background:#ecfdf5;border-color:#86efac;color:#065f46;}
.augmentation-option-grid{display:grid;gap:10px;}
.augmentation-option{background:#fff;border:1px solid #dbe7f3;border-radius:15px;padding:13px 14px;box-shadow:0 3px 0 #dbe7f3,0 8px 18px rgba(26,58,92,0.06);}
.augmentation-option.top{border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff 0%,#ffffff 100%);box-shadow:0 4px 0 #93c5fd,0 12px 24px rgba(59,130,246,0.12);}
.augmentation-rank{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid #cfe0ef;background:#fff;padding:4px 8px;font-size:10px;font-weight:850;color:#315b77;}
.augmentation-score{height:8px;background:#e5edf6;border-radius:999px;overflow:hidden;margin:8px 0 9px;}
.augmentation-score span{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#1a3a5c);border-radius:999px;}
.augmentation-chip-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;}
.augmentation-chip,.augmentation-evidence-chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;border:1px solid #cfe0ef;background:#fff;padding:5px 8px;font-size:11px;font-weight:750;color:#315b77;text-decoration:none;}
.augmentation-evidence-chip{background:#f8fbff;color:#1a3a5c;}
.augmentation-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px;margin-top:12px;}
.augmentation-mini-card{background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:10px 11px;min-width:0;}
.augmentation-mini-card span{display:block;font-size:10px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#5a6a7a;margin-bottom:4px;}
.augmentation-mini-card strong{display:block;font-size:12px;color:#1a2530;line-height:1.5;font-weight:650;}
.augmentation-med-summary{display:block;font-size:12px;color:#1a2530;line-height:1.5;font-weight:650;}
.augmentation-dose-alert{margin-top:8px;border-radius:10px;border:1px solid #dbe7f3;background:#fff;padding:8px 9px;font-size:11px;line-height:1.45;font-weight:600;color:#334155;}
.augmentation-dose-alert span{display:block;margin:0 0 2px!important;font-size:9px!important;color:inherit!important;}
.augmentation-dose-alert strong{display:block;font-size:11px!important;line-height:1.45!important;font-weight:650!important;color:inherit!important;}
.augmentation-dose-alert.amber{background:#fffbeb;border-color:#fcd34d;color:#78350f;}
.augmentation-dose-alert.red{background:#fff1f2;border-color:#fca5a5;color:#7f1d1d;}
.augmentation-dose-alert.green{background:#ecfdf5;border-color:#86efac;color:#065f46;}
.augmentation-dose-alert.neutral{background:#f8fbff;border-color:#dbe7f3;color:#475569;}
.augmentation-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:10px;}
.augmentation-source-list a{display:block;text-decoration:none;background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:10px 11px;color:#1a3a5c;font-size:12px;font-weight:800;line-height:1.45;}
.augmentation-source-list a span{display:block;font-size:11px;font-weight:500;color:#5a6a7a;margin-top:3px;}
@media(max-width:900px){.augmentation-planner,.augmentation-input-grid{grid-template-columns:1fr;}}
/* ---- END AUGMENTATION STRATEGY STUDIO ---- */
/* ---- INTERVENTIONAL PSYCHIATRY STUDIO ---- */
.interventional-shell{max-width:1180px;margin:0 auto;padding:2px 0 42px;width:100%;}
.interventional-hero{background:linear-gradient(135deg,#f8fbff 0%,#eef7ff 48%,#f0fdf4 100%);border:1px solid #d7e5ee;border-radius:20px;padding:22px 22px 20px;margin-bottom:16px;box-shadow:0 12px 28px rgba(26,58,92,0.08);}
.interventional-label{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#5a6a7a;margin-bottom:6px;}
.interventional-title{font-size:22px;font-weight:850;color:#1a3a5c;line-height:1.22;margin-bottom:6px;}
.interventional-copy{font-size:13px;color:#4a5a6a;line-height:1.75;}
.interventional-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px;}
.interventional-tab{appearance:none;border:1px solid #cfe0ef;background:#fff;color:#1a3a5c;border-radius:999px;padding:8px 11px;font:inherit;font-size:11px;font-weight:900;cursor:pointer;}
.interventional-tab.active{background:#1a3a5c;color:#fff;border-color:#1a3a5c;box-shadow:0 7px 15px rgba(26,58,92,.18);}
.interventional-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:12px;}
.interventional-two{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:14px;align-items:start;}
.interventional-card{background:#fff;border:1px solid #dbe7f3;border-radius:16px;padding:16px;box-shadow:0 4px 0 #dbe7f3,0 10px 22px rgba(26,58,92,0.06);min-width:0;}
.interventional-card.soft{background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);}
.interventional-option{appearance:none;width:100%;text-align:left;background:#fff;border:1px solid #dbe7f3;border-radius:15px;padding:14px;cursor:pointer;box-shadow:0 3px 0 #dbe7f3,0 8px 18px rgba(26,58,92,.05);transition:transform .12s,box-shadow .12s,border-color .12s;}
.interventional-option:hover{transform:translateY(-2px);box-shadow:0 3px 0 #bfd4e6,0 14px 24px rgba(26,58,92,.11);border-color:#bfd4e6;}
.interventional-option.active{border-color:#1a3a5c;background:#eff6ff;box-shadow:inset 0 0 0 1px #1a3a5c,0 10px 22px rgba(26,58,92,.12);}
.interventional-kicker{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#315b77;margin-bottom:5px;}
.interventional-h3{font-size:16px;font-weight:900;color:#1a3a5c;line-height:1.25;margin-bottom:5px;}
.interventional-pill-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;}
.interventional-pill{display:inline-flex;align-items:center;border:1px solid #cfe0ef;background:#f8fbff;color:#315b77;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850;line-height:1.1;}
.interventional-pill.green{background:#ecfdf5;border-color:#86efac;color:#065f46;}
.interventional-pill.amber{background:#fffbeb;border-color:#fcd34d;color:#78350f;}
.interventional-pill.red{background:#fff1f2;border-color:#fca5a5;color:#7f1d1d;}
.interventional-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:12px;}
.interventional-mini{background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:10px 11px;min-width:0;}
.interventional-mini span{display:block;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#5a6a7a;margin-bottom:4px;}
.interventional-mini strong{display:block;font-size:12px;color:#1a2530;line-height:1.5;font-weight:650;}
.interventional-list{display:grid;gap:8px;margin:0;padding:0;list-style:none;}
.interventional-list li{background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:9px 10px;font-size:12px;color:#1a2530;line-height:1.6;}
.interventional-band{border-radius:13px;padding:12px 13px;margin-bottom:10px;border:1px solid #dbe7f3;background:#f8fbff;}
.interventional-band.green{background:#ecfdf5;border-color:#86efac;color:#065f46;}
.interventional-band.amber{background:#fffbeb;border-color:#fcd34d;color:#78350f;}
.interventional-band.red{background:#fff1f2;border-color:#fca5a5;color:#7f1d1d;}
.interventional-action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.interventional-primary-btn,.interventional-secondary-btn{border-radius:999px;padding:9px 13px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;}
.interventional-primary-btn{border:1px solid #1a3a5c;background:#1a3a5c;color:#fff;}
.interventional-secondary-btn{border:1px solid #cfe0ef;background:#fff;color:#1a3a5c;}
.interventional-table{width:100%;border-collapse:separate;border-spacing:0 7px;margin-top:8px;}
.interventional-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#5a6a7a;text-align:left;padding:0 8px;}
.interventional-table td{background:#f8fbff;border-top:1px solid #dbe7f3;border-bottom:1px solid #dbe7f3;padding:9px 8px;font-size:12px;color:#1a2530;line-height:1.45;vertical-align:top;}
.interventional-table td:first-child{border-left:1px solid #dbe7f3;border-radius:11px 0 0 11px;font-weight:900;color:#1a3a5c;white-space:nowrap;}
.interventional-table td:last-child{border-right:1px solid #dbe7f3;border-radius:0 11px 11px 0;}
.interventional-edu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;}
.interventional-edu-card{background:#fff;border:1px solid #dbe7f3;border-radius:15px;padding:15px;box-shadow:0 3px 0 #dbe7f3,0 8px 18px rgba(26,58,92,.05);}
.interventional-edu-card h4{margin:0 0 8px;font-size:14px;color:#1a3a5c;line-height:1.25;}
.interventional-source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px;margin-top:10px;}
.interventional-source-list a{display:block;text-decoration:none;background:#f8fbff;border:1px solid #dbe7f3;border-radius:12px;padding:10px 11px;color:#1a3a5c;font-size:12px;font-weight:800;line-height:1.45;}
.interventional-source-list a span{display:block;font-size:11px;font-weight:500;color:#5a6a7a;margin-top:3px;}
.interventional-doc-preview{white-space:pre-wrap;background:#fbfdff;border:1px solid #dbe7f3;border-radius:13px;padding:13px 14px;font-size:12px;color:#1a2530;line-height:1.75;}
@media(max-width:900px){.interventional-two{grid-template-columns:1fr;}.interventional-table{display:block;overflow-x:auto;}}
/* ---- END INTERVENTIONAL PSYCHIATRY STUDIO ---- */