/* Almaqar workspace: one calm visual language for desktop and phone. */
:root{
 --ui-bg:#f4f3f0;--ui-surface:#fff;--ui-raised:#fff;--ui-subtle:#efefeb;
 --ui-text:#1d1d1f;--ui-secondary:#62626a;--ui-tertiary:#85858d;
 --ui-border:#e2e3dc;--ui-blue:#24765d;--ui-blue-hover:#185740;
 --ui-blue-soft:#e7f2eb;--ui-green:#188451;--ui-red:#c63f37;
 --ui-amber:#8b641a;--ui-shadow:0 2px 10px #11182708;
 --work-accent:var(--ui-blue);--work-ink:var(--ui-text);
 --work-muted:var(--ui-secondary);--work-line:var(--ui-border);
 --work-panel:var(--ui-surface);
 color-scheme:light;
}
html[data-theme=dark]{
 --ui-bg:#151318;--ui-surface:#211e25;--ui-raised:#2b2730;--ui-subtle:#302c35;
 --ui-text:#f5f5f7;--ui-secondary:#b0b0b8;--ui-tertiary:#92929b;
 --ui-border:#3c3742;--ui-blue:#ade6c9;--ui-blue-hover:#cef3df;
 --ui-blue-soft:#293d33;--ui-green:#89dbaa;--ui-red:#ff948c;
 --ui-amber:#e9b657;--ui-shadow:0 2px 12px #0003;
 --work-accent:var(--ui-blue);--work-ink:var(--ui-text);
 --work-muted:var(--ui-secondary);--work-line:var(--ui-border);
 --work-panel:var(--ui-surface);
 color-scheme:dark;
}
@media screen{
 html,body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
 body{min-width:320px}
 .ux-layout{grid-template-columns:248px minmax(0,1fr);min-height:100dvh}
 .ux-layout .main{min-width:0;background:var(--ui-bg)}
 .ux-layout .content{max-width:1460px;padding:30px clamp(22px,3vw,48px) 60px}
 .ux-sidebar,.sidebar,html[data-theme=dark] .sidebar{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-inline-end:1px solid var(--ui-border);box-shadow:none!important}
 .ux-sidebar{padding:22px 14px 18px!important;gap:0;scrollbar-width:thin}
 .ux-sidebar .brand{padding:2px 10px 22px!important;border-bottom:1px solid var(--ui-border)}
 .ux-sidebar .brand strong,html[data-theme=dark] .brand strong{color:var(--ui-text)!important;font-size:20px;letter-spacing:-.03em}
 .ux-sidebar .brand small,html[data-theme=dark] .brand small{color:var(--ui-tertiary)!important;font-size:10px;letter-spacing:.16em}
 .ux-sidebar .brand-logo{width:40px;height:40px;border-radius:12px;background:var(--ui-surface)}
 .ux-sidebar .sidebar-new{margin:22px 6px 18px;width:calc(100% - 12px);box-shadow:none!important}
 .ux-sidebar .nav-label{padding:13px 15px 8px;color:var(--ui-tertiary)!important;font-size:10px;font-weight:700;letter-spacing:.08em}
 .ux-sidebar .nav{gap:3px}
 .ux-sidebar .nav button,html[data-theme=dark] .nav button{min-height:43px;padding:9px 12px;border:0!important;border-radius:11px;background:transparent!important;color:var(--ui-secondary)!important;font-size:13px;font-weight:500;box-shadow:none!important;transition:background .16s,color .16s}
 .ux-sidebar .nav button:hover,html[data-theme=dark] .nav button:hover{background:var(--ui-subtle)!important;color:var(--ui-text)!important}
 .ux-sidebar .nav button.active,html[data-theme=dark] .nav button.active,html[dir=ltr] .ux-sidebar .nav button.active{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;border:0!important;box-shadow:none!important;font-weight:700}
 .ux-sidebar .nav .icon{width:22px;height:22px;display:grid;place-items:center;flex:none;font-size:18px}
 .ux-sidebar .nav .counter{background:var(--ui-blue);color:white;border-radius:100px;min-width:20px;text-align:center}
 .ux-sidebar .admin-nav{margin:15px 0 0;padding-top:12px;border-top:1px solid var(--ui-border)}
 .ux-sidebar .admin-nav summary,html[data-theme=dark] .admin-nav summary{color:var(--ui-secondary)!important;font-weight:600;border-radius:10px}
 .ux-sidebar .admin-nav summary:hover,.ux-sidebar .admin-nav[open] summary{background:var(--ui-subtle);color:var(--ui-text)!important}
 .ux-sidebar .admin-nav .nav{max-height:none;overflow:visible}
 .ux-sidebar .sidebar-foot{border-top:1px solid var(--ui-border);padding:17px 10px 0;color:var(--ui-text)}
 .ux-sidebar .sidebar-foot strong{font-size:12px}.ux-sidebar .sidebar-foot small{color:var(--ui-tertiary)!important}
 .avatar{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;border-radius:12px!important}
 .ux-topbar,html[data-theme=dark] .topbar{position:sticky;top:0;z-index:15;min-height:72px;padding:12px clamp(22px,3vw,48px);background:color-mix(in srgb,var(--ui-surface) 88%,transparent)!important;border-bottom:1px solid var(--ui-border)!important;backdrop-filter:blur(18px);box-shadow:none!important}
 .ux-topbar-name strong{font-size:13px;color:var(--ui-text)}.ux-topbar-name small{color:var(--ui-tertiary)}
 .ux-topbar .search{position:relative;max-width:450px;color:var(--ui-tertiary)}
 .ux-topbar .search input{min-height:42px;border:1px solid transparent!important;background:var(--ui-subtle)!important;border-radius:11px!important;padding:10px 14px!important;color:var(--ui-text)!important}
 .ux-topbar .search input:focus{border-color:var(--ui-blue)!important}
 .ux-topbar .top-actions{gap:4px;flex-wrap:nowrap}
 .ux-topbar .top-actions>button,.ux-tools summary,.ux-topbar .mobile-menu{border:0!important;border-radius:10px;background:transparent!important;color:var(--ui-secondary)!important;box-shadow:none!important}
 .ux-topbar .top-actions>button:hover,.ux-tools summary:hover,.ux-topbar .mobile-menu:hover{background:var(--ui-subtle)!important;color:var(--ui-text)!important}
 .ux-topbar .top-actions>button,.ux-topbar .mobile-menu,.ux-tools summary{display:inline-flex;align-items:center;justify-content:center;position:relative}
 .ux-topbar .search>span{display:grid;place-items:center}
 .ux-notification-count{position:absolute;top:1px;inset-inline-end:1px;min-width:14px;height:14px;padding:0 2px;border-radius:99px;background:var(--ui-blue);color:#fff;font-size:9px;line-height:14px;text-align:center}
 .ux-topbar .top-actions .theme-toggle{display:inline-flex!important}
 .ux-tools-menu{background:var(--ui-raised)!important;border-color:var(--ui-border)!important;box-shadow:0 16px 50px #0002!important;color:var(--ui-text)}
 .ux-tools-menu button,.ux-tools-menu a{color:var(--ui-text)!important}
 .ux-tools-menu button:hover,.ux-tools-menu a:hover{background:var(--ui-subtle)!important}
 .pagehead{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 20px;margin:4px 0 22px!important}
 .pagehead>div{min-width:0}.pagehead .head-actions{grid-column:2;grid-row:1/3;justify-content:flex-end;align-self:center}
 .pagehead h1{font-size:clamp(26px,2.3vw,34px)!important;line-height:1.2;letter-spacing:-.04em!important;font-weight:750;color:var(--ui-text)!important;margin:0 0 6px}
 .pagehead p{max-width:730px;color:var(--ui-secondary)!important;font-size:13px!important;line-height:1.65;margin:0!important;overflow-wrap:normal}
 .pagehead .eyebrow,.eyebrow{color:var(--ui-tertiary)!important;letter-spacing:.08em!important}
 h1,h2,h3,.panel-head h2{color:var(--ui-text)!important}
 .muted,.fine,.form-hint{color:var(--ui-secondary)!important}
 a,.row-link{color:var(--ui-blue)!important}
 button{border:1px solid var(--ui-border)!important;border-radius:10px;background:var(--ui-surface)!important;color:var(--ui-text)!important;box-shadow:none!important;transition:background .15s,border-color .15s,transform .15s}
 button:hover{background:var(--ui-subtle)!important;box-shadow:none!important}
 button:active{transform:scale(.985)}
 button.primary,.primary,html[data-theme=dark] button.primary,html[data-theme=dark] .primary{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:white!important;font-weight:650!important;box-shadow:none!important}
 button.primary:hover,.primary:hover,html[data-theme=dark] button.primary:hover{background:var(--ui-blue-hover)!important;border-color:var(--ui-blue-hover)!important}
 html[data-theme=dark] button.primary,html[data-theme=dark] .primary{color:#17251d!important}
 html[data-theme=dark] .ux-sidebar .nav .counter,html[data-theme=dark] .ux-notification-count{color:#17251d!important}
 button.ghost{background:transparent!important;border-color:transparent!important}
 button.danger,.remove-line{color:var(--ui-red)!important;border-color:color-mix(in srgb,var(--ui-red) 35%,var(--ui-border))!important}
 input,select,textarea,html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:10px!important;color:var(--ui-text)!important;min-height:44px}
 input::placeholder,textarea::placeholder{color:var(--ui-tertiary)!important}
 input:focus,select:focus,textarea:focus{border-color:var(--ui-blue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-blue) 16%,transparent)!important}
 input[type=checkbox]{min-height:0;accent-color:var(--ui-blue)!important}
 label,html[data-theme=dark] label{color:var(--ui-secondary)!important;font-weight:500}
 .panel,.stat,html[data-theme=dark] .panel,html[data-theme=dark] .stat{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;box-shadow:var(--ui-shadow)!important;color:var(--ui-text)!important}
 .panel-head,html[data-theme=dark] .panel-head{border-bottom:1px solid var(--ui-border)!important;padding:17px 20px}
 .panel-body{padding:19px 20px}
 .panel-head h2{font-size:16px!important;font-weight:700}
 .notice,html[data-theme=dark] .notice{background:var(--ui-blue-soft)!important;border:1px solid color-mix(in srgb,var(--ui-blue) 22%,var(--ui-border))!important;color:var(--ui-blue)!important;border-radius:12px!important;padding:11px 15px}
 .notice.warning,html[data-theme=dark] .notice.warning{background:color-mix(in srgb,var(--ui-amber) 9%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-amber) 22%,var(--ui-border))!important;color:var(--ui-amber)!important}
 .error{background:color-mix(in srgb,var(--ui-red) 9%,var(--ui-surface))!important;border-color:color-mix(in srgb,var(--ui-red) 25%,var(--ui-border))!important;color:var(--ui-red)!important}
 .badge{background:var(--ui-subtle)!important;color:var(--ui-secondary)!important;border-radius:100px!important}
 .badge.green{background:color-mix(in srgb,var(--ui-green) 11%,var(--ui-surface))!important;color:var(--ui-green)!important}
 .badge.amber{background:color-mix(in srgb,var(--ui-amber) 12%,var(--ui-surface))!important;color:var(--ui-amber)!important}
 .badge.red{background:color-mix(in srgb,var(--ui-red) 11%,var(--ui-surface))!important;color:var(--ui-red)!important}
 .badge.blue{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .table-wrap{overflow-x:auto;scrollbar-width:thin}
 table{font-size:12px}th,html[data-theme=dark] th{background:var(--ui-subtle)!important;color:var(--ui-secondary)!important;border-bottom:1px solid var(--ui-border)!important;font-weight:650;padding:12px 17px}
 td,html[data-theme=dark] td{border-bottom:1px solid var(--ui-border)!important;padding:14px 17px;color:var(--ui-text)!important}
 td small{color:var(--ui-tertiary)!important}tbody tr:hover{background:var(--ui-subtle)!important}
 .toolbar{gap:9px}.toolbar input,.toolbar select{min-height:42px}
 .segment,.filter-tabs{display:flex;flex-wrap:wrap;gap:3px;padding:4px;background:var(--ui-subtle)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;width:fit-content;max-width:100%}
 .segment button,.filter-tabs button{min-height:36px!important;padding:7px 13px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ui-secondary)!important;font-size:12px}
 .segment button.chosen,.filter-tabs button.active,html[data-theme=dark] .segment button.chosen{background:var(--ui-surface)!important;color:var(--ui-blue)!important;box-shadow:0 1px 4px #0001!important;font-weight:700!important}
 .stat-value{color:var(--ui-text)!important}.stat-label,.stat-foot{color:var(--ui-secondary)!important}.stat-mark{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .empty,.ux-empty{color:var(--ui-secondary)!important}.empty strong{color:var(--ui-text)!important}
 .detail-strip,.customer-chip,.balance-chip,.key{background:var(--ui-subtle)!important;color:var(--ui-text)!important}
 .modal-head,.modal-foot,html[data-theme=dark] .modal-head,html[data-theme=dark] .modal-foot{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
 dialog,html[data-theme=dark] dialog{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:20px!important;box-shadow:0 24px 70px #0003!important}
 dialog::backdrop{background:#14181d66;backdrop-filter:blur(7px)}
 .ux-home-intro{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:19px!important;color:var(--ui-text)!important;padding:27px 30px!important;box-shadow:var(--ui-shadow);margin-bottom:12px}
 .ux-home-intro h1{color:var(--ui-text)!important;font-size:clamp(26px,2.4vw,34px)!important;letter-spacing:-.04em;margin:7px 0}
 .ux-home-intro p{color:var(--ui-secondary)!important;font-size:13px}
 .ux-home-actions{gap:10px;margin-bottom:18px}
 .ux-home-actions .ux-action{min-height:72px;background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:15px;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important;font-size:14px}
 .ux-home-actions .ux-action:hover{border-color:var(--ui-blue)!important;background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .ux-queue-mark{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;border-radius:11px}
 .ux-queue-row{color:var(--ui-text)!important;border-bottom:1px solid var(--ui-border)!important}
 .ux-queue-row:hover{background:var(--ui-subtle)!important}
 .ux-queue-row small,.ux-queue .panel-head small{color:var(--ui-tertiary)!important}
 .ux-count{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .ux-balance-strip,.balance-banner{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:17px!important;box-shadow:var(--ui-shadow)!important}
 .ux-balance-strip strong,.balance-banner strong{color:var(--ui-text)!important}
 .balance-banner small{color:var(--ui-secondary)!important}
 .statement-controls{padding:20px!important}
 .statement-stats>.panel:last-child{border-color:var(--ui-blue)!important}
 .statement-stats strong{color:var(--ui-text)!important}
 .ticket-grid{gap:12px}.ticket-card{box-shadow:var(--ui-shadow)}
 .ticket-card .panel-body h2{font-size:18px!important}.ticket-card p{color:var(--ui-secondary)}
 .ticket-status{background:var(--ui-subtle)!important;color:var(--ui-secondary)!important}
 .ticket-status.Ready{background:color-mix(in srgb,var(--ui-green) 12%,var(--ui-surface))!important;color:var(--ui-green)!important}
 .request-intents button,.system-family,.catalogue-tile,.service-choices button,.intake-presets button{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:12px!important}
 .request-intents button:hover,.system-family:hover,.catalogue-tile:hover,.service-choices button:hover,.intake-presets button:hover{border-color:var(--ui-blue)!important;background:var(--ui-blue-soft)!important}
 .request-intents .chosen,.system-family.chosen,.service-choices .chosen,.intake-presets .chosen,.catalogue-tile.chosen{background:var(--ui-blue-soft)!important;border-color:var(--ui-blue)!important;color:var(--ui-blue)!important;box-shadow:inset 0 0 0 1px var(--ui-blue)!important}
 .request-year-buttons .chosen,.device-type-picker .chosen{background:var(--ui-blue-soft)!important;border-color:var(--ui-blue)!important;color:var(--ui-blue)!important}
 .catalogue-tile span,.catalogue-tile i{color:var(--ui-blue)!important}
 .installed-fold,.update-selector,.payment-invoice,.permission-grid label,.trial-card{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:13px!important;color:var(--ui-text)!important}
 .invoice-row{border-top:1px solid var(--ui-border)!important}
 .line-number,.customer-avatar{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .line-title strong,.line-price,.customer-grand-total{color:var(--ui-text)!important}
 .scan-button{background:var(--ui-blue-soft)!important;border-color:var(--ui-blue)!important;color:var(--ui-blue)!important}
 .ux-request .ux-request-summary{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important}
 .ux-mobile-total{display:none}
 .ux-request-progress span{background:var(--ui-surface)!important;border-color:var(--ui-border)!important;color:var(--ui-secondary)!important}
 .ux-request-progress .done{border-color:var(--ui-green)!important;color:var(--ui-green)!important}
 .ux-request-progress .current{border-color:var(--ui-blue)!important;background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important}
 .ux-summary-title{border-color:var(--ui-border)!important}.ux-summary-title span{color:var(--ui-tertiary)!important}
 .ux-order-card{background:var(--ui-surface)!important}.ux-order-card h2{color:var(--ui-text)!important}.ux-order-side strong{color:var(--ui-text)!important}
 .chat-bubble{background:var(--ui-blue)!important;color:var(--ui-bg)!important;box-shadow:0 8px 25px #0003!important}
 .top-banner{background:var(--ui-text)!important;color:var(--ui-surface)!important}
 .auth-body,html[data-theme=dark] .auth-body{background:var(--ui-bg)!important}
 .auth-card,html[data-theme=dark] .auth-card{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:0 18px 60px #0001!important}
 .auth-card{width:min(460px,100%);padding:40px!important;border-radius:24px!important}
 .auth-card .brand-logo{width:52px;height:52px;border-radius:14px;margin-bottom:26px}
 .auth-card .eyebrow{font-size:10px!important;margin-bottom:10px}
 .auth-card h1{font-size:29px!important;line-height:1.3;letter-spacing:-.035em;margin-bottom:10px}
 .auth-card .muted{color:var(--ui-secondary)!important;font-size:13px;line-height:1.7}
 .auth-card form{margin-top:26px}.auth-card label{font-size:12px;font-weight:600;margin-bottom:17px}
 .auth-card label input{margin-top:7px;min-height:48px}
 .auth-card button.primary{min-height:48px;width:100%}
 .auth-card .fine{text-align:center;font-size:11px;margin-top:22px}
 .auth-theme-toggle{position:fixed;inset-inline-end:18px;top:18px;border:1px solid var(--ui-border)!important;background:var(--ui-surface)!important;color:var(--ui-text)!important}
 .security-card>a{display:inline-block;margin-bottom:24px;font-size:12px}
 .auth-card form>label[for]{margin:0 0 7px}
 .password-entry{display:flex;direction:ltr;align-items:stretch;border:1px solid var(--ui-border);border-radius:11px;margin-bottom:18px;overflow:hidden;background:var(--ui-surface)}
 .password-entry input{flex:1;width:0;min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:48px;text-align:left}
 .password-entry button{flex:0 0 auto;min-width:79px;padding:8px;border:0!important;border-radius:0!important;font-size:11px;background:var(--ui-subtle)!important}
 .password-entry:focus-within{border-color:var(--ui-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-blue) 14%,transparent)}
 .auth-card .auth-remember{display:flex;align-items:center;gap:9px;margin:0 0 20px;font-size:12px;font-weight:400}
 .auth-card .auth-remember input{width:18px;height:18px;min-height:0;margin:0}
 .brand-icon{background:var(--ui-blue)!important;color:white!important}
 .ux-layout :focus-visible{outline:3px solid var(--ui-blue)!important;outline-offset:2px}
 .quiet-details{margin-block:12px;color:var(--ui-secondary);min-width:0}
 .quiet-details>summary{cursor:pointer;padding:10px 0;font-size:12px;color:var(--ui-secondary);line-height:1.5}
 .quiet-details>.form-grid,.quiet-details>.intake-presets{margin-top:10px}
 .workflow-tabs{margin-bottom:22px!important}
 .license-options{margin:0 0 8px;padding:0 12px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-subtle)}
 .license-options>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;min-height:46px}
 .license-options>summary::-webkit-details-marker{display:none}
 .license-options>summary strong{color:var(--ui-text);font-size:13px}
 .license-options>summary span{color:var(--ui-blue);font-size:11px}
 .invoice-row .license-options>.form-grid{padding:8px 0 12px!important}
 .repair-intake-section+.repair-intake-section{border-top:1px solid var(--ui-border);margin-top:22px;padding-top:22px}
 .repair-intake-section h2{font-size:17px;margin-bottom:13px}
 .repair-intake-section>label{margin-bottom:14px}
 .device-type-picker,.repair-currency-buttons{display:flex;gap:7px;margin:10px 0 15px}
 .device-type-picker button{flex:1;min-height:44px;white-space:normal;font-size:12px;padding:9px 10px}
 .repair-customer-chip{display:grid;gap:5px;padding:14px;border:1px solid var(--ui-border);border-radius:12px;margin:14px 0;background:var(--ui-subtle)}
 .repair-customer-chip strong{color:var(--ui-text);font-size:14px}.repair-customer-chip span{color:var(--ui-secondary);font-size:12px}
 .repair-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:17px 20px;border-top:1px solid var(--ui-border);background:var(--ui-surface)}
 .repair-form-actions small{margin-inline-end:auto;color:var(--ui-secondary);font-size:11px}
 .repair-form-actions button{min-height:46px;white-space:normal}
 .repair-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0;margin:0 0 22px;list-style:none}
 .repair-progress li{display:grid;justify-items:center;gap:7px;position:relative;color:var(--ui-tertiary)}
 .repair-progress li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ui-subtle);border:1px solid var(--ui-border);font-size:12px;z-index:1}
 .repair-progress li:not(:last-child):after{content:'';position:absolute;top:15px;width:100%;inset-inline-start:50%;height:1px;background:var(--ui-border)}
 .repair-progress li.current{color:var(--ui-blue);font-weight:700}
 .repair-progress li.current>span{border-color:var(--ui-blue);background:var(--ui-blue-soft)}
 .repair-progress li.complete>span{background:var(--ui-blue);border-color:var(--ui-blue);color:var(--ui-surface)}
 .repair-progress small{font-size:11px;text-align:center;white-space:normal}
 .repair-device-context{padding:15px;background:var(--ui-subtle);border-radius:12px;margin-bottom:18px}
 .repair-device-context p{margin:0 0 7px;font-size:13px}.repair-device-context a{font-size:12px}
 .repair-device-context .repair-money{border:0;background:none;padding:0;margin-top:10px}
 .repair-inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 20px}
 .repair-inline-actions button{min-height:40px;white-space:normal;font-size:12px}
 .repair-payment-box{padding-top:18px;border-top:1px solid var(--ui-border)}
 .repair-payment-box h3{font-size:14px;margin-bottom:8px}
 .repair-payment-box input[name=amount]{font-size:22px;font-weight:700;min-height:54px}
 .repair-selected-invoices{display:grid;gap:7px;margin:12px 0;color:var(--ui-secondary)}
 .repair-support{min-width:0}.repair-support .panel{margin-bottom:14px}
 .repair-support .quiet-details{margin:0}.repair-support .quiet-details>summary{font-weight:650;color:var(--ui-text)}
 .repair-invoice,.repair-history article,.work-note{background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
 .repair-history p,.repair-history small,.work-note small{color:var(--ui-secondary)!important}
 .ticket-form .intake-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .ticket-form .intake-presets button{min-height:44px;font-size:12px;white-space:normal;padding:9px}
}
@media(max-width:1050px) and (min-width:761px){.ux-layout{grid-template-columns:208px minmax(0,1fr)}}
@media(max-width:760px){
 .ux-layout{display:block}
 .ux-layout .content{padding:16px 14px calc(90px + env(safe-area-inset-bottom))!important}
 .ux-sidebar{width:min(84vw,310px)!important;height:100dvh!important;z-index:40!important;box-shadow:0 0 0 100vmax #0006!important}
 .ux-topbar{min-height:60px;padding:8px 14px!important;gap:7px}
 .ux-topbar-name{min-width:0}.ux-topbar-name strong{overflow:hidden;text-overflow:ellipsis}
 .ux-topbar .top-actions{margin-inline-start:auto}
 .ux-topbar .top-actions>button{width:38px!important;min-width:38px!important;flex-basis:38px!important}
 .ux-topbar .search{order:3;flex:1 0 100%;max-width:none}
 .ux-topbar .search input{min-height:42px;font-size:16px}
 .pagehead{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;margin-bottom:16px!important}
 .pagehead .head-actions{grid-column:1!important;grid-row:auto!important;justify-content:flex-start!important;align-self:auto!important;width:100%;margin-top:8px;gap:7px}
 .pagehead .head-actions button{min-height:42px}
 .repair-layout{grid-template-columns:1fr!important;gap:12px}
 .repair-form-actions{display:grid;grid-template-columns:1fr;padding:14px!important}
 .repair-form-actions button{width:100%;min-height:48px}
 .repair-form-actions small{margin:0}
 .ticket-form .intake-presets{grid-template-columns:repeat(2,minmax(0,1fr))}
 .repair-inline-actions{display:grid;grid-template-columns:1fr 1fr}
 .license-options>summary{gap:5px}.license-options>summary span{font-size:10px}
 .pagehead h1{font-size:26px!important;line-height:1.25}
 .pagehead p{width:auto!important;max-width:100%!important;line-height:1.55;overflow-wrap:break-word}
 .ux-mobile-nav{min-height:69px;background:color-mix(in srgb,var(--ui-surface) 91%,transparent)!important;border-top:1px solid var(--ui-border)!important;box-shadow:0 -2px 15px #0001!important;backdrop-filter:blur(20px);z-index:30}
 .ux-mobile-nav button{color:var(--ui-tertiary)!important;font-size:10px;border:0!important;border-radius:11px!important}
 .ux-mobile-nav button.active{color:var(--ui-blue)!important;background:var(--ui-blue-soft)!important}
 .ux-mobile-nav .ux-mobile-create{background:var(--ui-blue)!important;color:var(--ui-surface)!important;font-weight:650}
 .ux-mobile-nav .ux-mobile-create.active{background:var(--ui-blue-hover)!important;color:var(--ui-surface)!important}
 .ux-home-intro{padding:22px 20px!important;border-radius:16px!important}
 .ux-home-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .ux-home-actions .ux-action{min-height:68px;padding:12px!important;font-size:12px}
 .ux-home-grid,.grid-two,.ticket-grid,.help-grid{grid-template-columns:1fr}
 .statement-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .statement-stats>.panel{padding:15px!important}.statement-stats strong{font-size:18px!important;overflow-wrap:anywhere}
 .statement-controls{padding:15px!important}
 .segment,.filter-tabs{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .segment::-webkit-scrollbar,.filter-tabs::-webkit-scrollbar{display:none}
 .segment button,.filter-tabs button{flex:1 0 auto;white-space:nowrap}
 .panel-head,.panel-body{padding:15px!important}
 .table-wrap{margin-inline:-1px}
 th,td{padding:11px 12px!important}
 .ux-card-table,.ux-card-table tbody{display:block;width:100%}
 .ux-card-table thead{display:none}
 .ux-card-table tbody tr{display:grid;grid-template-columns:1fr;gap:0;padding:13px 15px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}
 .ux-card-table tbody tr:last-child{border-bottom:0}
 .ux-card-table tbody td{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;padding:5px 0!important;border:0!important;white-space:normal;overflow-wrap:anywhere;text-align:start}
 .ux-card-table tbody td:first-child{display:block;padding-bottom:9px!important;margin-bottom:4px;border-bottom:1px solid var(--ui-border)!important;font-size:14px}
 .ux-card-table tbody td:first-child::before{display:none}
 .ux-card-table tbody td::before{content:attr(data-label);flex:0 0 34%;max-width:34%;font-size:11px;color:var(--ui-tertiary);font-weight:600}
 .ux-card-table tbody td[data-label=""]::before{display:none}
 .ux-card-table tbody td:last-child{justify-content:flex-end;padding-top:10px!important}
 .ux-card-table tbody td:last-child::before{display:none}
 .ux-card-table tbody td button{white-space:normal;min-height:38px}
 .ux-card-table tbody tr.ux-selection-row{position:relative}
 .ux-card-table tbody tr.ux-selection-row td:first-child{position:absolute;inset-inline-end:15px;top:14px;width:26px;height:30px;padding:0!important;margin:0;border:0!important}
 .ux-card-table tbody tr.ux-selection-row td:first-child input{margin:0}
 .ux-card-table tbody tr.ux-selection-row td:nth-child(2){display:block;padding:0 34px 11px 0!important;margin-bottom:4px;border-bottom:1px solid var(--ui-border)!important;font-size:14px}
 .ux-card-table tbody tr.ux-selection-row td:nth-child(2)::before{display:none}
 .ux-request.job-sheet{display:flex;flex-direction:column;gap:12px}
 .ux-request .ux-request-summary{width:100%;position:static!important;margin-bottom:0!important}
 .ux-request:has(.ux-mobile-total){padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
 .ux-mobile-total{position:fixed;z-index:26;bottom:calc(69px + env(safe-area-inset-bottom));inset-inline:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;background:color-mix(in srgb,var(--ui-surface) 94%,transparent);border-top:1px solid var(--ui-border);box-shadow:0 -8px 22px #0001;backdrop-filter:blur(18px)}
 .ux-mobile-total>div{min-width:0;display:grid;gap:1px}.ux-mobile-total small{color:var(--ui-secondary);font-size:11px}.ux-mobile-total strong{color:var(--ui-text);font-size:20px;white-space:nowrap;direction:ltr;text-align:end}
 .ux-mobile-total button{min-height:46px;white-space:normal;flex:0 0 auto;padding:10px 16px}
 .ux-request-progress{gap:5px}.ux-request-progress span{font-size:11px;padding:8px 3px}
 .ux-request .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ux-order-card{grid-template-columns:minmax(0,1fr) auto}
 .ux-order-actions{justify-content:stretch}.ux-order-actions button{flex:1}
 .balance-banner strong{font-size:27px!important}
 .chat-bubble{bottom:82px!important;width:48px!important;height:48px!important}
 body:has(.ux-intake-page .ux-mobile-total) .chat-bubble{bottom:calc(151px + env(safe-area-inset-bottom))!important}
 .push-banner{bottom:142px!important}
}
@media(max-width:390px){
 .ux-topbar .top-actions>button{width:34px!important;min-width:34px!important;flex-basis:34px!important}
 .ux-request .system-family-choices,.ux-request .catalogue-grid{grid-template-columns:1fr}
 .pagehead .head-actions button{flex:1}
}
@media print{.ux-mobile-nav{display:none!important}}

@media(min-width:901px){.ux-topbar .mobile-menu{display:none!important}}

body:has(#ticket-intake) .ux-topbar .search,body:has(#repair-update) .ux-topbar .search{display:none!important}
/* Additional selectable appearances; all use the same permission-aware workflows. */
html[data-theme=navy]{
 --ui-bg:#091323;--ui-surface:#122039;--ui-raised:#1a2c49;--ui-subtle:#1e304c;
 --ui-text:#f2f6fc;--ui-secondary:#b6c4dc;--ui-tertiary:#9caecb;
 --ui-border:#304563;--ui-blue:#a9ccff;--ui-blue-hover:#c6ddff;
 --ui-blue-soft:#1b365d;--ui-green:#91dfb6;--ui-red:#ffaca8;
 --ui-amber:#edc06e;--ui-shadow:0 2px 12px #0003;color-scheme:dark;
}
html[data-theme=apple]{
 --ui-bg:#f5f5f7;--ui-surface:#fff;--ui-raised:#fff;--ui-subtle:#f0f0f3;
 --ui-text:#1d1d1f;--ui-secondary:#6e6e73;--ui-tertiary:#737378;
 --ui-border:#dedee3;--ui-blue:#0071e3;--ui-blue-hover:#005bb5;
 --ui-blue-soft:#eaf3ff;--ui-green:#24844c;--ui-red:#bc3038;
 --ui-amber:#856019;--ui-shadow:0 2px 8px #1d1d1f05;color-scheme:light;
}
@media screen{
 html[data-theme=navy] :is(a,.scan-button,.catalogue-tile span,.catalogue-tile i,.quiet-details>summary span,.device-type-picker .chosen,.request-year-buttons .chosen,.request-intents .chosen,.system-family.chosen,.service-choices .chosen,.intake-presets .chosen,.catalogue-tile.chosen,.ux-request-progress .current,.nav button.active,.nav button:hover,.workflow-tabs .chosen,.segment button.chosen,.filter-tabs button.active,.ux-mobile-nav button.active,.stat-mark,.line-number,.customer-avatar,.ux-count,.ux-queue-mark){color:#a9ccff!important}
 html[data-theme=navy] :is(.primary,button.primary,.ux-mobile-create){background:#2867cf!important;border-color:#2867cf!important;color:white!important}
 html[data-theme=navy] :is(.primary:hover,button.primary:hover,.ux-mobile-create.active){background:#2059b7!important;color:white!important}
 html[data-theme=apple] body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif}
 html[data-theme=apple] :is(.panel,.stat,.ux-home-intro,.ux-home-actions .ux-action,.system-family,.catalogue-tile){border-radius:16px!important;box-shadow:none!important}
 html[data-theme=apple] :is(.ux-topbar,.ux-mobile-nav){background:color-mix(in srgb,#f5f5f7 90%,transparent)!important;backdrop-filter:blur(20px)}
 html[data-theme=apple] .ux-sidebar{background:#f5f5f7!important}
 html[data-theme=apple] :is(.pagehead h1,.ux-home-intro h1){font-weight:650;letter-spacing:-.035em}
 html[data-theme=apple] :is(button,input,select,textarea){border-radius:10px!important}
 html[data-theme=apple] .chat-bubble{border-radius:50%!important}
 .theme-picker{position:fixed;inset-inline-end:14px;z-index:110;width:310px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 120px);overflow:auto;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-border);border-radius:18px;padding:14px;box-shadow:0 18px 55px #0003;direction:rtl}
 .theme-picker[hidden]{display:none!important}
 .theme-picker-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:14px}
 .theme-picker-head button{width:36px;min-height:36px;padding:0;font-size:22px;background:var(--ui-subtle)!important;color:var(--ui-text)!important;border:0!important}
 .theme-choices{display:grid;gap:7px}
 .theme-choices button{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px;text-align:start;background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;box-shadow:none!important}
 .theme-choices button[aria-pressed=true]{background:var(--ui-blue-soft)!important;border-color:var(--ui-blue)!important}
 .theme-choices strong{display:block;font-size:13px;font-weight:650;line-height:1.5}.theme-choices small{display:block;font-size:10px;color:var(--ui-secondary);margin-top:2px}
 .theme-swatch{width:36px;height:36px;flex:0 0 36px;border-radius:11px;border:1px solid #8885;box-shadow:inset -12px 0 0 var(--swatch-accent);background:var(--swatch-bg)}
 .theme-swatch-dark{--swatch-bg:#211e25;--swatch-accent:#ade6c9}.theme-swatch-light{--swatch-bg:#f4f3f0;--swatch-accent:#24765d}.theme-swatch-navy{--swatch-bg:#122039;--swatch-accent:#2867cf}.theme-swatch-apple{--swatch-bg:#f5f5f7;--swatch-accent:#0071e3}
 .theme-selected{margin-inline-start:auto;visibility:hidden;font-size:17px}.theme-choices [aria-pressed=true] .theme-selected{visibility:visible}
 .theme-picker :focus-visible{outline:2px solid var(--ui-blue)!important;outline-offset:2px}
}
@media print{#theme-picker{display:none!important}}

@media screen{
 .startup-placeholder{min-height:100dvh;display:flex;align-items:center;justify-content:center}
 .startup-placeholder img{object-fit:contain;width:64px;height:64px;animation:almaqar-heartbeat 1.3s ease-in-out infinite;transform-origin:center}.startup-placeholder span{display:none}
 @keyframes almaqar-heartbeat{0%,38%,100%{transform:scale(1);opacity:.85}12%{transform:scale(1.12);opacity:1}24%{transform:scale(1.02);opacity:.9}30%{transform:scale(1.08);opacity:1}}
 @media(prefers-reduced-motion:reduce){.startup-placeholder img{animation:none;opacity:1}}
}