/* Frontline CRM - Samsara UI v4 */
:root{
--fl-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--fl-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--fl-t-11:11px;--fl-t-12:12px;--fl-t-13:13px;--fl-t-14:14px;--fl-t-16:16px;--fl-t-20:20px;--fl-t-28:28px;
--fl-r-sm:6px;--fl-r-md:8px;--fl-r-lg:12px;--fl-r-xl:14px;--fl-r-full:999px;--fl-row:44px;--fl-ctl:34px;--fl-pad-cell:14px;
--fl-bg:var(--bg-canvas);--fl-sheet:var(--bg-surface);--fl-raised:var(--bg-raised);--fl-hover:var(--bg-raised);--fl-sunken:var(--bg-inset);
--fl-border:var(--border);--fl-border-strong:var(--border-strong);--fl-text:var(--text-primary);--fl-text-2:var(--text-secondary);--fl-text-3:var(--text-tertiary);
--fl-crit:var(--bad-text);--fl-crit-bg:var(--bad-bg);--fl-warn:var(--warn-text);--fl-warn-bg:var(--warn-bg);--fl-ok:var(--ok-text);--fl-ok-bg:var(--ok-bg);
--fl-info:var(--accent);--fl-info-bg:var(--accent-soft);--fl-muted-chip:var(--text-secondary);--fl-muted-chip-bg:var(--bg-raised);--fl-float-bg:var(--bg-surface);
--fl-accent:var(--accent);--fl-on-accent:var(--ui-primary-text);--fl-accent-soft:var(--accent-soft);--fl-grid:var(--border);--fl-shadow-xs:var(--shadow-xs);--fl-shadow-card:var(--shadow-xs);--fl-pop-shadow:var(--shadow-lg)
}
body.density-compact{--fl-row:34px;--fl-ctl:30px;--fl-pad-cell:10px}
.sam-page{font:400 var(--fl-t-13)/1.45 var(--fl-font);color:var(--fl-text);gap:16px}
.sam-page b,.sam-page strong{font-weight:600}.sam-page code,.sam-page time,.sam-page .sam-kpi strong{font-family:var(--fl-mono);font-variant-numeric:tabular-nums}
.sam-head{padding:0;border:0;background:none;align-items:flex-start}.sam-head>div:first-child>span{font-size:var(--fl-t-11);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fl-text-3)}
.sam-head h1{font-size:var(--fl-t-20);font-weight:600;letter-spacing:-.02em;color:var(--fl-text);margin:2px 0 0}.sam-head p{font-size:var(--fl-t-13);color:var(--fl-text-2);margin:3px 0 0}
.sam-source{height:var(--fl-ctl);padding:0 8px 0 10px;border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-sheet);box-shadow:none;gap:8px}.sam-source>i{width:7px;height:7px;background:var(--fl-ok)}.sam-source b{font-size:var(--fl-t-12);font-weight:500}.sam-source small{font-size:var(--fl-t-11);color:var(--fl-text-3)}
.sam-btn{height:var(--fl-ctl);padding:0 12px;border:1px solid var(--fl-border-strong);border-radius:var(--fl-r-md);background:var(--fl-sheet);color:var(--fl-text);font-size:var(--fl-t-13);font-weight:500;box-shadow:var(--fl-shadow-xs)}.sam-btn:hover{background:var(--fl-hover)}.sam-btn.sam-action-primary,.sam-route-sync{background:var(--fl-accent);border-color:var(--fl-accent);color:var(--fl-on-accent)}
.sam-tabs-main{gap:0;border-bottom:1px solid var(--fl-border);overflow-x:auto}.sam-tabs-main button{height:38px;padding:0 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--fl-text-2);font-size:var(--fl-t-13);font-weight:500;white-space:nowrap}.sam-tabs-main button:hover{background:var(--fl-hover);color:var(--fl-text)}.sam-tabs-main button.active{background:transparent;border-bottom-color:var(--fl-accent);color:var(--fl-accent);box-shadow:none}
.sam-subtabs{display:flex;gap:0;border-bottom:1px solid var(--fl-border);margin:0 0 12px}.sam-subtabs button{height:34px;padding:0 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--fl-text-2);font-size:var(--fl-t-12);font-weight:500}.sam-subtabs button.active{background:transparent;border-color:var(--fl-accent);color:var(--fl-accent)}
.sam-search{height:var(--fl-ctl);border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-raised);padding:0 10px;box-shadow:none}.sam-search:focus-within{border-color:var(--fl-accent);box-shadow:0 0 0 3px var(--accent-ring)}.sam-search input{font-size:var(--fl-t-13);color:var(--fl-text)}.sam-contextfilters label{font-size:var(--fl-t-11);font-weight:500;color:var(--fl-text-2);gap:4px}
.sam-contextfilters select,.sam-media-controls select,.sam-viewbar select{height:var(--fl-ctl);border:1px solid var(--fl-border-strong);border-radius:var(--fl-r-md);background:var(--fl-sheet);color:var(--fl-text);font-size:var(--fl-t-13);padding:0 10px}
.sam-kpis,.sam-kpis-focus,.sam-kpis-rich{gap:12px}.sam-kpi{position:relative;min-height:104px;padding:14px 16px;border:1px solid var(--fl-border);border-radius:var(--fl-r-lg);background:var(--fl-sheet);box-shadow:var(--fl-shadow-card);overflow:hidden;text-align:left}
.sam-kpi:before{content:"";position:absolute;left:16px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--fl-text-3)}.sam-kpi.sam-green:before{background:var(--fl-ok)}.sam-kpi.sam-amber:before{background:var(--fl-warn)}.sam-kpi.sam-red:before{background:var(--fl-crit)}.sam-kpi.sam-blue:before,.sam-kpi.sam-cyan:before,.sam-kpi.sam-violet:before{background:var(--fl-info)}
.sam-kpi span{padding-left:14px;font-size:var(--fl-t-12);font-weight:500;letter-spacing:0;text-transform:none;color:var(--fl-text-2)}.sam-kpi strong{display:block;margin-top:10px;font-size:var(--fl-t-28);font-weight:500;line-height:1;color:var(--fl-text)!important;letter-spacing:-.04em}.sam-kpi small{display:block;margin-top:auto;padding-top:8px;font-size:var(--fl-t-12);color:var(--fl-text-3)}.sam-kpi:hover{background:var(--fl-hover);border-color:var(--fl-border-strong)}.sam-kpi.selected{background:var(--fl-accent-soft);border-color:var(--fl-accent);outline:2px solid var(--accent-ring);outline-offset:0}
.sam-panel{border:1px solid var(--fl-border);border-radius:var(--fl-r-lg);background:var(--fl-sheet);box-shadow:var(--fl-shadow-card);overflow:hidden}.sam-panel>header{min-height:56px;padding:12px 16px;border-bottom:1px solid var(--fl-border);background:var(--fl-sheet)}.sam-panel>header h3{font-size:var(--fl-t-16);font-weight:600;color:var(--fl-text);margin:0}.sam-panel>header p{font-size:var(--fl-t-12);color:var(--fl-text-3);margin:2px 0 0}.sam-panel>header>span,.sam-panel>header .sam-actions>span{font-size:var(--fl-t-12);color:var(--fl-text-3)}
.sam-tablewrap{background:var(--fl-sheet)}.sam-tablewrap table{font-size:var(--fl-t-13)}.sam-tablewrap th{height:36px;padding:0 var(--fl-pad-cell);background:var(--fl-raised);border-bottom:1px solid var(--fl-border);color:var(--fl-text-2);font-size:var(--fl-t-12);font-weight:500;letter-spacing:0;text-transform:none}.sam-tablewrap td{height:var(--fl-row);padding:7px var(--fl-pad-cell);border-bottom:1px solid var(--fl-border);background:var(--fl-sheet);color:var(--fl-text);font-size:var(--fl-t-13)}.sam-tablewrap tbody tr:hover td{background:var(--fl-hover)}.sam-tablewrap td b{font-weight:600}.sam-tablewrap td small{font-size:var(--fl-t-12);color:var(--fl-text-3)}
.sam-pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--fl-r-full);font-size:var(--fl-t-12);font-weight:500!important;white-space:nowrap;border:0}.sam-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.sam-pill.good{background:var(--fl-ok-bg);color:var(--fl-ok)}.sam-pill.warn{background:var(--fl-warn-bg);color:var(--fl-warn)}.sam-pill.bad{background:var(--fl-crit-bg);color:var(--fl-crit)}.sam-pill.neutral{background:var(--fl-muted-chip-bg);color:var(--fl-muted-chip)}
.sam-mini-kpis,.sam-fuel-kpis,.sam-health-grid,.sam-media-summary{gap:10px}.sam-mini-kpis>div,.sam-fuel-kpis>div,.sam-health-grid article,.sam-media-summary>div,.sam-snapshot>div{border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-raised);padding:10px 12px;box-shadow:none}.sam-mini-kpis span,.sam-fuel-kpis span,.sam-health-grid span,.sam-media-summary span,.sam-snapshot span{font-size:var(--fl-t-11);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--fl-text-3)}.sam-mini-kpis b,.sam-fuel-kpis b,.sam-health-grid b,.sam-media-summary b,.sam-snapshot b{font-family:var(--fl-mono);font-size:var(--fl-t-20);font-weight:500;color:var(--fl-text)}
.sam-segment{height:var(--fl-ctl);border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-raised);padding:2px}.sam-segment button{height:28px;border:0;border-radius:6px;padding:0 10px;color:var(--fl-text-2);font-size:var(--fl-t-12);font-weight:500}.sam-segment button.active{background:var(--fl-sheet);color:var(--fl-text);box-shadow:var(--fl-shadow-xs)}
.sam-drawer-overlay{background:var(--scrim,rgba(0,0,0,.35))}.sam-drawer{width:min(440px,calc(100vw - 16px));background:var(--fl-float-bg);border:0;border-radius:var(--fl-r-xl) 0 0 var(--fl-r-xl);box-shadow:var(--fl-pop-shadow);padding:0}.sam-drawer>header{padding:16px;border-bottom:1px solid var(--fl-border)}.sam-drawer h2{font-size:var(--fl-t-16);font-weight:600;color:var(--fl-text)}.sam-drawer header p{font-size:var(--fl-t-12);color:var(--fl-text-3)}.sam-drawer>section{padding:16px;border-bottom:1px solid var(--fl-border)}.sam-drawer>section h3{font-size:var(--fl-t-12);font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--fl-text-2)}
.sam-drawer-kpis{grid-template-columns:repeat(2,1fr);gap:1px;background:var(--fl-border);border:1px solid var(--fl-border);border-radius:var(--fl-r-md);overflow:hidden}.sam-drawer-kpis>div{background:var(--fl-float-bg);border:0;border-radius:0;padding:10px 12px}.sam-drawer-kpis span{font-size:var(--fl-t-11);color:var(--fl-text-3)}.sam-drawer-kpis b{font-size:var(--fl-t-13);font-weight:500}.sam-detail-grid{grid-template-columns:120px minmax(0,1fr);font-size:var(--fl-t-13);gap:8px 12px}.sam-detail-grid span{font-size:var(--fl-t-12);color:var(--fl-text-3)}.sam-detail-grid b,.sam-detail-grid code{font-size:var(--fl-t-13);font-weight:500;color:var(--fl-text)}.sam-drawer footer{padding:12px 16px;border-top:1px solid var(--fl-border);background:var(--fl-raised)}
.sam-event-card{padding:12px 14px;border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-sheet);box-shadow:none}.sam-event-card:hover{background:var(--fl-hover)}.sam-event-icon{background:var(--fl-warn-bg);color:var(--fl-warn);font-size:var(--fl-t-14);font-weight:600}.sam-event-body b{font-size:var(--fl-t-13);font-weight:600}.sam-event-body p{font-size:var(--fl-t-13);color:var(--fl-text-2)}.sam-event-body small,.sam-review-note{font-size:var(--fl-t-12);color:var(--fl-text-3)}
.sam-library-card{border:1px solid var(--fl-border);border-radius:var(--fl-r-lg);background:var(--fl-sheet);box-shadow:var(--fl-shadow-card)}.sam-library-meta{padding:10px 12px}.sam-library-meta b{font-size:var(--fl-t-13);font-weight:600}.sam-library-meta span,.sam-library-meta small{font-size:var(--fl-t-12);color:var(--fl-text-3)}.sam-media-tags span{height:22px;padding:0 8px;display:inline-flex;align-items:center;border:0;border-radius:var(--fl-r-full);background:var(--fl-muted-chip-bg);color:var(--fl-muted-chip);font-size:var(--fl-t-12)}
.sam-loading,.sam-empty{font-size:var(--fl-t-13);color:var(--fl-text-2)}.sam-errorbox{border:1px solid var(--bad-line);border-radius:var(--fl-r-md);background:var(--fl-crit-bg);color:var(--fl-crit);padding:12px 14px}
.sam-v4-clickable{cursor:pointer}.sam-v4-clickable:hover td{background:var(--fl-hover)}.sam-v4-work{display:flex;flex-direction:column;gap:8px}.sam-v4-work article{padding:10px 12px;border:1px solid var(--fl-border);border-radius:var(--fl-r-md);background:var(--fl-raised)}.sam-v4-work article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.sam-v4-work p{margin:5px 0 3px;color:var(--fl-text-2);font-size:var(--fl-t-13)}.sam-v4-work small,.sam-v4-clear small,.sam-v4-muted{color:var(--fl-text-3);font-size:var(--fl-t-12)}.sam-v4-clear{display:flex;align-items:center;gap:10px}
@media(max-width:860px){.sam-kpis-focus{grid-template-columns:repeat(2,minmax(0,1fr))}.sam-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.sam-page{gap:12px}.sam-drawer{top:auto;left:0;right:0;bottom:0;width:100%;height:86%;border-radius:var(--fl-r-xl) var(--fl-r-xl) 0 0}.sam-library-grid{grid-template-columns:1fr}}