/* CUNNTAS Module Colour Standard
   Values are supplied by the route-driven Module Presentation Registry.
   Module colour is an orientation cue; semantic Help, Warning, Error,
   Success and status colours remain independent. */
.module-page{--module-accent:#53687a;--module-soft:#f5f7f9;--module-border:#b8c3cc}

/* Legacy view wrappers now use the same authoritative Browse Modules palette. */
.module-page--purchase-invoices{--module-accent:#2e7a50;--module-soft:#f2f8f4;--module-border:#a8cdb6}
.module-page--purchase-credit-notes,.module-page--sales-credit-notes{--module-accent:#a94442;--module-soft:#fcf4f4;--module-border:#d8a7a6}
.module-page--inventory,.module-page--projects{--module-accent:#7c5d9c;--module-soft:#f7f3fb;--module-border:#c7b4dc}
.module-page--sales-invoices{--module-accent:#2f6f9f;--module-soft:#f2f7fb;--module-border:#a9c8dc}
.module-page--banking{--module-accent:#3e6f8e;--module-soft:#f2f7f9;--module-border:#aec7d6}
.module-page--vat{--module-accent:#2e6a47;--module-soft:#f2f8f4;--module-border:#aac9b5}
.module-page--payroll{--module-accent:#a46d3c;--module-soft:#fff8f2;--module-border:#d8b796}
.module-page--support{--module-accent:#3f7f79;--module-soft:#f2f8f7;--module-border:#a9cbc8}

.module-page .page-header{
    padding-left:1rem;
    border-left:4px solid var(--module-accent);
    border-radius:.35rem;
    background:linear-gradient(90deg,var(--module-soft) 0,transparent 72%);
}
.module-page .page-header .eyebrow,
.module-page .main-content .card > .eyebrow,
.module-page .main-content .section-heading .eyebrow{color:var(--module-accent)}

.module-page .main-content .card:not(.context-message),
.module-accent-card{
    border-top:4px solid var(--module-accent)!important;
    background:linear-gradient(180deg,var(--module-soft) 0,#fff 82px);
}
.module-page .main-content .payroll-employer-summary{
    border-color:var(--module-border);
    border-top:4px solid var(--module-accent);
    background:linear-gradient(180deg,var(--module-soft) 0,#fff 100%);
}
.module-item-card{border-left:4px solid var(--module-accent)!important}
.module-accent-strip{border-left:4px solid var(--module-accent);background:var(--module-soft)}
.module-accent-badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border:1px solid var(--module-border);border-radius:999px;background:var(--module-soft);color:var(--module-accent);font-weight:700;font-size:.78rem}

.module-page .main-content .button:not(.button--secondary):not(.button--danger),
.module-page .module-primary-action{
    border-color:var(--module-accent)!important;
    background:var(--module-accent)!important;
    color:#fff!important;
}
.module-page .main-content .button:not(.button--secondary):not(.button--danger):hover,
.module-page .main-content .button:not(.button--secondary):not(.button--danger):focus-visible,
.module-page .module-primary-action:hover,
.module-page .module-primary-action:focus-visible{filter:brightness(.94)}

.module-page .main-content input:not([type=checkbox]):not([type=radio]):focus,
.module-page .main-content select:focus,
.module-page .main-content textarea:focus{
    border-color:var(--module-accent);
    outline:0;
    box-shadow:0 0 0 3px var(--module-border);
}

@media(max-width:640px){
    .module-page .page-header{padding-left:.75rem}
}


/* Sales Ledger compact item-entry standard */
.sales-item-list,.sales-credit-item-list{display:grid;gap:14px}
.sales-item-card,.sales-credit-item-card{padding:18px 20px}
.sales-item-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.sales-item-header h3{margin:0}
.sales-item-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(180px,1fr) minmax(130px,.7fr);gap:12px 14px;align-items:end}
.sales-item-grid .form-field{margin:0}
.sales-item-description,.sales-item-account{grid-column:span 2}
.sales-item-inventory{grid-column:span 2}
.field-label-help{display:flex;align-items:center;gap:7px}
.help-dot{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border:1.5px solid #1473e6;border-radius:50%;color:#1473e6;font-size:12px;font-weight:800;cursor:help;position:relative;flex:0 0 auto}
.help-dot:hover:after,.help-dot:focus:after{content:attr(data-help);position:absolute;z-index:80;left:25px;top:-8px;width:min(285px,70vw);padding:10px 12px;border:1px solid #b9d7f5;border-radius:8px;background:#eef6ff;color:#12324d;font-size:13px;font-weight:500;line-height:1.35;box-shadow:0 6px 18px rgba(20,55,90,.14)}
.warning-dot{border-color:#b88600;color:#8a6500;background:#fff6cf}
.warning-dot:hover:after,.warning-dot:focus:after{background:#fff6cf;border-color:#d8b34d;color:#5d4600}
.sales-credit-header-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;align-items:start}
.sales-credit-header-grid .form-field{min-width:0}
.sales-credit-header-grid .form-field--full{grid-column:1/-1}
.module-item-card{border-left:4px solid var(--module-border)}
.context-message--warning{margin:16px 0}
.journal-ready-help{margin-top:12px}
@media(max-width:1050px){
 .sales-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sales-item-description,.sales-item-account,.sales-item-inventory{grid-column:span 2}
}
@media(max-width:760px){
 .sales-credit-header-grid{grid-template-columns:1fr}
 .sales-credit-header-grid .form-field--full{grid-column:1}
}
@media(max-width:680px){
 .sales-item-card,.sales-credit-item-card{padding:16px}
 .sales-item-grid{grid-template-columns:1fr}
 .sales-item-description,.sales-item-account,.sales-item-inventory{grid-column:span 1}
 .help-dot:hover:after,.help-dot:focus:after{left:auto;right:0;top:25px;width:min(260px,75vw)}
}

/* Purchase Credit Note compact read-only summary */
.purchase-credit-summary-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,1fr);gap:16px;margin-bottom:20px}
.purchase-credit-current-card,.purchase-credit-total-card{padding:18px 20px}
.purchase-credit-current-card>.eyebrow,.purchase-credit-total-card>.eyebrow{margin:0 0 14px}
.purchase-credit-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px}
.purchase-credit-facts>div{min-width:0}
.purchase-credit-facts span,.purchase-credit-facts strong{display:block}
.purchase-credit-facts span{margin-bottom:4px;color:var(--colour-muted);font-size:.84rem}
.purchase-credit-facts strong{overflow-wrap:anywhere;line-height:1.3}
.purchase-credit-total-card{align-content:start}
@media(max-width:1050px){.purchase-credit-summary-grid{grid-template-columns:1fr}.purchase-credit-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.purchase-credit-facts{grid-template-columns:1fr}.purchase-credit-current-card,.purchase-credit-total-card{padding:16px}}