/* WULALA Admin UI v1 — professional line-icon system and branded auth surface */
:root{--admin-ink:#081426;--admin-ink2:#10233c;--admin-mint:#5ee1c1;--admin-mint-deep:#0d896e;--admin-stroke:#284565;--admin-soft:#a9bbd2;--admin-canvas:#eef3f8}
.admin-line-icon{width:19px;height:19px;flex:0 0 19px;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em}
.admin-action-icon{width:17px;height:17px;margin-right:6px}

/* Sign in: keeps current authentication DOM and behavior intact. */
.login{position:relative;isolation:isolate;overflow:hidden;padding:28px;background:radial-gradient(circle at 12% 12%,#1a5660 0,transparent 30%),radial-gradient(circle at 90% 88%,#1a355b 0,transparent 36%),linear-gradient(145deg,#07111f,#0c1b31 58%,#102e3c)}
.login:before,.login:after{content:"";position:absolute;border:1px solid #81f0d033;border-radius:999px;pointer-events:none;z-index:-1}.login:before{width:640px;height:640px;right:-330px;top:-260px}.login:after{width:510px;height:510px;left:-310px;bottom:-250px}
.loginCard{position:relative;width:min(92vw,490px)!important;padding:34px!important;border:1px solid #79e8d155!important;border-radius:26px!important;background:linear-gradient(145deg,#132946ed,#0b1930f2)!important;box-shadow:0 30px 90px #0008;color:#f8fbff;backdrop-filter:blur(16px)}
.loginCard:before{content:"WULALA  ·  OPERATIONS";display:block;color:var(--admin-mint);font-size:11px;letter-spacing:.19em;font-weight:900;margin-bottom:18px}.loginCard h1{font-size:30px;letter-spacing:-.035em;margin-bottom:9px!important}.loginCard p{color:#b1c2d8!important;line-height:1.65}.loginCard p a{color:#85d7ff;font-weight:800;text-decoration:none}.loginCard p a:hover{text-decoration:underline}.loginCard label{color:#d9e6f6;font-size:12px;letter-spacing:.08em;margin-top:16px}.loginCard input{background:#07182d!important;border-color:#365777!important;color:#f8fbff!important;padding:13px 14px!important;border-radius:14px!important}.loginCard input:focus{outline:0;border-color:var(--admin-mint)!important;box-shadow:0 0 0 4px #5ee1c126}.loginCard #loginBtn{margin-top:4px;border-radius:14px!important;padding:13px 16px!important;background:linear-gradient(135deg,#25bd9a,#5ee1c1)!important;color:#06211e!important;box-shadow:0 10px 24px #10b98136}.loginCard #loginBtn:hover{filter:brightness(1.06);transform:translateY(-1px)}.loginCard #loginMsg{min-height:20px;color:#ffb9bc!important}

/* Main administration shell. */
.sidebar{background:linear-gradient(180deg,#081426,#0a1b30 58%,#07111f)!important;border-right:1px solid #2b4864;padding:19px 12px!important}.brand{padding:5px 11px 20px;margin:0!important;color:#f7fbff!important;font-size:20px!important;letter-spacing:-.03em}.brand:before{content:"W";display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:9px;background:linear-gradient(135deg,#79efd5,#80b5ff);color:#08223b;font-size:14px;font-weight:1000;vertical-align:2px}.brand small{color:#91a8c4!important;font-size:11px!important;letter-spacing:.05em}
.nav{padding-bottom:16px}.navGroup{color:#7690ae!important;padding:18px 12px 6px!important;font-size:10px!important;letter-spacing:.13em!important}.nav button{display:flex;align-items:center;gap:11px;padding:11px 12px!important;margin:3px 0!important;border:1px solid transparent!important;border-radius:12px!important;font-size:14px;font-weight:720;transition:background .16s ease,border-color .16s ease,transform .16s ease,color .16s ease}.nav button:hover{background:#152b46!important;border-color:#355674!important;transform:translateX(2px)}.nav button.active{background:linear-gradient(135deg,#18465a,#1a384e)!important;border-color:#3d7180!important;color:#ecfffb!important;box-shadow:inset 3px 0 0 var(--admin-mint)}.nav button .admin-line-icon{color:#a9c0d8}.nav button.active .admin-line-icon{color:var(--admin-mint)}.navTodoBadge{right:9px!important;border-color:#0a1b30!important}
.main{background:linear-gradient(180deg,#f5f8fb,#edf3f8)!important}.topbar{padding:4px 0 19px;border-bottom:1px solid #dbe5ef;margin-bottom:22px}.topbar h1{font-size:26px!important;letter-spacing:-.035em}.topbar .btn.secondary,.topbar .userchip{min-height:40px;border-radius:12px!important;border-color:#d1deea!important;background:#ffffffcc!important;box-shadow:0 4px 14px #0f29400b}.topbar .btn.secondary{font-size:13px;padding:9px 12px!important}.topbar .btn.secondary:hover{border-color:#5daab7!important;background:#f4fffd!important}.topbar .userchip{color:#59708b!important}.topbar #logout{color:#26435d!important;font-weight:800!important}
.card,.metric{border-color:#d8e4ee!important;box-shadow:0 8px 24px #173b5d0a}.card{border-radius:18px!important}.metric{position:relative;overflow:hidden;border-radius:16px!important}.metric:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#dbe7f1}.metric--urgent:after{background:linear-gradient(90deg,#f97316,#ef4444)}.metric--urgent b{color:#c2410c}.metric--live:after{background:linear-gradient(90deg,#18a887,#5ee1c1)}.metric--live b{color:#087963}.metric--done:after{background:linear-gradient(90deg,#55b987,#99f0b1)}.metric--done b{color:#147044}.btn{min-height:40px;border-radius:11px!important}.btn.good{background:#118166!important}.btn.secondary{transition:border-color .16s ease,background .16s ease,transform .16s ease}.btn.secondary:hover{transform:translateY(-1px)}

/* Dense back-office tables remain readable on narrow screens. */
.card:has(> table){overflow:auto;padding:0!important}.card:has(> table)>h2,.card:has(> table)>.toolbar,.card:has(> table)>.notice,.card:has(> table)>.grid4{margin-left:18px;margin-right:18px}.card:has(> table)>h2{margin-top:18px}.card:has(> table)>.toolbar:first-child{padding-top:18px}.card:has(> table)>table{min-width:720px;margin-top:14px}.card:has(> table)>table thead th{position:sticky;top:0;z-index:1;background:#f3f7fa;border-bottom:1px solid #cbd9e5;font-size:11px;letter-spacing:.035em;text-transform:uppercase}.card:has(> table)>table tr:hover td{background:#f7fbfd}.card:has(> table)>table td{padding-top:13px;padding-bottom:13px}
.toolbar label{display:grid;gap:5px;color:#5d748f;font-size:11px;letter-spacing:.04em}.toolbar label input,.toolbar label select{min-height:40px;border-radius:11px;padding:8px 10px}.toolbar input,.toolbar select{min-height:40px}.status{font-weight:800;letter-spacing:.02em}.section.active{animation:adminSectionIn .22s ease-out}@keyframes adminSectionIn{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5ee1c166;outline-offset:2px}
.chatInboxFab .admin-line-icon{width:24px;height:24px;stroke-width:2.1}

html[data-theme="dark"] .main{background:radial-gradient(circle at 80% 0,#142d43 0,transparent 34%),#0a1424!important}.topbar{border-color:#203a54}.topbar .btn.secondary,html[data-theme="dark"] .topbar .userchip{background:#101f34dd!important;border-color:#294663!important;color:#d8e9f9!important}.topbar #logout{color:#91d8ff!important}.sidebar{border-color:#26435e}html[data-theme="dark"] .metric:after{background:#29435d}html[data-theme="dark"] .metric--urgent:after{background:linear-gradient(90deg,#f97316,#ef4444)}html[data-theme="dark"] .metric--urgent b{color:#fdba74}html[data-theme="dark"] .metric--live:after{background:linear-gradient(90deg,#18a887,#5ee1c1)}html[data-theme="dark"] .metric--live b{color:#6ee7d0}html[data-theme="dark"] .metric--done:after{background:linear-gradient(90deg,#55b987,#99f0b1)}html[data-theme="dark"] .metric--done b{color:#86efac}html[data-theme="dark"] .card:has(> table)>table thead th{background:#101e32;border-color:#29435d}html[data-theme="dark"] .card:has(> table)>table tr:hover td{background:#102238}

@media(max-width:980px){.sidebar{border-right:0;border-bottom:1px solid #2b4864;padding:12px!important}.brand{padding:4px 8px!important}.nav button{min-height:42px;padding:9px 11px!important;gap:7px}.nav button:hover{transform:none}.nav button .admin-line-icon{width:18px;height:18px}.topbar{align-items:flex-start}.topbar>div{justify-content:flex-start!important}}
@media(max-width:600px){.login{padding:16px}.loginCard{padding:27px 22px!important;border-radius:22px!important}.loginCard h1{font-size:27px}.topbar{gap:14px;flex-direction:column}.topbar h1{font-size:23px!important}.topbar>div{width:100%}.topbar .userchip{padding:7px 9px}.nav button{font-size:12px;padding:8px 9px!important}.nav button .admin-line-icon{width:17px;height:17px}.brand{font-size:17px!important}}

/* V5.31 operations layer: daily queue, audit visibility and order trace */
.adminCommandCard{padding:20px!important;background:linear-gradient(135deg,rgba(27,50,65,.98),rgba(14,30,49,.98));border:1px solid rgba(101,232,192,.24);box-shadow:0 16px 42px rgba(0,0,0,.18)}
.adminCommandHead{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.adminCommandHead h2{margin:3px 0 4px;font-size:23px}.adminCommandHead p{margin:0;color:var(--muted);font-size:13px}.adminKicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#65e8c0}
.adminActionQueue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.adminActionItem{min-height:104px;border:1px solid var(--line);border-radius:14px;background:rgba(7,19,33,.42);padding:14px;text-align:left;color:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.adminActionItem:hover{transform:translateY(-2px);border-color:#65e8c0;background:rgba(20,67,67,.32)}.adminActionItem__top{display:flex;justify-content:space-between;gap:8px;align-items:center}.adminActionItem__label{font-size:12px;color:var(--muted)}.adminActionItem__count{min-width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f05252;color:#fff;font-size:12px;font-weight:900}.adminActionItem__count.is-clear{background:rgba(101,232,192,.15);color:#7df0c7}.adminActionItem b{display:block;margin-top:13px;font-size:16px}.adminActionItem small{display:block;margin-top:4px;color:var(--muted);line-height:1.45}.adminAuditPreview{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.adminAuditPreview__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.adminAuditPreview__head strong{font-size:14px}.adminAuditPreview__row{display:grid;grid-template-columns:112px minmax(100px,.65fr) minmax(160px,1.55fr);gap:10px;padding:8px 0;border-top:1px solid rgba(126,150,184,.14);font-size:12px;cursor:pointer}.adminAuditPreview__row:hover{color:#8ff4d1}.adminAuditPreview__row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminOrderTimeline{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:14px;background:rgba(8,21,37,.46)}.adminOrderTimeline h3{margin:0 0 12px;font-size:16px}.adminOrderTimeline__row{position:relative;display:grid;grid-template-columns:100px 16px 1fr;gap:10px;padding:0 0 13px;align-items:start}.adminOrderTimeline__row:last-child{padding-bottom:0}.adminOrderTimeline__time{font-size:12px;color:var(--muted);padding-top:2px}.adminOrderTimeline__dot{width:10px;height:10px;border-radius:50%;background:#65e8c0;margin-top:4px;box-shadow:0 0 0 4px rgba(101,232,192,.12)}.adminOrderTimeline__row:not(:last-child) .adminOrderTimeline__dot:after{content:"";position:absolute;left:104px;top:14px;width:1px;height:calc(100% - 3px);background:var(--line)}.adminOrderTimeline__text b{font-size:13px}.adminOrderTimeline__text small{display:block;margin-top:2px;color:var(--muted)}.adminOrderTimeline__tools{margin-top:12px;display:flex;justify-content:flex-end}.draftHint{font-size:11px;color:#7df0c7;margin-top:6px}.sensitiveOperationHint{margin:12px 0 0;border-left:3px solid #f59e0b;padding:9px 11px;background:rgba(245,158,11,.09);font-size:12px;color:#ffd99a}
@media(max-width:850px){.adminActionQueue{grid-template-columns:repeat(2,minmax(0,1fr))}.adminAuditPreview__row{grid-template-columns:76px 1fr}.adminAuditPreview__row span:last-child{grid-column:1/-1}.adminCommandHead{align-items:center}.adminCommandHead p{display:none}.adminOrderTimeline__row{grid-template-columns:74px 14px 1fr}.adminOrderTimeline__row:not(:last-child) .adminOrderTimeline__dot:after{left:81px}}
@media(max-width:520px){.adminActionQueue{grid-template-columns:1fr}.adminCommandHead h2{font-size:20px}.adminCommandHead .btn{padding:9px 10px;font-size:12px}}