/* Official dam-trading.com tokens measured from the public site, 24/10/2026. */
:root{--ink:#11151c;--navy:#11151c;--bg:#f5f7fa;--surface:#fff;--muted:#5e6775;--line:rgba(17,21,28,.12);--yellow:#f9c806;--teal:#7c5e00;--soft:#e7ebf1;--success:#247a49;--chart-neutral:#9ea3b1;--chart-track:#e7ebf1;--danger:#ab3343}
:root[data-theme=dark]{--ink:#edf1f5;--navy:#edf1f5;--bg:#05060a;--surface:#0b0c12;--muted:#9ea3b1;--line:rgba(237,241,245,.12);--teal:#ffdb5c;--soft:#191d27;--success:#75d49a;--chart-neutral:#5e6775;--chart-track:#191d27;--danger:#fa93a2}
body{background:var(--bg);color:var(--ink);font-family:Inter,Geist,'Helvetica Neue',Helvetica,Arial,sans-serif}
.shell{display:block!important;min-height:100dvh}.workspace{min-width:0;margin:0!important}.sidebar.official-header{position:static!important;width:100%;height:auto;max-height:none;overflow:visible;display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:14px clamp(16px,3vw,48px);background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line)}
.official-header .brand{margin:0;padding:0;border:0;flex-shrink:0}.official-header .brand img{width:120px;height:auto;background:transparent;padding:0;border-radius:0}.official-header .brand>div{display:none}.official-header .nav{display:flex;flex-direction:row;flex-wrap:wrap;flex:1;gap:3px;min-width:0;margin:0}.official-header .nav button{font-family:inherit;font-size:12px;background:transparent;color:var(--ink);border:0;border-radius:2px;padding:9px 10px;min-height:38px;white-space:normal;line-height:1.4}.official-header .nav button:hover{background:var(--soft)}.official-header .nav button.active{background:transparent;color:var(--ink);box-shadow:inset 0 -2px var(--yellow);font-weight:620}.official-header .nav-count{background:var(--yellow);color:#171204;border-radius:20px;margin-inline-start:5px}.header-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.header-tools .language-toggle{position:static!important;inset:auto;box-shadow:none;background:var(--yellow);color:#171204;border:0;padding:10px 12px;border-radius:30px;font:500 12px Inter,'Helvetica Neue',Arial,sans-serif}.theme-switch{border-radius:30px!important;white-space:nowrap}
.topbar{background:var(--bg);color:var(--ink);border-bottom:1px solid var(--line);padding:13px clamp(16px,3vw,48px);gap:16px;flex-wrap:wrap}.topbar h1{font-size:16px;font-weight:400}.topbar .user{flex-wrap:wrap}.avatar{background:var(--soft);color:var(--ink)}.page{max-width:1510px;padding:28px clamp(16px,3vw,48px);margin:auto}
.btn,input,select,textarea,button{font-family:inherit}.btn{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:2px}.btn.primary,.btn.accent{background:var(--yellow);color:#171204;border-color:var(--yellow);font-weight:620;letter-spacing:-.17px}.btn.primary:hover,.btn.accent:hover{background:#f9c806;box-shadow:0 6px 22px #f9c80630}.btn.link{color:var(--teal)}.panel,.stat,.period-card,.report-card,.company-row,.report-year,.report-crane,.report-asset,.permission-group,.permission-group>summary,.permission-options .check,.staff-row,.imported-visit,.check-list,.pending{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:2px}.panel-head,.company-row .panel-head,.modal-head{background:var(--surface);border-color:var(--line);color:var(--ink)}.company-row[open]>summary,.company-row>summary:hover{background:var(--soft)}.panel h2,.panel h3,.page-head h1,.empty h3{color:var(--ink)}th,td{border-color:var(--line);color:var(--ink)}th{background:var(--soft)}.field input,.field select,.field textarea,.filters input,.filters select,select,input,textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:2px}.check-list .check,.note,.chip,.tabs button,.step-line span,pre{background:var(--soft);color:var(--ink)}dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}.auth-content,.auth-card,.auth-bottom{background:var(--surface);color:var(--ink);border-color:var(--line)}.auth{background:var(--bg);color:var(--ink)}.auth-card h2{color:var(--ink)}.auth-hero{background:#f9c806}.auth-card .btn.primary{background:#f9c806;border-color:#f9c806}.permissions-matrix th:first-child,.permissions-matrix td:first-child{background:var(--surface)}
.executive-dashboard .exec-hero{background:transparent!important;color:var(--ink);padding:8px 0 18px;margin-bottom:12px;border:0;border-radius:0;min-height:0;box-shadow:none}.exec-hero:after{display:none}.executive-dashboard .exec-hero h1{font-size:clamp(28px,3vw,42px);line-height:1.08;letter-spacing:-.6px;font-weight:320;color:var(--ink);margin:10px 0 12px}.executive-dashboard .exec-hero p{color:var(--muted);font-size:12px;margin:7px 0;max-width:none}.exec-eyebrow{color:var(--muted);font-size:11px;letter-spacing:1.1px}.executive-dashboard .filters{display:flex;flex-wrap:wrap;gap:14px}.executive-dashboard .filters>label{flex:1;min-width:145px}.executive-dashboard .actions{margin-top:15px}.exec-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:18px 0}.exec-kpis .period-card{background:var(--surface)!important;border:1px solid var(--line);border-top:2px solid var(--line);padding:17px 14px;border-radius:2px;text-align:start}.exec-kpis .period-card:first-child{border-top-color:var(--yellow)}.exec-kpis .period-card>span{color:var(--muted);font-size:12px}.exec-kpis .period-card>strong{color:var(--ink);font-size:32px;font-weight:400;letter-spacing:-1px;display:block}.exec-kpis .period-card>small{color:var(--muted);font-size:11px}
.brand-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.brand-chart{padding:22px;margin:0}.brand-chart h3{font-size:16px;font-weight:620;letter-spacing:-.3px;margin:0 0 8px}.brand-chart>small{color:var(--muted);font-size:12px;display:block;margin-bottom:18px}.brand-ring{width:156px;height:156px;display:block;margin:16px auto}.brand-ring text{fill:var(--ink);font-size:29px;font-weight:400}.brand-legend{display:grid;gap:9px}.brand-legend button,.chart-bar{border:0;background:transparent;color:var(--ink);padding:5px 0;text-align:start;cursor:pointer;width:100%;font-size:13px}.brand-legend button,.brand-legend button>span,.chart-bar>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.brand-legend b,.chart-bar b{font-weight:500;color:var(--ink)}.chart-bar{margin:9px 0}.chart-bar>span>span{overflow-wrap:anywhere}.chart-bar>i{display:block;height:8px;background:var(--chart-track);margin-top:7px;border-radius:2px;overflow:hidden}.chart-bar em{display:block;height:100%;background:var(--yellow)}.brand-chart:nth-child(3) .chart-bar em{background:var(--success)}.brand-trend{grid-column:1/-1}.brand-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:12px;align-items:end}.brand-columns button{border:0;background:transparent;color:var(--muted);font-size:11px;padding:6px 0;cursor:pointer;min-width:0}.brand-columns b{display:block;color:var(--ink);font-weight:500;font-size:13px}.column-track{display:flex;height:140px;align-items:end;justify-content:center;margin:10px 0}.column-track i{display:block;width:60%;max-width:54px;background:var(--yellow);border-radius:2px 2px 0 0}
@media(max-width:1150px){.exec-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.official-header .nav{order:3;flex-basis:100%}.header-tools{margin-inline-start:auto}.brand-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-chart:nth-child(3){grid-column:1/-1}}
@media(max-width:700px){.exec-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-chart-grid{grid-template-columns:1fr}.brand-chart:nth-child(3){grid-column:auto}.official-header .nav{display:flex!important;overflow:visible;gap:3px}.official-header .nav button{font-size:12px;min-height:42px;flex:1 1 30%;padding:8px}.brand-trend{grid-column:auto}.topbar .user{width:100%}.brand-chart{padding:18px}.page{padding:20px 14px}.header-tools .language-toggle{font-size:11px;padding:10px}.sidebar.official-header{padding:14px}.brand-columns{gap:8px;grid-template-columns:repeat(auto-fit,minmax(44px,1fr))}}
@media print{.official-header,.header-tools{display:none!important}:root{--surface:#fff;--ink:#11151c;--bg:#fff;--muted:#5e6775;--line:#ddd}.brand-chart{break-inside:avoid}}