:root{--primary:#a81e2d;--primary-hover:#8f1926;--primary-active:#76141f;--primary-soft:#fdf0f1;--primary-soft-hover:#f9dde0;--primary-contrast:#fff;--background:#f5f6f7;--surface:#fff;--surface-alt:#eef1f4;--surface-sunken:#e8ecf0;--border:#e5e7eb;--border-strong:#cbd2da;--text-primary:#1f2933;--text-secondary:#5b6672;--text-inverse:#fff;--nav-bg:#2f3a46;--nav-bg-deep:#26313b;--nav-text:#d6dde4;--nav-text-strong:#fff;--nav-text-muted:#9aa8b6;--nav-border:#3c4854;--success:#1a7f45;--success-soft:#e7f4ed;--warning:#a86400;--warning-soft:#fdf3e2;--danger:#b3261e;--danger-soft:#fdecea;--info:#17557e;--info-soft:#e8f1f8;--focus:#a81e2d;--focus-ring:0 0 0 3px #a81e2d33;--disabled-bg:#f1efee;--disabled-text:#a6a29e;--shadow-sm:0 1px 2px #24282e0f;--shadow-md:0 4px 14px #24282e17;--shadow-lg:0 16px 44px #24282e2e;--radius:7px;--radius-lg:12px;--radius-pill:999px;--sidebar-w:276px;--sidebar-w-collapsed:64px;--topbar-h:58px;--env-banner-h:0px;--row-h:42px;--fs-xs:12px;--fs-sm:13.5px;--fs-base:15px;--fs-md:16px;--fs-nav:18px;--fs-lg:20px;--fs-xl:24px;--fs-2xl:30px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:22px;--sp-6:32px;--bg:var(--background);--text:var(--text-primary);--text-muted:var(--text-secondary);font-family:Cairo,Montserrat,Segoe UI,Noto Naskh Arabic,Tahoma,Arial,sans-serif;font-size:var(--fs-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[dir=ltr],.num,input[dir=ltr]{font-feature-settings:"tnum" 1;font-family:Montserrat,Cairo,Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--background);color:var(--text-primary);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}::selection{background:var(--primary-soft-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.shell{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);background:var(--nav-bg);border-inline-end:1px solid var(--nav-bg-deep);color:var(--nav-text);padding-block:0 var(--sp-2);block-size:calc(100vh - var(--env-banner-h));scrollbar-width:thin;scrollbar-color:var(--nav-border) transparent;flex-direction:column;flex-shrink:0;transition:width .16s;display:flex;position:sticky;inset-block-start:var(--env-banner-h);overflow-y:auto}.sidebar::-webkit-scrollbar{inline-size:8px}.sidebar::-webkit-scrollbar-thumb{background:var(--nav-border);border-radius:var(--radius-pill)}.shell.collapsed .sidebar{width:var(--sidebar-w-collapsed)}.shell.collapsed .sidebar .nav-label,.shell.collapsed .sidebar .nav-section,.shell.collapsed .sidebar .brand small{display:none}.shell.collapsed .sidebar nav a,.shell.collapsed .sidebar .brand{justify-content:center;padding-inline:0}.shell.collapsed .sidebar .sidebar-foot button{text-align:center}.sidebar .brand{align-items:center;gap:var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--nav-text-strong);padding:var(--sp-4);background:var(--nav-bg-deep);border-block-end:1px solid var(--nav-border);min-block-size:var(--topbar-h);margin-block-end:var(--sp-3);display:flex}.sidebar .brand-mark{border-radius:var(--radius);background:var(--primary);block-size:34px;inline-size:34px;color:var(--primary-contrast);font-size:var(--fs-md);font-weight:var(--fw-bold);flex:none;place-items:center;display:grid}.sidebar .brand small{font-weight:var(--fw-normal);font-size:var(--fs-xs);color:var(--nav-text-muted);margin-block-start:3px;line-height:1.45;display:block}.sidebar .brand .brand-product{color:var(--nav-text-muted);opacity:.8;letter-spacing:.3px}.sidebar .brand-logo{object-fit:contain;background:var(--surface);border-radius:4px;flex:none;block-size:34px;inline-size:auto;max-inline-size:40px;padding:2px}.sidebar nav{padding-inline:var(--sp-3);flex-direction:column;gap:2px;display:flex}.sidebar nav a{align-items:center;gap:var(--sp-3);color:var(--nav-text);padding:11px var(--sp-3);border-radius:var(--radius);font-size:var(--fs-nav);font-weight:var(--fw-semibold);min-block-size:46px;line-height:1.5;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar nav a:hover{background:var(--nav-bg-deep);color:var(--nav-text-strong)}.sidebar nav a.active{background:var(--primary);color:var(--primary-contrast);font-weight:var(--fw-semibold);font-weight:var(--fw-bold)}.sidebar nav a.active:hover{background:var(--primary-hover);color:var(--primary-contrast)}.sidebar nav a.active:before{content:"";border-radius:0 var(--radius) var(--radius) 0;background:var(--primary-contrast);block-size:22px;inline-size:3px;position:absolute;inset-inline-start:0}.sidebar nav a{position:relative}.sidebar .nav-icon{text-align:center;inline-size:24px;font-size:var(--fs-lg);flex:none}.sidebar .nav-section{margin:var(--sp-5) var(--sp-3) var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.6px;color:var(--nav-text-muted);text-transform:uppercase}.sidebar .sidebar-foot{padding:var(--sp-3) var(--sp-3) 0;margin-block-start:auto;border-block-start:1px solid var(--nav-border);gap:var(--sp-2);flex-direction:column;margin-block-start:var(--sp-5);display:flex}.sidebar .sidebar-foot button{border:1px solid var(--nav-border);color:var(--nav-text);font-size:var(--fs-sm);font-weight:var(--fw-medium);padding:8px var(--sp-3);text-align:start;background:0 0}.sidebar .sidebar-foot button:hover:not(:disabled){background:var(--nav-bg-deep);border-color:var(--nav-text-muted);color:var(--nav-text-strong)}.sidebar .sidebar-foot [data-testid=sign-out]:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.sidebar :focus-visible{outline:2px solid var(--nav-text-strong);outline-offset:2px}.topbar{z-index:20;block-size:var(--topbar-h);align-items:center;gap:var(--sp-3);padding-inline:var(--sp-4);background:var(--surface);border-block-end:1px solid var(--border);display:flex;position:sticky;inset-block-start:var(--env-banner-h)}.topbar .topbar-title{font-size:var(--fs-md);font-weight:var(--fw-semibold);margin:0}.topbar .topbar-context{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 12px}.topbar .spacer{flex:1}.topbar .user-chip{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-primary);display:flex}.topbar .avatar{border-radius:var(--radius-pill);background:var(--nav-bg);block-size:32px;inline-size:32px;color:var(--text-inverse);font-weight:var(--fw-bold);font-size:var(--fs-sm);place-items:center;display:grid}.app-body{flex-direction:column;flex:1;min-inline-size:0;display:flex}.main{padding:0 var(--sp-5) var(--sp-6);flex:1;min-inline-size:0}.nav-scrim{display:none}@media (width<=900px){.sidebar{inset-block:var(--env-banner-h) 0;z-index:60;transform:translateX(var(--drawer-hidden,110%));box-shadow:var(--shadow-lg);position:fixed;inset-inline-start:0}[dir=rtl] .sidebar{--drawer-hidden:110%}[dir=ltr] .sidebar{--drawer-hidden:-110%}.shell.nav-open .sidebar{transform:translate(0)}.shell.collapsed .sidebar{width:var(--sidebar-w)}.shell.nav-open .nav-scrim{z-index:50;background:#24282e6b;display:block;position:fixed;inset:0}.main,.topbar{padding-inline:var(--sp-3)}}.page-head{z-index:10;background:var(--background);border-block-end:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-block-end:14px;padding-block:14px 10px;display:flex;position:sticky;inset-block-start:0}.page-head h1{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);letter-spacing:-.2px;margin:0}.page-head h1 .badge{vertical-align:middle}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-5);box-shadow:var(--shadow-sm);margin-block-end:var(--sp-4)}.card>h3{margin:0 0 var(--sp-4);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary)}.card.table-wrap{padding:0;overflow:hidden}.card.table-wrap>table{border:none}.toolbar{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.toolbar .grow{flex:1;min-inline-size:180px}.form-row{flex-wrap:wrap;align-items:end;gap:12px;margin-block-end:10px;display:flex}.form-row>button{margin-block-end:1px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.kpi-row{flex-wrap:wrap;gap:12px;display:flex}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-inline-size:140px;padding:10px 14px}.kpi b{font-size:19px;font-weight:700;display:block}.kpi span{color:var(--text-secondary);font-size:12px}label.field{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-primary);flex-direction:column;gap:6px;display:flex}input,select,textarea{font:inherit;font-size:var(--fs-sm);color:var(--text-primary);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);min-inline-size:0;padding:9px 12px;transition:border-color .12s,box-shadow .12s}input:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--focus)}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}input:disabled,select:disabled,textarea:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}input[type=file]{background:var(--surface-alt);padding:5px}input[type=checkbox]{accent-color:var(--primary);block-size:15px;inline-size:15px}select{background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);appearance:none;background-position:calc(100% - 15px) 18px,calc(100% - 10px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:26px}:where(html[dir=rtl]) select{background-position:10px 18px,15px 18px;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%)}button{font:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-primary);cursor:pointer;white-space:nowrap;padding:9px 16px;transition:background .12s,border-color .12s,color .12s}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--focus)}button:active:not(:disabled){background:var(--surface-alt)}button:disabled{background:var(--disabled-bg);color:var(--disabled-text);border-color:var(--border);cursor:not-allowed}button.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast);font-weight:var(--fw-bold)}button.slate{background:var(--nav-bg);border-color:var(--nav-bg);color:var(--text-inverse);font-weight:var(--fw-semibold)}button.slate:hover:not(:disabled){background:var(--nav-bg-deep);border-color:var(--nav-bg-deep)}button.slate:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-text)}button.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.primary:active:not(:disabled){background:var(--primary-active)}button.primary:disabled{background:var(--disabled-bg);border-color:var(--border);color:var(--disabled-text)}button.danger{border-color:var(--danger);color:var(--danger);background:0 0}button.danger:hover:not(:disabled){background:var(--danger-soft)}button.ghost{color:var(--primary);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--primary-soft);border-color:#0000}button.small{font-size:var(--fs-sm);padding:5px 11px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;background:var(--surface);inline-size:100%;font-size:var(--fs-sm)}th,td{text-align:start;border-block-end:1px solid var(--border);white-space:nowrap;block-size:var(--row-h);padding:11px 14px}th{color:var(--text-primary);font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:0;background:var(--surface-alt);border-block-end:2px solid var(--border-strong);z-index:1;position:sticky;inset-block-start:0}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--surface-alt)}tbody tr:last-child td{border-block-end:none}td.wrap{white-space:normal}td a,.card a{color:var(--primary);font-weight:600;text-decoration:none}td a:hover,.card a:hover{text-decoration:underline}.badge{border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-bold);background:var(--surface-sunken);color:var(--text-secondary);border:1px solid var(--border-strong);padding:3px 11px;line-height:1.5;display:inline-block}.badge.green{background:var(--success-soft);color:var(--success);border-color:#1a7f4552}.badge.red{background:var(--danger-soft);color:var(--danger);border-color:#b3261e52}.badge.amber{background:var(--warning-soft);color:var(--warning);border-color:#a8640052}.badge.blue{background:var(--info-soft);color:var(--info);border-color:#17557e52}.badge.plum{background:var(--primary-soft);color:var(--primary);border-color:#a81e2d52}.badge.gray{background:var(--surface-sunken);color:var(--text-secondary);border-color:var(--border-strong)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--primary-soft);color:var(--primary);border-radius:var(--radius-pill);align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.chip button{color:var(--danger);background:0 0;border:none;padding:0;font-weight:700}.tabs{border-block-end:1px solid var(--border);flex-wrap:wrap;gap:2px;margin-block-end:14px;display:flex}.tabs button{border:none;color:var(--text-secondary);background:0 0;border-block-end:2px solid #0000;border-radius:0;padding:8px 14px;font-weight:500}.tabs button:hover:not(:disabled){background:var(--surface-alt);color:var(--text-primary)}.tabs button{font-size:var(--fs-sm)}.tabs button.active{color:var(--primary);border-block-end-color:var(--primary);font-weight:var(--fw-bold);background:0 0}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#23222b6b;justify-content:center;align-items:flex-start;padding-block-start:8vh;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);inline-size:min(560px,94vw);box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.modal h2{padding:var(--sp-4) var(--sp-5);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);background:var(--surface-alt);border-block-end:1px solid var(--border);margin:0}.modal>:not(h2):not(.actions){padding-inline:18px}.modal>:not(h2):first-of-type{padding-block-start:14px}.modal .actions{background:var(--surface-alt);border-block-start:1px solid var(--border);justify-content:flex-end;gap:8px;margin-block-start:16px;padding:12px 18px;display:flex}.side-panel{background:var(--surface);border-inline-start:1px solid var(--border);inline-size:min(420px,94vw);box-shadow:var(--shadow-lg);z-index:25;flex-direction:column;display:flex;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto}.side-panel>header{background:var(--surface-alt);border-block-end:1px solid var(--border);padding:13px 18px;font-weight:600}.side-panel>div{padding:14px 18px}.error-box{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius);border:1px solid #b3261e47;margin-block-end:12px;padding:8px 12px;font-size:13px}.toast-stack{z-index:40;flex-direction:column;gap:8px;display:flex;position:fixed;inset-block-end:18px;inset-inline-start:18px}.toast{background:var(--surface);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-md);min-inline-size:240px;padding:10px 14px;font-size:13px}.toast.success{border-inline-start-color:var(--success)}.toast.warning{border-inline-start-color:var(--warning)}.toast.danger{border-inline-start-color:var(--danger)}.toast.is-success{border-inline-start-color:var(--success)}.toast.is-info{border-inline-start-color:var(--info)}.toast.is-error{border-inline-start-color:var(--danger)}.toast{align-items:center;gap:var(--sp-2);display:flex}.toast-close{font-size:var(--fs-md);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;margin-inline-start:auto;padding:0 4px;line-height:1}.toast-close:hover{color:var(--text-primary);background:0 0}@media (width<=600px){.toast-stack{inset-block-end:12px;inset-inline:12px}.toast{min-inline-size:0}}.empty-state{text-align:center;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-alt);padding:34px 16px}.empty-state b{color:var(--text-primary);margin-block-end:4px;font-size:14px;display:block}.muted{color:var(--text-secondary);font-size:12.5px}.pager{align-items:center;gap:10px;margin-block-start:12px;display:flex}.search-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);max-block-size:260px;margin:4px 0 0;padding:4px;list-style:none;overflow-y:auto}.search-results li{margin:0}.search-results button{text-align:start;border-radius:var(--radius);background:0 0;border:none;inline-size:100%;padding:6px 9px;font-weight:500}.search-results button:hover:not(:disabled){background:var(--primary-soft)}.images-grid{flex-wrap:wrap;gap:10px;display:flex}.images-grid figure{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:var(--surface);margin:0;padding:6px}.images-grid img{max-block-size:120px;max-inline-size:120px;display:block}.login-screen{min-block-size:100vh;padding:var(--sp-4);background:linear-gradient(155deg, var(--nav-bg) 0%, var(--nav-bg-deep) 100%);justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5) var(--sp-5);gap:var(--sp-4);inline-size:min(400px,92vw);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.login-card .login-mark{border-radius:var(--radius-lg);background:var(--primary);block-size:52px;inline-size:52px;color:var(--primary-contrast);font-size:var(--fs-xl);font-weight:var(--fw-bold);place-items:center;margin-inline:auto;display:grid}.login-card h1{font-size:var(--fs-lg);font-weight:var(--fw-bold);text-align:center;color:var(--text-primary);margin:0}.login-card .muted{text-align:center;margin:0}.login-card .login-vendor{margin:var(--sp-2) 0 0;text-align:center;font-size:var(--fs-xs);color:var(--text-secondary);border-block-start:1px solid var(--border);padding-block-start:var(--sp-4)}.pos-context-bar{align-items:center;gap:var(--sp-5);background:var(--nav-bg);color:var(--text-inverse);border-radius:var(--radius-lg);padding:var(--sp-3) var(--sp-4);flex-wrap:wrap;margin-block-end:var(--sp-4);display:flex}.pos-context-bar .ctx-item{flex-direction:column;gap:1px;min-inline-size:0;display:flex}.pos-context-bar .ctx-label{font-size:var(--fs-xs);color:var(--nav-text-muted)}.pos-context-bar .ctx-value{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.pos-context-bar .ctx-spacer{flex:1}.pos-context-bar .ctx-status{font-size:var(--fs-sm);font-weight:var(--fw-bold);border-radius:var(--radius-pill);border:1px solid;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.pos-context-bar .ctx-status.is-open{color:#7ee2a8}.pos-context-bar .ctx-status.is-closed{color:#f0b9a0}.pos-context-bar button{color:var(--text-inverse);border-color:var(--nav-border);background:0 0}.pos-context-bar button:hover:not(:disabled){background:var(--nav-bg-deep);border-color:var(--nav-text-muted)}.pos-session-open{gap:var(--sp-5);flex-wrap:wrap;align-items:flex-start;display:flex}.pos-session-glyph{flex:none;font-size:34px}.pos-session-body{flex:1;min-inline-size:260px}.pos-session-body h2{margin:0 0 var(--sp-2);font-size:var(--fs-lg);font-weight:var(--fw-bold)}.pos-session-action{font-size:var(--fs-md);margin-block-start:var(--sp-4);padding:12px 26px}.pos-drawer-choices{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-block-start:var(--sp-4);display:grid}.pos-drawer-choice{align-items:center;gap:var(--sp-2);padding:var(--sp-4);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);text-align:start;min-block-size:60px;display:flex}.pos-drawer-choice .drawer-name{font-weight:var(--fw-semibold)}.pos-drawer-choice .drawer-code{font-size:var(--fs-xs);color:var(--text-secondary);margin-inline-start:auto}.pos-drawer-choice .drawer-check{font-weight:var(--fw-bold);color:var(--primary)}.pos-drawer-choice.is-selected{border-color:var(--primary);background:var(--primary-soft)}body:has(.env-banner){--env-banner-h:34px}.env-banner{z-index:60;justify-content:center;align-items:center;gap:var(--sp-2);min-block-size:34px;padding:5px var(--sp-4);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.3px;color:#fff;text-align:center;background:repeating-linear-gradient(135deg,#b8860b 0 14px,#a8770a 14px 28px);border-block-end:2px solid #8a6208;display:flex;position:sticky;inset-block-start:0}.env-banner .env-banner-dot{opacity:.85;font-size:9px}.env-banner .env-banner-en{font-family:Montserrat,Tahoma,sans-serif;font-size:var(--fs-xs);opacity:.9;letter-spacing:1.2px}.env-banner.env-development{background:var(--nav-bg-deep);border-block-end-color:var(--nav-border)}@media print{.env-banner{display:none}}.pos-pricelist{align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:inline-flex}.pos-pricelist .pricelist-label{color:var(--text-secondary);font-size:var(--fs-sm)}.pos-pricelist .pricelist-applied{align-items:baseline;gap:var(--sp-1);border-radius:var(--radius-pill);background:var(--surface-alt);border:1px solid var(--border);padding:4px 10px;display:inline-flex}.pos-pricelist .pricelist-reason{font-size:var(--fs-xs);color:var(--text-secondary);max-inline-size:34ch}.pos-pricelist select option:disabled{color:var(--disabled-text)}.pos-crumbs{align-items:center;gap:var(--sp-1);flex-wrap:wrap;min-block-size:40px;margin-block-end:var(--sp-3);display:flex}.pos-crumb{border-radius:var(--radius);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--primary);background:0 0;border:none;min-block-size:40px;padding:8px 10px}.pos-crumb:hover:not(:disabled){background:var(--primary-soft)}.pos-crumb:disabled,.pos-crumb.is-current{color:var(--text-primary);cursor:default;opacity:1;background:0 0}.pos-crumb-sep{color:var(--text-secondary);font-size:var(--fs-md)}.pos-crumb-back{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-block-size:40px;inline-size:40px;color:var(--text-primary);font-size:var(--fs-md);font-weight:var(--fw-bold);margin-inline-end:var(--sp-1)}.pos-crumb-back:hover{background:var(--surface-alt);border-color:var(--primary)}[dir=ltr] .pos-crumb-back{transform:scaleX(-1)}.pos-nav-grid{gap:var(--sp-3);max-block-size:62vh;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));padding-block-end:var(--sp-2);display:grid;overflow-y:auto}.pos-nav-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;overflow:hidden}.pos-nav-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.pos-nav-card:active{transform:scale(.985)}.pos-nav-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.pos-nav-card .nav-card-media{aspect-ratio:4/3;background:var(--surface-alt);place-items:center;display:grid;overflow:hidden}.pos-nav-card .nav-card-media img{object-fit:cover;block-size:100%;inline-size:100%}.pos-nav-card .nav-card-placeholder{opacity:.45;font-size:34px}.pos-nav-card .nav-card-label{padding:var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text-primary);text-align:center;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-block-size:62px;line-height:1.45;display:-webkit-box;overflow:hidden}.pos-grid{gap:var(--sp-3);max-block-size:62vh;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));padding-block-end:var(--sp-2);display:grid;overflow-y:auto}.pos-tile{text-align:start;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;align-items:stretch;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;overflow:hidden}.pos-tile:hover:not(:disabled){border-color:var(--primary);box-shadow:var(--shadow-md)}.pos-tile:active:not(:disabled){transform:scale(.985)}.pos-tile:disabled{opacity:.55;cursor:not-allowed}.pos-tile .tile-media{aspect-ratio:1;background:var(--surface-alt);place-items:center;display:grid;overflow:hidden}.pos-tile .tile-media img{object-fit:cover;block-size:100%;inline-size:100%}.pos-tile .tile-placeholder{color:var(--border-strong);font-size:30px}.pos-tile .tile-body{padding:var(--sp-3);flex-direction:column;flex:1;gap:3px;display:flex}.pos-tile .tile-name{font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--text-primary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.pos-tile .tile-price{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--primary);line-height:1.3}.pos-tile .tile-code{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:var(--fw-semibold)}.pos-tile .tile-meta{font-size:var(--fs-xs);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pos-tile .tile-stock{font-size:var(--fs-xs);color:var(--text-secondary);margin-block-start:auto;padding-block-start:var(--sp-1)}@media (width<=1200px){.pos-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.pos-nav-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr))}}@media (width<=900px){.pos-grid,.pos-nav-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-block-size:none}}.pos-results{flex-direction:column;gap:2px;max-block-size:300px;margin-block-start:8px;display:flex;overflow-y:auto}.pos-result{text-align:start;border:1px solid var(--border);align-items:center;gap:14px;padding:6px 10px;display:flex}.pos-result:hover{background:var(--surface-alt)}.pos-result.highlighted{background:var(--primary-soft);border-color:var(--primary);box-shadow:inset 3px 0 0 var(--primary)}.receipt-doc{border:1px dashed var(--border-strong);color:#000;direction:rtl;background:#fff;margin-inline:auto;padding:6mm 4mm;font-size:12.5px}.receipt-80{inline-size:80mm}.receipt-doc:not(.receipt-80){inline-size:min(180mm,100%)}.receipt-doc h2{text-align:center;margin:0 0 4px;font-size:16px}.receipt-doc p{margin:2px 0}.receipt-doc hr{border:none;border-block-start:1px dashed #999;margin:6px 0}.receipt-doc table{inline-size:100%;font-size:12.5px}.receipt-doc th,.receipt-doc td{white-space:normal;text-transform:none;letter-spacing:normal;background:0 0;border:none;block-size:auto;padding:2px 0;position:static}.receipt-doc .receipt-total{font-size:15px;font-weight:700}.receipt-doc .receipt-head{text-align:center}.receipt-doc .receipt-logo{object-fit:contain;filter:grayscale()contrast(160%);max-block-size:18mm;max-inline-size:46mm;margin:0 auto 3px;display:block}.receipt-doc .receipt-sub{font-size:11.5px;line-height:1.35}.receipt-doc .receipt-centre{text-align:center}.receipt-doc .receipt-policy{margin-block-start:4px;font-size:11px}.receipt-doc .receipt-vendor{border-block-start:1px dashed #999;margin-block-start:6px;padding-block-start:4px;font-size:10.5px}.receipt-doc .receipt-end{block-size:0;overflow:hidden}.receipt-doc .receipt-notice{text-align:center;border:2px solid #000;margin-block:6px;padding:4px 6px;font-size:11.5px;font-weight:700;line-height:1.4}.print-only{display:none}@page{size:auto;margin:10mm}@page thermal{size:80mm auto;margin:2mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print,.sidebar,.topbar,.nav-scrim,.filter-bar,.tabs,.pager,.toast-stack{display:none!important}.print-only{display:block}.main{padding:0}.shell,.app-body{display:block}.page-head{border-block-end:1px solid #999;position:static}body{background:#fff}.card{box-shadow:none;border:none;margin-block-end:6px;padding:4px 0}.badge{border:1px solid}.table-wrap{overflow:visible!important}table{inline-size:100%!important}th,td{white-space:normal}thead{display:table-header-group}tr{break-inside:avoid}.modal-backdrop,.side-panel{display:none!important}.receipt-80{page:thermal;border:none;inline-size:100%;padding:0}.receipt-doc{break-inside:auto}.receipt-doc tr,.receipt-doc .receipt-head,.receipt-doc .receipt-foot{break-inside:avoid}.receipt-doc .receipt-end{break-after:avoid;page-break-after:avoid}.receipt-doc:last-child{margin-block-end:0}}pre.json{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius);text-align:left;white-space:pre-wrap;word-break:break-all;direction:ltr;margin:0;padding:8px;font-size:12px}.stat-grid{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);gap:var(--sp-1);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.stat .stat-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.stat .stat-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1.2}.stat .stat-value.muted-value{color:var(--text-secondary);font-weight:var(--fw-medium);font-size:var(--fs-md)}.stat .stat-hint{font-size:var(--fs-xs);color:var(--text-secondary)}.stat.is-alert{border-color:var(--warning);background:var(--warning-soft)}.stat.is-action{cursor:pointer;text-align:start}.stat.is-action:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.stat .stat-locked{font-size:var(--fs-sm);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.quick-links{gap:var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(158px,1fr));display:grid}.quick-link{justify-content:center;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);flex-direction:column;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.quick-link .quick-glyph{border-radius:var(--radius);background:var(--surface-alt);block-size:40px;inline-size:40px;font-size:var(--fs-lg);place-items:center;transition:background .12s;display:grid}.quick-link:hover{border-color:var(--primary);color:var(--primary);background:var(--surface);box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-link:hover .quick-glyph{background:var(--primary-soft)}.dash-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-block-end:var(--sp-4);display:grid}.dash-grid.is-wide{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);box-shadow:var(--shadow-sm);align-items:flex-start;gap:var(--sp-3);transition:box-shadow .14s,transform .14s;display:flex}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi-card .kpi-glyph{border-radius:var(--radius);block-size:44px;inline-size:44px;font-size:var(--fs-lg);background:var(--surface-alt);color:var(--text-primary);flex:none;place-items:center;display:grid}.kpi-card .kpi-body{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.kpi-card .kpi-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.kpi-card .kpi-value{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1.15}.kpi-card .kpi-hint{font-size:var(--fs-xs);color:var(--text-secondary)}.kpi-card.tone-primary .kpi-glyph{background:var(--primary-soft);color:var(--primary)}.kpi-card.tone-success .kpi-glyph{background:var(--success-soft);color:var(--success)}.kpi-card.tone-info .kpi-glyph{background:var(--info-soft);color:var(--info)}.kpi-card.tone-warning .kpi-glyph{background:var(--warning-soft);color:var(--warning)}.kpi-card.tone-slate .kpi-glyph{background:var(--surface-sunken);color:var(--nav-bg)}.kpi-card.is-alert{border-inline-start:3px solid var(--warning)}.kpi-card .kpi-withheld{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-secondary);align-items:center;gap:6px;display:flex}.donut-wrap{align-items:center;gap:var(--sp-5);flex-wrap:wrap;display:flex}.donut{flex:none}.donut .donut-track{stroke:var(--surface-sunken)}.donut .donut-hole-value{font-size:15px;font-weight:var(--fw-bold);fill:var(--text-primary)}.donut .donut-hole-label{fill:var(--text-secondary);font-size:7px;font-weight:var(--fw-semibold)}.donut-legend{gap:var(--sp-2);flex-direction:column;flex:1;min-inline-size:0;display:flex}.donut-legend .legend-row{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.donut-legend .legend-swatch{border-radius:3px;flex:none;block-size:12px;inline-size:12px}.donut-legend .legend-name{color:var(--text-primary);font-weight:var(--fw-medium);min-inline-size:0}.donut-legend .legend-value{font-weight:var(--fw-bold);margin-inline-start:auto}.donut-legend .legend-share{color:var(--text-secondary);font-size:var(--fs-xs)}.rank-list{gap:var(--sp-3);flex-direction:column;display:flex}.rank-row{flex-direction:column;gap:6px;display:flex}.rank-row .rank-head{align-items:baseline;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.rank-row .rank-name{font-weight:var(--fw-semibold);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-row .rank-value{font-weight:var(--fw-bold);flex:none;margin-inline-start:auto}.rank-row .rank-sub{color:var(--text-secondary);font-size:var(--fs-xs);flex:none}.rank-row .rank-track{background:var(--surface-sunken);border-radius:var(--radius-pill);block-size:8px;overflow:hidden}.rank-row .rank-fill{border-radius:var(--radius-pill);background:var(--primary);block-size:100%;transition:inline-size .5s cubic-bezier(.22,1,.36,1);display:block}.rank-row:nth-child(n+4) .rank-fill{background:var(--nav-bg)}.attention-list{gap:var(--sp-2);flex-direction:column;display:flex}.attention-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:inherit;font-size:var(--fs-sm);text-decoration:none;transition:border-color .12s,background .12s;display:flex}.attention-row:hover{border-color:var(--primary);background:var(--surface-alt)}.attention-row .attention-glyph{font-size:var(--fs-md);flex:none}.attention-row .attention-name{font-weight:var(--fw-semibold);color:var(--text-primary)}.attention-row .attention-count{flex:none;margin-inline-start:auto}.attention-row.is-alert{border-inline-start:3px solid var(--warning);background:var(--warning-soft)}.attention-clear{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--success);font-weight:var(--fw-semibold);display:flex}.chart-withheld{justify-content:center;align-items:center;gap:var(--sp-2);min-block-size:132px;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium);background:var(--surface-alt);border:1px dashed var(--border-strong);border-radius:var(--radius);text-align:center;padding:var(--sp-4);display:flex}@media (prefers-reduced-motion:reduce){.rank-row .rank-fill,.kpi-card,.quick-link{transition:none}.kpi-card:hover,.quick-link:hover{transform:none}}.branding-logo-row{gap:var(--sp-5);flex-wrap:wrap;align-items:flex-start;display:flex}.branding-logo-preview{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-alt);block-size:110px;inline-size:180px;padding:var(--sp-2);flex:none;place-items:center;display:grid;overflow:hidden}.branding-logo-preview img{object-fit:contain;max-block-size:100%;max-inline-size:100%}.branding-logo-empty{font-size:var(--fs-sm);color:var(--text-secondary)}.branding-logo-actions{gap:var(--sp-3);flex-direction:column;flex:1;align-items:flex-start;min-inline-size:220px;display:flex}.branding-logo-actions .muted{font-size:var(--fs-sm);margin:0}.state-panel{text-align:center;justify-content:center;align-items:center;gap:var(--sp-2);padding:var(--sp-6) var(--sp-4);color:var(--text-secondary);flex-direction:column;display:flex}.state-panel .state-glyph{opacity:.55;font-size:30px;line-height:1}.state-panel h3{font-size:var(--fs-md);color:var(--text-primary);margin:0;font-weight:600}.state-panel p{max-inline-size:46ch;margin:0;font-size:13.5px}.state-panel .state-actions{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-2);display:flex}.state-panel.is-error .state-glyph{color:var(--danger);opacity:1}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.skeleton{background:var(--surface-sunken);border-radius:var(--radius);animation:1.4s ease-in-out infinite skeleton-pulse}.skeleton-line{block-size:12px;margin-block-end:8px}.skeleton-line:last-child{margin-block-end:0}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.confirm .confirm-effect{background:var(--surface-sunken);border:1px solid var(--border);border-inline-start:3px solid var(--primary);border-radius:var(--radius);padding:var(--sp-3);margin-block:var(--sp-3);font-size:13.5px}.confirm.is-danger .confirm-effect{border-inline-start-color:var(--danger);background:var(--danger-soft)}.confirm .confirm-effect ul{margin:var(--sp-2) 0 0;padding-inline-start:18px}.confirm .confirm-effect li{margin-block-end:4px}.confirm .confirm-actions{gap:var(--sp-2);justify-content:flex-end;display:flex}.pos-shell{gap:var(--sp-3);grid-template-columns:minmax(0,62fr) minmax(340px,38fr);align-items:start;display:grid}.pos-products{gap:var(--sp-3);flex-direction:column;min-inline-size:0;display:flex}.pos-search input{font-size:var(--fs-lg);padding:12px var(--sp-3);block-size:auto}.pos-tile:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pos-tile.is-added{border-color:var(--primary);background:var(--primary-soft)}.pos-cart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);max-block-size:calc(100vh - var(--topbar-h) - var(--env-banner-h) - var(--sp-4));flex-direction:column;display:flex;position:sticky;inset-block-start:calc(var(--topbar-h) + var(--env-banner-h) + var(--sp-2))}.pos-cart-head{padding:var(--sp-3);border-block-end:1px solid var(--border)}.pos-cart-lines{padding:var(--sp-2) var(--sp-3);flex:1;overflow-y:auto}.pos-cart-foot{padding:var(--sp-3);border-block-start:1px solid var(--border);background:var(--surface-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.cart-line{gap:var(--sp-1) var(--sp-2);padding:var(--sp-2);margin-inline:calc(var(--sp-2) * -1);border-block-end:1px solid var(--border);border-radius:var(--radius);cursor:pointer;grid-template-columns:1fr auto;align-items:center;display:grid}.cart-line:last-child{border-block-end:none}.cart-line:hover{background:var(--surface-alt)}.cart-line.is-selected{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}.cart-line .line-name{font-size:13px;font-weight:600;line-height:1.35}.cart-line .line-meta{font-size:var(--fs-xs);color:var(--text-secondary)}.cart-line .line-total{font-weight:700;font-size:var(--fs-md)}.qty-stepper{align-items:center;gap:2px;display:inline-flex}.qty-stepper button{block-size:32px;inline-size:32px;font-size:var(--fs-md);place-items:center;padding:0;line-height:1;display:grid}.qty-stepper .qty-value{text-align:center;inline-size:52px;min-inline-size:0;padding-inline:2px;font-weight:600}.cart-tabs{gap:var(--sp-1);flex-wrap:wrap;align-items:center;display:flex}.cart-tab{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);font-size:var(--fs-sm);cursor:pointer;align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.cart-tab.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary);font-weight:600}.cart-tab .cart-tab-count{font-size:var(--fs-xs);color:var(--text-secondary)}.cart-tab.is-active .cart-tab-count{color:var(--primary)}.total-row{justify-content:space-between;align-items:baseline;padding-block:3px;font-size:13.5px;display:flex}.total-row.is-grand{font-size:var(--fs-lg);border-block-start:1px solid var(--border);margin-block-start:var(--sp-2);padding-block-start:var(--sp-2);font-weight:700}.total-row.is-remaining{color:var(--danger);font-weight:600}.total-row.is-settled{color:var(--success);font-weight:600}.tender-row{gap:var(--sp-2);grid-template-columns:1fr 110px auto;align-items:center;margin-block-end:var(--sp-2);display:grid}@media (width<=1100px){.pos-shell{grid-template-columns:1fr}.pos-cart{max-block-size:none;position:static}}.filter-bar{padding:10px 12px}.filter-bar .toolbar{align-items:end}.filter-bar .filter-actions{gap:var(--sp-2);margin-inline-start:auto;display:flex}.form-section{margin-block-end:var(--sp-4)}.form-section>h4{margin:0 0 var(--sp-2);font-size:var(--fs-sm);letter-spacing:.3px;text-transform:uppercase;color:var(--text-secondary);border-block-end:1px solid var(--border);padding-block-end:5px;font-weight:700}.form-section>p.muted{margin-block:0 var(--sp-3)}.form-actions{align-items:center;gap:var(--sp-2);border-block-start:1px solid var(--border);flex-wrap:wrap;margin-block-start:var(--sp-4);padding-block-start:var(--sp-3);display:flex}.form-actions-danger{margin-inline-end:auto}.form-actions-main{gap:var(--sp-2);flex-wrap:wrap;margin-inline-start:auto;display:flex}label.field.is-required>span:after{content:" *";color:var(--danger);font-weight:700}.state-split{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.state-split>div{border-inline-start:3px solid var(--border-strong);padding-inline-start:var(--sp-3)}.state-split .state-split-label{font-size:var(--fs-xs);letter-spacing:.4px;text-transform:uppercase;color:var(--text-secondary);margin-block-end:4px;font-weight:700;display:block}.settlement-figures{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius);max-inline-size:420px;padding:var(--sp-3)}.permission-grid{gap:2px var(--sp-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.permission-row{align-items:start;gap:var(--sp-2);padding:6px var(--sp-2);border-radius:var(--radius);cursor:pointer;min-block-size:32px;display:flex}.permission-row:hover{background:var(--surface-alt)}.permission-row:focus-within{background:var(--primary-soft)}.permission-row input{flex:none;margin-block-start:3px}.permission-row>span{flex-direction:column;min-inline-size:0;display:flex}.permission-row .permission-label{font-size:13.5px;line-height:1.35}.permission-row .permission-key{font-size:var(--fs-xs);color:var(--text-secondary);font-family:Montserrat,monospace}.connection-screen{min-block-size:60vh;padding:var(--sp-5);place-items:center;display:grid}.connection-card{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);max-inline-size:460px;padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow-sm)}.detail-grid{gap:var(--sp-1) var(--sp-3);margin-block:var(--sp-3);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.detail-grid dt{color:var(--text-secondary);font-size:var(--fs-sm)}.detail-grid dd{font-weight:var(--fw-medium);margin:0}.checkbox-row{gap:var(--sp-2);margin-block:var(--sp-3);align-items:center;display:flex}.check-list{margin-block:var(--sp-3);gap:var(--sp-2);padding-inline-start:0;list-style:none;display:grid}.check-list li{gap:var(--sp-2);flex-wrap:wrap;align-items:baseline;display:flex}.perm-columns{gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.perm-badges{gap:var(--sp-2);flex-wrap:wrap;margin-block-start:var(--sp-2);display:flex}.perm-toggle{align-items:center;gap:var(--sp-2);white-space:nowrap;color:var(--text-secondary);font-size:var(--fs-sm);display:inline-flex}.perm-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.perm-row{align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border:1px solid var(--border);border-inline-start:3px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.perm-row.is-role{border-inline-start-color:var(--info)}.perm-row.is-granted{background:var(--success-soft);border-inline-start-color:#2e7d5b}.perm-row.is-denied{border-inline-start-color:var(--danger);background:var(--danger-soft)}.perm-row.is-none{background:var(--surface-alt)}.perm-identity{flex-direction:column;gap:2px;min-width:0;display:flex}.perm-label{font-weight:var(--fw-medium);line-height:1.4}.perm-code{font-size:var(--fs-xs);color:var(--text-secondary);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.perm-state,.perm-actions{align-items:center;gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.perm-savebar{justify-content:space-between;align-items:center;gap:var(--sp-3);box-shadow:var(--shadow-md);flex-wrap:wrap;display:flex;position:sticky;inset-block-end:var(--sp-3)}.button-like{text-decoration:none;display:inline-block}@media (width<=640px){.perm-row{grid-template-columns:minmax(0,1fr)}.perm-state,.perm-actions{justify-content:flex-start}}