.admin-dashboard{display:grid;gap:24px;padding-top:24px}.admin-intro,.admin-section-heading,.admin-order-head,.admin-activity-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-intro h1{font-size:28px;line-height:1.35;margin:3px 0}.admin-intro p,.admin-section-heading p,.admin-order-head p,.admin-activity p{margin:2px 0 0;color:#656668;font-size:13px}.admin-eyebrow{color:#666;font-size:13px;font-weight:700}.admin-connection{font-size:13px;color:#456448;line-height:1.5}.admin-connection.is-error{color:#963e35}.admin-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.admin-metric{display:grid;gap:8px;text-align:start;min-width:0;min-height:94px;padding:16px;border:1px solid #e0e0e1;border-radius:16px;background:#fff;color:#252526}.admin-metric:hover{background:#f6f6f6}.admin-metric span{font-size:13px;color:#666}.admin-metric strong{font-size:27px;line-height:1}.admin-section{display:grid;gap:14px;min-width:0}.admin-section-heading h2{font-size:20px;line-height:1.4;margin:0}.admin-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr);gap:10px}.admin-filters label{font-size:13px}.admin-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-orders>.empty{grid-column:1/-1}.admin-order{padding:16px;border:1px solid #dedede;border-radius:16px;background:white;min-width:0}.admin-order h3{font-size:17px;line-height:1.45;margin:0;overflow-wrap:anywhere}.admin-order-actions{display:flex;flex-wrap:wrap;gap:8px}.admin-status{display:inline-block;flex:none;max-width:58%;padding:5px 9px;border-radius:99px;background:#f1f1f1;color:#3f4142;font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere}.admin-status-waiting{background:#fff3d8;color:#76530a}.admin-status-preparing{background:#edf1fa;color:#36518a}.admin-status-transit{background:#e6f5ef;color:#176149}.admin-status-review{background:#fff0ec;color:#9a3d31}.admin-status-done{background:#ecf4e8;color:#426034}.admin-progress{margin:20px 2px 13px}.admin-progress-bar{height:5px;border-radius:99px;background:#e8e8e8;overflow:hidden}.admin-progress-bar span{display:block;height:100%;background:#303334;border-radius:inherit}.admin-progress-labels{display:flex;justify-content:space-between;gap:4px;margin-top:7px;color:#777;font-size:11px}.admin-progress-labels .is-current{font-weight:800;color:#202122}.admin-order-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin:12px 0;color:#626466;font-size:12px;line-height:1.7}.admin-activities{display:grid;gap:0;border:1px solid #dedede;border-radius:16px;background:#fff;padding:3px 16px}.admin-activity{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #ededed;min-width:0}.admin-activity:last-child{border-bottom:0}.admin-activity-dot{width:9px;height:9px;margin-top:9px;border-radius:50%;background:#b8babc;flex:none}.admin-activity-body{flex:1;min-width:0}.admin-activity-top strong{font-size:14px;overflow-wrap:anywhere}.admin-activity-top time{color:#777;font-size:11px;white-space:nowrap}.admin-link{min-height:44px;padding:0;background:none;border:0;color:#353638;text-decoration:underline;font-size:13px;font-weight:700}.admin-more{margin-top:0}.admin-more[hidden]{display:none}@media(max-width:650px){.admin-dashboard{padding-top:18px;gap:20px}.admin-intro h1{font-size:24px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-metric{min-height:84px;padding:13px}.admin-orders{grid-template-columns:1fr}.admin-filters{grid-template-columns:1fr}.admin-order-head{align-items:flex-start}.admin-activity-top{flex-wrap:wrap;gap:2px 10px}}@media(max-width:360px){.admin-intro{flex-wrap:wrap}.admin-status{max-width:53%}}

/* CoreUI components are scoped to this dashboard; these overrides retain Shelter's identity. */
#admin-dashboard { --shelter-ink:#20201e; --shelter-gold:#b78d53; --shelter-line:#e7e3db; color:var(--shelter-ink); gap:22px; }
#admin-dashboard .admin-intro { display:flex; flex-direction:row; align-items:center; padding:24px 26px; border:1px solid #e7e2da; border-radius:22px; background:linear-gradient(115deg,#fff 15%,#f7f3ed 100%); box-shadow:0 8px 24px #20201e08; }
#admin-dashboard .admin-intro h1 { font-size:30px; font-weight:800; letter-spacing:-.02em; }
#admin-dashboard .admin-eyebrow { color:#8d6c3f; font-weight:800; }
#admin-dashboard .admin-connection { padding-inline:4px; }
#admin-dashboard .admin-metric { display:grid; gap:9px; align-content:space-between; min-height:112px; border:1px solid var(--shelter-line); border-radius:18px; padding:17px; background:#fff; color:var(--shelter-ink); text-align:start; box-shadow:0 6px 18px #27251f08; transition:transform .18s,box-shadow .18s,border-color .18s; }
#admin-dashboard .admin-metric:hover { background:#fff; transform:translateY(-2px); border-color:#c8b291; box-shadow:0 12px 24px #27251f12; }
#admin-dashboard .admin-metric:focus-visible, #admin-dashboard button:focus-visible { outline:3px solid #b78d53; outline-offset:3px; }
#admin-dashboard .admin-metric span { font-weight:700; line-height:1.5; }
#admin-dashboard .admin-metric strong { color:#252521; font-size:29px; }
#admin-dashboard .admin-chart-card { border:1px solid var(--shelter-line); border-radius:20px; background:#fff; box-shadow:0 6px 18px #27251f08; }
#admin-dashboard .admin-chart-card .card-body { padding:22px 24px 16px; }
#admin-dashboard .admin-section-heading h2 { font-size:20px; font-weight:800; margin:3px 0; }
#admin-dashboard .admin-chart { margin-top:12px; }
#admin-dashboard .admin-chart-table { margin:0; font-size:13px; --cui-table-bg:transparent; --cui-table-color:#292925; --cui-table-border-color:#eeece8; }
#admin-dashboard .admin-chart-table caption { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#admin-dashboard .admin-chart-table th,#admin-dashboard .admin-chart-table td { padding:10px 8px; vertical-align:middle; }
#admin-dashboard .admin-chart-table thead th { font-size:11px; color:#77736d; font-weight:700; white-space:nowrap; }
#admin-dashboard .admin-chart-table tbody tr:last-child > * { border-bottom:0; }
#admin-dashboard .admin-chart-table tbody th { font-weight:700; min-width:120px; }
#admin-dashboard .admin-chart-table td:nth-child(2) { width:60%; min-width:100px; }
#admin-dashboard .admin-chart-table td:last-child,#admin-dashboard .admin-chart-table th:last-child { text-align:center; }
#admin-dashboard .admin-chart-progress { height:9px; border-radius:99px; background:#f1efeb; }
#admin-dashboard .admin-chart-progress .progress-bar { border-radius:inherit; }
#admin-dashboard .admin-chart-waiting { background:#c89f52; }
#admin-dashboard .admin-chart-preparing { background:#7b8cb0; }
#admin-dashboard .admin-chart-transit { background:#6c9b85; }
#admin-dashboard .admin-chart-review { background:#c98272; }
#admin-dashboard .admin-chart-empty { margin-top:14px; }
#admin-dashboard .admin-section { gap:15px; }
#admin-dashboard .admin-order { padding:0; border:1px solid var(--shelter-line); border-radius:18px; box-shadow:0 6px 18px #27251f08; }
#admin-dashboard .admin-order .card-body { padding:18px; }
#admin-dashboard .admin-status { white-space:normal; text-align:center; }
#admin-dashboard .admin-progress-bar span { background:#ae8957; }
#admin-dashboard .admin-order-actions .btn { min-height:42px; border-radius:10px; font-weight:700; }
#admin-dashboard .admin-activities { border-color:var(--shelter-line); border-radius:18px; box-shadow:0 6px 18px #27251f08; }
#admin-dashboard .admin-activity-dot { background:#bd9c6e; }
#admin-dashboard .admin-more[hidden],#admin-dashboard .admin-more-orders[hidden] { display:none; }
@media(max-width:650px) {
 #admin-dashboard { gap:18px; }
 #admin-dashboard .admin-intro { padding:19px; align-items:flex-start; }
 #admin-dashboard .admin-intro h1 { font-size:24px; }
 #admin-dashboard .admin-metric { min-height:95px; padding:14px; }
 #admin-dashboard .admin-chart-card .card-body { padding:18px 15px 12px; }
 #admin-dashboard .admin-chart-table { font-size:12px; }
 #admin-dashboard .admin-chart-table th,#admin-dashboard .admin-chart-table td { padding:9px 5px; }
 #admin-dashboard .admin-chart-table tbody th { min-width:105px; }
 #admin-dashboard .admin-chart-table td:nth-child(2) { min-width:65px; }
}
@media(prefers-reduced-motion:reduce) { #admin-dashboard .admin-metric { transition:none; } }

#admin-dashboard .admin-status-waiting { background:#fff3d8; color:#76530a; }
#admin-dashboard .admin-status-preparing { background:#edf1fa; color:#36518a; }
#admin-dashboard .admin-status-transit { background:#e6f5ef; color:#176149; }
#admin-dashboard .admin-status-review { background:#fff0ec; color:#9a3d31; }
#admin-dashboard .admin-status-done { background:#ecf4e8; color:#426034; }
#admin-dashboard .admin-status-muted { background:#f1f1f1; color:#3f4142; }

/* Compact, keyboard-scrollable data tables on desktop and mobile. */
#admin-dashboard .admin-orders,#admin-dashboard .admin-activities{display:block;min-width:0;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}
#admin-dashboard .admin-table-scroll{max-width:100%;overflow:auto;border:1px solid #ddddde;border-radius:12px;background:#fff;overscroll-behavior-inline:contain}
#admin-dashboard .admin-table-scroll:focus-visible{outline:3px solid #b78d53;outline-offset:2px}
#admin-dashboard .admin-data-table{width:100%;min-width:720px;border-collapse:collapse;text-align:start;font-size:14px;line-height:1.5}
#admin-dashboard .admin-data-table th,#admin-dashboard .admin-data-table td{padding:12px 10px;border-bottom:1px solid #ededed;text-align:start;vertical-align:top;overflow-wrap:anywhere}
#admin-dashboard .admin-data-table thead th{background:#f4f4f5;font-weight:700;white-space:nowrap}
#admin-dashboard .admin-data-table tbody tr:last-child>*{border-bottom:0}
#admin-dashboard .admin-data-table .admin-order.card,#admin-dashboard .admin-data-table .admin-activity{display:table-row!important;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#admin-dashboard .admin-order .card-body{padding:0}
#admin-dashboard .admin-order .card-body small{display:block;color:#58595b;font-size:13px;margin-top:3px}
#admin-dashboard .admin-order-actions{min-width:130px}
#admin-dashboard .admin-order-actions .btn{min-height:44px}
#admin-dashboard .admin-data-table .admin-status{max-width:none}
#admin-dashboard .admin-data-table .admin-progress{min-width:200px;margin:0 0 8px}
#admin-dashboard .admin-order-meta{display:grid;gap:2px;margin:0;font-size:13px}
#admin-dashboard .admin-data-table .admin-link{min-width:110px}
#admin-dashboard .admin-table-hint{display:none;color:#58595b;font-size:13px;margin:0 0 6px}
@media(max-width:720px){#admin-dashboard .admin-table-hint{display:block}}

/* Keep full status labels and action buttons legible in the scrollable order table. */
#admin-dashboard .admin-orders .admin-data-table{min-width:860px}
#admin-dashboard .admin-orders .admin-data-table th:nth-child(2),
#admin-dashboard .admin-orders .admin-data-table td:nth-child(2){min-width:165px}
#admin-dashboard .admin-orders .admin-data-table .admin-status{overflow-wrap:normal;word-break:normal}
#admin-dashboard .admin-order-actions .btn{white-space:nowrap}
@media(max-width:650px){
 #admin-dashboard .admin-orders .admin-table-hint{display:none}
 #admin-dashboard .admin-orders .admin-table-scroll{overflow:visible;border:0;border-radius:0}
 #admin-dashboard .admin-orders .admin-data-table{display:block;min-width:0}
 #admin-dashboard .admin-orders .admin-data-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 #admin-dashboard .admin-orders .admin-data-table tbody{display:block}
 #admin-dashboard .admin-orders .admin-data-table .admin-order.card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'name status' 'actions actions' 'quantity quantity' 'detail detail';gap:.5rem .75rem;padding:1rem 0;border-bottom:1px solid #ddddde}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>*{min-width:0;padding:0;border:0}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>th:nth-child(1){grid-area:name}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>td:nth-child(2){grid-area:status;min-width:0}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>td:nth-child(3){grid-area:actions}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>td:nth-child(4){grid-area:quantity}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>td:nth-child(4)::before{content:'المطلوب: ';color:#58595b}
 #admin-dashboard .admin-orders .admin-data-table .admin-order>td:nth-child(5){grid-area:detail}
 #admin-dashboard .admin-orders .admin-data-table .admin-order-actions{min-width:0}
 #admin-dashboard .admin-orders .admin-data-table .admin-progress{min-width:0}
 #admin-dashboard .admin-orders .admin-order .card-body strong{font-size:15px;line-height:1.5}
 #admin-dashboard .admin-orders .admin-order .card-body small,
 #admin-dashboard .admin-orders .admin-order-meta,
 #admin-dashboard .admin-orders .admin-progress-labels,
 #admin-dashboard .admin-orders .admin-status{font-size:14px}
 #admin-dashboard .admin-orders .admin-status{line-height:1.5}
 #admin-dashboard .admin-orders .admin-order-differences{white-space:normal;overflow-wrap:normal;word-break:normal}
 #admin-dashboard .admin-orders .admin-order-differences ul{margin:.5rem 0;padding-inline-start:1.25rem}
}