:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #10233f; background: #eef3f9; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
html { -webkit-text-size-adjust: 100%; }
button, input, select, textarea { font: inherit; }
#productImageHoverPreview{position:fixed;z-index:9999;display:none;padding:7px;background:#fff;border:1px solid #dfe7ef;border-radius:12px;box-shadow:0 14px 34px rgba(16,35,63,.2);pointer-events:none}
#productImageHoverPreview img{display:block;width:170px;height:170px;object-fit:contain;border-radius:8px;background:#f4f7fa}
[data-hover-barcode]{cursor:default}
button { cursor: pointer; }
.hidden { display: none !important; }
/* Desktop safety guard: mobile-only controls stay hidden until the mobile
   stylesheet explicitly enables them inside its <=760px breakpoint. */
.concept-header-btn,
.concept-header-actions,
.mobile-row-menu,
.concept-warehouse-tabs,
.concept-warehouse-task-actions { display: none; }
.overlay { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; background: #0d2a4d; padding: 24px; }
.loader-card, .login-card { width: min(430px, 100%); background: white; border-radius: 22px; padding: 34px; box-shadow: 0 28px 80px rgba(0,0,0,.25); }
.loader-card { display: flex; flex-direction: column; align-items: center; gap: 13px; text-align: center; }
.spinner { width: 38px; height: 38px; border: 4px solid #dce6f1; border-top-color: #16a085; border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.brand-mark { width: 52px; height: 52px; display: grid; place-items: center; background: #ffd400; color: #0f2d50; border-radius: 15px; font-weight: 900; font-size: 26px; }
.login-card h1 { margin: 18px 0 5px; }
.login-card p { margin: 0 0 24px; color: #66758a; }
label { display: grid; gap: 7px; font-weight: 650; font-size: 14px; }
input, select, textarea { width: 100%; border: 1px solid #ccd8e5; border-radius: 10px; padding: 11px 12px; background: white; color: #10233f; outline: none; }
input:focus, select:focus, textarea:focus { border-color: #16a085; box-shadow: 0 0 0 3px rgba(22,160,133,.12); }
button { border: 0; border-radius: 10px; padding: 11px 16px; background: #16a085; color: white; font-weight: 750; }
button:hover { filter: brightness(.96); }
button.ghost { background: #edf3f8; color: #30465f; }
.app { min-height: 100vh; display: grid; grid-template-columns: 260px minmax(0, 1fr); }
.mobile-menu-btn, .mobile-nav-backdrop { display: none; }
.sidebar { position: sticky; top: 0; height: 100vh; background: #0f2d50; color: white; display: flex; flex-direction: column; padding: 26px 0 20px; }
.sidebar-brand { padding: 0 26px 26px; color: #ffd400; font-size: 14px; font-weight: 900; letter-spacing: .08em; line-height: 1.35; }
.sidebar-nav { display: grid; }
.nav-item { position: relative; background: transparent; color: #d6e0ec; border-radius: 0; text-align: left; padding: 18px 26px; font-size: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }
.nav-item:hover { background: rgba(255,255,255,.06); }
.nav-item.active { background: #ffd400; color: #0f2d50; }
.nav-item.active::after { content: ""; position: absolute; top: 0; right: -24px; border-top: 29px solid transparent; border-bottom: 29px solid transparent; border-left: 24px solid #ffd400; z-index: 2; }
.sidebar-footer { margin-top: auto; padding: 20px 24px 0; display: grid; gap: 10px; border-top: 1px solid rgba(255,255,255,.12); }
.sidebar-footer-row { display:flex; align-items:center; gap:8px; }
.sidebar-chat-button { position:relative; display:flex; align-items:center; gap:7px; padding:6px 9px; background:rgba(255,255,255,.1); color:#fff; font-size:12px; }
.sidebar-chat-button:hover { background:rgba(255,255,255,.18); }
.sidebar-chat-mark { width:21px; height:21px; display:grid; place-items:center; border-radius:7px; background:#ffd400; color:#0f2d50; font-weight:900; }
.sidebar-chat-unread { position:absolute; top:-9px; right:-9px; min-width:20px; height:20px; padding:0 5px; display:grid; place-items:center; border-radius:999px; background:#e0524d; color:#fff; border:2px solid #0f2d50; font-size:10px; font-weight:900; }
.sidebar-user-button { background: rgba(255,255,255,.1); color: white; text-align: left; }
.badge { width: max-content; background: #375575; border-radius: 999px; padding: 6px 10px; font-size: 12px; }
.badge.online { background: #16856f; }
.badge.offline { background: #a53f3f; }
.workspace { min-width: 0; }
.topbar { min-height: 118px; display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 34px; background: white; border-bottom: 1px solid #dfe7ef; }
.topbar h1 { margin: 2px 0 5px; font-size: 27px; }
.topbar p { margin: 0; color: #748399; }
.eyebrow { color: #16a085 !important; font-weight: 900; letter-spacing: .1em; font-size: 12px; }
.currency-filter { width: 190px; color: #5f7086; }
.main-content { padding: 28px 34px 40px; max-width: 1600px; margin: auto; }
.page-section { display: none; }
.page-section.active { display: block; }
.summary-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.summary-card { background: white; border-radius: 16px; padding: 22px; box-shadow: 0 9px 28px rgba(34,58,85,.08); border-top: 4px solid #7d8da1; }
.summary-card span { color: #718096; font-size: 14px; }
.summary-card strong { display: block; font-size: 27px; margin-top: 8px; }
.summary-card.income { border-color: #16a085; }
.summary-card.expense { border-color: #d95b56; }
.summary-card.profit { border-color: #386cb0; }
.overview-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 18px; margin-top: 18px; }
.entry-layout { display: grid; grid-template-columns: 1fr; gap: 18px; align-items: start; }
.panel { background: white; border-radius: 16px; padding: 22px; box-shadow: 0 9px 28px rgba(34,58,85,.08); }
.panel-title { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 21px; }
.panel-title h2 { margin: 0; font-size: 19px; }
.panel-title p { margin: 4px 0 0; color: #748399; font-size: 13px; }
.transaction-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; align-items: end; }
.transaction-form .form-actions { grid-column: 1 / -1; }
.form-panel, .transaction-form, .transaction-form label,
.transaction-form input, .transaction-form select {
  position: relative;
  pointer-events: auto !important;
}

@media (max-width: 1050px) {
  .app { grid-template-columns: 210px minmax(0,1fr); }
  .entry-layout, .overview-grid { grid-template-columns: 1fr; }
  .summary-grid { grid-template-columns: 1fr; }
  .analysis-controls { grid-template-columns: 1fr 1fr; }
}
.login-card { display: grid; gap: 13px; }
.login-card h1, .login-card p { margin-bottom: 0; }
.login-error { border-radius: 10px; padding: 10px 12px; background: #fde7e5; color: #9b3531; font-size: 13px; }
.currency-label { padding: 10px 14px; background: #edf3f8; border-radius: 10px; color: #5f7086; }
.records-tools { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center; }
.filter-control { width: 175px; }
.compact-popup-filter {
  min-width: 118px;
  font-weight: 800;
  color: #102f53;
  background-color: #fff;
  border-color: #cfdbe7;
  cursor: pointer;
}
.export-btn { padding: 10px 13px; }
.export-btn.secondary { background: #386cb0; }
.read-only-label { color: #8996a7; font-size: 12px; white-space: nowrap; }
.money-input { font-variant-numeric: tabular-nums; }
@media (max-width: 1250px) {
  .records-title { align-items: flex-start; flex-direction: column; }
  .records-tools { width: 100%; justify-content: flex-start; }
}

.remember-row { display: flex; align-items: center; gap: 9px; font-weight: 600; color: #52657a; }
.remember-row input { width: 17px; height: 17px; margin: 0; }

/* v1.2.0 top toolbar and work tracker */
.topbar { align-items: center; }
.topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 9px; flex-wrap: wrap; }
.global-search-wrap { width:46px; height:46px; display:flex; align-items:center; gap:8px; overflow:hidden; border:1px solid #c8d6e4; background:#12375f; border-radius:12px; padding:0; color:#fff; cursor:pointer; transition:width .18s ease,background .18s ease; }
.global-search-wrap:focus-within { width:240px; padding-right:10px; background:#f8fafc; color:#12375f; }
.global-search-icon { flex:0 0 44px; display:grid; place-items:center; font-size:23px; font-weight:900; }
.global-search-wrap input { width:0; min-width:0; border:0; box-shadow:none; background:transparent; padding:10px 0; opacity:0; transition:opacity .12s ease; }
.global-search-wrap:focus-within input { width:100%; opacity:1; }
.global-search-wrap input:focus { border: 0; box-shadow: none; }
.toolbar-btn { display: inline-flex; align-items: center; gap: 7px; background: #edf3f8; color: #30465f; white-space: nowrap; }
.refresh-icon-btn { width:54px; height:54px; justify-content:center; padding:0; border-radius:14px; background:#386cb0; color:#fff; font-size:27px; font-weight:800; box-shadow:0 5px 14px rgba(56,108,176,.22); }
.refresh-icon-btn:hover { background:#2f5f9e; }
.toolbar-btn.danger { background: #fde7e5; color: #9b3531; }
.user-chip { position:relative; width:68px; height:60px; display:grid; place-items:center; border:1px solid #d5e1ec; background:linear-gradient(135deg,#fff,#f5f9fc); color:#10233f; border-radius:999px; padding:4px; box-shadow:0 4px 12px rgba(18,55,95,.09); }
.user-chip:hover { border-color:#d6a51d; background:#fffaf0; }
.user-avatar { width:56px; height:50px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:linear-gradient(135deg,#d6a51d,#f1c84d); color:#10233f; font-size:18px; font-weight:900; letter-spacing:.025em; background-position:center; background-size:cover; }
.avatar-edit-mark { position:absolute; right:1px; bottom:1px; width:20px; height:20px; display:grid; place-items:center; border:2px solid #fff; border-radius:50%; background:#159b83; color:#fff; font-size:13px; font-weight:900; line-height:1; }
.modal-overlay { position: fixed; inset: 0; z-index: 80; display: grid; place-items: center; background: rgba(9, 30, 53, .58); padding: 24px; }
.settings-card { width: min(470px, 100%); background: white; border-radius: 18px; padding: 26px; box-shadow: 0 28px 80px rgba(0,0,0,.28); display: grid; gap: 16px; }
.team-chat-card { width:min(620px,96vw); height:min(720px,88vh); grid-template-rows:auto minmax(0,1fr) auto auto; }
.team-chat-messages { min-height:260px; overflow-y:auto; display:flex; flex-direction:column; gap:10px; padding:12px; border:1px solid #dce5ee; border-radius:13px; background:#f5f8fc; }
.team-chat-message { max-width:82%; padding:10px 12px; border-radius:13px 13px 13px 3px; background:#fff; box-shadow:0 2px 8px rgba(34,58,85,.08); }
.team-chat-message.mine { align-self:flex-end; border-radius:13px 13px 3px 13px; background:#e2f5ef; }
.team-chat-meta { display:flex; justify-content:space-between; gap:16px; margin-bottom:4px; color:#718096; font-size:11px; }
.team-chat-meta strong { color:#12355b; }
.team-chat-text { white-space:pre-wrap; overflow-wrap:anywhere; font-size:14px; }
.team-chat-form { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:end; }
.team-chat-form textarea { width:100%; resize:none; border:1px solid #ccd8e5; border-radius:10px; padding:11px 12px; color:#10233f; outline:none; font:inherit; }
.team-chat-form textarea:focus { border-color:#16a085; box-shadow:0 0 0 3px rgba(22,160,133,.12); }
.team-chat-empty { text-align:center; color:#718096; font-size:13px; }
.settings-head { display: flex; justify-content: space-between; align-items: flex-start; }
.settings-head h2 { margin: 2px 0 0; }
.icon-only { width: 38px; height: 38px; padding: 0; display: grid; place-items: center; font-size: 22px; }
.warehouse-note-history { max-height: 220px; overflow-y: auto; display: flex; flex-direction: column; gap: 0; border: 1px solid #e1e7ee; border-radius: 10px; }
.warehouse-note-entry { padding: 10px 12px; border-bottom: 1px dashed #d7dee7; }
.warehouse-note-entry:last-child { border-bottom: none; }
.warehouse-note-entry .note-meta { display: flex; justify-content: space-between; gap: 10px; font-size: 11px; color: #6b7a90; margin-bottom: 4px; }
.warehouse-note-entry .note-author { font-weight: 600; color: #12355b; }
.warehouse-note-entry .note-text { font-size: 13px; color: #24364a; white-space: pre-wrap; word-break: break-word; }
.warehouse-note-empty { padding: 12px; font-size: 13px; color: #8592a3; text-align: center; }
.form-row { display: grid; grid-template-columns: 1fr 110px; gap: 10px; }
.form-actions { display: flex; gap: 9px; }
.form-actions button:first-child { flex: 1; }
.records-title { align-items: flex-end; }
.search-box { width: 210px; }
.table-wrap { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; min-width: 800px; }
th { text-align: left; color: #6d7d91; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; padding: 11px 10px; border-bottom: 1px solid #dfe7ef; }
td { padding: 13px 10px; border-bottom: 1px solid #edf1f5; font-size: 14px; vertical-align: middle; }
.amount { font-weight: 800; white-space: nowrap; }
.category-pill { display: inline-block; padding: 5px 8px; border-radius: 999px; font-size: 12px; font-weight: 750; background: #edf3f8; color: #30465f; }
.row-actions { display: flex; gap: 6px; justify-content: flex-end; }
.row-actions button { padding: 7px 9px; font-size: 12px; }
.row-actions .delete { background: #fde7e5; color: #a23f3a; }
.empty { text-align: center; padding: 35px; color: #718096; }
.status { border-radius: 10px; padding: 10px 12px; margin-bottom: 16px; background: #fff2d8; color: #7a5814; }
.compact-list { display: grid; gap: 8px; }
.compact-item { display: grid; grid-template-columns: 90px 1fr auto; gap: 10px; align-items: center; padding: 11px 0; border-bottom: 1px solid #edf1f5; }
.compact-item:last-child { border-bottom: 0; }
.compact-item small { color: #718096; }
.compact-item strong { white-space: nowrap; }
.analysis-controls { display: grid; grid-template-columns: minmax(230px, 1fr) 170px 170px auto; gap: 16px; align-items: end; margin-bottom: 18px; }
.analysis-controls h2 { margin: 0; }
.analysis-controls p { margin: 4px 0 0; color: #748399; }
.analysis-summary { margin-bottom: 18px; }
.category-list { display: grid; gap: 10px; }
.category-breakdown-title { margin: 0 0 12px; font-size: 14px; color: #30465f; }
.period-toggle { display: flex; gap: 8px; }
.period-toggle button.active { background: #12355b; color: #fff; border-color: #12355b; }
.col-actions { width: 1%; }
.jobs-header { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.jobs-header h2 { margin: 0; }
.jobs-header p { margin: 4px 0 0; color: #748399; }
.jobs-header-actions { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.general-history-icon { width:46px; height:46px; padding:0; display:grid; place-items:center; border:1px solid #e0b83f; border-radius:13px; background:linear-gradient(145deg,#f5c94d,#d8a51d); color:#102f53; box-shadow:0 4px 12px rgba(174,127,9,.23); }
.general-history-icon:hover { background:linear-gradient(145deg,#ffd866,#e2ad20); transform:translateY(-1px); }
.general-history-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.job-form-panel { margin-bottom: 18px; }
.job-form-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 15px; align-items: end; }
.job-form-grid textarea { width: 100%; resize: vertical; border: 1px solid #ccd8e5; border-radius: 10px; padding: 11px 12px; color: #10233f; outline: none; font: inherit; }
.job-form-grid textarea:focus { border-color: #16a085; box-shadow: 0 0 0 3px rgba(22,160,133,.12); }
.job-notes { grid-column: span 3; }
.job-actions { grid-column: span 1; }
.general-contact-options { grid-column:span 2; align-self:end; border:1px solid #dce5ee; border-radius:10px; background:#f8fafc; }
.general-contact-options summary { padding:10px 12px; cursor:pointer; color:#52657a; font-size:12px; font-weight:800; list-style:none; }
.general-contact-options summary::-webkit-details-marker { display:none; }
.general-contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 10px 10px; }
.general-contact-grid label { font-size:12px; }
.general-contact-grid input { padding:8px 10px; }
.note-count-badge.unread-note-badge { background:#e0524d; color:#fff; }
.page-unread-badge { display:inline-grid; place-items:center; min-width:22px; height:22px; padding:0 6px; margin-left:5px; border-radius:999px; background:#d6a51d; color:#10233f; font-size:11px; font-weight:900; vertical-align:2px; box-shadow:0 2px 7px rgba(151,111,8,.22); }
.jobs-table-panel { padding-top: 10px; }
.jobs-table { min-width: 1050px; }
.service-pill, .status-pill { display: inline-block; border-radius: 999px; padding: 5px 9px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.service-pill { background: #e8f2ff; color: #2c67aa; }
.status-new { background: #e8f2ff; color: #2c67aa; }
.status-waiting-products, .status-waiting-customer { background: #fff2d8; color: #8a5b00; }
.status-in-progress { background: #fff0df; color: #b65f00; }
.status-ready-dispatch { background: #e6f7f3; color: #08735e; }
.status-completed { background: #dcf4e9; color: #08714f; }
.status-cancelled { background: #fde7e5; color: #a23f3a; }

@media (max-width: 1250px) {
  .topbar { align-items: flex-start; flex-direction: column; }
  .topbar-actions { justify-content: flex-start; width: 100%; }
  .job-form-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .job-notes, .job-actions { grid-column: span 2; }
}


/* v1.3.0 grouped navigation and work tracking */
.nav-group { border-bottom: 1px solid rgba(255,255,255,.10); }
.nav-group-toggle { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; border-radius: 0; background: rgba(255,255,255,.045); color: #ffd400; font-size: 12px; letter-spacing: .09em; font-weight: 900; text-align: left; }
.nav-group-toggle:hover { background: rgba(255,255,255,.08); }
.nav-chevron { transition: transform .2s ease; font-size: 17px; }
.nav-group.open .nav-chevron { transform: rotate(180deg); }
.nav-submenu { display: none; }
.nav-group.open .nav-submenu { display: grid; }
.nav-submenu .nav-item { padding-left: 34px; }
.work-actions { align-items: center; flex-wrap: nowrap; }
.inline-status { width: 155px; padding: 7px 9px; border: 0; border-radius: 999px; font-size: 11px; font-weight: 800; }
.status-assigned { background: #eee9ff; color: #6743a9; }
.status-waiting, .status-waiting-for-customer, .status-waiting-for-internal-team { background: #fff2d8; color: #8a5b00; }
.jobs-table { min-width: 1180px; }


/* Mobile application shell */



/* v1.4.0 Warehouse Tasks and Attendance */
.sidebar { padding-top: 0; background: linear-gradient(180deg,#12375f 0%,#0d2c4f 55%,#081f38 100%); }
.sidebar-brand { min-height: 154px; padding: 24px 18px 18px; display:flex; align-items:center; justify-content:center; border-bottom:1px solid rgba(255,255,255,.11); overflow:visible; }
.sidebar-logo { width: 220px; max-width:100%; height:auto; object-fit:contain; display:block; }
.sidebar-logo-wrapper,.sidebar-app-name,.sidebar-title { display:none !important; }
.nav-item.active::after { display:none; }
.nav-submenu .nav-item.active { background:rgba(255,212,0,.13); color:#ffd400; box-shadow:inset 4px 0 0 #ffd400; }
.warehouse-command-bar { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:18px; padding:14px 18px; }
.warehouse-tabs,.attendance-actions { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.warehouse-tab { background:#edf3f8; color:#30465f; }
.warehouse-tab.active { background:#12375f; color:white; }
.attendance-btn.clock-in { background:#16856f; }
.attendance-btn.clock-out { background:#cf5a53; }
.driver-location-actions { display:flex; gap:9px; align-items:center; flex-wrap:wrap; margin-top:10px; }
#shareLocationBtn[aria-pressed="true"] { background:#16856f; color:#fff; border-color:#16856f; }
.driver-map-card { width:min(720px,92vw); }
.driver-map { width:100%; height:420px; margin-top:12px; border-radius:12px; overflow:hidden; }
#driverLeafletMap { width:100%; height:100%; background:#eef2f5; }
.daily-task-panel,.compact-task-form-panel,.current-tasks-panel,.attendance-manager-panel { margin-bottom:18px; }
.daily-task-form { display:grid; grid-template-columns:minmax(220px,1fr) auto auto; gap:10px; margin-bottom:16px; }
.daily-task-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; }
.daily-task-card { border:1px solid #dce5ee; border-radius:13px; padding:15px; background:#f8fafc; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.daily-task-card strong { font-size:14px; }
.daily-task-card button { padding:8px 11px; }
.compact-task-form { display:grid; grid-template-columns:minmax(250px,2fr) minmax(180px,1fr) minmax(190px,1fr) auto; gap:14px; align-items:end; }
.compact-task-form .form-actions { min-width:200px; }
.warehouse-task-table { min-width:900px; }
.warehouse-task-table tr[draggable="true"] { cursor:grab; }
.warehouse-task-table tr[draggable="true"]:active { cursor:grabbing; }
.warehouse-task-table tr.dragging { opacity:.42; background:#eaf3ff; }
.warehouse-task-table .task-number-column { width:54px; text-align:center; }
.task-sequence-number { display:inline-flex; align-items:center; justify-content:center; min-width:28px; height:28px; padding:0 7px; border-radius:999px; background:#e8f0f7; color:#30465f; font-size:12px; font-weight:900; }
.warehouse-task-table .completed-today-divider td { padding:14px 10px 7px; background:#f4f8fb; color:#526a83; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; border-top:2px solid #dce6ef; }
.warehouse-task-table .finished-task-row { background:#f7fbf9; opacity:.82; }
.days-pill { display:inline-block; padding:6px 9px; border-radius:999px; font-weight:800; font-size:11px; white-space:nowrap; }
.days-today { background:#dcf4e9; color:#08714f; }
.days-soon { background:#fff2d8; color:#8a5b00; }
.days-future { background:#e8f2ff; color:#2c67aa; }
.days-overdue { background:#fde7e5; color:#a23f3a; }
.warehouse-task-description { grid-column:1 / -1; }
.warehouse-task-description textarea { min-height:78px; resize:vertical; }
.task-note { margin-top:5px; color:#718096; font-size:12px; max-width:320px; white-space:pre-wrap; }
.attendance-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.attendance-metric { background:#f5f8fb; border:1px solid #e1e8ef; border-radius:12px; padding:14px; }
.attendance-metric span { display:block; color:#718096; font-size:12px; }
.attendance-metric strong { display:block; margin-top:5px; font-size:20px; }
.attendance-pin-card input { text-align:center; font-size:26px; letter-spacing:12px; }
@media(max-width:1100px){ .warehouse-command-bar{align-items:flex-start;flex-direction:column}.compact-task-form{grid-template-columns:1fr 1fr}.compact-task-form .form-actions{grid-column:span 2}.attendance-summary{grid-template-columns:1fr 1fr} }


/* v1.5.2 usability fixes */
.daily-task-form input, .compact-task-form input, .attendance-employee-select {
  pointer-events: auto !important;
  user-select: text;
  position: relative;
  z-index: 2;
  background: #fff;
}
.compact-task-form { grid-template-columns: minmax(280px,2fr) minmax(190px,1fr) auto; }
.attendance-employee-select { min-width: 170px; }
@media(max-width:1100px){ .compact-task-form{grid-template-columns:1fr 1fr}.compact-task-form .form-actions{grid-column:span 2} }

/* v1.5.3 warehouse workflow refinements */
.attendance-panel { margin-bottom: 18px; }
.warehouse-people-panel{margin-bottom:18px}
.warehouse-people-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e0e8ef;padding-bottom:12px}
.warehouse-people-tabs button{background:#edf3f8;color:#173a59;font-size:18px;font-weight:800;border:0;padding:12px 22px;border-radius:9px}
.warehouse-people-tabs button.active{background:#12385b;color:#fff}
.warehouse-people-panel .attendance-panel{margin-bottom:0;border:0!important}
.driver-start-form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,2fr) minmax(180px,2fr) auto;gap:12px;align-items:end}
.driver-start-form label{min-width:0;font-size:13px;font-weight:700;color:#37536c}
.driver-start-form.single-driver{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto}
.driver-start-form input,.driver-start-form select{width:100%;min-width:0;margin-top:7px}
.driver-start-form button{background:#ffc400;color:#102b46;min-height:44px;white-space:nowrap}
.driver-start-form button:disabled{opacity:1!important;background:#ffc400!important;color:#102b46!important;cursor:not-allowed}
.driver-start-form button[aria-busy="true"]{opacity:.55;cursor:wait}
.driver-start-status{font-size:13px;color:#5c7082;margin:12px 0}
.driver-inline-panel .driver-map{height:340px;border:1px solid #d8e3ea}
.driver-inline-panel .driver-tracking-toolbar{justify-content:flex-end}
.driver-inline-panel .driver-tracking-toolbar select{flex:0 1 230px}
.driver-delivery-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.driver-delivery-actions button{font-size:12px;padding:9px 13px}
.driver-inline-panel .driver-delivery-list{display:block;margin:12px 0}
.driver-history{margin:12px 0 18px;border:1px solid #dce5ed;border-radius:8px;padding:10px}
.driver-history summary{cursor:pointer;font-weight:800;color:#173a59}.driver-history summary span{margin-left:8px;color:#688096}
.driver-record-table{width:100%;min-width:0!important;table-layout:fixed;border-collapse:collapse;font-size:12px}
.driver-record-table th,.driver-record-table td{padding:10px 7px;text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #e1e8ef}
.driver-record-table th{background:#edf3f8;color:#37536c;font-size:11px}.driver-record-table small{display:block;color:#637b8d;margin-top:4px}
.driver-record-table select{width:100%;min-width:0;padding:6px 2px;font-size:11px}.driver-record-table a{display:block;margin-top:4px;font-size:11px;color:#234d70}
.driver-record-table .driver-record-action{padding:5px;font-size:10px;margin-top:5px}
.driver-record-table th:last-child{width:32%}.driver-mobile-view{display:none}.driver-row-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.driver-row-buttons button{margin:0!important;border-radius:999px;white-space:nowrap}.driver-row-buttons .driver-job-type{display:inline-flex;align-items:center;min-height:28px;padding:4px 7px;margin:0;background:#edf3f8;border-radius:999px;color:#38556e;font-size:9px;font-weight:800;white-space:nowrap}.driver-status-badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.driver-status-completed{background:#dcf5e8;color:#14734e}.driver-status-cancelled{background:#fde5e5;color:#ac3434}
@media(max-width:760px){.driver-row-buttons{gap:4px}.driver-row-buttons button{padding:5px 6px!important;font-size:9px!important;min-height:28px}.driver-status-badge{padding:5px 4px;font-size:9px}}
.driver-confirm-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #d6e3ee;border-radius:14px;padding:22px;color:#163a5d;box-shadow:0 18px 60px #102b4655}.driver-confirm-dialog::backdrop{background:#102b4677}.driver-confirm-dialog h3{margin-top:0}.driver-confirm-dialog form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.driver-row-tools td{padding-top:0!important}.driver-row-tools button{padding:6px 11px;font-size:11px;margin-right:6px}.driver-row-tools button:last-child{background:#163f66;color:#fff}.driver-edit-form{padding:12px;background:#edf3f8;border-radius:9px;display:grid;gap:10px}.driver-edit-form label{display:grid;gap:5px}.driver-edit-form button{margin-right:6px}.driver-viewer{padding:14px;border:1px solid #dce5ed;border-radius:14px;background:#f6f9fc}.driver-viewer h3{margin-top:0}.driver-viewer iframe{width:100%;height:100%;border:0;border-radius:12px}.driver-viewer small{color:#64768a;font-size:10px}.driver-destination-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.driver-destination-tools select{max-width:100%;min-width:0}.driver-destination-tools a{font-weight:700;color:#163f66}.driver-viewer #driverDistance{font-size:18px;font-weight:800;color:#143c5e}
@media(max-width:760px){.driver-record-table th,.driver-record-table td{padding:8px 3px;font-size:10px;white-space:normal}.driver-record-table th{font-size:9px}.driver-record-table select{font-size:10px!important;min-height:32px}.driver-record-table th:last-child{width:28%}.driver-record-table small{display:block!important}}
@media(max-width:900px){.driver-start-form,.driver-start-form.single-driver{grid-template-columns:1fr 1fr}.driver-start-form button{align-self:end}.driver-inline-panel .driver-map{height:280px}}
@media(max-width:760px){.warehouse-people-tabs{display:none}.driver-start-form,.driver-start-form.single-driver{grid-template-columns:1fr}.driver-start-form button{width:100%}.warehouse-people-panel{margin-bottom:7px}.concept-warehouse-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.driver-inline-panel .driver-tracking-toolbar{display:flex}.driver-inline-panel .driver-tracking-toolbar select{flex:1;min-width:100px}.driver-inline-panel .driver-map{height:250px}}
.driver-start-form.single-driver{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 125px auto}
.driver-start-form.single-driver.private-job{grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) 120px 135px auto}
.driver-start-form [hidden],.driver-edit-form [hidden]{display:none!important}
.driver-earnings summary{display:flex;gap:12px;align-items:center}.driver-earnings summary span{margin-left:auto;color:#14734e}.driver-earnings>p{font-size:12px;color:#637b8d}.driver-earnings-table th:last-child{width:24%}.driver-earnings-table strong{color:#14734e}.driver-job-type{font-weight:700}
@media(max-width:1100px){.driver-start-form.single-driver,.driver-start-form.single-driver.private-job{grid-template-columns:1fr 1fr}.driver-start-form button{grid-column:1/-1}}
@media(max-width:760px){.driver-start-form.single-driver,.driver-start-form.single-driver.private-job{grid-template-columns:1fr 1fr}.driver-start-form>label:nth-of-type(-n+2){grid-column:1/-1}.driver-earnings-table th,.driver-earnings-table td{padding:8px 4px;font-size:11px}}
.daily-task-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.daily-task-card { min-height:92px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:7px; padding:18px; background:#f6f9fd; color:#10233f; border:1px solid #d7e2ee; text-align:left; }
.daily-task-card strong { font-size:17px; }
.daily-task-card span { color:#16a085; font-size:13px; font-weight:800; }
.urgent-work-section { margin-top:18px; padding-top:16px; border-top:1px solid #e3eaf2; }
.urgent-work-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:10px; }
.urgent-work-heading h3 { margin:0; color:#a23f3a; font-size:16px; }
.urgent-work-heading span { color:#8b5b18; font-size:11px; font-weight:800; text-transform:uppercase; }
.urgent-work-cards { display:grid; gap:8px; }
.urgent-work-card { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 12px; border:1px solid #f0c7c3; border-left:4px solid #d95b56; border-radius:10px; background:#fff7f6; }
.urgent-work-card strong { font-size:13px; }
.urgent-work-card span { color:#a23f3a; font-size:11px; font-weight:800; }
.urgent-work-empty { color:#718096; font-size:13px; padding:8px 0; }

.warehouse-history-card { width:min(1180px,96vw); max-height:88vh; overflow:hidden; }
.warehouse-history-table-wrap { max-height:62vh; overflow:auto; }
.warehouse-history-filters { justify-content:flex-start; margin-bottom:12px; }
.warehouse-history-filters select,.warehouse-history-filters input { width:220px; }
.settings-card textarea { width:100%; resize:vertical; border:1px solid #ccd8e5; border-radius:10px; padding:11px 12px; font:inherit; color:#10233f; }
.team-you-tag { color:#718096; font-size:12px; font-weight:600; }
.page-access-list { display:flex; flex-wrap:wrap; gap:4px 12px; }
.page-access-item { display:flex; align-items:center; gap:5px; font-size:12px; font-weight:500; color:#30465f; white-space:nowrap; cursor:pointer; }
.page-access-item input { margin:0; }
.driver-app-access { padding-left:10px; border-left:1px solid #cbd9e6; font-weight:800; color:#126a57; }
.native-driver-tracking { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:14px; }
.native-driver-tracking h2 { margin:0 0 4px; font-size:17px; }.native-driver-tracking p { margin:0; color:#637b8d; font-size:13px; }
.native-driver-tracking button + button { margin-left:8px; }
@media(max-width:760px){.native-driver-tracking{display:block}.native-driver-tracking>div:last-child{display:flex;margin-top:12px}.native-driver-tracking button{flex:1}.native-driver-tracking button + button{margin-left:8px}}
.settings-team-btn { width:100%; margin-top:-2px; }
.settings-tabs-card { width:min(720px,96vw); max-height:90vh; overflow:auto; }
.settings-tabs { display:flex; flex-wrap:wrap; gap:7px; padding-bottom:12px; border-bottom:1px solid #dce5ee; }
.settings-tabs button { padding:9px 12px; }
.settings-tabs button.active { background:#12375f; color:#fff; }
.settings-tab-panel { display:grid; gap:14px; }
.settings-menu { gap:10px; }
.settings-menu button { width:100%; display:flex; justify-content:space-between; align-items:center; padding:15px 16px; text-align:left; }
.settings-menu button span { font-size:22px; color:#718096; }
.settings-back { width:max-content; padding:7px 10px; }
.settings-tab-panel h3 { margin:0; }
.online-users-list { display:grid; gap:8px; }
.online-user-row { display:flex; align-items:center; gap:10px; padding:11px 12px; border:1px solid #dce5ee; border-radius:10px; }
.online-user-dot { width:10px; height:10px; border-radius:50%; flex:0 0 auto; }
.online-user-dot.is-online { background:#16a085; box-shadow:0 0 0 3px rgba(22,160,133,.12); }
.online-user-dot.is-offline { background:#a7b1bd; }
.online-user-status { margin-left:auto; color:#718096; font-size:12px; font-weight:700; }
#connectionBadge { border:0; }
#connectionBadge.manager-clickable { cursor:pointer; box-shadow:0 0 0 2px rgba(255,255,255,.18); }
#pageSubtitle,
.panel-title p,
.warehouse-command-bar p,
.jobs-header p,
.settings-head p:not(.eyebrow) { display:none; }
.development-notes-card { width:min(850px, 100%); max-height:90vh; overflow:auto; }
.development-note-form { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-bottom:16px; border-bottom:1px solid #dde5ee; }
.development-note-form label:nth-of-type(2), .development-note-form label:nth-of-type(3), .development-note-form .form-actions, .development-note-form .login-error { grid-column:1 / -1; }
.development-notes-list { display:grid; gap:10px; }
.development-note-item { border:1px solid #dce5ef; border-radius:12px; padding:14px; display:grid; gap:8px; }
.development-note-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:#68798d; font-size:12px; }
.development-note-item h3, .development-note-item p { margin:0; }

.compact-development-form { grid-template-columns:1fr; }
.compact-development-form > * { grid-column:1 !important; }
.compact-development-form textarea { min-height:80px; }
.compact-development-form + .development-notes-list { max-height:260px; overflow:auto; margin-top:12px; }
.overview-filter-tools { flex-wrap:wrap; }
.overview-filter-tools select,.overview-filter-tools input { width:170px; }
.attendance-records-filters { justify-content:flex-start; margin-bottom:12px; }
.attendance-records-filters select,.attendance-records-filters input { width:180px; }
.attendance-summary-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:16px; }



/* v1.5.4 warehouse layout */
.warehouse-entry-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr); gap:18px; align-items:stretch; margin-bottom:18px; }
.warehouse-entry-grid > .panel { margin-bottom:0; }
.manual-task-form { display:grid; gap:14px; }
.current-tasks-large { min-height:430px; padding:26px; }
.current-tasks-large .table-wrap { max-height:520px; overflow:auto; }
.attendance-manager-panel { display:none !important; }
.note-action-button { position:relative; padding-right:18px !important; }
.note-count-badge { position:absolute; top:-8px; right:-8px; min-width:20px; height:20px; padding:0 6px; display:grid; place-items:center; border-radius:999px; background:#ffd400; color:#0f2d50; font-size:11px; font-weight:900; box-shadow:0 2px 8px rgba(15,45,80,.22); }
.warehouse-task-table tbody tr:has(.status-completed) { opacity:.76; background:#f6fbf8; }
.warehouse-task-table tbody tr:has(.status-cancelled) { opacity:.68; background:#fff8f7; }
.warehouse-task-table th { padding:9px 10px; }
.warehouse-task-table td { padding:8px 10px; font-size:13px; }
.warehouse-task-table .task-note { margin-top:3px; font-size:11.5px; max-width:280px; }
.warehouse-task-table .row-actions { gap:5px; }
.warehouse-task-table .row-actions button { padding:5px 8px; font-size:11.5px; }
.warehouse-task-table .inline-status { padding:5px 8px; font-size:12px; }
.warehouse-task-table .days-pill { padding:4px 8px; font-size:10.5px; }
@media(max-width:1050px){ .warehouse-entry-grid{grid-template-columns:1fr;} }

/* General Work stays within the panel; notes are opened only from Add Note. */
.general-work-table-wrap { overflow-x:auto; }
.general-work-table { min-width:1120px; table-layout:fixed; }
.general-work-table th:nth-child(1) { width:14%; }
.general-work-table th:nth-child(2) { width:17%; }
.general-work-table th:nth-child(3) { width:13%; }
.general-work-table th:nth-child(4) { width:12%; }
.general-work-table th:nth-child(5) { width:11%; }
.general-work-table th:nth-child(6) { width:33%; }
.general-work-table td { overflow-wrap:anywhere; }
.general-work-table .service-pill { max-width:100%; white-space:normal; line-height:1.25; }
.general-work-table .work-actions { justify-content:flex-start; flex-wrap:wrap; }
.settings-version { padding:10px 4px 0; color:#718096; font-size:12px; text-align:center; }


/* v1.5.5 stability fixes */
.attendance-pin-card input {
  text-align: center;
  font-size: 24px;
  letter-spacing: 10px;
  caret-color: #10233f;
  pointer-events: auto !important;
  user-select: text !important;
}
.attendance-pin-card input::placeholder {
  letter-spacing: normal;
  font-size: 14px;
}
#warehouseTaskName, #warehouseTaskDueDate,
#generalTitle, #generalCustomer, #generalNotes,
#generalAssignedTo, #generalCategory, #generalStatus {
  pointer-events: auto !important;
  user-select: text !important;
}
#generalFormPanel:not(.hidden) {
  display: block !important;
}


/* v1.5.23 performance and input stability */
#warehouseTaskName, #generalTitle, #generalCustomer, #generalNotes,
#attendancePinInput, #attendancePinConfirmInput {
  will-change: auto;
  transform: none !important;
  transition: border-color .12s ease, box-shadow .12s ease !important;
}

/* Note dialogs must stay interactive while realtime work updates arrive. */
#warehouseNoteText, #generalNoteText {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
  user-select: text !important;
  touch-action: manipulation;
  caret-color: #10233f;
}
#whLeadNoteText { position:relative; z-index:1; pointer-events:auto!important; user-select:text!important; caret-color:#10233f; }
.wh-leads-table tr.is-overdue td { background:#fff1f0; border-bottom-color:#f3c4c0; }
.wh-leads-table tr.is-overdue td:first-child { box-shadow:inset 4px 0 0 #d95b56; }
.overdue-label { display:block; margin-top:4px; color:#b13d37; font-size:11px; font-weight:900; text-transform:uppercase; }
#whLeadForm .general-contact-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.export-icon-btn { width:44px; height:44px; flex:0 0 44px; display:grid; place-items:center; padding:0; border-radius:11px; color:#fff; box-shadow:0 4px 11px rgba(15,45,80,.16); }
.export-icon-btn span { display:grid; place-items:center; width:24px; height:27px; border:2px solid currentColor; border-radius:3px; font-size:10px; font-weight:900; line-height:1; letter-spacing:-.03em; }
.excel-export-btn { background:#17864b; }
.excel-export-btn:hover { background:#10713e; }
.excel-export-btn span { font-size:16px; }
.pdf-export-btn { background:#cf3f3a; }
.pdf-export-btn:hover { background:#b8322e; }
#attendancePinInput, #attendancePinConfirmInput {
  font-variant-numeric: tabular-nums;
  ime-mode: disabled;
}
button[disabled] { opacity:.65; cursor:wait; }

/* Brand Performance MVP */
.brand-performance-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:18px; padding:24px 26px; border-radius:18px; color:#fff; background:linear-gradient(120deg,#102f55,#16547a 66%,#188f7a); box-shadow:0 12px 30px rgba(15,45,80,.16); }
.brand-performance-hero h2 { margin:3px 0 5px; font-size:28px; }
.brand-performance-hero > div > p:last-child { margin:0; color:#d8e8f3; }
.brand-performance-hero .eyebrow { color:#ffd400 !important; }
.brand-performance-filters { display:flex; gap:9px; flex-wrap:wrap; justify-content:flex-end; }
.brand-performance-filters select { min-width:155px; border:1px solid rgba(255,255,255,.22); background:#fff; }
.brand-performance-filters input[type="date"] { width:auto; min-width:155px; border:1px solid rgba(255,255,255,.22); background:#fff; }
.brand-api-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px;padding:18px 20px;border:1px solid #dce6ee;border-radius:16px;background:#fff}.brand-api-card h3{margin:2px 0 4px}.brand-api-card p{margin:0;color:#66798b}.brand-api-actions{display:flex;align-items:center;gap:12px}.brand-api-status{padding:7px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}.brand-api-status.is-pending{color:#795d00;background:#fff4c7}.brand-api-status.is-testing{color:#174a73;background:#ddecfa}.brand-api-status.is-connected{color:#086141;background:#dff7ec}.brand-api-status.is-error{color:#9b2635;background:#fde7ea}
.brand-accordion-row{border-bottom:1px solid #e4ebf1}
.brand-accordion-row:last-child{border-bottom:0}
.brand-accordion-btn{display:flex;align-items:center;gap:9px;width:100%;padding:7px 0;background:transparent;text-align:left;cursor:pointer}
.brand-accordion-btn .brand-accordion-rank{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;background:#eef3f8;color:#496078;font-size:10px;font-weight:900}
.brand-accordion-btn.expanded .brand-accordion-rank{background:#12375f;color:#fff}
.brand-accordion-btn .brand-accordion-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#10233f;font-weight:700;font-size:12.5px}
.brand-accordion-btn .brand-accordion-stats{flex:0 0 auto;color:#66798b;font-size:11px;white-space:nowrap}
.brand-accordion-btn .brand-accordion-chevron{flex:0 0 auto;color:#96a5b6;font-size:11px;transition:transform .15s}
.brand-accordion-btn.expanded .brand-accordion-chevron{transform:rotate(180deg);color:#12375f}
.brand-accordion-expand{margin:0 0 8px;padding:7px 9px;border-radius:8px;background:#f4f8fb;color:#52677e;font-size:11px}
.brand-accordion-expand.hidden{display:none}
.brand-action-row.severity-high{border-left:3px solid #d64545}
.brand-action-row.severity-medium{border-left:3px solid #d9a441}
.brand-action-reason{margin:0 0 12px;color:#52677e;font-size:12.5px}
.brand-copy-barcode{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:5px;background:#eef3f8;color:#496078;font-size:12px;line-height:1}
.brand-copy-barcode:hover{background:#dce6ee;color:#12375f}
.brand-action-group{margin-bottom:6px}
.brand-action-group-title{display:flex;align-items:center;gap:7px;width:100%;padding:8px 0 5px;background:transparent;text-align:left;font-size:11px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;color:#12375f;border-bottom:1px solid #e4ebf1;margin-bottom:2px;cursor:pointer}
.brand-action-group-title small{font-weight:800;color:#96a5b6;background:#eef3f8;border-radius:999px;padding:1px 7px;font-size:10px}
.brand-action-group-title .brand-accordion-chevron{margin-left:auto;transition:transform .15s}
.brand-action-group-title.expanded .brand-accordion-chevron{transform:rotate(180deg);color:#12375f}
.brand-action-group-items.hidden{display:none}
.brand-actions-panel .brand-panel-toggle{flex:1 1 auto}
.brand-actions-recompute{flex:0 0 auto;padding:8px 10px;font-size:11.5px;font-weight:800;white-space:nowrap}
.brand-daily-head{display:flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #e4ebf1;margin-bottom:8px}
.brand-daily-head select{padding:5px 8px;font-size:12px;font-weight:800;width:auto;min-width:0}
.brand-daily-head strong{font-size:14px;color:#10233f}
.brand-daily-head span{color:#66798b;font-size:11px}
.brand-daily-item{display:flex;justify-content:space-between;gap:10px;padding:4px 0;font-size:11.5px}
.brand-daily-item:not(:last-child){border-bottom:1px dashed #e1e9f0}
.brand-daily-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3a4f66}
.brand-daily-item span:last-child{flex:0 0 auto;color:#66798b}
.brand-compact-control{display:flex;align-items:center;gap:8px;width:100%;min-height:46px;padding:6px 8px;border:1px solid #dce7ef;border-radius:12px;background:#fff;box-shadow:0 5px 14px rgba(30,58,86,.06)}
.brand-compact-control select{width:auto;min-width:0;padding:7px 9px;border-color:#dce6ee;font-size:11px;font-weight:800}
.brand-panel-toggle{display:flex;align-items:center;gap:7px;min-width:0;padding:8px 10px;background:#12375f;color:#fff;white-space:nowrap}
.brand-panel-toggle small{overflow:hidden;max-width:120px;color:#cfe0ee;text-overflow:ellipsis;white-space:nowrap}
.brand-panel-toggle i{font-style:normal;transition:transform .15s}.brand-panel-toggle.is-open i{transform:rotate(180deg)}
.brand-drop-panel{width:100%;margin-top:8px;padding:9px 11px;border:1px solid #dce7ef;border-radius:11px;background:#f7fafc;box-shadow:0 8px 20px rgba(30,58,86,.08);text-align:left}
.brand-drop-panel.hidden{display:none}
.brand-drop-panel-head{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid #dce7ef;color:#12375f;font-size:11px;font-weight:800}
.brand-today-badge{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:9px;background:#ddf7ea;color:#08724d;font-size:11px;font-weight:800;white-space:nowrap}.brand-today-badge i{width:8px;height:8px;border-radius:50%;background:#10b879;box-shadow:0 0 0 4px rgba(16,184,121,.14)}.brand-today-badge strong{font-size:15px}
.brand-calendar-control{position:relative;display:grid;place-items:center;width:38px;height:34px;padding:0;border:1px solid #bed6e6;border-radius:9px;background:#edf7fb;color:#0d6680;cursor:pointer;overflow:hidden}.brand-calendar-control span{font-size:16px}.brand-calendar-control input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.brand-selected-day{display:flex;align-items:center;gap:7px;min-width:0;color:#52677e;white-space:nowrap}.brand-selected-day b{font-size:11px}.brand-selected-day strong{color:#10233f;font-size:13px}.brand-selected-day small{color:#16856f;font-weight:800}
.brand-daily-control .brand-panel-toggle{margin-left:auto}
.brand-kpi-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.brand-kpi-card { position:relative; overflow:hidden; min-height:84px; padding:18px; border:1px solid #e0e8f0; border-radius:15px; background:#fff; box-shadow:0 7px 22px rgba(34,58,85,.07); }
.brand-kpi-card::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#315f8d; }
.brand-kpi-card span { display:block; color:#738297; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.brand-kpi-card strong { display:block; margin:12px 0 0; color:#10233f; font-size:22px; white-space:nowrap; }
.brand-kpi-card small { display:none; }
.brand-kpi-card.accent-green::before { background:#16a085; }.brand-kpi-card.accent-gold::before { background:#e0aa18; }.brand-kpi-card.accent-purple::before { background:#7a5fc0; }.brand-kpi-card.accent-navy::before { background:#12375f; }.brand-kpi-card.accent-red::before { background:#d85852; }
.brand-overview-grid { display:grid; grid-template-columns:1fr; align-items:start; gap:18px; }
.brand-chart-panel,.brand-ranking-panel{align-self:start}
.brand-ranking-panel .brand-compact-control{gap:6px}
.brand-ranking-panel .brand-panel-toggle{flex:1 1 auto}
.brand-ranking-panel .brand-panel-toggle small{display:none}
.brand-ranking-panel .brand-compact-control select{flex:0 1 auto;max-width:128px}
.brand-empty-chart,.brand-empty-ranking { min-height:180px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; color:#75859a; }
.brand-empty-chart.brand-compact-widget,.brand-empty-ranking.brand-compact-widget { min-height:0; display:block; text-align:left; color:inherit; }
.brand-empty-chart strong,.brand-empty-ranking strong { color:#30465f; margin-top:10px; }
.brand-empty-chart span,.brand-empty-ranking p { margin:5px 0 0; font-size:12px; }
.brand-chart-bars { height:82px; display:flex; align-items:flex-end; gap:9px; }
.brand-chart-bars i { display:block; width:17px; border-radius:5px 5px 0 0; background:#dce8f1; }
.brand-chart-bars i:nth-child(1),.brand-chart-bars i:nth-child(7){height:34%}.brand-chart-bars i:nth-child(2){height:60%}.brand-chart-bars i:nth-child(3){height:44%}.brand-chart-bars i:nth-child(4){height:76%}.brand-chart-bars i:nth-child(5){height:54%}.brand-chart-bars i:nth-child(6){height:90%}
.brand-ranking-icon { display:grid; place-items:center; width:55px; height:55px; border-radius:16px; background:#edf7f5; color:#16856f; font-size:28px; }
.brand-cards-section { margin:8px 0 18px; }
.brand-section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:12px; }
.brand-section-heading h2,.brand-section-heading p { margin:0; }.brand-section-heading > span { color:#718096; font-size:12px; font-weight:700; }
.brand-card { width:100%; display:grid; grid-template-columns:auto minmax(220px,1fr) auto auto; align-items:center; gap:18px; padding:20px 22px; border:1px solid #dce6ef; background:#fff; color:#10233f; text-align:left; box-shadow:0 8px 24px rgba(34,58,85,.07); }
.brand-card:hover { border-color:#9fb7cc; transform:translateY(-1px); }
.brand-card-logo { width:60px; height:60px; display:grid; place-items:center; flex:0 0 auto; border-radius:18px; background:linear-gradient(145deg,#ffd400,#ffb900); color:#12375f; font-size:28px; font-weight:950; box-shadow:0 7px 18px rgba(232,174,0,.25); }
.brand-card-copy { display:grid; gap:3px; }.brand-card-copy > strong { font-size:20px; }.brand-card-copy > small { color:#718096; }
.brand-marketplace-tags { display:flex; gap:6px; margin-top:7px; }.brand-marketplace-tags i { padding:4px 8px; border-radius:999px; background:#fff2cf; color:#946600; font-size:10px; font-style:normal; font-weight:900; }.brand-marketplace-tags i.muted { background:#edf2f7; color:#718096; }
.brand-card-stats { display:flex; gap:26px; }.brand-card-stats > span { display:grid; gap:4px; min-width:75px; }.brand-card-stats small { color:#718096; font-size:10px; text-transform:uppercase; font-weight:800; }.brand-card-stats strong { font-size:18px; }
.brand-card-arrow { color:#7890a8; font-size:32px; }
.brand-detail { scroll-margin-top:20px; padding:0; overflow:hidden; }
.brand-detail-head { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:22px 24px; border-bottom:1px solid #e1e9f0; background:#fbfcfe; }
.brand-detail-identity { display:flex; align-items:center; gap:14px; }.brand-detail-identity .brand-card-logo { width:50px; height:50px; border-radius:14px; font-size:22px; }.brand-detail-identity h2,.brand-detail-identity p { margin:0; }.brand-detail-identity div > span { color:#718096; font-size:12px; }
.brand-market-tabs { display:flex; flex-wrap:wrap; gap:6px; }.brand-market-tabs button { padding:8px 11px; background:#edf3f8; color:#52677e; font-size:11px; }.brand-market-tabs button.active { background:#12375f; color:#fff; }.brand-market-tabs button[disabled] { opacity:.42; cursor:not-allowed; }
.brand-product-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 20px; }.brand-product-toolbar input { flex:1; min-width:200px; }.brand-product-toolbar select { width:170px; }.brand-product-toolbar > span { margin-left:auto; color:#718096; font-size:12px; font-weight:800; white-space:nowrap; }
.brand-product-toolbar .export-icon-btn { width:30px; height:30px; flex:0 0 30px; border-radius:8px; box-shadow:none; }
.brand-product-toolbar .export-icon-btn span { width:17px; height:19px; border-width:1.5px; font-size:7px; }
.brand-products-table-wrap { max-height:570px; overflow:auto; border-top:1px solid #e8edf2; }
.brand-products-table { min-width:1350px; }.brand-products-table th { position:sticky; top:0; z-index:1; background:#f3f7fa; color:#496078; font-size:10px; text-transform:uppercase; letter-spacing:.04em; }.brand-products-table td { padding:11px 10px; font-size:12px; }.brand-products-table td:first-child { min-width:265px; }.brand-products-table td:first-child strong,.brand-products-table td:first-child small { display:block; }.brand-products-table td:first-child small { margin-top:3px; color:#8290a1; }
.brand-mono { font-family:Consolas,"Courier New",monospace; font-size:10.5px; color:#52677e; }.brand-missing { color:#b4443f; font-size:11px; font-weight:800; }
.brand-listing-status,.brand-margin-pill { display:inline-block; padding:5px 8px; border-radius:999px; font-size:10px; font-weight:900; white-space:nowrap; }.brand-listing-status.is-listed { background:#e6f5ef; color:#13735f; }.brand-listing-status.not-listed { background:#fff0ed; color:#b13d37; }.brand-margin-pill { background:#eef3f8; color:#496078; }.brand-margin-pill.is-low { background:#fff0ed; color:#b13d37; }.brand-margin-pill.is-strong { background:#e6f5ef; color:#13735f; }
.brand-positive { color:#14725f; font-weight:800; }.brand-negative { color:#b13d37; font-weight:800; }.brand-awaiting-data { color:#8995a4; font-size:10.5px; font-style:italic; }
.brand-data-notice { display:flex; gap:10px; padding:14px 20px; border-top:1px solid #dce8f0; background:#f1f8f7; color:#42685f; font-size:12px; }.brand-data-notice strong { color:#167463; white-space:nowrap; }
@media(max-width:1250px){.brand-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-card-stats{gap:14px}.brand-overview-grid{grid-template-columns:1fr}}
@media(max-width:760px){.brand-performance-hero{align-items:stretch;flex-direction:column;padding:18px}.brand-performance-filters{display:grid;grid-template-columns:1fr}.brand-performance-filters select{width:100%}.brand-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-kpi-card{min-height:112px;padding:14px}.brand-kpi-card strong{font-size:18px}.brand-api-card,.brand-api-actions{align-items:stretch;flex-direction:column}.brand-card{grid-template-columns:auto 1fr auto;padding:16px}.brand-card-stats{grid-column:1/-1;justify-content:space-between}.brand-detail-head{align-items:flex-start;flex-direction:column}.brand-market-tabs{overflow-x:auto;flex-wrap:nowrap;width:100%}.brand-product-toolbar{align-items:stretch;flex-direction:column}.brand-product-toolbar input,.brand-product-toolbar select{width:100%;min-width:0}.brand-product-toolbar>span{margin-left:0}.brand-data-notice{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.brand-compact-control{overflow-x:auto}.brand-overview-grid{grid-template-columns:1fr}.brand-ranking-panel .brand-compact-control select{max-width:115px}}

/* Brand Performance sections and its own accounting workspace */
.brand-module-tabs { display:flex; gap:8px; margin-bottom:16px; padding:6px; width:max-content; border-radius:13px; background:#e8eef4; }
.brand-module-tabs button { min-width:130px; padding:10px 18px; background:transparent; color:#52677e; }
.brand-module-tabs button.active { background:#12375f; color:#fff; box-shadow:0 5px 13px rgba(15,45,80,.18); }
.brand-accounting { margin:4px 0 18px; }
.brand-accounting-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.brand-accounting-grid h3 { margin:0 0 14px; }
.brand-accounting-total { display:grid; gap:4px; margin-bottom:14px; padding:13px; border-radius:11px; background:#eef7f5; }
.brand-accounting-total span,.brand-accounting-total small { color:#617a74; font-size:11px; }.brand-accounting-total strong { font-size:21px; color:#15725f; }
.brand-status-pill { display:inline-flex; padding:3px 9px; border-radius:999px; font-size:10.5px; font-weight:800; text-transform:uppercase; letter-spacing:.02em; }
.brand-status-pill.is-received { background:#e2f6f0; color:#116c58; }
.brand-status-pill.is-pending { background:#fdf1dc; color:#9a6a10; }
.brand-row-note { display:block; margin-top:2px; color:#8995a4; font-size:11px; }
.brand-mustard-divider { height:4px; margin:6px 0 14px; border-radius:999px; background:#e0aa18; }
.brand-simple-form .form-actions button[type="submit"] { background:linear-gradient(135deg,#123d67,#1c5187); color:#fff; box-shadow:0 6px 16px rgba(18,55,95,.22); }
.brand-simple-form .form-actions button[type="submit"]:hover { filter:brightness(1.08); }
.brand-supplier-cost-panel { margin-top:18px; }
.brand-supplier-cost-panel summary { cursor:pointer; font-weight:800; font-size:15px; color:#123d67; padding:2px 0; }
.brand-supplier-cost-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:14px; }
.brand-supplier-cost-stat { position:relative; overflow:hidden; padding:16px 18px; border:1px solid #e0e8f0; border-radius:14px; background:#fff; box-shadow:0 7px 20px rgba(34,58,85,.06); }
.brand-supplier-cost-stat::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#315f8d; }
.brand-supplier-cost-stat.accent-navy::before { background:#123d67; }
.brand-supplier-cost-stat.accent-gold::before { background:#e0aa18; }
.brand-supplier-cost-stat > span { display:flex; align-items:center; justify-content:space-between; gap:10px; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; color:#738297; }
.brand-supplier-cost-stat select { width:auto; margin:0; padding:3px 6px; font-size:10.5px; }
.brand-supplier-cost-stat strong { display:block; margin:12px 0 0; font-size:22px; color:#10233f; }
@media(max-width:760px){ .brand-supplier-cost-grid{grid-template-columns:1fr} }
.brand-simple-form { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.brand-simple-form details,.brand-simple-form button,.brand-simple-form .form-actions { grid-column:1/-1; }
.brand-simple-form details { border:1px dashed #c8d6e4; border-radius:10px; padding:10px 12px; }
.brand-simple-form summary { color:#315f8d; cursor:pointer; font-size:12px; font-weight:800; }.brand-simple-form textarea { width:100%; margin-top:9px; }
@media(max-width:900px){.brand-accounting-grid{grid-template-columns:1fr}.brand-module-tabs{width:100%}.brand-module-tabs button{flex:1}}
.brand-api-scope{margin-top:.45rem;font-size:.78rem;color:#66758c;line-height:1.35}
.brand-kpi-card small.brand-data-warning {
  color: #a33a2b;
  font-weight: 700;
}

/* Compact marketplace connection strip */
.marketplace-connection-strip{display:grid;grid-template-columns:120px repeat(4,minmax(150px,1fr));align-items:center;gap:8px;margin:0 0 14px;padding:8px 10px;border:1px solid #dce6ee;border-radius:16px;background:#fff}.marketplace-strip-title{min-width:0;padding:0 6px}.marketplace-strip-title p{margin:0}.marketplace-strip-title strong{display:block;margin-top:2px;color:#123d67;font-size:13px}.marketplace-connection-item{display:grid;grid-template-columns:minmax(88px,1fr) auto 28px 28px;align-items:center;gap:5px;min-width:0;padding:6px;border:1px solid #e4ebf1;border-radius:12px;background:#f8fbfd}.marketplace-logo{display:flex;align-items:center;justify-content:flex-start;width:100%;height:26px;overflow:hidden;border-radius:8px}.marketplace-logo img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:left center}.marketplace-connection-copy{display:none}.marketplace-connection-item .brand-api-status{grid-column:2;justify-self:end;max-width:80px;overflow:hidden;padding:4px 6px;font-size:8.5px;text-overflow:ellipsis;white-space:nowrap}.marketplace-connection-item .marketplace-sync-button{grid-column:3}.marketplace-connection-item .marketplace-test-button{grid-column:4}.marketplace-connection-item button,.marketplace-connection-item label.marketplace-sync-button{display:grid;place-items:center;width:28px;height:26px;min-width:28px;padding:0;border-radius:7px;font-size:9px;font-weight:900;white-space:nowrap;cursor:pointer}.marketplace-sync-button{background:#c59619;color:#fff}.marketplace-connection-item:has(.brand-api-status.is-connected) .marketplace-sync-button{background:#17a486;color:#fff}.marketplace-sync-button:disabled{cursor:default;opacity:1}.marketplace-test-button{border:1px solid #cbd8e2;background:#fff;color:#173e67}
.brand-products-table{width:100%;min-width:1390px;table-layout:fixed}.brand-products-table .col-product{width:250px}.brand-products-table .col-market{width:102px}.brand-products-table .col-barcode{width:118px}.brand-products-table .col-sku{width:172px}.brand-products-table .col-status{width:104px}.brand-products-table .col-price{width:105px}.brand-products-table .col-cost{width:96px}.brand-products-table .col-shipping{width:88px}.brand-products-table .col-warehouse{width:88px}.brand-products-table .col-commission{width:96px}.brand-products-table .col-profit{width:92px}.brand-products-table .col-margin{width:78px}.brand-products-table .col-stock{width:68px}.brand-products-table .col-sales{width:74px}.brand-products-table th,.brand-products-table td{overflow:hidden;text-overflow:ellipsis}.brand-products-table td:first-child{width:auto;min-width:0;max-width:none}.brand-product-name{display:block;overflow:hidden;max-width:235px;text-overflow:ellipsis;white-space:nowrap;cursor:default}
@media(max-width:900px){.marketplace-connection-strip{grid-template-columns:1fr}.marketplace-strip-title{display:flex;align-items:center;justify-content:space-between}.marketplace-connection-item{grid-template-columns:minmax(120px,1fr) auto 28px 28px}}
@media(max-width:650px){.marketplace-connection-item{grid-template-columns:minmax(120px,1fr) auto 28px 28px}.marketplace-logo{height:24px}.marketplace-connection-item .brand-api-status{grid-column:2}.marketplace-connection-item .marketplace-sync-button{grid-column:3}.marketplace-connection-item .marketplace-test-button{grid-column:4}}

/* NEXPORT AI — available only on Overview and Overview & Brands */
.ai-assistant-toggle{display:none;position:fixed;right:24px;bottom:22px;z-index:80;align-items:center;gap:9px;padding:10px 16px 10px 10px;border:0;border-radius:999px;background:#12375f;color:#fff;box-shadow:0 12px 32px rgba(15,45,80,.3)}
body[data-current-page="overview"] .ai-assistant-toggle,body[data-current-page="brand-performance"] .ai-assistant-toggle{display:flex}
.ai-assistant-toggle span,.ai-assistant-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ffd400;color:#12375f;font-size:11px;font-weight:950}
.ai-assistant-toggle strong{font-size:13px}.ai-assistant-panel{position:fixed;right:24px;bottom:82px;z-index:81;display:grid;grid-template-rows:auto minmax(180px,1fr) auto auto auto;width:min(430px,calc(100vw - 32px));height:min(650px,calc(100vh - 120px));overflow:hidden;border:1px solid #d5e0e9;border-radius:20px;background:#fff;box-shadow:0 22px 60px rgba(15,45,80,.28)}
.ai-assistant-panel.hidden{display:none}.ai-assistant-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid #e3eaf0;background:#12375f;color:#fff}.ai-assistant-head>div{display:flex;align-items:center;gap:10px}.ai-assistant-head strong,.ai-assistant-head small{display:block}.ai-assistant-head small{margin-top:2px;color:#c9d9e7;font-size:11px}.ai-assistant-head button{display:grid;place-items:center;width:32px;height:32px;padding:0;background:rgba(255,255,255,.11);color:#fff;font-size:22px}
.ai-assistant-messages{overflow-y:auto;padding:16px;background:#f5f8fb}.ai-message{max-width:88%;margin-bottom:11px;padding:11px 13px;border-radius:14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.ai-message.assistant{border:1px solid #dce6ee;border-bottom-left-radius:4px;background:#fff;color:#263d55}.ai-message.user{margin-left:auto;border-bottom-right-radius:4px;background:#12375f;color:#fff}.ai-message.error{border-color:#f0c4c4;background:#fff1f1;color:#922}.ai-message.loading{color:#687b8d;font-style:italic}
.ai-assistant-suggestions{display:flex;gap:6px;overflow-x:auto;padding:9px 12px;border-top:1px solid #e5ebf0;background:#fff}.ai-assistant-suggestions button{flex:0 0 auto;padding:7px 9px;border:1px solid #cad8e3;background:#f6f9fb;color:#31506d;font-size:10.5px}.ai-assistant-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 12px;border-top:1px solid #e5ebf0;background:#fff}.ai-assistant-form textarea{min-height:46px;max-height:110px;resize:vertical;padding:10px 11px}.ai-assistant-form button{align-self:end;height:42px;padding:0 15px;background:#ffd400;color:#12375f;font-weight:900}.ai-assistant-form button:disabled{opacity:.55}.ai-assistant-scope{margin:0;padding:0 13px 11px;background:#fff;color:#7a8997;font-size:9.5px;line-height:1.35}
@media(max-width:650px){.ai-assistant-toggle{right:14px;bottom:14px}.ai-assistant-toggle strong{display:none}.ai-assistant-panel{inset:10px;width:auto;height:auto;border-radius:17px}.ai-assistant-suggestions{display:none}}

/* Category navigation shares the Brands tab layout. */
.category-tabs{max-width:100%}.category-tabs button{white-space:normal}.nav-group-toggle{padding:12px 20px}.nav-submenu .nav-item{padding:10px 20px 10px 30px;font-size:12px}

.firstcry-sync-badge{background:#17a486;color:#fff}
.warehouse-stock-upload{display:inline-block;flex-shrink:0;padding:6px 10px;border:1px solid #cbd8e2;border-radius:7px;font-size:10px;font-weight:800;color:#173e67;background:#fff;cursor:pointer;white-space:nowrap}
.warehouse-stock-upload.is-busy{opacity:.55;pointer-events:none;cursor:wait}
.warehouse-stock-upload.is-done{background:#e8f7f0;border-color:#17a486;color:#0f6b57}
.marketplace-connection-item button.is-busy{opacity:.5;cursor:wait}

/* Compact, collapsible Brand Accounting entry panels. */
.brand-accounting > .summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.brand-accounting-grid{align-items:start}
.brand-entry-panel > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;cursor:pointer;list-style:none;font-size:15px;font-weight:800;color:#173554}
.brand-entry-panel > summary::-webkit-details-marker{display:none}
.brand-entry-panel > summary:focus-visible{outline:2px solid #247d9b;outline-offset:4px;border-radius:4px}
.brand-entry-toggle::before{content:'+';font-size:23px;font-weight:500;line-height:1}
.brand-entry-panel[open] > summary .brand-entry-toggle::before{content:'?'}
.brand-entry-panel > .brand-simple-form{margin-top:14px;padding-top:14px;border-top:1px solid #e0e8ee}
.brand-accounting .brand-accounting-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:min(100%,340px)}
.brand-accounting .brand-accounting-filters select{width:100%;min-width:0;padding:7px 9px;font-size:12px}

.driver-map-card{width:min(1060px,96vw);max-height:92dvh;overflow-y:auto}
.driver-tracking-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.driver-tracking-toolbar select{flex:1;min-width:140px}.driver-tracking-toolbar button,.driver-apk-link{font-size:12px;padding:10px;border-radius:7px}.driver-apk-link{background:#ffc400;color:#12375f;font-weight:800;text-decoration:none}
#driverTrackingStatus{color:#60768a;font-size:12px}#driverTrackingStatus:empty,#driverStartStatus:empty{display:none}.driver-location-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:12px 0}.driver-location-row{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px;background:#f0f5f8;border-radius:8px}.driver-location-row small{grid-column:1/-1;color:#65778a}.driver-live{color:#11886e;font-size:12px;font-weight:800}.driver-stale{color:#9b6b24;font-size:12px}
.driver-config{padding:12px 0;border-top:1px solid #dce5ed}.driver-config summary{cursor:pointer;font-weight:800;color:#163f65}.driver-delivery-form{display:grid;grid-template-columns:1fr 2fr 2fr auto;gap:8px;align-items:end;padding-top:12px}.driver-delivery-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.driver-delivery-card{padding:14px;border:1px solid #dce5ed;border-radius:9px;background:#fff}.driver-delivery-card>div{display:flex;justify-content:space-between;gap:8px}.driver-delivery-card span{color:#147c6d;font-size:12px;font-weight:800}.driver-delivery-card p{font-size:13px;overflow-wrap:anywhere}.driver-delivery-card a{color:#234d70}.driver-delivery-card small{color:#738296}
@media(max-width:760px){.driver-map-card{padding:14px!important;width:96vw;max-height:92dvh}.driver-delivery-form{grid-template-columns:1fr}.driver-map{height:280px!important}.driver-tracking-toolbar{display:grid;grid-template-columns:1fr 1fr}.driver-tracking-toolbar select{grid-column:1/-1;min-width:0}.driver-delivery-list{grid-template-columns:1fr}.driver-map-card .settings-head h2{font-size:19px}}

@media(max-width:760px){.driver-record-table{table-layout:fixed}.driver-record-table th:nth-child(1){width:20%}.driver-record-table th:nth-child(2),.driver-record-table th:nth-child(3){width:21%}.driver-record-table th:nth-child(4){width:28%}.driver-record-table th:nth-child(5){width:10%}.driver-record-table th,.driver-record-table td{padding:7px 2px;font-size:10px}.driver-record-table th{font-size:8px}.driver-record-table .desktop-driver-actions,.driver-record-table .desktop-driver-job{display:none}.driver-record-table .driver-mobile-view{display:block}.driver-record-table .driver-mobile-view button{padding:5px 6px!important;min-height:28px;font-size:8px!important;white-space:nowrap}.driver-record-table .driver-mobile-actions{display:block;margin-left:auto}.driver-record-table .driver-mobile-actions summary{width:24px;height:28px;font-size:19px}.driver-record-table .mobile-row-menu-popover{right:0;top:29px;min-width:112px}.driver-record-table .driver-mobile-job{display:block;margin-top:3px;color:#537089;font-size:8px;font-weight:800;white-space:nowrap}.driver-record-table .driver-row-tools{padding-left:0;padding-right:0}.driver-record-table .driver-row-buttons{justify-content:flex-end;flex-wrap:nowrap}.driver-record-table .driver-record-action{padding:4px;font-size:8px}.driver-record-table select{min-height:29px;font-size:9px!important}.driver-record-table .driver-status-badge{font-size:8px}}