:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f3f6fc}
*{box-sizing:border-box}body{margin:0}.shell{max-width:640px;margin:0 auto;padding:20px 16px 64px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.brand{font-weight:800;font-size:1.45rem;letter-spacing:-.03em}.subtle{color:#526077;font-size:.92rem;line-height:1.4}.card{background:#fff;border:1px solid #e3e8f2;border-radius:18px;padding:22px;margin:14px 0;box-shadow:0 8px 30px #1d355513}h1{font-size:1.8rem;margin:.15em 0 .5em}h2{font-size:1.2rem;margin:0 0 12px}p{line-height:1.5}label{display:block;font-weight:600;margin:14px 0 6px}input:not([type=radio]):not([type=file]){display:block;width:100%;font:inherit;border:1px solid #abb8cc;border-radius:10px;padding:12px;margin-top:6px}input[type=file]{display:block;margin-top:8px;max-width:100%}button{appearance:none;border:0;border-radius:11px;background:#2358dd;color:#fff;font:inherit;font-weight:700;padding:11px 17px;cursor:pointer}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#e8eefc;color:#183b91}.text-button{background:transparent;color:#2358dd;padding:5px}.danger{color:#a33030}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.spread{justify-content:space-between}.badge{font-size:.9rem;font-weight:700;border-radius:20px;padding:5px 10px;background:#d8f5e7;color:#146336}.badge.off{background:#f2e7e7;color:#854040}.qr{display:block;width:230px;height:230px;max-width:100%;margin:auto}.facade{width:100%;max-height:280px;object-fit:cover;border-radius:12px;margin-bottom:12px}a{color:#1e52ce}fieldset{border:0;padding:0;margin:16px 0}legend{font-weight:700;margin-bottom:10px}.choice{padding:10px 12px;border:1px solid #d6deeb;border-radius:10px;margin:7px 0;cursor:pointer}.choice input{margin-right:7px}.big{font-size:1.2rem;width:100%;padding:16px}.visitor{text-align:left}.center{text-align:center}.ring{border-top:1px solid #e4e8ef;padding:14px 0}.ring:first-child{border-top:0}.ring-title{font-weight:700}.ring-time{font-size:.85rem;color:#65738a}.ring .row{margin:8px 0 0}#message:not(:empty){padding:13px;border-radius:10px;background:#e7eefc;color:#183b91}
@media(max-width:450px){.card{padding:17px}.row button{flex:1}.header{margin-bottom:10px}}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.grid .big{min-height:84px}details{margin-top:14px}summary{cursor:pointer;color:#2358dd;font-weight:600}.delivery{background:#fff7e0;border-radius:12px;padding:10px 14px;margin:12px 0}.code{font-size:1.6rem;font-weight:800;letter-spacing:.15em}.steps{padding-left:1.2em}.steps li{margin:6px 0}.ring.pending{background:#fff3f0;border-radius:12px;padding:14px}.ring img{width:96px;height:96px;object-fit:cover;border-radius:10px}.call-banner{position:sticky;top:0;z-index:5;background:#d63b2b;color:#fff;border-radius:14px;padding:14px;font-weight:800;text-align:center;animation:pulse 1s infinite alternate}@keyframes pulse{to{filter:brightness(1.25)}}select{font:inherit;padding:10px;border-radius:10px;border:1px solid #abb8cc;width:100%;margin-top:6px}
.plate{width:105mm;min-height:148mm;margin:10px auto;border:3px solid #151c2b;border-radius:8mm;padding:8mm;text-align:center;background:#fff}.plate-title{font-size:2rem;font-weight:900}.plate-qr{width:80mm;height:80mm;display:block;margin:6mm auto}.plate-call{font-size:1.35rem;font-weight:800}.plate-sub{color:#526077;margin-top:3mm}.plate-brand{margin-top:5mm;font-weight:800;letter-spacing:.05em}
@media print{.no-print{display:none}body,.plate-page{background:#fff}.plate{margin:0 auto;break-inside:avoid}}