/* Platform identity + client workspace; no image of a page or new UI library. */
/* Grid/flex inherit the live html dir: sidebar and leading icons mirror with language. */
.material-picker .material-result{box-shadow:none;border-inline-start:3px solid transparent}
.material-picker .material-result[aria-selected=true]{box-shadow:none;border-inline-start-color:#267a6c}
.varo-auth .auth-aside .varo-concept{color:#d7b476;max-width:none}.varo-auth .auth-aside .varo-feature p{color:#c9d8da}
.sidebar .workspace-name{font-size:13px;line-height:1.8}
:root{--ink:#153b46;--teal:#07535a;--line:#dce6eb;--wash:#f4f7fb;--muted:#607d8a;--gold:#bd9354;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
*{box-sizing:border-box}body{background:var(--wash)}button,input,select,textarea{font:inherit}button{transition:background-color .12s,border-color .12s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cba963;outline-offset:3px}.varo-icon{height:22px;width:22px;flex:none}
.shell{grid-template-columns:242px minmax(0,1fr);direction:inherit}.workspace{min-width:0;direction:inherit}.sidebar{direction:inherit;background:radial-gradient(ellipse at 0 100%,#16454b 0,transparent 52%),linear-gradient(160deg,#092e36,#08252c 65%,#172c30);color:#edf6f7;border:0;padding:20px 12px;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;position:sticky;align-self:start}.sidebar .platform-brand{border-bottom:1px solid #ffffff1f;text-align:center;align-items:center;padding:0 4px 20px;gap:7px;margin-bottom:15px}.varo-logo{display:block;object-fit:contain;height:auto;max-width:100%}.platform-brand .varo-logo{width:180px;height:120px;margin:0 auto}.workspace-name{color:#e5eff0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.nav-group{color:#9eb8bd;font-size:11px;letter-spacing:.05em;margin:20px 10px 7px}.nav{gap:4px}.nav button{color:#e2eef0;border:1px solid transparent;border-radius:7px;padding:11px 12px;font-size:13px;line-height:1.6;text-align:start;min-width:0}.nav button:hover{color:#fff;background:#ffffff0c}.nav button.active{color:#fff;background:linear-gradient(90deg,#bd935435,#ffffff12);border-color:#b9965740;border-inline-start:3px solid var(--gold);font-weight:700}.nav button span{white-space:normal}.nav-icon{width:19px;height:19px;flex:none}.nav-count{background:#c84938;color:#fff}.sidebar .brand-caption{color:inherit}
.topbar{background:#ffffffed;border-bottom:1px solid var(--line);padding:17px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-width:0}.header-heading{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.header-heading h1{display:flex;align-items:center;gap:10px;font-size:23px;line-height:1.6;margin:0}.header-heading small{font-size:11px;color:var(--muted)}.header-heading h1 .varo-icon{color:#1d5964}.breadcrumb{display:flex;gap:7px;flex-wrap:wrap;font-size:11px;color:#607d8a;line-height:1.8}.breadcrumb>span:first-child{font-weight:700;letter-spacing:.06em}.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.top-actions button{font-size:12px;border:1px solid #dce6eb;background:#fff;padding:7px 10px;min-height:36px}.top-actions .identity{padding:0 9px;border-inline-start:1px solid var(--line);font-size:12px;line-height:1.6}.top-actions .identity small{color:var(--muted)}.main{padding:24px 28px;max-width:1800px;margin:0 auto;width:100%;min-width:0}
.dashboard-intro{margin:15px 0}.dashboard-intro h2{font-size:16px}.dashboard-intro p{font-size:12px}.live-label{font-size:11px}
.varo-filters{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;padding:14px;background:#fff;border:1px solid #e0e8ee;border-radius:12px;margin-bottom:20px}.varo-filters>input[type=search]{flex:1 1 320px;min-width:0;height:45px;padding:10px 15px;background:#fbfdff;border:1px solid #dce6ee;border-radius:9px;font-size:13px}.advanced-filters{flex:0 1 auto;max-width:100%}.advanced-filters>summary{display:flex;align-items:center;justify-content:center;gap:9px;list-style:none;cursor:pointer;min-height:45px;padding:10px 20px;border-radius:8px;background:#0b424c;color:#fff;font-size:13px}.advanced-filters>summary::-webkit-details-marker{display:none}.advanced-filters[open]{flex-basis:100%}.advanced-filters[open]>summary{width:fit-content;margin-bottom:12px}.filter-panel{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px;padding-top:4px}.filter-panel>*{min-width:0;max-width:100%}.filter-panel select,.filter-panel input{min-height:44px;font-size:13px}.filter-panel select{flex:1 1 165px}.filter-panel label{font-size:12px;line-height:1.6;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.filter-panel>.material-picker{flex:1 1 260px}.active-filter{flex-basis:100%;border-radius:7px;padding:10px}
.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.card{border:1px solid color-mix(in srgb,var(--tone) 26%,white);border-top-width:1px;border-radius:12px;min-width:0;min-height:137px;text-align:start;padding:16px 18px;background:linear-gradient(145deg,#fff 42%,color-mix(in srgb,var(--tone) 6%,white));box-shadow:0 3px 12px #183b4d03;overflow:hidden}.card:hover{border-color:var(--tone);box-shadow:0 5px 17px #173c4e0c}.card-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;font-size:13px;line-height:1.65;min-height:30px;color:var(--ink);gap:10px}.card-top>span{flex:1;white-space:normal}.card-top .nav-icon{padding:7px;border-radius:8px;order:2}.card .value{font-size:31px;line-height:1.3;padding-top:9px}.card-caption{font-size:11px;color:var(--tone)}.tone-blue{--tone:#2887b4}.tone-amber{--tone:#c08b31}.tone-red{--tone:#cc5559}.tone-green{--tone:#248b80}
.section{border-radius:13px;border:1px solid #dde7ee;box-shadow:0 3px 16px #102e4603}.section-head{padding:18px 20px;gap:10px;flex-wrap:wrap}.section-head h2{font-size:18px;line-height:1.7}.action-center .section-head{background:linear-gradient(90deg,#fff,#f8fbfd);display:block}.action-center-help{font-size:12px;color:var(--muted);margin:3px 0 0;line-height:1.8}.action-center .section-head h2:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#bd9354;margin-inline-end:8px}.table-wrap{max-width:100%}table{font-size:12px}thead th{font-size:12px;line-height:1.7;padding:13px 14px;background:#f3f7fa;color:#375e70}td{padding:13px 14px;line-height:1.85}.cell-actions button{font-size:11px;border-radius:6px;white-space:nowrap}.process-strip{background:#fafcfe}.empty{line-height:1.8}.main .form-error{overflow-wrap:anywhere}
.varo-auth.auth-wrap{display:grid;grid-template-columns:1.25fr 1fr;direction:ltr;min-height:calc(100vh - 34px)}.varo-auth .auth-aside{direction:rtl;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;position:relative;isolation:isolate;overflow:hidden;padding:85px 48px 45px;background:radial-gradient(ellipse at 72% 30%,#6e57372b,transparent 46%),linear-gradient(145deg,#061e24 3%,#10292d 49%,#07161b);min-height:calc(100vh - 34px);height:auto;color:#eef4f5}[dir=ltr] .varo-auth .auth-aside{direction:ltr}.varo-auth .auth-aside:before{content:"";position:absolute;z-index:-1;top:-15%;left:85%;width:32%;height:145%;transform:rotate(24deg);border:0;border-left:2px solid #d6ac67;background:linear-gradient(90deg,#e9c78b25,transparent 18%);box-shadow:-15px 0 35px #d6ac6712}.varo-auth .auth-aside:after{content:"";position:absolute;inset:auto 0 0;height:90px;width:100%;transform:none;background:linear-gradient(170deg,transparent 45%,#bf93413d 46%,#061c22 48%);border:0;z-index:-1}.varo-hero-brand{width:min(470px,85%);margin-top:5px}.varo-hero-brand .varo-logo{width:100%;height:auto;aspect-ratio:1.5}.varo-story{width:100%;max-width:610px;text-align:center}.varo-concept{color:#d7b476;font-size:clamp(19px,1.7vw,27px);font-weight:600;line-height:1.9;margin:4px 0 30px}.varo-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;direction:rtl}[dir=ltr] .varo-features{direction:ltr}.varo-feature{padding:2px 14px;line-height:1.7;min-width:0}.varo-feature:not(:last-child){border-inline-end:1px solid #c3ab7c80}.varo-feature .varo-icon{height:35px;width:35px;color:#d5ab68}.varo-feature h3{color:#fff;font-size:16px;margin:10px 0 5px}.varo-feature p{color:#c9d8da;font-size:12px;margin:0;line-height:1.85}.varo-promise{color:#a8b9bb;font-size:10px;letter-spacing:.15em;max-width:75%;line-height:2;text-align:center;margin-top:22px}.varo-auth .login-language{top:25px;left:32px;right:auto;background:#27444c70;border-color:#72899080;padding:3px}.varo-auth .login-language button{color:#e6eff0;min-width:85px;padding:8px 14px;font-size:13px}.varo-auth .login-language button.selected{background:#073b44;border:1px solid #c3d3d5}.varo-auth .auth-main{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:65px 38px;gap:30px;position:relative;background:linear-gradient(135deg,#fff 0%,#f3f7fb 100%)}.varo-auth .auth-box{width:100%;max-width:485px;padding:32px 34px;border-radius:16px;background:#fff;border:1px solid #e0e8ee;box-shadow:0 12px 30px #2143510a}.client-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.client-logo{display:block;width:min(300px,100%);height:auto;aspect-ratio:3/1;object-fit:contain}.client-brand strong{font-size:18px;line-height:1.8;color:#103944;max-width:100%;overflow-wrap:anywhere}.varo-auth .auth-box h2{font-size:28px;margin:25px 0;line-height:1.6}.varo-auth .login-form{display:flex;flex-direction:column;gap:17px}.varo-auth .login-form .field{margin:0;font-size:14px;line-height:1.6}.varo-auth .login-form input{margin-top:7px;height:52px;background:#f6faff;border:1px solid #d4e3ef;border-radius:9px;box-shadow:none;font-size:16px}.varo-auth .password-toggle{bottom:12px;background:none}.varo-auth .login-submit{height:52px;font-size:18px;background:#063c46;border-color:#063c46;border-radius:8px}.varo-auth .client-promise{font-size:15px;font-weight:600;color:#496774;max-width:300px;text-align:center;line-height:1.9;position:relative;z-index:1}.varo-auth .auth-main:after{background:linear-gradient(135deg,transparent 74%,#e3eaf13d 74.2%,transparent 90%)}
@media(max-width:1200px){.shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:16px 9px}.nav button{padding:9px 8px;font-size:12px}.main{padding:20px}.topbar{padding:15px 20px}.cards{gap:11px}.card{padding:14px 12px}.card-top{font-size:12px}.header-heading h1{font-size:21px}.varo-auth.auth-wrap{grid-template-columns:1.1fr 1fr}.varo-auth .auth-aside{padding:85px 28px 35px}.varo-auth .auth-main{padding:65px 28px}.varo-feature{padding:0 9px}.varo-feature p{font-size:11px}.varo-auth .auth-box{padding:28px}.varo-hero-brand{width:90%}}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.top-actions{gap:5px}.top-actions button{font-size:11px}.varo-auth .auth-aside{padding:80px 22px 30px}.varo-auth .auth-main{padding:60px 22px}.varo-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0}.varo-feature:nth-child(2){border:0}.varo-concept{font-size:20px;margin-bottom:22px}.varo-auth .auth-box{padding:25px}.client-brand strong{font-size:16px}}
@media(max-width:800px){.shell{display:grid;grid-template-columns:180px minmax(0,1fr)}.sidebar{height:100vh;position:sticky}.sidebar .platform-brand{display:flex}.sidebar .nav-group{display:block}.sidebar .nav{display:flex;flex-direction:column}.sidebar .nav button{width:100%;font-size:12px;padding:8px}.platform-brand .varo-logo{width:150px;height:100px}.workspace-name{font-size:12px}.main{padding:14px}.topbar{padding:13px 14px}.header-heading h1{font-size:20px}.top-actions .identity{order:0}.section-head h2{font-size:16px}.varo-filters>input[type=search]{flex-basis:100%}.card-top{font-size:12px}.varo-auth.auth-wrap{display:grid;grid-template-columns:1fr 1fr}.varo-auth .auth-aside{order:0;min-height:calc(100vh - 34px);gap:20px}.varo-auth .auth-main{order:1;padding:60px 18px;gap:20px}.varo-auth .auth-box{padding:24px 20px}.varo-auth .auth-box h2{font-size:23px}.varo-auth .login-language{left:18px;top:20px}.varo-auth .login-language button{min-width:74px}.client-brand strong{font-size:15px}.varo-promise{max-width:100%}.varo-concept{font-size:18px}}
@media(max-width:600px){.shell{display:block}.sidebar{position:static;height:auto;padding:12px}.sidebar .platform-brand{padding-bottom:12px}.sidebar .nav{display:flex;flex-direction:row;flex-wrap:wrap}.sidebar .nav button{width:auto;font-size:11px}.sidebar .nav-group{margin:12px 5px 6px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.header-heading h1{font-size:19px}.filter-panel>*{flex-basis:100%}.varo-auth.auth-wrap{display:flex;flex-direction:column}.varo-auth .auth-main{order:0;padding:70px 20px 30px}.varo-auth .auth-aside{order:1;min-height:590px;padding:40px 25px}.varo-auth .login-language{position:fixed;top:40px;left:20px;z-index:3;background:#173e47}.varo-hero-brand{max-width:360px}.varo-concept{font-size:22px}.varo-auth .auth-box{max-width:440px}.varo-feature p{font-size:12px}.varo-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.varo-feature h3{font-size:14px}.varo-feature:nth-child(2){border-inline-end:1px solid #c3ab7c80}.client-promise{margin:0}.varo-auth .login-language button{padding:6px 12px}.staging-banner{min-height:34px}}

/* Current-record KPI indicators; no timelines or decorative graphs. */
.cards .card{display:flex;flex-direction:column;gap:10px;min-height:174px;padding:16px;position:relative}
.cards .card-top{align-items:center;min-height:37px;font-weight:600;font-size:13px}
.cards .card-top .nav-icon{width:34px;height:34px;padding:6px;order:0;color:var(--tone);background:color-mix(in srgb,var(--tone) 9%,white);border-radius:9px}
.kpi-number-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cards .value{padding:0;font-size:33px;font-variant-numeric:tabular-nums}
.cards .card-caption{font-size:11px;line-height:1.6;text-align:end;max-width:65%}
.kpi-visual{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px;border-top:1px solid var(--line);min-width:0}
.kpi-ring{width:40px;height:40px;flex:none;fill:none;stroke-width:5}
.kpi-ring-track{stroke:#e5edf1}.kpi-ring-value{stroke:var(--tone)}
.kpi-ratio-label{font-size:11px;line-height:1.7;color:#54707c}
.kpi-aging{margin-top:auto;padding-top:8px;border-top:1px solid var(--line)}
.kpi-age-title{font-size:10px;color:#54707c}.kpi-age-bar{display:block;width:100%;height:6px;margin:6px 0;border-radius:3px;overflow:hidden}
[dir=rtl] .kpi-age-bar{transform:scaleX(-1)}
.kpi-age-0{fill:#276c82}.kpi-age-1{fill:#6091a1}.kpi-age-2{fill:#a6c2ca}
.kpi-age-legend{display:flex;justify-content:space-between;gap:5px;font-size:9px;color:#54707c;flex-wrap:wrap}
.kpi-age-legend b{color:var(--ink);font-variant-numeric:tabular-nums}
.kpi-result-count{font-weight:600;margin-inline:8px}
@media(max-width:1200px){.cards .card{padding:13px;gap:8px}.cards .card-top{font-size:12px}.cards .card-caption{font-size:10px}}

/* Operational readability; the login and platform identity remain unchanged. */
.main .table-wrap,dialog .table-wrap{overflow:auto;isolation:isolate;overscroll-behavior-inline:contain}
.main table,dialog table{border-collapse:separate;border-spacing:0;table-layout:auto;font-size:14px;width:100%}
.main th,dialog th{font-size:14px;font-weight:600;line-height:1.6}
.main td,dialog td{overflow-wrap:normal;word-break:normal;line-height:1.65;background:#fff}
.main th,dialog th,.main td,dialog td{padding:11px 12px;min-width:6ch}
.main .identifier,dialog .identifier{white-space:nowrap;min-width:12ch;font-variant-numeric:tabular-nums;unicode-bidi:plaintext}
.main .date-cell,dialog .date-cell{white-space:nowrap;min-width:12ch;font-variant-numeric:tabular-nums}
.main .key-column,dialog .key-column{position:sticky;inset-inline-start:0;z-index:2;min-width:132px;width:132px;box-shadow:1px 0 var(--line)}
.main .second-key-column,dialog .second-key-column{position:sticky;inset-inline-start:132px;z-index:2;min-width:142px;width:142px}
.main .actions-column,dialog .actions-column{position:sticky;inset-inline-end:0;z-index:3;min-width:136px;width:136px;border-inline-start:1px solid var(--line)}
.main th.key-column,.main th.second-key-column,.main th.actions-column,dialog th.key-column,dialog th.second-key-column,dialog th.actions-column{z-index:4;background:#f3f7fa}
.main .text-column,dialog .text-column{min-width:180px;max-width:300px}
.cell-text{width:240px;max-width:100%}.cell-text summary{cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.cell-text p{white-space:normal;margin:8px 0;overflow-wrap:break-word}.technical-code{display:block;direction:ltr;font-family:monospace}
.cell-actions{display:flex;flex-direction:column;align-items:stretch;gap:7px}.cell-actions button{min-height:34px;font-size:13px;white-space:normal;line-height:1.5;padding:6px 9px}
.cell-actions .effect-action{border-color:#bd9354;border-inline-start-width:3px}.cell-actions .view-action{background:transparent;color:var(--teal)}
.main .empty{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:14px;padding:28px 16px}
.main .small,.main .action-center-help,.main .dashboard-intro p,.main .live-label,.main .filter-panel label,.main .card-caption,.main .kpi-ratio-label,.main .kpi-age-title,.main .kpi-age-legend,.main .report-description,dialog .small,dialog .material-search-hint{font-size:13px;line-height:1.7}
.main .badge,dialog .badge{font-size:13px;white-space:normal;min-width:8ch;line-height:1.6}.sidebar .nav-group{font-size:13px}
.report-description{color:var(--muted);margin:6px 0 14px}.report-links{padding:16px}.report-link{display:flex;flex-direction:column}.report-link .actions{margin-top:auto}
.reference-search{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:16px 0}.reference-search label{display:flex;flex-direction:column;gap:6px;flex:1 1 280px;font-size:14px}.reference-search input{width:100%;min-height:44px}.reference-search button{min-height:44px}
@media(max-width:1000px){.main .second-key-column,dialog .second-key-column{position:static}.main .actions-column,dialog .actions-column{min-width:120px;width:120px}.main th,.main td,dialog th,dialog td{padding:10px}.main .card-caption{font-size:13px}}

/* Supplied Noramik artwork stays unmodified, with a light plate on dark surfaces. */
.noramik-mark{background:#fff;border-radius:12px;padding:14px 18px;max-width:100%;flex:none}
.platform-brand .noramik-logo{width:180px;height:auto;aspect-ratio:1945/488;margin:0}
.sidebar .platform-brand{gap:18px}.sidebar .workspace-name{width:100%;border-top:1px solid #ffffff24;padding-top:14px}
.sidebar .client-brand{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0;color:#eef5f6}
.sidebar .client-brand .client-logo{width:112px;height:44px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.sidebar .client-brand strong{font-size:12px;line-height:1.7;color:#eef5f6}
.varo-auth .auth-aside{justify-content:center;gap:28px;min-height:440px}
.varo-auth .varo-hero-brand{width:min(100%,530px);margin:0 auto;padding:26px}
.varo-auth .varo-hero-brand .noramik-logo{width:100%;height:auto;aspect-ratio:1945/488}
.varo-auth .auth-aside .noramik-product-title{font-size:24px;font-weight:500;text-align:center;color:#fff;margin:0}
@media(max-width:680px){.varo-auth.auth-wrap{display:flex;flex-direction:column}.varo-auth .auth-aside{order:0;min-height:190px;padding:74px 28px 25px;gap:18px}.varo-auth .auth-main{order:1;min-height:0;justify-content:flex-start;padding:22px 20px 35px}.varo-auth .varo-hero-brand{max-width:330px;padding:18px}.varo-auth .auth-aside .noramik-product-title{font-size:18px}.varo-auth .login-language{position:absolute;top:10px;left:14px}}