:root{--bg:#f4f6f9;--panel:#fff;--panel-2:#f8fafc;--text:#0f172a;--text-2:#334155;--muted:#64748b;--line:#e2e8f0;--line-2:#eef2f6;--brand:#0f766e;--brand-2:#14b8a6;--brand-soft:#ccfbf1;--brand-ink:#fff;--danger:#dc2626;--danger-soft:#fee2e2;--warn:#b45309;--warn-soft:#fef3c7;--ok:#15803d;--ok-soft:#dcfce7;--info:#0369a1;--info-soft:#e0f2fe;--radius:12px;--radius-sm:8px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 1px 3px #0f172a0f, 0 4px 12px -4px #0f172a14;--shadow-lg:0 12px 40px -12px #0f172a40;--ring:0 0 0 3px color-mix(in srgb, var(--brand-2) 35%, transparent);--sidebar-w:256px;--topbar-h:60px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.2, .8, .2, 1);--fast:.15s;--normal:.22s;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:15px;line-height:1.5}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--panel:#111a2c;--panel-2:#0f172a;--text:#e5e9f0;--text-2:#cbd5e1;--muted:#8b9bb4;--line:#223047;--line-2:#1a2537;--brand:#2dd4bf;--brand-2:#14b8a6;--brand-soft:#0f2f2c;--brand-ink:#041412;--danger:#f87171;--danger-soft:#3b1515;--warn:#fbbf24;--warn-soft:#3a2a08;--ok:#4ade80;--ok-soft:#0f2e1a;--info:#38bdf8;--info-soft:#0b2a3a;--shadow-sm:none;--shadow:0 1px 0 #ffffff08 inset;--shadow-lg:0 20px 50px -20px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1220;--panel:#111a2c;--panel-2:#0f172a;--text:#e5e9f0;--text-2:#cbd5e1;--muted:#8b9bb4;--line:#223047;--line-2:#1a2537;--brand:#2dd4bf;--brand-2:#14b8a6;--brand-soft:#0f2f2c;--brand-ink:#041412;--danger:#f87171;--danger-soft:#3b1515;--warn:#fbbf24;--warn-soft:#3a2a08;--ok:#4ade80;--ok-soft:#0f2e1a;--info:#38bdf8;--info-soft:#0b2a3a;--shadow-sm:none;--shadow:0 1px 0 #ffffff08 inset;--shadow-lg:0 20px 50px -20px #0009}}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--brand);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}h1{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.25}h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .9rem;font-size:.8rem;font-weight:600}h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}p{margin:0 0 .75rem}small{color:var(--muted);font-size:.8rem}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}svg.lucide{flex-shrink:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100vh;display:grid}.shell-body{flex-direction:column;min-width:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-head{padding:1.1rem 1.25rem .75rem}.brand{color:var(--text);letter-spacing:-.02em;align-items:center;gap:.6rem;font-size:1.2rem;font-weight:800;display:flex}.brand .halo{border:5px solid var(--brand-2);width:28px;height:28px;box-shadow:0 0 0 4px color-mix(in srgb, var(--brand-2) 22%, transparent), inset 0 0 0 2px var(--panel);background:0 0;border-radius:50%}.brand .halo-sm{border-width:4px;width:22px;height:22px}.nav{flex-direction:column;gap:2px;padding:.25rem .75rem 1rem;display:flex}.nav .section{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:1rem .6rem .35rem;font-size:.68rem;font-weight:600}.nav a{border-radius:var(--radius-sm);color:var(--text-2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);align-items:center;gap:.7rem;padding:.55rem .7rem;font-size:.92rem;font-weight:500;display:flex;position:relative}.nav a svg{color:var(--muted);transition:color var(--fast) var(--ease)}.nav a:hover{background:color-mix(in srgb, var(--text) 5%, transparent);color:var(--text);text-decoration:none}.nav a:hover svg{color:var(--text)}.nav a.active{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--brand);font-weight:600}.nav a.active svg{color:var(--brand)}.nav a.active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;position:absolute;top:20%;bottom:20%;left:-.75rem}.sidebar-foot{border-top:1px solid var(--line);align-items:center;gap:.7rem;margin-top:auto;padding:.9rem 1rem;display:flex}.avatar{width:36px;height:36px;color:var(--brand-ink);background:linear-gradient(135deg, var(--brand), var(--brand-2));border-radius:50%;flex-shrink:0;place-items:center;font-size:.85rem;font-weight:700;display:grid}.avatar-sm{width:30px;height:30px;font-size:.75rem}.who{flex:1;min-width:0;line-height:1.25}.who b{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.who span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;display:block;overflow:hidden}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.icon-btn.active{color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent)}.topbar{height:var(--topbar-h);background:color-mix(in srgb, var(--panel) 85%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:.75rem;padding:0 1.5rem;display:flex;position:sticky;top:0}.topbar .menu-btn{display:none}.crumbs{color:var(--muted);align-items:center;gap:.4rem;min-width:0;font-size:.88rem;display:flex}.crumbs>span,.crumbs>a{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.crumbs b{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;font-weight:600;overflow:hidden}.crumbs svg{color:var(--muted)}.topbar-actions{align-items:center;gap:.35rem;margin-left:auto;display:flex}.seg{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{width:30px;height:26px;color:var(--muted);cursor:pointer;transition:all var(--fast) var(--ease);background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.seg button.active{background:var(--panel);color:var(--brand);box-shadow:var(--shadow-sm)}.seg button:hover:not(.active){color:var(--text)}.backdrop{display:none}.main{width:100%;max-width:1280px;animation:fade-in var(--normal) var(--ease);margin:0 auto;padding:1.75rem 2rem 3rem}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (width<=900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{z-index:30;width:min(300px,84vw);transition:transform var(--normal) var(--ease);box-shadow:none;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:none}.backdrop{z-index:25;opacity:0;pointer-events:none;transition:opacity var(--normal) var(--ease);background:#02061773;display:block;position:fixed;inset:0}.backdrop.show{opacity:1;pointer-events:auto}.topbar{padding:0 1rem}.topbar .menu-btn{display:inline-flex}.main{padding:1.25rem 1rem 2.5rem}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-head .sub{color:var(--muted);margin:.25rem 0 0;font-size:.92rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:1.25rem;padding:1.25rem}.card>h2{border-bottom:1px solid var(--line-2);margin-bottom:1rem;padding-bottom:.75rem}.card.tight{padding:0;overflow:hidden}.card.tight>h2{margin:0;padding:1rem 1.25rem}.grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=1100px){.stats{grid-template-columns:repeat(2,1fr)}}@media (width<=420px){.stats{grid-template-columns:1fr}}.grid-2{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow var(--fast) var(--ease), transform var(--fast) var(--ease);grid-template-columns:1fr auto;grid-template-areas:"label icon""value icon";gap:.25rem .75rem;padding:1.1rem 1.25rem;display:grid}.stat:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;grid-area:label;font-size:.78rem;font-weight:600}.stat-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;grid-area:value;font-size:1.7rem;font-weight:700;line-height:1.15}.stat-icon{background:color-mix(in srgb, var(--brand) 12%, transparent);width:40px;height:40px;color:var(--brand);border-radius:10px;grid-area:icon;align-self:start;place-items:center;display:grid}.stat.warn .stat-value{color:var(--warn)}.stat.warn .stat-icon{background:var(--warn-soft);color:var(--warn)}.stat.bad .stat-value{color:var(--danger)}.stat.bad .stat-icon{background:var(--danger-soft);color:var(--danger)}.stat.ok .stat-value{color:var(--ok)}.stat.ok .stat-icon{background:var(--ok-soft);color:var(--ok)}.form{flex-direction:column;gap:1rem;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field-label{color:var(--text-2);font-size:.84rem;font-weight:600}.field small{line-height:1.35}.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:var(--danger)}.field small.error{color:var(--danger)}input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);width:100%;min-height:40px;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);padding:.55rem .75rem}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb, var(--muted) 60%, var(--line))}input:focus,select:focus,textarea:focus{border-color:var(--brand-2);box-shadow:var(--ring);outline:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--brand);margin:0}select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right .6rem center;background-repeat:no-repeat;padding-right:2rem}.check{cursor:pointer;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.checks{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;display:grid}.form-actions{justify-content:flex-end;align-items:center;gap:.5rem;padding-top:.25rem;display:flex}.btn{font:inherit;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;min-height:40px;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease), box-shadow var(--fast) var(--ease), transform var(--fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600;line-height:1.2;display:inline-flex;text-decoration:none!important}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:color-mix(in srgb, var(--brand) 88%, black)}.btn-ghost{background:var(--panel);border-color:var(--line);color:var(--text-2)}.btn-ghost:hover{background:color-mix(in srgb, var(--text) 5%, var(--panel));border-color:color-mix(in srgb, var(--muted) 50%, var(--line));color:var(--text)}.btn-danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-sm{border-radius:7px;min-height:30px;padding:.3rem .65rem;font-size:.82rem}.btn-sm svg{width:14px;height:14px}.spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{margin:-.25rem -1.25rem;padding:0 1.25rem;overflow-x:auto}.card.tight .table-wrap{margin:0;padding:0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line-2);vertical-align:middle;padding:.65rem .75rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:var(--panel);font-size:.74rem;font-weight:600;position:sticky;top:0}thead th{border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:none}td.right,th.right{text-align:right;font-variant-numeric:tabular-nums}td.empty{text-align:center;color:var(--muted);padding:2.5rem 1rem}tbody tr{transition:background var(--fast) var(--ease)}tbody tr:hover td{background:color-mix(in srgb, var(--text) 3%, transparent)}td .btn+.btn,td .btn+a,td a+.btn{margin-left:.35rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86em}td .mono,td a.mono{background:color-mix(in srgb, var(--text) 5%, transparent);border-radius:5px;padding:.1rem .4rem}td a.mono{color:var(--brand)}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2.5rem 1rem;display:flex}.empty-state svg{color:color-mix(in srgb, var(--muted) 55%, transparent)}.empty-state p{margin:0;font-size:.92rem}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent) 25%, color-mix(in srgb, var(--text) 10%, transparent) 50%, color-mix(in srgb, var(--text) 6%, transparent) 75%);background-size:200% 100%;border-radius:6px;height:14px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.alert{border-radius:var(--radius-sm);border:1px solid #0000;align-items:flex-start;gap:.6rem;padding:.75rem .9rem;font-size:.9rem;display:flex}.alert svg{flex-shrink:0;margin-top:1px}.alert-error{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 25%, transparent)}.alert-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 25%, transparent)}.alert-info{background:var(--info-soft);color:var(--info);border-color:color-mix(in srgb, var(--info) 25%, transparent)}.badge{background:color-mix(in srgb, var(--text) 8%, transparent);color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.12rem .55rem;font-size:.74rem;font-weight:600;line-height:1.5;display:inline-flex}.badge:before{content:"";opacity:.7;background:currentColor;border-radius:50%;width:6px;height:6px}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--danger-soft);color:var(--danger)}.badge.muted{color:var(--muted)}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.toolbar input,.toolbar select{width:auto;min-width:220px}.toolbar .search{position:relative}.toolbar .search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.toolbar .search input{padding-left:2.1rem}.muted{color:var(--muted)}.accent{color:var(--brand)}.link-row{text-align:center;color:var(--muted);margin-top:1.25rem;font-size:.9rem}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tabs button{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem .9rem;font-weight:500}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.kv{gap:.4rem;font-size:.92rem;display:grid}.kv .muted{min-width:7.5rem;display:inline-block}.auth-shell{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-side{color:#fff;background:radial-gradient(900px 500px at 10% 0,#2dd4bf73,#0000 60%),radial-gradient(700px 500px at 100% 100%,#0f766e8c,#0000 60%),linear-gradient(160deg,#0f172a,#134e4a);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex;position:relative;overflow:hidden}.auth-side .brand{color:#fff;font-size:1.35rem}.auth-side .brand .halo{border-color:#5eead4;box-shadow:0 0 0 4px #5eead440,inset 0 0 0 2px #0f172a}.auth-side h2{color:#fff;text-transform:none;letter-spacing:-.02em;max-width:22ch;margin:0 0 1rem;font-size:2rem;font-weight:700;line-height:1.15}.auth-side p{color:#ffffffbf;max-width:44ch;font-size:1rem}.auth-feats{gap:.8rem;margin-top:1.5rem;display:grid}.auth-feat{color:#ffffffe6;align-items:center;gap:.75rem;font-size:.92rem;display:flex}.auth-feat span:first-child{background:#ffffff1a;border:1px solid #ffffff26;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.auth-side small{color:#ffffff8c}.auth-form{place-items:center;padding:2rem 1rem;display:grid}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow);padding:2rem}.auth-card .brand{display:none}.auth-card h1{margin-bottom:.25rem;font-size:1.35rem}.tagline{color:var(--muted);margin:0 0 1.5rem;font-size:.92rem}.tenant-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.tenant-btn{text-align:left;justify-content:space-between;min-height:52px;padding:.8rem 1rem}.tenant-btn small{text-transform:capitalize}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-side{display:none}.auth-card .brand{justify-content:center;margin-bottom:1rem;display:flex}.auth-card h1,.auth-card .tagline{text-align:center}}.task{text-align:center;padding:1rem 0 .5rem}.task-loc{letter-spacing:.05em;color:var(--brand);font-size:2.6rem;font-weight:800}.task-prod{margin-top:.25rem;font-size:1.1rem}.task-qty{margin-top:.25rem;font-size:1.6rem;font-weight:700}.picker{flex-direction:column;gap:.35rem;display:flex;position:relative}.picker-input{display:block;position:relative}.picker-input svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.picker-input input{padding-left:2.1rem}.picker-input svg.spin{animation:.7s linear infinite spin}.picker-list{z-index:40;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:320px;margin:0;padding:.3rem;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.picker-list li{cursor:pointer;border-radius:6px;align-items:center;gap:.6rem;min-width:0;padding:.5rem .6rem;font-size:.9rem;display:flex}.picker-list li.active{background:color-mix(in srgb, var(--brand) 12%, transparent)}.picker-list li .mono{background:color-mix(in srgb, var(--text) 6%, transparent);border-radius:5px;flex-shrink:0;padding:.1rem .4rem}.picker-list li.active b.mono{color:var(--brand)}.picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.picker-empty{color:var(--muted);cursor:default!important}.picker-empty:hover{background:0 0}.picker-selected{border:1px solid var(--brand-2);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--brand) 7%, var(--panel));flex-direction:row;align-items:center;gap:.5rem;min-height:40px;padding:.3rem .3rem .3rem .75rem}.picker-value{flex:1;align-items:center;gap:.6rem;min-width:0;font-size:.92rem;display:flex}.picker-value b.mono{color:var(--brand);flex-shrink:0}.picker-selected .icon-btn{width:30px;height:30px}.msgrid{flex-direction:column;gap:.5rem;display:flex}.msgrid-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.msgrid-bar .search{flex:1;min-width:180px;position:relative}.msgrid-bar .search svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.msgrid-bar .search input{padding-left:2.1rem}.msgrid-count{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.84rem}.msgrid-body{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel);overflow-y:auto}.msgrid-body table{border-collapse:collapse;width:100%}.msgrid-body thead th{z-index:1;background:var(--panel-2);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:left;border-bottom:1px solid var(--line);padding:.5rem .7rem;font-size:.74rem;font-weight:600;position:sticky;top:0}.msgrid-body tbody td{border-bottom:1px solid var(--line-2);padding:.4rem .7rem;font-size:.9rem}.msgrid-body tbody tr{cursor:pointer;transition:background var(--fast) var(--ease)}.msgrid-body tbody tr:hover{background:color-mix(in srgb, var(--text) 4%, transparent)}.msgrid-body tbody tr.selected{background:color-mix(in srgb, var(--brand) 9%, transparent)}.msgrid-body tbody tr.selected .mono{color:var(--brand);font-weight:600}.msgrid-body td.empty{text-align:center;padding:1.25rem}body.no-scroll{overflow:hidden}.drawer-backdrop{z-index:45;opacity:0;pointer-events:none;transition:opacity var(--normal) var(--ease);background:#02061773;position:fixed;inset:0}.drawer-backdrop.show{opacity:1;pointer-events:auto}.drawer{z-index:50;background:var(--panel);border-left:1px solid var(--line);width:min(560px,100vw);box-shadow:var(--shadow-lg);transition:transform var(--normal) var(--ease);visibility:hidden;flex-direction:column;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.drawer.open{visibility:visible;transform:none}.drawer:focus{outline:none}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.drawer-title{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.drawer-title b{font-size:1.02rem}.drawer-title span{font-size:.86rem}.drawer-body{flex-direction:column;flex:1;gap:1.1rem;padding:1.25rem;display:flex;overflow-y:auto}.drawer-body h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.drawer-foot{border-top:1px solid var(--line);background:var(--panel-2);justify-content:flex-end;gap:.6rem;padding:.9rem 1.25rem;display:flex}.drawer-section{flex-direction:column;display:flex}.toggle-row{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row .toggle-label{flex-direction:column;gap:.1rem;min-width:0;display:flex}.toggle-row .toggle-label b{font-size:.92rem;font-weight:600}.toggle-row .toggle-label small{color:var(--muted);font-size:.8rem}.row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:inline-flex}.msgrid-bar .search{flex:12rem}.msgrid-meta{align-items:center;gap:.5rem;margin-left:auto;display:flex}.photo-img{object-fit:cover;border-radius:var(--radius-sm);background:var(--panel-2);display:block}.photo-ph{border-radius:var(--radius-sm);background:var(--panel-2);color:var(--muted);border:1px solid var(--line-2);justify-content:center;align-items:center;display:inline-flex}.photo-ph.is-loading{background:linear-gradient(90deg, var(--panel-2) 25%, color-mix(in srgb, var(--text) 6%, var(--panel-2)) 37%, var(--panel-2) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}.photos{flex-direction:column;gap:.75rem;display:flex}.photos-hero{flex-direction:column;align-items:center;gap:.4rem;display:flex}.photos-hero .photo-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:260px}.photos-empty{border:1px dashed var(--line);border-radius:var(--radius-sm);min-height:160px;color:var(--muted);justify-content:center;align-items:center;gap:.5rem}.photos-strip{flex-wrap:wrap;gap:.5rem;display:flex}.photos-thumb{position:relative}.photos-thumb>button{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;padding:0;line-height:0;position:relative}.photos-thumb.is-active>button{border-color:var(--brand)}.photos-badge{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;display:grid;position:absolute;bottom:2px;left:2px}.photos-acts{background:color-mix(in srgb, var(--panel) 85%, transparent);border-radius:var(--radius-sm);gap:.1rem;display:none;position:absolute;top:2px;right:2px}.photos-thumb:hover .photos-acts,.photos-thumb:focus-within .photos-acts{display:flex}.photos-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.cell-thumb{align-items:center;display:inline-flex}.ordered{flex-direction:column;gap:.5rem;display:flex}.ordered-list{border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ordered-list li{border-bottom:1px solid var(--line-2);align-items:center;gap:.6rem;padding:.35rem .6rem;font-size:.9rem;display:flex}.ordered-list li:last-child{border-bottom:none}.ordered-prio{background:color-mix(in srgb, var(--brand) 12%, transparent);min-width:1.4rem;height:1.4rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.74rem;font-weight:700;display:inline-grid}.ordered-list .muted{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ordered-actions{gap:.15rem;display:inline-flex}