:root{--theme-brand: #cf5f7e;--theme-on-brand: #ffffff;--theme-radius: 14px;--theme-radius-sm: 9px;--logo: #e83c6a;--brand: var(--theme-brand);--on-brand: var(--theme-on-brand);--brand-dark: color-mix(in srgb, var(--brand) 78%, #000);--brand-50: color-mix(in srgb, var(--brand) 6%, var(--surface));--brand-100: color-mix(in srgb, var(--brand) 15%, var(--surface));--teal: #0fb1bb;--surface: #ffffff;--bg: color-mix(in srgb, var(--brand) 4%, #fdfcfc);--ink: color-mix(in srgb, var(--brand) 10%, #1d1a1c);--ink-soft: color-mix(in srgb, var(--brand) 12%, #4b484a);--muted: color-mix(in srgb, var(--brand) 14%, #86828a);--line: color-mix(in srgb, var(--brand) 9%, #ece9ea);--line-strong: color-mix(in srgb, var(--brand) 16%, #dcd8da);--brand-gradient: linear-gradient(135deg, color-mix(in srgb, var(--brand) 7%, #fff) 0%, color-mix(in srgb, var(--brand) 22%, #fff) 100%);--danger: #b3261e;--danger-bg: #fdeeed;--ok: #1d8656;--ok-bg: #e9f6ef;--warn: #8a5a00;--warn-bg: #fff4d6;--info: #1f4f9a;--info-bg: #e6f0fd;--radius: var(--theme-radius);--radius-sm: var(--theme-radius-sm);--shadow: 0 1px 2px rgba(30, 24, 28, .04), 0 8px 24px rgba(30, 24, 28, .05);--font: "IBM Plex Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Cormorant Garamond", "IBM Plex Sans Arabic", Georgia, serif;font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.6}h1{font-size:1.6rem;font-weight:600;margin:0 0 .25rem;letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:600;margin:0}p{margin:.4rem 0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.muted{color:var(--muted)}.spacer{flex:1}.center{text-align:center;margin-block-start:3rem;color:var(--muted)}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-block:1rem;display:flex;flex-direction:column;gap:.75rem;box-shadow:var(--shadow)}.card.narrow{max-width:25rem;margin:5rem auto}.error{color:var(--danger);background:var(--danger-bg);padding:.6rem .85rem;border-radius:var(--radius-sm)}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--ink-soft);font-weight:500}label.inline{flex-direction:row;align-items:center}input,textarea,select,button{font:inherit}input,textarea,select{padding:.55rem .75rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}input[type=checkbox]{accent-color:var(--brand);width:1rem;height:1rem;padding:0}fieldset{border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;gap:.6rem;padding:1rem}legend{padding-inline:.4rem;color:var(--muted);font-size:.85rem}button,a.button{cursor:pointer;border:1px solid var(--brand);background:var(--brand);color:var(--on-brand);border-radius:var(--radius-sm);padding:.5rem 1.05rem;font-weight:500;text-decoration:none;transition:background .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}button:hover:not(:disabled),a.button:hover{background:var(--brand-dark);border-color:var(--brand-dark);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}button.danger{background:var(--danger);border-color:var(--danger)}button.link{background:none;border:none;color:var(--brand);padding:0;font-weight:500}button.link:hover:not(:disabled){background:none;text-decoration:underline;text-underline-offset:3px}.chip{background:var(--surface);color:var(--ink-soft);border-color:var(--line-strong);border-radius:999px;padding:.3rem .9rem;font-size:.88rem}.chip:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand);color:var(--brand)}.chip.active,.chip.active:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-block:1rem}.actions{display:flex;gap:.6rem;margin-block:1rem}.badge{font-size:.75rem;background:var(--brand-100);color:var(--brand-dark);border-radius:999px;padding:.15rem .65rem;font-weight:500;vertical-align:middle}table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card table{box-shadow:none}th,td{text-align:start;padding:.7rem .9rem;border-block-end:1px solid var(--line);vertical-align:top}thead th{background:#fdfbfb;color:var(--muted);font-size:.8rem;font-weight:600;letter-spacing:.02em}tbody tr:last-child td,tbody tr:last-child th{border-block-end:none}tbody tr:hover td{background:var(--brand-50)}tfoot th{border-block-start:2px solid var(--line-strong)}.matrix th,.matrix td{text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:start}dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.25rem;margin:0}dt{color:var(--muted)}dd{margin:0}pre{margin:0;font-size:.75rem;white-space:pre-wrap}.notes{list-style:none;padding:0}.notes li{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.7rem .9rem;margin-block-end:.6rem}.notes p{margin:0 0 .25rem;white-space:pre-wrap}.maker-credit{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem}.maker-credit svg{height:1.35rem;width:auto;color:var(--ink)}main{padding:2rem clamp(1rem,3vw,2.5rem) 3rem;width:100%;flex:1}.center-text{text-align:center}.shell{display:grid;grid-template-columns:15.5rem 1fr;height:100vh;height:100dvh;overflow:hidden}.sidebar{display:flex;flex-direction:column;min-height:0;height:100%;background:var(--surface);border-inline-end:1px solid var(--line);padding:.9rem .75rem .75rem}.side-brand{display:flex;align-items:center;color:var(--logo);padding:.4rem .6rem 1rem}.side-brand svg{display:block;height:auto}.side-brand .logo-full{width:100%;max-width:11.5rem}.side-brand .logo-mark{display:none;width:2.4rem;margin-inline:auto}.sidebar nav{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.1rem;padding-block:.25rem .75rem;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-group{display:flex;flex-direction:column;gap:.1rem;margin-block-start:.85rem}.nav-title{padding:0 .75rem .3rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar nav a{position:relative;display:flex;align-items:center;gap:.7rem;padding:.5rem .75rem;border-radius:var(--radius-sm);color:var(--ink-soft);font-size:.92rem;font-weight:500;line-height:1.4;transition:background .15s,color .15s}.sidebar nav a:hover{background:var(--brand-50);color:var(--ink);text-decoration:none}.sidebar nav a.active{background:var(--brand-100);color:var(--brand-dark);font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;inset-block:.5rem;inset-inline-start:.2rem;width:3px;border-radius:3px;background:var(--brand)}.sidebar nav a.active .icon{color:var(--brand)}.icon{width:1.15rem;height:1.15rem;flex:none}.side-user{display:flex;align-items:center;gap:.6rem;padding:.7rem .4rem .1rem;border-block-start:1px solid var(--line)}.side-user .user-email{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--ink-soft)}[dir=rtl] .side-user .user-email{direction:ltr;text-align:right}.avatar{width:2rem;height:2rem;flex:none;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:600;font-size:.85rem}.content{height:100%;min-width:0;min-height:0;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.5rem;padding:.6rem clamp(1rem,3vw,2.5rem);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-block-end:1px solid var(--line)}.icon-btn,.lang-btn{background:none;border:1px solid transparent;color:var(--ink-soft);padding:.45rem;border-radius:var(--radius-sm)}.lang-btn{padding:.4rem .8rem;gap:.45rem;font-size:.88rem}.icon-btn:hover:not(:disabled),.lang-btn:hover:not(:disabled){background:var(--brand-100);border-color:transparent;color:var(--brand-dark)}.app-foot{padding:1.25rem clamp(1rem,3vw,2.5rem) 1.5rem;border-block-start:1px solid var(--line)}.scrim{display:none}@media(max-width:62rem){.shell{grid-template-columns:1fr}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:16rem;z-index:20;transform:translate(100%);transition:transform .2s;box-shadow:var(--shadow)}[dir=ltr] .sidebar{transform:translate(-100%)}.shell.open .sidebar{transform:none}.shell.open .scrim{display:block;position:fixed;inset:0;background:#2a1b2259;z-index:10}}@media(max-height:56rem){.sidebar{padding-block:.6rem .5rem}.side-brand{padding-block-end:.6rem}.nav-group{margin-block-start:.5rem}.sidebar nav a{padding-block:.38rem}}@media(min-width:62.01rem){.shell{transition:grid-template-columns .2s}.shell.collapsed{grid-template-columns:4.5rem 1fr}.shell.collapsed .sidebar{padding-inline:.5rem}.shell.collapsed .side-brand{padding-inline:0;justify-content:center}.shell.collapsed .logo-full,.shell.collapsed .nav-title,.shell.collapsed .sidebar nav a span,.shell.collapsed .side-user .user-email{display:none}.shell.collapsed .logo-mark{display:block}.shell.collapsed .sidebar nav a{justify-content:center;padding-inline:0}.shell.collapsed .sidebar nav a.active:before{inset-inline-start:0}.shell.collapsed .nav-group{border-block-start:1px solid var(--line);margin-block-start:.4rem;padding-block-start:.4rem}.shell.collapsed .side-user{flex-direction:column;padding-inline:0}}.signin{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;background:var(--brand-gradient)}.signin .card.narrow{margin:0;width:100%;max-width:25rem;padding:2rem;gap:1rem}.signin-logo{width:16rem;height:auto;align-self:center;color:var(--logo)}.signin .maker-credit{margin-block-start:1rem;color:var(--ink-soft)}.signin .maker-credit svg{color:var(--ink)}h1{font-size:1.75rem;margin-block-end:.5rem}h2{margin-block:2rem .75rem}.card h2{margin:0}.reference{font-size:1.8rem;font-weight:600;letter-spacing:.08em;margin:0}td input,td select{padding:.3rem .5rem}input.qty{width:5rem}table{display:table}main>table,main>.card{max-width:100%}@media(max-width:40rem){main>table{display:block;overflow-x:auto}}.dt-toolbar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-block:1rem .75rem}.dt-search{flex:0 1 16rem;min-width:11rem;display:flex;flex-direction:row;align-items:center;gap:.5rem;padding-inline:.85rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;color:var(--muted);transition:border-color .15s,box-shadow .15s}.dt-search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-100)}.dt-search input,:root[data-theme=dark] .dt-search input{flex:1;border:0;background:none;padding:.6rem 0;box-shadow:none;outline:none;min-width:0}.dt-search .icon{width:1.1rem;height:1.1rem}.dt-tool{display:inline-flex;align-items:center;gap:.45rem;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding:.55rem .95rem;font-weight:500;font-size:.9rem;white-space:nowrap}.dt-tool .icon{width:1.05rem;height:1.05rem}.dt-tool b{background:var(--brand);color:var(--on-brand);border-radius:999px;font-size:.72rem;min-width:1.3rem;padding:.05rem .4rem;text-align:center}.dt-tool:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark);border-color:var(--brand-100)}.dt-tool.open,.dt-tool.open:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark);border-color:var(--brand)}.dt-chevron{display:inline-flex;transition:transform .15s}.dt-chevron .icon{width:.9rem;height:.9rem}.dt-tool[aria-expanded=true] .dt-chevron{transform:rotate(180deg)}.dt-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.85rem 1rem;padding:1rem 1.1rem 1.1rem;margin-block-end:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);animation:dt-drop .15s ease-out}@keyframes dt-drop{0%{opacity:0;transform:translateY(-4px)}}.dt-field{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted);font-weight:500;min-width:0}.dt-field input,.dt-field select{width:100%;min-width:0}.dt-pair{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.dt-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-block-end:.5rem}.dt-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .3rem .2rem .7rem;font-size:.82rem;background:var(--brand-50);color:var(--ink);border:1px solid var(--brand-100);border-radius:999px}[dir=rtl] .dt-chip{padding:.2rem .7rem .2rem .3rem}.dt-chip small{color:var(--muted);font-size:.78rem}.dt-chip button{display:inline-grid;place-items:center;width:1.3rem;height:1.3rem;padding:0;border:0;border-radius:50%;background:none;color:var(--muted)}.dt-chip button:hover:not(:disabled){background:var(--brand-100);color:var(--brand-dark)}.dt-chip .icon{width:.8rem;height:.8rem}.dt-chips .link{font-size:.82rem;padding-inline:.4rem}.saved-views{position:relative}.saved-menu{position:absolute;inset-block-start:calc(100% + .4rem);inset-inline-start:0;z-index:15;width:min(20rem,90vw);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px #2a1b2224;padding:.5rem;animation:dt-drop .12s ease-out}.saved-menu ul{list-style:none;margin:0;padding:0 0 .4rem;border-block-end:1px solid var(--line);max-height:16rem;overflow-y:auto}.saved-menu li{display:flex;align-items:center;gap:.25rem;border-radius:var(--radius-sm)}.saved-menu li.current{background:var(--brand-50)}.saved-apply{flex:1;display:flex;align-items:center;gap:.5rem;background:none;border:0;color:var(--ink);padding:.5rem .6rem;text-align:start;font-weight:500}.saved-apply:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark)}.saved-apply .icon{width:.95rem;height:.95rem;color:var(--brand)}.saved-menu .icon-btn .icon{width:1rem;height:1rem}.saved-menu .icon-btn:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.saved-empty{margin:.4rem .5rem .75rem;font-size:.85rem}.saved-form{display:flex;align-items:flex-end;gap:.5rem;padding:.6rem .4rem .2rem}.saved-form label{flex:1;display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted)}.saved-form input{width:100%}.saved-menu .error{margin:.4rem;font-size:.85rem}.dt-count{margin-block:0 .5rem;font-size:.85rem}.dt-scroll{overflow-x:auto}.dt-sort{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;letter-spacing:inherit}.dt-sort:hover:not(:disabled){background:none;color:var(--brand)}.dt-pager{display:flex;gap:1rem;align-items:center;justify-content:center;margin-block-start:1rem}.workflow{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1.6rem;margin-block:.5rem 1.5rem}.workflow .step{position:relative;display:flex;flex-direction:column;gap:.15rem;min-width:9rem;max-width:15rem;padding:.7rem .9rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.workflow .step:not(:last-child):after{content:"←";position:absolute;inset-inline-end:-1.3rem;top:50%;transform:translateY(-50%);color:var(--muted)}:root[dir=ltr] .workflow .step:not(:last-child):after{content:"→"}.workflow .done{border-color:var(--brand)}.workflow .bad{border-color:var(--danger)}.workflow .pending{border-style:dashed;color:var(--muted)}.workflow small,.workflow span{font-size:.8rem;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#2a1b2273;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem;overflow-y:auto}.modal{background:var(--bg);border-radius:var(--radius);box-shadow:0 20px 60px #2a1b224d;width:100%;outline:none;max-height:calc(100dvh - 6rem);overflow-y:auto}.modal-sm{max-width:26rem}.modal-md{max-width:40rem}.modal-lg{max-width:62rem}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-block-end:1px solid var(--line);background:var(--surface);border-radius:var(--radius) var(--radius) 0 0;position:sticky;top:0;z-index:1}.modal-head h2{margin:0;font-size:1.25rem}.modal-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.modal-body>h2,.modal-body>h3{margin-block:.5rem 0}.modal-body .card{box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.9rem}.form-grid label,.modal-body label.stack{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.form-grid label.inline{flex-direction:row;align-items:center;gap:.4rem;align-self:end;padding-block-end:.55rem;color:var(--ink-soft)}.modal-foot{display:flex;gap:.6rem;justify-content:flex-end}.page-actions{display:flex;gap:.6rem;margin-block:.5rem 1rem}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--brand-50)}.order-head{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;justify-content:space-between}.order-head .reference{font-size:1.4rem}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.fact{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:.8rem 1rem}.fact h3{margin:0 0 .5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.fact p{margin:0 0 .2rem}.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.45rem 1rem;margin:0;align-items:baseline}.kv dt{color:var(--muted);font-size:.85rem}.kv dd{margin:0;overflow-wrap:anywhere}.log{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-direction:column}.log li{padding:.6rem 0;border-block-end:1px solid var(--line)}.log li:last-child{border-block-end:none}.log p{margin:0 0 .2rem}.log pre{margin-block-start:.4rem;padding:.5rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted)}.hold-reasons{display:block;margin-block-start:.2rem;font-size:.8rem}.check-list{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.log li.held{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ready-date{display:block;margin-block-start:.35rem;font-size:.85rem}button.link.quiet{color:var(--muted);font-weight:400;font-size:inherit}.kv dd .who,.workflow .who{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.sum{margin-inline-start:auto;width:min(100%,20rem);display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem}.sum .grand{font-weight:700;font-size:1.1rem;border-block-start:1px solid var(--line-strong);padding-block-start:.4rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-block:1rem}.kpi{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.15rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);border-block-start:4px solid var(--line-strong)}.kpi span{font-size:.8rem;color:var(--muted)}.kpi strong{font-size:1.5rem;font-weight:600}.kpi.plum{border-block-start-color:var(--brand)}.kpi.ok{border-block-start-color:var(--ok)}.kpi.ink{border-block-start-color:var(--ink)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.chart-grid .card{margin:0}.chart{width:100%;height:auto}.donut{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.donut svg{width:9.5rem;flex:none}.donut ul{list-style:none;padding:0;margin:0;flex:1;min-width:9rem;display:flex;flex-direction:column;gap:.35rem;font-size:.88rem}.donut li{display:flex;align-items:center;gap:.5rem}.donut li b{margin-inline-start:auto}.donut li i{width:.7rem;height:.7rem;border-radius:3px;flex:none}.hbars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.7rem}.hbars li{display:grid;grid-template-columns:minmax(6rem,10rem) 1fr auto;gap:.75rem;align-items:center;font-size:.9rem}.hbars div{background:var(--brand-50);border-radius:999px;height:.7rem;overflow:hidden}.hbars i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#fff));border-radius:999px}.empty-art{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--muted)}.thumb{width:2.75rem;height:2.2rem;border-radius:7px;flex:none;vertical-align:middle}.thumb-img{object-fit:cover}.image-picker{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.image-box{width:7rem;height:7rem;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;overflow:hidden;flex:none}.image-box img{width:100%;height:100%;object-fit:cover}.image-actions,.name-cell{display:flex;align-items:center;gap:.75rem}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-block-end:1.25rem}.page-head h1{margin:0;font-size:1.6rem}.page-head p{margin:.15rem 0 0}.page-head-actions{display:flex;gap:.6rem;flex-wrap:wrap}.page-actions{margin-block:0 1rem}.pill{display:inline-block;padding:.12rem .65rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap}.pill-warn{background:var(--warn-bg);color:var(--warn)}.pill-info{background:var(--info-bg);color:var(--info)}.pill-plum{background:var(--brand-100);color:var(--brand-dark)}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-bad{background:var(--danger-bg);color:var(--danger)}.dt-tabs{display:flex;flex-wrap:wrap;gap:.4rem;flex:1 1 auto}.tab{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding:.35rem .6rem .35rem .85rem;white-space:nowrap;font-weight:500;font-size:.88rem;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}[dir=rtl] .tab{padding:.35rem .85rem .35rem .6rem}.tab b{font-size:.72rem;min-width:1.5rem;text-align:center;background:var(--brand-50);color:var(--muted);border-radius:999px;padding:.05rem .45rem}.tab:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark);border-color:var(--brand-100)}.tab.active,.tab.active:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:var(--shadow)}.tab.active b{background:#ffffff2e;color:#fff}.dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;flex:none;background:var(--muted)}.dot-warn{background:#e0a100}.dot-info{background:#3b7be0}.dot-plum{background:var(--brand)}.dot-ok{background:var(--ok)}.dot-bad{background:var(--danger)}.dt-views{display:inline-flex;margin-inline-start:auto;padding:.2rem;gap:.2rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:999px}.dt-views button{display:inline-flex;align-items:center;gap:.4rem;background:none;border:0;color:var(--ink-soft);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:500}.dt-views button:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark)}.dt-views button.active,.dt-views button.active:hover:not(:disabled){background:var(--brand);color:var(--on-brand)}.dt-views svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.dt-views svg rect{fill:currentColor;stroke:none;opacity:.85}.dt-ltr{white-space:nowrap}.dt-date{display:inline-flex;flex-direction:column;line-height:1.25;white-space:nowrap}.dt-date small{color:var(--muted);font-size:.78rem}.dt-scroll tbody tr{transition:background .12s}.dt-scroll tbody tr.clickable:hover{background:var(--brand-50)}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(16.5rem,1fr);gap:.9rem;overflow-x:auto;padding-block-end:.75rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.board::-webkit-scrollbar{height:8px}.board::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}.board-col{display:flex;flex-direction:column;min-height:14rem;max-height:calc(100vh - 16rem);scroll-snap-align:start;background:var(--brand-50);border:1px solid var(--line);border-radius:var(--radius);border-block-start:3px solid var(--line-strong)}.board-warn{border-block-start-color:#e0a100}.board-info{border-block-start-color:#3b7be0}.board-plum{border-block-start-color:var(--brand)}.board-ok{border-block-start-color:var(--ok)}.board-bad{border-block-start-color:var(--danger)}.board-col header{display:flex;align-items:center;gap:.5rem;padding:.75rem .9rem .5rem}.board-col h3{margin:0;font-size:.92rem;font-weight:600;flex:1}.board-col header b{font-size:.75rem;background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:.05rem .55rem}.board-cards{display:flex;flex-direction:column;gap:.6rem;padding:.25rem .6rem .75rem;overflow-y:auto;scrollbar-width:thin}.board-empty{margin:0;padding:1.25rem .5rem;text-align:center;color:var(--muted);font-size:.85rem;border:1px dashed var(--line-strong);border-radius:var(--radius-sm)}.board-more{align-self:center}.board-card{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 1px 2px #2a1b220d;transition:transform .12s,box-shadow .12s,border-color .12s}.board-card.clickable{cursor:pointer}.board-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand-100)}.board-card p{margin:0}.oc-head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.oc-head a{font-weight:600;letter-spacing:.03em;font-size:.85rem}.oc-head strong{font-size:.9rem;white-space:nowrap}.oc-name{font-weight:500}.oc-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.82rem}.oc-source{background:var(--brand-50);color:var(--ink-soft);border-radius:999px;padding:0 .5rem;font-size:.75rem}.oc-hold{color:var(--warn);font-size:.8rem}.oc-ship{display:flex;align-items:center;gap:.35rem;color:var(--ink-soft);font-size:.8rem}.oc-ship span{color:var(--muted);margin-inline-start:auto}.oc-ship svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;flex:none}.oc-time{color:var(--muted);font-size:.75rem}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem}.dash-grid .card{margin:0}.dash-wide{grid-column:1 / -1}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mini-list{list-style:none;margin:0;padding:0}.mini-list li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-block-end:1px solid var(--line)}.mini-list li:last-child{border-block-end:0}.empty-note{color:var(--ok);margin:.5rem 0}.shortcuts{display:flex;flex-wrap:wrap;gap:.6rem}.shortcut{padding:.65rem 1.1rem;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--ink);font-weight:500}.shortcut:hover{border-color:var(--brand);color:var(--brand);text-decoration:none}.skeleton{height:12rem;border-radius:var(--radius);background:linear-gradient(90deg,var(--line) 25%,var(--brand-50) 50%,var(--line) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:3rem 1rem;color:var(--muted);background:var(--surface);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty-state>span{font-size:2rem}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media(max-width:40rem){.dt-scroll table,.dt-scroll thead,.dt-scroll tbody,.dt-scroll tr,.dt-scroll td{display:block}.dt-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.dt-scroll table{border:0;background:none;box-shadow:none}.dt-scroll tr{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-block-end:.75rem;padding:.4rem .9rem}.dt-scroll td{display:flex;justify-content:space-between;gap:1rem;border:0;padding:.4rem 0;text-align:end}.dt-scroll td:before{content:attr(data-label);color:var(--muted);font-size:.8rem;text-align:start}.dt-toolbar>*{flex:1 1 100%}.modal-backdrop{padding:0}.modal{max-height:100dvh;min-height:100dvh;border-radius:0}}:root[data-theme=dark]{--ink: #f3edf1;--ink-soft: #d3c8d0;--bg: #14101a;--surface: #1d1824;--line: #2d2634;--line-strong: #40374a;--muted: #a396a0;--brand: color-mix(in srgb, var(--theme-brand) 66%, #fff);--on-brand: #14101a;--brand-dark: color-mix(in srgb, var(--brand) 70%, #fff);--warn: #f3c969;--warn-bg: #3d3112;--info: #8db8f5;--info-bg: #172a45;--danger: #ff8a80;--danger-bg: #3a1c1e;--ok: #5fd39a;--ok-bg: #16301f;color-scheme:dark}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{background:var(--bg)}:root[data-theme=dark] thead th{background:var(--surface)}:root[data-theme=dark] button:not(.link):not(.chip):not(.tab):not(.fin-tab):not(.period-preset):not(.icon-btn):not(.lang-btn):not(.dt-sort):not(.seg):not(.dt-tool):not(.dt-x):not(.saved-apply):not(.cat-node):not(.cat-toggle){color:#14101a}:root[data-theme=dark] .avatar{background:var(--brand);color:#14101a}:root[data-theme=dark] .chip.active{color:#14101a}:root[data-theme=dark] .tab.active,:root[data-theme=dark] .tab.active:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#14101a}:root[data-theme=dark] .tab.active b{color:#14101a;background:#00000026}:root[data-theme=dark] .dt-views button.active{color:#14101a}:root[data-theme=dark] .board-col{background:var(--bg)}.wb{box-sizing:border-box;display:flex;flex-direction:column;gap:3mm;overflow:hidden;background:#fff;color:#000;font-family:system-ui,Segoe UI,Tahoma,sans-serif;line-height:1.3;-webkit-print-color-adjust:exact;print-color-adjust:exact}.wb-a6{width:100mm;height:150mm;padding:4mm;font-size:9.5pt}.wb-thermal{width:76mm;padding:2mm 3mm 4mm;font-size:9pt;gap:2mm;margin-inline:auto}.wb-a5{width:148mm;height:210mm;padding:9mm;font-size:10.5pt;gap:4mm}.wb-a4{width:210mm;height:297mm;padding:14mm;font-size:11.5pt;gap:5mm}.wb-head{display:flex;justify-content:space-between;align-items:flex-start;gap:3mm;border-block-end:.4mm solid #000;padding-block-end:2mm}.wb-from,.wb-to{display:flex;flex-direction:column;align-items:flex-start}.wb-label{font-size:.75em;color:#444;letter-spacing:.03em}.wb-date{font-size:.9em;white-space:nowrap}.wb-code svg{display:block;width:100%;height:16mm}.wb-a5 .wb-code svg,.wb-a4 .wb-code svg{width:80mm;height:18mm;margin-inline:auto}.wb-thermal .wb-code svg{height:13mm}.wb-number{text-align:center;font-size:1.7em;font-weight:700;letter-spacing:.08em;margin-block-start:.5mm}.wb-to{border:.4mm solid #000;border-radius:1.5mm;padding:2.5mm 3mm}.wb-name{font-size:1.35em}.wb-phone{font-size:1.25em;font-weight:700}.wb-address{margin:1mm 0 0;font-size:1.1em}.wb-cod{display:flex;justify-content:space-between;align-items:center;gap:2mm;background:#000;color:#fff;padding:2mm 3mm;border-radius:1.5mm;font-weight:600}.wb-cod strong{font-size:1.45em}.wb-meta{display:grid;grid-template-columns:auto 1fr;gap:.8mm 3mm;margin:0}.wb-meta dt{color:#444}.wb-meta dd{margin:0;font-weight:600}.wb-lines{list-style:none;margin:0;padding:1.5mm 0 0;border-block-start:.2mm dashed #000;font-size:.9em;flex:1;overflow:hidden}.wb-thermal .wb-lines{flex:none}.wb-items{width:100%;border-collapse:collapse;font-size:.9em;flex:none}.wb .wb-items th,.wb .wb-items td{color:#000;background:none;text-align:start;padding:1.2mm 1.5mm;border-block-end:.2mm solid #999}.wb .wb-items th{font-weight:600;border-block-end:.4mm solid #000}.wb-foot{margin-block-start:auto;border-block-start:.2mm solid #000;padding-block-start:1.5mm;min-height:10mm;font-size:.8em;color:#444}.wb-thermal .wb-foot{margin-block-start:1mm}.rc{box-sizing:border-box;display:flex;flex-direction:column;gap:5mm;width:148mm;min-height:210mm;padding:10mm;background:#fff;color:#000;font-family:system-ui,Segoe UI,Tahoma,sans-serif;font-size:10.5pt;line-height:1.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}.rc h1{margin:0 0 1mm;font-size:16pt;color:#000}.rc-head{display:flex;justify-content:space-between;align-items:flex-start;border-block-end:.4mm solid #000;padding-block-end:3mm}.rc-no{display:flex;flex-direction:column;align-items:flex-end;font-size:12pt;font-weight:700}.rc-no span:last-child{font-size:10pt;font-weight:400}.rc-meta{display:grid;grid-template-columns:max-content 1fr;gap:1mm 4mm;margin:0}.rc-meta dt{color:#444}.rc-meta dd{margin:0;font-weight:600}.rc .rc-items{width:100%;border-collapse:collapse}.rc .rc-items th,.rc .rc-items td{color:#000;background:none;text-align:start;padding:1.2mm 1.5mm;border-block-end:.2mm solid #999}.rc .rc-items th{font-weight:600;border-block-end:.4mm solid #000}.rc-total{display:flex;justify-content:space-between;align-items:baseline;border-block:.4mm solid #000;padding-block:2.5mm;font-size:12pt}.rc-sign{display:flex;justify-content:space-between;gap:10mm;margin-block-start:auto;padding-block-start:14mm;font-size:9pt;color:#444}.rc-sign span{flex:1;border-block-start:.2mm solid #000;padding-block-start:1.5mm}.print-root{position:fixed;top:0;inset-inline-start:-400mm;pointer-events:none}@media print{body.printing-waybill>:not(.print-root){display:none!important}body.printing-waybill{background:#fff}body.printing-waybill .print-root{position:static}}.print-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.print-bar select{width:auto}.settings-split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:start}.settings-fields{display:flex;flex-direction:column;gap:1rem}.layout-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.5rem}.layout-option{display:flex;align-items:center;gap:.6rem;padding:.7rem .85rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface)}.layout-option.on{border-color:var(--brand);background:var(--brand-50)}.layout-option input{accent-color:var(--brand)}.wb-preview{margin:0;display:flex;flex-direction:column;gap:.4rem}.wb-zoom{border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;width:max-content;box-shadow:var(--shadow)}.wb-zoom-a6,.wb-zoom-thermal{zoom:.9}.wb-zoom-a5{zoom:.6}.wb-zoom-a4{zoom:.43}@media(max-width:62rem){.settings-split{grid-template-columns:1fr}.wb-preview{overflow-x:auto}}.inline-edit{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.inline-edit input{width:10rem;padding:.3rem .5rem}.inline-edit button:not(.link){padding:.3rem .8rem}[dir=rtl] .fin-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1rem;align-items:start}@media(max-width:52rem){.fin-grid{grid-template-columns:1fr}}.fin-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-block-end:.5rem}.fin-head span{font-size:.8rem;color:var(--muted)}.fin-line{display:grid;grid-template-columns:1fr 7.5rem 7.5rem;gap:1rem;align-items:baseline;padding:.65rem .5rem;border-block-end:1px solid var(--line)}.fin-line b{text-align:end}.fin-line em{font-style:normal;color:var(--muted);font-size:.85rem;text-align:end}.fin-line.sub{background:var(--brand-50);border-radius:var(--radius-sm);border-block-end-color:transparent}.fin-line.sub b{color:var(--brand-dark)}.fin-line.total{margin-block-start:.5rem;padding-block:.9rem;background:var(--ink);color:var(--surface);border-radius:var(--radius-sm);border:0;font-size:1.1rem}.fin-line.total em{color:color-mix(in srgb,var(--surface) 70%,transparent)}.fin-cash{display:flex;flex-direction:column;gap:.75rem}.fin-cash-item{display:flex;flex-direction:column;gap:.2rem;padding:.9rem 1rem;background:var(--brand-50);border-radius:var(--radius-sm)}.fin-cash-item span{font-size:.85rem;color:var(--muted)}.fin-cash-item strong{font-size:1.6rem;font-weight:600}.fin-cash-item:last-of-type{background:var(--surface);border:1px dashed var(--line-strong)}.kpi strong span{font-size:inherit;color:inherit}.fin-tabs{display:flex;gap:.25rem;margin-block:1.25rem 1rem;border-block-end:2px solid var(--line);flex-wrap:wrap}.fin-tab{position:relative;display:inline-flex;align-items:center;gap:.5rem;background:none;border:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:.75rem 1.4rem;font-size:1rem;font-weight:600;color:var(--muted);white-space:nowrap}.fin-tab:after{content:"";position:absolute;inset-inline:0;bottom:-2px;height:3px;background:var(--brand);border-radius:3px 3px 0 0;transform:scaleX(0);transition:transform .15s ease}.fin-tab b{font-size:.72rem;min-width:1.4rem;text-align:center;background:var(--brand-50);color:var(--muted);border-radius:999px;padding:.05rem .45rem}.fin-tab:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark)}.fin-tab.active,.fin-tab.active:hover:not(:disabled){color:var(--brand-dark);background:var(--brand-50)}.fin-tab.active:after{transform:scaleX(1)}.fin-tab.active b{background:var(--brand);color:var(--on-brand)}:root[data-theme=dark] .fin-tab.active b{color:#14101a}.period{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.25rem;margin-block:1rem}.period-presets{display:flex;flex-wrap:wrap;gap:.4rem}.period-preset{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line-strong);border-radius:999px;padding:.4rem 1rem;font-size:.9rem;font-weight:500}.period-preset:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark);border-color:var(--brand-100)}.period-preset.active,.period-preset.active:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.period-range{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.period-range label{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--muted)}.period-range input{padding:.35rem .6rem}:root[data-theme=dark] .period-preset.active{color:#14101a}.datatable>.period{margin-block:0 .75rem}.appearance-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.5rem;align-items:start}@media(max-width:62rem){.appearance-grid{grid-template-columns:1fr}}.appearance-controls{display:flex;flex-direction:column;gap:1rem}.swatches{flex-direction:row;flex-wrap:wrap;gap:.5rem}.swatch{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);padding:.35rem .8rem .35rem .4rem;border-radius:999px;font-weight:500}.swatch i{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover:not(:disabled){background:var(--brand-50);border-color:var(--line-strong)}.swatch.on,.swatch.on:hover:not(:disabled){border-color:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 25%,transparent)}.custom-colour input[type=color]{width:3rem;height:2.4rem;padding:.15rem;cursor:pointer}.custom-colour input:not([type=color]){width:8rem;font-family:ui-monospace,monospace}.theme-sample{margin:0;padding:1rem;border:1px dashed var(--line-strong);border-radius:var(--radius);display:flex;flex-direction:column;gap:.8rem;background:var(--bg)}.catalog-layout{display:grid;grid-template-columns:16rem minmax(0,1fr);gap:1.25rem;align-items:start}.catalog-main{min-width:0}.catalog-main .dt-toolbar{margin-block-start:0}.cat-tree{display:flex;flex-direction:column;gap:.15rem;padding:.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-height:70vh;overflow-y:auto;position:sticky;top:0}.cat-row{display:flex;align-items:center;gap:.1rem}.cat-node{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:none;border:0;box-shadow:none;color:var(--ink);text-align:start;font-weight:500;padding:.45rem .6rem;border-radius:var(--radius-sm)}.cat-node span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-node b{font-size:.72rem;min-width:1.4rem;text-align:center;background:var(--brand-50);color:var(--muted);border-radius:999px;padding:.05rem .45rem}.cat-node:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark)}.cat-node.active,.cat-node.active:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark);box-shadow:inset 3px 0 0 var(--brand)}[dir=rtl] .cat-node.active,[dir=rtl] .cat-node.active:hover:not(:disabled){box-shadow:inset -3px 0 0 var(--brand)}.cat-node.active b{background:var(--brand);color:var(--on-brand)}:root[data-theme=dark] .cat-node.active b{color:#14101a}.cat-toggle{flex:none;width:1.5rem;height:1.5rem;display:inline-grid;place-items:center;padding:0;background:none;border:0;box-shadow:none;color:var(--muted);border-radius:50%}button.cat-toggle:hover:not(:disabled){background:var(--brand-50);color:var(--brand-dark)}.cat-toggle span{display:inline-block;line-height:1;font-size:1.1rem;transition:transform .12s}[dir=rtl] .cat-toggle span{transform:scaleX(-1)}.cat-toggle[aria-expanded=true] span,[dir=rtl] .cat-toggle[aria-expanded=true] span{transform:rotate(90deg)}.chip-row{display:flex;flex-wrap:wrap;gap:.4rem}@media(max-width:62rem){.catalog-layout{grid-template-columns:1fr}.cat-tree{position:static;max-height:14rem}}.delta-in{color:var(--ok)}.delta-out{color:var(--danger)}.dt-toolbar .period,.dt-toolbar .dt-chips{margin:0}.pick-group{border:1px solid var(--line);border-radius:10px;padding:.6rem .9rem;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem}.pick-group legend{padding:0 .4rem;font-weight:600}.pick{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}fieldset{min-width:0}.attr-card{border:1px solid var(--line);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem;background:var(--surface)}.attr-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.6rem}.attr-fields>*{min-width:0}.attr-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.attr-foot .inline{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--ink-soft)}.np-grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:1rem;align-items:start}.np-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.np-side{position:sticky;top:4.5rem;min-width:0}.np-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem;display:flex;flex-direction:column;gap:.75rem;min-width:0}.np-section h3{margin:0;font-size:1rem;display:flex;align-items:center;gap:.5rem}.form-grid label.wide{grid-column:1 / -1}.form-grid textarea,.np-section textarea{width:100%;resize:vertical}.pick-row{display:flex;flex-direction:column;gap:.4rem}.pick-label{font-size:.85rem;color:var(--muted)}.pick-chip{border:1px solid var(--line-strong);background:var(--bg);color:var(--ink);border-radius:999px;padding:.3rem .9rem;cursor:pointer;font:inherit}.pick-chip.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.gallery{display:flex;flex-direction:column;gap:.6rem}.gallery-main{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);display:grid;place-items:center;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.5rem}.gallery-thumb{position:relative;aspect-ratio:1;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.gallery-thumb.on{border-color:var(--brand)}.gallery-pick{display:block;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}.gallery-pick img{width:100%;height:100%;object-fit:cover;display:block}.gallery-main-tag{position:absolute;inset-block-start:2px;inset-inline-start:2px;background:var(--brand);color:var(--on-brand);font-size:.65rem;padding:0 .35rem;border-radius:4px}.gallery-tools{position:absolute;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;background:color-mix(in srgb,var(--ink) 55%,transparent)}.gallery-tools button{flex:1;border:0;background:none;color:#fff;cursor:pointer;padding:0 .1rem;line-height:1.4;font-size:1rem}.gallery-tools button:disabled{opacity:.35;cursor:default}.gallery-add{aspect-ratio:1;border:2px dashed var(--line-strong);border-radius:8px;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:.75rem;padding:.2rem}@media(max-width:760px){.np-grid{grid-template-columns:minmax(0,1fr)}.np-side{position:static;order:-1}}.gallery-box{max-width:22rem}