.form-message.success{color:#16734a;background:#eaf8f0;border-color:#bde8cf}.profile:hover{background:#3a3450}
.login-name-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onboarding-page{background:radial-gradient(circle at 20% 15%,#ebe5ff,transparent 28%),var(--bg);place-items:center;min-height:100vh;padding:25px;display:grid}.onboarding-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;width:min(520px,100%);padding:32px;box-shadow:0 24px 70px #33265d1a}.onboarding-card h1{margin:5px 0 7px;font-size:25px}.choice-tabs{background:var(--surface-soft);border-radius:10px;grid-template-columns:1fr 1fr;gap:5px;margin:22px 0;padding:4px;display:grid}.choice-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px;font-size:11px;font-weight:750}.choice-tabs button.active{background:var(--surface);color:var(--v);box-shadow:0 2px 8px #25203512}.onboarding-form,.settings-form{flex-direction:column;gap:15px;display:flex}.onboarding-form label,.settings-card label,.settings-form label{color:#5f5a6c;flex-direction:column;gap:6px;font-size:11px;font-weight:700;display:flex}.onboarding-form input,.settings-card input,.settings-card select{background:var(--surface);height:42px;color:var(--ink);border:1px solid #dad6e4;border-radius:8px;outline:0;padding:0 11px}.settings-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:20px}.settings-card h2{margin:0 0 5px;font-size:17px}.settings-card>p,.settings-card-title p{color:var(--muted);margin:0 0 18px;font-size:10px}.settings-card>label{margin-top:14px}.settings-card>small{color:var(--muted);margin-top:9px;font-size:9px;display:block}.settings-wide{grid-column:1/-1}.settings-input-row{gap:8px;display:flex}.settings-input-row input{flex:1;min-width:0}.settings-card-title{justify-content:space-between;align-items:flex-start;display:flex}.settings-card-title>span,.notification-count{color:#b42318;background:#fff0f0;border-radius:999px;place-items:center;font-size:9px;font-weight:850;display:grid}.settings-card-title>span{width:25px;height:25px}.notification-count{border:2px solid #fff;min-width:16px;height:16px;padding:0 4px;position:absolute;top:-4px;right:-4px}.settings-empty{background:var(--surface-soft);color:var(--muted);text-align:center;border-radius:10px;padding:24px;font-size:10px}.member-row{border-top:1px solid #efedf3;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;display:flex}.member-row strong,.member-row span,.member-row small{display:block}.member-row strong{font-size:12px}.member-row span,.member-row small{color:var(--muted);margin-top:4px;font-size:9px}.member-actions{align-items:center;gap:8px;display:flex}.member-actions .primary-button,.member-actions .secondary-button{padding:8px 11px;font-size:9px}.member-actions select{height:34px}.danger-link{color:#b42318;cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:750}.role-badge{border-radius:999px;font-weight:800;padding:6px 9px!important;font-size:8px!important}.role-badge.owner{color:var(--v);background:#eeeaff}.role-badge.admin{color:#356d9c;background:#eaf4ff}.role-badge.member{color:#667085;background:#f0f2f5}.profile-menu{position:relative}.profile-dropdown{background:var(--surface);border:1px solid var(--line);border-radius:12px;width:220px;padding:8px;position:absolute;top:46px;right:0;box-shadow:0 15px 40px #28203b20}.profile-dropdown>strong{border-bottom:1px solid var(--line);padding:10px 11px;font-size:11px;display:block}.profile-dropdown a,.profile-dropdown button{color:#625d70;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:10px 11px;font-size:10px;display:flex}.profile-dropdown a:hover,.profile-dropdown button:hover{color:var(--v);background:#f3efff}.profile-dropdown svg{width:15px}.settings-form .primary-button{align-self:flex-start}.settings-form input[readonly]{background:var(--surface-soft);color:var(--muted)}@media (max-width:700px){.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:auto}.member-row{flex-direction:column;align-items:flex-start}.login-name-grid{grid-template-columns:1fr}}.low-stock-defaults{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.low-stock-defaults label{margin-top:0}.low-stock-defaults small{color:var(--muted);font-size:9px;font-weight:400;line-height:1.4}.low-stock-settings-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:18px;padding-top:15px;display:flex}.low-stock-settings-actions>small{margin:0}.low-stock-settings-actions .primary-button{white-space:nowrap}@media (max-width:700px){.low-stock-defaults{grid-template-columns:1fr}.low-stock-settings-actions{flex-direction:column;align-items:flex-start}}.pi-settings .settings-card-title>span{border:0;width:auto;height:auto;padding:7px 10px}.pi-settings .pi-online{color:#18794e;background:#e9f8ef}.pi-settings .pi-offline{color:#b42318;background:#fff0f0}.pi-settings>small{color:var(--muted);margin:8px 0 14px;font-size:9px;display:block}.pi-printer-form{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.pi-printer-form h3{margin:0 0 4px;font-size:14px}.pi-printer-form>p{color:var(--muted);margin:0 0 14px;font-size:9px}.pi-printer-form .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-printer-form .modal-actions{margin-top:14px}@media (max-width:800px){.pi-printer-form .form-grid{grid-template-columns:1fr}}html[data-theme=dark] :where(.onboarding-card,.settings-card,.profile-dropdown){background:var(--surface);border-color:var(--line);color:var(--ink)}html[data-theme=dark] :where(.onboarding-form input,.settings-card input,.settings-card select,.settings-form input){background:var(--surface-soft);border-color:var(--line);color:var(--ink)}html[data-theme=dark] :where(.onboarding-form label,.settings-card label,.settings-form label){color:#d7d2e1}html[data-theme=dark] :where(.settings-empty,.choice-tabs){background:var(--surface-soft)}html[data-theme=dark] :where(.member-row,.profile-dropdown>strong,.pi-printer-form,.low-stock-settings-actions){border-color:var(--line)}html[data-theme=dark] :where(.profile-dropdown a,.profile-dropdown button){color:#d7d2e1}html[data-theme=dark] :where(.profile-dropdown a:hover,.profile-dropdown button:hover){color:#b9a8ff;background:#302943}html[data-theme=dark] .settings-form input[readonly]{color:var(--muted);background:#302b3a}html[data-theme=dark] .theme-options button{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}html[data-theme=dark] .theme-options button.active{color:#f4f0ff;background:#3a3155;border-color:#9a84ff;box-shadow:0 0 0 3px #9a84ff24}html[data-theme=dark] .theme-options button small{color:#aaa6b8}@media (max-width:760px){.personal-settings-grid{grid-template-columns:1fr;gap:12px}.appearance-settings{grid-column:auto}.settings-form .primary-button{align-self:stretch;width:100%}.theme-options{grid-template-columns:1fr}.theme-options button{grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;min-height:76px;padding:13px;display:grid}.theme-options button>span{grid-row:1/3;margin:0;font-size:22px}.theme-options button strong,.theme-options button small{grid-column:2}.theme-options button small{margin-top:2px}.pi-settings .settings-card-title{gap:10px}.pi-settings .settings-card-title>span{white-space:nowrap}}