/* Approved five-screen mobile concept. Must load after styles.css. */
.concept-header-btn,.concept-header-actions{display:none}
.mobile-row-menu{display:none}
.concept-warehouse-tabs,.concept-warehouse-task-actions{display:none}
.concept-table-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 14px;border-top:1px solid #dfe7ef;background:#f8fafc;color:#52657a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.concept-table-total strong{font-size:15px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}.concept-table-total.income-total strong{color:#087f70}.concept-table-total.expense-total strong{color:#b7443f}
.concept-overview-hero{display:none}
@media(max-width:760px){
  :root{--nx-navy:#082f58;--nx-dark:#062746;--nx-line:#dbe3eb;--nx-bg:#f4f7fa}
  body{background:var(--nx-bg)!important;color:#10233f;font-size:13px}
  .app{display:block;min-height:100dvh}.workspace{width:100%;margin:0}.mobile-menu-btn,.mobile-nav-backdrop{display:none!important}
  input,select,textarea{min-height:40px;padding:8px 9px;border-radius:7px;font-size:16px!important}button{touch-action:manipulation}.form-row,.analysis-controls,.job-form-grid,.manual-task-form{grid-template-columns:1fr}.form-actions{display:flex;flex-wrap:wrap;gap:7px}.form-actions>button{min-height:42px}.transaction-form{grid-template-columns:1fr;gap:9px}
  .topbar{position:sticky!important;top:0;z-index:65;display:grid!important;grid-template-columns:44px minmax(0,1fr) auto;align-items:center!important;min-height:72px!important;padding:max(10px,env(safe-area-inset-top)) 10px 10px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,var(--nx-navy),var(--nx-dark))!important;box-shadow:0 2px 8px rgba(6,39,70,.18)!important}
  .topbar>div:first-of-type{width:auto!important;text-align:center}.topbar h1{margin:0!important;color:#fff!important;font-size:18px!important;font-weight:800}.topbar .eyebrow,.topbar #pageSubtitle{display:none!important}
  .concept-header-btn{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#fff;font-size:24px;box-shadow:none}.concept-header-actions{display:flex;align-items:center;gap:1px}.concept-add-btn{font-size:28px}body[data-current-page="warehouse-work"] .concept-add-btn{display:none}
  .topbar-actions{display:none!important;grid-column:1/-1;margin:7px 0 0!important}body.concept-search-open .topbar-actions{display:block!important}body.concept-search-open .topbar-actions>:not(.global-search-wrap){display:none!important}body.concept-search-open .global-search-wrap{display:flex!important;height:40px;background:#fff!important;border-color:#fff!important}body.concept-search-open .global-search-wrap input{color:#10233f!important}
  .main-content{padding:10px 7px calc(76px + env(safe-area-inset-bottom))!important}.panel,.summary-card{border:1px solid var(--nx-line)!important;border-radius:7px!important;background:#fff!important;box-shadow:0 1px 3px rgba(15,45,80,.04)!important}.panel{padding:9px!important}.panel-title h2,.jobs-header h2{color:#10233f;font-size:15px!important}.panel-title p,.jobs-header p{display:none}
  .concept-overview-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-height:132px;margin:-10px -7px 10px;padding:24px 18px 18px;overflow:hidden;background:linear-gradient(135deg,#082f58 0%,#0b416c 58%,#116c72 145%);color:#fff;box-shadow:0 8px 24px rgba(8,47,88,.2)}.concept-overview-hero:before{content:"";position:absolute;right:-42px;top:-52px;width:178px;height:178px;border:1px solid rgba(255,255,255,.11);border-radius:50%;box-shadow:0 0 0 28px rgba(255,255,255,.035),0 0 0 58px rgba(255,255,255,.025)}.concept-overview-hero>div{position:relative;z-index:1}.concept-overview-eyebrow{display:block;margin-bottom:7px;color:#9dd6d2;font-size:9px;font-weight:900;letter-spacing:.17em}.concept-overview-hero h2{margin:0 0 5px;font-size:22px;line-height:1.1}.concept-overview-hero p{max-width:220px;margin:0;color:rgba(255,255,255,.72);font-size:10px;line-height:1.45}.concept-overview-date{flex:0 0 auto;padding:8px 9px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:rgba(255,255,255,.09);text-align:right;backdrop-filter:blur(8px)}.concept-overview-date span{display:block;margin-bottom:3px;color:rgba(255,255,255,.58);font-size:7px;font-weight:800;letter-spacing:.1em}.concept-overview-date strong{font-size:10px;white-space:nowrap}
  :is(#page-overview,.brand-accounting)>.summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;gap:5px!important;overflow:visible!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card{min-height:78px!important;padding:9px 5px!important;color:#10233f!important;text-align:center}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card:before{display:none!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card span{color:#64748b!important;font-size:8px!important;font-weight:900;text-transform:uppercase;white-space:nowrap}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card strong{color:#10233f!important;font-size:13px!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card.income strong{color:#078779!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card.expense strong{color:#dc3434!important}.overview-grid{display:grid;grid-template-columns:1fr;gap:7px;margin-top:7px}#page-overview>.panel:last-child{margin-top:7px}.overview-period-summary{display:none!important}
  #page-overview.active{display:flex!important;flex-direction:column}:is(#page-overview,.brand-accounting)>.summary-grid{order:1}#page-overview>.panel:last-child{order:2;padding:7px!important}#page-overview>.overview-grid{order:3}#page-overview>.panel:last-child .panel-title>div:first-child,#overviewFilteredRecords{display:none!important}.overview-filter-tools{display:grid!important;grid-template-columns:1fr 1fr!important}.overview-filter-tools select,.overview-filter-tools input{width:100%!important;min-width:0}.overview-filter-tools input[type="date"]{display:none}
  .compact-list{display:block}.compact-item{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;align-items:center;gap:7px;padding:9px 0!important;border-bottom:1px solid #e8edf1}.compact-item small{grid-column:1!important;grid-row:1!important;font-size:10px;white-space:nowrap}.compact-item span{grid-column:2!important;grid-row:1!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.compact-item strong{grid-column:3!important;grid-row:1!important;font-size:11px;white-space:nowrap}#recentIncome .compact-item strong{color:#078779}#recentExpenses .compact-item strong{color:#dc3434}
  .entry-layout{gap:7px}#page-income .form-panel,#page-expenses .form-panel{display:none}#page-income .form-panel.concept-form-open,#page-expenses .form-panel.concept-form-open{display:block}.records-title{gap:6px;margin-bottom:7px}.records-title>div:first-child{display:none}.records-tools{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px}.records-tools .compact-popup-filter{grid-column:1;width:auto!important;min-width:88px;max-width:180px;background:var(--nx-navy)!important;color:#fff!important;border-color:var(--nx-navy)!important;box-shadow:none}.records-tools .search-box{grid-column:2;width:100%}.records-tools .export-btn{display:none}
  .table-wrap{margin:0 -9px;padding:0;overflow-x:hidden}table.mobile-card-table{min-width:0!important;width:100%;border-collapse:collapse}table.mobile-card-table thead{display:table-header-group!important}table.mobile-card-table thead tr{display:table-row!important}table.mobile-card-table thead th{display:table-cell!important;padding:7px 4px;background:#f6f8fa;color:#536273;font-size:8px;text-transform:uppercase;white-space:nowrap}table.mobile-card-table tbody{display:table-row-group!important}table.mobile-card-table tbody tr{display:table-row!important;padding:0;border:0;border-radius:0;box-shadow:none}table.mobile-card-table tbody td{display:table-cell!important;padding:8px 4px;border-bottom:1px solid #e8edf1;font-size:10px;vertical-align:middle}table.mobile-card-table tbody td:before{display:none!important}table.mobile-card-table .row-actions{flex-wrap:nowrap;gap:2px}table.mobile-card-table .row-actions button{min-height:28px;padding:4px;font-size:8px}table.mobile-card-table .inline-status{min-height:28px;max-width:88px;padding:3px;font-size:9px!important}
  #page-income table th:nth-child(2),#page-income table td:nth-child(2),#page-income table th:nth-child(4),#page-income table td:nth-child(4),#page-income table th:last-child,#page-income table td:last-child,#page-expenses table th:nth-child(2),#page-expenses table td:nth-child(2),#page-expenses table th:nth-child(4),#page-expenses table td:nth-child(4),#page-expenses table th:last-child,#page-expenses table td:last-child{display:none!important}#page-income table td.amount{color:#078779;font-weight:900;white-space:nowrap}#page-expenses table td.amount{color:#dc3434;font-weight:900;white-space:nowrap}
  #page-income table,#page-expenses table{table-layout:fixed}#page-income table th:first-child,#page-expenses table th:first-child{width:22%}#page-income table th:nth-child(3),#page-expenses table th:nth-child(3){width:51%}#page-income table th:nth-child(5),#page-expenses table th:nth-child(5){width:27%}#page-income table td:nth-child(3),#page-expenses table td:nth-child(3){overflow:hidden;text-overflow:ellipsis}#page-income table td.amount,#page-expenses table td.amount{text-align:right}
  .concept-warehouse-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:7px;border:1px solid var(--nx-line);border-radius:6px;background:#fff;overflow:hidden}.concept-warehouse-tabs button{min-height:38px;border:0;border-right:1px solid var(--nx-line);border-radius:0;background:#fff;color:#33475b;font-size:10px}.concept-warehouse-tabs button:last-child{border-right:0}.concept-warehouse-tabs button.active{background:var(--nx-navy);color:#fff}.concept-warehouse-task-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:7px}.concept-warehouse-task-actions button:first-child{background:#ffc400;color:#10233f}.warehouse-command-bar{display:none!important}.attendance-panel,.warehouse-entry-grid,.current-tasks-panel{margin-bottom:7px}#page-warehouse-work .current-tasks-panel .records-title>div:first-child{display:block}#page-warehouse-work .records-tools{display:flex}#page-warehouse-work .records-tools .filter-control{width:100%!important}.warehouse-task-table th:nth-child(4),.warehouse-task-table td:nth-child(4){display:none!important}
  #page-warehouse-work [hidden]{display:none!important}
  .warehouse-task-table{table-layout:fixed!important}.warehouse-task-table th:nth-child(1){width:10%}.warehouse-task-table th:nth-child(2){width:35%}.warehouse-task-table th:nth-child(3){width:20%}.warehouse-task-table th:nth-child(5){width:25%}.warehouse-task-table th:nth-child(6){width:10%}.warehouse-task-table td:nth-child(2){overflow:hidden}.warehouse-task-table .task-note{display:none}
  .jobs-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:7px!important;margin-bottom:7px}.jobs-header>div:first-child{display:none}.jobs-header-actions{width:100%;display:grid;grid-template-columns:auto 1fr;gap:6px}.jobs-header-actions .compact-popup-filter{width:auto!important;min-width:92px;background:var(--nx-navy);color:#fff;border-color:var(--nx-navy)}#toggleGeneralFormBtn{min-height:38px;background:#ffc400;color:#10233f}.general-work-table{table-layout:fixed!important}.general-work-table th:nth-child(1){width:27%}.general-work-table th:nth-child(3){width:22%}.general-work-table th:nth-child(5){width:19%}.general-work-table th:nth-child(6){width:32%}.general-work-table th:nth-child(2),.general-work-table td:nth-child(2),.general-work-table th:nth-child(4),.general-work-table td:nth-child(4){display:none!important}.general-work-table .work-actions{display:grid;grid-template-columns:minmax(0,1fr) 26px;gap:3px}.general-work-table .inline-status{width:100%;max-width:none}
  .desktop-row-actions{display:none!important}.mobile-row-menu{display:block;position:relative}.mobile-row-menu summary{display:grid;place-items:center;width:26px;height:30px;border-radius:6px;cursor:pointer;color:#10233f;font-size:20px;list-style:none}.mobile-row-menu summary::-webkit-details-marker{display:none}.mobile-row-menu-popover{position:absolute;z-index:30;right:0;top:32px;display:grid;min-width:120px;padding:5px;border:1px solid var(--nx-line);border-radius:7px;background:#fff;box-shadow:0 8px 22px rgba(15,45,80,.18)}.mobile-row-menu-popover button{width:100%;min-height:34px;text-align:left}.mobile-note-action{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-note-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;background:#ffd400;color:#10233f;font-size:11px;font-weight:900}.general-work-table td:nth-child(3){color:#071a33;font-weight:900;letter-spacing:.01em}
  :is(#page-overview,.brand-accounting)>.summary-grid .summary-card{position:relative;min-height:86px!important;padding:13px 6px 10px!important;overflow:hidden;background:linear-gradient(145deg,#fff,#eef4f8)!important;border-top:4px solid #2f587d!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card.income{border-top-color:#168879!important;background:linear-gradient(145deg,#fff,#eaf7f4)!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card.expense{border-top-color:#b85b57!important;background:linear-gradient(145deg,#fff,#f8eeee)!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card.profit{border-top-color:#294e73!important;background:linear-gradient(145deg,#fff,#edf2f7)!important}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card:after{content:"";position:absolute;right:-18px;bottom:-24px;width:58px;height:58px;border-radius:50%;background:rgba(15,45,80,.055)}
  :is(#page-overview,.brand-accounting)>.summary-grid .summary-card span{position:relative;z-index:1;color:#5d7083!important;letter-spacing:.04em}:is(#page-overview,.brand-accounting)>.summary-grid .summary-card strong{position:relative;z-index:1;margin-top:9px;font-variant-numeric:tabular-nums}#page-overview>.panel:last-child{border:0!important;background:#eaf0f5!important;box-shadow:none!important}#page-overview>.panel:last-child .records-tools{gap:7px}.overview-filter-tools select{border-color:#cad8e4;background:#fff;color:#173554;font-size:12px!important;font-weight:800}.overview-grid .panel{padding:13px!important;border-color:#d7e2ea!important;box-shadow:0 5px 16px rgba(15,45,80,.065)!important}.overview-grid .panel-title{padding-bottom:8px;border-bottom:1px solid #e5ebf0}.overview-grid .panel-title h2{font-size:16px!important}.overview-grid .panel:first-child .panel-title h2:before{content:"";display:inline-block;width:4px;height:14px;margin-right:8px;border-radius:3px;background:#168879;vertical-align:-2px}.overview-grid .panel:last-child .panel-title h2:before{content:"";display:inline-block;width:4px;height:14px;margin-right:8px;border-radius:3px;background:#b85b57;vertical-align:-2px}
  .concept-table-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px -9px -9px;padding:12px 11px;border-top:2px solid #dbe5ed;background:linear-gradient(90deg,#f5f8fb,#fff);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.concept-table-total strong{font-size:15px;letter-spacing:0;text-transform:none}.concept-table-total.income-total strong{color:#087f70}.concept-table-total.expense-total strong{color:#c84b46}
  .mobile-row-menu[open] summary{background:#e8eff5;color:#082f58}.mobile-row-menu-popover button{opacity:1!important;color:#10233f!important;background:#f3f6f9!important;font-weight:800}.mobile-row-menu-popover button+button{margin-top:3px}.mobile-row-menu-popover button.delete{color:#c63834!important;background:#fff0ef!important}
  .page-section.active{color:#10233f}.page-section.active .panel{position:relative;border-color:#d5e0e8!important;box-shadow:0 5px 17px rgba(10,42,72,.065)!important}.page-section.active .panel-title h2,.page-section.active .jobs-header h2{font-weight:900;letter-spacing:-.015em}.page-section.active .panel-title h2:after{content:"";display:block;width:26px;height:2px;margin-top:5px;border-radius:2px;background:#188c83}.records-panel,.current-tasks-panel,.jobs-table-panel{overflow:visible}.records-tools,.jobs-header-actions{padding:5px;border:1px solid #d9e3eb;border-radius:8px;background:#eef3f7}.records-tools input,.records-tools select,.jobs-header-actions select{border-color:#c9d7e2;background:#fff}.table-wrap{background:#fff}.table-wrap table{color:#10233f!important}.table-wrap tbody,.table-wrap tr,.table-wrap td{visibility:visible!important;opacity:1!important}.table-wrap tbody tr:nth-child(even){background:#f8fafc}.table-wrap tbody td{color:#152b43}.table-wrap tbody td strong{color:#0b2540}.category-pill,.service-pill{background:#e9f2f4;color:#0c6965}.attendance-panel,.daily-task-panel,.compact-task-form-panel,.current-tasks-panel,.jobs-table-panel{border-top:3px solid #163f66!important}.attendance-panel{border-top-color:#188c83!important}.jobs-table-panel{border-top-color:#c39a25!important}.concept-warehouse-tabs{padding:4px;border-color:#cad9e5;border-radius:9px;background:#eaf0f5}.concept-warehouse-tabs button{border:0!important;border-radius:6px!important;font-weight:850}.concept-warehouse-tabs button.active{background:linear-gradient(135deg,#082f58,#0c4c73);box-shadow:0 4px 10px rgba(8,47,88,.2)}
  .sidebar{display:flex!important;flex-direction:column;position:fixed!important;inset:auto 0 0 0!important;z-index:70;width:100%!important;height:auto!important;transform:none!important;overflow:visible!important;padding:6px 4px max(6px,env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,var(--nx-navy),var(--nx-dark))!important;border-top:2px solid rgba(255,196,0,.4);box-shadow:0 -6px 18px rgba(6,39,70,.32)!important}.sidebar-brand,.nav-group-toggle,.sidebar-footer{display:none!important}.sidebar-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px!important}.nav-group,.nav-submenu,.nav-group.open .nav-submenu{display:contents!important}.nav-item,.nav-submenu .nav-item{display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:58px;margin:2px 2px!important;padding:5px 2px!important;border:0!important;border-radius:10px;background:transparent;color:#9fb3c8;font-size:9.5px;font-weight:800;letter-spacing:.01em;text-transform:uppercase;text-align:center;white-space:normal;transition:background .15s ease,color .15s ease}.nav-item:before,.nav-item:after{display:none!important}.nav-item.active,.nav-submenu .nav-item.active{background:linear-gradient(135deg,#ffc400,#ffb000)!important;color:#082f58!important;font-weight:900;box-shadow:0 3px 10px rgba(255,180,0,.35)!important}
}

/* Compact navigation unfolds below the top-left menu control. */
@media(max-width:760px){
.main-content{padding-bottom:20px!important}
.sidebar{display:none!important;inset:72px auto auto 8px!important;top:max(72px,calc(env(safe-area-inset-top) + 62px))!important;width:min(230px,calc(100vw - 16px))!important;max-height:calc(100dvh - 100px);overflow-y:auto!important;padding:6px!important;border:1px solid #31516d;border-radius:0 0 10px 10px;box-shadow:0 8px 22px #06274644!important}
body.mobile-nav-open .sidebar{display:flex!important}
.sidebar-nav{display:flex!important;flex-direction:column;gap:0!important}
.nav-group{display:block!important}
.nav-group-toggle{display:flex!important;min-height:42px;padding:10px 12px;font-size:11px}
.nav-submenu{display:none!important}
.nav-group.open .nav-submenu{display:grid!important;grid-template-columns:minmax(0,1fr);gap:2px;padding:3px 0 5px 8px;margin-left:12px;border-left:1px solid #658099}
.nav-group[data-nav-group="brands"] .nav-submenu{grid-template-columns:1fr}
.nav-submenu .nav-item{justify-content:flex-start;min-height:36px;margin:0!important;padding:7px 10px!important;border-radius:5px;font-size:11px;text-transform:none;text-align:left}
.sidebar .hidden{display:none!important}
body.mobile-nav-open .mobile-nav-backdrop{display:block!important;position:fixed;inset:72px 0 0;z-index:66;background:#06274633;border:0;border-radius:0}
.category-tabs{display:flex;width:100%;gap:3px;padding:4px;margin-bottom:12px;border-radius:8px}
.category-tabs.hidden{display:none}
.category-tabs button{flex:1;min-width:0;min-height:42px;padding:7px 4px;font-size:11px;border-radius:5px}
}

/* Consistent two-row toolbars for mobile work lists. */
@media(max-width:760px){
  :is(#page-general-work,#page-wh-potential-customers) .jobs-header-actions{
    grid-template-columns:minmax(0,1fr) repeat(3,38px);gap:6px;padding:0;border:0;background:transparent;
  }
  :is(#page-general-work,#page-wh-potential-customers) .compact-popup-filter{
    grid-column:1/-1;grid-row:1;width:100%!important;min-width:0;min-height:40px;border-radius:7px;
    background:#f0f4f8;color:#173554;border:1px solid #d4dfe8;font-weight:700;
  }
  :is(#toggleGeneralFormBtn,#toggleWhLeadFormBtn){
    grid-column:1;grid-row:2;min-width:0;min-height:38px;padding:7px 8px;border-radius:7px;
    background:#ffc400;color:#10233f;font-size:11px;line-height:1.3;box-shadow:none;
  }
  :is(#page-general-work,#page-wh-potential-customers) :is(.export-icon-btn,.general-history-icon){
    grid-row:2;width:38px;height:38px;min-height:38px;padding:0;border-radius:7px;box-shadow:none;
  }
  :is(#page-general-work,#page-wh-potential-customers) .excel-export-btn{grid-column:2;background:#e9f5ee;color:#187847;border:1px solid #c7e4d3}
  :is(#page-general-work,#page-wh-potential-customers) .pdf-export-btn{grid-column:3;background:#fff0ef;color:#ba413b;border:1px solid #efd0cd}
  :is(#page-general-work,#page-wh-potential-customers) .general-history-icon{grid-column:4;background:#eef3f8;color:#234d70;border:1px solid #cfdae5}
  :is(#page-general-work,#page-wh-potential-customers) .export-icon-btn span{width:20px;height:24px;font-size:8px}
  :is(#page-general-work,#page-wh-potential-customers) .general-history-icon svg{width:21px;height:21px}
}

/* Account controls are available with the mobile menu. */
@media(max-width:760px){
  body.mobile-nav-open .topbar-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  body.mobile-nav-open .topbar-actions>:not(.global-search-wrap):not(.hidden){display:flex!important;align-items:center;justify-content:center}
  body.mobile-nav-open .topbar-actions .global-search-wrap{display:none!important}
  body.mobile-nav-open.concept-search-open .topbar-actions .global-search-wrap{display:flex!important;flex-basis:100%}
  body.mobile-nav-open .topbar-actions .toolbar-btn{min-height:36px;height:36px;padding:7px 10px;border-radius:7px;font-size:11px;box-shadow:none}
  body.mobile-nav-open #userProfileChip{width:36px;height:36px;min-height:36px;padding:2px;box-shadow:none}
  body.mobile-nav-open #topUserAvatar{width:30px;height:30px;font-size:12px}
  body.mobile-nav-open .avatar-edit-mark{width:13px;height:13px;font-size:10px}
  body.mobile-nav-open .sidebar{top:var(--mobile-nav-top,120px)!important;max-height:calc(100dvh - var(--mobile-nav-top,120px) - 12px)}
  body.mobile-nav-open .mobile-nav-backdrop{top:var(--mobile-nav-top,120px)}
  .marketplace-connection-item .brand-api-status{cursor:pointer}
}

@media(max-width:760px){
  .brand-accounting .brand-section-heading{gap:8px;align-items:center;margin-bottom:10px}
  .brand-accounting .brand-section-heading h2{font-size:18px}
  .brand-accounting .brand-section-heading > span{max-width:110px;font-size:10px;text-align:right}
  .brand-accounting-grid{gap:7px;margin-bottom:10px}
  .brand-entry-panel > summary{min-height:34px;font-size:13px}
  .brand-accounting .brand-accounting-filters{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px}
  .brand-accounting .brand-accounting-filters select{width:100%!important;min-width:0!important;min-height:36px;padding:6px!important;font-size:12px!important}
  .brand-accounting > .summary-grid .summary-card strong{overflow-wrap:anywhere}
}

/* Accounting filters and records stay compact on narrow screens. */
@media(max-width:760px){
  .brand-accounting .brand-accounting-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px;width:100%;max-width:100%}
  .brand-accounting .brand-accounting-filters .compact-popup-filter{grid-column:auto!important;grid-row:1;max-width:none!important;min-width:0!important;width:100%!important;min-height:34px;padding:6px 7px!important;font-size:11px!important;border-radius:6px}
  .brand-accounting-records{table-layout:fixed;width:100%;min-width:0!important}
  table.brand-accounting-records.mobile-card-table thead th{padding:7px 3px;font-size:7px;white-space:normal;overflow-wrap:anywhere;text-align:left}
  table.brand-accounting-records.mobile-card-table tbody td{padding:7px 3px;font-size:9px;overflow-wrap:anywhere;white-space:normal;text-align:left}
  .brand-accounting-records th:nth-child(1){width:15%}
  .brand-accounting-records th:nth-child(2){width:10%}
  .brand-accounting-records th:nth-child(3){width:13%}
  .brand-accounting-records th:nth-child(4){width:20%}
  .brand-accounting-records th:nth-child(5){width:12%}
  .brand-accounting-records th:nth-child(6){width:18%}
  .brand-accounting-records th:nth-child(7){width:12%}
  .brand-accounting-records .brand-status-pill{max-width:100%;padding:3px 4px;font-size:8px;line-height:1.2;letter-spacing:0;text-transform:none;white-space:nowrap}
  .brand-accounting-records .brand-record-currency{display:none}
  table.brand-accounting-records.mobile-card-table td.brand-record-amount{text-align:right;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums}
  .brand-accounting-records .brand-record-actions button{display:block;width:100%;min-width:0;min-height:28px;padding:3px 2px;font-size:8px;line-height:1.2;border-radius:5px;background:#eef3f7;color:#24425d}
  .brand-accounting-records .brand-record-actions button + button{margin-top:3px;color:#b44540;background:#fff0ee}
  .brand-accounting-records .brand-row-note{font-size:8px;line-height:1.4}
}