:root{--bg:#f4f6fa;--panel:#fff;--ink:#151923;--muted:#737b8c;--line:#e7eaf0;--accent:#2254d1;--accent2:#173b9c;--ok:#19a463;--bad:#dc3f48;--shadow:0 10px 30px rgba(18,27,52,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif}.app-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr;direction:ltr}.sidebar{direction:rtl;background:#101724;color:#fff;padding:22px 14px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{width:42px;height:42px;border-radius:13px;background:#fff;color:#173b9c;display:grid;place-items:center;font:bold 23px Arial}.brand strong{display:block;font-size:20px}.brand span{color:#9da9bf;font-size:11px}.sidebar nav{display:grid;gap:7px}.nav{border:0;background:transparent;color:#b7c0cf;padding:12px 14px;text-align:right;border-radius:11px;font:inherit;cursor:pointer}.nav:hover,.nav.active{background:#1a2640;color:#fff}.sidebar-foot{margin-top:auto;color:#7f8ba0;font-size:11px;line-height:1.8;padding:8px}.main{direction:rtl;padding:24px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{margin:0;font-size:28px}.topbar p{margin:6px 0 0;color:var(--muted)}.status-pill{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 13px;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow);font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:#a5acb9}.status-pill.online .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(25,164,99,.12)}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h2{margin:5px 0 7px;font-size:24px;direction:ltr;text-align:right}.hero p{margin:0;color:var(--muted);max-width:750px;line-height:1.8}.eyebrow{font-size:11px;color:var(--accent);font-weight:bold}.primary,.danger,.pager button{border:0;border-radius:11px;padding:11px 16px;font:inherit;cursor:pointer}.primary{background:var(--accent);color:#fff}.primary:hover{background:var(--accent2)}.primary:disabled{opacity:.45;cursor:not-allowed}.danger{background:#fff0f1;color:#bb2630;margin-top:20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{display:block;margin:8px 0 4px;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setup-card{margin-top:14px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.section-head h3{margin:0}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.form-row{display:grid;grid-template-columns:120px minmax(180px,380px) auto;gap:10px;align-items:center}.form-row label{font-weight:bold}.form-row input,.form-row select,.form-grid input,.search,.scan-input,.number{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;background:#fff;outline:none}.form-row input:focus,.form-row select:focus,.form-grid input:focus,.search:focus,.scan-input:focus{border-color:#7c9cec;box-shadow:0 0 0 3px rgba(34,84,209,.08)}.message{min-height:22px;margin-top:11px;font-size:13px;color:var(--muted)}.message.ok{color:var(--ok)}.message.bad{color:var(--bad)}.view{display:none}.view.active{display:block}.print-grid,.design-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.scan-input{font-size:22px;width:100%;padding:17px;text-align:center;direction:ltr}.scan-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}.check{display:flex;align-items:center;gap:8px;color:#3a4352}.number{width:72px;padding:7px}.label-stage{min-height:340px;display:grid;place-items:center;background:linear-gradient(45deg,#f0f2f6 25%,transparent 25%),linear-gradient(-45deg,#f0f2f6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f2f6 75%),linear-gradient(-45deg,transparent 75%,#f0f2f6 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}.label-preview{width:50mm;height:30mm;background:#fff;border:1px solid #ccd2dd;box-shadow:0 8px 25px rgba(20,28,45,.14);padding:2.2mm;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#000}.label-store{font-size:8pt;font-weight:bold}.label-name{font-size:15pt;font-weight:700;line-height:1.15;text-align:center;margin:1.2mm 0;max-width:100%}.label-price{display:flex;align-items:flex-end;gap:1.2mm;line-height:1}.label-price b{font-size:34pt}.label-price span{font-size:9pt;margin-bottom:2mm}.label-barcode{font-size:7pt;letter-spacing:.4px;margin-top:1.5mm;direction:ltr}.hint{color:var(--muted);font-size:12px;line-height:1.7}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:12px;border-bottom:1px solid var(--line);text-align:right}.table-wrap th{color:var(--muted);font-size:12px}.table-wrap td:nth-child(2),.table-wrap td:nth-child(3){direction:ltr;text-align:right}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.pager{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:14px}.pager button{background:#eef2fb;color:#274a9f}.search{min-width:260px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{display:grid;gap:7px;color:#4d5665;font-size:13px}.form-grid .wide{grid-column:1/-1}.settings-list{display:grid}.settings-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}code{direction:ltr}@media(max-width:1000px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;align-items:center;padding:10px 12px;overflow:auto}.sidebar nav{display:flex}.nav{white-space:nowrap}.sidebar-foot{display:none}.brand span{display:none}.main{padding:14px}.stats{grid-template-columns:1fr 1fr}.print-grid,.design-grid{grid-template-columns:1fr}}@media(max-width:650px){.topbar{align-items:flex-start}.stats{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.search{min-width:0;width:100%}}@media print{body *{visibility:hidden}.label-preview,.label-preview *{visibility:visible}.label-preview{position:absolute;left:0;top:0;box-shadow:none;border:0;margin:0}.sidebar,.topbar,.hint,.section-head{display:none!important}@page{margin:0}}

.qlabel-connect-grid{grid-template-columns:110px minmax(180px,1fr) 110px minmax(220px,1.2fr) auto}.form-row select{min-width:0}.sub-status{margin-top:8px;color:var(--muted);font-size:12px}.qlabel-connect-grid .primary{white-space:nowrap}@media(max-width:900px){.qlabel-connect-grid{grid-template-columns:1fr 2fr}.qlabel-connect-grid .primary{grid-column:1/-1}}@media(max-width:650px){.qlabel-connect-grid{grid-template-columns:1fr}.qlabel-connect-grid .primary{grid-column:auto}}

/* QLabel Print Agent */
.agent-inline{margin-top:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;color:var(--muted);font-size:12px}.agent-inline .mini-btn{margin-right:auto}.agent-dot{width:9px;height:9px;border-radius:50%;background:#a5acb9;flex:0 0 auto}.agent-inline.online .agent-dot{background:var(--ok);box-shadow:0 0 0 4px rgba(25,164,99,.12)}.agent-inline.bad .agent-dot{background:var(--bad)}.printer-box{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.printer-config-grid{grid-template-columns:110px minmax(260px,1fr) auto}.printer-config-grid select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;background:#fff;min-width:0}.printer-config-grid select:focus{border-color:#7c9cec;box-shadow:0 0 0 3px rgba(34,84,209,.08);outline:none}@media(max-width:650px){.agent-inline{align-items:flex-start;flex-wrap:wrap}.agent-inline .mini-btn{margin-right:0}.printer-config-grid{grid-template-columns:1fr}}

/* ===== QLabel advanced templates vNext ===== */
.print-template-row{display:grid;grid-template-columns:120px minmax(180px,1fr) auto;gap:10px;align-items:center;margin-bottom:12px}.print-template-row label{font-weight:700}.print-template-row select,.template-toolbar select,.designer-controls select{border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:inherit;background:#fff;min-width:0;outline:none}.print-template-row select:focus,.template-toolbar select:focus,.designer-controls select:focus{border-color:#7c9cec;box-shadow:0 0 0 3px rgba(34,84,209,.08)}
.template-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.template-select-wrap{display:grid;gap:7px;min-width:260px}.template-select-wrap label{font-size:13px;color:#4d5665;font-weight:700}.template-actions{display:flex;gap:8px;flex-wrap:wrap}.danger-mini{border:1px solid #f2c8cc;background:#fff4f5;color:#b32631;border-radius:8px;padding:7px 10px;cursor:pointer;font:inherit}
.advanced-designer{align-items:start}.designer-controls{padding-bottom:16px}.designer-section{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:#fbfcfe;overflow:hidden}.designer-section summary{cursor:pointer;padding:12px 14px;font-weight:800;color:#263044;user-select:none;background:#f7f9fc}.designer-section[open] summary{border-bottom:1px solid var(--line)}.designer-section .form-grid{padding:12px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-grid label{min-width:0}.compact-grid input,.compact-grid select{width:100%}.compact-grid .check{align-self:end;min-height:40px;display:flex}.designer-save-row{display:flex;align-items:center;gap:14px;margin-top:12px}.designer-save-row .message{margin:0;flex:1}.sticky-preview{position:sticky;top:18px}
.form-grid select{border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;background:#fff;outline:none}.form-grid select:focus{border-color:#7c9cec;box-shadow:0 0 0 3px rgba(34,84,209,.08)}
.label-preview{justify-content:flex-start;gap:.65mm}.label-store,.label-name,.label-barcode{flex:0 0 auto}.label-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--max-lines,2);overflow:hidden}.label-price{flex:0 0 auto}.label-barcode{font-family:Consolas,"Courier New",monospace}
.printer-row{grid-template-columns:minmax(240px,1fr) auto auto}.printer-row .mini-btn{white-space:nowrap}
@media(max-width:900px){.template-toolbar{align-items:stretch;flex-direction:column}.template-select-wrap{min-width:0}.sticky-preview{position:static}}
@media(max-width:650px){.print-template-row{grid-template-columns:1fr}.compact-grid{grid-template-columns:1fr}.template-actions{display:grid;grid-template-columns:1fr 1fr}.printer-row{grid-template-columns:1fr}.designer-save-row{align-items:stretch;flex-direction:column}}