/* Mac app is the primary product; the browser is its interface preview. */
body[data-platform=mac] .versionnav{display:none}
body[data-platform=mac] .topbar .demo{font-size:0}
body[data-platform=mac] .topbar .demo:after{content:'Mac-app · lokal demo';font-size:14px}
body[data-platform=mac]{overscroll-behavior:none}

/* Window resizing: keep content readable, with scrolling inside tables only. */
body[data-platform=mac] .shell{grid-template-columns:220px minmax(0,1fr)}
body[data-platform=mac] :is(.card,.grid,.formgrid,.bookingrow,.invoice-item,.modalpanel,.authinner){min-width:0}
body[data-platform=mac] :is(input,select,textarea){min-width:0}
body[data-platform=mac] :is(h1,h2,h3,p,.note,.subtitle,.company strong){overflow-wrap:anywhere}
body[data-platform=mac] .company>div{min-width:0}
body[data-platform=mac] .tablewrap{max-width:100%;overscroll-behavior-x:contain}
body[data-platform=mac] .toolbar{flex-wrap:wrap;align-items:center}
body[data-platform=mac] .sectionhead{gap:14px;flex-wrap:wrap}
body[data-platform=mac] .titleline>div{min-width:0}
body[data-platform=mac] .titleline>.btn{flex-shrink:0}
body[data-platform=mac] .formgrid>label :is(input,select){width:100%}
body[data-platform=mac] .btn{white-space:normal;line-height:1.5}
body[data-platform=mac] .balance{gap:15px;flex-wrap:wrap}
body[data-platform=mac] .modalveil{padding:24px;overflow-y:auto;overscroll-behavior:contain}
body[data-platform=mac] .modalpanel{background:#fff;border-radius:18px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
body[data-platform=mac] .modalpanel .sectionhead{align-items:flex-start}
body[data-platform=mac] .modalpanel .sectionhead>button{flex-shrink:0}
body[data-platform=mac] #toast{max-width:calc(100vw - 40px);width:max-content;line-height:1.5}
body[data-platform=mac] .authlinks{gap:18px;flex-wrap:wrap}
@media(max-width:1200px){
 body[data-platform=mac] .shell{grid-template-columns:190px minmax(0,1fr);gap:18px}
 body[data-platform=mac] .sidebar{padding:24px 12px}
 body[data-platform=mac] .dashboard-columns{grid-template-columns:1fr}
 body[data-platform=mac] .dashboard-left .quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-platform=mac] .todo-card{width:100%}
}
@media(max-width:900px){
 body[data-platform=mac] .shell{grid-template-columns:170px minmax(0,1fr);padding:12px;gap:12px}
 body[data-platform=mac] .sidebar{top:12px;height:calc(100dvh - 24px);padding:20px 10px}
 body[data-platform=mac] .sidebar .brand{font-size:13px;gap:6px}
 body[data-platform=mac] .sidebar nav button{padding:11px 9px;gap:8px;font-size:14px}
 body[data-platform=mac] .sidebar .company{padding:12px 8px}
 body[data-platform=mac] .sidebar .company .avatar{display:none}
 body[data-platform=mac] .main{padding:0}
 body[data-platform=mac] .content{padding:18px 4px 35px}
 body[data-platform=mac] .titleline{flex-wrap:wrap;align-items:flex-start}
 body[data-platform=mac] .formgrid{grid-template-columns:minmax(0,1fr)}
 body[data-platform=mac] .reportgrid{grid-template-columns:1fr}
 body[data-platform=mac] .dashboard-left .quick-action-grid{grid-template-columns:1fr}
 body[data-platform=mac] .quick-action-grid>button{flex-direction:row;align-items:center;padding-right:35px}
 body[data-platform=mac] .quick-icon{flex-shrink:0}
 body[data-platform=mac] .auth{grid-template-columns:1fr}
 body[data-platform=mac] .authstory{padding:28px}
 body[data-platform=mac] .authstory h1{font-size:32px}
 body[data-platform=mac] .authstory :is(.floating,footer){display:none}
 body[data-platform=mac] .authform{padding:28px}
}
@media(max-width:700px){
 body[data-platform=mac] .shell{display:block}
 body[data-platform=mac] .sidebar{height:auto;position:static;padding:16px;overflow:visible}
 body[data-platform=mac] .sidebar nav{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:5px}
 body[data-platform=mac] .sidebar nav button{flex-shrink:0;white-space:nowrap}
 body[data-platform=mac] .topbar{gap:12px;height:auto;min-height:64px;flex-wrap:wrap;padding:12px 4px}
 body[data-platform=mac] .topright{gap:10px}
 body[data-platform=mac] .chart-period{flex-wrap:wrap;flex-shrink:1;max-width:100%}
 body[data-platform=mac] .chart-month-label{min-width:0;flex:1}
 body[data-platform=mac] .chart-period .dashboard-select{min-width:0;width:100%}
 body[data-platform=mac] .modalveil{padding:16px}
 body[data-platform=mac] .modalpanel{max-height:calc(100dvh - 32px);padding:22px}
 body[data-platform=mac] .finished-row{flex-wrap:wrap}
 body[data-platform=mac] .finished-selection{flex-basis:70%}
 body[data-platform=mac] .invoice-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:420px){
 body[data-platform=mac] .cards{grid-template-columns:minmax(0,1fr)}
 body[data-platform=mac] .todo-sort{max-width:165px}
 body[data-platform=mac] .invoice-item{grid-template-columns:minmax(0,1fr)}
 body[data-platform=mac] .invoice-item label{grid-column:1/-1}
 body[data-platform=mac] .formactions{justify-content:stretch}
 body[data-platform=mac] .formactions .btn{flex:1;justify-content:center}
}
@media(max-height:700px) and (min-width:701px){
 body[data-platform=mac] .sidebar .company{margin:20px 0 12px}
 body[data-platform=mac] .sidebar .sidebottom .help{margin-top:16px}
}
@media print{
 body[data-platform=mac] .shell{display:block;padding:0}
 body[data-platform=mac] .content{padding:0}
}
/* Customer register, branding and the shared readable date dialog. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.customer-quick-select{max-width:310px;min-width:180px}.saved-customer-select{width:100%;font-size:15px!important}.customer-scroll-list{min-height:215px;padding:8px;line-height:1.7}.customer-scroll-list option{padding:10px;border-radius:6px}.customer-scroll-list option:checked{background:#eaf1f6;color:#194863}.logo-settings{margin-top:24px}.invoice-logo{display:block;max-width:240px;max-height:110px;width:auto;height:auto;object-fit:contain;object-position:left center;margin:0 0 28px}.invoice-paper-head>div{min-width:0}.invoice-paper-head .eyebrow{display:block}.logo-settings .invoice-logo{padding:12px;border:1px solid #e1e8ee;border-radius:10px;max-width:300px;max-height:150px}.logo-settings input{max-width:100%}.calendar-open{align-self:flex-start;padding:3px 0 0;min-height:28px}.large-calendar{margin-top:22px}.calendar-toolbar{display:grid;grid-template-columns:44px minmax(0,1fr) 95px 44px;align-items:center;gap:10px;margin-bottom:20px}.calendar-toolbar .btn{padding:8px;justify-content:center;min-height:44px;font-size:22px}.calendar-toolbar :is(input,select){width:100%;font-size:16px!important;min-height:44px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekday{text-align:center;font-size:14px;color:#60798a;padding:10px 0}.calendar-day{border-radius:9px;min-height:48px;font-size:17px;background:#f3f7fa;color:#194863;border:2px solid transparent}.calendar-day:hover{background:#e3edf4}.calendar-day.is-today{border-color:#edba59}.calendar-day.selected{background:#194863;color:white}.calendar-day:focus-visible{outline:3px solid #e7ad36;outline-offset:1px}input[data-large-calendar]{cursor:pointer}.task-editor-form{display:grid;gap:16px;margin-top:24px}
@media(max-width:420px){.calendar-toolbar{grid-template-columns:38px minmax(0,1fr) 78px 38px;gap:5px}.calendar-grid{gap:3px}.calendar-day{min-height:42px}.calendar-weekday{font-size:12px}.invoice-logo{max-width:100%}.customer-quick-select{max-width:100%;width:100%}}
/* A slightly bluer canvas separates the white cards. */
body[data-platform=mac]{--bg:#e2ecf5;background:linear-gradient(130deg,#dae7f3,#eaf1f8)}
.customer-postal-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px}
.faq-list{display:grid;gap:16px}.faq-list details{padding:23px}.faq-list summary{font-weight:700;font-size:17px;cursor:pointer;line-height:1.5}.faq-list details p{color:#60798a;margin-bottom:0;font-size:15px}.sidebar .sidebottom{padding-top:24px}
@media(max-width:420px){.customer-postal-row{grid-template-columns:1fr}}
@media print{body[data-platform=mac]{background:#fff}}
/* Compact customer dropdowns, matching the yellow action colour. */
body[data-platform=mac] .customer-dropdown{appearance:none;display:block;min-height:46px;width:100%;padding:12px 40px 12px 16px!important;border:1px solid #f7ba4d!important;border-radius:8px!important;background:#f7ba4d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m2 2 5 5 5-5' fill='none' stroke='%23183b53' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 15px center!important;color:#183b53!important;font-size:15px!important;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #b2801512}
body[data-platform=mac] .customer-dropdown option{background:#fff;color:#183b53;font-weight:400}
body[data-platform=mac] .shell{grid-template-columns:230px minmax(0,1fr)}
body[data-platform=mac] .sidebar nav button{padding-left:10px;padding-right:10px;gap:10px}
body[data-platform=mac] .sidebar nav .ico{flex:0 0 22px}
body[data-platform=mac] .sidebar nav button[onclick="go('receipts')"]{white-space:nowrap}
@media(max-width:1200px) and (min-width:901px){body[data-platform=mac] .shell{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:900px) and (min-width:701px){body[data-platform=mac] .shell{grid-template-columns:210px minmax(0,1fr)}body[data-platform=mac] .sidebar nav button{gap:8px;padding-left:9px;padding-right:9px}}
@media print{body[data-platform=mac] .shell{display:block}}
/* Compact settings column: branding first, then company and account. */
.settings-layout{align-items:start}
.settings-layout>aside{display:grid;gap:16px;min-width:0}
.settings-layout>aside>.card{margin:0}
.settings-layout .logo-settings{padding:20px}
.settings-layout .logo-settings h2{font-size:18px}
.settings-layout .logo-settings .sectionhead{margin-bottom:12px}
.settings-layout .logo-settings .invoice-logo{max-width:190px;max-height:72px;margin:0 0 12px;padding:6px}
.settings-layout .logo-upload{position:relative;cursor:pointer;align-items:center;display:inline-flex;padding:10px 15px}
.settings-layout .logo-upload:focus-within{outline:2px solid #194863;outline-offset:3px}
.settings-layout .logo-file-help{margin:10px 0 0}
.settings-layout #companylogostatus:empty{display:none}
.settings-layout>aside>.card>.bigicon{display:none}
.settings-layout>aside>.card>h2{margin:0 0 12px;font-size:18px}
.settings-layout .profile-row{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 0}
.settings-layout .settings-account p{margin:10px 0}
.settings-main{display:grid;gap:20px;min-width:0}.bank-settings>p{margin:0 0 20px}.invoice-paper .invoice-logo{width:360px;height:110px;max-width:100%;max-height:none;object-fit:contain;object-position:left center;margin:0 0 26px}.invoice-bank-details{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;break-inside:avoid}.invoice-bank-details dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;font-size:14px}.invoice-bank-details dl>div{min-width:0}.invoice-bank-details dt{color:#60798a;margin-bottom:4px}.invoice-bank-details dd{margin:0;overflow-wrap:anywhere}.invoice-paper-head>div:first-child{flex:1}
@media(max-width:600px){.invoice-bank-details dl{grid-template-columns:1fr}.invoice-paper .invoice-logo{width:100%;height:100px}}
/* Larger settings preview and consistent invoice alignment. */
.settings-layout .logo-settings .invoice-logo{width:100%;height:216px;max-width:100%;max-height:216px;padding:8px;object-fit:contain;object-position:left center}
.invoice-message{align-self:start;min-width:0;border:1px solid #cfd5dc;border-radius:10px;padding:18px;background:#fafbfc;break-inside:avoid}
.invoice-message h3{margin:0 0 10px;font-size:15px;color:#183b53}
.invoice-message p{margin:0;font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#60798a}
.invoice-paper .tablewrap th:first-child,.invoice-paper .tablewrap td:first-child{padding-left:0}
/* Invoice test layout: title between branding and dates, full-height message. */
.invoice-paper-bottom{align-items:stretch}
.invoice-paper-bottom>.invoice-message{align-self:stretch}
.invoice-paper-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.65fr) minmax(0,1fr);gap:20px;align-items:start}
.invoice-paper-head .invoice-centered-title{grid-column:2;grid-row:1;text-align:center;font-size:38px;margin:38px 0 0;white-space:nowrap}
.invoice-paper-head .invoice-sender{grid-column:1;grid-row:1;min-width:0}
.invoice-paper-head .invoice-paper-label{grid-column:3;grid-row:1;min-width:0}
.invoice-paper .invoice-sender .invoice-logo{width:100%;height:155px;max-width:100%;max-height:none;margin:0 0 18px;object-fit:contain;object-position:left top}
.invoice-sender>p{margin:0}
@media(max-width:700px){
 .invoice-paper-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 12px}
 .invoice-paper-head .invoice-centered-title{grid-column:1/-1;grid-row:1;margin:0 0 5px;font-size:32px}
 .invoice-paper-head .invoice-sender{grid-column:1;grid-row:2}
 .invoice-paper-head .invoice-paper-label{grid-column:2;grid-row:2;text-align:right}
 .invoice-paper .invoice-sender .invoice-logo{height:125px}
}
@media print{
 .invoice-paper-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.65fr) minmax(0,1fr)}
 .invoice-paper-head .invoice-centered-title{grid-column:2;grid-row:1;margin:38px 0 0;font-size:38px}
 .invoice-paper-head .invoice-sender{grid-column:1;grid-row:1}
 .invoice-paper-head .invoice-paper-label{grid-column:3;grid-row:1}
 .invoice-paper-bottom{align-items:stretch}
}
/* Invoice heading uses the same border treatment as the message box. */
.invoice-paper-head .invoice-centered-title{justify-self:center;width:max-content;max-width:100%;padding:12px 18px;border:1px solid #cfd5dc;border-radius:10px;background:#fafbfc}
/* Invoice heading and number share the right-hand information column. */
.invoice-paper-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.invoice-paper-head .invoice-paper-label{grid-column:2;grid-row:1;text-align:right}
.invoice-paper-head .invoice-paper-label .invoice-centered-title{display:table;margin:0 0 18px auto;max-width:100%;font-size:38px;text-align:center}
@media(max-width:700px){.invoice-paper-head .invoice-sender{grid-column:1;grid-row:1}.invoice-paper-head .invoice-paper-label{grid-column:2;grid-row:1}.invoice-paper-head .invoice-paper-label .invoice-centered-title{font-size:28px;padding:10px 14px}}
@media print{.invoice-paper-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.invoice-paper-head .invoice-sender{grid-column:1;grid-row:1}.invoice-paper-head .invoice-paper-label{grid-column:2;grid-row:1}.invoice-paper-head .invoice-paper-label .invoice-centered-title{margin:0 0 18px auto}}
.cloud-status{margin-bottom:20px}.cloud-company-selector{margin-bottom:20px}.cloud-company-selector p{margin:5px 0 0}.cloud-company-selector .toolbar{margin:18px 0 0;justify-content:flex-start;align-items:end}.cloud-tabs{margin-bottom:22px}.cloud-tabs button{font-size:15px}.cloud-tabs+.card{margin-top:0}.cloud-company-selector select{min-width:200px}

/* Company name can follow the account holder's name during registration. */
body[data-design=blocks] .authinner .registration-same-name{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:32px;margin-top:-8px;font-size:14px;font-weight:400;line-height:1.5;cursor:pointer}
.authinner .registration-same-name input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:0;padding:0;accent-color:#194863;cursor:pointer}
.authinner input[name=company][readonly]{background:#f3f7fa}
@media(max-width:700px){body[data-design=blocks] .authinner .registration-same-name{min-height:44px}}

/* Readable consent, with independent document buttons that keep the form intact. */
.registration-consent{display:flex;align-items:flex-start;gap:12px;margin:22px 0}
.registration-consent input[type=checkbox]{width:24px;height:24px;min-width:24px;min-height:24px;flex:0 0 24px;margin:2px 0 0;accent-color:#1c4960;cursor:pointer}
.registration-consent label{display:block;margin:0;font-size:15px;line-height:1.6;font-weight:400;cursor:pointer}
.registration-consent .legal-link{display:inline;padding:0;border:0;background:none;color:#1c4960;text-decoration:underline;text-underline-offset:3px;font:inherit;font-weight:700;cursor:pointer}
.legal-document{font-size:15px;line-height:1.7}.legal-document h3{font-size:17px}

/* Consistent account forms and visible validation. */
.authinner{max-width:490px}.account-footer{white-space:nowrap;font-size:13px}.note.account-error{background:#fbe1e3;color:#8a1829;border:1px solid #e7a9b0;font-weight:600}.account-error[hidden]{display:none}.settings-layout #ownprofile .account-method{grid-column:1}.settings-layout #ownprofile select{appearance:none;-webkit-appearance:none;min-height:49px;padding:12px 40px 12px 13px;border:1px solid #dfe5da;border-radius:8px;background-color:white;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23194863' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;font-size:15px;width:100%}.settings-layout>div>.card+.card{margin-top:20px}@media(max-width:600px){.account-footer{white-space:normal}}

.field-help-label{display:flex;align-items:center;gap:8px;min-height:24px}.field-info{display:inline-grid;place-items:center;width:23px;height:23px;flex-shrink:0;border:1.5px solid #194863;border-radius:50%;background:#fff;color:#194863;font:italic bold 16px Georgia,serif;padding:0}.field-info:hover{background:#e5eff7}.field-info:focus-visible{outline:3px solid #eeb449;outline-offset:3px}
/* One dropdown treatment across all screens, including native WKWebView. */
body select,body[data-design=blocks] select,body[data-platform=mac] select,body[data-design=blocks] .dashboard-select{appearance:none!important;-webkit-appearance:none!important;min-height:49px!important;padding:12px 40px 12px 13px!important;font-size:15px!important;line-height:1.5!important;border:1px solid #dfe5da!important;border-radius:8px!important;background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23194863' stroke-width='1.6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 13px center!important;color:#194863!important;max-width:100%}
#content>.mini-cards{margin-top:24px;margin-bottom:24px;gap:20px}.account-split{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:24px;align-items:start}.account-split>.card{margin:0;min-width:0}.reserved-panel{min-height:550px}.account-split table{white-space:normal}.account-split td{overflow-wrap:anywhere}.customer-quick-scroll{max-height:560px;overflow-y:auto;padding:4px}.customer-quick-item{border-bottom:1px solid #e1e8ee;padding:6px 0}.customer-quick-item>button{background:none;color:#194863;width:100%;text-align:left;font-weight:600;padding:12px 8px;border-radius:8px}.customer-quick-item>button:hover{background:#e9f1f8}.customer-quick-facts{display:none;padding:16px;background:#f4f8fb;border:1px solid #dce6ee;border-radius:12px;box-shadow:0 6px 20px #183b5310;gap:10px;overflow-wrap:anywhere}.customer-quick-facts>span{display:grid;gap:3px}.customer-quick-facts small{color:#617d90}.customer-quick-item:hover .customer-quick-facts,.customer-quick-item:focus-within .customer-quick-facts,.customer-quick-item.is-open .customer-quick-facts{display:grid}.customer-quick select{width:100%}.account-split .sectionhead{gap:12px;flex-wrap:wrap}.reportgrid{margin-top:24px}@media(max-width:1100px){.account-split{grid-template-columns:minmax(0,1fr)}.reserved-panel{min-height:200px}}@media print{.customer-quick,.reserved-panel{display:none}.account-split{display:block}}
.sidebar .company{display:block}.sidebar .company strong{display:block;font-size:14px;letter-spacing:-.3px}.restored-dashboard{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,1fr);gap:24px;align-items:start}.restored-dashboard .dashboard-left{display:grid;gap:24px;min-width:0}.restored-dashboard .card{margin:0}.restored-dashboard .chart-period{flex-wrap:wrap}.restored-dashboard .chart-period label{max-width:150px}.restored-dashboard .sectionhead{flex-wrap:wrap}.restored-dashboard .chart{overflow-x:auto}.restored-dashboard .barcol{min-width:26px}.restored-dashboard .todo-list-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}@media(max-width:1150px){.restored-dashboard{grid-template-columns:1fr}}@media print{.todo-card{display:none}}
.invoice-draft-list{margin-top:28px}.invoice-draft-list>.pagehead{display:none}.invoice-actions{display:flex;gap:10px;flex-wrap:wrap}.invoice-confirm{display:flex!important;align-items:center;gap:10px;margin:18px 0}.invoice-confirm input{width:24px!important;height:24px!important;min-height:24px!important;flex:none;accent-color:#1b475e}.invoice-vat-base{display:block;font-size:11px;color:#617d90}.issued-paper .invoice-logo{width:340px;max-width:100%;height:120px;object-fit:contain;object-position:left center}.issued-paper{margin-bottom:24px}.invoice-actions .btn{white-space:normal}@media print{.invoice-screen-only,.invoice-draft-list{display:none!important}.issued-paper{box-shadow:none;border:0;margin:0}.issued-paper tr{break-inside:avoid}.issued-paper .invoice-paper-bottom{break-inside:avoid}}
/* Keep invoice confirmations inline, overriding the generic vertical form labels. */
#invoicedraftform label.invoice-confirm{display:flex!important;flex-direction:row!important;justify-content:flex-start;align-items:flex-start;text-align:left;gap:12px}#invoicedraftform label.invoice-confirm input[type=checkbox]{display:block;appearance:auto;-webkit-appearance:checkbox;position:static;margin:0;flex:0 0 24px;padding:0}#invoicedraftform label.invoice-confirm span{flex:1;line-height:24px}.invoice-bank-details .invoice-bank-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.invoice-bank-details .invoice-bank-columns dl{display:flex;flex-direction:column;gap:12px;margin:0}.invoice-bank-holder{grid-column:1}.invoice-bank-account{grid-column:2}@media(max-width:600px){.invoice-bank-details .invoice-bank-columns{grid-template-columns:1fr}.invoice-bank-account{grid-column:1}}@media print{.invoice-bank-details .invoice-bank-columns{grid-template-columns:1fr 1fr}.invoice-bank-account{grid-column:2}}
#invoicedraftform label.invoice-confirm input[type=checkbox]{appearance:none;-webkit-appearance:none;border:1.5px solid #194863;border-radius:4px;background:#fff}#invoicedraftform label.invoice-confirm input[type=checkbox]:checked{background:#194863 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4L19 6' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/22px no-repeat}#invoicedraftform label.invoice-confirm input[type=checkbox]:focus-visible{outline:3px solid #ffbc48;outline-offset:3px}

/* Keep each setting label separate from its independent help button. */
.account-choice-field{display:flex;flex-direction:column;gap:8px}.field-help-label>label{margin:0}

.customer-register-table .row-actions{flex-direction:column;align-items:flex-start;gap:10px}.customer-register-table td:nth-child(2),.customer-register-table td:nth-child(3){white-space:nowrap}