/* Final responsive owner; desktop tables and editing behavior remain available. */
@media(max-width:700px){
 html,body{min-width:0!important;max-width:100%;overflow-x:hidden}
 .app,.shell,main,.globalContextBar,.globalContextInner,.opsTopPanel,.card,.cardbody,.cardhead{box-sizing:border-box;min-width:0!important;max-width:100%!important}
 .shell{padding:12px!important}.cardbody,.cardhead,.opsHead{padding:14px!important}
 .cardhead,.opsHead{flex-wrap:wrap!important;gap:8px!important;align-items:flex-start!important}
 .cardhead h2,.opsHead h2{font-size:20px!important;line-height:1.25!important}.cardhead p,.opsHead p{font-size:13px!important}
 .userComposer{padding:12px!important}.userComposerGrid,.settingsFormGrid,.adminTaskFields,.stockEditGrid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;min-width:0!important}
 .userComposerGrid .wide2,.userComposerGrid>div,.settingsFormGrid>div,.stockEditGrid>div{grid-column:auto!important;min-width:0!important}
 .permissionOptions,.permissionsGrid,.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-width:0!important}
 .shiftDaysOff,.stockToolbar,.stockActions,.userComposerActions,.todoStableNav{flex-wrap:wrap!important;gap:8px!important;min-width:0!important}
 .stockToolbar>*{box-sizing:border-box;min-width:0!important;max-width:100%!important}.stockToolbar input,.stockToolbar select{flex:1 1 100%!important}
 input:not([type=checkbox]):not([type=radio]),select,textarea{box-sizing:border-box;max-width:100%!important;font-size:16px!important;min-width:0!important}
 .userComposerGrid input,.userComposerGrid select,.stockEditGrid input,.stockEditGrid select{width:100%!important;min-height:44px!important;height:auto!important;padding:10px!important}
 input[type=checkbox],input[type=radio]{flex:0 0 auto!important;width:18px!important;height:18px!important;min-height:0!important}
 button{max-width:100%;white-space:normal;overflow-wrap:anywhere}.stockAction,.userSaveBtn,.userEdit535,.userPass535,.userDeleteBtn{min-height:42px!important}
 .globalContextInner{display:block!important;padding:12px!important}.globalDateFilters{width:100%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important}.globalDateFilters .globalPeriod{min-width:0!important;width:100%!important;padding:8px 5px!important;font-size:12px!important}
 .globalCustomDates{display:grid!important;grid-column:1/-1!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0!important;gap:8px!important}.globalCustomDates input{width:100%!important}.globalCustomDates #applyGlobalDates{grid-column:1/-1!important}
 .summary,.adminTaskStats,.userDashKpis,.dashboardKpis,.executiveHealthGrid,.stockGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .stockEditBackdrop{padding:10px!important}.stockEditDialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;margin:0!important}.stockEditBody{max-height:calc(100dvh - 190px)!important;overflow-y:auto!important}.stockEditActions{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
 dialog{box-sizing:border-box;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important}
 .opsTableWrap,.tableWrap,.gridWrap,.stockTableWrap,#usersTableWrap,#dashboardRows,#udAssignedWorkGrid,#dashUserShiftGrid{min-width:0!important;max-width:100%!important;overflow:auto!important}
 table.creoMobileCards:not(.creoMobileGridMode){display:block!important;width:100%!important;min-width:0!important;border:0!important;table-layout:auto!important}
 table.creoMobileCards:not(.creoMobileGridMode)>thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 table.creoMobileCards:not(.creoMobileGridMode)>tbody{display:grid!important;gap:10px!important;width:100%!important}
 table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important;min-width:0!important;border:1px solid #dce4ef!important;border-radius:12px!important;background:var(--surface,#fff);padding:8px!important;height:auto!important;gap:4px}
 table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr>td{display:block!important;width:auto!important;min-width:0!important;max-width:100%!important;min-height:0!important;height:auto!important;padding:8px!important;border:0!important;font-size:14px!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important;vertical-align:top!important}
 table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr>td::before{content:attr(data-mobile-label);display:block;color:#62718a;font-size:11px;font-weight:700;line-height:1.4;margin-bottom:4px}
 table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr>td.creoMobileWide,table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr>td[colspan]{grid-column:1/-1!important}
 table.creoMobileCards:not(.creoMobileGridMode) td[colspan]::before{display:none!important}
 table.creoMobileCards:not(.creoMobileGridMode) td.stockActions{display:flex!important;align-content:flex-start!important;flex-wrap:wrap!important;grid-column:1/-1!important}
 table.creoMobileCards:not(.creoMobileGridMode) td.stockActions::before{flex:0 0 100%}
 table.creoMobileCards td input:not([type=checkbox]),table.creoMobileCards td select,table.creoMobileCards td textarea{width:100%!important;min-width:0!important;max-width:100%!important}
 .creoMobileViewToggle{display:inline-flex!important;align-items:center;min-height:38px;border:1px solid #cddaf5;border-radius:8px;background:#edf3ff;color:#1128d6;font-size:12px;font-weight:700;padding:8px 12px;margin:6px 0 10px}
 body.dark-theme table.creoMobileCards:not(.creoMobileGridMode)>tbody>tr{background:#171f2d!important;border-color:#303c50!important}
 #loginGate .loginCard,#loginGate .loginBox{box-sizing:border-box;width:calc(100vw - 28px)!important;max-width:420px!important;padding:22px!important;margin:14px!important}
}
@media(min-width:701px){.creoMobileViewToggle{display:none!important}}

@media(max-width:820px){
 #creoCleanNavShell .creoCleanNav{box-sizing:border-box!important;top:0!important;bottom:auto!important;height:100dvh!important;max-height:100dvh!important;width:min(86vw,320px)!important;padding:12px 14px max(24px,env(safe-area-inset-bottom))!important;gap:8px!important;overscroll-behavior:contain!important;scroll-padding-top:86px!important;scrollbar-width:thin}
 #creoCleanNavShell .creoCleanNav>.creoDrawerHeaderFinal{flex:0 0 auto!important;min-height:68px!important;height:auto!important;position:sticky!important;top:0!important;order:-1!important;padding:4px 0 12px!important;margin:0 0 8px!important;z-index:5!important}
 #creoCleanNavShell .creoCleanNav>button{flex:0 0 auto!important;margin:0!important;scroll-margin-top:86px!important}
 .creoDrawerBrand{display:block!important;width:155px!important;max-width:calc(100% - 60px)!important;height:auto!important;object-fit:contain!important}
 body.creo-mobile-drawer-open{overflow:hidden!important}
 #creoDrawerCloseFinal{box-sizing:border-box!important;align-self:center!important}
}
@media(max-width:820px){
 #creoCleanNavShell #creoCleanNav>button:hover:not(.active),#creoCleanNavShell #creoCleanNav>button:focus-visible:not(.active){background:#edf3ff!important;color:#172447!important}
}

/* Concise interface: controls, values, results and errors remain visible. */
.cardhead p,.opsHead p,.sectiontitle p,.sectionHead p,.stockHelp,.mappingViewHint,.smartHint,.manualhint,.loginSub,.dashBlockSub,.onlineUsersSub,.adminTaskSub,.radarHint,.catalogCrudHint,.hardwarePhotoNote,.settingsHint,.settingsSub,.userDashIntro,.stockEditHelp,#pageContextSubtitle,#itemModeBanner,#itemsPanel .rules,#itemsPanel .mapnote,.collapsedAnalysisHead107 p,.collapsedSettingsHead107>div>span,.upload>span,.directionChoice small{display:none!important}
#itemsPanel #validationNotice:not(.err){display:none!important}
.itemsImportOptions{margin:14px 0 0;border-top:1px solid #e1e7f0;padding-top:12px}
.itemsImportOptions>summary{cursor:pointer;list-style-position:inside;color:#1128d6;font-size:14px;font-weight:700;padding:8px 0}
.itemsImportOptions[open]>summary{margin-bottom:8px}
#itemsPanel .cardbody>.notice.blue{display:none!important}
#itemsPanel .collapsedSettingsHead107{padding-bottom:8px!important}
@media(max-width:700px){
 #itemsPanel .mapping{display:grid!important;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr)!important;gap:7px!important;padding:12px 0!important}
 #itemsPanel .mapping .type{display:none!important}#itemsPanel .mapping>*{min-width:0!important}
 #itemsPanel .mapping select,#itemsPanel .mapping input{width:100%!important;max-width:100%!important}
 #itemsPanel .mapping .manualvalue{grid-column:1/-1!important}
 #itemsPanel .grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #itemsPanel .mapwrap{padding:0 14px 14px!important}#itemsPanel .summary{padding:12px!important}
 #itemsPanel .upload{min-height:46px!important;padding:12px!important}
}
#itemsPanel .mapping.optionalMappingCollapsed{display:none!important}
#itemsPanel .itemsImportOptions .notice.blue{display:none!important}
@media(max-width:700px){#itemsPanel .mapping.head>:nth-child(n+3){display:none!important}}
@media(max-width:700px){
 #itemSubmenuWrap .itemSubmenu{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:6px 10px!important;gap:5px!important;overflow:visible!important;box-sizing:border-box!important}
 #itemSubmenuWrap .itemSubmenu>.tab{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:100%!important;min-height:40px!important;height:auto!important;font-size:12px!important;line-height:1.35!important;white-space:normal!important;text-align:center!important;padding:8px 5px!important;border:1px solid #dce4ef!important;border-radius:8px!important;box-sizing:border-box!important;margin:0!important}
 #itemSubmenuWrap .itemSubmenu>.tab.active{background:#edf3ff!important;color:#1128d6!important;border-color:#aebff2!important}
 #pageContextTitle{margin:0!important}.globalContextBar{padding-bottom:10px!important}
}
@media(max-width:900px){
 #globalContextBar .globalContextInner{display:block!important;width:100%!important;min-width:0!important;padding:14px!important;box-sizing:border-box!important}
 #globalContextBar .globalDateFilters.finalDateVisible{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:12px 0 0!important;padding:0!important;overflow:visible!important;box-sizing:border-box!important}
 #globalContextBar .globalDateFilters.finalDateVisible>.globalPeriod{width:100%!important;min-width:0!important;height:40px!important;white-space:normal!important;padding:6px!important;font-size:12px!important;box-sizing:border-box!important}
 #globalContextBar .globalDateFilters.finalDateVisible .globalCustomDates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-column:1/-1!important;gap:8px!important;width:100%!important;min-width:0!important;margin:0!important}
 #globalContextBar .globalDateFilters.finalDateVisible .globalDateField{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
 #globalContextBar .globalDateFilters.finalDateVisible .globalDateField span{display:block!important;margin:0 0 4px!important;font-size:11px!important;height:auto!important}
 #globalContextBar .globalDateFilters.finalDateVisible .globalDateField input{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:42px!important;font-size:14px!important;padding:6px!important;box-sizing:border-box!important}
 #globalContextBar .globalDateFilters.finalDateVisible #applyGlobalDates{grid-column:1/-1!important;width:100%!important;min-height:42px!important;height:auto!important;margin:0!important;background:#1128D6!important;color:white!important}
}
@media(min-width:821px){
 #creoCleanNavShell{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;padding:10px 20px!important}
 #creoCleanNavShell #creoCleanNav{display:flex!important;flex:1 1 850px!important;min-width:0!important;width:auto!important;max-width:100%!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;overflow:visible!important}
 #creoCleanNavShell #creoCleanNav>button{flex:0 0 auto!important;width:auto!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:16px!important;line-height:1.3!important;padding:12px 14px!important;margin:0!important}
 #creoCleanNavShell #creoCleanAccount{flex:0 0 auto!important;min-width:0!important;max-width:100%!important;margin-left:auto!important;gap:10px!important}
 #creoCleanNavShell #creoCleanAccount .cleanUser,#creoCleanNavShell #creoCleanAccount .cleanOffice{font-size:15px!important;white-space:nowrap!important}
 #creoCleanNavShell #creoCleanAccount button{font-size:15px!important;padding:10px 12px!important;white-space:nowrap!important}
}

#subsSubmenuWrap{display:flex;flex-wrap:wrap;gap:8px;padding:12px 24px;background:#fff;border-bottom:1px solid #dce4f0}
#subsSubmenuWrap button{min-height:42px;padding:10px 20px;border-radius:9px;color:#1128d6;background:#f3f6ff;border:1px solid #dce4f0;font-weight:800;cursor:pointer}
#subsSubmenuWrap button.active{background:#1128d6;color:#fff;border-color:#1128d6}
@media(max-width:820px){#subsSubmenuWrap{padding:10px 14px}#subsSubmenuWrap button{flex:1 1 120px}}
html[data-creo-route="stock_app"] #globalContextBar .globalDateFilters,html[data-creo-route="sellys"] #globalContextBar .globalDateFilters,html[data-creo-route="subs"] #globalContextBar .globalDateFilters{display:none!important}
html[data-creo-route="items"] #globalContextBar .globalDateFilters{display:none!important}
/* Keep neighboring dashboard sections still when switching short/empty grids. */
#dashboardRows,#dashboardItemsActivity{min-height:240px;overflow-anchor:none}
#dashboardRows table,#dashboardItemsActivity table{width:100%!important;table-layout:fixed}
#dashboardRows th,#dashboardRows td,#dashboardItemsActivity th,#dashboardItemsActivity td{overflow-wrap:anywhere}
#dashboardRows,#dashboardRows *,#dashboardItemsActivity,#dashboardItemsActivity *{animation:none!important;transition:none!important}

.pcGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}#stockAppContent #pcEditor label{display:block;margin:12px 0;font-weight:700}#stockAppContent #pcEditor select,#stockAppContent #pcEditor input:not([type=checkbox]),#pcCompany{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px;border:1px solid #ccd7e6;border-radius:9px;box-sizing:border-box}#pcQr{background:white;padding:18px;display:inline-block;margin-top:18px}#pcOpen{display:inline-block;margin:12px;color:#1128d6}@media(max-width:700px){.pcGrid{grid-template-columns:1fr}}
#subsSubmenuWrap button.active,#subsSubmenuWrap button[aria-pressed="true"]{background:#1128d6!important;background-image:none!important;color:#fff!important;border:2px solid #1128d6!important;box-shadow:0 3px 9px rgba(17,40,214,.18)!important;font-weight:800!important}
#subsSubmenuWrap button:not(.active){background:#fff!important;background-image:none!important;color:#1128d6!important;border:2px solid #dce4f0!important;box-shadow:none!important}
#subsSubmenuWrap button:focus-visible{outline:3px solid #59b9ff!important;outline-offset:3px!important}

#itemsPanel .rules{display:grid!important}#itemsPanel .mapnote{display:block!important}

.quotationSampleDialog{box-sizing:border-box!important;width:min(520px,calc(100vw - 32px))!important;max-height:calc(100dvh - 48px)!important;padding:24px!important;margin:auto!important;border:1px solid #dce4f0!important;border-radius:16px!important;background:#fff!important;color:#172447!important;box-shadow:0 18px 60px #0b1d3d30!important}
.quotationSampleDialog::backdrop{background:#0b173b66}
.quotationSampleDialog h3{margin:0 0 20px!important;font-size:20px!important;line-height:1.3!important;color:#1128d6!important}
.quotationSampleDialog p:empty{display:none!important}
.quotationSampleDialog label{display:block!important;font-size:13px!important;font-weight:700!important;color:#596780!important}
.quotationSampleDialog select{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:48px!important;margin:7px 0 0!important;padding:10px 12px!important;border:1px solid #cbd6e7!important;border-radius:9px!important;background:#fff!important;color:#172447!important;font:15px system-ui,sans-serif!important}
.quotationSampleDialog>div:last-child{display:flex!important;gap:10px!important;margin-top:24px!important;justify-content:flex-end!important}
.quotationSampleDialog button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:104px!important;min-height:44px!important;padding:10px 16px!important;margin:0!important;border-radius:9px!important;font-size:14px!important;line-height:1.2!important}
.quotationSampleDialog button[data-load]{background:#1128d6!important;color:#fff!important}.quotationSampleDialog button[data-cancel]{background:#edf2ff!important;color:#1128d6!important}
@media(max-width:480px){.quotationSampleDialog{padding:20px!important}.quotationSampleDialog>div:last-child button{flex:1!important;min-width:0!important}}

/* Remove redundant contact field below the quotation logo. */
#quotationsTopPanel #quotationCreoContactText,#quotationsTopPanel .quotationCreoContactLine{display:none!important}

.userComposerHeading535{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.userComposerHeading535 h3{margin:0;font-size:20px;color:#1128d6}
.userComposerActions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex-wrap:wrap;margin-top:24px!important;padding-top:18px;border-top:1px solid #dce5f2}
.userComposerActions button{margin:0!important;min-height:44px}
.userActions535{display:flex!important;flex-wrap:wrap!important;gap:8px!important;white-space:normal!important}
@media(max-width:600px){.userComposerHeading535{align-items:flex-start}.userComposerActions button{flex:1;min-width:140px}}

.quotationSqlStatus{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;color:#536078;font-size:13px}.quotationSqlStatus button{padding:6px 12px;min-height:34px}

.quotationAccess535{margin-top:18px;padding:16px;border:1px solid #dce5f2;border-radius:10px;background:#fff}
.quotationAccess535>label{display:flex;align-items:center;gap:10px;font-weight:700;color:#1128d6}
#oldQuoteScope535{margin-top:14px;max-width:420px}#oldQuoteScope535[hidden],.oldQuotesSection[hidden]{display:none!important}
#oldQuoteCountries535{display:block;width:100%;height:150px;margin-top:6px;border:1px solid #cbd8ea;border-radius:8px;padding:8px}

#oldQuoteCountries535{height:168px!important;min-height:168px!important;padding:8px!important;font-size:14px!important}#oldQuoteCountries535 option{padding:5px 8px!important}

html body #settingsTopPanel #usersTopPanel #quotationAccess535 #oldQuoteCountries535{height:184px!important;min-height:184px!important;max-height:none!important;overflow:auto!important}

.pcPriceMapping{display:grid;gap:12px;padding:16px;border:1px solid #dce5f2;border-radius:10px;background:#fff}.pcPriceMapping label{display:grid;gap:6px}.pcPriceMapping input{margin:0!important;width:100%!important;box-sizing:border-box}.pcPriceMapping select{margin:0!important}

.clientReminderDialog{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:24px;border:1px solid #dce5f2;border-radius:16px;color:#172447;background:#fff;box-shadow:0 18px 60px #0b1d3d30}.clientReminderDialog::backdrop{background:#0b173b66}.clientReminderDialog h3{margin:0 0 12px;color:#1128d6}.reminderRecipient{font-size:13px;color:#536078}.reminderGreeting{display:block;font-weight:700;margin:18px 0 10px}.clientReminderDialog textarea{box-sizing:border-box;width:100%;min-height:160px;padding:12px;border:1px solid #cbd8ea;border-radius:8px;font:inherit;resize:vertical}.reminderActions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.reminderResult{color:#b42318;font-size:13px}#subReminderText10507{margin-bottom:10px}

.clientExpiryToolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}.clientExpiryToolbar span{font-size:14px;color:#536078}.clientReminderDialog #clientExpiryDays{display:block;box-sizing:border-box;width:100%;height:46px;margin-top:8px;padding:10px 12px;border:1px solid #cbd8ea;border-radius:8px;font:inherit}

html[data-creo-route="clients"] #globalContextBar .globalDateFilters{display:none!important}

.acTabs,.acActions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.acActions{justify-content:flex-end}.acError{color:#b42318;font-size:14px}.acFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.acFields label,.acDialog label{display:grid;gap:6px}.acFields input,.acFields select,.acFields textarea,.acDialog>input{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cbd8ea;border-radius:8px;font:inherit}.acDialog{box-sizing:border-box;width:min(1000px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;border:1px solid #dce5f2;border-radius:14px;padding:24px;color:#172447;background:#fff}.acDialog::backdrop{background:#0b173b66}.acDialog h3{margin:0 0 18px;color:#1128d6}.acPurchase{padding:16px;border:1px solid #dce5f2;border-radius:10px;margin-top:14px}.acDialog .acCheck{display:flex;align-items:center;gap:10px;margin-bottom:12px}.acCheck input{width:18px!important;height:18px!important;min-height:0!important}.acTableWrap{overflow-x:auto;margin-top:16px}.acTableWrap table{width:100%;border-collapse:collapse}.acTableWrap th,.acTableWrap td{padding:12px;border-bottom:1px solid #dce5f2;text-align:left;vertical-align:top}.acDialog [hidden]{display:none!important}html[data-creo-route="accounting"] #globalContextBar .globalDateFilters{display:none!important}@media(max-width:650px){.acFields{grid-template-columns:1fr}.acDialog{padding:18px}.acTableWrap table{min-width:720px}}@media print{body.acPrinting>*{display:none!important}body.acPrinting>dialog.acPrint{display:block!important;position:static;width:100%;max-height:none;overflow:visible;border:0;margin:0}body.acPrinting .acActions,body.acPrinting .acError{display:none!important}}

#clientHeaderActions{margin:0 0 0 auto;justify-content:flex-end}#clientHeaderActions .opsAddBtn[data-grid="clients"]{margin:0!important}#clientHeaderActions [hidden]{display:none!important}@media(max-width:650px){#clientsTopPanel .opsHead{flex-wrap:wrap}#clientHeaderActions{width:100%;justify-content:flex-start;margin-top:12px}}

@media(min-width:800px){.acDialog .acTableWrap table{min-width:0!important;width:100%!important;table-layout:fixed}.acDialog .acTableWrap th,.acDialog .acTableWrap td{font-size:12px!important;overflow-wrap:anywhere;padding:9px!important}.acStatement .acTableWrap th:nth-child(2){width:37%}.acStatement .acTableWrap th:not(:nth-child(2)){width:12.6%}}@media print{body.acPrinting .acTableWrap{overflow:visible!important}body.acPrinting table{min-width:0!important;width:100%!important;font-size:10px!important}}

.creoBusinessCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0 24px}.creoBusinessCards article{background:#fff;border:1px solid #dce5f2;border-radius:12px;padding:18px;min-width:0}.creoBusinessCards small{display:block;color:#536078;font-size:13px;font-weight:700}.creoBusinessCards strong{display:block;color:#1128d6;font-size:24px;margin:12px 0;overflow-wrap:anywhere}.creoBusinessCards span{font-size:12px;color:#667085}#creoKpiDays{width:90px!important;min-width:0!important;display:inline-block!important;padding:8px!important}#creoBusinessKpis[hidden]{display:none!important}.creoBusinessKpiSelected #dashboardTopPanel .dashSummary,.creoBusinessKpiSelected #dashboardTopPanel .dashTabBar,.creoBusinessKpiSelected #dashboardRows{display:none!important}.acTabs button.primary{background:#1128d6!important;color:#fff!important}.acTabs button:not(.primary){background:#eef3ff;color:#1128d6}

#adminShiftDetails>summary,#adminLoginDetails>summary{cursor:pointer;list-style:revert;display:list-item;padding:8px 0;margin:0}#adminShiftDetails[open]>summary,#adminLoginDetails[open]>summary{margin-bottom:12px}.shiftFilter{display:flex;justify-content:flex-end;margin:0 0 12px}

@media(max-width:760px){#clientsMenu10502 .clientsSubmenu{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;gap:6px}#clientsMenu10502{overflow:visible!important}#clientsMenu10502 .tab{flex:0 0 auto;padding:10px 12px!important}}

.uaProof{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:12px auto}#clientPane_user_accounting_10502 h3{margin-top:22px}#clientPane_user_accounting_10502 .acFields{align-items:end;margin-bottom:20px}

/* Keep renewal actions inside their cells and modal actions above the safe area. */
#clientsTopPanel .clientFinalActions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;min-width:0;max-width:100%}
#clientsTopPanel .clientFinalActions .clientFinalBtn,#accountingContent [data-renew]{box-sizing:border-box;flex:0 0 auto;max-width:100%;height:auto!important;min-height:38px;white-space:normal!important;line-height:1.3!important;overflow:visible!important;text-overflow:clip!important;padding:9px 12px!important}
#clientsTopPanel .clientFinalTable td:last-child{overflow:visible!important}
.acDialog[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 24px);overflow:hidden}
.acDialog>h3{flex:0 0 auto}.acDialogBody{flex:1 1 auto;min-height:0;overflow:auto;padding-bottom:12px}
.acDialog>.acError{flex:0 0 auto;margin:6px 0;max-height:20vh;overflow:auto}
.acDialog>.acActions{flex:0 0 auto;margin:0;padding:12px 0 max(2px,env(safe-area-inset-bottom));background:inherit;border-top:1px solid #e2e9f3}
.acDialog>.acActions .btn{max-width:100%;height:auto!important;min-height:42px;white-space:normal!important;line-height:1.3!important}
@media print{body.acPrinting>dialog.acPrint{display:block!important;max-height:none!important;overflow:visible!important}body.acPrinting .acDialogBody{overflow:visible!important}}

#clientPane_user_accounting_10502 .uaFilters{display:flex;align-items:flex-end;justify-content:flex-start;gap:8px}#clientPane_user_accounting_10502 .uaFilters>label{display:grid;gap:6px;flex:0 1 190px;min-width:130px;margin:0}#clientPane_user_accounting_10502 .uaFilters select{width:100%;min-width:0}#clientPane_user_accounting_10502 #uaReload{flex:0 0 auto;align-self:flex-end;margin:0!important;min-height:42px}

#clientPane_user_accounting_10502 td:last-child .btn{display:inline-flex;align-items:center;justify-content:center;white-space:normal;max-width:100%;height:auto;min-height:38px;margin:3px 5px 3px 0;padding:9px 12px;line-height:1.3}

#clientPane_user_accounting_10502 td:last-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.uaPaymentActions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;width:100%;white-space:normal}.uaPaymentActions>span{flex-basis:100%;font-size:12px;color:#64748b}.uaPaymentActions>.btn{flex:0 0 auto!important;margin:0!important}

#clientsTopPanel .clientPane10502,#clientsTopPanel .clientPane10502 table{animation:none!important;transition:none!important}

.acInvoiceView .acTableWrap th:first-child{width:34%}.acInvoiceView .acTableWrap th:nth-child(2){width:6%}.acInvoiceView .acTableWrap td:first-child,.acInvoiceView .acSerials{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word}.acSerials{margin-top:5px;font-size:11px;color:#52627b}

/* Compact client row actions; keep navigation and form controls unchanged. */
#clientsTopPanel .clientFinalTable td{padding:8px 10px!important}
#clientsTopPanel .clientFinalActions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;max-width:190px}
#clientsTopPanel .clientFinalBtn,#clientsTopPanel td>.btn,#clientsTopPanel td>.deleteRowBtn,#clientsTopPanel .workRowActions button,#clientsTopPanel .uaPaymentActions button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:28px!important;min-height:28px!important;margin:0!important;padding:3px 8px!important;border-radius:6px!important;font-size:12px!important;line-height:18px!important;letter-spacing:0!important;white-space:nowrap!important}
#clientsTopPanel .uaPaymentActions,#clientsTopPanel .workRowActions{gap:4px!important;flex-wrap:wrap!important}

.acStatementBrand{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;border-bottom:2px solid #1128d6;padding-bottom:14px;margin-bottom:14px}.acStatementBrand img{width:160px;max-height:75px;object-fit:contain}.acStatementCompany{text-align:right;font-size:12px;line-height:1.5}.acStatementCompany>div{margin-bottom:5px}.acStatementFooter{text-align:center;color:#1128d6;border-top:1px solid #dce5f2;margin-top:18px;padding-top:10px;font-size:12px}.acStatementFilters{grid-template-columns:1fr 1fr auto;align-items:end;margin-bottom:18px}.acStatementPeriod{color:#52627b;font-size:12px}@media(max-width:650px){.acStatementFilters{grid-template-columns:1fr 1fr}.acStatementFilters button{grid-column:1/-1}.acStatementBrand{flex-direction:column;gap:12px}.acStatementCompany{text-align:left}}