
/* Alarrab shared appearance. Screen only; original print rules and behavior retained. */
@media screen {
html.arrab-ui{--ar-bg:#070a18;--ar-panel:#11182d;--ar-panel2:#18223c;--ar-edge:#33405e;--ar-ink:#eef3ff;--ar-muted:#bac6df;--ar-field:#0b1123;--ar-side:#0c1227;--ar-accent:#37d9f5;--ar-shadow:0 8px 22px #01040e33}
html.arrab-ui[data-arrab-theme=light]{--ar-bg:#f0f3fa;--ar-panel:#fff;--ar-panel2:#eaf0fa;--ar-edge:#cbd5e6;--ar-ink:#192c49;--ar-muted:#526583;--ar-field:#f7f9fd;--ar-side:#f8faff;--ar-accent:#087fa5;--ar-shadow:0 7px 20px #17355812}
html.arrab-ui,html.arrab-ui body{background:var(--ar-bg)!important;color:var(--ar-ink)!important;color-scheme:dark;font-family:Cairo,"Segoe UI",Tahoma,Arial,sans-serif!important}
html.arrab-ui[data-arrab-theme=light],html.arrab-ui[data-arrab-theme=light] body{color-scheme:light}
html.arrab-ui body:before{opacity:.13!important}
html.arrab-ui body :is(h1,h2,h3,h4,h5,label,legend){color:var(--ar-ink)!important;text-shadow:none!important}
html.arrab-ui body :is(.sub,.subtitle,.hint,.help,.muted,.description,.field small,.section-head p,.panel-head p){color:var(--ar-muted)!important}
html.arrab-ui body :is(.card,.panel,.glass,.search-box,.table-box,.table-card,.mobile-card,.report-card,.control-card,.quick-card,.wa-card,.user-card,.shop,.shop-card,.metric-card,.stats-card,.summary-card,.filter-panel,.filter-box,.filter-box-pro,.form-card,.result-card,.box,.modal-content,.dialog-content,.scanner-box,.side-card,.dash-side-card,.side-brand){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:var(--ar-shadow),inset 0 1px 0 #ffffff08!important;backdrop-filter:none!important}
html.arrab-ui body :is(.header,.topbar,.page-header,.page-head,.amer-shell-topbar){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:var(--ar-shadow)!important}
html.arrab-ui body :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=color]),select,textarea){background:var(--ar-field)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:inset 0 2px 4px #00000010!important}
html.arrab-ui body :is(input,textarea)::placeholder{color:var(--ar-muted)!important;opacity:1!important}
html.arrab-ui body :is(input,select,textarea):focus{outline:2px solid var(--ar-accent)!important;outline-offset:2px!important}
html.arrab-ui body table{background:var(--ar-panel)!important;color:var(--ar-ink)!important}
html.arrab-ui body :is(th,thead td){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}
html.arrab-ui body td{background:var(--ar-panel)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}
html.arrab-ui body tr:nth-child(even) td{background:color-mix(in srgb,var(--ar-panel),var(--ar-panel2) 32%)!important}
html.arrab-ui body tr:hover td{background:var(--ar-panel2)!important}
html.arrab-ui body :is(.note-cell,.tech-note-cell,.mobile-card .line,.customer-name,.device-name,.amount,.value){color:var(--ar-ink)!important}
html.arrab-ui body :is(.order-code,.tech-name,.branch-badge,.badge:not(.status),.mini-count,.chip,.tag){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}
html.arrab-ui body :is(.btn-primary,.search-btn,.btn-blue,.save-btn,.submit-btn){background:linear-gradient(110deg,#37d9f5,#7498f2)!important;color:#071e32!important;border-color:#72daf0!important;box-shadow:0 3px 8px #0002!important}
html.arrab-ui body :is(.btn-gray,.clear-btn,.back,.btn.g,.btn-secondary){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side){background:var(--ar-side)!important;background-image:none!important;border-color:var(--ar-edge)!important;box-shadow:-5px 0 18px #02061722!important;backdrop-filter:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side):before,html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side):after{background:none!important;box-shadow:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) :is(.brand,.logo,.side-brand){background:transparent!important;border-color:var(--ar-edge)!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) :is(a,strong,b,h1,h2,h3){color:var(--ar-ink)!important;text-shadow:none!important;-webkit-text-fill-color:var(--ar-ink)!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) :is(small,p){color:var(--ar-muted)!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a,html.arrab-ui body .amer-shell-logout a{background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important;transform:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:hover{background:var(--ar-panel2)!important;border-color:var(--ar-edge)!important;transform:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:is(.on,.active,[aria-current=page]){background:var(--ar-panel2)!important;border-color:var(--ar-edge)!important;border-inline-start:3px solid var(--ar-accent)!important;color:var(--ar-accent)!important;box-shadow:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a i{background:transparent!important;box-shadow:none!important;filter:saturate(.5)!important;color:var(--ar-accent)!important}
html.arrab-ui body .logo b{background:none!important;color:var(--ar-ink)!important;-webkit-text-fill-color:var(--ar-ink)!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side){background:#f8faff!important;color:#192c49!important;border-color:#cbd5e6!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:is(.on,.active){background:#e2eff8!important;color:#096f90!important}
html.arrab-ui body .arrab-shared-toggle{font:600 12px Cairo,"Segoe UI",Tahoma,sans-serif!important;border:1px solid var(--ar-edge)!important;border-radius:20px!important;background:var(--ar-panel2)!important;color:var(--ar-ink)!important;padding:9px 14px!important;cursor:pointer!important;line-height:1.6!important;white-space:nowrap!important;box-shadow:none!important;flex:0 0 auto!important}
html.arrab-ui body .arrab-shared-toggle.arrab-floating{position:fixed!important;bottom:18px!important;left:18px!important;z-index:9996!important;box-shadow:var(--ar-shadow)!important}
html.arrab-ui body :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ar-accent)!important;outline-offset:3px!important}
html.arrab-ui body .amer-shell-user,html.arrab-ui body .amer-shell-heading{color:var(--ar-ink)!important;background:transparent!important;border-color:var(--ar-edge)!important}
html.arrab-ui body .amer-shell-heading p,html.arrab-ui body .amer-shell-user small{color:var(--ar-muted)!important}
html.arrab-ui body .amer-shell-nav a:nth-child(n){background:transparent!important;color:var(--ar-ink)!important;box-shadow:none!important;border-color:transparent!important}
html.arrab-ui body .amer-shell-nav a.active{background:var(--ar-panel2)!important;border-color:var(--ar-edge)!important}
html.arrab-ui body :is(.thread,.stats a,.row2,.legend a,.co){background:var(--ar-field)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side) .logo b{color:#192c49!important;-webkit-text-fill-color:#192c49!important}
html.arrab-ui[data-arrab-theme=light] body .core .n{filter:none!important;text-shadow:none!important;background:none!important;-webkit-text-fill-color:#17334c!important;color:#17334c!important}
html.arrab-ui[data-arrab-theme=light] body .thread p{color:#526583!important}
@media(max-width:600px){html.arrab-ui body .arrab-shared-toggle{font-size:11px!important;padding:8px 11px!important}html.arrab-ui body .arrab-shared-toggle.arrab-floating{bottom:12px!important;left:12px!important}}
}
@media print{.arrab-shared-toggle{display:none!important}}

@media screen{html.arrab-ui[data-arrab-theme=light] body :is(.glass,.kpi,.shop):before,html.arrab-ui[data-arrab-theme=light] body .reactor:after{display:none!important}html.arrab-ui[data-arrab-theme=light] body :is(.legend,.row2,.stats,.thread,.acts,.wa-head,.co) :is(span,b,strong,p,small){color:var(--ar-ink)!important}html.arrab-ui[data-arrab-theme=light] body :is(.pill,.row a,.row button,.xb,.btn.g){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:none!important}html.arrab-ui[data-arrab-theme=light] body .btn:not(.r):not(.g){color:#09283b!important}html.arrab-ui[data-arrab-theme=light] body .core .k{color:#273e5d!important}html.arrab-ui[data-arrab-theme=light] body .kpi span{color:#273e5d!important}}

@media screen{html.arrab-ui:not([data-arrab-theme=light]) body .actual-delivery{color:#78dbb7!important}html.arrab-ui:not([data-arrab-theme=light]) body :is(.total,.balance,.cash,.summary-item) :is(label,small,p){color:var(--ar-muted)!important}html.arrab-ui body :is(.field,.form-group) label{color:var(--ar-ink)!important}html.arrab-ui[data-arrab-theme=light] body .btn:not(.r):not(.g),html.arrab-ui[data-arrab-theme=light] body .pill{color:#17334c!important}}

@media screen{html.arrab-ui body :is(.container,.page,.wrap,.field,.form-section,.form-box,.content-box,.filters,.filter-card,.hero,.hero-side,.mode-box,.summary,.totals,.info-box,.customer-box,.payment-box){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:var(--ar-shadow)!important}html.arrab-ui body :is(.quick-btn,.radio-label,.mode-option,.tab-btn,.tab,.option-card){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body :is(.field,.container,.hero,.header):before,html.arrab-ui body :is(.field,.container,.hero,.header):after{background:none!important;box-shadow:none!important}html.arrab-ui body .field label{color:var(--ar-ink)!important}html.arrab-ui body .field small{color:var(--ar-muted)!important}}

@media screen{html.arrab-ui body :is(.glass,.panel,.card,.field,.container,.hero,.shop,.kpi,.report-card,.amer-shell-topbar){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.arrab-ui body :is(.cursor,.wa-pro-glow){display:none!important}html.arrab-ui body :is(.spot,.kpi,.reactor-card,.shop){transform:none!important;transition:background-color .12s,border-color .12s!important}html.arrab-ui body :is(.spot,.glass,.kpi,.shop):before,html.arrab-ui body :is(.spot,.glass,.kpi,.shop):after{background:none!important;box-shadow:none!important}html.arrab-ui body .spin,html.arrab-ui body .prog{animation:none!important}html.arrab-ui body .reactor{filter:none!important}html.arrab-ui body .reactor:after{background:none!important;box-shadow:none!important}html.arrab-ui body .ov{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}html.arrab-ui body :is(.label,.field-label,.form-label,.stat-label,.metric-label,.card-title,.title,.row2,.legend){color:var(--ar-ink)!important}html.arrab-ui body :is(.toolbar,.form-grid,.form-panel,.section-box,.form-section,.details-box,.info-card,.summary-box,.filter-box,.filters-box,.payment-card,.customer-card,.note-box,.receipt-card){background:var(--ar-panel)!important;background-image:none!important;border-color:var(--ar-edge)!important;color:var(--ar-ink)!important}html.arrab-ui body :is(.summary-item,.stat,.stat-box,.mini-card,.metric,.metric-box){background:var(--ar-panel2)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui[data-arrab-theme=light] body .kpi strong{filter:none!important;text-shadow:none!important}html.arrab-ui[data-arrab-theme=light] body :is(.new,.btn){text-shadow:none!important}}

@media screen{html.arrab-ui body :is(.settings-link,.btn-soft,.btn-light,.no-phone-btn,.no-phone-button),html.arrab-ui body .field button:not(.btn-danger):not(.delete){background:var(--ar-panel2)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:none!important}html.arrab-ui body .header .settings-link{color:var(--ar-accent)!important}}

@media screen{html.arrab-ui body :is(.group,.branch,.table-head,.table-header,.content-card,.section-card,.content-panel,.summary-section,.info-section,.chat-list,.chat-panel,.chat-window,.conversation-list,.thread-list,.chat-header,.chat-footer,.chat-input,.modal-box,.modal-card,.popup-card,.login,.brand){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:var(--ar-shadow)!important}html.arrab-ui body :is(.customer-label,.customer-name,.shop-name,.supplier-name){color:var(--ar-ink)!important}html.arrab-ui body :is(.hero p,.group p,.table-head p,.stat span,.stat small,.branch p){color:var(--ar-muted)!important}html.arrab-ui body .stat b{color:var(--ar-accent)!important}html.arrab-ui body :is(.phone-link,.eyebrow){background:var(--ar-panel2)!important;color:var(--ar-accent)!important;border-color:var(--ar-edge)!important}html.arrab-ui body .brand p{color:var(--ar-muted)!important}}

@media screen{html.arrab-ui body .arrab-auto-surface:not(#arrab-color-exempt){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:var(--ar-shadow)!important}html.arrab-ui body .arrab-auto-ink:not(#arrab-color-exempt){color:var(--ar-ink)!important;-webkit-text-fill-color:var(--ar-ink)!important;text-shadow:none!important}html.arrab-ui body :is(.log-card,.call-card,.call-item,.details-panel,.section-title,.table-title,.filter-section,.search-panel,.form-container,.content-header,.panel-body,.panel-footer,.card-header,.card-body,.card-footer){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body :is(.customer-label,.supplier-label,.shop-label,.name,.log-title,.call-name){color:var(--ar-ink)!important}}

@media screen{html.arrab-ui body :is(.searchBox,.searchInner,.sumCard,.filterTabs,.threads,.chatHeader,.messages,.chatFooter,.composer,.size-card){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body :is(.sumCard span,.sumCard b,.chatHeader strong,.threadName,.threadPreview,.filterTabs button){color:var(--ar-ink)!important}html.arrab-ui body .size-card.active{border-color:var(--ar-accent)!important;background:var(--ar-panel2)!important}}

@media screen{html.arrab-ui body :is(.listPane,.chatPane,.toast,.size-card,.status,.hero-kicker,.expense-control,.table-wrap):not(#arrab-color-exempt){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:not(#arrab-color-exempt){font-size:14px!important;font-weight:700!important;line-height:1.65!important;border-radius:12px!important;box-shadow:none!important;text-shadow:none!important;transition:background-color .12s,color .12s!important}}
@media screen{html.arrab-ui body :is(.listPane,.chatPane,.toast,.size-card,.status,.hero-kicker,.expense-control,.table-wrap):not(#arrab-exempt-a#arrab-exempt-b){background:var(--ar-panel)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body .size-card :is(strong,b,span,small):not(#arrab-exempt-a#arrab-exempt-b){color:var(--ar-ink)!important}}
@media screen{html.arrab-ui body button:not(#arrab-exempt-a#arrab-exempt-b){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;-webkit-text-fill-color:var(--ar-ink)!important;border-color:var(--ar-edge)!important}html.arrab-ui body button:is([type=submit],.primary,.btn-primary):not(#arrab-exempt-a#arrab-exempt-b){background:#087fa5!important;color:#fff!important;-webkit-text-fill-color:#fff!important}}
/* Shared cosmic design; screen appearance only. */
@media screen {
html.arrab-ui{--ar-bg:#05061a;--ar-panel:#11163e;--ar-panel2:#1b2351;--ar-edge:#667ed34d;--ar-ink:#eef2ff;--ar-muted:#bcc8ed;--ar-field:#080c29;--ar-side:#0d1231;--ar-accent:#a693ff;--ar-shadow:0 5px 0 #030619,0 16px 30px #0005}
html.arrab-ui[data-arrab-theme=light]{--ar-bg:#edf2fc;--ar-panel:#f9fbff;--ar-panel2:#e6edf9;--ar-edge:#bdcce7;--ar-ink:#192b49;--ar-muted:#526685;--ar-field:#f4f7ff;--ar-side:#f7f9ff;--ar-accent:#6650d8;--ar-shadow:0 4px 0 #c9d5e8,0 12px 24px #29446616}
html.arrab-ui body:not(#fm-a#fm-b#fm-c){background-color:var(--ar-bg)!important;background-image:radial-gradient(ellipse at 5% 0%,#6a2cff28,transparent 44%),radial-gradient(ellipse at 98% 18%,#00a9ff1f,transparent 44%),radial-gradient(ellipse at 50% 100%,#ff3d9a12,transparent 45%)!important;background-attachment:fixed!important;font-weight:500!important;line-height:1.65!important}
html.arrab-ui[data-arrab-theme=light] body:not(#fm-a#fm-b#fm-c){background-image:radial-gradient(ellipse at 5% 0%,#9b6bff12,transparent 44%),radial-gradient(ellipse at 98% 18%,#00a9ff0d,transparent 44%)!important}
html.arrab-ui body :is(.card,.panel,.glass,.hero,.group,.branch,.report-card,.control-card,.quick-card,.wa-card,.user-card,.shop-card,.summary-section,.info-section,.form-card,.content-card,.section-card,.content-panel,.content-section,.result-card,.box,.modal-content,.modal-box,.modal-card,.dialog-content,.scanner-box,.table-box,.table-card,.table-wrap,.search-box,.search-panel,.filter-panel,.filter-box,.filter-box-pro,.form-panel,.form-section,.details-panel,.details-box,.info-card,.summary-box,.filter-section,.form-container,.listPane,.chatPane,.status,.size-card,.arrab-auto-surface):not(#fm-a#fm-b#fm-c){background:linear-gradient(155deg,#1c2458e8,#0d1233f5)!important;color:var(--ar-ink)!important;border:1px solid var(--ar-edge)!important;border-top-color:#a5baff69!important;border-radius:24px!important;box-shadow:var(--ar-shadow),inset 0 1px 0 #ffffff18!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.arrab-ui body :is(.header,.topbar,.page-header,.page-head,.amer-shell-topbar):not(#fm-a#fm-b#fm-c){background:linear-gradient(150deg,#1b2257f0,#0b1030f5)!important;border:1px solid var(--ar-edge)!important;border-top-color:#b3c5ff70!important;border-radius:24px!important;box-shadow:0 5px 0 #030619,0 16px 30px #0004,inset 0 1px 0 #ffffff18!important}
html.arrab-ui body :is(.stat,.stat-box,.summary-item,.mini-card,.metric,.metric-box,.kpi,.metric-card,.stats-card,.summary-card,.trio a,.stats a,.row2,.legend a):not(#fm-a#fm-b#fm-c){background:linear-gradient(145deg,#263060a6,#141b42)!important;border:1px solid var(--ar-edge)!important;border-top-color:#a5baff55!important;border-radius:18px!important;box-shadow:0 3px 0 #060922,inset 0 1px 0 #ffffff0a!important;color:var(--ar-ink)!important}
html.arrab-ui body :is(.stat b,.metric strong,.metric-value,.stat-value,.kpi strong):not(#fm-a#fm-b#fm-c){color:var(--ar-accent)!important;font-variant-numeric:tabular-nums!important;letter-spacing:0!important}
html.arrab-ui body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea):not(#fm-a#fm-b#fm-c){background:var(--ar-field)!important;color:var(--ar-ink)!important;border:1px solid var(--ar-edge)!important;border-radius:13px!important;box-shadow:inset 0 2px 5px #0003!important;font-size:15.5px!important}
html.arrab-ui body :is(button,.btn,.button):not(#fm-a#fm-b#fm-c){border-radius:13px!important;box-shadow:0 3px 0 #02051b80,inset 0 1px 0 #ffffff1f!important;font-weight:700!important;transition:background-color .15s,box-shadow .15s!important;line-height:1.6!important}
html.arrab-ui body :is(button[type=submit],.btn-primary,.primary,.search-btn,.save-btn,.submit-btn,.btn-blue):not(#fm-a#fm-b#fm-c){background:linear-gradient(135deg,#6755df,#9b5de0)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#a890ff70!important;box-shadow:0 4px 0 #38296b,0 7px 15px #7b6bff22,inset 0 1px 0 #ffffff30!important}
html.arrab-ui body :is(.btn-danger,.delete-btn,.btn.r,button[name*=delete],button[name*=remove]):not(#fm-a#fm-b#fm-c){background:#a52b4c!important;border-color:#e35e7b!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.arrab-ui body :is(.tabs,.filterTabs,.toolbar,.pagination,.filter-bar):not(#fm-a#fm-b#fm-c){background:transparent!important;border-color:var(--ar-edge)!important;color:var(--ar-ink)!important}
html.arrab-ui body :is(.tabs,.filterTabs,.pagination) :is(a,button):not(#fm-a#fm-b#fm-c){background:var(--ar-panel2)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;border-radius:12px!important}
html.arrab-ui body :is(.tabs,.filterTabs,.pagination) :is(.active,.on,[aria-current=page]):not(#fm-a#fm-b#fm-c){background:linear-gradient(135deg,#7b6bff,#c34f9d)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side):not(#fm-a#fm-b#fm-c){background:linear-gradient(170deg,#1b2257f2,#090e2dfc)!important;border:1px solid var(--ar-edge)!important;border-top-color:#b3c5ff70!important;border-radius:24px!important;box-shadow:-6px 0 20px #0003,inset 0 1px 0 #ffffff20!important;backdrop-filter:none!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:not(#fm-a#fm-b#fm-c){background:#ffffff09!important;border:1px solid #7fa0ff22!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #ffffff08!important;font-size:14px!important;line-height:1.65!important;color:var(--ar-ink)!important;-webkit-text-fill-color:var(--ar-ink)!important;box-sizing:border-box!important}
html.arrab-ui body .amer-shell-nav a:nth-child(n):not(#fm-a#fm-b#fm-c){width:100%!important;min-height:52px!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:is(.on,.active,[aria-current=page]):not(#fm-a#fm-b#fm-c){background:linear-gradient(125deg,#6650d8,#a743a3)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#b3a6ff80!important;border-inline-start:3px solid #6fe8ff!important;box-shadow:0 3px 0 #32225c,inset 0 1px 0 #ffffff33!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:hover:not(#fm-a#fm-b#fm-c){background:#ffffff19!important;border-color:#a5baff70!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) :is(.brand,.logo,.side-brand):not(#fm-a#fm-b#fm-c){background:transparent!important;box-shadow:none!important;border-radius:18px!important}
html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) i:not(#fm-a#fm-b#fm-c){background:transparent!important;box-shadow:none!important;filter:none!important}
html.arrab-ui body table:not(#fm-a#fm-b#fm-c){background:var(--ar-panel)!important;border-color:var(--ar-edge)!important}
html.arrab-ui body :is(th,thead td):not(#fm-a#fm-b#fm-c){background:#222b58!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;font-weight:800!important}
html.arrab-ui body td:not(#fm-a#fm-b#fm-c){background:#101637!important;color:var(--ar-ink)!important;border-color:#6077bb33!important}
html.arrab-ui body tr:nth-child(even) td:not(#fm-a#fm-b#fm-c){background:#151d42!important}
html.arrab-ui body tr:hover td:not(#fm-a#fm-b#fm-c){background:#26305c!important}
html.arrab-ui body :is(.searchBox,.searchInner,.sumCard,.threads,.chatHeader,.messages,.chatFooter,.composer,.thread,.chat-list,.chat-panel,.chat-window,.conversation-list,.thread-list):not(#fm-a#fm-b#fm-c){background:var(--ar-panel)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;border-radius:16px!important}
html.arrab-ui body :is(.thread.active,.thread.selected,.size-card.active):not(#fm-a#fm-b#fm-c){background:var(--ar-panel2)!important;border-color:var(--ar-accent)!important}
html.arrab-ui body .arrab-shared-toggle:not(#fm-a#fm-b#fm-c){background:var(--ar-panel2)!important;border-radius:999px!important;font-size:12px!important;box-shadow:none!important}
html.arrab-ui[data-arrab-theme=light] body :is(.card,.panel,.glass,.hero,.group,.branch,.report-card,.control-card,.quick-card,.wa-card,.user-card,.shop-card,.summary-section,.info-section,.form-card,.content-card,.section-card,.content-panel,.content-section,.result-card,.box,.modal-content,.modal-box,.modal-card,.dialog-content,.scanner-box,.table-box,.table-card,.table-wrap,.search-box,.search-panel,.filter-panel,.filter-box,.filter-box-pro,.form-panel,.form-section,.details-panel,.details-box,.info-card,.summary-box,.filter-section,.form-container,.listPane,.chatPane,.status,.size-card,.arrab-auto-surface,.header,.topbar,.page-header,.page-head,.amer-shell-topbar):not(#fm-a#fm-b#fm-c){background:linear-gradient(155deg,#ffffff,#edf2fc)!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;border-top-color:#fff!important;box-shadow:var(--ar-shadow),inset 0 1px 0 #fff!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side):not(#fm-a#fm-b#fm-c){background:linear-gradient(170deg,#ffffff,#eef2ff)!important;border-color:var(--ar-edge)!important;box-shadow:-5px 0 16px #23406812,inset 0 1px 0 #fff!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:not(#fm-a#fm-b#fm-c){background:#e8eef866!important;border-color:#c3d0e966!important}
html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:is(.on,.active,[aria-current=page]):not(#fm-a#fm-b#fm-c){background:linear-gradient(125deg,#6650d8,#a743a3)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html.arrab-ui[data-arrab-theme=light] body :is(.stat,.stat-box,.summary-item,.mini-card,.metric,.metric-box,.kpi,.metric-card,.stats-card,.summary-card,.trio a,.stats a,.row2,.legend a):not(#fm-a#fm-b#fm-c){background:linear-gradient(145deg,#f6f9ff,#e5ecf9)!important;border-color:var(--ar-edge)!important;box-shadow:0 3px 0 #c9d5e8,inset 0 1px 0 #fff!important}
html.arrab-ui[data-arrab-theme=light] body :is(th,thead td):not(#fm-a#fm-b#fm-c){background:#dfe7f7!important}
html.arrab-ui[data-arrab-theme=light] body td:not(#fm-a#fm-b#fm-c){background:#f9fbff!important}
html.arrab-ui[data-arrab-theme=light] body tr:nth-child(even) td:not(#fm-a#fm-b#fm-c){background:#eef3fc!important}
html.arrab-ui[data-arrab-theme=light] body tr:hover td:not(#fm-a#fm-b#fm-c){background:#e1e9f8!important}
@media(max-width:760px){html.arrab-ui body :is(.card,.panel,.glass,.hero,.box,.header,.topbar,.page-header,.page-head):not(#fm-a#fm-b#fm-c){border-radius:18px!important;box-shadow:0 3px 0 #05072155,0 8px 16px #0002!important}html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a:not(#fm-a#fm-b#fm-c){font-size:13px!important}}
@media(prefers-reduced-motion:reduce){html.arrab-ui body *{scroll-behavior:auto!important}}
}

@media screen{html.arrab-ui body table:not(#fm-a#fm-b#fm-c){font-size:14px!important;line-height:1.6!important}html.arrab-ui body :is(.side,.sidebar,.dash-side,.amer-shell-side) a[href="logout.php"]:not(#fm-a#fm-b#fm-c){color:#ff8a9b!important;-webkit-text-fill-color:#ff8a9b!important}html.arrab-ui[data-arrab-theme=light] body :is(.side,.sidebar,.dash-side,.amer-shell-side) a[href="logout.php"]:not(#fm-a#fm-b#fm-c){color:#ad2547!important;-webkit-text-fill-color:#ad2547!important}}

@media screen{
html.arrab-ui body table :is(td,th,p,span,strong,a,div):not(#fm-a#fm-b#fm-c){font-size:13px!important;line-height:1.65!important}
html.arrab-ui body :is(.table-box,.table-wrap,.table-card,.tw):has(>table):not(#fm-a#fm-b#fm-c){overflow-x:auto!important;max-width:100%!important}
html.arrab-ui body table:has(tr>:is(th,td):nth-child(12)):not(#fm-a#fm-b#fm-c){min-width:1400px!important}
}
@media screen {
html.arrab-ui body :is(.emptyCard,.time-box):not(#fm-a#fm-b#fm-c){background:var(--ar-panel2)!important;background-image:none!important;color:var(--ar-ink)!important;border-color:var(--ar-edge)!important;box-shadow:inset 0 1px 0 #ffffff12!important}
html.arrab-ui body :is(.emptyCard,.time-box) :is(h2,h3,p,span,div):not(#fm-a#fm-b#fm-c){color:var(--ar-ink)!important}
}
@media screen {html.arrab-ui body :is(.empty,.emptyCard,.time-box):not(#fm-a#fm-b#fm-c){background:var(--ar-panel2)!important;color:var(--ar-ink)!important}html.arrab-ui body :is(.empty,.emptyCard,.time-box) :is(b,strong,div):not(#fm-a#fm-b#fm-c){color:var(--ar-ink)!important}}
/* Pronounced beveled 3D surfaces and dashboard-style top navigation. */
@media screen{
html.arrab-ui{--fm-depth:#06091f;--fm-depth2:#0d143a;--fm-gloss:#d4dfff88}
html.arrab-ui[data-arrab-theme=light]{--fm-depth:#a9b8d5;--fm-depth2:#c2cfe5;--fm-gloss:#fff}
html.arrab-ui body :is(.card,.panel,.glass,.hero,.box,.header,.page-header,.page-head,.form-card,.table-box,.table-card,.search-box,.filter-box,.branch,.report-card,.arrab-auto-surface):not(#fm-a#fm-b#fm-c){border-top:2px solid var(--fm-gloss)!important;border-bottom:2px solid var(--fm-depth)!important;box-shadow:0 3px 0 var(--fm-depth2),0 8px 0 var(--fm-depth),0 13px 0 #02041b55,0 24px 34px #0005,inset 0 2px 2px #ffffff30,inset 0 -4px 8px #0003!important;margin-bottom:20px}
html.arrab-ui body :is(button,.btn,a.btn,.mini-count,.stat,.stat-box,.metric-card,.kpi):not(#fm-a#fm-b#fm-c){border-top:1px solid var(--fm-gloss)!important;border-bottom:2px solid var(--fm-depth)!important;box-shadow:0 4px 0 var(--fm-depth2),0 6px 0 var(--fm-depth),0 11px 16px #0003,inset 0 2px 1px #ffffff35!important;transition:transform .16s,box-shadow .16s}
html.arrab-ui body button:active:not(#fm-a#fm-b#fm-c){transform:translateY(4px);box-shadow:0 1px 0 var(--fm-depth),inset 0 2px 3px #0003!important}
html.arrab-ui body :is(input:not([type=checkbox]):not([type=radio]),select,textarea):not(#fm-a#fm-b#fm-c){box-shadow:inset 0 3px 6px #0005,0 1px 0 var(--fm-gloss)!important;border-bottom-color:var(--fm-gloss)!important}
html.arrab-ui body.fm-top-navigation:not(#fm-a#fm-b#fm-c){padding:20px!important;margin:0!important;--side-width:0px;--amer-menu-big:0px}
html.arrab-ui body.fm-top-navigation :is(.fm-old-nav,.side-toggle,.sidebar-toggle,.menu-toggle):not(#fm-a#fm-b#fm-c){display:none!important}
html.arrab-ui body.fm-top-navigation > :is(.container,.main,.page,.wrap,.content,.main-content,.app-main):not(#fm-a#fm-b#fm-c){margin-right:0!important;margin-left:0!important;width:100%!important;max-width:none!important}
html.arrab-ui body.fm-top-navigation .amer-shell-topbar:not(#fm-a#fm-b#fm-c){position:relative!important;inset:auto!important;width:100%!important;margin:0 0 22px!important}
html.arrab-ui .fm-topbar:not(#fm-a#fm-b#fm-c){position:relative;isolation:isolate;z-index:20;direction:rtl;background:linear-gradient(140deg,#1a2052,#090d29);border:2px solid #7586c6;border-top-color:#74ddff;border-radius:28px;padding:20px;margin:0 0 30px;box-shadow:0 4px 0 #151c43,0 9px 0 #040820,0 22px 35px #0006,inset 0 2px 1px #ffffff44;color:#f5f7ff}
.fm-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #798cca55}.fm-topbrand{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit!important;font-size:23px!important}.fm-logo{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;color:#fff;background:linear-gradient(135deg,#4a94ff,#a348ff,#f746c5);box-shadow:0 5px 0 #4c257a,0 0 24px #9762ff55,inset 0 2px 2px #ffffff88;font-size:30px;font-weight:900}.fm-toptools{display:flex;align-items:center;gap:12px}
html.arrab-ui .fm-topnav:not(#fm-a#fm-b#fm-c){display:flex;flex-wrap:wrap;gap:13px;align-items:stretch}
html.arrab-ui .fm-topnav a:not(#fm-a#fm-b#fm-c){display:flex;align-items:center;justify-content:center;gap:9px;flex:1 0 155px;min-height:52px;padding:11px 14px;border-radius:15px;border:1px solid #788ac0;border-top:2px solid #c1d2ff88;background:linear-gradient(160deg,#303865,#161d40);color:#f4f6ff!important;text-decoration:none;font-size:14px!important;font-weight:800;line-height:1.5;box-shadow:0 4px 0 #111734,0 6px 0 #04091f,0 10px 12px #0004,inset 0 1px 1px #ffffff22;transition:transform .16s}
html.arrab-ui .fm-topnav a i:not(#fm-a#fm-b#fm-c){font-style:normal;background:none!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;font-size:20px}
html.arrab-ui .fm-topnav a.active:not(#fm-a#fm-b#fm-c){background:linear-gradient(130deg,#5864ff,#aa3cff,#ef5cac)!important;border-color:#dfbaff!important;box-shadow:0 4px 0 #572984,0 7px 0 #22113d,0 0 24px #a959ff88,inset 0 2px 1px #ffffff77;color:#fff!important}
html.arrab-ui .fm-topnav a.fm-logout:not(#fm-a#fm-b#fm-c){color:#ff83b1!important}
html.arrab-ui[data-arrab-theme=light] .fm-topbar:not(#fm-a#fm-b#fm-c){background:linear-gradient(145deg,#fff,#eaf0ff);color:#172744;border-color:#c2cee8;border-top-color:#fff;box-shadow:0 4px 0 #c3cfe6,0 9px 0 #a8b8d3,0 20px 32px #203b6525,inset 0 2px 1px #fff}
html.arrab-ui[data-arrab-theme=light] .fm-topnav a:not(.active):not(#fm-a#fm-b#fm-c){background:linear-gradient(155deg,#fff,#e4ebfa);color:#1c2d4b!important;border-color:#bac9e3;border-top-color:#fff;box-shadow:0 4px 0 #bfcae0,0 6px 0 #9eafcd,0 9px 12px #18335c18,inset 0 1px 1px #fff}
@media(hover:hover){html.arrab-ui .fm-topnav a:hover:not(#fm-a#fm-b#fm-c){transform:translateY(-3px)}}
@media(max-width:760px){html.arrab-ui body.fm-top-navigation:not(#fm-a#fm-b#fm-c){padding:12px!important}.fm-topbar{padding:14px!important;border-radius:20px!important}.fm-topnav{gap:10px!important}.fm-topnav a{flex-basis:125px!important;font-size:12px!important;min-height:48px!important}.fm-topbrand{font-size:19px!important}.fm-logo{width:44px;height:44px}.fm-topline{gap:8px}.fm-toptools button{font-size:11px!important;padding:8px!important}}
}
@media print{.fm-topbar{display:none!important}}
@media screen{.fm-nav-more{margin-top:20px}.fm-nav-more summary{width:max-content;cursor:pointer;list-style:none;padding:10px 18px;border:1px solid #8397d299;border-radius:13px;font-size:13px;font-weight:800;background:linear-gradient(145deg,#313a68,#171e42);color:#f4f6ff;box-shadow:0 4px 0 #05091f,inset 0 1px 1px #ffffff44}.fm-nav-more[open] summary{margin-bottom:18px}.fm-extra-links{padding-top:4px}.fm-topnav a span{flex:initial!important}.fm-topnav a{white-space:normal;text-align:center}.fm-top-navigation .amer-shell-topbar{margin-right:0!important}html.arrab-ui[data-arrab-theme=light] .fm-nav-more summary{background:linear-gradient(145deg,#fff,#e6edfa);color:#182a48;box-shadow:0 4px 0 #afbed8,inset 0 1px 1px #fff}}
@media screen{html.arrab-ui .fm-topnav a:not(#fm-a#fm-b#fm-c){flex:0 1 auto;min-height:48px;padding:10px 15px;font-size:15px!important}.fm-topnav>.fm-logout{margin-inline-start:auto}.fm-topnav a span{line-height:1.5}@media(max-width:760px){html.arrab-ui .fm-topnav a:not(#fm-a#fm-b#fm-c){flex:1 0 125px;font-size:12px!important}.fm-topnav>.fm-logout{margin-inline-start:0}}}
@media screen{html.arrab-ui[data-arrab-theme=light] body button:not(#fm-a#fm-b#fm-c){background:linear-gradient(155deg,#fff,#e5ecfa)!important;color:#172944!important;-webkit-text-fill-color:#172944!important}html.arrab-ui[data-arrab-theme=light] body button:is([type=submit],.primary,.btn-primary,.blue):not(#fm-a#fm-b#fm-c){background:linear-gradient(140deg,#7058dc,#994dca)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}html.arrab-ui[data-arrab-theme=light] body .fm-topnav a.active:not(#fm-a#fm-b#fm-c){-webkit-text-fill-color:#fff!important}}
