.ps-workspace-links{display:flex;gap:8px;flex-wrap:wrap;padding:12px clamp(16px,3vw,36px);background:#efece4;border-bottom:1px solid #d9d5cb}
.ps-workspace-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border:1px solid #ccc8bd;background:#fffdf8;color:#19232e!important;font-size:12px;font-weight:600;text-decoration:none;letter-spacing:.02em;border-radius:3px}
.ps-workspace-links a:hover{border-color:#c63029;background:#f8eee7}
.ps-workspace-links a:focus-visible{outline:3px solid #c63029;outline-offset:3px}
.fok-portal .portal-main{min-width:0;background:#f3f0e9}
.fok-portal .portal-main h1{font-size:clamp(28px,3.2vw,46px);line-height:1.12;letter-spacing:-.035em}
.fok-portal .leader-hero h2{font-size:clamp(27px,3vw,42px);line-height:1.15;overflow-wrap:anywhere}
.fok-portal .metric-card,.fok-portal .leader-action-card{box-shadow:none;border:1px solid #d6d2c9;border-radius:5px;min-width:0}
.fok-portal .metric-card strong{font-size:clamp(23px,2.5vw,35px);line-height:1.15;overflow-wrap:anywhere}
.fok-portal .metric-card em{line-height:1.5;overflow-wrap:anywhere}
.fok-portal .portal-main .portal-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:600px){.ps-workspace-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ps-workspace-links a{justify-content:center;padding:8px}.fok-portal .leader-hero{gap:18px}.fok-portal .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fok-portal .metric-card{padding:16px}}

/* cash-guru-gold: CRM visual accents only */
.crm-shell .mobile-bottom-nav{border-top:1px solid #9c783d!important;background:linear-gradient(180deg,#201b13,#0d0c0a)!important}
.crm-shell .mobile-bottom-nav button{color:#c9b586!important}
.crm-shell .mobile-bottom-nav button.active{background:linear-gradient(125deg,#af7a2e 0%,#efd596 48%,#c99c50 100%)!important;color:#21190d!important;box-shadow:inset 0 1px 0 #fff0bf,0 2px 10px #0003}
.crm-shell .mobile-bottom-nav button:focus-visible{outline:2px solid #f0d597;outline-offset:2px}
.crm-shell .leader-action-card.secure{background:linear-gradient(135deg,#211b12,#352716)!important;border-color:#9b7943!important}
.crm-shell .leader-action-card.secure small{color:#e7c77f!important}
.crm-shell .portal-nav button.active,.crm-shell .portal-nav a.active{border-color:#c69c53!important;color:#efd596!important;background:#332817!important}

/* Explicit paired foreground/background for private CRM interaction states. */
.crm-shell .portal-nav :is(button,a):is(:hover,:focus-visible),
.crm-shell .mobile-bottom-nav button:is(:hover,:focus-visible){
 background:#efd596!important;color:#21190d!important;-webkit-text-fill-color:#21190d!important;border-color:#c69c53!important;
}
.crm-shell .portal-nav :is(button,a):is(:hover,:focus-visible) *,
.crm-shell .mobile-bottom-nav button:is(:hover,:focus-visible) *{
 color:inherit!important;-webkit-text-fill-color:inherit!important;
}
.crm-shell .portal-button:not(.primary):not(.danger):is(:hover,:focus-visible),
.ps-workspace-links a:is(:hover,:focus-visible){
 background:#21190d!important;color:#fff4d9!important;-webkit-text-fill-color:#fff4d9!important;border-color:#c69c53!important;
}
.crm-shell .portal-button:not(.primary):not(.danger):is(:hover,:focus-visible) *{
 color:inherit!important;-webkit-text-fill-color:inherit!important;
}

/* CRM drawers live outside .crm-shell: pair the surface and text explicitly. */
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel{background:#f3f0e9;color:#19232e;border-left:1px solid #b18a48;line-height:1.55}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel :is(h1,h2,h3,p,label,li,dt,dd,.helper,.muted,.fineprint){color:#19232e;-webkit-text-fill-color:currentColor;opacity:1;overflow-wrap:anywhere}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-eyebrow{color:#77551f}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-card{margin-block:24px;padding:24px;background:#fffdf8;border:1px solid #d6c6a5;border-radius:5px}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-card p{margin:12px 0 20px;max-width:62ch}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-button.primary{background:linear-gradient(125deg,#af7a2e,#efd596 48%,#c99c50);color:#21190d;border-color:#9c783d}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-button:is(:hover,:focus-visible){background:#21190d;color:#fff4d9;border-color:#c69c53}
body.fok-portal:has(.crm-shell) > .drawer .drawer-panel :is(button,input,select,textarea):focus-visible{outline:3px solid #9c783d;outline-offset:3px}
@media(max-width:600px){body.fok-portal:has(.crm-shell) > .drawer .drawer-panel{padding:20px}body.fok-portal:has(.crm-shell) > .drawer .drawer-panel .portal-card{padding:18px}}