.compact-btn { padding: 8px 12px; }
html, body { max-width: 100%; overflow-x: hidden; }
.whatsapp { background: #16a765; color: #fff; }
.danger { background: #b4232f; color: #fff; }
.order-admin-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 16px; margin-top: 22px; }
.ordered-product { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.ordered-product small, .muted { display: block; color: var(--muted); }
.ordered-product p { grid-column: 1 / -1; margin: 0; color: var(--muted); }
.customer-note { margin-top: 18px; padding: 16px; background: #f5f8fc; border-radius: 13px; }
.order-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 16px; }
.danger-zone { margin-top: 16px; border-color: #f2c7cc; }
.danger-zone p { color: var(--muted); }
.customer-match { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-top: 18px; padding: 17px 19px; border: 1px solid #cfe0f5; border-radius: 16px; background: #f5f9ff; }
.customer-match > div > span, .customer-match small { display: block; margin-top: 5px; color: var(--muted); }
.match-warning { border-color: #f1d28c; background: #fff9ea; }
.match-linked { border-color: #a7dfbd; background: #effbf3; }
.match-new { border-color: #d6e3f2; background: #f8fbff; }
.server-delivery-state { margin: 12px 0; padding: 12px 14px; border: 1px solid #b7ddc6; border-radius: 12px; background: #effbf3; color: #08723a; }
.server-delivery-state small { display: block; margin-top: 4px; color: var(--muted); }
.candidate-options { display: grid; gap: 7px; margin-bottom: 10px; }
.candidate-options label { display: flex; align-items: flex-start; gap: 9px; padding: 9px 11px; border: 1px solid rgba(20, 76, 130, .15); border-radius: 10px; background: #fff; cursor: pointer; }
.candidate-options input { width: auto; margin-top: 4px; }
@media (max-width: 950px) { .order-admin-grid { grid-template-columns: 1fr; } }
.orders-panel { margin-bottom: 16px; overflow: hidden; }
.order-filters { display: grid; grid-template-columns: minmax(240px, 1fr) 190px 190px auto; gap: 10px; padding: 16px; margin-bottom: 16px; background: #fff; border: 1px solid var(--line); border-radius: 16px; }
.order-filters input, .order-filters select { margin: 0; min-width: 0; }
.order-card-list { display: grid; gap: 10px; }
.portal-request-panel{margin-bottom:18px}.portal-admin-list{display:grid;gap:9px}.portal-admin-list article{display:grid;grid-template-columns:110px 1fr 1.4fr 180px;gap:14px;align-items:center;padding:14px;border:1px solid #dce6f1;border-radius:14px;background:#f9fbfe}.portal-admin-list article>div{min-width:0}.portal-admin-list small{display:block;margin-top:4px;color:#718197;overflow-wrap:anywhere}.portal-request-id b{color:#0875e1}@media(max-width:850px){.portal-admin-list article{grid-template-columns:1fr 1fr}.portal-admin-list article>div:nth-child(3),.portal-admin-list article>div:nth-child(4){grid-column:1/-1}}
.admin-order-card { display: grid; grid-template-columns: 1.05fr 1.35fr 1.25fr .8fr auto; gap: 14px; align-items: center; padding: 16px; border: 1px solid var(--line); border-radius: 15px; background: #f9fbfd; }
.admin-order-card > div { min-width: 0; }
.admin-order-card b, .admin-order-card strong, .admin-order-card span, .admin-order-card small { display: block; overflow-wrap: anywhere; }
.admin-order-card small, .admin-order-card span { color: var(--muted); font-size: 12px; margin-top: 4px; }
.order-card-action { display: grid; gap: 8px; min-width: 130px !important; }
.order-card-action .btn { white-space: nowrap; }
.match-badge, .linked-badge { display: inline-flex !important; width: max-content; margin-top: 7px !important; padding: 4px 8px; border-radius: 999px; font-size: 10px !important; font-weight: 700; }
.match-badge { color: #8a5700 !important; background: #fff0bd; }
.linked-badge { color: #0a7a3b !important; background: #dff6e8; }
.lower-admin { grid-template-columns: 1fr 1fr; margin-top: 0; }
.history-list { display: grid; gap: 8px; }
.history-list > div, .audit-list article { display: flex; justify-content: space-between; gap: 12px; padding: 13px; background: #f5f8fc; border-radius: 12px; }
.history-list span, .audit-list span, .audit-list small { display: block; color: var(--muted); }
.audit-list { display: grid; gap: 10px; margin-top: 22px; }
.invoice-sheet { width: min(900px, calc(100% - 32px)); margin: 40px auto; padding: 40px; background: #fff; border-radius: 20px; box-shadow: var(--shadow); }
.invoice-head, .invoice-customer { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 28px; }
.invoice-customer { padding: 18px; background: #f5f8fc; border-radius: 14px; }
.invoice-customer span { display: block; color: var(--muted); }
.invoice-totals { width: min(380px, 100%); margin: 25px 0 25px auto; }
.invoice-totals > div { display: flex; justify-content: space-between; padding: 9px; }
.invoice-totals .total { font-size: 18px; border-top: 2px solid var(--ink); }
.customer-timeline { display: grid; gap: 0; margin-top: 20px; padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.customer-timeline > div { display: flex; gap: 14px; min-height: 72px; position: relative; }
.customer-timeline > div:not(:last-child):after { content: ""; position: absolute; right: 17px; top: 36px; width: 2px; height: 36px; background: var(--line); }
.customer-timeline i { width: 36px; height: 36px; flex: 0 0 36px; display: grid; place-items: center; border-radius: 50%; background: #edf2f7; color: var(--muted); font-style: normal; font-weight: 900; }
.customer-timeline .done i { background: var(--success); color: #fff; }
.customer-timeline span b, .customer-timeline span small { display: block; }
.customer-timeline small { color: var(--muted); margin-top: 4px; }
@media (max-width: 1050px) { .admin-order-card { grid-template-columns: 1fr 1.3fr 1fr; } .order-card-money, .order-card-action { grid-column: auto; } }
@media (max-width: 760px) { .order-filters, .lower-admin { grid-template-columns: 1fr; } .admin-order-card { grid-template-columns: 1fr; gap: 10px; } .order-card-action { grid-template-columns: 1fr 1fr; width: 100%; } .admin-title, .customer-match { align-items: flex-start; flex-direction: column; } .admin-title .actions { margin: 10px 0; } .invoice-head, .invoice-customer { flex-direction: column; } .invoice-sheet { padding: 22px; } }
@media print { .site-header, footer, .no-print { display: none !important; } body { background: #fff; } .invoice-sheet { width: 100%; margin: 0; box-shadow: none; } }

/* V4.5 — structured admin workspace */
.admin-layout { width: 100%; display: flex; align-items: flex-start; gap: 0; }
.admin-main { min-width: 0; flex: 1 1 auto; }
.admin-layout .admin-wrap { width: 100%; }
.admin-sidebar { position: sticky; top: 90px; flex: 0 0 238px; height: calc(100vh - 104px); margin: 14px 14px 14px 0; padding: 16px 12px; display: flex; flex-direction: column; border: 1px solid #dfe8f3; border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 12px 38px rgba(31,71,122,.09); overflow: auto; z-index: 30; }
.sidebar-brand { display: flex; align-items: center; gap: 9px; padding: 5px 7px 15px; margin-bottom: 8px; border-bottom: 1px solid #e9eff6; }
.sidebar-brand img { width: 54px; height: 38px; object-fit: contain; }
.sidebar-brand b, .sidebar-brand small { display: block; }.sidebar-brand b { font-size: 13px; }.sidebar-brand small { margin-top: 3px; color: #8492a5; font-size: 9px; text-transform: uppercase; }
.admin-sidebar nav { display: grid; gap: 4px; }
.admin-sidebar nav a { min-height: 43px; padding: 9px 10px; display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; border-radius: 10px; color: #4a5b72; text-decoration: none; font-size: 12px; font-weight: 650; transition: .18s; }
.admin-sidebar nav a:hover, .admin-sidebar nav a.active { background: #ebf4ff; color: #086cff; }
.admin-sidebar nav a.active { box-shadow: inset -3px 0 #086cff; }
.admin-sidebar nav a i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: #f1f5fa; color: #48627f; font-style: normal; }
.admin-sidebar nav a.active i, .admin-sidebar nav a:hover i { background: #fff; color: #086cff; }
.admin-sidebar nav a em { min-width: 23px; height: 23px; padding: 0 6px; display: grid; place-items: center; border-radius: 999px; background: #ef3340; color: #fff; font-size: 10px; font-style: normal; }
.sidebar-label { margin: 14px 10px 5px; color: #98a5b6; font-size: 9px; font-weight: 700; }
.sidebar-alert { margin-top: auto; padding: 11px; display: flex; align-items: center; gap: 9px; border: 1px solid #ffd99b; border-radius: 12px; background: #fff9ed; }
.sidebar-alert > span { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 9px; background: #ff9d17; color: #fff; font-weight: 800; }.sidebar-alert b,.sidebar-alert small{display:block}.sidebar-alert b{font-size:10px}.sidebar-alert small{margin-top:2px;color:#8d7656;font-size:8px}
.admin-user { padding: 8px 11px; color: #66778d; font-size: 12px; }

.admin-alert-center { margin: 16px 0; display: grid; gap: 9px; }
.priority-alert { min-height: 70px; padding: 13px 16px; display: grid; grid-template-columns: 12px 1fr auto; align-items: center; gap: 13px; border: 1px solid #ffd59a; border-radius: 14px; background: linear-gradient(90deg,#fffaf1,#fff); color: #15243a; text-decoration: none; box-shadow: 0 8px 24px rgba(140,84,0,.06); }
.priority-alert > i { width: 10px; height: 10px; border-radius: 50%; background: #ff9418; box-shadow: 0 0 0 7px rgba(255,148,24,.12); animation: alert-pulse 1.7s ease-in-out infinite; }.priority-alert b,.priority-alert span{display:block}.priority-alert b{font-size:14px}.priority-alert span{margin-top:4px;color:#77869a;font-size:11px}.priority-alert strong{color:#c56700;font-size:11px}.portal-alert{border-color:#bdd8ff;background:linear-gradient(90deg,#f3f8ff,#fff)}.portal-alert>i{background:#0874ee;box-shadow:0 0 0 7px rgba(8,116,238,.11)}
@keyframes alert-pulse { 50% { transform: scale(.72); opacity: .65; } }
.attention-stat { border-color: #ffd79f !important; background: #fffaf3 !important; }
.admin-order-card.is-new,.portal-admin-list article.is-new{position:relative;border-color:#ffc86f;background:linear-gradient(90deg,#fffaf0,#fff)}
.admin-order-card.is-new:before,.portal-admin-list article.is-new:before{content:"";position:absolute;right:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:#ff9b19}
.new-badge{display:inline-flex!important;width:max-content!important;margin-top:7px!important;padding:4px 8px!important;border-radius:999px!important;background:#ff8d12!important;color:#fff!important;font-size:9px!important;font-style:normal!important;font-weight:800!important}

.pagination { margin: 18px 0 24px; display: flex; justify-content: center; align-items: center; gap: 6px; direction: rtl; }
.pagination a,.pagination span { min-width: 36px; height: 36px; padding: 0 10px; display: grid; place-items: center; border: 1px solid #dce6f1; border-radius: 9px; background: #fff; color: #4e6077; text-decoration: none; font-size: 11px; }
.pagination a:hover,.pagination a.active { border-color: #086cff; background: #086cff; color: #fff; }.pagination a.disabled{pointer-events:none;opacity:.4}

.customer-stats { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }.customer-filter{grid-template-columns:minmax(240px,1fr) auto auto}.customer-list{display:grid;gap:8px}.customer-list article{padding:13px;display:grid;grid-template-columns:44px 1.1fr 1.15fr .85fr 90px auto;align-items:center;gap:13px;border:1px solid #e1e9f2;border-radius:13px;background:#fbfdff}.customer-list article>div{min-width:0}.customer-list b,.customer-list small,.customer-list span{display:block;overflow-wrap:anywhere}.customer-list span,.customer-list small{color:#7d8a9d;font-size:10px}.customer-list b{margin-top:3px;font-size:12px}.customer-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#0d80ff,#0758d6);color:#fff;font-size:16px;font-weight:800}.customer-main b{font-size:14px}.customer-sub-count{text-align:center}.customer-sub-count b{font-size:19px;color:#086cff}.customer-row-actions .btn{min-height:35px;padding:7px 10px;white-space:nowrap;font-size:10px}
#orders,#products{scroll-margin-top:95px}

@media(max-width:1100px){.customer-list article{grid-template-columns:44px 1fr 1fr 100px}.customer-list article>div:nth-child(4){grid-column:2/3}.customer-row-actions{grid-column:4;grid-row:1/3}}
@media(max-width:900px){.admin-layout{display:block}.admin-sidebar{top:66px;width:100%;height:auto;margin:0;padding:8px 10px;border-width:0 0 1px;border-radius:0;overflow:hidden}.sidebar-brand,.sidebar-label,.sidebar-alert{display:none}.admin-sidebar nav{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.admin-sidebar nav::-webkit-scrollbar{display:none}.admin-sidebar nav a{flex:0 0 auto;min-width:105px;grid-template-columns:25px 1fr;padding:7px 9px}.admin-sidebar nav a em{position:absolute;margin:-31px 72px 0 0}.admin-sidebar nav a.active{box-shadow:inset 0 -3px #086cff}.admin-main{min-height:calc(100vh - 120px)}.admin-mode .site-header{position:sticky;top:0}.priority-alert{grid-template-columns:10px 1fr}.priority-alert strong{grid-column:2}.customer-list article{grid-template-columns:40px 1fr 85px}.customer-list article>div:nth-child(3),.customer-list article>div:nth-child(4){grid-column:2/-1}.customer-row-actions{grid-column:3;grid-row:1/2}}
@media(max-width:600px){.priority-alert{padding:12px}.customer-filter{grid-template-columns:1fr}.customer-list article{grid-template-columns:40px 1fr}.customer-list article>div,.customer-list article>div:nth-child(3),.customer-list article>div:nth-child(4),.customer-row-actions{grid-column:2}.customer-sub-count{text-align:right}.customer-row-actions .btn{width:100%}.pagination{flex-wrap:wrap}.pagination a,.pagination span{min-width:32px;height:34px;padding:0 8px}}

.admin-notification-link{position:relative}.admin-notification-link em,.cart-link em{min-width:20px;height:20px;padding:0 5px;display:inline-grid;place-items:center;border-radius:999px;background:#ef3340;color:#fff;font-size:9px;font-style:normal}.access-alert{border-color:#c8e8d7;background:linear-gradient(90deg,#f3fff8,#fff)}.access-alert>i{background:#0baa6e;box-shadow:0 0 0 7px rgba(11,170,110,.11)}
.customer-row-actions{display:flex;gap:6px}.customer-command{margin:18px 0;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;border:1px solid #cfe0f4;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(31,71,122,.07)}.customer-command span,.customer-command small{display:block;color:#7c8ca0;font-size:10px}.customer-command code{display:block;margin:5px 0;overflow:hidden;text-overflow:ellipsis;color:#17314f;font-size:11px}.whatsapp{background:#17a868!important;color:#fff!important}.detail-list{display:grid;gap:8px}.detail-list article{padding:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;border:1px solid #e4ebf3;border-radius:11px}.detail-list small{display:block;margin-top:3px;color:#8090a4}.detail-list em{font-style:normal;color:#0872df}.access-request-list{display:grid;gap:10px}.access-request-list>article{padding:14px;display:grid;grid-template-columns:150px minmax(180px,.8fr) 150px minmax(300px,1.4fr);align-items:center;gap:14px;border:1px solid #e2eaf3;border-radius:14px}.access-request-list>article.is-new{border-color:#ffc86f;background:#fffaf2}.access-request-list small,.access-request-list span{display:block;color:#78889c;font-size:10px}.access-request-list form{display:grid;gap:7px}.access-request-list form label{margin:0}.danger-text{color:#c92c3a!important}.full-list article{grid-template-columns:120px 1fr 1.6fr 190px}.notification-list{display:grid;gap:8px}.notification-item{padding:13px;display:grid;grid-template-columns:10px 1fr;gap:13px;border:1px solid #e2eaf3;border-radius:12px;color:#203149;text-decoration:none;background:#fff}.notification-item>i{width:9px;height:9px;margin-top:5px;border-radius:50%;background:#1681f5}.notification-item.level-danger>i{background:#dc3545}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span,.notification-item small{margin-top:3px;color:#7b899b;font-size:10px}.bar-list{display:grid;gap:12px}.bar-list>div{display:grid;grid-template-columns:130px 1fr 90px;align-items:center;gap:10px}.bar-list i{height:10px;overflow:hidden;border-radius:99px;background:#edf2f8}.bar-list u{display:block;width:var(--bar);height:100%;border-radius:99px;background:linear-gradient(90deg,#087cff,#00bfe7)}.bar-list b{text-align:left;font-size:11px}.price-edit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.price-edit-grid label{margin-top:4px}
@media(max-width:1100px){.customer-command{grid-template-columns:1fr 1fr 1fr}.customer-command>div{grid-column:1/-1}.access-request-list>article{grid-template-columns:1fr 1fr}.access-request-list>article form{grid-column:1/-1}.full-list article{grid-template-columns:1fr 1fr}.price-edit-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.customer-command,.access-request-list>article,.full-list article{grid-template-columns:1fr}.customer-command .btn{width:100%}.price-edit-grid{grid-template-columns:1fr 1fr}.bar-list>div{grid-template-columns:85px 1fr 65px}.customer-row-actions{flex-direction:column}}
.access-request-list>article.awaiting-send{border-color:#66b4ff;background:#f4f9ff}.access-send-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.access-send-actions form{display:block}.access-send-actions .btn{min-height:37px}
.setup-key{margin:18px 0;padding:16px;border:1px dashed #86a8cc;border-radius:12px;background:#f5f9fd;text-align:center;font:700 18px ui-monospace,monospace;letter-spacing:2px;word-break:break-all}.twofa-warning{margin-bottom:16px;border-color:#f0bd55;background:#fffaf0}.recovery-codes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:16px 0}.recovery-codes code{padding:10px;border-radius:8px;background:#16263b;color:#fff;text-align:center;letter-spacing:1px}details{margin-top:18px}details summary{cursor:pointer;color:#75869b}@media(max-width:600px){.recovery-codes{grid-template-columns:1fr}}