/* Figma RE Kasa, 690:127184. Exact dark color tokens; GT Pressura falls back until licensed webfont is supplied. */
:root{color-scheme:dark;--bg:#1a1a1a;--surface:#262626;--raised:#404040;--border:#ffffff26;--text:#fff;--muted:#bdbdbd;--red:#ff594f;--green:#28cd41;--subtle:#ffffff0d;font:16px/1.45 'GT Pressura',Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:var(--raised);border:1px solid transparent;border-radius:999px;padding:11px 18px;transition:background .15s}button:hover{background:#505050}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:3px}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;gap:48px;padding:0 28px;border-bottom:1px solid var(--border);background:var(--surface)}.brand{font-size:29px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:13px}.brand span{font-size:10px;letter-spacing:2px;color:var(--red);border-left:1px solid var(--border);padding-left:13px}nav{display:flex;gap:7px}nav a{padding:11px 18px;border-radius:999px;color:var(--muted)}nav a.active{background:var(--raised);color:white}small{font-size:11px;letter-spacing:.7px}.connection{margin-left:auto;color:var(--muted);font-size:13px}.environment{font-size:12px;padding:9px 28px;background:#332b23;color:#f0c799;border-bottom:1px solid #664d33}.page{padding:30px;max-width:1900px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}h1{font-size:30px;line-height:1.2;margin:0 0 7px}h2{font-size:20px;margin:0 0 14px}h3{font-size:16px;margin:20px 0 10px}p{margin:8px 0}.muted,.heading p{color:var(--muted)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.7px;color:var(--red);margin-bottom:10px}.tag{display:inline-block;border-radius:999px;background:var(--subtle);border:1px solid var(--border);padding:4px 10px;font-size:12px;white-space:nowrap}.tag.warning{color:#ffce80}.tag.good{color:#89df9a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0}.metric{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.metric .value{font-size:30px;display:block;margin:8px 0}.metric small{color:var(--muted);letter-spacing:0}.filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:24px 0}.filters label{display:grid;gap:7px;font-size:13px;color:var(--muted)}input,select,textarea{background:#ffffff12;border:1px solid var(--border);padding:11px 14px;border-radius:9px}select option{background:var(--surface)}.filters select{min-width:190px}.content-split{display:grid;grid-template-columns:minmax(480px,1.35fr) minmax(350px,1fr);gap:20px;align-items:start}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden}.panel-head{padding:20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.panel-head h2{margin:0}.call-row{display:grid;grid-template-columns:1fr auto;gap:20px;text-align:left;width:100%;padding:22px;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent}.call-row.selected{background:#ffffff0d;box-shadow:inset 3px 0 var(--red)}.call-row .meta{display:block;color:var(--muted);font-size:13px;margin-top:7px}.call-row .right{text-align:right}.call-row strong{font-size:17px}.call-row .tag{margin-top:9px}.detail{padding:24px}.detail .total{font-size:32px;margin:14px 0 0}.breakdown{margin:16px 0}.break-row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;gap:15px}.bar{height:5px;border-radius:4px;background:var(--raised);overflow:hidden}.bar span{height:100%;display:block;background:var(--red)}.notice{border:1px solid #8b693a;background:#f4bf5910;border-radius:12px;padding:12px;font-size:13px;color:#eed2a5}.transcript{border-top:1px solid var(--border);padding-top:12px;margin-top:20px}.utterance{margin:12px 0;padding:12px;border-radius:12px;background:var(--subtle);font-size:14px}.utterance .speaker{font-size:11px;color:var(--muted);margin-bottom:5px}.utterance.customer{border-left:2px solid var(--red)}.empty{padding:44px 24px;text-align:center;color:var(--muted)}.primary{background:var(--red);color:#161616;font-weight:600}.primary:hover{background:#ff746b}.ghost{background:transparent;border-color:var(--border)}.section-divider{border:0;border-top:1px solid var(--border);margin:24px 0}.pos-heading{padding:20px 24px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.pos-heading h1{font-size:22px;margin:0}.pos{display:grid;grid-template-columns:280px minmax(360px,1fr) 350px;min-height:calc(100vh - 250px)}.customer-panel,.menu-panel,.basket-panel{background:var(--surface);min-width:0}.customer-panel{border-right:1px solid var(--border);padding:22px}.customer-panel label{font-size:13px;display:grid;gap:8px;margin-top:20px}.customer-panel input{width:100%;border-radius:0;background:#ffffff1a}.segments{display:flex;background:#ffffff1a;border-radius:32px;padding:4px;margin:22px 0 4px}.segments button{flex:1;padding:10px;font-size:14px;background:transparent}.segments button.active{background:var(--bg)}.time-choices{display:flex;gap:8px}.time-choices button{border:2px solid transparent;padding:10px;width:64px;height:64px;background:var(--subtle);font-size:22px}.time-choices button.active{border-color:var(--red)}.time-choices small{display:block;font-size:10px;color:var(--muted)}.menu-panel{padding:22px}.menu-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.menu-head h2{margin:0}.menu-head input{width:240px}.categories{display:flex;gap:8px;margin-bottom:22px}.categories button{border-radius:12px;background:#49453e;min-width:90px}.categories button:nth-child(2){background:#523b39}.categories button:nth-child(3){background:#364d49}.categories button.active{outline:2px solid #ffffff80}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.food{min-height:145px;border-radius:16px;position:relative;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:start;justify-content:end;background:linear-gradient(135deg,#434038,#302c29);border:2px solid transparent;overflow:hidden}.food.photo{background:linear-gradient(0deg,#000c,transparent),url('/design/margherita.png') center/cover}.food:nth-child(2n):not(.photo){background:linear-gradient(135deg,#49403d,#2b2624)}.food .price{margin-bottom:24px;align-self:end;background:var(--bg);padding:8px;border-radius:10px;font-size:13px}.food .food-name{font-size:17px}.food .desc{font-size:11px;color:#d6d6d6;margin-top:5px}.food.suggested{border-color:var(--red);box-shadow:0 0 0 3px #ff594f20}.food.suggested:before{content:'Nápověda';position:absolute;top:12px;left:12px;font-size:11px;background:var(--red);color:#171717;padding:4px 7px;border-radius:7px}.assistant-panel{margin-top:24px;border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--bg)}.assistant-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.assistant-head h2{font-size:17px;margin:0}.assistant-head button{font-size:13px}.assistant-panel textarea{width:100%;resize:vertical;margin-top:14px;min-height:80px}.assistant-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.assistant-actions button{font-size:13px}.assistant-feedback{font-size:14px;margin-top:14px;color:#edccba;min-height:24px}.basket-panel{border-left:1px solid var(--border);padding:22px;display:flex;flex-direction:column}.basket-lines{flex:1;min-height:130px}.basket-line{border-bottom:1px solid var(--border);padding:15px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}.basket-line small{display:block;letter-spacing:0;color:var(--muted)}.basket-line button{padding:5px 10px}.basket-total{display:flex;justify-content:space-between;font-size:24px;margin:20px 0}.basket-panel textarea{width:100%;margin:10px 0}.pos-footer{padding:15px 24px;display:flex;justify-content:space-between;gap:20px;background:var(--bg);border-top:1px solid var(--border);color:var(--muted);font-size:12px}.toggle-off{color:#ffce80}.draft-state{font-size:12px;margin-top:10px;color:var(--muted)}
progress{appearance:none;display:block;width:100%;height:5px;border:0;border-radius:5px;overflow:hidden;background:var(--raised);accent-color:var(--red)}progress::-webkit-progress-bar{background:var(--raised)}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}details{margin-top:20px;font-size:13px;color:var(--muted)}summary{cursor:pointer}
.phone-probe{max-width:580px;padding:28px 20px;margin:auto}.phone-probe label{display:block;margin:20px 0 8px}.phone-probe input,.phone-probe select{width:100%;margin-bottom:12px}.phone-probe button{margin:6px 0}.phone-probe audio{width:100%;margin-top:16px}meter{width:100%;height:26px;margin:10px 0}
@media(min-width:1750px){.pos{grid-template-columns:350px minmax(450px,1fr) 460px}.food-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.food{min-height:170px}}
@media(max-width:1200px){.pos{grid-template-columns:235px minmax(300px,1fr) 280px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-head{align-items:start;flex-direction:column}.menu-head input{width:100%}.connection{display:none}.topbar{gap:20px}.content-split{grid-template-columns:1fr 1fr}.page{padding:20px}}
@media(max-width:850px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:16px;gap:12px}.brand{font-size:24px}nav a{padding:8px;font-size:13px}.environment{padding:8px 16px}.metrics{grid-template-columns:1fr 1fr}.content-split{grid-template-columns:1fr}.pos{grid-template-columns:1fr}.customer-panel,.basket-panel{border:0;border-bottom:1px solid var(--border)}.customer-panel{display:none}.menu-head{flex-direction:row}.menu-head input{width:60%}.pos-heading{gap:15px}.pos-heading h1{font-size:18px}.heading{align-items:start}.page{padding:16px}.metric{padding:15px}.metric .value{font-size:24px}.pos-footer{flex-wrap:wrap}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}