@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#090a0c;--panel:#171819;--panel2:#202122;--line:#303133;--muted:#92949b;--text:#f5f6f8;--red:#ee1237;--red-dark:#350d16;--green:#08c47a;--blue:#0b4d87;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px}.topbar{min-height:100px;display:flex;align-items:center;padding:18px 30px;border-bottom:1px solid #252628;gap:26px;background:#090a0c}.brand{display:flex;text-decoration:none;border-right:1px solid #292a2d;padding-right:26px}.brand-mark{width:126px;height:58px;border-radius:14px;background:linear-gradient(135deg,#fb2344,#bb0028);color:white;display:flex;align-items:center;justify-content:center;font-size:27px;font-style:italic;font-weight:900;letter-spacing:-2px;box-shadow:0 5px 15px #ed12352b}.brand-mark small{font-size:6px;letter-spacing:.5px;margin:25px 0 0 -34px}.brand-copy h1{margin:0 0 4px;font-size:24px;letter-spacing:-.7px}.brand-copy p{margin:0;color:#92949b;font-size:15px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.system-state,.live-pill{display:flex;align-items:center;gap:8px;border:1px solid #06472e;background:#061b13;color:#11d384;padding:9px 15px;border-radius:24px;font-weight:700}.system-state i,.live-pill i,.green-dot{width:8px;height:8px;border-radius:50%;background:#08c47a;display:inline-block}.button{border:0;border-radius:10px;padding:13px 17px;font:700 14px var(--font);cursor:pointer;transition:transform .15s,background .15s,color .15s,border-color .15s}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.4;cursor:not-allowed}.button-quiet{background:#171819;color:#f0f0f0;border:1px solid #303133}.button-primary{background:var(--red);color:white}.button-primary:hover:not(:disabled){background:#ff3152}.button-secondary{background:#f2f4f7;color:#141619}.button-secondary:hover:not(:disabled){background:white}.button-outline{background:transparent;color:#eceef2;border:1px solid #43454a}.workspace{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(540px,1.34fr);gap:24px;padding:26px 30px 36px;align-items:stretch;min-height:calc(100vh - 100px)}.panel{background:var(--panel);border:1px solid #2a2b2c;border-radius:12px;overflow:hidden;min-width:0}.panel-heading{min-height:82px;padding:19px 24px;background:#222324;border-bottom:1px solid #303133;display:flex;align-items:center;gap:16px}.heading-icon{height:40px;width:40px;border-radius:10px;background:#302124;color:#ff7388;font-size:24px;display:grid;place-items:center}.panel-heading h2{font-size:18px;margin:0 0 3px;font-weight:700}.panel-heading p{font-size:14px;color:#96989e;margin:0}.panel-body{padding:24px 28px 26px}.callout{display:flex;gap:12px;padding:15px 17px;border:1px solid #50202a;border-left:3px solid var(--red);border-radius:9px;background:#2b171b;margin-bottom:22px;color:#e1e2e6;line-height:1.55}.callout p{margin:0;font-size:13px}.callout strong{color:white}.callout-icon{font-size:18px;color:#ff6078}.db-status{font-size:13px;color:#e1b969;margin:0 0 17px}.db-status.loaded{color:#39d898}.panel-body>label,.field label{display:block;color:#f4f4f5;font-weight:700;font-size:14px;margin-bottom:8px}.search-wrap{position:relative}.search-icon{position:absolute;left:15px;top:10px;color:#9da0a7;font-size:25px;pointer-events:none}.search-wrap input,.field input{width:100%;background:#0e0f10;border:1px solid #3b3c3f;border-radius:9px;color:white;padding:13px 15px;font:500 15px var(--font);outline:none}.search-wrap input{padding-left:45px;padding-right:80px;font-size:16px}.search-wrap input:focus,.field input:focus{border-color:#d62743;box-shadow:0 0 0 3px #ed12351b}.search-wrap kbd{position:absolute;right:11px;top:12px;color:#a7a9af;background:#242527;border:1px solid #36383c;border-radius:5px;padding:3px 6px;font:11px var(--font)}.suggestions{position:absolute;z-index:10;top:calc(100% + 6px);left:0;right:0;margin:0;padding:5px;list-style:none;background:#202123;border:1px solid #3a3b40;box-shadow:0 16px 36px #000a;border-radius:9px;max-height:300px;overflow:auto}.suggestion{width:100%;border:0;background:transparent;text-align:left;border-radius:7px;color:white;padding:10px 11px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;font:14px var(--font)}.suggestion:hover,.suggestion.active{background:#303134}.suggestion strong{font-weight:700}.suggestion span{color:#d1d2d5}.suggestion small{grid-column:1/-1;color:#92949b}.lookup-message{font-size:12px;color:#96989e;min-height:21px;padding:8px 0 0}.fields{display:grid;gap:14px;margin-top:8px}.field input{padding:12px 14px;font-size:15px}.field small{display:block;color:#91949a;font-size:12px;margin-top:6px}.form-actions{display:flex;gap:9px;margin-top:20px}.form-actions .button-primary{flex:1}.queue-summary{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #303133;margin-top:24px;padding:18px 0 10px;font-size:13px;font-weight:600}.queue-summary strong{background:#302124;color:#ff7285;min-width:27px;height:27px;border-radius:20px;display:grid;place-items:center}.queue{display:grid;gap:8px;max-height:270px;overflow:auto}.empty-queue{min-height:74px;display:grid;place-items:center;border:1px dashed #414246;border-radius:9px;color:#85878e}.empty-queue p{margin:0;font-size:13px}.queue-item{display:flex;align-items:center;gap:10px;background:#222325;border:1px solid #343538;border-radius:8px;padding:9px 11px}.queue-item .queue-qr{height:40px;width:40px;background:white;display:grid;place-items:center;border-radius:4px;flex:none;overflow:hidden}.queue-qr img,.queue-qr canvas{width:36px!important;height:36px!important}.queue-copy{min-width:0;flex:1}.queue-copy strong,.queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy strong{font-size:12px}.queue-copy span{font-size:11px;color:#9c9ea4;margin-top:2px}.remove-item{border:0;background:transparent;color:#a6a8ae;cursor:pointer;font-size:20px}.remove-item:hover{color:#ff536d}.queue-actions{display:flex;align-items:center;gap:15px;margin-top:14px}.queue-actions .button{flex:1}.text-button{border:0;background:transparent;color:#a3a5ab;font:600 12px var(--font);cursor:pointer}.text-button:hover{color:white}.preview-panel{display:flex;flex-direction:column}.preview-heading{justify-content:space-between;background:#1b1c1d}.preview-title{display:flex;align-items:center;gap:10px}.preview-title>span{color:#c3c6cb}.live-pill{font-size:12px;padding:5px 11px;gap:6px}.live-pill i{height:6px;width:6px}.preview-stage{flex:1;min-height:600px;display:flex;align-items:center;justify-content:center;padding:40px;background:#191a1b}.preview-empty{text-align:center;max-width:350px;color:#9799a0}.empty-illustration{width:74px;height:74px;margin:0 auto 18px;background:#252628;border:1px solid #35363a;color:#73767e;border-radius:20px;display:grid;place-items:center;font-size:38px}.preview-empty h3{color:#e7e8eb;font-size:18px;margin:0 0 9px}.preview-empty p{font-size:13px;line-height:1.55;margin:0}.label-card{width:min(100%,690px);aspect-ratio:93/65;background:#fff;color:#00396e;border:2px solid #080808;display:flex;flex-direction:column;box-shadow:0 13px 40px #0005}.label-card[hidden]{display:none}.label-title{height:14%;flex:none;background:#050505;color:white;text-align:center;display:grid;place-items:center;font-size:clamp(15px,2vw,28px);font-weight:800;letter-spacing:.3px}.label-content{flex:1;min-height:0;display:grid;grid-template-columns:46% 54%}.qr-cell{border-right:1px solid #111;display:grid;place-items:center;padding:7%}.qr-code{width:min(100%,300px);aspect-ratio:1;background:#fff;display:grid;place-items:center}.qr-code img,.qr-code canvas{width:100%!important;height:100%!important;image-rendering:pixelated}.label-details{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-around;padding:5% 4%;min-width:0}.detail-title{font-size:clamp(9px,1.05vw,13px);font-weight:500}.label-details>strong:not(.ops-value){font-size:clamp(14px,1.7vw,25px);line-height:1.18;overflow-wrap:anywhere}.detail-ops-label{font-size:clamp(9px,1vw,13px)}.label-details .ops-value{font-size:clamp(22px,2.35vw,38px);line-height:1;overflow-wrap:anywhere}.label-leader{height:11%;flex:none;border-top:1px solid #c9c9c9;background:#f2f2f2;color:#67809c;display:grid;place-items:center;text-align:center;padding:2px 8px;font-size:clamp(10px,1.1vw,15px);overflow-wrap:anywhere}.preview-foot{border-top:1px solid #2e3031;background:#1b1c1d;padding:15px 20px;color:#999ba0;display:flex;justify-content:space-between;gap:12px;font-size:11px}.green-dot{width:7px;height:7px;margin-right:5px}.admin-panel{position:fixed;inset:0;z-index:30;background:#050607bb;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.admin-panel[hidden]{display:none}.admin-inner{width:min(100%,620px);max-height:min(90vh,820px);overflow:auto;border:1px solid #37383c;border-radius:14px;background:#191a1c;box-shadow:0 30px 100px #000c;padding:27px}.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{margin:0 0 5px;color:#ff637b;font-size:10px;font-weight:800;letter-spacing:1.4px}.admin-top h2{font-size:22px;margin:0 0 6px}.admin-intro{color:#a3a5ab;font-size:13px;line-height:1.5;margin:0;max-width:490px}.icon-button{width:36px;height:36px;background:#27282a;border:1px solid #404145;border-radius:50%;color:#ddd;font-size:23px;cursor:pointer}.privacy-note{display:flex;gap:11px;margin:20px 0;padding:12px 14px;border-radius:8px;border:1px solid #1b533c;background:#10281e;color:#92d6b6;font-size:12px;line-height:1.5}.privacy-note>span{font-size:17px}.privacy-note p{margin:0}.privacy-note strong{color:#d2f7e5}.upload-box{min-height:150px;border:1px dashed #606267;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#121314;cursor:pointer;text-align:center;padding:17px}.upload-box:hover,.upload-box.dragover{border-color:#f34b64;background:#23171a}.upload-box input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{font-size:28px;color:#ff506a}.upload-title{font-weight:700}.upload-subtitle{font-size:12px;color:#9b9da3}.import-message{min-height:22px;color:#e9bd65;font-size:12px;margin:9px 0}.import-message.success{color:#4bd99b}.import-message.error{color:#ff7182}.database-info{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:13px;border-radius:9px;background:#202224;border:1px solid #35373a}.database-info[hidden]{display:none}.success-icon{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;color:#31d895;background:#0c3022;font-weight:800}.database-info strong{font-size:13px}.database-info p{margin:3px 0 0;color:#96989e;font-size:11px}.database-info .button{grid-column:2/4;justify-self:start}.database-info .danger-text{grid-column:2/4;justify-self:start;color:#eb8190}.data-help{margin-top:20px;padding-top:14px;border-top:1px solid #333438;color:#aaa}.data-help summary{cursor:pointer;color:#d9dadd;font-size:12px;font-weight:700}.data-help p{font-size:12px;line-height:1.6}.data-help code{color:#ff8999;background:#2f2124;border-radius:3px;padding:1px 4px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#27292a;border:1px solid #47494c;color:white;border-radius:9px;padding:12px 16px;box-shadow:0 12px 40px #0008;font-size:13px;z-index:60;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.print-sheet{display:none}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(360px,.9fr) minmax(400px,1.1fr);padding:18px;gap:16px}.panel-body{padding:19px}.preview-stage{padding:22px;min-height:510px}.topbar{padding:15px 20px}.system-state{display:none}}
@media(max-width:760px){.topbar{min-height:76px;padding:10px 14px;gap:12px}.brand{padding-right:12px}.brand-mark{width:76px;height:43px;font-size:21px;border-radius:10px}.brand-mark small{font-size:5px;margin:20px 0 0 -27px}.brand-copy h1{font-size:17px}.brand-copy p{font-size:11px}.top-actions{gap:7px}.top-actions .button{padding:9px 10px;font-size:12px}.top-actions .button span{display:none}.workspace{display:flex;flex-direction:column;padding:13px;gap:14px}.panel-heading{min-height:69px;padding:14px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:11px}.panel-body{padding:16px}.preview-panel{min-height:450px}.preview-stage{min-height:375px;padding:18px}.preview-foot{padding:12px;flex-direction:column}.label-card{width:min(100%,570px)}.admin-inner{padding:19px}.form-actions{flex-direction:column}.form-actions .button-quiet{width:100%}}
.leader-input-wrap{position:relative}
:root{color-scheme:light;--bg:#f2f5f3;--panel:#fff;--panel2:#f6f8f7;--line:#dce3df;--muted:#68736f;--text:#1d2926;--red:#246b62;--red-dark:#e6f1ed;--green:#13866f;--blue:#245a79;--font:'DM Sans',Arial,sans-serif}
body{background:var(--bg);color:var(--text)}
.topbar{min-height:88px;padding:14px max(24px,calc((100vw - 1280px)/2));gap:17px;background:#fff;border-bottom:1px solid #dfe7e2}
.brand{border:0;padding:0}.brand-mark{width:48px;height:48px;border-radius:15px;background:#164f49;color:#d9f27a;box-shadow:none;font-style:normal;font-size:20px;letter-spacing:-1px}.brand-mark span{color:#fff;font-size:12px;align-self:flex-start;margin:9px 0 0 2px;letter-spacing:0}
.brand-copy h1{font-size:20px;color:#172b27;letter-spacing:-.4px}.brand-copy p{font-size:12px;color:#75817c}
.top-actions{gap:9px}.system-state{padding:8px 12px;border-color:#d7e9e2;background:#eff8f3;color:#247456;font-size:12px}.system-state i{width:7px;height:7px}.button{border-radius:9px}.button-quiet{background:#fff;color:#27413b;border-color:#d8e1dc}.button-primary{background:#17675e}.button-primary:hover:not(:disabled){background:#0d554d}.button-secondary{background:#e5f0eb;color:#1d443b}
.workspace{width:min(1280px,calc(100% - 48px));min-height:calc(100vh - 88px);margin:0 auto;padding:30px 0 42px;grid-template-columns:minmax(330px,.9fr) minmax(480px,1.1fr);gap:20px;align-items:start}
.panel{background:#fff;border:1px solid #dfe6e2;border-radius:14px;box-shadow:0 5px 20px #21362c08}.entry-panel{grid-column:1/-1}.panel-heading{min-height:72px;background:#fff;border-bottom:1px solid #edf0ee;padding:15px 21px;gap:13px}.heading-icon{width:38px;height:38px;border-radius:11px;background:#e7f2ee;color:#287065;font-size:15px}.step-icon{font-size:11px;font-weight:800;letter-spacing:.3px}.panel-heading h2{color:#1d2b28;font-size:16px;margin:0 0 4px}.panel-heading p{color:#75817d;font-size:12px}.panel-body{padding:19px 21px}.entry-panel .panel-body{display:grid;grid-template-columns:minmax(230px,1.15fr) repeat(4,minmax(130px,1fr));align-items:end;gap:12px 14px}.entry-panel .callout{grid-column:1/-1;background:#f2f7f4;color:#45564f;border:1px solid #e2ebe6;border-left:3px solid #5e9e85;margin:0;padding:12px 15px}.entry-panel .callout-icon{color:#287065;font-weight:800}.entry-panel .db-status{grid-column:1/-1;margin:0;color:#527168;font-size:12px}.entry-panel .lookup-field{min-width:0}.entry-panel .lookup-field>label,.entry-panel .field label{color:#30413b;font-size:12px}.entry-panel .fields{display:contents}.entry-panel .field{min-width:0}.entry-panel .field small{color:#89948f;font-size:10px}.search-wrap input,.field input{background:#fbfcfb;color:#1b2925;border:1px solid #d8e0dc;border-radius:8px;font-size:13px;padding:11px 12px}.search-wrap input{padding-left:39px;padding-right:12px}.search-icon{left:13px;top:8px;color:#61756c}.search-wrap kbd{display:none}.search-wrap input:focus,.field input:focus{border-color:#559987;box-shadow:0 0 0 3px #31816b1c}.lookup-message{color:#84908b;font-size:10px;min-height:16px;padding-top:5px}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;margin:0;gap:8px}.form-actions .button-primary{min-width:200px}.form-actions .button-quiet{background:#fff;color:#53635d;border-color:#dbe3df}.queue-panel,.preview-panel{min-width:0}.queue-panel .panel-heading p{display:flex;gap:4px;align-items:center}.queue-panel .panel-heading p span{font-weight:700;color:#17675e}.queue-panel .panel-body{padding:17px}.queue{max-height:430px}.empty-queue{border-color:#e0e8e3;background:#fafcfb;color:#7a8882}.queue-item{background:#fafcfb;border-color:#e6ece8;border-radius:9px}.queue-copy strong{color:#273831}.queue-copy span{color:#718079}.remove-item{color:#718079}.remove-item:hover{color:#ae4c3d}.queue-actions{gap:9px;margin-top:13px}.queue-actions .button{flex:1}.queue-actions .text-button{font-size:11px;color:#728079}.preview-heading{background:#fff;justify-content:flex-start}.preview-title{display:block}.preview-title h2{margin:0 0 3px}.preview-title p{margin:0}.live-pill{margin-left:auto;background:#eef7f2;border-color:#d9ece2;color:#26765e;font-size:10px;letter-spacing:.4px}.preview-stage{min-height:410px;background:#f6f8f6;padding:28px}.preview-empty{color:#71807a}.empty-illustration{background:#e7efeb;border-color:#dce7e1;color:#438071;border-radius:50%}.preview-empty h3{color:#2a3a34;font-size:16px}.preview-empty p{font-size:12px}.label-card{box-shadow:0 9px 25px #21362c14;border:1px solid #cfd9d3;border-radius:8px;overflow:hidden}.label-title{height:16%;background:#17564d;text-align:left;justify-content:start;padding-left:6%;font-size:clamp(14px,1.6vw,23px);letter-spacing:.8px}.label-content{grid-template-columns:58% 42%}.qr-cell{order:2;border-right:0;border-left:1px solid #d2d9d5;padding:8%}.label-details{order:1;color:#1a5149;padding:6% 5%}.detail-title{color:#6e8279;font-size:clamp(9px,.95vw,12px);letter-spacing:1px}.label-details>strong:not(.ops-value){font-size:clamp(13px,1.55vw,22px)}.detail-ops-label{color:#6e8279;letter-spacing:1px}.label-details .ops-value{color:#1a5149;font-size:clamp(21px,2.15vw,34px)}.label-leader{height:12%;background:#eef4f0;color:#537368;border-top:1px solid #dce5df;font-size:clamp(9px,1vw,13px)}.preview-foot{background:#fff;border-top:1px solid #edf0ee;color:#75817c;font-size:10px}.green-dot{background:#42a17f}
.admin-panel{background:#17241fcc}.admin-inner{background:#fff;border-color:#dce5df;color:#20312b;box-shadow:0 30px 100px #15271c35}.admin-top h2{color:#1c342d}.admin-intro{color:#718078}.icon-button{background:#f3f6f4;border-color:#dce5df;color:#506159}.eyebrow{color:#408374}.privacy-note{border-color:#d8ebe0;background:#f0f7f2;color:#557769}.privacy-note strong{color:#254b3e}.upload-box{border-color:#cbd9d1;background:#f9fbf9;color:#2e433a}.upload-box:hover,.upload-box.dragover{border-color:#639b87;background:#f0f7f3}.upload-icon{color:#397d69}.upload-subtitle{color:#78867f}.database-info{background:#f6f9f7;border-color:#dfe8e3}.database-info strong{color:#274037}.database-info p{color:#75837b}.database-info .button-outline{color:#315f50;border-color:#b9cdc2}.data-help{border-color:#e3eae6;color:#66766e}.data-help summary{color:#31473e}.data-help code{color:#276d5a;background:#eaf2ed}.toast{background:#244b40;border-color:#376c5d}
.leader-input-wrap{position:relative}
@media(max-width:1100px){.workspace{width:min(100% - 36px,900px);grid-template-columns:minmax(300px,.85fr) minmax(390px,1.15fr)}.entry-panel .panel-body{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-panel .callout,.entry-panel .db-status{grid-column:1/-1}.entry-panel .lookup-field{grid-column:1/-1}.entry-panel .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-actions{grid-column:1/-1}}
@media(max-width:760px){.topbar{padding:12px 16px;min-height:74px}.brand-mark{width:42px;height:42px}.brand-copy h1{font-size:18px}.brand-copy p{font-size:10px}.system-state{display:none}.workspace{display:grid;width:calc(100% - 24px);grid-template-columns:1fr;padding:17px 0 30px;gap:13px}.entry-panel{grid-column:1}.panel-heading{min-height:62px;padding:12px 15px}.entry-panel .panel-body{grid-template-columns:1fr;padding:15px}.entry-panel .fields{grid-template-columns:1fr}.entry-panel .lookup-field{grid-column:1}.form-actions{grid-column:1;flex-direction:row}.form-actions .button-primary{min-width:0}.queue-panel .panel-body{padding:13px}.preview-stage{min-height:300px;padding:14px}.preview-foot{gap:7px}.preview-foot span{line-height:1.4}.admin-inner{padding:17px}}
@media print{.print-page{border:0}.print-label{border-color:#b8c8bf;border-radius:2mm;overflow:hidden}.print-label-title{background:#17564d;text-align:left;justify-content:start;padding-left:5mm;font-size:15pt;letter-spacing:.6pt}.print-label-main{grid-template-columns:1fr 43mm}.print-label-qr{order:2;border-right:0;border-left:1px solid #cfd9d3}.print-label-details{order:1;color:#1a5149}.print-label-details .p-caption{color:#70857b;letter-spacing:.6pt}.print-label-details .p-name,.print-label-details .p-ops{color:#1a5149}.print-label-leader{background:#eef4f0;color:#537368;border-top-color:#dce5df}}
@page{size:A4 portrait;margin:0}
@media print{body{background:#fff;color:#000}.topbar,.workspace,.admin-panel,.toast{display:none!important}.print-sheet{display:block!important}.print-page{display:grid;grid-template-columns:93mm 93mm;grid-template-rows:65mm 65mm 65mm;column-gap:4mm;row-gap:5mm;width:190mm;height:205mm;margin:46mm auto 0;justify-content:center;align-content:start;break-after:page;page-break-after:always}.print-page:last-child{break-after:auto;page-break-after:auto}.print-label{width:93mm;height:65mm;border:1px solid #111;background:white;color:#00396e;display:flex;flex-direction:column;break-inside:avoid;font-family:Arial,sans-serif}.print-label-title{height:9mm;flex:none;background:#050505;color:white;display:grid;place-items:center;font-size:16pt;font-weight:bold}.print-label-main{height:48mm;flex:none;display:grid;grid-template-columns:43mm 1fr}.print-label-qr{display:grid;place-items:center;border-right:1px solid #111;padding:3mm}.print-label-qr img,.print-label-qr canvas{height:39mm!important;width:39mm!important}.print-label-details{display:flex;flex-direction:column;align-items:center;justify-content:space-around;text-align:center;padding:2mm}.print-label-details .p-caption{font-size:8pt}.print-label-details .p-name{font-weight:bold;font-size:13pt;line-height:1.15;overflow-wrap:anywhere}.print-label-details .p-ops{font-size:18pt;font-weight:bold;overflow-wrap:anywhere}.print-label-leader{height:8mm;border-top:1px solid #ccc;background:#f0f0f0;display:grid;place-items:center;text-align:center;padding:0 2mm;color:#66809d;font-size:8pt;overflow-wrap:anywhere}}
:root{--bg:#f5f5fa;--panel:#fff;--panel2:#f7f7fc;--line:#e2e3ef;--muted:#6c6e83;--text:#20223b;--red:#5c55d7;--red-dark:#efefff;--green:#239d8c;--blue:#3852c3}
body{background:radial-gradient(ellipse at 12% 0%,#eeeefe 0,transparent 32%),#f5f5fa;color:#20223b}
.topbar{background:#fff;border-bottom-color:#e9e8f0;min-height:84px;padding-top:13px;padding-bottom:13px}
.brand-mark{background:linear-gradient(145deg,#28264f,#514ac1);color:#fff;border-radius:15px;box-shadow:0 7px 18px #4944a528;font-size:19px}.brand-mark span{color:#c5c3ff;font-size:12px}
.brand-copy h1{color:#252440}.brand-copy p{color:#7e7e92}
.system-state{background:#f0f9f7;border-color:#dcefe9;color:#27806f}.button-primary{background:#5a53cf;box-shadow:0 5px 12px #5048c31c}.button-primary:hover:not(:disabled){background:#4640b4}
.workspace{padding-top:28px;gap:22px}.panel{border-color:#e8e7f0;border-radius:16px;box-shadow:0 7px 24px #28264f0b}.panel-heading{border-bottom-color:#eeedf4}.entry-panel .panel-heading{background:linear-gradient(105deg,#f2f1ff 0%,#fff 72%)}.heading-icon{background:#e9e8ff;color:#5852c3;border-radius:12px}.step-icon{border-radius:50%;width:35px;height:35px}.panel-heading h2{color:#262642;font-size:16px}.panel-heading p{color:#79798e}
.entry-panel .callout{background:#f7f6ff;border-color:#ebe9fa;border-left-color:#817be7;color:#595a70;border-radius:10px;padding:13px 16px}.entry-panel .callout-icon{color:#6059d3;background:#eae9ff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:13px;flex:none}.entry-panel .db-status{color:#5d7c73}.entry-panel .lookup-field>label,.entry-panel .field label{color:#45465f;font-size:12px;letter-spacing:.1px}
.search-wrap input,.field input{background:#fbfbfe;border-color:#e0e0ec;border-radius:10px;color:#24243c;box-shadow:0 2px 5px #25243b06}.search-wrap input:focus,.field input:focus{border-color:#7771dd;box-shadow:0 0 0 4px #5e58d51a}.search-icon{color:#7f7e9b}.lookup-message{color:#85859a}.form-actions{padding-top:2px}.form-actions .button-primary{border-radius:10px}.form-actions .button-quiet{border-color:#e3e2ed;color:#64657d;background:#fff}
.queue-panel .panel-heading,.preview-panel .panel-heading{background:#fff}.queue-panel .panel-heading p span{color:#5a53cf}.queue-item{background:#fcfcff;border-color:#ecebf4}.queue-item:hover{background:#f8f7ff;border-color:#dfddf4}.queue-copy strong{color:#2e2d49}.queue-copy span{color:#7c7b91}.remove-item{color:#8b8ba0}.remove-item:hover{color:#c35168}.queue-actions .button-primary{box-shadow:none}.queue-actions .text-button{color:#85849a}.empty-queue{background:#fbfbfe;border-color:#dedeea;color:#89899c}
.live-pill{background:#f1f0ff;border-color:#e1dfff;color:#5953bd;border-radius:30px}.live-pill i{background:#8178eb}.preview-stage{background:linear-gradient(145deg,#f8f7ff,#f3f5fa);min-height:430px}.preview-empty h3{color:#383751}.empty-illustration{background:#edecff;border-color:#e2e0ff;color:#655fd0}.label-card{box-shadow:0 15px 36px #28264f1f;border-color:#d8d7e6;border-radius:10px}.label-title{background:#292747;color:#fff}.label-details{color:#30304d}.label-details .ops-value{color:#4844ae}.qr-cell{background:#fcfcff;border-left-color:#e1e0e9}.label-leader{background:#f3f3f8;color:#686981;border-top-color:#e2e2eb}.preview-foot{color:#858499;border-top-color:#eeedf4}.green-dot{background:#3baf91}
.admin-inner{border-color:#e3e2ed;border-radius:17px}.admin-panel{background:#20203d99}.eyebrow{color:#6059cb}.privacy-note{background:#f2f8f5;border-color:#dfefe7;color:#627a70}.privacy-note strong{color:#314d42}.upload-box{background:#fafaff;border-color:#d8d7e9;border-radius:12px}.upload-box:hover,.upload-box.dragover{background:#f2f1ff;border-color:#817be7}.upload-icon{color:#625ccf}.database-info{background:#f8f8fc;border-color:#e6e5ef}.data-help code{color:#4d49ae;background:#f0effe}.toast{background:#312e65;border-color:#514ba1}
@media(max-width:760px){.workspace{padding-top:17px}.brand-mark{box-shadow:0 4px 12px #4944a522}.entry-panel .callout{line-height:1.5}}
@media print{.print-label{border-color:#d4d3e1;border-radius:2mm}.print-label-title{background:#292747}.print-label-qr{border-left-color:#dfdeea}.print-label-details{color:#34334f}.print-label-details .p-name,.print-label-details .p-ops{color:#4844ae}.print-label-leader{background:#f3f3f8;color:#686981;border-top-color:#e2e2eb}}
:root{color-scheme:dark;--bg:#0d1017;--panel:#151a24;--panel2:#1b2230;--line:#2b3444;--muted:#8c96a7;--text:#e9e8e3;--red:#b99b62;--red-dark:#302a20;--green:#56b39a;--blue:#8295c8;--font:'DM Sans',Arial,sans-serif}
body{background:radial-gradient(ellipse at 12% -10%,#24263a 0,transparent 34%),radial-gradient(ellipse at 92% 12%,#182833 0,transparent 28%),#0d1017;color:#e9e8e3}
.topbar{background:#10141d;border-bottom-color:#252c39;box-shadow:0 6px 28px #07091055}
.brand-mark{background:linear-gradient(145deg,#d2ba81,#9d804c);color:#161923;box-shadow:0 7px 22px #b99b6220;border:1px solid #e0ca95}.brand-mark span{color:#303348}
.brand-copy h1{color:#f0eee8}.brand-copy p{color:#929aab}
.system-state{background:#14221e;border-color:#2a443b;color:#79c2a8}.system-state i{background:#64c29c}
.button-quiet{background:#171d28;color:#e3e4e4;border-color:#343e50}.button-quiet:hover:not(:disabled){background:#202838;border-color:#566176}.button-primary{background:#b99b62;color:#171820;box-shadow:0 5px 16px #b99b6220}.button-primary:hover:not(:disabled){background:#cfb477}.button-secondary{background:#253044;color:#e0e3e9}.button-secondary:hover:not(:disabled){background:#303e55}
.panel{background:#151a24;border-color:#2b3444;box-shadow:0 12px 35px #03050a55}.panel-heading,.entry-panel .panel-heading,.queue-panel .panel-heading,.preview-panel .panel-heading{background:linear-gradient(110deg,#1a202d,#151a24);border-bottom-color:#2a3342}.heading-icon{background:#27283a;color:#d1b776}.panel-heading h2{color:#eeede8}.panel-heading p{color:#9ba4b3}
.entry-panel .callout{background:#1d2330;border-color:#303a4c;border-left-color:#b99b62;color:#c3c8d0}.entry-panel .callout-icon{color:#d2ba81;background:#343143}.entry-panel .db-status{color:#79c2a8}.entry-panel .lookup-field>label,.entry-panel .field label{color:#d6d8dc}.entry-panel .field small{color:#939dad}
.search-wrap input,.field input{background:#101520;color:#f1f0ed;border-color:#333e50;box-shadow:inset 0 1px 2px #06080c88}.search-wrap input::placeholder,.field input::placeholder{color:#778294}.search-wrap input:focus,.field input:focus{border-color:#b99b62;box-shadow:0 0 0 4px #b99b621f}.search-icon{color:#9fa9b8}.lookup-message{color:#98a2b1}.form-actions .button-quiet{background:#171d28;color:#c3c8d0;border-color:#343e50}
.suggestions{background:#1a202b;border-color:#374153;box-shadow:0 18px 44px #05070bcc}.suggestion{color:#ecece8}.suggestion span{color:#c2c8d1}.suggestion small{color:#98a2b1}.suggestion:hover,.suggestion.active{background:#2a3342}
.queue-panel .panel-heading p span{color:#d0b578}.queue-item,.empty-queue{background:#101520;border-color:#30394a}.queue-item:hover{background:#1a2130;border-color:#4a5264}.queue-copy strong{color:#ecece8}.queue-copy span{color:#9aa3b2}.remove-item{color:#a6adba}.remove-item:hover{color:#e2a18b}.queue-actions .text-button{color:#a5adba}.queue-actions .text-button:hover{color:#f2eee5}
.live-pill{background:#1d2a28;border-color:#344a45;color:#8acbb3}.live-pill i{background:#65c29d}.preview-stage{background:radial-gradient(ellipse at 48% 46%,#252a38 0,transparent 52%),#111620}.preview-empty{color:#99a2b1}.empty-illustration{background:#222a36;border-color:#3a4555;color:#c7b075}.preview-empty h3{color:#eeeae2}.preview-empty p{color:#a7afbc}.label-card{box-shadow:0 20px 48px #0008;border-color:#ddd9cd}.label-title{background:#272a35;color:#f5f1e8;position:relative}.label-title:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#b99b62}.label-details{color:#252a36}.label-details .ops-value{color:#344974}.qr-cell{background:#fff;border-left-color:#d8d5cc}.label-leader{background:#f3f1eb;color:#68717e;border-top-color:#d8d5cc}.preview-foot{background:#151a24;color:#969faf;border-top-color:#2a3342}.green-dot{background:#69c59f}
.admin-panel{background:#050810c9}.admin-inner{background:#151a24;border-color:#343e50;color:#ecebe6;box-shadow:0 30px 110px #000b}.admin-top h2{color:#f0eee9}.admin-intro{color:#a2abba}.icon-button{background:#202735;border-color:#3a4556;color:#d9dce2}.eyebrow{color:#d0b578}.privacy-note{background:#18231f;border-color:#344b40;color:#a1cbb8}.privacy-note strong{color:#d5e9df}.upload-box{background:#111720;border-color:#465064;color:#edece6}.upload-box:hover,.upload-box.dragover{background:#201f2b;border-color:#b99b62}.upload-icon{color:#d1b476}.upload-subtitle{color:#a0a9b7}.database-info{background:#1b2230;border-color:#364153}.database-info strong{color:#ecebe6}.database-info p{color:#a2abba}.database-info .button-outline{color:#dbc99b;border-color:#6a5d43}.data-help{border-color:#323b49;color:#aab1bc}.data-help summary{color:#e2e0da}.data-help code{color:#e0cb96;background:#2d2b2b}.toast{background:#24283a;border-color:#4c5063}
@media print{body{background:#fff;color:#000}.print-label{background:#fff;border-color:#c7c4ba}.print-label-title{background:#272a35;color:#fff}.print-label-main{background:#fff}.print-label-qr{border-left-color:#ddd9cd}.print-label-details{color:#252a36}.print-label-details .p-caption{color:#747b85}.print-label-details .p-name,.print-label-details .p-ops{color:#344974}.print-label-leader{background:#f3f1eb;color:#68717e;border-top-color:#d8d5cc}}
/* Ajustes para fluxo de várias etiquetas e impressão em PDF */
.print-help{margin:10px 0 0;color:#9aa4b3;font-size:12px;line-height:1.5}
@media(max-width:760px){.print-help{font-size:11px}}
@media print{
  .print-label-main{grid-template-columns:43mm 1fr!important}
  .print-label-qr{order:0!important;border-right:1px solid #111!important;border-left:0!important}
  .print-label-details{order:0!important}
}

/* Layout: formulário e prévia lado a lado; fila abaixo */
.workspace{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto auto;align-items:stretch}
.entry-panel{grid-column:1;grid-row:1}
.preview-panel{grid-column:2;grid-row:1;min-height:0}
.queue-panel{grid-column:1/-1;grid-row:2}
.entry-panel .panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px 16px}
.entry-panel .callout,.entry-panel .db-status,.entry-panel .lookup-field,.entry-panel .form-actions{grid-column:1/-1}
.entry-panel .fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.entry-panel .fields .field:last-child{grid-column:1/-1}
.preview-stage{min-height:460px}
@media(max-width:760px){
  .workspace{grid-template-columns:1fr;grid-template-rows:auto}
  .entry-panel,.preview-panel,.queue-panel{grid-column:1;grid-row:auto}
  .entry-panel .panel-body{grid-template-columns:1fr}
  .entry-panel .callout,.entry-panel .db-status,.entry-panel .lookup-field,.entry-panel .form-actions{grid-column:1}
  .entry-panel .fields{grid-template-columns:1fr}
  .entry-panel .fields .field:last-child{grid-column:1}
}

/* Etiqueta alinhada ao padrão de impressão QR OPS */
.label-card{width:min(100%,690px);border:2px solid #000;border-radius:0;box-shadow:none}
.label-title{height:10%;background:#000;color:#fff;text-align:center;justify-content:center;padding-left:0;font-size:clamp(16px,2vw,28px);letter-spacing:0}
.label-title:after{display:none}
.label-content{grid-template-columns:46.5% 53.5%}
.qr-cell{order:0;border-right:1px solid #111;border-left:0;padding:3.5%}
.label-details{order:0;color:#00396e;padding:5% 4%}
.detail-title,.detail-ops-label{color:#00396e;letter-spacing:0}
.label-details>strong:not(.ops-value){font-size:clamp(14px,1.75vw,25px)}
.label-details .ops-value{color:#00396e;font-size:clamp(22px,2.5vw,38px)}
.label-leader{height:10%;background:#f0f0f0;color:#66809d;border-top-color:#ccc;font-size:clamp(10px,1.1vw,14px)}
@media print{
  .print-label{border:1px solid #000;border-radius:0}
  .print-label-title{height:7mm;background:#000;color:#fff;text-align:center;justify-content:center;padding-left:0;font-size:16pt;letter-spacing:0}
  .print-label-main{height:50mm;grid-template-columns:43mm 1fr}
  .print-label-qr{order:0;border-right:1px solid #111;border-left:0;padding:3mm}
  .print-label-details{order:0;color:#00396e}
  .print-label-details .p-name,.print-label-details .p-ops{color:#00396e}
  .print-label-leader{height:8mm;background:#f0f0f0;color:#66809d;border-top-color:#ccc}
}
.label-card .qr-cell{padding:2.5%}
@media print{.print-label-qr{padding:2mm}}
.label-card{font-family:Arial,sans-serif}

/* Identidade visual SPX na interface do app */
:root{--red:#ed183c;--red-dark:#390c18}
.brand-mark{width:70px;height:44px;border-radius:11px;background:linear-gradient(135deg,#ff3353,#c6002e);color:#fff;border:1px solid #ff687e;box-shadow:0 7px 22px #ed183c30;font-size:20px;font-style:italic;font-weight:900;letter-spacing:-.8px}
.brand-mark span{color:#fff}
.brand-copy h1{color:#f4f2ef}
.heading-icon{background:#2e1b25;color:#ff7187}
.entry-panel .callout{border-left-color:#ed183c}
.entry-panel .callout-icon{color:#ff7187;background:#321c27}
.button-primary{background:#ed183c;color:#fff;box-shadow:0 5px 16px #ed183c30}
.button-primary:hover:not(:disabled){background:#ff3152}
.search-wrap input:focus,.field input:focus{border-color:#ef3655;box-shadow:0 0 0 4px #ed183c22}
.queue-panel .panel-heading p span{color:#ff7187}
.eyebrow,.upload-icon,.data-help code{color:#f27689}
.upload-box:hover,.upload-box.dragover{border-color:#ed183c;background:#211a23}
.database-info .button-outline{color:#ff9bac;border-color:#743044}

.form-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.form-actions #confirm-button{grid-column:1/-1}.form-actions #add-button{min-width:0}


/* Filtro em massa e etiquetas compactas: A4 com 10 etiquetas por página */
.bulk-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-bottom:16px;padding:14px;border:1px solid #303a4c;border-radius:10px;background:#111720}
.bulk-controls .field{min-width:0}
.bulk-controls .field label{display:block;margin:0 0 7px;color:#d6d8dc;font-size:13px;font-weight:700}
.bulk-controls select{width:100%;min-height:42px;padding:10px 12px;border:1px solid #333e50;border-radius:8px;background:#101520;color:#f1f0ed;font:500 14px var(--font)}
.bulk-controls select:focus{outline:2px solid #b99b62;outline-offset:1px}
.bulk-controls .field small{display:block;margin-top:6px;color:#939dad;font-size:11px;line-height:1.4}
.bulk-controls .button{white-space:nowrap;min-height:42px}
.queue-qr{font-size:11px;font-weight:800;color:#344974}
@media(max-width:560px){.bulk-controls{grid-template-columns:1fr}.bulk-controls .button{width:100%;white-space:normal}}
@page{size:A4 portrait;margin:10mm}
@media print{
  .print-page{width:190mm;height:277mm;margin:0 auto;grid-template-columns:85mm 85mm;grid-template-rows:repeat(5,52mm);column-gap:6mm;row-gap:3mm;justify-content:center;align-content:start;break-after:page;page-break-after:always}
  .print-label{width:85mm;height:52mm}
  .print-label-title{height:7mm;font-size:12pt}
  .print-label-main{height:38mm;grid-template-columns:38mm 1fr!important}
  .print-label-qr{padding:2mm!important}
  .print-label-qr img,.print-label-qr canvas{height:32mm!important;width:32mm!important}
  .print-label-details{padding:1mm}
  .print-label-details .p-caption{font-size:7pt}
  .print-label-details .p-name{font-size:10pt;line-height:1.1}
  .print-label-details .p-ops{font-size:14pt}
  .print-label-leader{height:7mm;font-size:7pt}
}

.bulk-controls{grid-template-columns:minmax(0,1fr) auto}

.header-slogan{color:#d4bc83;font-size:14px;font-weight:700;letter-spacing:.02em;text-align:right;white-space:nowrap}
@media(max-width:760px){.header-slogan{max-width:175px;font-size:11px;line-height:1.35;white-space:normal}}