/* ADVISORY — header button, non-modal drawer from the right edge (max ~1/3 of
   the screen, full screen on mobile) and its collapsed edge tab. js/advisory.js. */
:root{--adv-w:clamp(340px,33.33vw,480px);}

.adv-btn{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.02em;color:#fff;background:rgba(47,163,209,.16);border:1.5px solid var(--ocean-light);border-radius:20px;padding:5px 14px;cursor:pointer;transition:background .15s;}
.adv-btn:hover,.adv-btn[aria-expanded="true"]{background:var(--ocean);border-color:var(--ocean);}

.adv-drawer{position:fixed;top:var(--hdr-h,64px);right:0;bottom:0;width:var(--adv-w);z-index:90;background:#fff;border-left:1px solid var(--border-mid);box-shadow:-8px 0 30px rgba(13,27,42,.14);display:flex;flex-direction:column;}
.adv-head{display:flex;align-items:center;gap:6px;padding:14px 16px 12px 20px;border-bottom:1px solid var(--border);}
.adv-head h2{font-family:'DM Serif Display',serif;font-size:20px;color:var(--navy);font-weight:400;margin-right:auto;}
.adv-icon{background:none;border:none;color:var(--text-muted);font-size:20px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:var(--rs);font-family:inherit;}
.adv-icon:hover{color:var(--navy);background:var(--fog);}
.adv-body{flex:1;overflow-y:auto;padding:16px 20px 28px;}

/* Collapsed: a slim tab on the right edge with the balance. */
.adv-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:90;writing-mode:vertical-rl;background:var(--navy);color:#fff;border:none;border-radius:8px 0 0 8px;padding:14px 8px;font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.03em;cursor:pointer;box-shadow:-4px 0 16px rgba(13,27,42,.22);display:flex;gap:8px;align-items:center;}
.adv-tab:hover{background:var(--navy-mid);}
.adv-tab-bal{font-weight:400;color:var(--ocean-light);}

/* Keep the platform usable beside the drawer on wide screens. */
@media (min-width:1100px){
  body.adv-open{padding-right:var(--adv-w);}
}
body.adv-open #help-fab{right:calc(var(--adv-w) + 22px)!important;}

.adv-balance{background:var(--fog-light);border:1px solid var(--border);border-radius:var(--rs);padding:12px 14px;margin-bottom:10px;}
.adv-bal-main{font-size:15px;font-weight:600;color:var(--navy);}
.adv-free{font-size:13px;color:var(--green);font-weight:600;margin-top:4px;}
.adv-free-box{background:rgba(45,158,107,.1);border-radius:var(--rs);padding:8px 12px;margin:0 0 12px;}
.adv-sla{font-size:13px;color:var(--text-sec);line-height:1.5;margin-bottom:14px;}
.adv-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;}
.adv-sec{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:18px 0 8px;}
.adv-h{font-family:'DM Serif Display',serif;font-size:19px;font-weight:400;color:var(--navy);line-height:1.3;margin:6px 0 10px;overflow-wrap:anywhere;}
.linkbtn.adv-link{color:var(--ocean);font-size:13px;}
.linkbtn.adv-link:hover{color:var(--ocean-light);}
.adv-back{text-decoration:none;}
.adv-foot-link{display:block;margin-top:18px;font-size:12px;}

.adv-row{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:10px 4px;cursor:pointer;font-family:inherit;border-radius:var(--rs);}
.adv-row:hover{background:var(--fog-light);}
.adv-row-title{display:block;font-size:13.5px;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adv-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11.5px;color:var(--text-muted);margin-top:3px;}
.adv-thread-meta{margin:-2px 0 14px;}
.adv-st{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;}
.adv-st-waiting{background:#fdf3e1;color:#9a6610;}
.adv-st-answered{background:#e3f4fa;color:#1a6e8a;}
.adv-st-closed{background:var(--fog);color:var(--text-sec);}
.adv-dist-label{background:var(--fog);color:var(--navy);padding:2px 8px;border-radius:20px;}

.adv-field{margin-bottom:12px;}
.adv-field textarea.ti{resize:vertical;line-height:1.5;}
.adv-hint{font-size:12px;color:var(--text-muted);line-height:1.5;margin-top:6px;}
.adv-why{margin:-4px 0 10px;}
.adv-err{font-size:12px;color:var(--red);min-height:1em;margin:4px 0 8px;}
.adv-submit{width:100%;}

.adv-msgs{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.adv-msg{border-radius:var(--r);padding:10px 13px;border:1px solid var(--border);}
.adv-msg-client{background:var(--fog-light);margin-left:18px;}
.adv-msg-advisor{background:#fff;border-left:3px solid var(--ocean);margin-right:18px;}
.adv-msg-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11.5px;color:var(--text-muted);margin-bottom:5px;}
.adv-msg-head strong{color:var(--navy);font-size:12px;}
.adv-msg-body{font-size:13.5px;color:var(--text);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;}
.adv-tag{background:#fdf3e1;color:#9a6610;font-weight:600;font-size:10px;padding:2px 8px;border-radius:20px;}
.adv-divider{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--ocean);text-transform:uppercase;letter-spacing:.05em;}
.adv-divider::before,.adv-divider::after{content:"";flex:1;height:1px;background:var(--fog-mid);}
.adv-reply{border-top:1px solid var(--border);padding-top:14px;}
.adv-continue{background:rgba(30,127,166,.08);border:1px solid rgba(30,127,166,.2);border-radius:var(--r);padding:14px;}
.adv-continue p{font-size:13px;color:var(--text-sec);line-height:1.55;margin-bottom:10px;}
.adv-continue .btn{width:100%;}

@media (max-width:640px){
  .adv-drawer{top:0;width:100%;z-index:450;border-left:none;}
  .adv-btn{padding:4px 11px;}
}

/* ADVISORY INBOX (advisory-inbox.html, admin only) */
.ai-filters{margin:16px 0 12px;}
.ai-list{padding:6px 10px;}
.ai-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) minmax(0,1fr) 100px 80px;gap:12px;align-items:start;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:11px 8px;font-family:inherit;font-size:13px;color:var(--text);cursor:pointer;border-radius:var(--rs);}
.ai-row:last-child{border-bottom:none;}
button.ai-row:hover{background:var(--fog-light);}
.ai-row-head{cursor:default;font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;}
.ai-q{line-height:1.45;overflow-wrap:anywhere;}
.ai-q .adv-st{display:inline-block;margin-top:4px;}
.ai-sub{font-size:12px;color:var(--text-muted);}
.ai-neg{color:var(--red);font-weight:600;}
.ai-plus{color:var(--green);}
.ai-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:14px;align-items:start;}
.ai-kv{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--border);}
.ai-kv span:first-child{color:var(--text-muted);flex-shrink:0;}
.ai-kv span:last-child{text-align:right;overflow-wrap:anywhere;}
.ai-kv a{color:var(--ocean);}
.ai-bal{font-size:18px;font-weight:600;color:var(--navy);margin-bottom:10px;}
.ai-ledger{border-top:1px solid var(--border);}
.ai-led-row{display:grid;grid-template-columns:88px minmax(0,1fr) 64px;gap:8px;font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--border);}
.ai-led-row span:last-child{text-align:right;font-weight:600;}
.ai-reply-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;margin-top:12px;}
.ai-reply-row > div{width:150px;}
/* 48-hour follow-up rule, above the reply box */
.ai-rule{font-size:12.5px;line-height:1.5;color:#8a6010;background:#faf3e3;border-radius:var(--rs);padding:8px 10px;margin:0 0 10px;}
.ai-rule-in{color:#1e6e48;background:#e3f5ed;}
.ai-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;padding-bottom:9px;}
.ai-check input{accent-color:var(--ocean);}
@media (max-width:860px){
  .ai-grid{grid-template-columns:minmax(0,1fr);}
  .ai-row{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) 70px;}
  .ai-row > :nth-child(3),.ai-row > :nth-child(4){display:none;}
}
