/* Contractor editor is shared. The responsive workspace starts at 760px only. */
.contractor-lookup{display:flex;align-items:end;gap:8px}.contractor-group{margin-top:20px}.contractor-group h3{font-size:14px}.contractor-group h3 small{font-weight:400;color:#64748B;margin-left:6px}.contractor-group .account{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.contractor-group .account>div{min-width:0;overflow-wrap:anywhere}#contractorLookupStatus:empty{display:none}#viesSuggestion{padding:12px;border:1px solid #BFDBFE;border-radius:8px;background:#EFF6FF}#viesSuggestionText{white-space:pre-wrap;font-size:13px;line-height:1.5;margin-bottom:10px}
.mobile-only,.mobile-panel-toggle{display:none!important}
@media(max-width:760px){
 .weekly-move-button{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
 :root{--header-height:56px;--mobile-nav:calc(64px + env(safe-area-inset-bottom,0px))}
 html,body{width:100%;min-width:0;overflow-x:clip}body{background:#F1F6FC;overscroll-behavior-y:none}
 .global-topbar{height:calc(56px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 16px 0;z-index:35}
 .flux-logo{width:100px;height:32px}.global-tools{gap:4px}.header-icon{width:40px;height:44px}.header-icon .ui-icon{width:22px;height:22px}#profileName,.profile-button>.ui-icon{display:none}#profileInitials{width:32px;height:32px;font-size:13px}
 .mobile-only{display:flex!important}.mobile-only.hidden{display:none!important}
 .app{display:block;min-height:calc(100dvh - var(--header-height));padding-bottom:var(--mobile-nav)}
 .side{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;height:var(--mobile-nav);z-index:40;background:#fff;padding:4px max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left));border-top:1px solid #DCE6F3}
 .side::before,.main::before{display:none!important}.nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 .nav button{height:56px;min-height:56px;margin:0;padding:4px 0;gap:4px;color:#526F99;font-size:11px;line-height:15px;border-radius:8px}
 .nav button[data-page=history]{display:none}.nav button .ui-icon{width:22px;height:22px}.nav button.active{box-shadow:none;background:#EFF6FF;color:#2563EB}.nav button:hover{background:#EFF6FF;color:#2563EB}
 .main,.main:has(:is(#dashboard,#transactions,#history).active){display:block;height:auto;max-height:none;min-height:0;padding:16px 12px 20px;margin:0;width:100%;border-radius:0;overflow:visible}
 .main>.top,.main:has(:is(#dashboard,#transactions).active)>.top{position:static;min-height:0;display:flex;gap:8px;margin:0 0 14px;padding:0;background:transparent;flex-wrap:wrap}
 .main>.top h1,.main:has(:is(#dashboard,#transactions).active)>.top h1{font-size:26px;line-height:32px;letter-spacing:-.7px}.main>.top p,.main:has(:is(#dashboard,#transactions).active)>.top p{font-size:12px;margin:2px 0 0;line-height:18px}
 #dashboard.active,#transactions.active,#history.active{display:block;height:auto;min-height:0;max-height:none;overflow:visible}
 #dashboard .dashboard-content{height:auto;max-height:none;overflow:visible;padding:0;flex:none}
 #dashboard .dashboard-toolbar{position:static;display:block;margin:0 0 12px;padding:0;background:transparent}
 #dashboard .dashboard-toolbar h2{display:none}.horizon-row,#dashboard .horizon-row{display:block}.horizon-controls,#dashboard .horizon-controls{display:block;padding:0;overflow:visible}
 #dashboardHorizonButtons{display:flex;max-width:100%;width:100%;overflow:auto}#dashboard .horizon-buttons button{flex:1;min-width:0;min-height:44px;padding:0 9px;font-size:12px}
 #dashboard #dashboardAddBtn{position:static;height:44px;margin-top:8px;width:100%;display:none}
 #dashboardRange{flex-wrap:wrap;margin-top:8px!important}#dashboardRange .input{flex:1;min-width:0;width:auto;height:44px;font-size:16px}#dashboardRange .btn{height:44px;width:100%}
 #dashboard .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
 #dashboard .kpi-card{position:relative;display:block;min-height:156px;height:auto;padding:12px 10px;gap:6px;border-radius:12px;background:#fff}
 #dashboard .kpi-icon{width:28px;height:28px;position:absolute;top:10px;left:10px}.kpi-icon .ui-icon,#dashboard .kpi-icon .ui-icon{width:18px;height:18px}
 #dashboard .kpi-content{width:100%}#dashboard .label{font-size:11px;line-height:15px;padding:0 0 0 34px;min-height:30px;display:flex;align-items:center}
 #dashboard .liquidity-kpi .label{padding-right:0;max-width:calc(100% - 42px);font-size:10px;line-height:12px}
 #dashboard .liquidity-currency{top:12px;right:6px;width:43px;padding:2px;font-size:10px;height:30px;min-height:30px}
 #dashboard .value{font-size:clamp(18px,5vw,25px);line-height:1.25;letter-spacing:-.6px;white-space:normal;overflow-wrap:anywhere;margin-top:9px;font-weight:720}
 #dashboard .kpi-secondary,#periodMinimum{font-size:10px;line-height:15px;padding-top:8px;margin-top:8px;border-top:1px solid #E2E8F0}
 #dashboard .kpi-secondary strong,#periodMinimum strong,#dashboard .liquidity-breakdown strong{font-size:11px;line-height:16px;margin:0;display:block;white-space:normal}
 #dashboard .liquidity-breakdown{gap:4px}#dashboard .liquidity-breakdown>div{display:flex;flex-wrap:wrap;gap:0 4px}
 #dashboard .grid2{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
 #dashboard .grid2>.panel{height:auto;min-height:0;padding:0;border-radius:12px;overflow:hidden;background:#fff;display:block}
 .mobile-panel-toggle{display:flex!important;width:100%;align-items:center;gap:9px;min-height:70px;border:0;padding:12px 10px;text-align:left;background:#fff;color:#0A0F1E;font:inherit;cursor:pointer}
 .mobile-module-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;background:#EFF6FF;border-radius:50%;color:#3B82F6}.mobile-module-icon .ui-icon{width:21px;height:21px}
 .mobile-module-label{flex:1;min-width:0}.mobile-module-label strong{font-size:13px;line-height:18px;display:block;letter-spacing:-.15px}.mobile-module-label small{display:block;font-size:10px;line-height:15px;color:#647B9C;margin-top:2px}
 .mobile-panel-toggle>b{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.mobile-panel-toggle>.ui-icon{width:15px;height:15px;transform:rotate(-90deg);color:#647B9C}.mobile-panel-toggle[aria-expanded=true]>.ui-icon{transform:none}
 #dashboard .grid2>.panel:not(.mobile-expanded)>:not(.mobile-panel-toggle){display:none!important}
 #dashboard .grid2>.panel.mobile-expanded>:not(.mobile-panel-toggle){margin:0 10px 12px}
 #dashboard .grid2>.panel .panelhead{min-height:0;flex-wrap:wrap}#dashboard .grid2>.panel .panelhead h2{display:none}#dashboard .nearest-panel .panelhead{display:flex}#dashboard .upcoming-title{display:none}#dashboard .upcoming-filter{width:100%;margin:0}#dashboard .upcoming-filter button{flex:1;min-height:40px}
 #dashboard .accounts-heading{display:flex;gap:8px;justify-content:space-between;padding-top:4px}#dashboard .account-caption{display:none}#dashboard .account-transfer{height:44px;font-size:11px;padding:0 4px}
 #dashboard .account-list{grid-template-columns:1fr}#dashboard .bank-account-line{min-width:0}#dashboard .account-name strong{font-size:12px}#dashboard .account-balance{font-size:13px}
 #dashboard .nearest-panel .table-wrap{max-height:330px;height:auto;overflow:auto}#dashboard .nearest-panel .table{table-layout:fixed;min-width:0;width:100%}#dashboard .nearest-panel th:nth-child(3),#dashboard .nearest-panel td:nth-child(3){display:none}#dashboard .nearest-panel th:first-child{width:82px}#dashboard .nearest-panel th:last-child{width:106px}#dashboard .nearest-panel td{padding:10px 5px;font-size:11px;white-space:normal;overflow-wrap:anywhere}#dashboard .nearest-panel td:last-child{white-space:nowrap}#dashboard .nearest-panel td:nth-child(2) button{max-width:100%;font-size:11px;min-height:36px}
 #dashboard .chart-legend{justify-content:flex-start;gap:8px;font-size:10px}#dashboard .financial-chart{height:150px;min-height:150px}#dashboard .weekgrid{grid-template-columns:1.25fr 1fr 1fr 1fr;gap:4px}#dashboard .weekname,#dashboard .week .money{font-size:10px;white-space:normal}#dashboard .week-table-heading{font-size:9px;padding-inline:0}#dashboard .donut-layout{grid-template-columns:1fr}#dashboard .donut-chart{max-width:230px;margin:auto}#dashboard .chart-grid .panelhead{min-height:0}#dashboard .bank-history-footer{flex-wrap:wrap}
 .danger-box,.notice{font-size:11px;line-height:17px}#dashboard .kpi-explanation{font-size:11px;padding:10px 0}
 #transactions .transaction-panel,#history .history-panel{display:block;height:auto;overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}
 #transactions .transaction-layout-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;min-height:0}#transactions .transaction-layout-bar>.segmented{width:100%;display:flex}#transactions .transaction-layout-bar>.segmented button{flex:1;min-height:40px;padding:0 8px;font-size:12px}
 #transactions .transaction-toolbar,#transactions .weekly-layout .transaction-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 12px;min-height:0;border:0;background:none;flex-wrap:wrap}
 #transactions .split-menu{grid-row:1;grid-column:1}#transactions .search-control,#transactions .weekly-layout .search-control{order:0;grid-row:2;grid-column:1/-1;min-width:0;width:100%;margin:0}#transactions .filter-menu{grid-row:1;grid-column:2;min-width:0}#transactions .view-menu{grid-row:3;grid-column:2;min-width:0;margin:0}
 #transactions #weeklyAccountButton{grid-row:3;grid-column:1;min-width:0;max-width:none;width:100%}
 #transactions :is(#filterBtn,#viewBtn,#weeklyAccountButton),#transactions .weekly-layout :is(#filterBtn,#viewBtn,#weeklyAccountButton){min-width:0;height:44px;width:100%;font-size:12px;padding:0 10px;justify-content:center}
 #transactions .split-button{display:flex;width:100%}#transactions .split-button .btn,#transactions .weekly-layout .split-button .btn{height:44px;font-size:12px;padding:0 10px}#transactions #addTableTx{flex:1}#transactions #addOptionsBtn{width:40px;min-width:40px}
 #transactions #search{height:44px;font-size:16px;padding-left:36px}#weeklyScope{font-size:10px;line-height:16px;flex-wrap:wrap;gap:4px;width:100%}
 .mobile-week-tabs{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:15;gap:6px;padding:8px 0;background:#F1F6FC;margin-bottom:8px;overflow:auto;scrollbar-width:none}
 .mobile-week-tabs button{flex:1;min-width:65px;border:1px solid #DAE5F4;background:#F8FBFF;border-radius:9px;padding:9px 3px;color:#1B2A41;min-height:62px;cursor:pointer}.mobile-week-tabs strong{font-size:15px;display:block}.mobile-week-tabs small{font-size:9px;display:block;line-height:14px;margin-top:4px;white-space:nowrap}.mobile-week-tabs button[aria-pressed=true]{background:#3B82F6;color:#fff;border-color:#3B82F6;box-shadow:0 3px 8px #3B82F626}.mobile-week-tabs .mobile-drop-target{outline:3px dashed #3B82F6;outline-offset:-4px;background:#DBEAFE!important;color:#1B2A41!important}
 #transactions .weekly-board,#transactions .daily-board{display:block;min-height:0;overflow:visible;flex:none;padding:0}
 .weekly-column:not(.mobile-week-active){display:none}.weekly-column{height:auto;min-height:0;padding:0;border:0;background:none;overflow:visible}.weekly-heading{padding:0 2px 12px;grid-template-columns:1fr auto;white-space:normal}.weekly-heading h2{display:none}.weekly-range{font-size:12px;font-weight:600;color:#1B2A41}.weekly-closing{font-size:10px}.weekly-closing strong{font-size:16px}
 .weekly-dropzone{display:none}.weekly-cards{gap:10px}.weekly-card{border-radius:11px;padding:14px 12px;position:relative;touch-action:pan-y;min-height:100px}.weekly-party{font-size:14px;line-height:20px;white-space:normal;max-width:85%;margin-bottom:8px}.weekly-amount{font-size:19px}.weekly-after{font-size:11px}.weekly-after strong{font-size:12px}.weekly-card-footer{margin-top:10px;font-size:11px;min-height:22px}.weekly-date .ui-icon{width:15px;height:15px}.weekly-move-button{position:absolute;right:3px;top:3px;width:40px;height:40px;touch-action:none}.weekly-move-button .ui-icon{width:20px;height:20px}.mobile-zero-deviation{display:none}.weekly-card.is-dragging{opacity:.65;border:2px solid #3B82F6;transform:rotate(-1deg)}
 #transactions .table-wrap{height:65dvh;max-width:100%;overflow:auto}#transactions .transaction-footer{flex-wrap:wrap;padding:10px 0;font-size:11px}#bulkBar{flex-wrap:wrap}#dailyWeekNav{width:100%;justify-content:space-between}
 .filter-panel,#transactions .filter-panel,.view-panel{position:fixed;inset:calc(64px + env(safe-area-inset-top)) 10px auto!important;width:auto;max-width:none;max-height:calc(100dvh - var(--mobile-nav) - 80px);overflow:auto;z-index:45;padding:16px!important}
 #transactions .filter-grid{grid-template-columns:1fr;gap:14px}#transactions .filter-date-row{grid-template-columns:1fr}.filter-grid .date-filter{display:flex;flex-wrap:wrap}.filter-grid .date-control{min-width:0;flex:1}.filter-grid .date-control .input{width:100%;font-size:16px}#closeFilters{min-width:44px;min-height:44px}.filter-options label{min-height:44px}
 .popover{max-width:calc(100vw - 24px)}#notificationsPanel{position:fixed;top:60px;left:12px;right:12px;width:auto}#morePanel{left:0;right:auto}.menu-item{white-space:normal;font-size:13px;min-height:44px}#addOptionsPanel{left:0;right:auto;width:265px}
 .form,.modal-bg .modal .form,.finance-dialog .form{grid-template-columns:1fr;gap:14px}.form>.full{grid-column:1}.modal-bg{padding:12px 10px calc(12px + env(safe-area-inset-bottom));align-items:center;z-index:50}.modal-bg .modal,.finance-dialog,.ksef-dialog{max-width:100%;width:100%;max-height:calc(100dvh - 32px - env(safe-area-inset-top));border-radius:16px;padding:18px;overflow:auto;overscroll-behavior:contain}
 input.input,select.select,textarea,.modal-bg .modal :is(.input,.select),.finance-dialog :is(.input,.select),.ksef-dialog :is(.input,.select){min-height:44px;height:44px;font-size:16px;min-width:0;max-width:100%}.form label,.modal-bg .modal label{font-size:12px}.modal-bg .modal .btn,.finance-dialog .btn,.ksef-dialog .btn{min-height:44px;height:auto;font-size:13px;padding:10px 12px}.modal-bg .modal .close{min-width:44px;min-height:44px}input[type=date]{appearance:none;min-width:0}.form .actions{flex-wrap:wrap}.form .actions .btn{flex:1}#loginForm .input{margin-bottom:8px}#loginModal .modal{max-width:420px!important}body:has(.modal-bg[style*="display: flex"]){overflow:hidden}
 .transaction-drawer{inset:0;max-width:100%;width:100%;height:100dvh;max-height:100dvh;border:0;background:#F1F6FC;padding-top:env(safe-area-inset-top);border-radius:0}.drawer-heading{padding:14px 16px;background:#fff}.drawer-heading h2{font-size:20px;letter-spacing:-.4px}.drawer-heading .icon-btn{min-width:44px;min-height:44px}.drawer-content{padding:12px;overflow:auto}.detail-hero,.detail-section,.detail-saved{border:1px solid #DEE8F4;background:#fff;border-radius:12px;padding:14px;margin-bottom:10px}.detail-hero h3{font-size:20px;line-height:27px}.detail-amount{font-size:28px}.detail-section h3{font-size:12px}.transaction-drawer dl{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-drawer dt{font-size:11px}.transaction-drawer dd{font-size:13px}.drawer-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff}.drawer-footer>span{display:none}.drawer-footer .btn{min-height:44px;justify-content:center;width:100%;font-size:13px}
 .mobile-detail-actions{flex:none;flex-direction:column;gap:8px;padding:8px 12px;background:#F1F6FC}.mobile-detail-actions .btn{min-height:44px;font-size:14px;border:1px solid #BCD2F0;border-radius:9px;padding:10px}.mobile-detail-actions .btn.primary{background:#3B82F6;color:white;border-color:#3B82F6}#mobileActionError{font-size:12px;line-height:18px;color:#B91C1C;margin:0}#mobileActionError:empty{display:none}
 .weekly-move-dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:90dvh;overflow:auto;border-radius:18px 18px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #1B2A4120}.weekly-move-dialog h2{font-size:19px;line-height:25px}.weekly-move-dialog .input,.weekly-move-dialog .select{font-size:16px;min-height:46px}.weekly-move-dialog .btn{height:46px;font-size:14px}
 #settings>.grid2,.grid2{grid-template-columns:1fr}.panel{min-width:0}#settings .panel{padding:14px}#settings .account,.contractor-group .account{flex-wrap:wrap}.settings-rates-grid,.integration-grid,.reconcile-grid,.ksef-sync-form,.ksef-review-grid{display:flex;flex-direction:column;gap:12px}.credit-card-row{flex-wrap:wrap}.credit-card-panel .btn{min-height:44px}.security-settings{flex-wrap:wrap}#history .history-toolbar{flex-wrap:wrap}#history .history-kpis{gap:8px}#history .history-kpis .card{padding:10px}#history .history-kpis .value{font-size:18px}#history .table-wrap{overflow:auto;max-width:100%}.ksef-content{min-width:0}.ksef-invoice-heading{flex-wrap:wrap}.ksef-sync-panel .actions{flex-wrap:wrap}.ksef-content .table-wrap{max-width:100%;overflow:auto}.ksef-dialog .drawer-heading{padding:0 0 12px}
 @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
}

@media(max-width:760px){
 #dashboard .dashboard-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start}
 #mobileHorizon{width:100%;font-size:14px;height:44px}#dashboard .horizon-row{display:contents}#dashboard .horizon-controls{display:contents}#dashboardHorizonButtons{display:none}
 #dashboard #dashboardAddBtn{display:flex;position:static;grid-column:2;grid-row:1;width:auto;min-width:0;height:44px;padding:0 12px;margin:0;font-size:12px}
 #dashboardRange{grid-column:1/-1;grid-row:2;margin:0!important;width:100%}#dashboardRangeError{grid-column:1/-1}
}
@media(max-width:760px){
 body:has(:is(#dashboard,#transactions).active){overflow:visible}
 body{padding-top:calc(56px + env(safe-area-inset-top,0px))}
 .global-topbar{position:fixed;inset:0 0 auto;width:100%}
 .demo-badge{font-size:9px;max-width:74px;white-space:normal;line-height:12px}.demo-shared-notice{font-size:11px}
}
.demo-shared-notice{font-size:12px;padding:8px 12px;background:#E8F0FF;color:#365D91;border-radius:8px;line-height:1.4}
@media(max-width:760px){
 .mobile-dialog-brand{background:#0A0F1E;min-height:56px;align-items:center;padding:0 16px;flex:none}
 .mobile-detail-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));min-height:64px;padding:4px 8px env(safe-area-inset-bottom);background:#fff;border-top:1px solid #DCE6F3;flex:none}
 .mobile-detail-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;color:#526F99;font-size:11px;min-height:56px}.mobile-detail-nav button .ui-icon{width:22px;height:22px}.mobile-detail-nav button.active{color:#2563EB;background:#EFF6FF;border-radius:8px}
 #transactionDetailsDialog .drawer-footer{padding:6px 12px 10px}.mobile-detail-actions .btn{min-height:46px}
 .weekly-card{display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:8px;row-gap:5px;align-items:center;padding:14px 12px;min-height:90px}
 .weekly-values,.weekly-card-footer{display:contents}.mobile-card-icon{grid-row:1/3;grid-column:1;align-items:center;justify-content:center;border-radius:50%;background:#EFF6FF;width:28px;height:28px}.mobile-card-icon .ui-icon{width:18px;height:18px}
 .weekly-party{grid-column:2;grid-row:1;max-width:none;margin:0;font-size:12px;line-height:16px;overflow-wrap:anywhere}.weekly-amount{grid-column:3;grid-row:1;font-size:16px;padding-right:17px;letter-spacing:-.4px}.weekly-after{grid-column:3;grid-row:2;font-size:9px;margin-left:0;text-align:right}.weekly-after strong{font-size:10px}
 .weekly-date{grid-column:2;grid-row:2;font-size:10px;gap:4px}.weekly-date>.ui-icon{display:none}.weekly-deviation{grid-column:2;grid-row:3;font-size:9px;justify-self:start;padding:2px 4px}.weekly-locked{position:absolute;top:5px;right:6px}.weekly-move-button{right:0;top:0;width:30px;height:44px}.weekly-move-button .ui-icon{width:17px;height:17px}
 .daily-board .weekly-after{margin:0}.daily-board .weekly-card{padding:14px 12px}
}
@media(max-width:760px){
 #transactions .transaction-toolbar,#transactions .weekly-layout .transaction-toolbar{grid-template-columns:minmax(0,1fr) 104px 44px}
 #transactions #mobileTools{grid-row:1;grid-column:3;height:44px;padding:0;min-width:44px;width:44px}
 #transactions .transaction-layout-bar,#transactions .weekly-layout #weeklyAccountButton,#transactions #weeklyAccountButton,#transactions .view-menu{display:none}
 #transactions .mobile-tools-open .transaction-layout-bar{display:flex}#transactions .mobile-tools-open .view-menu{display:block;grid-column:2/4}#transactions .mobile-tools-open #weeklyAccountButton{display:flex;grid-column:1}
 #transactions .mobile-tools-open #weeklyAccountButton.hidden{display:none!important}
 #transactions .weekly-party{font-size:14px;line-height:19px}#transactions .weekly-amount{font-size:17px}#transactions .weekly-after{font-size:10px}#transactions .weekly-after strong{font-size:11px}
}

@media(max-width:760px){
 #transactionDetailsDialog .drawer-footer .btn.primary{background:transparent;color:#2563EB;border-color:transparent;min-height:36px;height:36px;font-size:12px}
}

/* Shared editor rhythm; finance calculations and desktop/mobile preferences stay separate. */
:root {--editor-gap:12px;--editor-radius:12px}
.form-error:empty,.type-hint:empty,#ksefReviewNote:empty {display:none}
.form-error {margin:0;padding:10px 12px;background:#FFF1F2;border-radius:6px;font-size:13px;line-height:1.5;grid-column:1/-1}
.modal-bg {z-index:200;padding:20px;box-sizing:border-box}
.modal-bg .modal {max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;isolation:isolate}
.modal-bg .modal>h2 {position:sticky;top:-24px;z-index:3;background:white;margin:-24px -24px 18px;padding:22px 56px 14px 24px;border-bottom:1px solid #E2E8F0;font-size:20px;line-height:26px}
.modal-bg .modal>.close {position:sticky;float:right;top:0;z-index:4;margin:-8px -8px -36px 0}
.modal .form {gap:var(--editor-gap) 16px}
.form-actions {position:sticky;bottom:-24px;z-index:3;background:#fff;border-top:1px solid #E2E8F0;padding:14px 0;margin:12px 0 -24px;justify-content:flex-end;flex-wrap:wrap}
.form [data-field-group=contractor] {grid-column:1/-1}
.form [data-field-group=contractor] .actions {display:flex;flex-wrap:nowrap}
.form [data-field-group=contractor] input {min-width:0}
.form [data-field-group=entry_date] {opacity:.75}
.form [data-field-group=entry_date] input {border:0;background:transparent;padding:0;height:26px;min-height:26px;font-size:12px}
.form label {font-size:12px;line-height:18px}
.form input,.form select {font-size:14px}
.form details.document-details {margin-top:0}
.modal .ui-icon,dialog .ui-icon {width:18px;height:18px}
.view-panel {max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain}
#transactions .weekly-layout .split-menu {order:-1}
#transactions .weekly-layout .view-menu {order:4}
#transactions .inline-field {border-color:transparent;background:transparent;box-shadow:none}
#transactions .inline-field:hover,#transactions .inline-field:focus {border-color:#BCD0EB;background:#fff}
#transactions td[data-col=actions] {position:sticky;right:0;background:#fff;z-index:2}
#transactions th[data-col=actions] {position:sticky;right:0;z-index:5;background:#F4F8FC}
#transactions td .btn.icon-btn {width:26px;min-width:26px;padding:4px}
#transactions td .btn.icon-btn .ui-icon {width:16px;height:16px}
#txTable td[data-col=contractor] {max-width:220px}
#txTable .tx-party {max-width:210px}
#txTable th,#txTable td {padding-left:9px;padding-right:9px}
.weekly-column {align-self:stretch;height:auto;min-height:100%;padding-top:0}
.weekly-heading {position:sticky;top:0;z-index:4;background:#F2F7FD;margin:0 -10px 10px;padding:12px 13px;border-bottom:1px solid #DFE8F4;border-radius:10px 10px 0 0}
.weekly-dropzone {display:none}
.weekly-board.is-dragging .weekly-dropzone {display:flex}
.weekly-card .on-date {display:none}
.ksef-dialog.inbox-mode {width:640px;max-width:calc(100vw - 40px);max-height:calc(100dvh - 40px)}
.ksef-dialog.inbox-mode #ksefScope,.ksef-dialog.inbox-mode #ksefReviewNote,.ksef-dialog.inbox-mode #backKsefList {display:none}
.ksef-dialog.inbox-mode #ksefPreview>.panelhead {justify-content:flex-end;min-height:0;margin:0}
.ksef-dialog.inbox-mode #downloadKsefXml {min-height:28px;height:28px;font-size:11px;border:0;padding:4px;color:#64748B;background:transparent}
.ksef-dialog.inbox-mode .ksef-content {padding-bottom:0}
#ksefReviewFields {gap:12px 16px}
#ksefReviewForm .form-actions {bottom:0;margin-bottom:0}
#ksefReviewForm .form-actions .btn {min-height:36px;height:auto;font-size:12px;padding:8px 12px}
#ksefReviewForm .form-actions #saveKsefInvoiceDate {order:10}
#ksefReviewForm .form-actions #cancelKsefReview {order:-1;margin-right:auto}
#ksefReviewForm .form-actions #rejectKsefInvoice {border-color:transparent;background:none}
#ksefReviewState {margin:8px 0}
#ksefOriginalAmount {font-size:11px;color:#64748B;line-height:1.4;display:block;margin-top:4px}
.identity-details summary,.document-details summary {cursor:pointer;font-size:12px;color:#526680}
.identity-details .full {margin-top:10px}
.field-with-action {display:flex;gap:8px;min-width:0}
.field-with-action input {min-width:0;flex:1}
.field-with-action .btn {flex:none;font-size:12px;padding:6px 10px}
#ksefPaymentPolicy {font-size:12px;line-height:18px;color:#526680;margin:10px 0}
.payment-mode #editTxForm>[data-field-group]:not([data-field-group=contractor]):not([data-field-group=amount]):not([data-field-group=currency]):not([data-field-group=account_id]):not([data-field-group=actual_payment_date]):not([data-field-group=funding]):not([data-field-group=card_id]):not([data-field-group=card_included]),
.payment-mode #editTxForm>.document-details,.payment-mode #editTxForm>.type-hint {display:none}
.payment-mode #editTxForm [name=contractor] {pointer-events:none;border:0;font-weight:600;background:transparent;padding-left:0}
.payment-mode #editTxForm [data-field-group=contractor] .btn {display:none}
.payment-mode #ksefReviewFields>.identity-details,.payment-mode #ksefPaymentStatusWrap,.payment-mode #ksefReviewFields>div:has(#ksefReviewDue),.payment-mode #ksefReviewExtras {display:none}
#outsideTransactionsDialog {width:560px;max-width:calc(100vw - 24px);max-height:85dvh;overflow:auto}
.outside-transaction {display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-bottom:1px solid #E2E8F0;background:white;color:#1B2A41;text-align:left;cursor:pointer}
.outside-transaction span {min-width:0;overflow-wrap:anywhere}.outside-transaction small {display:block;color:#64748B;font-size:12px;margin-top:4px}.outside-transaction strong {white-space:nowrap}
.danger-box>span {display:inline-block;margin-right:10px}
@media(max-width:760px){
 #transactions #transactionTableView,#transactions .view-menu,#transactions .mobile-tools-open .view-menu,#transactions .transaction-footer {display:none!important}
 #transactions .transaction-layout-bar {display:flex!important}
 #transactions .mobile-week-tabs {top:calc(56px + env(safe-area-inset-top,0px));margin:0;padding:6px 0;height:74px;box-sizing:border-box;z-index:17;background:#F1F6FC}
 #transactions .mobile-week-tabs button {min-height:62px}
 #transactions .weekly-heading {top:calc(130px + env(safe-area-inset-top,0px));margin:0 0 10px;border:0;padding:10px 2px;background:#F1F6FC;z-index:16;border-radius:0}
 #transactions .weekly-column {height:auto;min-height:0;align-self:auto;padding:0}
 #transactions .weekly-board {overflow:visible}
 #transactions .weekly-move-button {width:44px;height:44px;right:0;top:0}
 #transactions .weekly-party {padding-right:18px}
 #transactions .weekly-amount {padding-right:24px}
 #transactionDetailsDialog #mobileDetailBrand,#transactionDetailsDialog #mobileDetailNav {display:none!important}
 #transactionDetailsDialog .detail-badges {display:none}
 #transactionDetailsDialog .detail-hero {padding:12px;border:0}
 #transactionDetailsDialog .detail-hero h3 {font-size:18px;line-height:24px}
 #transactionDetailsDialog .detail-section {padding:12px}
 #transactionDetailsDialog .detail-section h3 {margin:0 0 8px}
 #transactionDetailsDialog .detail-amount {font-size:25px;margin-bottom:0}
 #transactionDetailsDialog .mobile-detail-actions {padding-bottom:4px}
 .modal-bg {padding:10px;z-index:200}
 .modal-bg .modal {padding:18px;max-height:calc(100dvh - 20px)}
 .modal-bg .modal>h2 {top:-18px;margin:-18px -18px 16px;padding:18px 60px 12px 18px;font-size:19px}
 .modal-bg .modal .form,#ksefDialog #ksefReviewFields {grid-template-columns:minmax(0,1fr);gap:12px}
 .form-actions {bottom:-18px;margin-bottom:-18px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 .ksef-dialog.inbox-mode {width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:16px}
 #ksefReviewFields>.full {grid-column:1}
 #ksefReviewForm .form-actions {bottom:-16px;margin-bottom:-16px;gap:6px}
 #ksefReviewForm .form-actions .btn {min-height:44px;font-size:13px;flex:1}
 #ksefReviewForm .form-actions #saveKsefInvoiceDate {flex-basis:100%}
 #ksefReviewForm .field-with-action {flex-direction:column}
 #ksefReviewForm :is(.input,.select) {width:100%;box-sizing:border-box;min-width:0;font-size:16px}
 #ksefDialog .drawer-heading {top:-16px;margin:0 -16px;padding:0 16px 12px}
 #ksefDialog .ksef-invoice-heading {gap:8px;margin:12px 0}
 #ksefDialog .ksef-invoice-heading strong {font-size:17px;line-height:23px}
 #ksefDialog #ksefOriginalAmount {font-size:12px}
 .identity-details summary {min-height:34px;align-content:center}
}

#paymentEffect {display:none}
.payment-mode #paymentEffect {display:block;margin:2px 0;line-height:1.5}
#editTxModal.payment-mode .modal {max-width:540px}
.payment-mode #editTxForm [data-field-group=currency] select {pointer-events:none;appearance:none}
.payment-mode #editTxForm [data-field-group=fx_rate]:not(.hidden) {display:block!important}
#ksefOriginalAmount:empty {display:none}
#transactions :is(th,td)[data-col=status] {min-width:126px;width:126px}
#transactions :is(th,td)[data-col=actions] {min-width:94px;width:94px}
#transactions #txTable {min-width:1240px}
#transactions .weekly-heading {box-shadow:0 2px 3px #1B2A4106}
#ksefPreview>.panelhead:has(#backKsefList.hidden) {display:none}
@media(max-width:760px){
 #editTxModal.payment-mode .modal {max-width:100%}
}

.decision-menu {position:relative;order:1;margin-left:auto;font-size:12px}
.decision-menu summary {cursor:pointer;color:#526680;list-style:none;padding:10px}
.decision-menu>div {position:absolute;bottom:100%;right:0;min-width:190px;padding:8px;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 18px #1B2A4115;background:#fff;display:grid;gap:4px}
#ksefReviewForm .decision-menu .btn {width:100%;text-align:left;justify-content:flex-start}
.bulk-amounts {display:grid;gap:7px;margin-top:12px;font-size:12px}
.bulk-amounts>span {display:flex;gap:12px;justify-content:space-between}
@media(max-width:760px){
 #transactions .weekly-heading {scroll-margin-top:calc(130px + env(safe-area-inset-top,0px))}
 .decision-menu summary {min-height:44px;box-sizing:border-box;align-content:center;padding:8px}
 #ksefReviewForm .form-actions #saveKsefInvoiceDate {flex-basis:100%;order:10}
}

.transaction-actions-dialog {width:270px;max-width:calc(100vw - 24px);padding:20px;border:1px solid #E2E8F0;border-radius:12px;color:#1B2A41}
.transaction-actions-dialog h2 {font-size:17px;margin:0 0 14px}
.transaction-actions-dialog .btn {display:flex;width:100%;justify-content:flex-start;margin-top:6px;min-height:40px}
#transactions :is(th,td)[data-col=actions] {min-width:72px;width:72px}

.payment-status-button {border:0;padding:0;background:transparent;cursor:pointer}
.payment-status-button:hover .pill {outline:1px solid #BCD0EB}
.mobile-detail-actions {display:flex;gap:8px;padding:10px 18px;background:#fff;border-top:1px solid #E2E8F0;flex-shrink:0}
.mobile-detail-actions .btn {flex:1;font-size:12px;min-height:36px}
.mobile-detail-actions:has(#mobileAcceptInvoice.hidden):has(#mobilePayTransaction.hidden):has(#mobileActionError:empty) {display:none}
@media(max-width:760px){.mobile-detail-actions{flex-direction:column;padding:8px 12px}.mobile-detail-actions .btn{min-height:44px;font-size:13px}}
@media(min-width:761px){
 .weekly-board {grid-auto-rows:max-content;align-items:stretch}
 .weekly-column {height:100%;min-height:0}
}

@media (max-width: 760px){
 .weekly-quick-actions{grid-column:3;grid-row:3;justify-self:end;margin-left:0;gap:6px}
 .weekly-quick-actions button{width:32px;height:32px;min-height:32px}
 .weekly-card .automatic-date-marker .ui-icon{width:13px;height:13px}
}

@media(max-width:760px){
 #dashboard .kpi-scope {font-size:10px;line-height:14px;min-height:28px;margin-top:6px;display:block}
 #dashboard .kpi-scope>span {display:block}
 #dashboard .kpi-note {font-size:10px;line-height:14px;min-height:28px}
 #dashboard .kpi-month-heading {display:block;font-size:10px;line-height:14px}
 #dashboard .kpi-dates {display:block}
 #dashboard .kpi-month .kpi-note {min-height:0;margin-top:3px}
}