:root{--brand:#0f4c81;--brand2:#1479c9;--accent:#19a463;--orange:#f59e0b;--bg:#f4f7fb;--surface:#fff;--surface2:#eef4f9;--text:#172234;--muted:#667085;--line:#dce5ee;--danger:#dc2626;--shadow:0 14px 35px rgba(20,45,75,.10);--radius:18px;--sidebar:276px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}.splash{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#fff,#e9f3fb);display:grid;place-content:center;text-align:center;gap:10px}.splash img{width:96px;margin:auto}.splash strong{font-size:22px;color:var(--brand)}.splash span,.login-card p{color:var(--muted)}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#dcefff,transparent 38%),radial-gradient(circle at 85% 80%,#dff8eb,transparent 35%),var(--bg)}.login-card{width:min(430px,100%);background:var(--surface);padding:34px;border-radius:26px;box-shadow:var(--shadow);border:1px solid var(--line)}.brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.brand img{width:55px}.brand b,.sidebar-brand b{display:block;color:var(--brand);letter-spacing:.7px}.brand small,.sidebar-brand small{color:var(--muted);font-size:10px;letter-spacing:1.6px}.login-card h1{margin:30px 0 6px;font-size:30px}.login-card label{display:block;font-size:13px;font-weight:700;margin-top:18px}.login-card input{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:13px;background:var(--surface);color:var(--text)}.password-wrap{display:flex;align-items:center}.password-wrap input{padding-right:70px}.password-wrap button{margin-left:-66px;border:0;background:none;color:var(--brand);font-weight:700}.primary{border:0;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;border-radius:12px;padding:12px 17px;font-weight:700;cursor:pointer}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 16px;font-weight:700;cursor:pointer}.full{width:100%;margin-top:20px}.error{color:var(--danger);min-height:20px;margin-top:12px;font-size:13px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:linear-gradient(180deg,#0b355b,#0d4777);color:#fff;padding:18px 14px;display:flex;flex-direction:column;z-index:40;transition:.25s}.sidebar-brand{padding:5px 6px 18px}.sidebar-brand img{width:44px;border-radius:10px}.sidebar-brand b{color:#fff}.sidebar-brand small{color:#bcd4e8}.sidebar-brand .icon{margin-left:auto;color:#fff}.menu{display:flex;flex-direction:column;gap:5px;overflow:auto;padding:6px 0}.nav-item{border:0;background:transparent;color:#d8e8f5;display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border-radius:12px;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.13);color:#fff}.nav-icon{width:25px;text-align:center}.user-box{margin-top:auto;background:rgba(255,255,255,.1);padding:12px;border-radius:14px;display:flex;gap:10px;align-items:center}.user-box small{display:block;color:#c6d9e8;margin-top:3px}.mini-avatar,#avatar{display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand);font-weight:800}.mini-avatar{width:38px;height:38px}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:25;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:18px}.page-head h1{font-size:21px;margin:0}.page-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px;position:relative}.icon{border:0;background:transparent;cursor:pointer;font-size:20px}.search{display:flex;align-items:center;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:0 12px}.search input{border:0;outline:0;background:transparent;padding:10px;width:220px;color:var(--text)}.profile{border:0;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer;color:var(--text)}#avatar{width:38px;height:38px;background:var(--brand);color:#fff}.profile div{text-align:left}.profile small{display:block;color:var(--muted);font-size:10px}.profile-menu{position:absolute;right:0;top:55px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:7px}.profile-menu button{border:0;background:transparent;padding:9px 18px;color:var(--danger);cursor:pointer}.content{padding:25px;max-width:1700px;margin:auto}.hero{background:linear-gradient(135deg,#0f4c81,#1579c5 62%,#19a463);border-radius:22px;padding:28px;color:#fff;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.hero h2{margin:6px 0;font-size:29px}.hero p{margin:0;opacity:.88}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:800}.hero-actions{display:flex;gap:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.metric-card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 18px rgba(26,54,82,.05)}.metric-card{padding:20px;position:relative;overflow:hidden}.metric-accent{position:absolute;width:5px;inset:0 auto 0 0;background:var(--brand2)}.metric-label,.metric-foot{color:var(--muted);font-size:12px}.metric-value{display:block;font-size:25px;margin:8px 0}.dashboard-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:18px}.panel{padding:19px}.panel-header,.page-command{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.panel-header h3{margin:0}.panel-header span,.page-count{color:var(--muted);font-size:13px}.quick-grid,.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-card{border:1px solid var(--line);background:var(--surface2);padding:17px;border-radius:14px;text-align:left;cursor:pointer;color:var(--text)}.quick-card small{display:block;color:var(--muted);margin-top:5px}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card h3{margin:13px 0 7px}.service-card p{color:var(--muted);min-height:44px}.category,.status{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;background:#e4f2ff;color:var(--brand)}.service-meta{display:flex;align-items:end;justify-content:space-between;margin-top:18px}.price{font-size:22px;font-weight:800}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:720px}.data-table th,.data-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}.data-table th{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.empty,.loading{padding:50px 20px;text-align:center;color:var(--muted)}.empty b{display:block;color:var(--text);font-size:18px;margin-bottom:8px}.modal-backdrop{position:fixed;inset:0;background:rgba(5,18,30,.6);display:grid;place-items:center;padding:18px;z-index:80}.modal{width:min(600px,100%);max-height:90vh;overflow:auto;background:var(--surface);border-radius:20px;padding:22px}.modal-header,.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.modal-header h3{margin:0}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0}.modal-body label{font-size:12px;font-weight:700}.modal-body input,.modal-body select,.modal-body textarea{width:100%;margin-top:6px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.modal-actions{justify-content:flex-end}.toast{position:fixed;right:20px;bottom:20px;background:#152536;color:#fff;padding:13px 18px;border-radius:12px;z-index:100}.bottom-nav{display:none}.scrim{display:none}[data-theme=dark]{--bg:#0c1520;--surface:#121f2c;--surface2:#172838;--text:#eef5fb;--muted:#9eb0bf;--line:#273c4c;--shadow:0 15px 38px rgba(0,0,0,.25)}[data-theme=dark] .topbar{background:rgba(18,31,44,.9)}.mobile-only{display:none}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.search input{width:140px}}@media(max-width:768px){:root{--sidebar:280px}.sidebar{transform:translateX(-102%)}.sidebar.open{transform:translateX(0)}.scrim.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:35}.main{margin-left:0;padding-bottom:72px}.topbar{height:68px;padding:0 12px}.mobile-only{display:block}.page-head p,.profile div,.search,.top-actions>.icon{display:none}.content{padding:14px}.hero{padding:20px;display:block}.hero h2{font-size:23px}.hero-actions{margin-top:18px}.metrics{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.metric-card{padding:16px}.metric-value{font-size:20px}.service-grid,.quick-grid{grid-template-columns:1fr}.page-command{align-items:flex-start}.bottom-nav{position:fixed;display:flex;z-index:30;left:0;right:0;bottom:0;height:66px;background:var(--surface);border-top:1px solid var(--line);justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;border:0;background:transparent;color:var(--muted);font-size:10px;display:grid;place-content:center;gap:4px}.bottom-nav button span:first-child{font-size:20px}.bottom-nav button.active{color:var(--brand2)}.modal-body{grid-template-columns:1fr}}@media(max-width:430px){.metrics{grid-template-columns:1fr}.hero-actions{display:grid}.profile{padding:0}.panel{padding:14px}.content{overflow-x:hidden}}


/* SMILEADS BUSINESS OS V2.1 — THEME + PROFILE MOBILE FIX */
.theme-toggle{display:grid!important;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--surface2);border:1px solid var(--line);color:var(--text);flex:0 0 auto}
.theme-toggle:hover{background:var(--surface);box-shadow:0 5px 15px rgba(20,45,75,.12)}
#themeIcon{font-size:21px;line-height:1}
.profile-menu{min-width:140px;z-index:70}
@media(max-width:768px){
 .top-actions{gap:8px}
 .top-actions>.theme-toggle{display:grid!important}
 .top-actions>.profile{display:flex!important}
 .theme-toggle{width:40px;height:40px}
 .profile-menu{position:fixed;right:12px;top:64px;min-width:150px}
 .profile-menu button{width:100%;text-align:center;padding:13px 18px}
}
[data-theme=dark] .splash{background:linear-gradient(145deg,#0c1520,#172838)}
[data-theme=dark] .login{background:radial-gradient(circle at 15% 15%,#173653,transparent 38%),radial-gradient(circle at 85% 80%,#123b2b,transparent 35%),var(--bg)}


/* SMILEADS BUSINESS OS V2.2 — FULL PROFILE + THEME */
.profile-menu{width:290px;padding:10px;border-radius:18px;overflow:hidden}
.profile-menu-head{display:flex;align-items:center;gap:12px;padding:10px 9px 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.profile-menu-avatar,.profile-large-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:800;flex:0 0 auto}
.profile-menu-avatar{width:44px;height:44px}.profile-menu-head b{display:block}.profile-menu-head small{display:block;color:var(--muted);margin-top:3px;text-transform:capitalize}
.profile-action{width:100%;display:flex!important;align-items:center;gap:12px;text-align:left!important;padding:11px!important;border-radius:12px!important;color:var(--text)!important}
.profile-action:hover{background:var(--surface2)!important}.profile-action>span{width:28px;text-align:center;font-size:19px}.profile-action div{display:block!important}.profile-action b{display:block}.profile-action small{display:block;color:var(--muted);margin-top:2px}.profile-action.danger b{color:var(--danger)}
.user-box{cursor:pointer}.user-box:hover{background:rgba(255,255,255,.16)}
.profile-page{display:grid;gap:18px}.profile-hero-card{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,var(--brand),#1579c5 65%,#19a463);color:#fff}.profile-large-avatar{width:84px;height:84px;font-size:27px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.45)}.profile-hero-card h2{margin:5px 0;font-size:28px}.profile-hero-card p{margin:0;opacity:.85}.profile-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profile-detail span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.profile-detail b{font-size:17px;overflow-wrap:anywhere}.profile-settings,.profile-security{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-settings h3,.profile-security h3{margin:0 0 5px}.profile-settings p,.profile-security p{margin:0;color:var(--muted)}.profile-theme-button{display:flex;align-items:center;gap:9px;white-space:nowrap}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--danger);border-radius:12px;padding:11px 18px;font-weight:800;cursor:pointer}
@media(max-width:900px){.profile-details-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.profile-menu{position:fixed;left:12px;right:12px;top:auto;bottom:82px;width:auto;max-height:calc(100vh - 110px);overflow:auto;border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.profile-page{gap:13px}.profile-hero-card{padding:20px}.profile-large-avatar{width:70px;height:70px}.profile-hero-card h2{font-size:22px}.profile-settings,.profile-security{align-items:flex-start;flex-direction:column}.profile-theme-button,.danger-button{width:100%;justify-content:center}}
@media(max-width:430px){.profile-details-grid{grid-template-columns:1fr}.profile-hero-card{align-items:flex-start}.profile-large-avatar{width:62px;height:62px;font-size:22px}}


/* SMILEADS BUSINESS OS V2.3 COMPLETE PROFILE */

#avatar,
.mini-avatar,
.profile-menu-avatar,
.profile-large-avatar {
 overflow: hidden;
}

.avatar-image {
 width: 100%;
 height: 100%;
 display: block;
 object-fit: cover;
 border-radius: inherit;
}

.profile-avatar-button {
 border: 2px solid rgba(255,255,255,.55);
 padding: 0;
 cursor: pointer;
 appearance: none;
}

.profile-avatar-button:hover {
 transform: scale(1.025);
}

.profile-hero-copy {
 min-width: 0;
}

.profile-photo-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 margin-top: 13px;
}

.profile-small-button {
 border: 1px solid rgba(255,255,255,.55);
 background: rgba(255,255,255,.15);
 color: #fff;
 border-radius: 10px;
 padding: 8px 12px;
 font-size: 12px;
 font-weight: 800;
 cursor: pointer;
}

.profile-small-button:hover {
 background: rgba(255,255,255,.24);
}

.profile-remove-button {
 border-color: rgba(255,220,220,.7);
}

.theme-switch {
 min-width: 245px;
 display: flex;
 align-items: center;
 gap: 13px;
 border: 1px solid var(--line);
 background: var(--surface2);
 color: var(--text);
 border-radius: 16px;
 padding: 12px 14px;
 cursor: pointer;
 text-align: left;
}

.theme-switch-track {
 position: relative;
 display: block;
 width: 50px;
 height: 28px;
 border-radius: 999px;
 background: #aab6c2;
 flex: 0 0 auto;
 transition: .2s ease;
}

.theme-switch-thumb {
 position: absolute;
 top: 4px;
 left: 4px;
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: #fff;
 box-shadow: 0 2px 6px rgba(0,0,0,.22);
 transition: .2s ease;
}

.theme-switch.active .theme-switch-track {
 background: var(--brand2);
}

.theme-switch.active .theme-switch-thumb {
 transform: translateX(22px);
}

.theme-switch-copy b,
.theme-switch-copy small {
 display: block;
}

.theme-switch-copy small {
 color: var(--muted);
 margin-top: 3px;
 font-size: 11px;
}

@media(max-width:768px) {
 .theme-switch {
  width: 100%;
  min-width: 0;
 }

 .profile-photo-actions {
  margin-top: 10px;
 }
}

@media(max-width:430px) {
 .profile-hero-card {
  align-items: center;
 }

 .profile-hero-copy h2 {
  overflow-wrap: anywhere;
 }
}


/* SMILEADS CUSTOMER SAFE PATCH 1 */

.safe-customer-command small {
 display: block;
 color: var(--muted);
 margin-top: 5px;
}

.safe-customer-command-actions {
 display: flex;
 gap: 9px;
}

.safe-customer-panel {
 padding: 0;
 overflow: hidden;
}

.safe-view-button {
 border: 1px solid var(--line);
 background: var(--surface2);
 color: var(--text);
 border-radius: 9px;
 padding: 7px 12px;
 font-weight: 700;
 cursor: pointer;
}

.safe-customer-mobile {
 display: none;
}

.safe-customer-full-field {
 grid-column: 1/-1;
}

.safe-customer-view-grid {
 display: grid;
 grid-template-columns: repeat(2,minmax(0,1fr));
 gap: 12px;
 width: 100%;
}

.safe-customer-view-grid > div {
 padding: 13px;
 border: 1px solid var(--line);
 border-radius: 12px;
 background: var(--surface2);
}

.safe-customer-view-grid span {
 display: block;
 color: var(--muted);
 font-size: 11px;
 margin-bottom: 6px;
}

.safe-customer-view-grid b {
 display: block;
 overflow-wrap: anywhere;
}

.safe-customer-view-full {
 grid-column: 1/-1;
}

@media(max-width:768px) {
 .safe-customer-command {
  flex-direction: column;
  align-items: stretch;
 }

 .safe-customer-command-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
 }

 .safe-customer-desktop {
  display: none;
 }

 .safe-customer-mobile {
  display: grid;
  gap: 11px;
  padding: 12px;
 }

 .safe-customer-card {
  border: 1px solid var(--line);
  border-radius: 15px;
  padding: 14px;
  background: var(--surface);
 }

 .safe-customer-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
 }

 .safe-customer-card-head small {
  color: var(--muted);
 }

 .safe-customer-card-head h3 {
  margin: 5px 0 0;
  font-size: 17px;
 }

 .safe-customer-card-info {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 13px 0;
 }

 .safe-customer-card-info p {
  margin: 0;
  padding: 10px;
  border-radius: 10px;
  background: var(--surface2);
 }

 .safe-customer-card-info span,
 .safe-customer-card-info b {
  display: block;
 }

 .safe-customer-card-info span {
  color: var(--muted);
  font-size: 10px;
  margin-bottom: 4px;
 }

 .safe-customer-card-info b {
  font-size: 12px;
  overflow-wrap: anywhere;
 }

 .safe-customer-view-full {
  width: 100%;
 }

 .safe-customer-view-grid {
  grid-template-columns: 1fr;
 }

 .safe-customer-view-grid > div,
 .safe-customer-view-full {
  grid-column: auto;
 }
}

@media(max-width:430px) {
 .safe-customer-command-actions {
  grid-template-columns: 1fr;
 }

 .safe-customer-card-info {
  grid-template-columns: 1fr;
 }
}


/* SMILEADS CUSTOMER EDIT SAFE PATCH 2 */

.safe-customer-action-cell {
 display: flex;
 align-items: center;
 gap: 7px;
 white-space: nowrap;
}

.safe-edit-button {
 border: 1px solid var(--line);
 background: var(--surface);
 color: var(--brand2);
 border-radius: 9px;
 padding: 7px 12px;
 font-weight: 700;
 cursor: pointer;
 margin-left: 7px;
}

.safe-edit-button:hover,
.safe-mobile-edit-button:hover {
 background: var(--surface2);
}

.safe-edit-full-field {
 grid-column: 1/-1;
}

.safe-mobile-customer-actions {
 display: none;
}

@media(max-width:768px) {
 .safe-mobile-customer-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
 }

 .safe-mobile-customer-actions button {
  width: 100%;
  justify-content: center;
 }

 .safe-customer-view-full {
  margin: 0;
 }

 .safe-edit-full-field {
  grid-column: auto;
 }
}

@media(max-width:430px) {
 .safe-mobile-customer-actions {
  grid-template-columns: 1fr;
 }
}


/* SMILEADS CUSTOMER APPROVAL SAFE PATCH 4 */

.safe-status-pending {
 background: rgba(245,158,11,.14);
 color: #b45309;
 border: 1px solid rgba(245,158,11,.28);
}

.safe-status-approved {
 background: rgba(22,163,74,.13);
 color: #15803d;
 border: 1px solid rgba(22,163,74,.25);
}

.safe-status-rejected {
 background: rgba(220,38,38,.12);
 color: #b91c1c;
 border: 1px solid rgba(220,38,38,.24);
}

.safe-approve-button {
 border: 1px solid rgba(22,163,74,.35);
 background: rgba(22,163,74,.10);
 color: #15803d;
 border-radius: 9px;
 padding: 7px 12px;
 font-weight: 800;
 cursor: pointer;
 margin-left: 7px;
}

.safe-approve-button:hover {
 background: rgba(22,163,74,.18);
}

.safe-pending-approval-summary {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-left: auto;
}

.safe-pending-filter-button,
.safe-all-filter-button {
 min-height: 38px;
 border-radius: 10px;
 padding: 7px 12px;
 border: 1px solid var(--line);
 background: var(--surface);
 color: var(--text);
 font-weight: 700;
 cursor: pointer;
}

.safe-pending-filter-button strong {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 22px;
 height: 22px;
 margin-left: 6px;
 border-radius: 999px;
 background: #f59e0b;
 color: #fff;
 font-size: 12px;
}

.safe-mobile-approve-button {
 width: 100%;
 margin-left: 0;
}

@media(max-width:768px) {
 .safe-pending-approval-summary {
  width: 100%;
  margin-left: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
 }

 .safe-pending-filter-button,
 .safe-all-filter-button {
  width: 100%;
 }

 .safe-mobile-customer-actions {
  grid-template-columns: 1fr;
 }
}


/* SMILEADS UNIFIED MODULE SHELL + SUPER ADMIN SECURITY */
.module-shell{padding:0!important;overflow:hidden;min-height:calc(100vh - 120px)}
.module-shell-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.module-shell-toolbar b{display:block;font-size:16px}.module-shell-toolbar small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.module-frame{display:block;width:100%;height:calc(100vh - 178px);border:0;background:var(--bg)}
.profile-action-row{display:flex;gap:10px;flex-wrap:wrap}.credential-note{margin:0;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:768px){.content{padding:14px!important}.module-shell{margin:-14px;border-radius:0!important;border-left:0!important;border-right:0!important;min-height:calc(100dvh - 136px)}.module-shell-toolbar{height:56px;padding:0 14px}.module-frame{height:calc(100dvh - 192px)}.profile-action-row{width:100%;display:grid;grid-template-columns:1fr}.profile-action-row button{width:100%;min-height:48px}.topbar{height:64px!important}.page-head h1{font-size:19px!important}.page-head p{font-size:11px!important}.bottom-nav{height:72px!important}.bottom-nav button{font-size:10px!important}}