/* Taplio partner and admin workspace visual system. Public QR pages stay independent. */
.app-shell{--brand-forest:#12213B;--brand-green:#3478F6;--brand-gold:#B8A06A;--blue:#3478F6;--primary:#3478F6;--accent:#26C6E8;--success:#247A56;--navy:#111A2E;--line:#2A3850;--muted:#A8B4C7;--bg:#0B1020;--ink:#F5F7FB;--app-bg:#0B1020;--surface:#172238;--surface-1:#172238;--surface-2:#1E2B44;--surface-3:#283953;--app-line:#33435E;--app-text:#F5F7FB;--app-muted:#A8B4C7;background:radial-gradient(circle at 85% 3%,#3478F61A,transparent 32%),var(--app-bg);font-family:Inter,'DM Sans',system-ui,sans-serif}
[data-theme=light] .app-shell{--app-bg:#F6F8FC;--surface:#FFFFFF;--surface-1:#FFFFFF;--surface-2:#F0F4FA;--surface-3:#E7EEF9;--app-line:#DCE4F0;--app-text:#142238;--ink:#142238;--bg:#F6F8FC;--blue:#2467D8;--primary:#2467D8;--app-muted:#52647C;--line:#DCE4F0;--muted:#52647C;background:radial-gradient(circle at 82% -10%,#DFEAFE,transparent 31%),var(--app-bg)}
.app-shell .sidebar,[data-theme=light] .app-shell .sidebar{background:#111A2E;color:#C7D1E0;border-inline-end:1px solid #ffffff18;box-shadow:12px 0 35px #0B102011}
.app-shell .sidebar .brand,.app-shell .sidebar .brand>div,[data-theme=light] .app-shell .sidebar .brand{color:#fff}
.app-shell .sidebar .brand>span{background:#172C51 url('/assets/brand/taplio-logo.png') center/contain no-repeat;color:transparent;font-size:0;box-shadow:none;border:1px solid #ffffff25}
.app-shell .sidebar .brand small{color:#AFC0DD}
.app-shell .workspace-badge{background:#ffffff0d;border-color:#ffffff20;box-shadow:none}
.app-shell .workspace-avatar,.app-shell .top-profile>span{background:#3478F6;color:#fff;box-shadow:none}
.app-shell .workspace-badge b{color:#fff}.app-shell .workspace-badge small{color:#C7D1E0}
.app-shell .nav-label{color:#9EB2D0;letter-spacing:.14em}
.app-shell .sidebar nav a,.app-shell .sidebar-bottom>a,.app-shell .sidebar .link-button{color:#D2DCEC;border-radius:11px}
.app-shell .sidebar nav a:hover,.app-shell .sidebar-bottom>a:hover{background:#ffffff13;color:#fff}
.app-shell .sidebar nav a.active{background:#DCE9FF!important;border:1px solid #94B9FF!important;color:#2467D8!important;box-shadow:none!important;font-weight:800}
.app-shell .sidebar nav a.active i{color:#2467D8!important}
.app-shell .sidebar nav i{color:#91B9FF}
.app-shell .topbar,[data-theme=light] .app-shell .topbar{background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--app-line);backdrop-filter:blur(16px)}
.app-shell .topbar-kicker{color:#74AAFF}.app-shell .topbar-left b{color:var(--app-text)}
.app-shell .top-create,.app-shell a.top-create{background:#2467D8;border-color:#2467D8;color:#fff;box-shadow:none}
.app-shell .icon-button{color:var(--app-text);border-color:var(--app-line)}
.app-shell .content{max-width:1540px;padding:32px clamp(18px,3vw,42px) 70px}
.app-shell .page-head{gap:18px;margin-bottom:25px}.app-shell .page-head h1{letter-spacing:-.045em;line-height:1.12}.app-shell .page-head p{color:var(--app-muted);line-height:1.55}
.app-shell .eyebrow,.app-shell .section-kicker{color:#74AAFF!important;letter-spacing:.12em}
.app-shell .panel,.app-shell .stats article,.app-shell .client-card,.app-shell .service-card,.app-shell .menu-business-card,.app-shell .catalog-card,.app-shell .product-heading{background:var(--surface)!important;border:1px solid var(--app-line)!important;border-radius:18px;box-shadow:0 12px 35px #0B102013!important;color:var(--app-text)}
.app-shell .panel h1,.app-shell .panel h2,.app-shell .panel h3{color:var(--app-text)}
.app-shell .panel p,.app-shell .panel small{color:var(--app-muted)}
.app-shell .stats article span,.app-shell .stats article small{color:var(--app-muted)!important}.app-shell .stats article b{color:var(--app-text)}
.app-shell .btn:not(.ghost):not(.danger-outline),.app-shell button.btn:not(.ghost):not(.danger-outline){background:#2467D8!important;border:1px solid #2467D8!important;color:#fff!important;border-radius:11px;box-shadow:0 8px 20px #2467D818}
.app-shell .btn:not(.ghost):not(.danger-outline):hover,.app-shell button.btn:not(.ghost):not(.danger-outline):hover{background:#1B56B8!important;transform:translateY(-1px)}
.app-shell .btn.ghost,.app-shell .button-outline{background:var(--surface)!important;border:1px solid var(--app-line)!important;color:var(--app-text)!important;border-radius:11px}
.app-shell .btn.ghost:hover{border-color:#5B91FF!important;color:#3478F6!important}
.app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),textarea,select){background:var(--surface);border:1px solid var(--app-line);color:var(--app-text);border-radius:10px}
.app-shell :is(input,textarea,select):focus-visible,.app-shell a:focus-visible,.app-shell button:focus-visible{outline:3px solid #3478F655;outline-offset:2px}
.app-shell .tag.active,.app-shell .tag.delivered,.app-shell .tag.confirmed{background:#e4f4e8;color:#196442}
.app-shell .tag.pending,.app-shell .tag.new{background:#fff2d9;color:#875e20}
.app-shell .menu-business-meta>span,.app-shell .card-business-details>span,.app-shell .activation-note,.app-shell .store-order-details{background:var(--surface-2)!important;border-color:var(--app-line)!important}
.app-shell .nfc-stock{border-color:var(--app-line)!important;background:var(--surface)!important}
.app-shell .stock-summary>span{color:#74AAFF!important}.app-shell .activation-note{color:var(--app-text)}
.app-shell .premium-empty i,.app-shell .service-icon,.app-shell .avatar,.app-shell .partner-avatar{background:#E5EFFF;color:#245CBF}
.app-shell .catalog-copy em,.app-shell .product-topbar>a:first-child,.app-shell .back,.app-shell .text-link{color:#74AAFF!important}
.app-shell .welcome-hero,.app-shell .store-hero,.app-shell .setup-hero{background:radial-gradient(circle at 83% 12%,#2865C4,transparent 43%),linear-gradient(120deg,#111A2E,#152C55)!important;border:1px solid #385A92!important;color:#fff!important;box-shadow:0 25px 55px #07142D30}
.app-shell .welcome-hero h1,.app-shell .store-hero h1,.app-shell .setup-hero h1{color:#fff!important}.app-shell .welcome-hero p,.app-shell .store-hero p,.app-shell .setup-hero p{color:#DCE8FC!important}
.app-shell .store-promise{color:#BCD5FF}.app-shell .product-price{background:#1A3154}.app-shell .product-price strong{color:#e8c78d}
.app-shell .tr.th,.app-shell thead{background:var(--surface-2);color:var(--app-muted)}.app-shell .tr,.app-shell td,.app-shell th{border-color:var(--app-line)}
.app-shell .order-stat-grid a.active,.app-shell .admin-filter-group a.active{background:#E5EFFF!important;color:#1D4FAD!important;border-color:#91B9FF!important}
[data-theme=dark] .app-shell .tag.active,[data-theme=dark] .app-shell .tag.delivered,[data-theme=dark] .app-shell .tag.confirmed{background:#1b4936;color:#b4edc7}
[data-theme=dark] .app-shell .premium-empty i,[data-theme=dark] .app-shell .service-icon,[data-theme=dark] .app-shell .avatar{background:#233C5F;color:#B8D4FF}
@media(max-width:900px){.app-shell .content{padding:22px 18px 50px}.app-shell .sidebar{box-shadow:12px 0 35px #0b192355}}
@media(max-width:600px){.app-shell .page-head h1{font-size:clamp(26px,8vw,36px)}.app-shell .head-actions{width:100%}.app-shell .head-actions .btn{flex:1;text-align:center}.app-shell .panel{border-radius:15px}}

/* Semantic actions retain their meaning across both display modes. */
.app-shell .btn.danger-outline{background:transparent!important;border:1px solid #E96A72!important;color:#FF9AA0!important;box-shadow:none!important}
[data-theme=light] .app-shell .btn.danger-outline{color:#AD2836!important;border-color:#D96873!important}
[data-theme=light] .app-shell .eyebrow,[data-theme=light] .app-shell .section-kicker,[data-theme=light] .app-shell .topbar-kicker,[data-theme=light] .app-shell .back,[data-theme=light] .app-shell .text-link{color:#245CBF!important}
[data-theme=light] .app-shell .btn.ghost:hover{color:#245CBF!important}