/* AgentCRM: NeoSmartUXUI Hardline geometry and depth. Tokens: theme-tokens.css. */
body{font-family:var(--font-ui);font-size:var(--md-sys-typescale-body-medium);letter-spacing:-.012em;background:var(--bg);background-image:var(--ambient);background-attachment:fixed;}
h1,h2,h3,h4,h5,h6,.brand,.modal-title{font-family:var(--font-heading);font-weight:600;letter-spacing:-.025em;}
.icon {display:inline-block;flex:none;vertical-align:middle;color:inherit;}
button,.btn {display:inline-flex;align-items:center;justify-content:center;gap:7px;line-height:1.3;}
.btn {border-radius:0;min-height:40px;padding:9px 14px;font-weight:550;text-decoration:none;}
.btn.sm {min-height:32px;border-radius:0;}
.btn.primary {font-weight:650;}
.btn:focus-visible,button:focus-visible,a:focus-visible {outline:3px solid color-mix(in srgb,var(--brand) 45%,transparent);outline-offset:3px;}
.card {border-radius:0;box-shadow:var(--shadow);}
input,select,textarea {border-radius:0;}
.f {display:block;margin-bottom:11px;}
.f > span {display:block;font-size:12px;color:var(--muted);margin-bottom:3px;}
.topbar {background:var(--panel);padding-top:16px;padding-bottom:16px;}
.topbar h1 {font-size:20px;font-weight:700;letter-spacing:-.035em;}
.nav {padding:18px 12px;gap:5px;}
.nav .brand i {background:var(--brand);color:var(--brand-ink);border-radius:0;}
.nav button.item {width:100%;flex-shrink:0;justify-content:flex-start;padding:11px 12px;min-height:44px;gap:12px;border-radius:0;color:var(--muted);}
.nav button.item.on {background:color-mix(in srgb,var(--brand) 10%,transparent);color:var(--brand);}
.nav button.item > .icon {width:20px;height:20px;flex:0 0 20px;}
.nav .sect {justify-content:flex-start;font-size:10px;letter-spacing:.1em;}
.nav .searchbtn {justify-content:flex-start;}
.tabbar .ti {display:grid;place-items:center;}
.pill,.chip,.tag {border-radius:0;font-weight:550;letter-spacing:0;}
.pill.ok,.chip.lead {background:color-mix(in srgb,var(--brand) 10%,transparent);}
.btn.call.phone,.btn.call.wa {background:var(--panel);color:var(--text);border-color:var(--line);}
.btn.call.phone {background:var(--brand);color:var(--brand-ink);border-color:var(--brand);}
.wa-thread {background-image:none;background-color:var(--bg);}
.wa-row .avatar,.avatar {border:1px solid var(--line);}
.modal {border-radius:0;}
.modal-title {letter-spacing:-.025em;}
.modal-actions .btn {min-height:44px;}
.section-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;}
.section-heading h2 {font-size:16px;margin:0;font-weight:650;}
.eyebrow {font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:650;}
.metric-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.metric {padding:18px;}
.metric .metric-label {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;font-weight:550;}
.metric-value {font-size:28px;line-height:1.25;font-weight:700;letter-spacing:-.05em;margin:12px 0 6px;overflow-wrap:anywhere;}
.metric-detail {font-size:12px;color:var(--muted);line-height:1.5;}
.dashboard-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;}
.dashboard-stack {display:grid;gap:16px;align-content:start;min-width:0;}
.dashboard-filter {display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}
.dashboard-filter select {width:auto;min-width:160px;}
.trend-bars {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:155px;align-items:end;}
.trend-column {display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:6px;min-width:0;height:100%;}
.trend-bar {min-width:0;width:100%;background:color-mix(in srgb,var(--brand) 14%,transparent);border:0;border-radius:0;color:var(--brand);font-size:11px;position:relative;}
.trend-bar i {position:absolute;left:25%;right:25%;bottom:0;background:var(--brand);border-radius:0;opacity:.8;}
.trend-column small {text-align:center;font-size:10px;color:var(--muted);white-space:nowrap;}
.trend-caption {min-height:36px;padding-top:10px;font-size:12px;color:var(--muted);}
.pipeline-line {display:grid;grid-template-columns:minmax(80px,1fr) 2fr 30px;align-items:center;gap:12px;padding:10px 0;font-size:13px;}
.pipeline-track {height:8px;border-radius:0;background:var(--panel2);overflow:hidden;}
.pipeline-track i {display:block;height:100%;background:var(--brand);border-radius:0;}
.attention-list {display:grid;gap:8px;}
.attention-list .btn {justify-content:space-between;text-align:left;background:var(--bg);}
.session-card {max-width:760px;margin:0 auto;}
.session-toolbar {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.session-progress {height:6px;border-radius:0;background:var(--panel2);overflow:hidden;margin:12px 0 20px;}
.session-progress i {display:block;height:100%;background:var(--brand);}
.session-contact {display:flex;align-items:center;gap:12px;margin:12px 0 18px;}
.session-contact h2 {margin:0;font-size:24px;letter-spacing:-.04em;}
.session-context {padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:0;margin:12px 0;overflow-wrap:anywhere;}
.session-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;}
.session-actions .callbtns {grid-column:1/-1;display:flex;gap:10px;}
.session-actions .callbtns .btn {flex:1;min-height:52px;}
.session-resume {display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;}
.session-empty {text-align:center;padding:30px 16px;}
.session-empty .icon {color:var(--brand);margin-bottom:12px;}
.calls-in-session .stats {display:none;}
.calls-in-session .topbar > .btn {display:none;}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.dashboard-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:760px){
 .btn,.btn.sm{min-height:48px;}.metric-grid{gap:10px;}.metric{padding:14px;}.metric-value{font-size:25px;}.dashboard-grid{gap:12px;}.metric-detail{font-size:11px;}
 .dashboard-filter select{flex:1;}.session-card{padding:16px;}.session-contact h2{font-size:22px;}.session-actions{position:sticky;bottom:0;padding:12px 0;background:var(--panel);}.trend-bars{gap:5px;}.trend-bar{min-width:0;}.tabbar button{gap:4px;}
}


/* Bounded depth: static records stay still; controls compress into their shadow. */
.nav,.topbar,.tabbar{background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none;}
.nav{border-right:2px solid var(--line);}
.topbar{border-bottom:2px solid var(--line);min-height:76px;}
.topbar h1{font-family:var(--font-heading);font-weight:700;font-size:22px;letter-spacing:-.035em;}
.card{background:var(--panel);border:2px solid var(--line);box-shadow:var(--shadow);border-radius:0;}
.metric{box-shadow:4px 4px 0 var(--depth-ink);}.metric-value{font-variant-numeric:tabular-nums;}
.btn{border:2px solid var(--line);border-radius:0;font-weight:600;box-shadow:4px 4px 0 var(--depth-ink);transition:transform 100ms ease,box-shadow 100ms ease,background-color 100ms ease;}
.btn.primary{border-color:var(--line);box-shadow:4px 4px 0 var(--depth-ink);}
.btn:not(:disabled):active{transform:translate(4px,4px);box-shadow:0 0 0 var(--depth-ink);filter:none;}
.btn:disabled{box-shadow:none;transform:none;}
@media(hover:hover){.btn:not(:disabled):hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--depth-ink);}}
input,textarea,select{background:var(--panel);border:2px solid var(--control-line);border-radius:0;}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1;}
.nav button.item{font-weight:500;min-height:46px;border-radius:0;border:2px solid transparent;}
.nav button.item.on{background:var(--panel2);color:var(--brand);border-color:var(--brand);box-shadow:4px 4px 0 var(--depth-ink);}
.nav .brand{font-size:19px;gap:11px;padding-top:4px;padding-bottom:22px;}
.nav .brand i{width:34px;height:34px;border-radius:0;border:2px solid var(--line);box-shadow:4px 4px 0 var(--depth-ink);}
.nav .searchbtn{background:var(--panel);border:2px solid var(--line);border-radius:0;}
.pill,.chip,.tag{border-radius:0;}.pill{border:1px solid var(--line);}
.tabbar{border-top:2px solid var(--line);}.tabbar button.on{background:var(--panel2);}
.modal{background:var(--panel);border:2px solid var(--line);box-shadow:6px 6px 0 var(--depth-ink);border-radius:0;}
.modal-bg{background:rgba(10,19,36,.5);backdrop-filter:none;-webkit-backdrop-filter:none;}
.theme-toggle{flex:0 0 auto;width:42px;min-width:42px;padding:8px;}.theme-toggle .icon{width:19px;height:19px;}
.auth-theme{display:flex;justify-content:flex-end;margin-bottom:12px;}
.dashboard-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;margin:0 3px 22px 0;background-color:var(--panel);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:28px 28px;}
.dashboard-intro h2{font-size:clamp(23px,2.6vw,34px);line-height:1.25;margin:8px 0 10px;letter-spacing:-.04em;}
.dashboard-intro h2 span{color:var(--brand);}.dashboard-intro p{margin:0;max-width:540px;line-height:1.6;}
.workspace-stamp{flex:none;width:64px;height:64px;display:grid;place-items:center;border:2px solid var(--line);border-radius:0;background:var(--brand);color:var(--brand-ink);box-shadow:3px 3px 0 var(--depth-ink);}
.extension-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;align-items:start;}
.extension-intro{padding:24px;margin:0 3px 20px 0;background:var(--panel2);}
.extension-intro h2{font-size:24px;line-height:1.4;max-width:600px;margin:10px 0;}
.extension-grid h3{font-size:17px;margin:0;}.extension-grid .card{padding:22px;}.extension-grid p{line-height:1.6;}
@media(prefers-reduced-motion:reduce){.btn{transition:none;}.btn:not(:disabled):hover,.btn:not(:disabled):active{transform:none;}}
@media(forced-colors:active){.nav,.topbar,.tabbar,.card,.modal,.extension-intro{background:Canvas;border:2px solid CanvasText;box-shadow:none;}.btn.primary,.nav button.item.on{background:Highlight;color:HighlightText;}}
@media(max-width:760px){.topbar{min-height:68px;}.topbar h1{font-size:20px;}.nav button.item{min-height:48px;}.extension-intro{padding:18px;}.extension-intro h2{font-size:21px;}.extension-grid{gap:12px;}.extension-grid .card{padding:18px;}.modal{border-radius:0;}.theme-toggle{width:48px;min-width:48px;}.dashboard-intro{padding:18px;gap:12px;margin-bottom:18px;}.workspace-stamp{width:44px;height:44px;}.dashboard-intro h2{font-size:24px;}.card{margin-right:3px;}.dashboard-intro p{font-size:13px;}}

.topbar .theme-toggle{flex:0 0 auto;}

@media(max-width:760px){.topbar h1{flex:1 1 auto;min-width:0;}.topbar>.btn{flex:0 1 auto;}.topbar>.theme-toggle{flex:0 0 48px;margin-left:auto;}}

/* Hardline controls, a quiet workspace grid, and compact native navigation scroll. */
body{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;}
.btn,.btn.sm,.nav button.item,.nav .searchbtn,input,select,textarea,.chipbtn,.seg button,.wa-tool,.wa-tab,.nav .brand i,.workspace-stamp{border-radius:0;}
.navlist{scrollbar-width:thin;scrollbar-color:var(--control-line) transparent;scrollbar-gutter:stable;padding:2px 5px 5px 0;overscroll-behavior:contain;}
.navlist::-webkit-scrollbar{width:6px;height:6px;}.navlist::-webkit-scrollbar-track{background:transparent;}.navlist::-webkit-scrollbar-thumb{background:var(--control-line);border:1px solid var(--panel);border-radius:0;}.navlist::-webkit-scrollbar-button{display:none;width:0;height:0;}
.btn.call{flex-direction:row;flex-wrap:nowrap;min-height:48px;}
.callrow-actions{display:grid;gap:10px;margin-top:14px;}.callrow-actions>.pill{justify-self:start;}
.callrow-primary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:8px;align-items:stretch;}
.callrow-primary .callbtns{display:contents;}.callrow-primary .btn{min-width:0;min-height:48px;height:48px;padding:8px;font-size:13px;white-space:nowrap;}.callrow-primary .icon{width:18px;height:18px;}
.callrow-secondary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;}.callrow-secondary select,.callrow-secondary .btn{min-height:48px;height:48px;min-width:0;}.callrow-secondary select{width:100%;}
@media(max-width:400px){.callrow-secondary{grid-template-columns:minmax(0,1fr);}.callrow-secondary>.btn{justify-self:start;}}
@media(forced-colors:active){body{background-image:none;}.navlist{scrollbar-color:auto;}}

@supports selector(::-webkit-scrollbar){.navlist{scrollbar-width:auto;}}
.callrow-primary:not(:has(.callbtns)){grid-template-columns:1fr;}.callrow-secondary:not(:has(select)){grid-template-columns:1fr;}

.callrow{display:flex;flex-direction:column;}.callrow-actions{margin-top:auto;padding-top:14px;}

/* Full Hardline surfaces: square geometry and hard, unblurred offset depth. */
.col,.deal,.menuitem,.installbar,.callbar,.toast,.wa-pop,.wa-input,.wa-send,.wa-day span,.wa-msg,.wa-msg .quote,.wa-msg .react,.wa-msg .acts,.wa-msg .act,.wa-menu button,.wa-emojis button,.profile-card .stats-mini div,.nav kbd,.tabbar button,.unread,.msg,.msg img,.wa-msg img,.wa-msg video{border-radius:0;}
.col,.deal,.menuitem,.installbar,.callbar,.toast,.wa-pop{box-shadow:var(--shadow);}
@media(max-width:760px){.card{margin-right:4px;}}
@media(forced-colors:active){.card,.metric,.modal,.btn,.btn.primary,.nav button.item.on,.nav .brand i,.workspace-stamp,.col,.deal,.menuitem,.installbar,.callbar,.toast,.wa-pop{box-shadow:none;}}

/* Daylight hierarchy: softly layered surfaces and selective blue emphasis. */
.nav{background:var(--nav-surface);}.nav button.item.on{background:var(--nav-selected-surface);color:var(--nav-selected-ink);}
.dashboard-intro{background-color:var(--hero-surface);}
.metric-focus{border-color:var(--metric-border);box-shadow:inset 0 3px 0 var(--metric-highlight),4px 4px 0 var(--depth-ink);}
.metric-focus .metric-value{color:var(--metric-emphasis);}.metric-focus .metric-label>.icon{color:var(--metric-icon);}
@media(forced-colors:active){.nav,.dashboard-intro{background:Canvas;}.nav button.item.on{background:Highlight;color:HighlightText;}.metric-focus{box-shadow:none;border-color:CanvasText;}.metric-focus .metric-value,.metric-focus .metric-label>.icon{color:CanvasText;}}

/* Notification access lives beside the other top-bar controls. */
.topbar .header-notifications,.wa-top .header-notifications,.wa-head .header-notifications{position:relative;flex:0 0 42px;width:42px;min-width:42px;height:42px;min-height:42px;padding:8px;}
.notification-count{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;background:var(--brand);color:var(--brand-ink);border:1px solid var(--line);font-size:10px;font-weight:700;line-height:1;pointer-events:none;}
.notification-count[hidden]{display:none;}
@media(max-width:760px){.topbar .header-notifications,.wa-top .header-notifications,.wa-head .header-notifications{flex-basis:48px;width:48px;min-width:48px;height:48px;min-height:48px;}.topbar>.theme-toggle{margin-left:0;}.wa-top .header-notifications{margin-left:auto;}}

.header-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;}
@media(max-width:760px){.topbar>.header-refresh{flex:0 0 48px;width:48px;min-width:48px;padding:8px;}.header-refresh .header-action-label{display:none;}}

/* Shared account/workspace controls replace the sidebar footer. */
.topbar{flex-wrap:wrap;}.header-controls{flex-wrap:nowrap;}
.header-status{display:flex;gap:8px;min-height:42px;padding:5px 8px;}.header-status-labels{display:grid;text-align:left;font-size:10px;line-height:1.5;white-space:nowrap;}
.header-profile{display:flex;align-items:center;gap:8px;min-height:42px;padding:4px 7px;}.header-profile-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.user-photo{display:inline-grid;place-items:center;flex:none;overflow:hidden;vertical-align:middle;background:var(--panel2);color:var(--text);border:2px solid var(--line);font-weight:700;font-size:12px;}.user-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.header-install{white-space:nowrap;min-height:42px;}.header-install .icon{width:19px;height:19px;}.header-signout{width:42px;min-height:42px;padding:8px;}
/* One shared header size overrides compact .btn.sm installation styles. */
.topbar>.btn,.header-controls>.btn{box-sizing:border-box;height:42px;min-height:42px;font-size:13px;}
.profile-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;max-width:1100px;}.profile-layout>.card{min-width:0;}.profile-identity,.profile-menu-identity,.team-person{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;}.profile-identity{margin-bottom:20px;}.profile-identity h2{margin:0;overflow-wrap:anywhere;}.profile-identity p{margin:6px 0;}.profile-menu-identity{margin-bottom:20px;}.account-menu-actions{display:grid;gap:10px;}.profile-layout h2{font-size:19px;}
@media(max-width:1200px){.header-profile-name,.header-status-labels{display:none;}.header-install{font-size:0;width:42px;min-width:42px;padding:8px;}.header-status{width:42px;min-width:42px;justify-content:center;padding:8px;}}
@media(max-width:760px){.header-controls{width:100%;justify-content:space-between;margin:2px 0 0;gap:8px;}.header-controls .header-signout{display:none;}.header-controls .btn{flex:0 0 48px;width:48px;min-width:48px;height:48px;min-height:48px;padding:8px;}.header-profile .user-photo{width:28px!important;height:28px!important;}.profile-layout{grid-template-columns:minmax(0,1fr);gap:14px;}.profile-identity{align-items:flex-start;}.team-person{gap:10px;}.team-person>div{min-width:0;}.profile-layout>.card{padding:16px;}}

.profile-layout{align-items:start;}
@media(max-width:760px){.topbar>.btn{height:48px;min-height:48px;}}
@media(max-width:1200px){.header-controls .header-install{font-size:0;}}
.header-connect-whatsapp{white-space:nowrap;}
@media(max-width:1400px){.header-connect-label{display:none;}.header-connect-whatsapp{width:42px;min-width:42px;padding:8px;}}
@media(max-width:760px){.header-controls{flex-wrap:wrap;}}

/* Contextual chrome: page actions stay local; global utilities live in My account. */
.header-controls .header-profile{width:42px;min-width:42px;padding:4px;}
.contacts-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.contacts-actions>.btn{height:42px;min-height:42px;font-size:13px;}
.contacts-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px;}
.contacts-toolbar>.f{margin:0;min-width:0;}.contacts-toolbar>.f:first-child{flex:1 1 260px;max-width:480px;}.contacts-toolbar>.f:last-child{flex:0 1 220px;}
.contacts-toolbar input,.contacts-toolbar select{width:100%!important;max-width:100%!important;}
@media(max-width:760px){.topbar>.header-controls,.wa-top>.header-controls,.wa-head>.header-controls{width:auto;flex:0 0 auto;justify-content:flex-end;flex-wrap:nowrap;margin:0 0 0 auto;gap:8px;}.header-controls .header-profile{width:48px;min-width:48px;}.contacts-actions{order:2;flex:1 0 100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;}.contacts-actions .btn{min-width:0;padding:8px;font-size:12px;}.contacts-toolbar{gap:12px;}.contacts-toolbar>.f:first-child,.contacts-toolbar>.f:last-child{flex:1 1 100%;max-width:none;}}
@media(max-width:760px){.contacts-actions>.btn{height:48px;min-height:48px;}}