:root{--navy:#172554;--navy-2:#243b72;--aqua:#0f9b8e;--mint:#e8f7f4;--coral:#f97360;--ink:#172033;--muted:#718096;--line:#dde5ea;--canvas:#f3f6f7;--card:#fff;--sidebar:250px}html[data-theme="violet"]{--navy:#312e81;--navy-2:#5145a5;--aqua:#8b5cf6;--mint:#f2edff;--coral:#ec4899}.app-shell{margin:0!important;background:var(--canvas);color:var(--ink);min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:1050;background:linear-gradient(165deg,var(--navy),#101934);color:#fff;display:flex;flex-direction:column;transition:.22s ease;overflow:hidden}.tenant-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid #ffffff16}.brand-mark{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--aqua),#33c4b1);font-size:1.25rem;font-weight:900}.tenant-brand strong,.tenant-brand small,.sidebar-foot strong,.sidebar-foot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-brand strong{font-size:1rem}.tenant-brand small,.sidebar-foot small{font-size:.7rem;color:#9fb4d7}.side-nav{padding:15px 12px;display:flex;flex-direction:column;gap:4px;overflow:auto}.side-nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 13px;border-radius:12px;color:#cbd8ec;text-decoration:none;font-size:.88rem;font-weight:650;white-space:nowrap}.side-nav a b{width:20px;text-align:center;color:#79ddce;font-size:1.05rem}.side-nav a:hover,.side-nav a.active{background:#ffffff16;color:#fff}.side-nav a.active{box-shadow:inset 3px 0 var(--coral)}.sidebar-foot{margin-top:auto;padding:14px 18px;border-top:1px solid #ffffff18;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center}.tenant-avatar,.user-avatar{display:grid;place-items:center;border-radius:50%;background:#c9eee8;color:var(--navy);font-weight:800}.tenant-avatar{width:36px;height:36px}.sidebar-foot p{grid-column:1/-1;font-size:.65rem;color:#9fb4d7;margin:5px 0 0}.sidebar-foot p b{color:#fff}.shell-main{min-height:100vh;margin-left:var(--sidebar);display:flex;flex-direction:column;transition:.22s ease}.topbar{height:70px;display:flex;align-items:center;gap:14px;padding:0 22px;background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1000}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--navy);font-size:1.15rem}.topbar-title{display:flex;gap:9px;align-items:baseline}.topbar-title strong{font-size:1rem}.topbar-title small{color:var(--muted);font-size:.72rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.user-avatar{width:39px;height:39px}.shell-content{width:100%;max-width:1500px;margin:0 auto;padding:22px 28px 32px;flex:1}.softinfy-footer{display:flex;justify-content:space-between;padding:12px 28px;border-top:1px solid var(--line);background:var(--card);font-size:.72rem;color:var(--muted)}.softinfy-footer a{color:var(--navy);font-weight:750;text-decoration:none}.app-shell.sidebar-collapsed{--sidebar:76px}.sidebar-collapsed .tenant-brand div,.sidebar-collapsed .side-nav span,.sidebar-collapsed .sidebar-foot div:not(.tenant-avatar),.sidebar-collapsed .sidebar-foot p{display:none}.sidebar-collapsed .tenant-brand{padding:0 17px}.sidebar-collapsed .side-nav a{justify-content:center;padding:0}.sidebar-collapsed .sidebar-foot{display:flex;justify-content:center;padding:14px}.mobile-appbar,.mobile-bottom-nav,.sidebar-scrim{display:none}
.page-toolbar{min-height:72px;display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:17px 17px 0 0}.page-toolbar h1{font-size:1.35rem;margin:0;font-weight:780}.page-toolbar p{font-size:.72rem;color:var(--muted);margin:2px 0 0}.page-toolbar .count-chip{margin-left:auto}.count-chip{background:var(--mint);color:var(--aqua);border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800}.btn-primary-solid{background:var(--navy)!important;border-radius:11px!important;padding:.68rem .9rem!important}.grid-tools{display:grid;grid-template-columns:1fr 190px 110px;gap:9px;padding:10px 16px;background:var(--card);border:1px solid var(--line);border-top:0}.search-box{display:flex;align-items:center;gap:8px;background:var(--canvas);border:1px solid transparent;border-radius:11px;padding:0 12px}.search-box:focus-within{border-color:var(--aqua)}.search-box input{width:100%;height:42px;border:0;outline:0;background:transparent}.grid-tools select,.grid-tools button,.grid-footer select{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 10px}.grid-tools button{background:var(--aqua);color:#fff;border-color:var(--aqua);font-weight:750}.table-panel{border-radius:0 0 17px 17px!important;border-top:0!important;padding:0!important}.admin-table th{background:#f8fafb;padding:.75rem 1rem!important}.admin-table td{padding:.78rem 1rem!important}.status-pill{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:.68rem;font-weight:800}.status-pill.active{background:#e5f7ef;color:#08795d}.status-pill.inactive{background:#f2f3f5;color:#7a8490}.empty-row td{text-align:center!important;padding:2rem!important;color:var(--muted)}.grid-footer{min-height:54px;display:flex;align-items:center;justify-content:flex-end;gap:22px;padding:8px 14px;color:var(--muted);font-size:.72rem}.grid-footer form{margin-right:auto}.grid-footer select{height:34px;margin-left:5px}.pager{display:flex;align-items:center;gap:9px}.pager a{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;color:var(--navy);font-size:1.2rem;text-decoration:none}.pager a.disabled{opacity:.35;pointer-events:none}.pager b{font-weight:650}.reference-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.reference-strip div{display:flex;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:12px}.reference-strip span{font-size:.75rem;color:var(--muted)}
@media(max-width:700px){.app-sidebar{transform:translateX(-100%);width:270px}.app-shell.mobile-menu-open .app-sidebar{transform:none}.app-shell.mobile-menu-open .sidebar-scrim{display:block;position:fixed;inset:0;background:#11182788;z-index:1040}.shell-main{margin-left:0}.topbar{display:none}.mobile-appbar{position:sticky;top:0;z-index:1030;height:62px;padding:0 14px;display:grid;grid-template-columns:42px 1fr 38px;align-items:center;background:var(--navy);color:#fff}.mobile-appbar small,.mobile-appbar strong{display:block}.mobile-appbar small{color:#8fe0d4;font-size:.65rem}.mobile-appbar .icon-button{background:#ffffff12;color:#fff;border-color:#ffffff20}.shell-content{padding:10px 10px 88px}.softinfy-footer{display:none}.mobile-bottom-nav{display:grid}.page-toolbar{min-height:58px;padding:9px 11px;border-radius:14px 14px 0 0}.page-toolbar h1{font-size:1.1rem}.page-toolbar p{font-size:.64rem}.count-chip{display:none}.page-toolbar .btn-primary-solid{font-size:0;padding:0!important;width:40px;height:40px;display:grid;place-items:center}.grid-tools{grid-template-columns:1fr 44px;padding:8px}.grid-tools select{grid-row:2;grid-column:1/2;height:40px}.grid-tools button{grid-row:2;grid-column:2;font-size:0}.grid-tools button:after{content:'⌕';font-size:1rem}.table-panel{border-radius:0 0 14px 14px!important}.grid-footer{flex-wrap:wrap;gap:8px;padding:9px}.grid-footer form{margin-right:0}.grid-footer>span{margin-left:auto}.pager{width:100%;justify-content:space-between}.reference-strip{grid-template-columns:1fr}.admin-table td{padding:.12rem 0!important}}

.nav-section{padding:14px 13px 4px;color:#7891ba;font-size:.58rem;font-weight:850;letter-spacing:.13em}.sidebar-foot a{color:#fff;text-decoration:none;font-weight:800}.top-popover{position:relative}.top-popover>summary{list-style:none;cursor:pointer}.top-popover>summary::-webkit-details-marker{display:none}.top-popover svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.top-popover summary i{position:absolute;top:6px;right:6px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:var(--coral)}.popover-card{position:absolute;right:0;top:48px;width:280px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 45px #17255428;z-index:1100}.popover-card strong,.popover-card small{display:block}.popover-card small,.popover-card p{color:var(--muted);font-size:.75rem}.popover-card p{margin:.6rem 0 0}.popover-card form{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.popover-card button,.link-button{border:0;background:transparent;color:var(--coral);font-weight:750;padding:0}.user-menu .popover-card{width:230px}.admin-split{display:grid;grid-template-columns:340px 1fr;gap:14px;margin-top:14px}.admin-split .form-panel{padding:18px}.admin-split h2{font-size:1.1rem}.admin-split label{display:block;font-size:.76rem;font-weight:700;margin-top:10px}.admin-split input,.admin-split select{display:block;width:100%;height:42px;margin-top:4px;border:1px solid var(--line);border-radius:10px;padding:0 10px}.admin-split .check{display:flex;align-items:center;gap:7px;font-weight:500}.admin-split .check input{width:16px;height:16px;margin:0}.admin-split fieldset{max-height:260px;overflow:auto;margin:12px 0}.admin-split legend{font-size:.8rem;font-weight:800}.auth-page{min-height:100vh;display:grid;place-items:center;margin:0;background:radial-gradient(circle at top left,#d9faf3,transparent 38%),linear-gradient(145deg,#f4f7fb,#edf1f7)}.auth-card{width:min(430px,calc(100% - 28px));padding:32px;border:1px solid #dfe7eb;border-radius:22px;background:#fff;box-shadow:0 24px 70px #17255420}.auth-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--aqua));color:#fff;font-size:1.3rem;font-weight:900}.auth-card h1{font-size:1.65rem;margin:20px 0 4px}.auth-card>p{color:var(--muted)}.auth-card label{display:block;margin-top:13px;font-size:.78rem;font-weight:700}.auth-card input:not([type=checkbox]){display:block;width:100%;height:46px;margin-top:5px;border:1px solid var(--line);border-radius:11px;padding:0 12px}.auth-card .check{display:flex;gap:7px;align-items:center}.auth-card button{width:100%;height:47px;margin:18px 0 12px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-weight:800}.auth-card>a{display:block;text-align:center;color:var(--aqua);font-size:.78rem}@media(max-width:900px){.admin-split{grid-template-columns:1fr}}
/* Shared footer for standalone authentication and workspace setup screens. */
.auth-identity{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e7edf0}
.auth-identity>.retailflow-logo{flex:0 0 48px;width:48px;height:48px}
.auth-identity>.retailflow-logo img,.auth-identity>.retailflow-logo svg{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px}
.auth-identity>div{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start}
.auth-identity strong,.auth-identity small{display:block;width:100%}
.auth-identity strong{max-width:285px;color:#172554;font-size:1.05rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auth-identity small{margin-top:3px;color:#0f9b8e;font-size:.68rem;font-weight:800;line-height:1.2;letter-spacing:.1em;text-transform:uppercase}
.demo-access{margin:16px 0;padding:14px;border:1px solid color-mix(in srgb,var(--aqua) 45%,var(--line));border-radius:14px;background:var(--mint)}.demo-access>strong,.demo-access>small{display:block}.demo-access>small{margin:2px 0 10px;color:var(--muted);font-size:.7rem}.demo-access>div{display:grid;grid-template-columns:66px 1fr 54px;align-items:center;gap:8px;margin-top:7px}.demo-access label{margin:0!important;color:var(--muted);font-size:.68rem}.demo-access code{padding:9px 10px;border-radius:9px;background:#fff;color:var(--ink);font-family:inherit;font-weight:750;overflow:hidden;text-overflow:ellipsis}.demo-access button{width:auto;height:34px;margin:0;border-radius:9px;background:color-mix(in srgb,var(--aqua) 14%,#fff);color:var(--aqua);font-size:.68rem}.demo-access .use-demo{width:100%;height:40px;margin-top:10px;background:var(--aqua);color:#fff}.demo-access .demo-help{margin:9px 0 0;text-align:center}
.auth-platform-footer{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:8px 14px;border:1px solid #dfe8e6;border-radius:999px;background:#ffffffed;color:#657481;box-shadow:0 10px 30px #17255412;font-size:.7rem;transform:translateX(-50%);backdrop-filter:blur(8px)}.auth-platform-footer a{color:var(--aqua);font-weight:850;text-decoration:none}.auth-platform-footer a:hover{text-decoration:underline}@media(max-width:560px){.auth-page{padding-bottom:82px}.auth-platform-footer{bottom:max(10px,env(safe-area-inset-bottom));flex-wrap:wrap;gap:3px 8px;width:calc(100% - 24px);padding:8px 10px;text-align:center}}
.app-feedback{margin:0 0 14px;padding:12px 16px;border:1px solid;border-radius:12px;font-size:14px;font-weight:700}.app-feedback.success{border-color:#a7e4d4;background:#ecfdf7;color:#086f61}.app-feedback.error{border-color:#f3b8b8;background:#fff1f1;color:#a11d2b}