/* SUGU-KALANSO-WEB6 — quiet sage navigation, yellow actions, readable text.
   No external font, no perpetual animation, no document/receipt color rewrite. */
body.kalanso-web6{--k6-ink:#193e36;--k6-muted:#50675e;--k6-sage:#edf4ec;--k6-yellow:#f8c713;--k6-line:#cbd9ce;--muted:#50675e;background:#f8faf6;color:var(--k6-ink)}
.kalanso-web6.kalanso-web4 .shell{background:#f8faf6}
.kalanso-web6.kalanso-web4 .sidebar{background:var(--k6-sage);color:var(--k6-ink);border-right:1px solid #d3e0d4;width:254px;padding:18px 12px 0;box-shadow:none}
.kalanso-web6.kalanso-web4 .sidebar .brand{border-bottom:1px solid #ccdcce;margin-bottom:12px;padding-bottom:20px}
.kalanso-web6.kalanso-web4 .sidebar .brand strong{color:#153c34;font-size:18px}
.kalanso-web6.kalanso-web4 .sidebar .brand em{color:#594600;box-shadow:inset 0 -6px 0 #f8c713;line-height:1.15}
.kalanso-web6.kalanso-web4 .sidebar .brand small{color:#486358;letter-spacing:1.3px;line-height:1.6}
.kalanso-web6.kalanso-web4 .sidebar nav{scrollbar-width:thin;scrollbar-color:#9bb6a2 transparent;overscroll-behavior:contain;padding-bottom:18px}
.kalanso-web6.kalanso-web4 .sidebar .nav-label{color:#496355;font-weight:750;letter-spacing:1.6px;font-size:10px;padding:17px 12px 7px}
.kalanso-web6.kalanso-web4 .sidebar .nav-item{color:#244d3e;min-height:46px;font-size:13px;font-weight:580;line-height:1.42;margin:3px 0;padding:10px 12px;gap:10px;border:1px solid transparent;border-radius:10px;transition:background-color 160ms ease,color 160ms ease,border-color 160ms ease}
.kalanso-web6.kalanso-web4 .sidebar .nav-item .icon{width:29px;height:29px;padding:6px;background:#dfeade;color:#2b5b44;border-radius:8px}
.kalanso-web6.kalanso-web4 .sidebar .nav-item:hover{background:#dfeadb;color:#153c34}
.kalanso-web6.kalanso-web4 .sidebar .nav-item.active{background:#f8c713;color:#223b2a;border:1px solid #dab01b;border-left:4px solid #006a50;padding-left:9px;font-weight:750;box-shadow:0 3px 9px #7b65200d}
.kalanso-web6.kalanso-web4 .sidebar .nav-item.active .icon{background:#fff2ae;color:#184d37}
.kalanso-web6.kalanso-web4 .sidebar-foot{background:#e5eee1;border-top:1px solid #cbdcc7;padding:14px;color:#3f5c4b;line-height:1.65}
.kalanso-web6 .kw4-server-state{color:#3f5b48}.kalanso-web6 .kw4-server-state span{background:#006a50}.kalanso-web6 .kw4-footer-brand{color:#224636;margin-top:6px}.kalanso-web6 .kw4-release{color:#5b4700;font-weight:750;font-size:10px}.kalanso-web6 .sidebar-foot>small{color:#48624e}
.kalanso-web6.kalanso-web4 .page-header h1{letter-spacing:-.8px;color:#173f34}.kalanso-web6.kalanso-web4 .page-header .subtitle{color:#50675e}
.kalanso-web6.kalanso-web4 .topbar:after{height:4px;background:linear-gradient(90deg,#006a50 0 27%,#f8c713 27% 72%,#178b8b 72% 88%,#192a48 88%)!important}
.kalanso-web6.kalanso-web4 .panel,.kalanso-web6.kalanso-web4 .kpi{border-color:#d5dfd2;box-shadow:0 5px 20px #16372703}
.kalanso-web6.kalanso-web4 .kpi{border-top:3px solid #efd05e}.kalanso-web6.kalanso-web4 .kpi-head{color:#4a6254}
.kalanso-web6.kalanso-web4 th{background:#faf5dd;color:#4a543b;letter-spacing:.5px;font-size:11px}.kalanso-web6.kalanso-web4 td{color:#254436}
.kalanso-web6.kalanso-web4 .g9-context{background:#f2f6ec;border-left:4px solid #d0a400}
.kalanso-web6.kalanso-web4 .tabs.gs-tabs button.active,.kalanso-web6.kalanso-web4 .gs-tabs button.active{background:#fff0ae;color:#29452f;border-bottom-color:#8c7000}
.kalanso-web6.kalanso-web4 button{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease;line-height:1.45}
.kalanso-web6.kalanso-web4 input,.kalanso-web6.kalanso-web4 select,.kalanso-web6.kalanso-web4 textarea{color:#203f35;border-color:#aabeb0;font-size:14px}
.kalanso-web6.kalanso-web4 input::placeholder,.kalanso-web6.kalanso-web4 textarea::placeholder{color:#617067;opacity:1}
.kalanso-web6 :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #006a50!important;outline-offset:3px}
.kalanso-web6 .muted,.kalanso-web6 .subtitle{color:#50675e}
.kalanso-web6 .k6-context-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff9df;border:1px solid #dfcf88;border-left:4px solid #e3b514;border-radius:12px;padding:14px 17px;margin:0 0 22px;line-height:1.5}
.k6-context-copy{display:flex;gap:12px;align-items:center;min-width:0}.k6-context-copy>.icon{width:34px;height:34px;padding:8px;flex:0 0 34px;background:#f8e494;color:#35472d;border-radius:10px}.k6-context-copy b{display:block;font-size:13px;color:#33472e}.k6-context-copy span{display:block;font-size:12px;color:#605a31;margin-top:3px}
.kalanso-web6 .k6-context-bar .actions{display:flex;gap:8px;flex-wrap:wrap}.kalanso-web6 .k6-context-bar [data-action="k6-cash-create"]{background:#f8c713;border-color:#ba9407;color:#273e29}
.kalanso-web6 .k6-context-bar [data-action="k6-open"]{background:#fffef5;border-color:#baae76;color:#324b34}
.kalanso-web6 .k6-create-inline{color:#315137;background:#fff4c4;border:1px solid #c6b05c;align-self:end;justify-self:start;max-width:100%;white-space:normal}
.kalanso-web6 button.k6-yellow,.kalanso-web6 button.k6-yellow.primary{background:#f8c713;border:1px solid #b99300;color:#263c29;box-shadow:none;font-weight:750}
.kalanso-web6 button.k6-yellow:hover{background:#f2bd00;border-color:#957600;color:#193421}
.kalanso-web6 .k6-drawer{position:fixed;inset:0 0 0 auto;margin:12px 12px 12px auto;padding:0;width:min(850px,calc(100vw - 32px));max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border:1px solid #b6cbb8;border-radius:20px;background:#fff;color:#193e36;box-shadow:0 18px 80px #183c3633;overflow:hidden;font-family:inherit}
.k6-drawer[open]{display:flex;flex-direction:column;animation:k6-arrive 180ms ease-out}
.k6-drawer::backdrop{background:#173c344f;backdrop-filter:blur(2px)}
.k6-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px 24px 20px;background:#fff9df;border-bottom:1px solid #dfcf88;flex:0 0 auto}
.k6-eyebrow{font-size:10px;letter-spacing:1.4px;color:#6c5806;font-weight:750}.k6-head h2{font-size:23px;letter-spacing:-.6px;margin:7px 0 0;line-height:1.2;color:#234332}.k6-head button{flex-shrink:0;background:#fffefa;color:#234332}
.k6-topics{display:flex;gap:8px;overflow-x:auto;flex:0 0 auto;padding:14px 22px;border-bottom:1px solid #dde6da;background:#f7faf4;scrollbar-width:thin}.k6-topics button{white-space:nowrap;font-size:12px;min-height:36px;background:#fff}.k6-topics button.active{background:#f8c713;border-color:#b79729;color:#2d3f28}
.k6-body{padding:20px 24px 24px;overflow:auto;min-height:0;flex:1;scrollbar-width:thin;overscroll-behavior:contain}.k6-context-label{font-size:12px;line-height:1.5;color:#51624c;border-bottom:1px solid #e2e9df;padding-bottom:13px;margin:0 0 16px;overflow-wrap:anywhere}.k6-help{font-size:13px;line-height:1.7;color:#4c6154;margin:0 0 17px}.k6-note{font-size:13px;line-height:1.65;padding:12px 14px;border:1px solid #d2d9b6;border-radius:8px;color:#465333;background:#f7f7e8;margin-bottom:17px;overflow-wrap:anywhere}
.k6-body fieldset{padding:0;margin:0;border:0;min-width:0}.k6-body .field-grid{gap:18px}.k6-body label{color:#294c3c;font-size:13px;font-weight:650;line-height:1.5;min-width:0}.k6-body input,.k6-body select,.k6-body textarea{width:100%;min-width:0;margin-top:7px;min-height:44px}.k6-body textarea{resize:vertical;line-height:1.6}.k6-body input[type=color]{padding:5px;height:44px}.k6-body .full{grid-column:1/-1}
.k6-list-tools{display:flex;align-items:end;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}.k6-list-tools label{flex:1;min-width:min(100%,230px)}.k6-list-tools>div{display:flex;align-items:center;gap:8px}.k6-body .table-wrap{max-width:100%;border:1px solid #d4dfce;border-radius:10px}.k6-body table{font-size:13px;min-width:480px}.k6-body td,.k6-body th{padding:13px 12px}.k6-body th{color:#4c573e;background:#f8f3df}.k6-body td{overflow-wrap:anywhere;max-width:270px}.k6-body td button{min-height:36px;font-size:12px}
.k6-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:12px;color:#4d6052}.k6-pagination button:disabled{cursor:default;opacity:.6}
.k6-savebar{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:24px;padding:17px 0 0;border-top:1px solid #dde4d7;background:#fff}.k6-savebar>span{font-size:12px;color:#52614e;max-width:300px;line-height:1.5}.k6-savebar>div{display:flex;gap:9px;flex-wrap:wrap}.k6-body .form-error{font-size:13px;line-height:1.65;background:#fff0ef;color:#8d2530;border:1px solid #d9a6a5;border-radius:8px;padding:13px;margin:15px 0;overflow-wrap:anywhere}.k6-body .form-error:empty{display:none}
.k6-refresh-warning{position:sticky;top:6px;z-index:400;background:#fff2bf;border:1px solid #b29537;color:#453a10;display:flex;justify-content:space-between;gap:14px;align-items:center;flex-wrap:wrap;padding:13px 18px;margin:12px 24px;border-radius:10px;font-size:13px;line-height:1.6}.k6-refresh-warning button{flex-shrink:0}
@keyframes k6-arrive{from{opacity:.35;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:920px){
 .kalanso-web6.kalanso-web4.gs-p03 .sidebar{display:flex!important;visibility:hidden;transform:translateX(-106%);transition:transform 180ms ease,visibility 180ms;pointer-events:none;width:min(285px,calc(100vw - 42px));z-index:2200}
 .kalanso-web6.kalanso-web4.gs-p03 .sidebar.open{visibility:visible;transform:translateX(0);pointer-events:auto}
 .kalanso-web6.kalanso-web4 .workspace{margin-left:0}.kalanso-web6.kalanso-web4 .kw4-sidebar-close{background:#fff6cb!important;color:#26452e!important;border:1px solid #bcb16e!important}
 .k6-context-bar{gap:13px}.k6-drawer .field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .kalanso-web6.kalanso-web4 .k6-drawer{inset:0;margin:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0}
 .k6-head{padding:18px 16px 16px;gap:10px}.k6-head h2{font-size:20px}.k6-head button{font-size:12px;padding:8px 10px}.k6-eyebrow{font-size:9px;letter-spacing:1px}.k6-topics{padding:11px 15px}.k6-body{padding:17px 16px 24px}.k6-drawer .field-grid{grid-template-columns:minmax(0,1fr)}
 .kalanso-web6 .k6-context-bar{padding:12px}.k6-context-copy span{font-size:11px}.k6-context-copy b{font-size:12px}.k6-context-copy .icon{width:28px;height:28px;flex-basis:28px;padding:6px}.k6-context-bar .actions{width:100%}.k6-context-bar .actions button{flex:1;font-size:12px}.k6-list-tools>div{width:100%}.k6-list-tools>div button{width:100%}.k6-savebar{align-items:stretch;gap:12px}.k6-savebar>div{width:100%}.k6-savebar button{flex:1;min-height:44px}.k6-pagination{flex-wrap:wrap;gap:8px}.k6-pagination span{order:-1;width:100%;text-align:center}.k6-refresh-warning{margin:10px 12px}
}
@media(prefers-reduced-motion:reduce){.kalanso-web6 *,.kalanso-web6 *::before,.kalanso-web6 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.k6-drawer::backdrop{backdrop-filter:none}}
@media print{.k6-context-bar,.k6-create-inline,.k6-drawer,.k6-refresh-warning{display:none!important}}
/* The historical first KPI used white captions; keep them legible on its light card. */
.kalanso-web6.kalanso-web4 .kpi:first-child .kpi-head,.kalanso-web6.kalanso-web4 .kpi:first-child small{color:#4a6254!important}
.kalanso-web6.kalanso-web4 .sidebar-foot .kw4-footer-brand{color:#224636!important}
.kalanso-web6.kalanso-web4 .kw4-menu-close{background:#fff6cb;color:#26452e;border:1px solid #bcb16e}
/* Finance keeps aligned amounts on narrow screens; only the table scrolls. */
.kalanso-web6 [data-k6-section="cash"] .table-wrap table,.kalanso-web6 [data-k6-section="banking"] .table-wrap table,.kalanso-web6 [data-k6-section="payroll"] .table-wrap table{min-width:720px}
.kalanso-web6 [data-k6-section="cash"] .table-wrap td:nth-last-child(-n+3){white-space:nowrap}