/* Consistent work surfaces for every workspace view and detail dialog. */
[hidden]{display:none!important}
.view>.section-head{align-items:center;min-height:36px;margin-bottom:18px}
.section-head h2{font-size:15px;font-weight:650;letter-spacing:0}
.section-head .inline-actions{justify-content:flex-end}
.card.table-card,.card.unified-inbox-card{padding:0}
.card.form-card{align-content:start;align-items:start}
.form-card>label{width:100%}.form-card .input,.form-card .select{height:42px}
.form-card h3{padding-bottom:12px;border-bottom:1px solid var(--border);width:100%}
.form-card p{margin:0;line-height:1.7;font-size:12px;color:var(--muted)}
.btn,.input,.select,.textarea{border-radius:7px}
.btn{font-weight:550;min-height:36px}.btn.small{min-height:30px}
.btn:focus-visible,summary:focus-visible,a:focus-visible,.table-wrap:focus-visible{outline:3px solid #8bb5ff;outline-offset:3px}
.input:focus,.select:focus,.textarea:focus{border-color:#6a98df;box-shadow:0 0 0 3px #e9f1ff}
.table-card{border-radius:10px}.table-wrap{scrollbar-width:thin;scrollbar-color:#bcc6d3 transparent;scroll-padding:16px}
.table-wrap table{font-variant-numeric:tabular-nums}.table-wrap th{font-size:11px;font-weight:550;background:#f7f9fc;padding:12px}
.table-wrap td{padding:14px 12px;line-height:1.55}.table-wrap td .subtext{font-size:11px}
.table-wrap.with-actions tr>:last-child{position:sticky;right:0;background:#fff;box-shadow:-1px 0 0 var(--border);z-index:1}
.table-wrap.with-actions thead tr>:last-child{background:#f7f9fc;z-index:3}
.table-wrap.with-actions tr:hover>:last-child{background:#f7faff}
.table-wrap .inline-actions{gap:5px}.table-wrap td.wrap-cell{min-width:130px}
.crm-toolbar,.ops-toolbar,.unified-inbox-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:14px;align-items:center}
.crm-toolbar>.search-wrap,.ops-toolbar>.search-wrap,.unified-inbox-toolbar>.search-wrap{flex:1 1 260px;min-width:210px;display:flex;align-items:center;gap:8px}
.crm-toolbar>.select,.ops-toolbar>.select,.unified-inbox-toolbar>.select{width:auto;flex:0 1 150px;min-width:120px}
.crm-toolbar .search-wrap .input,.ops-toolbar .search-wrap .input{min-width:120px}
#clear-crm-selection{white-space:nowrap}
.crm-kpis:not(#analytics-kpis){display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--border);border-radius:9px;background:#fff;overflow:hidden;margin-bottom:18px}
.crm-kpis:not(#analytics-kpis)>.crm-kpi{flex:1 1 108px;box-shadow:none;border:0;border-right:1px solid #edf0f4;border-radius:0;padding:13px 16px;min-width:0}
.crm-kpis:not(#analytics-kpis) .k{font-size:11px;line-height:1.5}.crm-kpis:not(#analytics-kpis) .v{font-size:23px;font-weight:600;margin-top:7px}
#inbox-kpis>.crm-kpi{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1 1 170px;padding:9px 14px;border-bottom:1px solid #edf0f4}
#inbox-kpis .v{font-size:18px;margin:0}.inbox-kpis .k{font-size:11px}
#inbox-safety{font-size:11px;padding:9px 12px}.unified-inbox{grid-template-columns:minmax(260px,.75fr) minmax(0,1.5fr);min-height:540px}
.inbox-list{max-height:720px}.inbox-detail{min-width:0}.inbox-ops-grid{gap:8px}
.notice{border-radius:7px;line-height:1.65}.notice.neutral{background:#f3f6fa;color:#526073}
.notice.warn,.notice.danger{border-left:3px solid currentColor}
.action-menu{position:relative}.action-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px}
.action-menu>summary::-webkit-details-marker{display:none}.action-menu>summary:after{content:'⌄';font-size:14px}
.action-menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:210px;padding:6px;background:#fff;border:1px solid var(--border);border-radius:9px;box-shadow:0 12px 34px #16253b20;display:grid;gap:2px}
.action-menu-panel>.btn{justify-content:flex-start;text-align:left;background:#fff;border:0;width:100%;padding:10px 12px}
.action-menu-panel>.btn:hover{background:#f0f5fc}.compact-help{margin-bottom:18px}.compact-help p{font-size:12px;line-height:1.7}
.connection-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;margin:0;padding:3px}
.connection-steps li{display:grid;gap:5px}.connection-steps strong{font-weight:650;color:var(--text)}
.accounts-grid{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}.account-card,.template-card,.campaign-row{border-radius:10px;box-shadow:none}
.account-card.active{border-color:#90b1e7;box-shadow:inset 0 3px #316ac1}.account-actions{padding-top:14px;border-top:1px solid var(--border)}
.account-actions .btn{flex:1 1 110px}.account-name,.campaign-title{font-weight:650}
.template-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.template-body{background:#f7f9fc;font-size:13px;padding:14px;border-radius:6px;min-height:140px;line-height:1.85}
.template-footer{font-size:11px}.campaign-row{padding:20px}.campaign-grid{padding:16px 0;border-bottom:1px solid var(--border);margin-top:8px}
.campaign-actions{padding-top:3px}.mini-panel{border-radius:6px;background:#f5f7fb}.mini-label{font-size:11px}.mini-value{font-weight:600}
.settings-tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--border);margin-bottom:22px}
.settings-tab{flex-shrink:0;background:transparent;border:0;border-bottom:3px solid transparent;padding:13px 16px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer}
.settings-tab[aria-selected=true]{border-color:#316ac1;color:#2157a4;font-weight:650}.settings-tab:focus-visible{outline:2px solid #6a98df;outline-offset:-3px}
.settings-grid{align-items:start}.settings-grid>.form-card:only-child{max-width:850px;grid-column:1/-1}
.settings-footer{position:sticky;bottom:0;background:#f6f8fbee;border-top:1px solid var(--border);padding:15px 0;margin-top:24px;display:flex;justify-content:flex-end;z-index:5;backdrop-filter:blur(8px)}
.history-grid{grid-template-columns:minmax(0,1fr)}.history-grid .table-wrap{max-height:520px}
#view-operations .ops-callout{font-size:12px;margin-bottom:18px}.ops-check-grid{margin:18px 0}
#shipment-tracking-tools{margin-top:20px}#shipment-tracking-tools .browser-tracking-panel{border:0;margin:0;box-shadow:none;padding:4px 0 12px}
.dialog-open{overflow:hidden}.modal-backdrop{background:#1a294a60;backdrop-filter:blur(2px);padding:24px}
.modal{border-radius:12px;padding:24px;width:min(740px,100%);max-height:calc(100dvh - 48px);overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 24px 90px #0c1f4a35}
.modal.wide{width:min(1040px,100%)}.modal h2{font-size:20px;font-weight:650;margin:0;letter-spacing:-.02em}
.modal h3{font-size:14px;font-weight:650}.modal-head{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border);margin-bottom:16px}
.modal-head .subtext{max-width:700px;line-height:1.7;font-size:12px;margin-top:8px}.modal-head>[data-close]{flex-shrink:0}
.modal label{font-size:12px;font-weight:550;display:grid;gap:7px;align-content:start;min-width:0}
.modal label:has(>input[type=checkbox]),.modal label:has(>input[type=radio]){display:flex;align-items:center;gap:8px}
.modal label:has(>input[required])::after,.modal label:has(>select[required])::after{content:none}
.modal-grid{gap:18px;margin-top:18px;align-items:start}.modal .input,.modal .select{min-height:42px;font-size:13px}.modal textarea{font-size:13px;line-height:1.7}
.modal-actions{border-top:1px solid var(--border);padding-top:16px;margin-top:24px;align-items:center}
.modal-actions .btn{min-height:38px}.modal .notice{margin-top:12px}.modal .inline-form{padding:14px;background:#f7f9fc;border-radius:8px}
.modal .contact-profile{grid-template-columns:210px minmax(0,1fr)}.modal .profile-stat .n{font-weight:600}.modal .timeline-message{font-size:12px}
.modal .table-wrap{border:1px solid var(--border);border-radius:8px;margin-top:12px}.approval-dialog{border-radius:12px}
@media(max-width:1000px){.connection-steps{gap:10px}.unified-inbox{grid-template-columns:280px minmax(0,1fr)}.settings-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.view>.section-head{align-items:flex-start;gap:12px}.section-head>.inline-actions{justify-content:flex-start;width:100%}.section-head .btn{min-height:40px}.crm-kpis:not(#analytics-kpis)>.crm-kpi{flex-basis:30%;padding:12px}.crm-toolbar>.search-wrap,.ops-toolbar>.search-wrap,.unified-inbox-toolbar>.search-wrap{flex-basis:100%;min-width:0}.crm-toolbar>.select,.ops-toolbar>.select,.unified-inbox-toolbar>.select{flex:1 1 130px}.unified-inbox{grid-template-columns:1fr}.inbox-list{max-height:300px}.connection-steps{grid-template-columns:1fr}.accounts-grid,.template-grid{grid-template-columns:1fr}.settings-tab{padding:12px}.modal-backdrop{padding:10px}.modal,.modal.wide{padding:18px;max-height:calc(100dvh - 20px);border-radius:10px}.modal-grid.two,.modal-grid.three,.modal .contact-profile,.collab-detail-grid{grid-template-columns:1fr}.modal .span-two{grid-column:auto}.modal .profile-side{border-right:0;border-bottom:1px solid var(--border);padding:0 0 16px}.modal-actions>.btn{flex:1 1 auto}.action-menu-panel{left:0;right:auto}.table-wrap th,.table-wrap td{padding:12px 10px}.btn.small{min-height:34px}}
.crm-kpis#inbox-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.crm-kpis#inbox-kpis>.crm-kpi{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px 13px;border-bottom:1px solid #edf0f4}
.crm-kpis#inbox-kpis .k{font-size:11px;white-space:nowrap}.crm-kpis#inbox-kpis .v{font-size:18px;margin:0}
.inbox-ops-grid{align-items:start}.inbox-ops-grid label{align-content:start}.inbox-ops-grid .select,.inbox-ops-grid .input{height:40px}
@media(max-width:1000px){.crm-kpis#inbox-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.crm-kpis#inbox-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.form-section{border:0;padding:0;margin:24px 0;min-width:0}.form-section legend{width:100%;padding:0 0 9px;border-bottom:1px solid var(--border);font-size:13px;font-weight:650;color:#52647e}.form-section .modal-grid{margin-top:14px}.modal .span-two{grid-column:1/-1}.modal-head{position:sticky;top:-24px;background:#fff;z-index:6;padding-top:12px}.modal form>.modal-actions:last-child{position:sticky;bottom:-24px;background:#fff;z-index:5;padding-bottom:16px;margin-bottom:-8px;box-shadow:0 -8px 16px #fff}
@media(max-width:720px){.modal-head{top:-18px}.modal form>.modal-actions:last-child{bottom:-18px}}
.unsaved-prompt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(450px,calc(100vw - 40px));padding:24px;background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 0 0 100vmax #15243d60,0 24px 80px #172b5030;z-index:9}.unsaved-prompt h2{margin:0;font-size:18px}.unsaved-prompt p{font-size:13px;line-height:1.7;color:var(--muted)}.unsaved-prompt .modal-actions{margin-top:18px}
.mobile-view-select{display:none}
@media(max-width:720px){.sidebar{display:flex;align-items:center;gap:14px;padding:12px 16px}.sidebar .brand-block{flex:0 0 auto}.sidebar .nav{display:none}.sidebar .mobile-view-select{display:block;flex:1;min-width:0;width:100%;height:38px;min-height:38px;padding:8px}.crm-kpis:not(#analytics-kpis),.crm-kpis#inbox-kpis{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%}.crm-kpis:not(#analytics-kpis)>.crm-kpi,.crm-kpis#inbox-kpis>.crm-kpi{flex:0 0 125px;min-width:125px;display:block;padding:12px 14px;border-bottom:0}.crm-kpis#inbox-kpis .v{margin-top:6px;font-size:22px}.crm-kpis#inbox-kpis .k{white-space:normal}.view>.section-head .inline-actions{gap:6px}.topbar .top-actions{display:flex;flex-wrap:wrap;gap:6px}.top-actions .btn{min-height:34px}.top-actions>.user-menu{flex:1}.top-actions>#global-account-switch{flex:1 1 48%}.top-actions>#approval-top-btn,.top-actions>#refresh-btn{flex:0 1 auto}.topbar{margin-bottom:18px}}
#shipment-tracking-status{margin-left:14px;font-size:11px;font-weight:500;color:var(--muted)}