:root{--bg:#07131a;--bg2:#0a1b24;--panel:#0b1c25;--panel2:#102530;--line:#29414d;--text:#eef4f5;--muted:#8ba0a8;--orange:#ff6b16;--green:#28d787;--blue:#2f95ff;--red:#ef4f4f;--amber:#ff9c27;--shadow:0 16px 40px rgba(0,0,0,.26)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:190px 1fr;background:radial-gradient(circle at 75% 0,#183140 0,transparent 28%),#07131a}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid #1e3540;background:linear-gradient(180deg,#091820,#0a1720 72%,#09151c);padding:18px 10px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 22px}.brand-mark{font-size:30px;font-weight:900;color:var(--orange);letter-spacing:-7px}.brand b{display:block;font-size:15px;letter-spacing:.7px}.brand small{display:block;color:#ff8b45;font-size:8px;letter-spacing:3px;margin-top:3px}.sidebar nav{display:grid;gap:4px;overflow:auto}.nav-item{height:43px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#b9c7cd;text-decoration:none;border-radius:7px;font-size:13px}.nav-item span{width:18px;text-align:center;color:#8ca1ab}.nav-item:hover{background:#102630;color:white}.nav-item.active{background:linear-gradient(90deg,#593119,#312115);box-shadow:inset 3px 0 var(--orange);color:#ff873c;font-weight:700}.nav-item.active span{color:var(--orange)}.side-foot{margin-top:auto;padding:18px 12px;border-top:1px solid #19323d;color:#67818d}.side-foot .truck-line{display:block;font-size:32px;color:#ff6b16;margin-bottom:9px}.side-foot small{letter-spacing:1px;font-size:9px}.workspace{min-width:0;display:grid;grid-template-rows:64px 1fr 31px}.topbar{border-bottom:1px solid #263c47;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(7,19,26,.85);backdrop-filter:blur(14px);position:sticky;top:0;z-index:3}.global-search{width:min(500px,46vw);height:39px;border:1px solid #324955;border-radius:7px;display:flex;align-items:center;padding:0 12px;gap:9px;background:#091821}.global-search input{border:0;outline:0;background:none;color:white;width:100%;font-size:12px}.global-search input::placeholder{color:#718994}.top-actions{display:flex;align-items:center;gap:12px}.btn{border:1px solid #36505d;background:#10232d;color:#eaf1f3;border-radius:6px;padding:9px 13px;font-size:11px;font-weight:700}.btn.primary{background:var(--orange);border-color:var(--orange);color:#101417}.btn.ghost:hover{border-color:#657d88}.icon-btn{height:38px;width:38px;background:transparent;color:#d8e2e5;border:1px solid transparent;position:relative}.badge{position:absolute;right:0;top:-3px;background:#e6412e;border-radius:99px;padding:2px 5px;font-size:9px}.profile{display:flex;align-items:center;gap:8px;border-left:1px solid #233a46;padding-left:14px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d4d7d6;color:#18303b;font-size:10px;font-weight:800}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:9px;color:#7f949d}.content{padding:18px 22px 26px;min-width:0}.page-head{min-height:95px;display:flex;justify-content:space-between;gap:20px;align-items:start;position:relative;overflow:hidden}.page-head:after{content:"";position:absolute;right:-20px;top:-80px;width:480px;height:220px;background:linear-gradient(90deg,transparent,#152a35),url('/crm-assets/dashboard-reference.png') center/cover;opacity:.12;filter:saturate(.8)}.page-head>div{position:relative;z-index:1}.eyebrow{font-size:28px;font-weight:900;margin:0 0 2px;letter-spacing:-1px}.eyebrow b{color:var(--orange)}.page-head h1{font-size:23px;margin:0}.page-head p:not(.eyebrow){color:#8da0a8;margin:5px 0;font-size:11px}.system-chip{margin-right:35px;padding:10px 14px;border:1px solid #263d49;border-radius:8px;background:#0d1e27;min-width:170px}.system-chip b{font-size:22px;display:block}.system-chip span{color:var(--green);font-size:9px}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(140px,1fr));gap:9px;margin-bottom:10px}.kpi{min-height:91px;border:1px solid #29424d;border-radius:8px;background:linear-gradient(145deg,#0e202a,#0b1921);padding:13px;display:flex;gap:12px;align-items:center;box-shadow:var(--shadow)}.kpi-icon{font-size:28px;color:var(--orange)}.kpi span,.kpi small{display:block;color:#b6c5ca;font-size:9px}.kpi strong{display:block;font-size:28px;line-height:1.12;margin:2px 0}.kpi.danger strong{color:#f4f4f4}.kpi.orange strong{color:#fff}.dashboard-grid{display:grid;grid-template-columns:1.45fr .85fr .95fr;gap:9px}.panel{background:linear-gradient(160deg,#0b1b24,#091820);border:1px solid #29414d;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.panel-head{min-height:42px;border-bottom:1px solid #223b47;display:flex;align-items:center;justify-content:space-between;padding:7px 12px;gap:10px}.panel-head h2{font-size:15px;margin:0}.panel-head small{display:block;color:#7f959e;font-size:8px}.live-dot{font-size:10px;color:var(--green)}.ramp-panel{grid-column:1/3}.warehouse-panel{grid-column:3}.jobs-panel{grid-column:1}.feed-panel{grid-column:2}.actions-panel{grid-column:3}.alerts-panel{grid-column:3}.map-panel{grid-column:1/3}.timeline-head{height:24px;display:grid;grid-template-columns:80px repeat(17,1fr);align-items:end;border-bottom:1px solid #18313c;padding:0 8px}.timeline-head small{font-size:7px;color:#718993;text-align:center}.ramp-row{display:grid;grid-template-columns:80px 1fr;min-height:44px;align-items:center;border-bottom:1px solid #17313b;padding:0 8px}.ramp-name{font-size:10px;font-weight:700;display:flex;align-items:center;gap:5px}.status,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6a7f87}.status.free,.dot.green{background:var(--green)}.status.busy,.dot.orange{background:var(--amber)}.status.issue,.dot.red{background:var(--red)}.dot.blue{background:var(--blue)}.track{height:31px;position:relative;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(6.25% - 1px),#18313a calc(6.25% - 1px),#18313a 6.25%)}.booking{position:absolute;top:3px;height:25px;border-radius:3px;padding:2px 6px;overflow:hidden;white-space:nowrap;border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0007}.booking b,.booking small{display:block;font-size:7px;line-height:10px}.booking.reserved{background:linear-gradient(90deg,#1768b1,#2d8ce3)}.booking.active{background:linear-gradient(90deg,#bf5b12,#ff871d)}.booking.delayed{background:linear-gradient(90deg,#9b2b30,#e6484c)}.now-line{position:absolute;left:27%;top:-3px;bottom:-3px;border-left:1px dashed var(--orange);z-index:2}.legend{display:flex;gap:17px;padding:9px 12px;color:#8ca0a8;font-size:8px}.legend span{display:flex;gap:5px;align-items:center}.warehouse-rings{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 8px}.warehouse-rings>div{text-align:center}.warehouse-rings small{font-size:8px;color:#9eb0b7}.ring{--p:180deg;width:78px;height:78px;margin:auto;border-radius:50%;background:conic-gradient(var(--green) var(--p),#213741 0);display:grid;place-items:center}.ring>div{width:61px;height:61px;border-radius:50%;background:#0b1c24;display:grid;place-content:center}.ring strong{font-size:16px}.ring span{font-size:7px;color:#9aaeb6}.free-cap{border-top:1px solid #213944;margin:0 11px;padding:10px 0 12px}.free-cap span,.free-cap small{display:block;font-size:8px;color:#92a5ac}.free-cap strong{font-size:20px}.progress{height:5px;background:#243a43;border-radius:9px;margin-top:7px}.progress i{display:block;height:100%;background:var(--orange);border-radius:9px}.table-wrap{overflow:auto}.jobs-panel table{border-collapse:collapse;width:100%;font-size:8px}.jobs-panel th,.jobs-panel td{text-align:left;border-bottom:1px solid #17303b;padding:9px 10px;white-space:nowrap}.jobs-panel th{font-size:7px;color:#7d929b}.link{color:#49a9ff}.pill{padding:3px 6px;border-radius:4px;background:#243842;color:#d4e1e4}.pill.green{background:#174b3c;color:#83f5c8}.pill.blue{background:#133e66;color:#81c5ff}.pill.red{background:#5a2022;color:#ff9d9d}.pill.orange{background:#5a3b16;color:#ffc975}.feed{padding:8px 12px}.feed-item{display:grid;grid-template-columns:35px 12px 1fr;gap:7px;align-items:start;min-height:45px}.feed-item time{font-size:8px;color:#81979f}.feed-item i{width:8px;height:8px;margin-top:2px;border-radius:50%;background:var(--blue)}.feed-item b,.feed-item small{display:block}.feed-item b{font-size:9px}.feed-item small{font-size:8px;color:#7d929b;margin-top:2px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.quick-actions .btn:first-child{grid-column:1/2}.alert{display:grid;grid-template-columns:37px 1fr auto;gap:7px;padding:9px 12px;border-bottom:1px solid #19323c;align-items:center}.alert time{font-size:8px;color:#8fa4ad}.alert b,.alert small{display:block}.alert b{font-size:8px}.alert small{font-size:7px;color:#7c929b}.alert>span{font-size:7px;border:1px solid var(--amber);color:#ffc268;border-radius:9px;padding:3px 6px}.alert.high>span{border-color:var(--red);color:#ff9595}.count{display:inline-grid;place-items:center;width:18px;height:18px;background:#b33425;border-radius:50%;font-size:8px}.site-map{height:130px;position:relative;background:#0b151b;overflow:hidden}.site-map img{width:100%;height:100%;object-fit:cover;object-position:bottom;opacity:.48;filter:saturate(.7) brightness(.8)}.map-overlay{position:absolute;inset:12px;display:flex;justify-content:space-around;align-items:flex-start}.map-overlay span{background:#0b1d26dd;border:1px solid #4a616c;border-radius:4px;padding:5px 10px;font-size:8px}.statusbar{border-top:1px solid #213942;color:#6f858e;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:7px}.secure{color:#6dae8f}.loading,.fatal,.empty{min-height:70vh;display:grid;place-content:center;text-align:center}.loading{color:#93a6ae}.fatal button{justify-self:center}.empty{max-width:650px;margin:auto}.empty .eyebrow{font-size:11px;color:var(--orange)}.empty h1{font-size:42px;margin:8px}.empty p{color:#8fa2aa;line-height:1.7}.empty .btn{display:inline-block;text-decoration:none;justify-self:center;margin-top:20px}
@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.ramp-panel,.warehouse-panel,.jobs-panel,.feed-panel,.actions-panel,.alerts-panel,.map-panel{grid-column:auto}.ramp-panel{grid-column:1/3}.map-panel{grid-column:1/3}}
@media(max-width:850px){.shell{grid-template-columns:70px 1fr}.brand span:not(.brand-mark),.nav-item{font-size:0}.nav-item{justify-content:center}.nav-item span{font-size:18px}.side-foot small{display:none}.topbar{padding:0 10px}.profile>span:not(.avatar){display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.ramp-panel,.map-panel{grid-column:auto}.warehouse-rings{grid-template-columns:repeat(3,1fr)}.page-head .system-chip{display:none}}
/* CRM klienti + obchod */
.crm-head{align-items:center}.crm-kpis{grid-template-columns:repeat(4,minmax(180px,1fr))}.crm-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:10px}.client-table table{width:100%;border-collapse:collapse;font-size:10px}.client-table th,.client-table td{padding:12px 13px;border-bottom:1px solid #18313b;text-align:left}.client-table th{font-size:8px;color:#8398a1;text-transform:uppercase;letter-spacing:.5px}.client-table td small{display:block;color:#78909a;margin-top:3px}.client-row{cursor:pointer}.client-row:hover{background:#112833}.filter-row{display:flex;gap:7px}.field{width:100%;min-height:38px;border:1px solid #314b57;border-radius:6px;background:#081922;color:#edf4f5;padding:8px 10px;outline:0}.field:focus{border-color:var(--orange);box-shadow:0 0 0 2px #ff6b1622}.client-detail{min-height:480px}.client-empty{min-height:480px;display:grid;place-content:center;text-align:center;color:#78909a;padding:30px}.client-empty>span{font-size:38px;color:#ff6b16}.client-empty h3{color:#eaf1f3;margin-bottom:4px}.client-empty p{font-size:10px}.detail-card{padding:17px}.detail-hero{display:flex;align-items:center;gap:12px;padding-bottom:15px;border-bottom:1px solid #213a45}.client-monogram{width:48px;height:48px;border-radius:9px;background:linear-gradient(145deg,#ff7d2d,#9e3911);display:grid;place-items:center;color:#08131a;font-weight:900}.detail-hero h2{font-size:16px;margin:0}.detail-hero p{font-size:9px;color:#7f959e;margin:4px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.detail-grid>div{padding:10px;background:#0e222c;border:1px solid #243e49;border-radius:6px}.detail-grid span,.detail-grid b{display:block}.detail-grid span{font-size:8px;color:#7b9099}.detail-grid b{font-size:11px;margin-top:2px}.detail-section{border-top:1px solid #213a45;padding-top:12px;margin-top:12px}.detail-section h3{font-size:11px}.detail-section p{font-size:9px;color:#97a9af}.relation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.relation-grid a{background:#0e222c;border:1px solid #263f4b;border-radius:6px;padding:10px;text-decoration:none;color:white}.relation-grid b,.relation-grid span{display:block}.relation-grid b{font-size:18px;color:#ff7f32}.relation-grid span{font-size:8px;color:#8499a2}.sync-ok{color:#5be1a2;font-size:8px}.detail-actions{display:flex;gap:7px;margin-top:18px}.modal{width:min(620px,calc(100% - 30px));border:1px solid #36515e;border-radius:10px;background:#0a1b24;color:#eef4f5;padding:0;box-shadow:0 30px 100px #000a}.modal::backdrop{background:#02080bcf;backdrop-filter:blur(5px)}.modal form{padding:18px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.modal-head span{color:#ff7b2c;font-size:9px}.modal-head h2{margin:2px 0;font-size:23px}.ares-box{padding:12px;background:#0d222c;border:1px solid #29434f;border-radius:7px;margin-bottom:12px}.ares-box label{font-size:9px;color:#91a5ad}.ares-box small{display:block;color:#718992;font-size:8px;margin-top:6px}.inline{display:flex;gap:7px;margin-top:6px}.inline .field{flex:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:9px;color:#91a5ad}.form-grid label .field{display:block;margin-top:5px}.form-grid .wide{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:17px;padding-top:13px;border-top:1px solid #223b46}.pipeline{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:8px;overflow:auto;padding-bottom:8px}.stage{background:#091a23;border:1px solid #29424e;border-radius:8px;min-height:550px}.stage>header{display:flex;justify-content:space-between;gap:7px;padding:12px;border-bottom:1px solid #223b46}.stage>header h2{font-size:12px;margin:0}.stage>header small{font-size:7px;color:#7f949d}.stage>header b{font-size:10px;color:#ff8740}.stage-list{padding:8px;display:grid;gap:8px}.lead-card{padding:11px;border:1px solid #29434f;border-radius:7px;background:linear-gradient(160deg,#102630,#0c1c25)}.lead-top{display:flex;justify-content:space-between;gap:5px}.lead-top span{font-size:10px;font-weight:700}.lead-top b{font-size:8px;color:#67dba5}.lead-card h3{font-size:18px;margin:8px 0;color:#f3f7f8}.lead-card p,.lead-card>small{font-size:8px;color:#8398a1}.lead-card>small{display:block;border-top:1px solid #223c47;margin-top:8px;padding-top:8px}.lead-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.btn.tiny{padding:5px 7px;font-size:7px}.stage-empty{padding:20px;text-align:center;color:#6f858e;font-size:9px;border:1px dashed #29414b;border-radius:7px}
@media(max-width:1100px){.crm-layout{grid-template-columns:1fr}.client-detail{min-height:250px}.client-empty{min-height:250px}.crm-kpis{grid-template-columns:repeat(2,1fr)}}
/* Kalkulace + zakázky */
.quote-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:10px}.quote-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px}.quote-form label{font-size:9px;color:#8ea3ab}.quote-form .field{display:block;margin-top:5px}.form-title{font-size:11px;margin:6px 14px}.service-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:0 14px 14px}.service-pick input{position:absolute;opacity:0}.service-pick span{display:block;padding:12px 10px;border:1px solid #2c4652;border-radius:6px;font-size:9px;background:#0b1d26}.service-pick input:checked+span{border-color:var(--orange);background:#342116;color:#ffc39e;box-shadow:inset 0 0 0 1px #ff6b1640}.quote-live{margin:0 14px 12px;border:1px solid #2b4652;border-radius:7px;background:#081821;padding:12px}.quote-lines{display:grid;gap:7px}.quote-lines span{display:grid;grid-template-columns:1fr 120px 100px;gap:8px;border-bottom:1px solid #1c3641;padding-bottom:6px;font-size:9px}.quote-lines i{font-style:normal;color:#81959e}.quote-lines strong{text-align:right}.quote-total{display:flex;justify-content:space-between;align-items:end;padding-top:12px}.quote-total span{font-size:9px;color:#8ea1a8}.quote-total strong{font-size:27px;color:#ff7b2d}.builder-actions{display:flex;justify-content:flex-end;gap:7px;padding:0 14px 14px}.quote-items{padding:8px}.quote-item{display:grid;grid-template-columns:1fr auto;gap:7px;border-bottom:1px solid #1d3641;padding:10px 5px;align-items:center}.quote-item>div b,.quote-item>div small{display:block}.quote-item>div b{font-size:10px}.quote-item>div small{font-size:8px;color:#7f959e}.quote-item>strong{font-size:12px}.quote-item .pill,.quote-item .btn{justify-self:start}.jobs-board .wide-table{width:100%;border-collapse:collapse;font-size:9px}.wide-table th,.wide-table td{padding:11px 12px;text-align:left;border-bottom:1px solid #18313b;white-space:nowrap}.wide-table th{font-size:8px;color:#8398a1}.wide-table tr:hover{background:#102630}
@media(max-width:1050px){.quote-layout{grid-template-columns:1fr}.quote-form{grid-template-columns:repeat(2,1fr)}.service-picks{grid-template-columns:repeat(2,1fr)}}
.demo-banner{margin:12px 22px 0;padding:9px 12px;border:1px solid #304a56;border-radius:7px;background:#0d212a;color:#b8cbd1;font-size:10px;line-height:1.45}.readonly-label,.section-tag{display:inline-block;margin-left:8px;padding:3px 6px;border:1px solid #31515d;border-radius:999px;color:#91acb5;font-size:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.readonly-note{margin:0 0 10px;color:#8ea2aa;font-size:10px}.backlink{display:block;margin-top:9px;color:#9db4bc;font-size:10px;text-decoration:none}.table-wrap{overflow:auto;border:1px solid #17333e;border-radius:7px;background:#0a1b23}.table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.table-wrap th,.table-wrap td{padding:11px 12px;border-bottom:1px solid #18313b;text-align:left;vertical-align:top;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{color:#8398a1;font-size:8px;letter-spacing:.5px;text-transform:uppercase}.table-link{color:#72c8b7;text-decoration:none}.form-status{min-height:17px;margin:8px 0 0;color:#9eb4bc;font-size:10px}.section-tag{margin-left:0}.quick-actions button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.quick-actions b,.quick-actions small{display:block}.quick-actions small{margin-top:3px;color:#7f959e;font-size:9px}.head-actions{position:relative;z-index:1;display:flex;gap:7px}.text-btn{border:1px solid #31515d;border-radius:6px;background:#0e232c;color:#b3c7cd;cursor:pointer;padding:7px 9px;font-size:10px}.grid-two{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:10px;margin-bottom:10px}.ramp-grid{display:grid;gap:8px}.ramp-card{border:1px solid #1d3a45;border-radius:7px;background:#0b1d25;padding:10px}.ramp-title{display:block;margin-bottom:4px;color:#d5e2e5;font-size:11px}.util{color:#81cbbd}.integration-list{margin:0;padding-left:17px;color:#9fb0b7;font-size:10px;line-height:1.8}.error-panel{margin:12px 22px 0;padding:10px 12px;border:1px solid #6a4141;border-radius:7px;background:#27191c;color:#efc1c1;font-size:10px}.mobile-menu{display:none}
@media(max-width:850px){.demo-banner{margin:10px 10px 0}.grid-two{grid-template-columns:1fr}.head-actions{display:none}.mobile-menu{display:inline-grid;place-items:center;width:29px;height:29px;border:1px solid #31515d;border-radius:6px;background:#0e232c;color:#b3c7cd}.form-grid{grid-template-columns:1fr}.table-wrap th,.table-wrap td{padding:9px}.topbar{gap:8px}.crumb{font-size:10px}.top-actions{gap:6px}}