.admin-page { padding-bottom:30px; }
.admin-main { max-width:1040px;padding-top:28px; }
.admin-intro { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 28px;background:var(--navy);color:#fff;border-radius:18px; }
.admin-intro h1 { margin:0;font-size:clamp(23px,4vw,32px); }
.admin-intro p:not(.eyebrow) { margin:9px 0 0;color:#c0cfdb;font-size:13px;line-height:1.7; }
.refresh-button { min-height:44px;flex:none;border:1px solid #52687d;border-radius:10px;background:#18334d;color:#fff;padding:0 14px;font-size:12px;font-weight:700; }
.refresh-button:hover { background:#254561; }
.admin-summary { display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 27px; }
.admin-summary article { padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;display:flex;justify-content:space-between;align-items:center; }
.admin-summary span { color:var(--muted);font-size:12px; }
.admin-summary strong { font-size:23px; }
.orders-section { background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px; }
.orders-title { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px; }
.orders-title h2 { margin:0;font-size:19px; }
.orders-title label { display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px; }
.orders-title select { min-height:39px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);padding:0 8px; }
.order-card { border:1px solid var(--line);border-radius:13px;margin-top:11px;padding:15px; }
.order-top { display:flex;justify-content:space-between;align-items:flex-start;gap:12px; }
.order-id { color:var(--navy);font-weight:800;font-size:13px;direction:ltr; }
.order-date { display:block;margin-top:4px;color:var(--muted);font-size:11px; }
.status-pill { border-radius:999px;padding:6px 10px;background:#fff0d8;color:#81500b;font-size:10px;font-weight:700;white-space:nowrap; }
.status-pill.confirmed { background:#e3f6eb;color:#1c6b45; }
.status-pill.preparing { background:#e6efff;color:#2754a1; }
.status-pill.completed { background:#edf1f5;color:#3f5366; }
.status-pill.cancelled { background:#ffebeb;color:#9e3535; }
.order-customer { margin:13px 0 8px;font-size:12px;font-weight:700; }
.order-contact { display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 10px;color:#53677a;font-size:11px; }
.order-contact a,.order-contact>span { display:inline-flex;align-items:flex-start;gap:6px;color:inherit;text-decoration:none; }
.order-contact svg { width:15px;height:15px;flex:none;fill:none;stroke:#31709a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.order-lines { border-top:1px solid #edf1f5;padding-top:8px; }
.order-line { display:flex;justify-content:space-between;gap:10px;padding:5px 0;color:#53677a;font-size:11px; }
.order-line strong { color:var(--ink);white-space:nowrap; }
.order-note { margin:8px 0 0;background:#f5f7fa;padding:9px;border-radius:8px;color:#53677a;font-size:11px; }
.order-bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f5;margin-top:9px;padding-top:10px; }
.order-total { font-weight:800;font-size:14px; }
.order-actions { display:flex;align-items:center;gap:7px; }
.order-bottom select { min-height:37px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 7px;font-size:11px; }
.delete-order { min-height:37px;border:1px solid #f0caca;border-radius:8px;background:#fff8f8;color:#a52b25;padding:0 10px;font-size:11px;font-weight:700; }
.delete-order:hover { background:#ffebeb; }
.delete-order:disabled { opacity:.55; }
.orders-empty { padding:32px 10px;text-align:center;color:var(--muted);font-size:13px; }
.pin-dialog { width:min(400px,calc(100% - 28px));border:0;border-radius:18px;padding:0;box-shadow:var(--shadow); }
.pin-dialog::backdrop { background:rgb(7 20 34 / 58%);backdrop-filter:blur(2px); }
.pin-dialog form { padding:25px; }
.pin-dialog .eyebrow { color:var(--orange); }
.pin-dialog h2 { margin:0;font-size:22px; }
.pin-dialog p:not(.eyebrow) { color:var(--muted);font-size:12px;line-height:1.6; }
.pin-dialog label { display:block;margin:15px 0;font-size:12px;font-weight:700; }
.pin-dialog input { width:100%;margin-top:7px;min-height:46px;border:1px solid var(--line);border-radius:9px;padding:10px; }
.admin-tabs { display:flex;gap:8px;margin:20px 0 15px;border-bottom:1px solid var(--line); }
.admin-tab { min-height:46px;padding:0 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:750; }
.admin-tab.is-active { border-color:#ed7b23;color:var(--navy); }
.admin-view[hidden],.admin-summary[hidden] { display:none!important; }
.products-help { margin:5px 0 0;color:var(--muted);font-size:12px; }
.product-admin-filters { display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 15px; }
.catalog-products { display:grid;gap:8px; }
.catalog-product-row { display:flex;align-items:center;gap:11px;min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:#fff; }
.catalog-product-row>img,.catalog-product-placeholder { width:58px;height:58px;flex:none;border-radius:8px;background:#f3f6f9;object-fit:contain;padding:4px; }
.catalog-product-placeholder { display:grid;place-items:center;color:var(--muted);font-size:9px;text-align:center; }
.catalog-product-copy { display:grid;gap:3px;min-width:0;flex:1; }
.catalog-product-copy strong { overflow:hidden;color:var(--ink);font-size:13px;text-overflow:ellipsis;white-space:nowrap; }
.catalog-product-copy span { overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap; }
.catalog-product-copy b { color:var(--navy);font-size:13px; }
.catalog-product-actions { display:flex;gap:6px; }
.catalog-product-actions button { min-height:40px;min-width:60px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--navy);font-size:12px;font-weight:700; }
.catalog-product-actions .delete-product { border-color:#f0caca;color:#a52b25; }
.catalog-product-actions button:disabled { opacity:.5; }
.product-dialog { width:min(520px,calc(100% - 24px));max-height:min(90vh,780px);overflow:auto;border:0;border-radius:18px;padding:0;box-shadow:var(--shadow); }
.product-dialog::backdrop { background:rgb(7 20 34 / 58%);backdrop-filter:blur(2px); }
.product-dialog form { display:grid;gap:13px;padding:22px; }
.product-dialog .dialog-head { margin-bottom:2px; }
.product-dialog h2 { margin:0;font-size:22px; }
.product-dialog label { display:grid;gap:6px;color:var(--ink);font-size:13px;font-weight:700; }
.product-dialog label span { color:var(--muted);font-size:11px;font-weight:500; }
.product-dialog input,.product-dialog select { width:100%;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 11px;color:var(--ink);font-size:14px; }
.product-form-row { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.product-dialog-actions { display:flex;justify-content:flex-end;gap:9px;margin-top:4px; }
.cancel-product { min-height:46px;padding:0 17px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:700; }
.product-dialog .submit-order { width:auto;min-height:46px;margin:0;padding:0 18px; }
.product-dialog .form-error { margin:0; }
@media(max-width:520px) { .product-form-row { grid-template-columns:1fr; }.product-dialog form { padding:18px; }.catalog-product-row { gap:7px;padding:7px; }.catalog-product-row>img,.catalog-product-placeholder { width:48px;height:48px; }.catalog-product-actions { flex-direction:column; }.catalog-product-actions button { min-width:54px;min-height:36px;font-size:11px; } }
@media(max-width:620px) { .admin-main { padding-top:14px; }.admin-intro {align-items:flex-start;flex-direction:column;padding:20px}.admin-summary {gap:7px;margin:12px 0 18px}.admin-summary article {padding:12px 10px;gap:5px;align-items:flex-start;flex-direction:column}.admin-summary span {font-size:10px}.admin-summary strong {font-size:20px}.orders-section {padding:13px}.orders-title {align-items:flex-start;flex-direction:column} }
