:root{--navy:#17364c;--green:#098753;--red:#e92750;--line:#dce4e9}*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:var(--navy);font:16px/1.5 Arial,sans-serif}header{background:var(--navy);color:#fff;padding:20px max(20px,calc((100% - 1200px)/2));display:flex;align-items:center;gap:28px;flex-wrap:wrap}.brand{color:#fff;font:italic 32px Impact,Arial,sans-serif;text-decoration:none}.brand span{color:var(--red)}main{max-width:1240px;padding:24px 20px;margin:auto}.app-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.app-nav>a{padding:10px;background:#fff;border-radius:4px}h1{font-size:28px}h2{font-size:21px}.panel{background:white;border:1px solid var(--line);border-radius:8px;padding:24px;margin:20px 0}.login{max-width:500px;margin:40px auto}.account,footer{color:#5c6e79;font-size:14px}label{display:block;font-weight:600;margin:12px 0}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #a8bcc9;border-radius:4px;font:inherit;color:var(--navy);background:#fff;margin-top:5px}input[type=checkbox]{display:inline;width:auto;margin-right:10px}.check{font-weight:400}button,.button{display:inline-block;padding:11px 18px;border:0;border-radius:4px;background:var(--green);color:white;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;margin:8px 8px 8px 0}.secondary{background:#e9f0f4;color:var(--navy)}.form-grid{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.form-grid>label{flex:1 1 200px}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-bottom:1px solid var(--line)}.table-wrap{overflow-x:auto;background:white}table{border-collapse:collapse;width:100%;font-size:15px}th{background:var(--navy);color:white;text-align:left}td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}td a{color:var(--green);font-weight:600}tr:nth-child(even){background:#f4f8fa}dl{display:grid;grid-template-columns:minmax(160px,1fr) 3fr;gap:12px}dt{font-weight:700}dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.error{background:#fff0f1;color:#971630;padding:16px;border-left:4px solid var(--red)}code{overflow-wrap:anywhere}fieldset{border:1px solid var(--line);padding:14px}details{padding:14px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e92750;outline-offset:3px}footer{margin:32px 0}@media(max-width:650px){header{gap:8px;padding:16px 20px}header>span{width:100%;font-size:14px}.panel{padding:18px}dl,.field-pair{grid-template-columns:1fr;gap:4px}dd{margin-bottom:14px}.app-nav{gap:4px}.app-nav>a{font-size:14px}h1{font-size:24px}}

/* Consistent record editor controls; longer values can still be expanded. */
#fields input:not([type="hidden"]),#fields select,#fields textarea{height:48px;min-height:48px;line-height:24px;padding:11px;min-width:0}
#fields textarea{resize:vertical}
#fields .field-pair>label{min-width:0}

/* Approved sectioned user capture form. */
.capture-panel{padding:0;overflow:hidden}.capture-intro{padding:26px 28px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff}.capture-intro h1{margin:0 0 6px}.capture-intro p{margin:0;color:#e0edf5}.capture-fields{padding:8px 28px}.capture-section{padding:24px 0;border-bottom:1px solid var(--line)}.capture-section h2{margin:0 0 18px;color:var(--navy)}.capture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}.capture-grid label{min-width:0;margin:8px 0}.capture-company{margin-bottom:14px}.capture-actions{padding:12px 28px 24px}.capture-fields>.field-pair{margin:20px 0}#fields.capture-fields input:not([type="hidden"]),#fields.capture-fields select{height:48px}@media(max-width:650px){.capture-grid{grid-template-columns:1fr}.capture-intro{padding:22px 18px}.capture-fields{padding:4px 18px}.capture-actions{padding:12px 18px 20px}}

/* Soft Blue Shading navigation, selected by the client. */
.app-nav{gap:10px;align-items:stretch}
.app-nav>a,.app-nav>form>button{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 15px;margin:0;border:1px solid #c8d9e4;border-radius:8px;background:linear-gradient(180deg,#fff,#e9f1f6);box-shadow:0 2px 4px #17364c0a;color:#17364c;font:inherit;font-weight:600;text-decoration:none;transition:background .15s,box-shadow .15s}
.app-nav>a:visited{color:#17364c}
.app-nav>a:hover{background:#dbeaf2;border-color:#80adc9}
.app-nav>a[aria-current="page"]{background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border-color:#17364c;box-shadow:inset 0 -3px 0 #098753}
.app-nav>form{display:flex;margin:0}
.app-nav>form>button{background:#e4ebf0}
.app-nav>form>button:hover{background:#d6e2eb}
@media(max-width:650px){.app-nav{gap:8px}.app-nav>a,.app-nav>form{flex:1 1 140px}.app-nav>form>button{width:100%}.app-nav>a{font-size:inherit}}
@media(prefers-reduced-motion:reduce){.app-nav>a,.app-nav>form>button{transition:none}}

/* Original GlobalSA logo on its white background. */
header .brand-logo{display:block;background:#fff;border-radius:8px;padding:6px;line-height:0;max-width:100%;flex:0 1 234px}header .brand-logo img{display:block;width:222px;max-width:100%;height:auto}@media(max-width:650px){header .brand-logo{flex-basis:204px}header .brand-logo img{width:192px}}

.owner-row{display:grid;grid-template-columns:2fr 2fr 1fr auto;align-items:end;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.owner-row label{min-width:0}.owner-row .remove-owner{margin-bottom:12px}.company-saved{padding:14px 18px;background:#e4f2eb;color:#07603d;border-left:4px solid #098753}.capture-grid input[type=file]{height:auto;min-height:48px}.capture-grid input,.capture-grid select{min-height:48px}@media(max-width:800px){.owner-row{grid-template-columns:1fr 1fr}}@media(max-width:500px){.owner-row{grid-template-columns:1fr}}

/* Shared visual language across all CRM screens. */
header{background:linear-gradient(110deg,#17364c,#245b7b)}
.panel{box-shadow:0 5px 20px #112c4008;border-color:#dce4e9;border-radius:12px}
.panel:not(.capture-panel)>h1:first-child,.panel:not(.capture-panel)>h2:first-child{background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;margin:-24px -24px 24px;padding:22px 24px;border-radius:11px 11px 0 0}
input:not([type=hidden]):not([type=checkbox]):not([type=file]),select{min-height:48px}
input,select,textarea{border-color:#b2c6d3;border-radius:6px}input:focus,select:focus,textarea:focus{border-color:#098753}
button,.button{min-height:46px;border-radius:8px;box-shadow:0 2px 4px #17364c0a}button:hover,.button:hover{filter:brightness(.97)}
.secondary{background:linear-gradient(180deg,#fff,#e9f1f6);border:1px solid #c8d9e4;text-decoration:none}
.table-wrap{border:1px solid #dce4e9;border-radius:10px;box-shadow:0 5px 20px #112c4008}th{background:linear-gradient(110deg,#17364c,#245b7b)}tbody tr:hover{background:#eaf3f8}
fieldset{border-color:#dce4e9;border-radius:8px;background:#f6f9fb}legend{font-weight:600;padding:0 6px}
.app-nav>a:hover{filter:none}.capture-section h2{padding-bottom:12px;border-bottom:2px solid #d8e7ef}
@media(max-width:650px){.panel:not(.capture-panel)>h1:first-child,.panel:not(.capture-panel)>h2:first-child{margin:-18px -18px 20px;padding:20px 18px}}

/* Accounting uses the existing GlobalSA capture-form palette. */
.finance-heading{padding:16px 24px;background:linear-gradient(110deg,#17394d,#285a71);color:#fff;border-radius:10px;margin-bottom:18px}
.finance-heading h1{color:#fff;margin:0 0 8px}
.finance-heading p{margin:0;color:#e1edf2}
.finance-nav{gap:8px}
.finance-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.finance-cards strong{font-size:1.65rem;color:#087d53}
.finance-cards h2{font-size:1.1rem}
.finance-line{background:#f1f7fa;border:1px solid #d4e3eb;border-left:4px solid #16845e;padding:16px;margin:12px 0;border-radius:8px}
.finance-line h3{margin:0 0 12px}
.finance-lines{border:1px solid #d4e3eb;border-radius:8px;padding:18px;margin:20px 0}
.finance-lines legend{font-weight:700;color:#17394d}
.finance-logo{display:block;width:210px;max-width:60%;height:auto;margin:0 0 20px}
.finance-document tfoot{background:#fff1f0;color:#992624;font-weight:700}
.finance-document tfoot tr:last-child{background:#c41e26;color:#ffef73}
.pdf-text{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;background:#f3f7f9;padding:18px;font-size:.9rem}
.preserve-lines{white-space:pre-wrap}
@media(max-width:750px){.finance-cards{grid-template-columns:1fr}.finance-line{padding:12px}.finance-lines{padding:12px}}
@media print{
  body{background:#fff;color:#000}body>header,main>.app-nav,main>.account,.finance-heading,.finance-nav,.no-print{display:none!important}
  main{max-width:none;margin:0;padding:0}main>.panel:not(.finance-document){display:none!important}
  .finance-document{border:none;box-shadow:none;margin:0;padding:0}.table-wrap{overflow:visible}
  table{width:100%;font-size:10pt}thead{display:table-header-group}tr{break-inside:avoid}a{color:inherit;text-decoration:none}
  .finance-document,.finance-document th,.finance-document tfoot{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Grouped portal navigation and record cards. */
.grouped-nav a[aria-current="true"]{background:linear-gradient(110deg,#183b50,#255b78);color:#fff;border-color:#183b50;box-shadow:inset 0 -3px #00885a}
.section-nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#e8f1f6;border:1px solid #cfdee8;border-radius:10px;margin:10px 0 18px}
.section-nav a{padding:8px 12px;color:#193c52;text-decoration:none;border-radius:6px;font-weight:600}
.section-nav a:hover,.section-nav a[aria-current="page"]{background:#fff;box-shadow:0 1px 4px #16374b18}
.record-company{padding:18px 22px;background:#e9f2f7;border:1px solid #cbdfe9;border-left:4px solid #00885a;border-radius:8px;margin:20px 0}
.record-company span{display:block;font-size:.85rem;margin-bottom:5px;color:#587080}
.record-company strong{font-size:1.15rem}
.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0}
.record-field{border:1px solid #dce6ee;background:#f7fafc;border-radius:8px;padding:15px 18px;min-width:0}
.record-grid dt{margin:0 0 8px;font-size:.86rem;color:#456174}
.record-grid dd{margin:0;overflow-wrap:anywhere;min-height:24px}
.record-field .record-value{white-space:pre-wrap}
.record-field form{margin:10px 0 0}.record-field .button{margin-top:10px;display:inline-block}
.record-field button{margin:0}.not-set{color:#768895;font-style:italic}
.record-status{background:#e5f5ed;color:#086644;padding:3px 10px;border-radius:20px;font-size:.85rem}
.account-reset{padding:18px;background:#f1f6fa;border:1px solid #d5e2ec;border-radius:8px;margin:16px 0}
.account-reset summary{font-weight:700;cursor:pointer}
@media(max-width:640px){.record-grid{grid-template-columns:1fr}.section-nav{padding:8px}.grouped-nav a{flex:1 1 40%;text-align:center}.record-field{padding:14px}}

/* QuickBooks-inspired task menus: familiar categories, filtered by staff access. */
.menu-bar{position:relative;z-index:20;display:flex;align-items:center;gap:3px;flex-wrap:wrap;overflow:visible;padding:6px;background:#e8f1f6;border:1px solid #cfdee8;border-radius:10px;margin:18px 0 0}
.menu-dropdown{position:relative;min-width:0;margin:0;padding:0!important;border:0!important}
.menu-dropdown>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:10px 12px;border:1px solid transparent;border-radius:7px;color:#193c52;font-weight:700;white-space:nowrap}
.menu-dropdown>summary::-webkit-details-marker{display:none}
.menu-dropdown>summary::after{content:"▾";font-size:12px;color:#587081}
.menu-dropdown>summary:hover,.menu-dropdown>summary:focus-visible{background:#dbeaf2;border-color:#bdd3e1}
.menu-dropdown[open]>summary,.menu-dropdown.is-current>summary{background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border-color:#17364c;box-shadow:inset 0 -3px #098753}
.menu-dropdown[open]>summary::after,.menu-dropdown.is-current>summary::after{color:#fff}
.menu-panel{position:absolute;top:calc(100% + 5px);left:0;z-index:40;display:grid;gap:2px;min-width:245px;max-width:min(340px,90vw);padding:7px;background:#fff;border:1px solid #c9d9e3;border-radius:8px;box-shadow:0 10px 26px #17364c26}
.menu-panel a{display:block;padding:9px 11px;border-radius:5px;color:#193c52;text-decoration:none;font-weight:600}
.menu-panel a:hover,.menu-panel a:focus-visible{background:#e8f1f6;color:#17364c}
.menu-panel a[aria-current="page"]{background:#dcebf3;color:#17364c;box-shadow:inset 3px 0 #098753}
.accounting-menu-panel{right:auto;left:0;width:min(860px,calc(100vw - 230px));max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.administration-menu-panel{left:0;width:min(640px,calc(100vw - 230px));max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.menu-section{min-width:0;padding:3px;border-right:1px solid #e2ebf0}
.menu-section:nth-child(3n){border-right:0}
.administration-menu-panel .menu-section:nth-child(2n){border-right:0}.administration-menu-panel .menu-section:nth-child(2n+1){border-right:1px solid #e2ebf0}
.menu-section h3{margin:3px 9px 5px;color:#658094;font-size:11px;letter-spacing:.055em;text-transform:uppercase}
.menu-section a{font-size:14px}
.menu-signout{display:flex;margin:0 0 0 auto!important;align-items:center}
.menu-signout button{min-height:42px;margin:0 2px 0 8px;border:1px solid #c8d9e4;border-radius:7px;font-weight:700}
.menu-location{margin:5px 0 16px;color:#587081;font-size:13px}
.accounting-home-links{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
@media(max-width:760px){.menu-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.menu-dropdown{min-width:0}.menu-dropdown>summary{justify-content:space-between;padding:10px}.menu-dropdown[open]{grid-column:1/-1}.menu-panel{position:static;min-width:0;max-width:none;padding:5px;margin-top:4px;box-shadow:none;border-radius:6px}.accounting-menu-panel{width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.administration-menu-panel{width:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.menu-section:nth-child(3n){border-right:1px solid #e2ebf0}.menu-section:nth-child(2n){border-right:0}.menu-signout{grid-column:1/-1;justify-content:stretch}.menu-signout button{width:100%;margin:0}.menu-location{margin-bottom:14px}}
@media(max-width:380px){.menu-bar{grid-template-columns:1fr}}
@media(max-width:460px){.accounting-menu-panel,.administration-menu-panel{grid-template-columns:1fr}.menu-section,.menu-section:nth-child(2n),.menu-section:nth-child(3n){border-right:0;border-bottom:1px solid #e2ebf0}.menu-section:last-child{border-bottom:0}}
.record-panel>.capture-section{margin:0 24px}.record-panel>.record-company{margin:24px}.record-panel>.button,.record-panel>form{margin-left:24px;margin-right:24px}.record-grid dd{white-space:normal}.capture-panel>form>.capture-grid{padding:20px 28px}

.email-template-preview{width:100%;height:1100px;border:0;background:#f2f6f8}

/* Responsive CRM portal heading. */
header>.portal-title{font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.25;flex:1 1 280px;min-width:0;overflow-wrap:break-word}
@media(max-width:650px){header>.portal-title{flex-basis:100%;margin-top:8px}}

.authenticator-qr img{display:block;width:288px;max-width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:6px}

.receipt-dialog{width:min(960px,94vw);max-height:92vh;max-height:92dvh;box-sizing:border-box;border:1px solid #b9cedd;border-radius:14px;padding:20px;color:#193a4d;background:#f5f9fc;overflow:auto}
.receipt-dialog::backdrop{background:rgba(12,34,48,.75)}
.receipt-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.receipt-preview-heading h2{margin:0}.receipt-preview-heading button{margin:0}
.receipt-preview-content{background:#e8f0f5;min-height:120px;border-radius:8px;overflow:auto;text-align:center}
.receipt-preview-content img{display:block;max-width:100%;height:auto;margin:auto}.receipt-preview-content iframe{display:block;width:100%;height:62vh;border:0;background:white}
.receipt-preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
@media(max-width:640px){.receipt-dialog{padding:14px}.receipt-preview-heading h2{font-size:20px}.receipt-preview-actions .button{flex:1;text-align:center}}

/* Clickable accounting workflow, with a vertical reading order on phones. */
.accounting-flow .flow-intro{color:#4b6475;max-width:80ch;line-height:1.6}
.flow-groups{display:grid;gap:20px}
.flow-lane{background:#f4f8fb;border:1px solid #cbdde8;border-radius:12px;overflow:hidden}
.flow-lane header{padding:18px 22px;background:linear-gradient(110deg,#18394b,#285c75);color:#fff}
.flow-lane header h3{margin:0 0 5px;color:#fff;font-size:1.15rem}
.flow-lane header p{margin:0;color:#dfedf5;font-size:.9rem}
.flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;margin:0;padding:24px}
.flow-steps li{position:relative;min-width:0}
.flow-steps li:not(:last-child)::after{content:'→';position:absolute;right:-24px;top:45%;color:#31866d;font-size:24px;font-weight:bold}
.flow-steps a{display:flex;flex-direction:column;align-items:flex-start;gap:9px;height:100%;box-sizing:border-box;padding:18px;background:#fff;border:1px solid #bdd4e3;border-bottom:4px solid #07865e;border-radius:10px;text-decoration:none;color:#193c53;box-shadow:0 3px 9px #18394b0b;transition:background .15s,box-shadow .15s}
.flow-steps a:hover{background:#eaf4f8;box-shadow:0 5px 14px #18394b20}
.flow-steps a:focus-visible{outline:3px solid #007f61;outline-offset:4px}
.flow-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e6f3ef;color:#087451;font-weight:700;font-size:1rem}
.flow-hint{font-size:.85rem;line-height:1.45;color:#50697b}
.flow-shortcuts li::after{display:none}
@media(max-width:1000px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-steps li:nth-child(2n)::after{display:none}}
@media(max-width:560px){.flow-steps{grid-template-columns:1fr;gap:26px;padding:16px}.flow-steps li:not(:last-child)::after{display:block;content:'↓';top:auto;bottom:-25px;right:50%;font-size:20px}.flow-shortcuts li::after{display:none!important}.flow-lane header{padding:16px}.flow-steps a{padding:16px}}
.attention-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:20px 0}.attention-grid a,.attention-grid>div{display:flex;flex-direction:column;gap:8px;padding:18px;background:#edf6f8;border:1px solid #c4dbe6;border-radius:10px;color:#173b50;text-decoration:none}.attention-grid strong{font-size:1.8rem;color:#087b58}.attention-grid a:hover{background:#dfeff4}.accounting-home-links{margin:16px 0}.accounting-manage summary,.guided-journey summary{cursor:pointer;font-weight:700;padding:16px;color:#fff;background:linear-gradient(110deg,#18394b,#285c75);border-radius:8px}.guided-journey{margin:18px 0;border:1px solid #cadde8;border-radius:9px;overflow:hidden}.guided-steps{list-style:none;margin:0;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.guided-steps li{display:flex;gap:14px;padding:20px;background:#f2f7fa;border:1px solid #d2e2eb;border-radius:10px;align-items:flex-start}.guided-number{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#087e5a;color:white;font-weight:700}.guided-location{font-size:.8rem;color:#4e6471}.guided-steps h3{margin:5px 0;color:#173b50}.guided-steps p{line-height:1.6}.guided-steps .button{white-space:normal}.guided-journey>.actions{padding:20px}@media(max-width:760px){.guided-steps{grid-template-columns:1fr;padding:12px}.guided-steps li{padding:14px}.attention-grid{grid-template-columns:1fr 1fr}}@media(max-width:380px){.attention-grid{grid-template-columns:1fr}}

.item-lookup{display:none;grid-column:1/-1;position:relative}.lookup-ready .item-lookup{display:block}.lookup-ready .item-fallback{display:none}.item-results{position:absolute;left:0;right:0;z-index:20;background:white;border:1px solid #a8c5d5;box-shadow:0 8px 20px #17394b33;max-height:300px;overflow:auto}.item-result{display:grid;grid-template-columns:1fr .5fr 2fr .6fr;gap:12px;padding:14px;border-bottom:1px solid #dce8ef;cursor:pointer}.item-result:hover,.item-result[aria-selected=true]{background:#087f59;color:white}.item-status{font-size:.85rem;margin:6px 0}.item-account-summary,.item-advanced{grid-column:1/-1}.item-account-summary{background:#e7f3ee;padding:12px;border-radius:6px}.item-advanced summary{cursor:pointer}.item-advanced select{max-width:500px}@media(max-width:650px){.item-result{grid-template-columns:1fr 1fr}.item-result span:nth-child(3){grid-column:1/-1}}

/* Customer and supplier transaction centre */
.party-centre-grid{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr);gap:18px;align-items:start}.party-centre-grid .panel{margin:0 0 18px}.party-centre-list{position:sticky;top:12px}.party-centre-list>h2{font-size:1.25rem}.party-centre-accounts{max-height:62vh;overflow:auto;border:1px solid #d8e5ec;border-radius:9px;margin:12px 0}.party-centre-account{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;text-decoration:none;border-bottom:1px solid #e2ebf0;font-size:.9rem}.party-centre-account:last-child{border-bottom:0}.party-centre-account strong{white-space:nowrap;color:#087e5a;font-size:.82rem}.party-centre-account:hover,.party-centre-account.is-current{background:#e8f2f7}.party-centre-account.is-current{box-shadow:inset 4px 0 #098753;font-weight:700}.party-centre-profile{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff}.party-centre-profile h2{font-size:1.7rem}.party-centre-profile p{margin:4px 0;color:#e4eef4}.party-centre-kicker{font-size:.75rem;letter-spacing:.1em;font-weight:700}.party-centre-balance{min-width:220px;padding:18px 20px;background:#ffffff14;border:1px solid #ffffff32;border-radius:10px;display:grid;gap:3px}.party-centre-balance strong{font-size:1.6rem}.party-centre-balance small{color:#e4eef4}.party-centre-tabs{display:flex;align-items:center;justify-content:space-between;gap:10px}.party-centre-tabs h2{font-size:1.35rem}.party-centre-tabs span{color:#557080;font-size:.9rem}.party-centre-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px 0 16px}.party-centre-filters label{margin:0;flex:1 1 140px}.party-centre-filters button,.party-centre-filters .button{margin:0 0 2px;padding:10px 14px}.party-centre-filters .button{min-height:44px}.party-centre-account[hidden]{display:none}@media(max-width:800px){.party-centre-grid{grid-template-columns:1fr}.party-centre-list{position:static}.party-centre-accounts{max-height:220px;display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.party-centre-profile{align-items:stretch;flex-direction:column}.party-centre-balance{min-width:0}.party-centre-filters label{flex-basis:calc(50% - 10px)}}

/* Cleaner customer and supplier account summaries and transaction states */
.party-centre-list-head{display:flex;justify-content:space-between;padding:9px 12px 5px;color:#58707e;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.party-centre-account{align-items:center;min-height:46px}.party-centre-account span{overflow-wrap:anywhere}.party-centre-account strong{font-size:.86rem;font-variant-numeric:tabular-nums}.party-centre-profile{background:#fff;color:#173b50;border:1px solid #d8e5ec}.party-centre-profile h2{margin:0 0 10px;color:#173b50}.party-centre-profile p{color:#58707e}.party-centre-profile .party-centre-kicker{color:#4c7185}.party-centre-balance{background:#eaf3f7;border:0;border-left:4px solid #098753;color:#173b50}.party-centre-balance span{color:#3f6173;font-weight:700}.party-centre-balance strong{font-variant-numeric:tabular-nums}.party-centre-balance small{color:#58707e}.party-centre-tabs{padding-bottom:7px;border-bottom:1px solid #d8e5ec}.party-centre-filters{padding-top:16px}.party-centre-grid .table-wrap{border:1px solid #d8e5ec;border-radius:8px}.party-centre-grid table{font-variant-numeric:tabular-nums}.party-centre-grid tbody tr:hover{background:#f0f6f8}.party-centre-grid td:nth-last-child(-n+2),.party-centre-grid th:nth-last-child(-n+2){text-align:right;white-space:nowrap}.party-centre-status{display:inline-block;text-align:center;padding:4px 8px;border-radius:999px;background:#edf2f5;color:#455b68;font-size:.76rem;font-weight:700;white-space:nowrap}.party-centre-status.status-outstanding,.party-centre-status.status-partly-paid{background:#fff0df;color:#835315}.party-centre-status.status-paid,.party-centre-status.status-recorded,.party-centre-status.status-applied{background:#e5f3eb;color:#176548}.party-centre-status.status-available{background:#e8f2f8;color:#245b7b}.party-centre-status.status-draft{background:#f0edf8;color:#584477}.party-centre-status.status-reversed,.party-centre-status.status-refunded,.party-centre-status.status-used{background:#fbeaea;color:#873e3e}
.party-centre-actions .actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.party-centre-actions .button{margin:0}.party-centre-action-note{align-self:center;padding:10px 12px;color:#58707e;font-size:.9rem}
.party-centre-payment-picker{position:relative}.party-centre-payment-picker>summary{list-style:none;cursor:pointer}.party-centre-payment-picker>summary::-webkit-details-marker{display:none}.party-centre-payment-picker>div{position:absolute;z-index:5;top:calc(100% + 5px);left:0;min-width:260px;max-height:260px;overflow:auto;padding:6px;background:#fff;border:1px solid #c9dbe5;border-radius:8px;box-shadow:0 8px 20px #173b5026}.party-centre-payment-picker>div a{display:block;padding:9px 10px;color:#173b50;text-decoration:none;border-radius:5px}.party-centre-payment-picker>div a:hover{background:#eaf3f7}
.home-customer-balances-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.home-customer-balances-head h2{margin-bottom:4px}.home-customer-balances-head p{margin:0 0 12px;color:#58707e}.home-customer-balances>label{max-width:440px}.home-customer-table{max-height:390px;overflow:auto;border:1px solid #d8e5ec;border-radius:8px;margin-top:12px}.home-customer-table table{margin:0}.home-customer-table th{position:sticky;top:0;z-index:1}.home-customer-table td:nth-child(2),.home-customer-table th:nth-child(2){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.home-customer-table td:last-child{white-space:nowrap}.home-customer-table tbody tr:hover{background:#f0f6f8}.finance-document-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 20px}.finance-document-actions .button{margin:0}.finance-document #document-payments{scroll-margin-top:18px}
@media(max-width:620px){.home-customer-balances-head{align-items:flex-start;flex-direction:column}.home-customer-balances-head .button{align-self:flex-start}.home-customer-table{max-height:320px}}

/* Traditional accounting workspace: a short top bar plus grouped task navigation. */
.menu-top-link{display:flex;align-items:center;padding:10px 14px;border:1px solid transparent;border-radius:7px;color:#193c52;text-decoration:none;font-weight:700;white-space:nowrap}
.menu-top-link:hover,.menu-top-link:focus-visible{background:#dbeaf2;border-color:#bdd3e1}
.menu-top-link.is-current{background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border-color:#17364c;box-shadow:inset 0 -3px #098753}
.accounting-workspace{display:grid;grid-template-columns:minmax(205px,238px) minmax(0,1fr);gap:18px;align-items:start}
.accounting-sidebar{position:sticky;top:12px;min-width:0;background:#fff;border:1px solid #d4e0e7;border-radius:9px;box-shadow:0 3px 12px #17364c0a;overflow:hidden}
.accounting-sidebar-title{padding:15px 17px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;font-weight:700;font-size:16px}
.accounting-sidebar>p{margin:12px 14px;color:#607786;font-size:13px;line-height:1.45}
.accounting-menu-group{border-top:1px solid #e4ebef}
.accounting-menu-group>summary{list-style:none;cursor:pointer;padding:12px 14px;font-weight:700;color:#193b50}
.accounting-menu-group>summary::-webkit-details-marker{display:none}
.accounting-menu-group>summary::after{content:'▸';float:right;color:#607786}
.accounting-menu-group[open]>summary::after{content:'▾'}
.accounting-menu-group>div{padding:0 8px 8px}
.accounting-menu-group a{display:block;padding:8px 10px;border-radius:5px;color:#193b50;text-decoration:none;font-size:14px;line-height:1.35}
.accounting-menu-group a:hover,.accounting-menu-group a:focus-visible{background:#edf4f7}
.accounting-menu-group a[aria-current="page"]{background:#dcebf3;box-shadow:inset 3px 0 #098753;font-weight:700}
.accounting-content{min-width:0}
.accounting-content>.finance-heading{margin-top:0}
@media(max-width:900px){.accounting-workspace{grid-template-columns:minmax(190px,220px) minmax(0,1fr);gap:12px}}
@media(max-width:760px){.accounting-workspace{grid-template-columns:1fr}.accounting-sidebar{position:static}.accounting-sidebar>p{margin:9px 14px}.accounting-menu-group:not([open])>div{display:none}.menu-bar{display:flex;grid-template-columns:none}.menu-top-link{justify-content:center;padding:10px}.menu-signout{grid-column:auto}}
@media print{.accounting-sidebar,.accounting-home-links{display:none!important}.accounting-workspace{display:block}}

.crm-footer{padding:20px 24px;background:#123650;color:#dcebf5;border-radius:8px}
.crm-footer .brand-name{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-style:italic;font-weight:400;letter-spacing:.25px;display:inline-block}
.crm-footer .brand-o{color:#ef234f}.industry-save-choice{margin:16px 28px}.address-map-link{display:inline-block;margin-top:8px;font-size:.85rem}

/* Reuse the existing active-menu palette and typography for the title. */
.portal-section-title{margin:0 0 10px;font-family:inherit;font-size:20px;line-height:1.3}
.portal-section-title>.menu-top-link{display:inline-flex;padding:12px 18px}

/* Access Profiles follows the portal navigation palette. */
.access-profiles-title{padding:14px 20px;margin:20px 0;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border:1px solid var(--navy);border-radius:8px;box-shadow:inset 0 -3px var(--green);font-family:inherit;font-size:24px}
.access-profiles>.panel{border-radius:8px;border-color:var(--line)}
.access-profiles>.panel>h2{margin-top:0;padding-bottom:10px;border-bottom:3px solid var(--green);color:var(--navy)}
.access-profiles details{padding:0;margin:12px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.access-profiles summary{padding:12px 16px;background:linear-gradient(180deg,#fff,#e9f1f6);color:var(--navy);font:inherit;font-weight:600}
.access-profiles details[open]>summary{box-shadow:inset 3px 0 var(--green);background:#dcebf3}
.access-profiles details>form,.access-profiles details>p,.access-profiles details>details,.access-profiles details>.button{margin-left:16px;margin-right:16px}
.access-profiles button,.access-profiles .button,.access-profiles input,.access-profiles select,.access-profiles fieldset{border-radius:8px}

/* Shared portal styling for Support, Administration, My Account and Accounting. */
main>h1,.panel>h1,.finance-heading>h1{padding:14px 20px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border:1px solid var(--navy);border-radius:8px;box-shadow:inset 0 -3px var(--green);font-family:inherit;font-size:24px}
main>h1.portal-section-title{padding:0;background:none;border:0;box-shadow:none;font-size:20px}
.panel{border-radius:8px;border-color:var(--line)}
.panel>h2{padding-bottom:10px;border-bottom:3px solid var(--green);color:var(--navy)}
main input,main select,main textarea,main fieldset,main button,main .button{border-radius:8px}
.panel>details{padding:0;margin:12px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.panel>details>summary{padding:12px 16px;background:linear-gradient(180deg,#fff,#e9f1f6);color:var(--navy);font:inherit;font-weight:600}
.panel>details[open]>summary{box-shadow:inset 3px 0 var(--green);background:#dcebf3}
.panel>details>form,.panel>details>p,.panel>details>details,.panel>details>.button{margin-left:16px;margin-right:16px}
@media(max-width:650px){main>h1,.panel>h1,.finance-heading>h1{font-size:22px;padding:12px 16px}}
@media print{main>h1,.panel>h1,.finance-heading>h1{background:none;color:#000;border:0;box-shadow:none;padding:0}}

/* Director and owner capture matches the portal panels. */
.company-directors>h2{padding:14px 20px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border:1px solid var(--navy);border-radius:8px;box-shadow:inset 0 -3px var(--green);font-family:inherit}
.company-directors .owner-row{padding:16px;margin:12px 0;background:#f3f6f8;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:8px}
.company-directors .owner-row input,.company-directors .owner-row select{min-height:48px;border-radius:8px}
.company-directors button{border-radius:8px}
@media(max-width:500px){.company-directors .owner-row{padding:12px}.company-directors>h2{padding:12px 16px}}

/* Consistent section headings and controls throughout portal forms. */
.capture-section>h2,form h2,form h3,.panel>h2,form fieldset>legend{padding:12px 18px;background:linear-gradient(110deg,#17364c,#245b7b);color:#fff;border:1px solid var(--navy);border-radius:8px;box-shadow:inset 0 -3px var(--green);font-family:inherit;font-weight:700;line-height:1.4}
.capture-section>h2,.panel>h2{font-size:21px}
form h3,form fieldset>legend{font-size:17px}
form fieldset{border:1px solid var(--line);border-radius:8px;padding:16px;margin:16px 0}
main form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),main form select{min-height:48px}
main form input,main form select,main form textarea{border-radius:8px;font-family:inherit}
main form input:focus,main form select:focus,main form textarea:focus{border-color:var(--green)}
@media(max-width:650px){.capture-section>h2,form h2,form h3,.panel>h2,form fieldset>legend{padding:12px 16px}.capture-section>h2,.panel>h2{font-size:20px}}
@media print{.capture-section>h2,form h2,form h3,.panel>h2,form fieldset>legend{background:none;color:#000;border:0;border-radius:0;box-shadow:none;padding:0}}

/* Align section titles, fieldsets and actions to the same content gutter. */
.panel>h1,.panel>h2{margin:0 0 20px}
.capture-section>h2{margin:0 0 20px}
main form fieldset{min-width:0;margin:20px 0;padding:16px;display:flow-root}
main form fieldset>legend{float:left;width:100%;max-width:100%;margin:0 0 16px;padding:12px 16px;box-sizing:border-box;overflow-wrap:anywhere}
main form fieldset>legend+*{clear:both}
main form fieldset>.check{display:flex;align-items:center;gap:10px;margin:10px 0;line-height:1.5}
main form fieldset>.check>input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:0}
.access-profiles>.panel>form>label{margin:16px 0}
.access-profiles>.panel>form>button{margin:4px 0 0}
.access-profiles details>form{margin:16px}
@media(max-width:650px){main form fieldset{padding:12px}.panel>h1,.panel>h2,.capture-section>h2{margin-bottom:16px}}

/* Main page headings: green accent above the existing light blue accent. */
main h1:not(.portal-section-title),.portal-section-title>.menu-top-link{box-shadow:inset 0 -3px #bdd3e1,inset 0 -6px var(--green)}
@media print{main h1:not(.portal-section-title),.portal-section-title>.menu-top-link{box-shadow:none}}

/* Selected master-heading style: soft blue with a green left accent. */
main h1:not(.portal-section-title),.portal-section-title>.menu-top-link{background:#dfedf7;color:#163c5d;border:1px solid #bad1e4;border-left:5px solid var(--green);border-bottom:5px solid var(--green);border-radius:8px;box-shadow:none;padding:18px 16px}
@media(max-width:650px){main h1:not(.portal-section-title),.portal-section-title>.menu-top-link{padding:14px 16px}}
@media print{main h1:not(.portal-section-title),.portal-section-title>.menu-top-link{background:none;color:#000;border:0;box-shadow:none;padding:0}}

/* Shared menu category headings: Clients, Users, Staff & Access, Tools. */
.menu-section h3{color:var(--green)}

/* Signed-in identity sits at the upper right of the portal header. */
header .header-login{margin-left:auto;align-self:flex-start;text-align:right;color:#67e89b;font-size:14px;font-weight:600;overflow-wrap:anywhere;max-width:100%}
@media(max-width:650px){header .header-login{width:100%;margin-left:0;text-align:right}}

/* Company/user picker follows the shared form theme. */
#support-company-picker{padding:16px;margin:20px 0;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:8px;background:#f3f6f8}
#support-company-picker>label{margin:0 0 16px}
#support-company-picker>button.secondary{margin:0;padding:11px 18px;border:1px solid #bad1e4;border-radius:8px;background:#dfedf7;color:#163c5d;box-shadow:inset 0 -3px var(--green);font:inherit;font-weight:600}
#support-company-picker>button.secondary:hover{background:#d0e4f2}
#support-company-picker>button:disabled{opacity:.6;cursor:default}

/* Label display rules must not reveal the inactive requester field. */
#support-requester-name[hidden]{display:none!important}

.invoice-parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;align-items:start}
.invoice-party{min-width:0;padding:18px;background:#f3f6f8;border:1px solid var(--line);border-radius:8px}
.invoice-party .invoice-party-label{margin:0 0 12px;color:var(--green);font-weight:700}
.invoice-party h3{margin:0 0 12px}.invoice-party p{margin:8px 0;overflow-wrap:anywhere}
@media(max-width:650px){.invoice-parties{grid-template-columns:1fr;gap:16px}}
@media print{.invoice-parties{grid-template-columns:1fr 1fr}.invoice-party{background:none;border:0;padding:0}}

.draft-review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-review-actions>form{margin:0}.draft-review-actions button{margin:0}

.amend-person-manual[hidden]{display:none!important}.amend-person-picker{min-width:0}

/* Preserve conditional banking visibility despite shared fieldset layout rules. */
main form fieldset.debit-banking-fields[hidden]{display:none!important}

/* Line-item editor: aligned fields and a separate account/manual-entry row. */
main form .finance-lines>legend{color:#fff}
.finance-line>.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
.finance-line>.form-grid>label,.finance-line .item-lookup>label{margin:0;min-width:0}
.finance-line .item-lookup{grid-column:1/-1;min-width:0}
.finance-line .item-status{margin:6px 0 0}
.finance-line .item-account-summary:empty{display:none}
.finance-line .item-account-summary{margin:0;grid-column:1/-1}
.finance-line .item-advanced{grid-column:1/-1;width:100%;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.finance-line .item-advanced>summary{padding:12px 16px;background:#dfedf7;color:#163c5d}
.finance-line .item-advanced>label{margin:16px}
.finance-line .item-advanced select{max-width:none;width:100%}
.finance-line .item-advanced>.item-manual{margin:0 16px 16px}
@media(max-width:600px){.finance-line>.form-grid{grid-template-columns:1fr}}

/* Separate CRM and Accounting workspaces with consistent navigation. */
.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 20px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:10px}
.workspace-switch{display:flex;gap:6px;padding:4px;background:#edf1f7;border-radius:8px}
.workspace-switch>a{padding:10px 22px;color:var(--navy);text-decoration:none;font-weight:700;border-radius:6px}
.workspace-switch>a[aria-current=page]{background:linear-gradient(110deg,#29154a,#443078);color:#fff;box-shadow:inset 0 -3px var(--green)}
.workspace-utilities{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.workspace-utilities form{margin:0}.workspace-utilities .button,.workspace-utilities button{margin:0;padding:10px 14px}
.portal-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}
.workspace-sidebar{position:sticky;top:12px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.workspace-sidebar-heading{padding:17px 18px;color:#fff;background:linear-gradient(110deg,#29154a,#443078);font-weight:700}
.workspace-group{margin:0;padding:0;border-bottom:1px solid var(--line)}.workspace-group:last-child{border-bottom:0}
.workspace-group>summary{padding:15px 18px;color:var(--navy);font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:8px}
.workspace-group>summary::after{content:'▸';color:#63788a}.workspace-group[open]>summary::after{content:'▾'}
.workspace-group>summary::-webkit-details-marker{display:none}.workspace-group>nav{padding:0 9px 10px}
.workspace-group a{display:block;padding:10px 12px;margin:2px 0;border-radius:6px;color:var(--navy);text-decoration:none;font-size:14px;overflow-wrap:anywhere}
.workspace-group a:hover,.workspace-group a:focus-visible{background:#edf3f8}.workspace-group a[aria-current=page]{background:#dfedf7;box-shadow:inset 3px 0 var(--green);font-weight:700}
.portal-workspace-content{min-width:0}.portal-workspace-content>.panel:first-child{margin-top:0}.portal-workspace-content .finance-heading{margin-top:0}
@media(max-width:800px){.portal-workspace{grid-template-columns:1fr}.workspace-sidebar{position:static}.workspace-toolbar{align-items:flex-start}.workspace-switch{width:100%}.workspace-switch>a{flex:1;text-align:center}.workspace-utilities{width:100%}}
@media print{.workspace-toolbar,.workspace-sidebar{display:none!important}.portal-workspace{display:block}}

/* Accounting is primarily a desktop administration workspace. */
@media screen and (min-width:1100px){
  main:has(.accounting-content){max-width:none;width:100%;padding:24px 28px}
  .portal-workspace:has(.accounting-content){grid-template-columns:220px minmax(0,1fr);gap:24px}
  .accounting-content .party-centre-grid{grid-template-columns:260px minmax(0,1fr);gap:24px}
  .accounting-content .party-centre-main{min-width:0}
  .accounting-content .party-centre-main .panel{padding:24px 28px}
  .accounting-content .party-centre-main table{min-width:940px;table-layout:auto}
  .accounting-content .party-centre-main th,.accounting-content .party-centre-main td{padding:14px 16px}
  .accounting-content .party-centre-main th:nth-child(1){min-width:150px}
  .accounting-content .party-centre-main th:nth-child(2){min-width:120px}
  .accounting-content .party-centre-main th:nth-child(3){min-width:280px}
  .accounting-content .party-centre-main td:nth-child(1),.accounting-content .party-centre-main td:nth-child(2){white-space:nowrap}
  .accounting-content .party-centre-account{padding:13px 12px;gap:14px}
  .accounting-content .party-centre-account span{overflow-wrap:normal;word-break:normal}
  .accounting-content .party-centre-filters{gap:14px}
}
@media screen and (min-width:1100px) and (max-width:1450px){
  .accounting-content .party-centre-grid{grid-template-columns:minmax(0,1fr)}
  .accounting-content .party-centre-list{position:static}
  .accounting-content .party-centre-accounts{max-height:170px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .accounting-content .party-centre-list-head{display:none}
  .accounting-content #party-centre-search{max-width:440px}
}
@media screen and (min-width:1100px){
  .accounting-content>.panel{padding:28px 30px;margin:24px 0}
  .accounting-content>.panel:first-of-type{margin-top:0}
  .accounting-content .form-grid{gap:18px 24px}
  .accounting-content .form-grid>label{flex-basis:240px}
  .accounting-content .table-wrap{max-width:100%;overflow-x:auto}
  .accounting-content table:has(th:nth-child(5)){min-width:900px}
  .accounting-content td,.accounting-content th{padding:14px 16px}
  .accounting-content th{white-space:nowrap}
  .accounting-content .actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
  .accounting-content .actions>.button,.accounting-content .actions>button{margin:0}
  .accounting-content input,.accounting-content select{min-height:46px}
  .accounting-content input[type=checkbox],.accounting-content input[type=radio]{min-height:0}
}
.smtp-error-dialog{max-width:620px;width:calc(100% - 40px);padding:28px;border:2px solid #b83345;border-radius:12px;color:#17364c;box-shadow:0 16px 70px #0005}.smtp-error-dialog::backdrop{background:#10273880}.smtp-error-dialog h2{color:#9b2638}.smtp-error-dialog p{overflow-wrap:anywhere}

.amend-date-time-control{display:flex;align-items:center;gap:10px}.amend-date-time-control input{flex:1;min-width:0}.amend-date-time-control button{flex:none;margin:0}.amend-date-time .date-time-feedback{font-size:13px;margin:8px 0 0}
#support-person-search button[hidden]{display:none!important}#support-person-results:not(:empty){margin:12px 0 20px}#support-person-results .actions{display:flex;flex-direction:column;align-items:stretch;gap:6px}#support-person-results .actions a{text-align:left}

#support-person-search{position:relative}#support-person-results select{width:100%;margin:0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:4px;font:inherit;box-shadow:0 5px 12px #17364c18}#support-person-results select option{padding:9px 12px}

.amend-date-value{display:none!important}.amend-date-trigger{width:100%;text-align:left}.amend-calendar{width:400px;max-width:calc(100vw - 40px);border:1px solid #c9d7df;border-radius:12px;padding:20px;color:#17364c;box-shadow:0 8px 28px #17364c33}.amend-calendar::backdrop{background:#17364c33}.amend-calendar-month{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.amend-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.amend-calendar-grid button{padding:8px 0;margin:0;min-width:0}.amend-calendar-grid button[aria-pressed=true]{background:#078753;color:white}.amend-calendar-times{display:flex;gap:12px;margin-top:16px}.amend-calendar-times label{flex:1;min-width:0}.amend-calendar-times input{width:100%;box-sizing:border-box}.amend-calendar-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.amend-calendar-actions button{margin:0}.amend-calendar-actions button:last-child{background:#078753;color:white}

.invoice-email-state{margin-top:8px}.invoice-email-state small{display:block;max-width:230px;margin-top:5px;color:#577080;font-size:12px}.invoice-email-sent{background:#078753!important;border-color:#078753!important;color:#fff!important}.invoice-email-check{background:#fff0e8!important;border-color:#b84c20!important;color:#933b16!important}
/* Roomier account picker for desktop customer and supplier centres. */
@media screen and (min-width:1451px){
 .accounting-content .party-centre-grid{grid-template-columns:360px minmax(0,1fr)}
 .accounting-content .party-centre-list{padding:26px}
 .accounting-content .party-centre-account{gap:16px;padding:14px 16px;font-size:16px;min-height:54px}
 .accounting-content .party-centre-account strong{font-size:15px}
 .accounting-content .party-centre-accounts{max-height:72vh}
 .accounting-content .party-centre-list-head{font-size:12px;padding-left:16px;padding-right:16px}
}

.draft-document-footer{margin-top:22px;padding-top:16px;border-top:1px solid #d8e5ec}.draft-document-footer .draft-review-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.draft-document-footer form{margin:0}

.finance-document-actions form{display:inline-flex;margin:0}.finance-document-actions form button{margin:0}

/* Desktop CRM uses the same available width and comfortable controls as Accounting. */
@media screen and (min-width:1100px){
 main:has(.crm-workspace){max-width:none;width:100%;padding:24px 28px}
 .crm-workspace{grid-template-columns:220px minmax(0,1fr);gap:24px}
 .crm-workspace .panel{max-width:none}
 .crm-workspace .form-grid{gap:18px 24px}
 .crm-workspace input,.crm-workspace select,.crm-workspace textarea{font-size:16px}
 .crm-workspace input:not([type=checkbox]):not([type=hidden]),.crm-workspace select{min-height:46px}
 .crm-workspace button,.crm-workspace .button{min-height:46px;padding:12px 18px}
 .crm-workspace td,.crm-workspace th{padding:14px 16px}
 .company-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px 28px;align-items:start}
 .company-section-grid>.capture-section{margin:0;padding:20px;border:1px solid #d8e5ec;border-radius:9px;min-width:0}
 .company-section-grid>.capture-section h2{margin-bottom:20px}
 .company-section-grid .capture-grid{gap:14px 22px}
 .company-section-grid .company-directors{grid-column:1/-1}
}
@media screen and (min-width:1100px) and (max-width:1450px){
 .company-section-grid .capture-grid{grid-template-columns:1fr}
}
#company-lookup-review[hidden]{display:none!important}
/* Keep portal branding aligned with the full-width laptop/desktop workspace. */
header.portal-header{display:grid;grid-template-columns:clamp(168px,15vw,220px) minmax(0,1fr) auto;grid-template-areas:"brand title identity";align-items:center;gap:clamp(16px,2vw,32px);padding:clamp(16px,1.5vw,24px) clamp(20px,2vw,32px)}
header.portal-header .brand-logo{grid-area:brand;width:100%;max-width:220px;padding:8px;min-width:0}
header.portal-header .brand-logo img{width:100%;height:auto;max-width:100%;object-fit:contain}
header.portal-header .portal-title{grid-area:title;width:auto;min-width:0;margin:0;font-size:clamp(22px,2vw,30px);line-height:1.25;text-wrap:balance}
header.portal-header .header-login{grid-area:identity;width:auto;min-width:0;max-width:26rem;margin:0;align-self:center;text-align:right;font-size:clamp(14px,1vw,16px);line-height:1.5;overflow-wrap:anywhere}
@media screen and (max-width:1100px){header.portal-header{grid-template-columns:clamp(156px,20vw,190px) minmax(0,1fr);grid-template-areas:"brand title" "brand identity";gap:8px 24px}header.portal-header .header-login{text-align:left;align-self:start}header.portal-header .portal-title{align-self:end}}
@media screen and (max-width:600px){header.portal-header{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "title" "identity";gap:12px;padding:16px 20px}header.portal-header .brand-logo{width:168px}header.portal-header .portal-title{font-size:22px}header.portal-header .header-login{font-size:14px;text-align:left}}
.user-access-allocations>.capture-grid{max-height:280px;overflow:auto;padding:8px 4px}
.user-access-allocations .check{display:flex;align-items:center;gap:8px;margin:0;min-height:36px;font-weight:400}
.user-access-allocations .check input[type=checkbox]{flex:0 0 16px;width:16px;height:16px;min-height:0;padding:0;margin:0;align-self:center}
main form .user-access-allocations>legend{float:none;width:auto;margin:0;padding:0 8px;background:none;color:var(--navy);border:0;border-radius:0;box-shadow:none;font-size:16px}
.user-access-allocations>.capture-grid{gap:4px 22px}
.user-access-allocations .check{padding:4px 8px;line-height:1.4}

/* Client allocations follow the available panel width. */
.user-access-allocations{container-type:inline-size}
.user-access-allocations>.capture-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.user-access-allocations .check{overflow-wrap:anywhere;align-items:flex-start}
.user-access-allocations .check input[type=checkbox]{align-self:flex-start;margin-top:3px}
@container (max-width:760px){.user-access-allocations>.capture-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}}
@container (max-width:420px){.user-access-allocations>.capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}}
@container (max-width:260px){.user-access-allocations>.capture-grid{grid-template-columns:1fr}}

.delete-system-user{max-width:420px}.delete-system-user button.danger{background:#b42336;color:#fff}.delete-system-user form{padding:12px}.delete-system-user .check{display:flex;align-items:center;gap:8px}.delete-system-user input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0}

.user-status{display:inline-block;padding:4px 10px;border-radius:6px;white-space:nowrap}.user-status.is-active{background:#e3f4eb;color:#07603d}.user-status.is-inactive{background:#edf0f3;color:#52616b}

.custom-rights[hidden]{display:none}.custom-rights .check{display:flex;align-items:center;gap:8px}.custom-rights .check input{width:16px;height:16px;min-height:0;margin:0;flex:none}

.onboarding-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.onboarding-steps li{border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.setup-status{display:inline-block;margin-left:12px;padding:2px 8px;border-radius:5px;background:#e3eff5;font-size:14px}.onboarding-steps p{margin-bottom:10px}@media(max-width:700px){.onboarding-steps{grid-template-columns:1fr}}

.support-overdue{color:#b42318;font-weight:700}

/* Keep table text, statuses and actions on the same vertical centre line. */
.table-wrap td>form{margin-top:0;margin-bottom:0}
.table-wrap td>button,.table-wrap td>.button,.table-wrap td>form>button{margin-top:0;margin-bottom:0;vertical-align:middle}

.health-pass{color:#087b58}.health-review{color:#a43c15}

/* Keep conditional form labels hidden despite the shared label display rule. */
label[hidden]{display:none!important}

/* Keep the whole checkbox label easy to tap on compact screens. */
@media(max-width:760px){
 main label.check{display:flex;align-items:center;gap:8px;min-height:44px}
 main label.check>input[type=checkbox]{flex:0 0 auto;margin:0}
}
.edit-lease-notice{padding:12px 16px;margin:12px 0;border:1px solid #b8d4df;border-left:4px solid #098753;border-radius:6px;background:#eef7fa;color:#17364c}.edit-lease-notice[hidden]{display:none}.edit-lease-notice p{margin:0}.edit-lease-notice button{margin-bottom:0}
.edit-lease-notice[data-edit-state=busy],.edit-lease-notice[data-edit-state=expired]{background:#fff8e5;border-color:#e5c774;border-left-color:#a97600}.edit-lease-notice[data-edit-state=error]{background:#fff0f1;border-left-color:#c13d4f}

/* Active/completed transaction lists retain one shared filter bar. */
.party-transaction-heading{justify-content:flex-start;flex-wrap:wrap;scroll-margin-top:16px}
.transaction-state-tabs{display:flex;gap:6px;align-items:center}
.transaction-state-tabs .button{margin:0;padding:8px 14px;font-size:14px}
.transaction-state-tabs small{margin-left:6px;font-weight:400}
.party-transaction-heading .transaction-shown{margin-left:auto}
.party-transactions-table{min-width:980px}
.party-centre-grid .party-transactions-table td:nth-child(5),.party-centre-grid .party-transactions-table th:nth-child(5),.party-centre-grid .party-transactions-table td:nth-child(6),.party-centre-grid .party-transactions-table th:nth-child(6){text-align:right;white-space:nowrap}
.party-centre-grid .party-transactions-table td:last-child,.party-centre-grid .party-transactions-table th:last-child{text-align:left}
.party-transactions-table td:last-child .button{font-size:13px;padding:9px 12px;margin:0;white-space:nowrap}
.party-transactions-table td:nth-child(2){white-space:nowrap}
#party-transactions{scroll-margin-top:16px}
@media(max-width:650px){.party-transaction-heading{gap:10px}.transaction-state-tabs .button{padding:9px 12px;min-height:44px}}
@media(min-width:1000px){
 .accounting-content .party-centre-main table.party-transactions-table{min-width:0;width:100%}
 .accounting-content .party-centre-main table.party-transactions-table th{min-width:0;white-space:normal}
 .accounting-content .party-centre-main table.party-transactions-table td,.accounting-content .party-centre-main table.party-transactions-table th{padding:12px 10px}
 .accounting-content .party-centre-main table.party-transactions-table td:first-child{white-space:normal}
 .party-transactions-table .invoice-email-state small{max-width:180px}
}

/* Validation errors appear only after the browser reports a failed check. */
input.field-invalid,select.field-invalid,textarea.field-invalid{border:2px solid #b42318;color:#b42318;background-color:#fff5f4}
input.field-invalid:focus,select.field-invalid:focus,textarea.field-invalid:focus{outline:2px solid #b42318;outline-offset:2px}
.validation-error{display:block;color:#b42318;font-size:.9rem;font-weight:600;margin:6px 0 0}

.amend-date-time{display:block;min-width:0}.amend-date-trigger.field-invalid{border:2px solid #b42318;color:#b42318;background:#fff5f4}.date-time-feedback:empty{display:none}

.support-callout-charges[hidden]{display:none!important}

.amend-calendar-grid button.calendar-today{box-shadow:inset 0 0 0 2px #078753;font-weight:800}.amend-calendar-actions{flex-wrap:wrap}

.rate-review-client{margin:16px 0}.rate-review-client[hidden]{display:none!important}.rate-review-client form{padding:16px}.rate-review-client fieldset{min-width:0}.rate-review-client .check{display:flex;align-items:center;gap:8px}

.labour-rate-help,.support-labour-summary{grid-column:1/-1;margin:0}.labour-rate-help{font-size:.9rem;color:#526b7b}.support-labour-summary{padding:12px 16px;border:1px solid #c8dce8;border-radius:8px;background:#edf5fa;font-weight:600}.support-labour-summary output{display:inline-block;margin-left:8px;font-size:1.1rem}.support-callout-charges .form-grid{align-items:start;gap:16px}.support-callout-charges .form-grid>label{margin:0}
.form-grid.support-labour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px}.support-labour-grid>label{margin:0;min-width:0}.support-labour-grid>.support-service-help{grid-column:1/-1;margin:0;font-size:.9rem;color:#526b7b}.support-labour-grid>.support-labour-summary output{display:block;margin:5px 0 0;min-height:24px}.support-labour-grid>label:has([name="remote_sku"]),.support-labour-grid>label:has([name="support_quantity"]){grid-column:1/-1}.support-labour-grid small{display:block;margin-top:6px;font-weight:400}@media(max-width:600px){.support-labour-grid{grid-template-columns:minmax(0,1fr)!important}}

/* Keep report labels and date controls aligned when picker feedback appears. */
.accounting-content .accounting-report-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:18px 24px}
.accounting-report-filters>label{margin:12px 0;min-width:0}
.accounting-report-filters .amend-date-trigger{display:block;margin:5px 0 0;min-height:46px}
.accounting-report-filters select{min-height:46px}
.accounting-report-filters .date-time-feedback{display:block;margin-top:8px}
@media(max-width:600px){.accounting-content .accounting-report-filters{grid-template-columns:1fr}}

/* Shared report document typography, separate from portal controls and invoices. */
.accounting-report-document{font-family:"Times New Roman",Times,serif;color:#000;line-height:1.45}
.panel.accounting-report-document>h2{font-family:inherit;font-size:30px;line-height:1.2;background:none;color:#000;border:0;border-radius:0;box-shadow:none;padding:0;margin:18px 0}
.accounting-report-document>p{font-size:18px;margin:16px 0}
.accounting-report-document table{font-family:inherit;font-size:16px}
.accounting-report-document th{background:#eef2f4;color:#000;font-weight:700;border-bottom:1px solid #aebcc4}
.accounting-report-document .no-print{font-family:Arial,sans-serif}
@media print{.accounting-report-document>h2{font-size:24pt}.accounting-report-document>p{font-size:12pt}.accounting-report-document table{font-size:10pt}}

.report-email-dialog{width:560px;max-width:calc(100vw - 32px);border:1px solid #c9d7df;border-radius:12px;padding:24px;color:var(--navy);box-shadow:0 12px 36px #17364c33}.report-email-dialog::backdrop{background:#17364c66}.report-email-dialog h2{margin:0 0 16px}.report-email-dialog input{width:100%}@media print{.report-email-dialog{display:none!important}}

.accounting-report-filters>[data-report-vehicle-filter][hidden]{display:none!important}

[data-report-result][hidden]{display:none!important}

.email-message-preview{display:block;height:280px;min-height:100px;margin:12px 0}

.fuel-capture{margin:16px 0;padding:16px;border:1px solid #c8dce8;border-radius:8px;background:#f2f7fa}.fuel-capture [hidden],.finance-lines[hidden]{display:none!important}.fuel-capture-total{font-variant-numeric:tabular-nums}.bank-invoice-upload{padding:16px;background:#f2f7fa;border:1px solid #c8dce8;border-radius:8px;margin:16px 0}

.scanner-document-preview{max-width:100%;max-height:360px;object-fit:contain}
.scanner-document-preview[hidden]{display:none}
.scanner-settings-dialog{max-width:520px;width:calc(100% - 48px)}

.receipt-fuel-capture[hidden]{display:none}

.ocr-profile-panel{border:1px solid #c6d8e5;border-radius:8px;padding:16px;margin:16px 0}.ocr-fuel-rule[hidden]{display:none}
/* Keep labour inputs and their calculated total together. */
.form-grid.support-labour-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.support-labour-grid>label:has([name="onsite_hourly_rate"]){grid-column:1;grid-row:1}
.support-labour-grid>label:has([name="onsite_hours"]){grid-column:2;grid-row:1}
.support-labour-grid>.support-labour-summary{grid-column:3;grid-row:1;margin:0}
.support-labour-grid>.labour-rate-help{grid-column:1/-1;grid-row:2}
@media(max-width:800px){.form-grid.support-labour-grid{grid-template-columns:minmax(0,1fr)}.support-labour-grid>label:has([name="onsite_hourly_rate"]),.support-labour-grid>label:has([name="onsite_hours"]),.support-labour-grid>.support-labour-summary,.support-labour-grid>.labour-rate-help{grid-column:1;grid-row:auto}}

.form-grid.support-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px 24px}
.support-schedule-grid>label,.support-schedule-grid>.amend-date-time>label{display:block;margin:0;min-width:0}
.support-schedule-grid select,.support-schedule-grid .amend-date-trigger{display:block;width:100%;margin:5px 0 0;min-height:48px}
.support-schedule-grid .date-time-feedback{margin:8px 0 0}
@media(max-width:700px){.form-grid.support-schedule-grid{grid-template-columns:minmax(0,1fr)}}

.bank-amount-matches{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:8px}.bank-reference-match td{background:#e8f6ee}.bank-amount-matches[hidden]{display:none}

/* Shared customer/supplier balance meaning; signs and labels remain visible. */
.party-centre-account:link,.party-centre-account:visited{color:#0000ee}
.party-centre-account strong.balance-settled,.party-centre-balance-key .balance-settled{color:#087e5a}
.party-centre-account strong.balance-credit,.party-centre-balance-key .balance-credit{color:#1d5b9b}
.party-centre-account strong.balance-owed,.party-centre-balance-key .balance-owed{color:#b42318}
.party-centre-balance.balance-settled{border-left-color:#087e5a}
.party-centre-balance.balance-credit{border-left-color:#1d5b9b}
.party-centre-balance.balance-owed{border-left-color:#b42318}
.party-centre-balance.balance-settled strong{color:#087e5a}
.party-centre-balance.balance-credit strong{color:#1d5b9b}
.party-centre-balance.balance-owed strong{color:#b42318}
.party-centre-balance-key{font-size:.75rem;line-height:1.6;margin:4px 0 8px;color:#58707e}

/* Keep native date buttons and number fields aligned in bank reconciliation. */
.bank-reconciliation-fields{align-items:start}.bank-reconciliation-fields>label{display:flex;flex-direction:column;gap:8px;margin:0}.bank-reconciliation-fields input,.bank-reconciliation-fields button{height:48px;min-height:48px;margin:0;box-sizing:border-box}.bank-reconciliation-summary{margin:20px 0;padding:14px 18px;background:#eaf3f7;border:1px solid #d8e5ec;border-radius:8px}.bank-reconciliation-summary p{margin:6px 0}

.recon-select-all{display:flex;align-items:center;gap:8px;margin:0;color:inherit;white-space:nowrap}.recon-select-all input{width:auto;margin:0}

.unbilled-call-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:24px}.unbilled-call-filters>label{display:flex;flex-direction:column;gap:8px;margin:0}.unbilled-call-filters>button{align-self:start;margin:30px 0 0;min-height:48px;white-space:nowrap}.unbilled-call-filters input,.unbilled-call-filters label button{box-sizing:border-box;min-height:48px;margin:0}@media(max-width:700px){.unbilled-call-filters{grid-template-columns:1fr}.unbilled-call-filters>button{margin-top:0;justify-self:start}}

/* Align the labour total's label and value with the rate and hours fields. */
.support-labour-grid>label:has([name="onsite_hourly_rate"]),.support-labour-grid>label:has([name="onsite_hours"]),.support-labour-grid>label.support-labour-summary{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;border:0;background:transparent}.support-labour-grid>label input[name="onsite_hourly_rate"],.support-labour-grid>label input[name="onsite_hours"]{height:48px;margin:0;box-sizing:border-box}.support-labour-grid>label.support-labour-summary output{display:block;margin:0;min-height:48px;padding:11px 16px;border:1px solid #c8dce8;border-radius:8px;background:#edf5fa;box-sizing:border-box}

.calendar-drag-handle{cursor:grab;touch-action:none;user-select:none;flex:1;text-align:center;padding:10px 4px;border-radius:5px}.calendar-drag-handle.is-dragging{cursor:grabbing}.calendar-drag-handle:focus-visible{outline:2px solid #098753;outline-offset:2px}

.support-report-filters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;gap:24px}.support-report-filters>label{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.support-report-filters>label>select,.support-report-filters label .amend-date-trigger{height:48px;min-height:48px;margin:0;box-sizing:border-box;width:100%}.support-report-filters>label:has([name="target_state"]){grid-column:1/6}.support-report-filters>button{align-self:start;margin:30px 0 0;min-height:48px;white-space:nowrap}.support-report-filters>button[name="report"]{grid-column:7}@media(max-width:1250px){.support-report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.support-report-filters>label:has([name="target_state"]){grid-column:auto}.support-report-filters>button[name="report"]{grid-column:auto}}@media(max-width:700px){.support-report-filters{grid-template-columns:minmax(0,1fr)}.support-report-filters>button{margin-top:0;justify-self:start}}

.edit-lease-countdown{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums;margin:10px 0;color:#785800}.edit-lease-countdown-help{margin:6px 0 12px}

.support-travel-calculator{display:grid;gap:8px;font-weight:400}.support-travel-calculator small{margin:0}.support-travel-calculator input,.support-travel-calculator select{width:100%;margin:0}.support-travel-total{padding:12px 16px;background:#edf5fa;border:1px solid #c8dce8;border-radius:8px;min-height:48px;font-weight:600}.support-charge-total{grid-column:1/-1;background:#e5f3eb;border:1px solid #c2dfce;border-radius:8px;padding:14px 18px;font-weight:700;font-size:1.1rem}

.support-travel-calculator,.support-tolls-calculator{display:block;grid-column:1/-1;margin:8px 0 0;border:0;padding:0;min-width:0}.support-travel-calculator h3,.support-tolls-calculator h3{margin:12px 0 18px;font-size:1.15rem}.support-charge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.support-charge-grid>label{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}.support-charge-grid input,.support-charge-grid select,.support-charge-grid output{height:48px;min-height:48px;margin:0;width:100%;box-sizing:border-box}.support-charge-grid output{display:block;padding:11px 16px;border:1px solid #c8dce8;border-radius:8px;background:#edf5fa;font-weight:600}.support-travel-calculator .travel-clear{margin-top:12px}.support-toll-row{border-bottom:1px solid #d8e5ed;padding-bottom:16px;margin-bottom:16px}.toll-row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.toll-row-actions button,.support-toll-actions button{margin:0;min-height:46px}.toll-remove,.toll-add{background:#098753;color:white;font-weight:600;padding:12px 16px;border-radius:7px}.support-tolls-summary{text-align:right;font-weight:700}.manual-toll-dialog{border:1px solid #c8dce8;border-radius:12px;padding:24px;width:min(540px,92vw);color:#17364c}.manual-toll-dialog::backdrop{background:#17364c55}.manual-toll-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.manual-toll-fields label{margin:0}.manual-toll-actions{display:flex;justify-content:flex-end;gap:10px}.manual-toll-error{color:#b42318}.toll-manual-edit[hidden]{display:none}.support-tolls-calculator .support-toll-actions:empty{display:none}@media(max-width:700px){.support-charge-grid{grid-template-columns:1fr}}

/* Match the approved full-width Travel and Tolls example. */
.form-grid.support-labour-grid>.support-travel-calculator,.form-grid.support-labour-grid>.support-tolls-calculator{grid-column:1/-1;grid-row:auto;width:100%;min-width:0;display:block;float:none;clear:both;margin:12px 0 0;padding:0;border:0;background:transparent;box-shadow:none}.support-travel-calculator>h3,.support-tolls-calculator>h3{display:block;width:100%;padding:0;margin:8px 0 18px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#17364c;font-size:19px;line-height:1.5}.support-travel-calculator>.support-charge-grid,.support-toll-row>.support-charge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:24px;align-items:start}.support-charge-grid label output{display:block;width:100%;height:48px;margin:0}.support-toll-row>.toll-row-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px}.support-toll-row>.toll-row-actions>button{width:auto;flex:none;margin:0}.support-travel-calculator>.travel-clear{width:auto;display:inline-block}.toll-manual-edit[hidden]{display:none!important}@media(max-width:600px){.support-travel-calculator>.support-charge-grid,.support-toll-row>.support-charge-grid{grid-template-columns:1fr;gap:16px}}

.party-centre-account[hidden],.party-centre-no-matches[hidden]{display:none!important}.party-centre-no-matches{padding:10px 12px;color:#58707e}

/* Keep statement email controls aligned despite wrapped labels/calendar widgets. */
.statement-email-fields{align-items:start!important}
.statement-email-fields>label{display:flex;flex-direction:column;justify-content:flex-start;margin:0!important}
.statement-email-fields>label>input,.statement-email-fields>label>select,.statement-email-fields>label>button{height:48px;min-height:48px;box-sizing:border-box}
.statement-email-fields>label{gap:8px}
.statement-recipient-help{margin:10px 0 18px;color:#647b90;font-size:.9em}
.statement-email-fields>label>input,.statement-email-fields>label>select,.statement-email-fields .amend-date-time,.statement-email-fields .amend-date-trigger{margin-top:0!important;margin-bottom:0!important}
.statement-email-fields .amend-date-trigger{height:48px;min-height:48px;width:100%;box-sizing:border-box}
.statement-email-fields .date-time-feedback:empty{display:none}

.party-centre-account{flex-wrap:wrap}.party-centre-account .centre-open-indicator{flex-basis:100%;text-align:right;color:#b02a1b;font-size:12px}.party-centre-balance .centre-net-balance{font-size:16px;margin:8px 0}.party-centre-balance>span{display:block}

.document-header-fields{align-items:start!important}
.document-header-fields>label{display:flex;flex-direction:column;justify-content:flex-start;margin:0!important}
.document-header-fields>label>input,.document-header-fields>label>select,.document-header-fields>label>button{height:48px;min-height:48px;box-sizing:border-box}
.document-header-fields>label{gap:8px}
.statement-recipient-help{margin:10px 0 18px;color:#647b90;font-size:.9em}
.document-header-fields>label>input,.document-header-fields>label>select,.document-header-fields .amend-date-time,.document-header-fields .amend-date-trigger{margin-top:0!important;margin-bottom:0!important}
.document-header-fields .amend-date-trigger{height:48px;min-height:48px;width:100%;box-sizing:border-box}
.document-header-fields .date-time-feedback:empty{display:none}

/* Keep field labels and controls aligned when validation or date feedback appears. */
.form-grid{align-items:flex-start}
.form-grid>label{min-width:0;margin-top:12px;margin-bottom:12px}
.form-grid>button,.form-grid>.button{align-self:flex-start;margin-top:41px;margin-bottom:12px;min-height:46px}
.form-grid>label>input:not([type=checkbox]):not([type=radio]),
.form-grid>label>select{min-height:48px}
.form-grid>label>.amend-date-time{margin-top:5px}
.form-grid>label .amend-date-time-control{margin-top:0}
.form-grid>label .amend-date-trigger{display:block;min-height:48px;margin:0;width:100%}
.form-grid>label .date-time-feedback{margin:8px 0 0;font-size:13px}
/* Explicit grid layouts already provide their own label spacing. */
.finance-line>.form-grid>label,.support-callout-charges .form-grid>label,
.form-grid.support-labour-grid>label,.form-grid.support-schedule-grid>label{margin:0}
@media(max-width:600px){
 .form-grid>button,.form-grid>.button{margin-top:0}
}

/* Reconciliation filters use identical label and control tracks. */
.form-grid.support-reconciliation-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:start;gap:24px}
.form-grid.support-reconciliation-filters>label{display:flex;flex-direction:column;justify-content:flex-start;gap:8px;margin:0;min-width:0;line-height:24px}
.form-grid.support-reconciliation-filters>label>select,
.form-grid.support-reconciliation-filters>label>.amend-date-time{margin:0;width:100%}
.form-grid.support-reconciliation-filters>label>select,
.form-grid.support-reconciliation-filters .amend-date-trigger{height:48px;min-height:48px;margin:0;box-sizing:border-box}
.form-grid.support-reconciliation-filters>button{align-self:start;margin:32px 0 0;height:48px;min-height:48px;white-space:nowrap}
@media(max-width:800px){.form-grid.support-reconciliation-filters{grid-template-columns:minmax(0,1fr)}.form-grid.support-reconciliation-filters>button{margin:0;justify-self:start}}

.accounting-attention .attention-grid>a{align-items:center;text-align:center}

.bulk-invoice-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,1fr);gap:24px;align-items:start}.bulk-invoice-layout>section{min-width:0}.bulk-invoice-list{max-height:540px;overflow:auto}.bulk-invoice-list thead th{position:sticky;top:0;z-index:1}.bulk-invoice-list td{vertical-align:top}.bulk-invoice-preview{border:1px solid var(--line);border-radius:8px;padding:18px;overflow-wrap:anywhere}.bulk-invoice-preview iframe{display:block;width:100%;min-height:430px;border:1px solid var(--line)}@media(max-width:1050px){.bulk-invoice-layout{grid-template-columns:1fr}}

/* Bulk send list and preview share aligned panel edges; keep the review action visible. */
[data-bulk-invoice-email]{container-type:inline-size}
.bulk-invoice-layout{grid-template-columns:minmax(0,3fr) minmax(300px,2fr)}
.bulk-invoice-layout>section{padding:18px;border:1px solid var(--line);border-radius:8px}
.bulk-invoice-layout>section>h3{margin:0 0 16px}
.bulk-invoice-layout>section>p:first-of-type{margin-top:0}
.accounting-content .bulk-invoice-layout .bulk-invoice-list table{width:100%;min-width:0;table-layout:fixed;margin:0}
.accounting-content .bulk-invoice-layout .bulk-invoice-list th,.accounting-content .bulk-invoice-layout .bulk-invoice-list td{padding:10px 8px;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
.bulk-invoice-list th:nth-child(1){width:5%}.bulk-invoice-list th:nth-child(2){width:26%}.bulk-invoice-list th:nth-child(3){width:17%}.bulk-invoice-list th:nth-child(4){width:14%}.bulk-invoice-list th:nth-child(5){width:12%}.bulk-invoice-list th:nth-child(6){width:10%}.bulk-invoice-list th:nth-child(7){width:16%}
.bulk-invoice-list th:first-child,.bulk-invoice-list td:first-child,.bulk-invoice-list th:nth-child(4),.bulk-invoice-list td:nth-child(4),.bulk-invoice-list th:nth-child(6),.bulk-invoice-list td:nth-child(6),.bulk-invoice-list th:last-child,.bulk-invoice-list td:last-child{text-align:center}
.bulk-invoice-list th:nth-child(5),.bulk-invoice-list td:nth-child(5){text-align:right;font-variant-numeric:tabular-nums}
.bulk-invoice-list input[type=checkbox]{margin:0;vertical-align:middle}
.bulk-invoice-list td:last-child button{margin:0;padding:8px 6px;font-size:14px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.bulk-invoice-layout .actions{margin-top:16px}
@container(max-width:1180px){.bulk-invoice-layout{grid-template-columns:minmax(0,1fr)}}

/* Responsive accounting checks: preserve readable columns inside their scroll region. */
.bulk-invoice-list{max-width:100%}
.bulk-invoice-layout{overflow-wrap:anywhere}
.bulk-client-choice{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0;cursor:pointer}
.bulk-invoice-list th:first-child{width:8%}
.bulk-invoice-list th:nth-child(2){width:23%}
.accounting-content .bulk-invoice-list th:first-child,.accounting-content .bulk-invoice-list td:first-child{padding:4px 0}
.bulk-invoice-list td:last-child button{min-height:44px}
[data-usd-pricing-report] fieldset{min-width:0}
@media(max-width:1050px){.bulk-invoice-layout{grid-template-columns:minmax(0,1fr)}}
@container(max-width:760px){
 .accounting-content .bulk-invoice-layout .bulk-invoice-list table{min-width:720px}
}
@media(max-width:760px){
 .bulk-invoice-layout>section{padding:12px}
 .accounting-content .bulk-invoice-layout .bulk-invoice-list table{min-width:720px}
 .accounting-report-document .table-wrap table{min-width:760px}
}

.party-centre-grid>*,.party-centre-main{min-width:0}
.party-centre-profile>div{min-width:0;overflow-wrap:anywhere}
@media(max-width:800px){
 .party-centre-grid{grid-template-columns:minmax(0,1fr)}
 .party-centre-accounts{grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr))}
}

/* Document lookup controls share a baseline, including the date picker trigger. */
.form-grid.document-selector-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.65fr) auto;gap:24px;align-items:end}
.form-grid.document-selector-filters>label{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.document-selector-filters>label>input,.document-selector-filters>label>.amend-date-time{margin:0;width:100%}
.document-selector-filters>label>input,.document-selector-filters .amend-date-trigger{height:48px;min-height:48px;margin:0;width:100%}
.document-selector-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.document-selector-actions>button,.document-selector-actions>.button{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:48px;white-space:nowrap}
@media(max-width:850px){.form-grid.document-selector-filters{grid-template-columns:minmax(0,1fr)}.document-selector-actions{justify-content:flex-start}}

/* Keep document payment actions level despite primary/secondary border styles. */
.accounting-content .finance-document-actions{align-items:stretch;gap:12px}
.accounting-content .finance-document-actions>.button,
.accounting-content .finance-document-actions>button,
.accounting-content .finance-document-actions form>button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:11px 18px;line-height:24px;border-width:1px;border-style:solid}
.accounting-content .finance-document-actions>.button:not(.secondary){border-color:transparent}

/* Supplier correction belongs to the same action row as payment options. */
.finance-document-actions>.supplier-correction-action{position:relative;padding:0;border:0;margin:0}
.finance-document-actions>.supplier-correction-action>summary{display:flex;align-items:center;min-height:48px;padding:11px 18px;line-height:24px;border:1px solid #bfd6e5;border-radius:8px;background:linear-gradient(#fff,#e9f0f4);cursor:pointer;list-style:none}
.finance-document-actions>.supplier-correction-action>summary::before{content:'▸';margin-right:6px}
.finance-document-actions>.supplier-correction-action[open]>summary::before{content:'▾'}
.finance-document-actions>.supplier-correction-action[open]{flex-basis:100%}
.finance-document-actions>.supplier-correction-action[open]>summary{width:fit-content}
.finance-document-actions>.supplier-correction-action>form{display:block;margin:12px 0}
.finance-document-actions>.supplier-correction-action>p{margin:12px 0}

/* Green indicates the currently available next workflow action. */
body .workflow-next:not(:disabled):not([aria-disabled="true"]){background:#098753!important;color:#fff!important;border-color:#098753!important;box-shadow:0 2px 4px #17364c0a}
@media print{.workflow-next{box-shadow:none!important}}

.customer-action-picker .actions>button{background:#098753!important;color:#fff!important;border-color:#098753!important}

.email-action-picker .actions>button,.email-action-picker .actions>.button{background:#098753!important;color:#fff!important;border-color:#098753!important}

[data-bulk-invoice-email] label.check.workflow-next{padding:12px 16px;border-radius:8px}

[data-bulk-status].bulk-send-status{color:#b91c1c;font-weight:700}

[data-bulk-status].bulk-send-status.bulk-send-working{color:#098753}

label.workflow-next{padding:10px 12px;border-radius:8px}
label.workflow-next input,label.workflow-next select{color:var(--navy)}

.support-call-lookup{display:grid;grid-template-columns:minmax(240px,2fr) repeat(2,minmax(180px,1fr)) auto;gap:16px;align-items:end}
.support-call-lookup>label{margin:0}.support-call-lookup-actions{display:flex;gap:12px;flex-wrap:wrap}.support-call-lookup-actions>*{margin:0}.support-call-lookup>.button{margin:0;justify-self:start}
@media(max-width:900px){.support-call-lookup{grid-template-columns:1fr 1fr}.support-call-lookup>label:first-of-type{grid-column:1/-1}}
@media(max-width:550px){.support-call-lookup{grid-template-columns:1fr}}

/* Keep statement email fields on one desktop row with proportional widths. */
.form-grid.statement-email-fields{display:grid;grid-template-columns:minmax(150px,1.2fr) repeat(2,minmax(120px,.8fr)) minmax(170px,1.25fr) minmax(180px,1.35fr) minmax(210px,1.5fr);gap:16px;align-items:start}
.form-grid.statement-email-fields>label{min-width:0;line-height:24px;gap:8px}
.statement-email-fields .date-time-feedback{display:block;min-height:20px;margin:6px 0 0}
.statement-email-fields .date-time-feedback:empty{display:block}
@media(max-width:1150px){.form-grid.statement-email-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.form-grid.statement-email-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.form-grid.statement-email-fields{grid-template-columns:minmax(0,1fr)}}