*{box-sizing:border-box}:root{--brand:#c62828;--on-brand:#fff}body{color:#1c1f23;background:#f4f5f7;margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#0b5cad;cursor:pointer}button{background:var(--brand);color:var(--on-brand);font:inherit;cursor:pointer;border:0;border-radius:6px;padding:8px 12px;font-weight:600}button.ghost{color:#333;background:#fff;border:1px solid #ccc;font-weight:500}input,select{font:inherit;border:1px solid #ccc;border-radius:6px;min-width:0;padding:8px}pre,code{white-space:pre-wrap;word-break:break-all;background:#f0f0f0;border-radius:4px;padding:2px 6px}.muted{color:#6b7280}.small{font-size:12px}.err{color:#a31515;background:#fdecea;border-radius:6px;margin:8px 0;padding:8px 10px}.shell{min-height:100vh;display:flex}nav{background:color-mix(in srgb, var(--brand) 14%, #1d2330);color:#fff;flex-direction:column;width:190px;padding:16px 0;display:flex}nav a{color:#cfd6e4;padding:10px 18px;text-decoration:none}nav a.on,nav a:hover{color:#fff;background:#ffffff1a}nav a.on{box-shadow:inset 4px 0 0 var(--brand)}.brand img{object-fit:contain;background:#fff;border-radius:6px;max-width:150px;max-height:56px;margin-bottom:8px;padding:4px;display:block}.login .logo{object-fit:contain;max-width:200px;max-height:80px;margin-bottom:8px;display:block}.brand{padding:0 18px 16px;font-size:20px;font-weight:800}.who{color:#9aa4b6;margin-top:auto;padding:18px}main{flex:1;padding:20px 24px;overflow:auto}.toolbar{align-items:center;gap:12px;display:flex}.card{background:#fff;border-radius:10px;margin:12px 0;padding:14px 16px;box-shadow:0 1px 2px #0000000f}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-items:center;gap:8px;display:grid}.grid h3,.grid .wide,.grid .err{grid-column:1/-1;margin:0}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;display:flex}.board{grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;margin-top:12px;display:grid}.col{background:#e9ebef;border-radius:10px;min-height:300px;padding:8px}.col h4{text-transform:capitalize;margin:4px 4px 8px}.job{cursor:pointer;background:#fff;border-left:4px solid #0b5cad;border-radius:8px;margin-bottom:8px;padding:8px 10px}.job.danger{background:#fff5f5;border-left-color:#c62828}.list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.drawer{z-index:10;background:#fff;width:min(520px,100%);padding:18px 20px;position:fixed;top:0;bottom:0;right:0;overflow:auto;box-shadow:-4px 0 20px #00000026}.close{color:#333;background:0 0;font-size:22px;position:absolute;top:10px;right:14px}.kv td{vertical-align:top;padding:4px 8px 4px 0}.kv td:first-child{color:#6b7280;width:180px}.tbl{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;margin:12px 0;overflow:hidden}.tbl th,.tbl td{text-align:left;vertical-align:top;border-bottom:1px solid #eee;padding:8px 10px}.tag{color:#7a5b00;background:#fff3cd;border-radius:4px;padding:2px 6px;font-size:12px}.convo p{border-radius:10px;max-width:90%;margin:6px 0;padding:8px 10px}.convo .them{background:#f1f1f1}.convo .me{background:#e3f2fd;margin-left:auto}.convo input{width:100%}.steps li{align-items:center;gap:12px;padding:6px 0;display:flex}.steps li.done span:first-child{color:#2e7d32;text-decoration:line-through}.steps li.blocked{color:#9aa4b6}.two{grid-template-columns:1fr 1fr;gap:16px;display:grid}.login{background:#fff;border-radius:12px;max-width:360px;margin:12vh auto;padding:28px;box-shadow:0 2px 12px #00000014}.login form{gap:12px;display:grid}.field{gap:4px;display:grid}.field>span{font-size:13px;font-weight:600}.field>small{font-size:12px}@media (width<=800px){.shell{flex-direction:column}nav{flex-direction:row;width:100%;padding:0;overflow-x:auto}.brand,.who{display:none}.board,.two{grid-template-columns:1fr}main{padding:12px}.tbl{display:block;overflow-x:auto}.job button,.drawer button{padding:14px 18px;font-size:16px}}.bad{color:#a31515}.ok{color:#15803d}.lookup{gap:6px;display:grid}.lookup details p{margin:4px 0}.media{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:8px 0 12px;display:grid}.media-item{word-break:break-word;flex-direction:column;gap:2px;display:flex}.thumbs{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.thumb-wait{text-align:center;color:#555;background:#e9ebef;border-radius:6px;justify-content:center;align-items:center;padding:4px;font-size:11px;text-decoration:none;display:flex}label.button-like{background:var(--brand);color:var(--on-brand);cursor:pointer;border-radius:6px;padding:8px 12px;font-weight:600}.addr{gap:2px;display:grid;position:relative}.addr-row{gap:4px;display:flex}.addr-row input{flex:1;min-width:0}.addr-here{padding:0 8px}.addr-list{z-index:30;background:#fff;border:1px solid #d6dae2;border-radius:8px;max-height:280px;margin:2px 0 0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 6px 18px #0000001f}.addr-list li{cursor:pointer;padding:7px 10px;font-size:14px}.addr-list li.hi{background:#eef3ff}.addr-list li.addr-foot{cursor:default;text-align:right;padding:2px 10px}.ok-line{color:#2e7d32}.grid .addr{grid-column:span 2}.stats{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:12px 0;display:grid}.stat{background:#fff;border-radius:10px;padding:10px 14px;box-shadow:0 1px 2px #0000000f}.stat .big{font-size:22px;font-weight:700}.tabs{border-bottom:1px solid #ddd;flex-wrap:wrap;gap:4px;margin:8px 0 12px;display:flex}.tabs a{color:#444;border-bottom:3px solid #0000;padding:8px 12px;text-decoration:none}.tabs a.on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.card.warn{background:#fff8e1}.card.warn ul{margin:6px 0 0;padding-left:20px}.card.ok-card{background:#e8f5e9}tr.click{cursor:pointer}tr.click:hover td{background:#f7f9fc}.toolbar a.on-tab{font-weight:700;text-decoration:underline}.drawer.wide-drawer{width:min(1000px,100%)}.clocks{flex-wrap:wrap;gap:10px;margin:10px 0;display:flex}.clock{background:#fff;border-radius:10px;min-width:110px;padding:8px 14px;box-shadow:0 1px 2px #0000000f}.clock .big{font-size:22px;font-weight:800}.clock.warn .big{color:#b45309}.clock.bad .big{color:#a31515}.insp-row{border-bottom:1px solid #f1f1f1;margin:0;padding:4px 0}.insp-row button{padding:6px 12px}@media print{nav,.toolbar button,button,.close{display:none!important}.drawer{box-shadow:none;position:static;width:100%!important}main{padding:0}}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches button{border:2px solid #fff;border-radius:50%;width:28px;height:28px;padding:0;box-shadow:0 0 0 1px #ccc}.swatches button.on{box-shadow:0 0 0 2px #1c1f23}.logo-drop{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:10px;padding:16px;display:block}.logo-drop.over{border-color:var(--brand);background:#fafafa}.logo-drop img{object-fit:contain;max-width:220px;max-height:90px}.phone-preview{background:#f4f5f7;border:8px solid #1c1f23;border-radius:26px;width:280px;font-size:13px;overflow:hidden}.phone-preview .bh{align-items:center;gap:10px;padding:12px 14px;display:flex}.phone-preview .bh img{object-fit:contain;background:#fff;border-radius:5px;max-width:100px;max-height:34px;padding:2px}.phone-preview .c{background:#fff;border-radius:10px;margin:10px;padding:10px 12px}.phone-preview .b{text-align:center;border-radius:8px;margin:10px;padding:10px;font-weight:600;display:block}
