html[data-theme]{--bg:#f4f5f7;--ink:#252b37;--muted:#606977;--line:#e4e6eb;--soft:#eef0f7;--green:#3864c8;--surface:#fff;--surface-foreground:var(--ink);--background:var(--bg);--foreground:var(--ink);--field-background:var(--surface);--field-foreground:var(--ink);--field-border:var(--line);--accent:#3864c8;--accent-foreground:#fff;--default:#eef0f5;--default-foreground:var(--ink);--radius:12px;color-scheme:light}
html[data-theme=dark]{--bg:#11151c;--ink:#e9edf5;--muted:#aeb7c7;--line:#303846;--soft:#252e40;--surface:#1b212b;--accent:#8bafff;--accent-foreground:#11151c;--green:#8bafff;--default:#2b3545;color-scheme:dark}
body{background:var(--bg);color:var(--ink)}.app-sidebar{width:220px;background:var(--surface);color:var(--ink);border-left:1px solid var(--line);padding:24px 16px}.brand b{font-size:20px}.brand img{width:44px;height:44px}.app-sidebar .brand small,.app-sidebar .nav-label,.app-sidebar .sidebar-workspace small,.app-sidebar .integration p,.app-sidebar .connection-label,.app-sidebar .aside-bottom{color:var(--muted)}.app-sidebar nav a{color:var(--muted);font-size:13px;min-height:44px}.app-sidebar nav a.selected{background:var(--soft);color:var(--ink);box-shadow:none}.app-sidebar nav a.selected .ui-icon{color:var(--green)}.app-sidebar nav a:hover{background:var(--soft);color:var(--ink)}.sidebar-workspace{border-color:var(--line);margin-top:22px;padding-top:20px}.app-sidebar .workspace-icon,.app-sidebar .integration{background:var(--bg);border-color:var(--line)}.app-sidebar .integration a{color:var(--green)}.app-header{background:var(--surface);height:70px;padding:0 26px}.header-tools{display:flex;align-items:center;gap:18px}.theme-toggle{font-size:12px}.breadcrumb strong{color:var(--ink)}.content{padding:26px;max-width:1600px}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 5px #00000003;border-radius:14px;padding:20px}.page-heading{margin-bottom:20px}h1{font-size:27px}h2{font-size:18px}.muted,.eyebrow{color:var(--muted)}.primary{background:#3864c8;color:#fff;box-shadow:none}.primary:hover{background:#2a50ac}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--green)}.secondary:hover{background:var(--soft)}input,select,textarea{background:var(--surface);color:var(--ink);border-color:var(--line)}th{background:var(--bg);color:var(--muted)}td{border-color:var(--line)}.table-wrap{max-width:100%;overflow:auto}tr:hover{background:var(--bg)}.notice,.soft-note,.mini-note{background:var(--soft);color:var(--ink);border-color:var(--line)}.badge{background:var(--soft);color:var(--ink)}.order-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px}.item-top{gap:12px;flex-wrap:wrap}.item-body{gap:20px}.product-img{border-radius:12px;object-fit:contain;background:#fff;max-height:160px}.item-form{min-width:0}.department-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:12px;color:var(--green)}.order-side{display:grid;gap:16px}.order-side .panel{margin:0}.order-side form[data-confirm]{margin-bottom:10px}.order-side .panel>small{display:block;color:var(--muted);margin-top:14px}.upload{position:relative;display:flex;min-height:110px;justify-content:center;align-items:center;flex-direction:column;background:var(--bg);border:1px dashed var(--line);color:var(--green);cursor:pointer;overflow:hidden;padding:16px}.upload input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.upload:focus-within{outline:2px solid var(--green)}.upload span{max-width:100%;overflow-wrap:anywhere}.audit-panel{margin-top:24px}.audit-table td{padding:16px 12px;vertical-align:top}.audit-table td:first-child{width:55%;line-height:1.8}.audit-table time{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.department-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.department-picker{display:flex;align-items:end;gap:12px}.department-picker label{flex:1}.department-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.department-item{padding:16px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}.department-empty{padding:30px 0;text-align:center;color:var(--muted)}.linked-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.group-card{border:1px solid var(--line);background:var(--bg);padding:18px;border-radius:12px}.group-card h3{margin:0 0 8px}.group-card .group-id{color:var(--muted);font-size:12px}.group-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}.group-ready{color:#168166}.group-not-ready{color:#bf6538}.account-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#dashboard-root .eo-dashboard{color:var(--ink)}#dashboard-root .card{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:none;padding:18px;border-radius:14px;gap:10px}#dashboard-root .eo-stat .card__title{font-size:13px;color:var(--muted)}#dashboard-root .eo-stat strong{font-size:30px}#dashboard-root .eo-stat .button{min-height:32px}#dashboard-root .eo-stats{gap:14px;margin-bottom:20px}#dashboard-root .eo-heading{margin-bottom:18px}#dashboard-root .eo-heading h1{font-size:27px}#dashboard-root .eo-overview{padding:18px 24px;background:var(--soft);border-color:var(--line);border-radius:14px;margin-bottom:18px}#dashboard-root .eo-overview h2{font-size:22px;margin:5px 0}#dashboard-root .eo-overview img{width:100px;height:110px}#dashboard-root .eo-overview p{margin:6px 0;color:var(--muted)}#dashboard-root .eo-overview a{margin-top:6px;color:var(--green)}#dashboard-root .eo-dashboard small,#dashboard-root .card__description,#dashboard-root .eo-eyebrow,#dashboard-root .eo-heading p,#dashboard-root .eo-shortcuts p,#dashboard-root .eo-footer,#dashboard-root .eo-pagination,#dashboard-root .eo-filters label,#dashboard-root .eo-top-actions label{color:var(--muted)}#dashboard-root .eo-order-link,#dashboard-root .eo-shortcuts a{color:var(--ink)}#dashboard-root .eo-dashboard select,#dashboard-root .eo-dashboard input{background:var(--surface);color:var(--ink);border-color:var(--line);font-size:13px}#dashboard-root th,#dashboard-root .eo-activity a{background:var(--bg);color:var(--muted);border-color:var(--line)}#dashboard-root td,#dashboard-root .eo-alert-row,#dashboard-root .eo-stage,#dashboard-root .eo-shortcuts p{border-color:var(--line)}#dashboard-root td{padding:14px 8px;font-size:13px}#dashboard-root .eo-dashboard .button{font-size:13px}#dashboard-root .eo-work-grid{grid-template-columns:minmax(0,1fr) 260px;gap:16px}#dashboard-root .eo-shortcuts{gap:12px}#dashboard-root .eo-shortcuts a{padding:6px 0}#dashboard-root .eo-stat.selected{border-color:var(--green)}
html[data-theme=dark] .badge.draft,html[data-theme=dark] .badge.pending{background:#40331e;color:#f1cc85}html[data-theme=dark] .badge.confirmed,html[data-theme=dark] .badge.delivered{background:#173c33;color:#8fdfc6}html[data-theme=dark] .badge.approved,html[data-theme=dark] .badge.received{background:#20375b;color:#b0ceff}html[data-theme=dark] .badge.cancelled{background:#462831;color:#ffb6c0}html[data-theme=dark] .eo-warning{color:#f1cc85}html[data-theme=dark] .eo-excel{color:#8fdfc6}html[data-theme=dark] .group-ready{color:#8fdfc6}html[data-theme=dark] .avatar{background:var(--soft);color:var(--green)}
@media(max-width:1200px){#dashboard-root .eo-work-grid{grid-template-columns:minmax(0,1fr)}.department-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){.app-sidebar{width:100%;height:auto;position:static}.app-sidebar nav{overflow:auto;flex-wrap:wrap}.app-sidebar nav a{font-size:12px}.header-tools{gap:8px}.app-header{padding:0 16px}.content{padding:20px 16px}.order-layout{grid-template-columns:1fr}.department-columns{grid-template-columns:1fr}.linked-groups{grid-template-columns:1fr}.department-picker{flex-wrap:wrap}.department-teams{grid-template-columns:1fr}}
@media(max-width:600px){.breadcrumb{display:none}.app-header{justify-content:end}.header-tools{width:100%;justify-content:space-between}.theme-toggle{white-space:nowrap}.audit-table{min-width:560px}.item-body{flex-wrap:wrap}.item-form{flex-basis:100%}#dashboard-root .eo-overview{padding:16px}#dashboard-root .eo-overview img{width:70px;height:90px}#dashboard-root .eo-overview h2{font-size:19px}#dashboard-root .card{padding:16px}.group-actions{flex-wrap:wrap}}
@media(min-width:801px) and (max-width:880px){.shell{display:block}.sidebar-workspace,.integration,.aside-bottom,.nav-label{display:none}.app-sidebar nav{display:flex;margin-top:12px}.app-sidebar nav a{flex:1;justify-content:center}}
#dashboard-root .eo-stat .card__header{padding:0}#dashboard-root .eo-stat .card__content{padding:0}#dashboard-root .eo-stat .card__footer{padding:0}#dashboard-root .eo-heading{gap:12px}#dashboard-root .eo-heading p{font-size:14px}#dashboard-root .eo-overview{min-height:125px}.department-card .section-heading{gap:10px}.department-card h2{font-size:17px}
html[data-theme=dark] .mini-note{color:var(--muted)}html[data-theme=dark] .settings-grid .panel,html[data-theme=dark] .pharmacy-row{background:var(--surface);color:var(--ink)}html[data-theme=dark] .order-side .panel strong{color:var(--ink)}
#dashboard-root .eo-top-actions{align-items:end}#dashboard-root .eo-filters{display:grid;grid-template-columns:minmax(180px,1fr) 170px 170px;align-items:end}#dashboard-root .eo-filters:has(>.eo-picker:last-child:nth-child(2)){grid-template-columns:minmax(180px,1fr) 180px}#dashboard-root .eo-picker{min-width:0}#dashboard-root .eo-new .eo-picker{width:170px}#dashboard-root .eo-new .label{display:none}#dashboard-root .select__trigger{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:10px;min-height:44px;font:13px Bahij,sans-serif;padding:8px 12px}#dashboard-root .select__value{text-align:right}#dashboard-root .label{color:var(--muted);font:13px Bahij,sans-serif}.eo-select-popup{background:var(--surface);color:var(--ink);border:1px solid var(--line);max-height:300px;overflow:auto;border-radius:12px;padding:5px;font:14px Bahij,sans-serif;box-shadow:0 8px 25px #0002}.eo-select-popup .list-box-item{font:14px Bahij,sans-serif;color:var(--ink);padding:10px 12px;min-height:44px;border-radius:8px}.eo-select-popup .list-box-item[data-selected=true],.eo-select-popup .list-box-item[data-focused=true]{background:var(--soft);color:var(--green)}#dashboard-root .eo-stat .button{background:transparent;border:0;border-radius:6px;box-shadow:none;color:var(--green);justify-content:start;min-height:44px;width:100%;padding:6px 0}#dashboard-root .eo-stat .button:hover{background:var(--soft)}#dashboard-root .eo-orders tbody tr{background:var(--surface)}#dashboard-root .eo-orders tbody tr:hover{background:var(--bg)}#dashboard-root .eo-table-wrap th{font-size:13px}#dashboard-root .eo-stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}#dashboard-root .eo-section-title{align-items:center}#dashboard-root .eo-table-wrap td:last-child .button{border-radius:8px;background:var(--soft);color:var(--green);padding:6px 12px}
@media(max-width:680px){#dashboard-root .eo-filters{grid-template-columns:1fr 1fr}#dashboard-root .eo-filters .eo-search{grid-column:1/-1}#dashboard-root .eo-filters:has(>.eo-picker:last-child:nth-child(2)){grid-template-columns:1fr}#dashboard-root .eo-new{width:100%;flex-wrap:nowrap}#dashboard-root .eo-new .eo-picker{flex:1}#dashboard-root .eo-stats-three{grid-template-columns:1fr}.eo-select-popup{max-width:calc(100vw - 24px)}}
html .eo-select-popup{max-height:300px;background:var(--surface);opacity:1;font-family:Bahij,sans-serif}html .eo-select-popup .list-box-item[data-selected=true]{background:var(--soft);color:var(--green)}#dashboard-root .eo-top-actions .eo-picker{width:150px}
html[data-theme] .form-stack label,html[data-theme] .form-stack label>small{color:var(--muted)}html[data-theme] .form-stack input,html[data-theme] .form-stack select{color:var(--ink)}
/* Shared, quiet scrollbars in both appearances. */
*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--line);border-radius:20px}*::-webkit-scrollbar-thumb:hover{background:var(--muted)}*::-webkit-scrollbar-button{display:none;width:0;height:0}
.connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.connection-service{display:flex;align-items:center;gap:20px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.connection-service h3{font-size:15px;margin:0 0 6px}.connection-service strong{font-size:14px;color:var(--green)}.connection-service p{margin:8px 0 0;font-size:12px}.connection-orbit{flex:0 0 42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;position:relative}.connection-orbit i{width:10px;height:10px;border-radius:50%;background:var(--muted)}.is-online .connection-orbit i{background:#46bd98}.is-online .connection-orbit:after{content:'';position:absolute;inset:5px;border:1px solid #46bd9870;border-radius:50%;animation:connection-pulse 2.8s ease-out infinite}.is-configured .connection-orbit i{background:var(--green)}.is-offline strong{color:var(--muted)}
@keyframes connection-pulse{0%{transform:scale(.75);opacity:.85}85%,100%{transform:scale(1.35);opacity:0}}
.delivery-list{display:grid;gap:12px;margin:20px 0}.delivery-card{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.delivery-symbol{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--green)}.delivery-body{min-width:0;flex:1}.delivery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.delivery-heading h3{margin:0;font-size:15px}.delivery-state{font-size:12px;color:var(--green)}.delivery-card.blocked .delivery-state,.delivery-card.warning .delivery-state{color:#b38245}.delivery-card p{font-size:13px;color:var(--muted);margin:8px 0}.delivery-card small{font-size:11px;color:var(--muted)}.delivery-empty{text-align:center;padding:24px}.delivery-empty>span{display:block;color:var(--green);font-size:24px}.delivery-empty strong{display:block;margin-top:8px}
@media(max-width:700px){.connection-grid{grid-template-columns:1fr}.connection-service{padding:16px}}
@media(prefers-reduced-motion:reduce){.connection-orbit:after{animation:none!important}}
.backup-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.backup-actions form{margin:0}.backup-actions button,.backup-actions a{min-height:44px}.backup-disclosure{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.backup-disclosure[hidden]{display:none}.backup-disclosure .form-stack{max-width:650px;margin-top:18px}.backup-disclosure code{display:block;overflow-wrap:anywhere;direction:ltr;text-align:left;padding:12px;border-radius:10px;background:var(--bg);font-size:12px}.backup-times{display:flex;gap:14px 30px;flex-wrap:wrap}.backup-times p{font-size:13px;color:var(--muted)}.backup-times strong{color:var(--ink);font-weight:500}@media(max-width:600px){.backup-actions>*{flex:1 1 100%}.backup-actions button{width:100%}.backup-times{display:block}}
/* One compact, aligned navigation grid on phones. */
@media(max-width:800px){
 .app-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;height:auto;position:static;padding:14px 16px 18px;border-left:0;border-bottom:1px solid var(--line)}
 .app-sidebar .brand{grid-column:1/-1;margin:0 0 8px;justify-content:flex-start;gap:10px;font-size:22px}
 .app-sidebar .brand img{width:46px;height:46px;flex:0 0 46px}
 .app-sidebar nav{display:contents}
 .app-sidebar nav a{margin:0;min-width:0;min-height:44px;padding:10px;gap:8px;justify-content:flex-start;border:1px solid var(--line);background:var(--bg);border-radius:10px;font-size:12px;line-height:1.4}
 .app-sidebar nav a span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .app-sidebar nav a svg{width:18px;height:18px;flex:0 0 18px}
 .app-sidebar nav a.selected,.app-sidebar nav a[aria-current=page]{background:var(--soft);border-color:var(--green);color:var(--green)}
 .app-sidebar .nav-label,.app-sidebar .sidebar-workspace,.app-sidebar .integration,.app-sidebar .aside-bottom{display:none}
}
@media(max-width:800px){.app-sidebar nav[aria-label="متابعة الطلبات"] a{grid-column:1/-1;justify-content:center}}
@media(max-width:800px){.app-sidebar:has(nav[aria-label="الطلبات المحذوفة"]) nav[aria-label="متابعة الطلبات"] a{grid-column:auto;justify-content:flex-start}.page-heading:has(form[action$="/delete"]){flex-wrap:wrap}.page-heading form[action$="/delete"]{margin:0}}

/* Phenix bridge: inherit the application's light/dark tokens. */
.phenix-install,.phenix-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,1fr);gap:16px;align-items:end}.phenix-install{max-width:700px}.phenix-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.phenix-metrics>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}.phenix-metrics small,.phenix-metrics strong{display:block}.phenix-metrics small{color:var(--muted);margin-bottom:8px}.phenix-metrics strong{font-size:15px;overflow-wrap:anywhere}.phenix-agent .badge{display:flex;align-items:center;gap:8px}.phenix-agent .badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--muted)}.phenix-online .badge:before{background:#159c85;animation:phenix-pulse 2s ease-in-out infinite}.phenix-check{display:flex;align-items:center;gap:8px;min-height:44px}.phenix-check input{width:18px;height:18px}.phenix-code{padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:auto;line-height:2}.phenix-agent .account-actions{gap:10px}.phenix-agent [hidden]{display:none}.phenix-agent .notice.error{color:var(--ink)}
@keyframes phenix-pulse{50%{box-shadow:0 0 0 5px #159c8522}}@media(prefers-reduced-motion:reduce){.phenix-online .badge:before{animation:none}}@media(max-width:600px){.phenix-install,.phenix-form{grid-template-columns:1fr}.phenix-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.phenix-agent .account-actions form{flex:1;min-width:140px}.phenix-agent .account-actions button{width:100%;min-height:44px}}