/* Shared CRM, Documents and client navigation. */
.crm-subnav{display:flex;align-items:center;gap:5px;overflow-x:auto;margin:-4px 0 24px;padding:8px;background:var(--navy2,#0d2536);border:1px solid #25465c;border-radius:10px;box-shadow:0 7px 20px rgba(13,37,54,.13);scrollbar-width:thin}
.crm-subnav a{flex:0 0 auto;color:#eaf3f7;text-decoration:none;font-size:12px;font-weight:800;padding:9px 11px;border-radius:6px;white-space:nowrap}
.crm-subnav a:hover,.crm-subnav a[aria-current=page]{background:#fff;color:var(--navy,#14334d)}
.crm-subnav a:focus-visible{outline:2px solid #fff;outline-offset:2px}.doc-tabs{margin-bottom:12px}.doc-w9-tabs{margin-top:0;margin-bottom:24px}@media print{.crm-subnav{display:none!important}}

/* Section headers use their own layout, independent of form buttons. */
@media screen{
.crm-subnav{padding:5px;gap:4px;border-radius:8px;box-shadow:0 3px 9px rgba(13,37,54,.08);align-items:center}
.crm-subnav a{display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;min-height:30px;padding:5px 10px;font:800 12px/20px Arial,Helvetica,sans-serif;white-space:nowrap}
.doc-tabs{margin-bottom:8px}.doc-w9-tabs{margin-top:0;margin-bottom:14px}
@media(max-width:600px){.crm-subnav a{min-height:40px;padding:8px 10px}.crm-subnav{padding:4px}}
}
/* Each section is a separate button; the row itself has no colored panel. */
@media screen{
.crm-subnav{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0;gap:7px}
.crm-subnav a{background:#14334d;color:#eaf3f7;border:1px solid #14334d;border-radius:6px;min-height:32px;padding:5px 11px;line-height:20px}
.crm-subnav a:hover{background:#244d68;color:#fff;border-color:#244d68}
.crm-subnav a[aria-current=page]{background:#e7f1f5;color:#14334d;border-color:#a9c2cf}
.crm-subnav a:focus-visible{outline:3px solid #8bc9df;outline-offset:2px}
@media(max-width:600px){.crm-subnav a{min-height:44px;padding:11px 12px}}
}

@media screen{.doc-tabs .doc-client-access{margin-left:auto}}

/* W-9 tools are secondary to the document sections above. */
@media screen{
.doc-w9-tabs .doc-options-label{flex:0 0 auto;color:#62717b;font:700 11px/20px Arial,Helvetica,sans-serif;margin-right:3px;white-space:nowrap}
.doc-w9-tabs a{background:#f3f6f8;color:#27465b;border-color:#d1dce3;font-weight:600}
.doc-w9-tabs a:hover{background:#e5edf2;color:#14334d;border-color:#a9becb}
.doc-w9-tabs a[aria-current=page]{background:#dcebf3;color:#14334d;border-color:#789fb5;font-weight:800;box-shadow:inset 0 -2px 0 #789fb5}
}
