/* 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}}