/* Compact garment navigation, with everyday work before settings. */
@media screen {
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar {background:linear-gradient(110deg,#0b493f,#13796b);color:#fff;border:1px solid #0b6053;box-shadow:0 5px 18px #0b493f20}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar h1 {display:block;color:#fff;-webkit-text-fill-color:currentColor;background:none;opacity:1;font-size:22px;line-height:1.3}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar .sub {color:#e2f3ed;background:none;font-size:12px}
  html[data-theme="dark"] body.modern-shell:is(.garment-shell,.dental-shell) .topbar {background:linear-gradient(110deg,#10382f,#105c50);border-color:#287465}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar :is(.menu-toggle,.theme-toggle,.global-search-trigger) {background:#f3faf7;color:#164f42;border-color:#c7e2d7}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar .global-search-trigger :is(.search-glyph,.search-placeholder,kbd) {color:#164f42}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar .global-search-trigger kbd {border-color:#bbd8cd}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar :is(.topbar-date,.user-name) {color:#fff}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar .user-role {background:#e5f5ee;color:#174c3e;border-color:#bbdfcf}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar .avatar {background:#fff;color:#106b5e;border-color:#c7e2d7}
  html[data-theme] body.modern-shell:is(.garment-shell,.dental-shell) .topbar :is(button,a):focus-visible {outline:3px solid #fff;outline-offset:3px}
  html body.modern-shell .sidebar .sidebar-search > span {color:#a9c4d7;opacity:1}
  html body.modern-shell .sidebar .sidebar-section {border-top:1px solid #ffffff16;margin-top:7px;padding-top:5px}
  html body.modern-shell .sidebar .sidebar-section summary {display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none;padding:11px 10px;color:#e0edf4;font-size:13px;font-weight:650;letter-spacing:.2px;min-height:42px;border-radius:7px}
  .sidebar .sidebar-section summary::-webkit-details-marker {display:none}
  .sidebar .sidebar-section summary > span {font-size:19px;line-height:1;transition:transform .15s}
  .sidebar .sidebar-section[open] summary > span {transform:rotate(90deg)}
  html body.modern-shell .sidebar .sidebar-section summary:hover {background:#ffffff0c;color:#fff}
  html body.modern-shell .sidebar .nav a {min-height:44px;padding:10px 11px;font-size:13px;color:#e0edf4}
  html body.modern-shell .sidebar .sidebar-section-links {display:grid;gap:2px;padding-bottom:8px}
  html body.modern-shell .sidebar .sidebar-section-links a {padding-left:15px}
  .sidebar .sidebar-section[hidden] {display:none!important}
  .sidebar :is(summary,a,input):focus-visible {outline:2px solid #7ddbc0;outline-offset:2px}
}
/* Shared layout improvements. Colours remain owned by the existing theme. */
@media screen {
  html body.modern-shell{font-size:14px;line-height:1.55}
  html[data-theme] body.modern-shell .stat:after{display:none}
  html body.modern-shell .topbar{height:70px;max-width:1600px;margin:16px auto 0;top:10px;border-radius:14px;padding:10px 16px}
  html body.modern-shell .topbar h1{font-size:20px;letter-spacing:-.4px;font-weight:700}.modern-shell .topbar .sub{font-size:11px}
  html body.modern-shell .content{max-width:1600px;padding:28px 24px 45px;animation:none}
  html body.modern-shell .page-head{align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}.modern-shell .page-head h2{line-height:1.25}.modern-shell .page-head .sub{margin-top:5px;font-size:12px;line-height:1.65}
  html body.modern-shell .menu-toggle{width:42px;height:42px;flex-basis:42px;border-radius:9px}.modern-shell .topbar .user-role{font-size:10px;font-weight:600}
  html body.modern-shell .sidebar{padding:20px 13px;padding-bottom:max(20px,env(safe-area-inset-bottom));}
  html body.modern-shell .nav a{font-size:12.5px;min-height:42px;border-radius:8px;letter-spacing:.1px}
  html body.modern-shell .nav .group{font-size:9px;letter-spacing:1.25px;}
  .sidebar-search{display:block;margin:0 5px 12px}.sidebar-search>span{display:block;font-size:10px;margin-bottom:6px}
  html body.modern-shell .sidebar-search input{width:100%;min-height:38px;padding:9px 11px;border-radius:8px;font-size:12px}
  .sidebar-no-results{font-size:12px;padding:15px 10px;line-height:1.6}.nav a[hidden],.nav .group[hidden],.sidebar-no-results[hidden]{display:none!important}
  html[data-theme] .modern-shell .glass,html[data-theme] .modern-shell .card.glass{border-radius:13px;}
  html body.modern-shell .card{padding:23px}.modern-shell .card h3{font-size:15px;letter-spacing:-.15px}.modern-shell .card>p{line-height:1.7}
  html body.modern-shell .stat{min-height:124px;padding:22px;}
  html body.modern-shell .stat .value,html body.modern-shell .stat.g2 .value{font-size:28px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.6px}
  html body.modern-shell .stat .label{font-size:10px;letter-spacing:.6px}.modern-shell .stat .ic{width:38px;height:38px;top:20px;right:20px;border-radius:10px;}
  html body.modern-shell .stat:hover{transform:none;}
  html[data-theme] .modern-shell .btn:not(.ghost):not(.danger):hover{filter:brightness(1.08);}
  html body.modern-shell .btn{border-radius:8px;font-weight:600;font-size:12px;min-height:40px;padding:9px 15px;gap:7px}
  html body.modern-shell .btn:hover{transform:none}.modern-shell .btn:active{transform:translateY(1px)}
  html body.modern-shell .btn.sm{min-height:32px;padding:6px 10px;font-size:11px}
  html[data-theme] .modern-shell label{font-size:12px;font-weight:600}
  html[data-theme] .modern-shell input,html[data-theme] .modern-shell select,html[data-theme] .modern-shell textarea{border-radius:8px;font-size:13px;min-height:43px}
  html body.modern-shell input[type=checkbox],html body.modern-shell input[type=radio]{width:16px;height:16px;min-height:16px;padding:0;vertical-align:middle}
  html body.modern-shell :disabled{cursor:not-allowed;opacity:.65}.modern-shell .form-grid{gap:17px 20px;min-width:0}.modern-shell .form-row{min-width:0}.modern-shell .form-row small{line-height:1.6}
  html[data-theme=dark] .modern-shell input[type=date]{color-scheme:dark}
  html[data-theme] .modern-shell .tbl-wrap{border-radius:10px;max-width:100%;overscroll-behavior-x:contain}
  html[data-theme] .modern-shell table.tbl{font-size:12px}
  html[data-theme] .modern-shell table.tbl th,html[data-theme] .modern-shell table.tbl td{padding:12px 14px;}
  html[data-theme] .modern-shell table.tbl thead th{height:43px;font-size:10px;letter-spacing:.6px;font-weight:650;}
  html[data-theme] .modern-shell table.tbl tfoot th,html[data-theme] .modern-shell table.tbl tfoot td{font-weight:700;}
  html body.modern-shell table.tbl .num{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.1px}.modern-shell table.tbl td .btn{margin:2px 0}
  html body.modern-shell .empty{padding:38px 20px;font-size:12px;white-space:normal}
  html body.modern-shell .badge{font-size:10px;letter-spacing:.1px;border-radius:6px;padding:4px 8px;font-weight:650}
  html body.modern-shell .alert{border-radius:9px;font-size:13px;line-height:1.65}
  html body.modern-shell .dashboard-hero{border-radius:15px;padding:26px}.modern-shell .dashboard-hero h2{font-size:25px}.modern-shell .quick-action{border-radius:10px}.modern-shell .chart-box{border-radius:10px}
  .ui-skip-link{position:fixed;top:-100px;left:20px;z-index:1000;padding:12px 20px;border-radius:8px;font-weight:700}.ui-skip-link:focus{top:12px}
  html body.modern-shell :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:3px}
  html body.modern-shell .content [id]{scroll-margin-top:105px}
  html[data-theme] .modern-login .login-card{border-radius:18px;padding:34px;max-width:450px}
  html[data-theme] .modern-login .login-card h1{letter-spacing:-.8px}
  html[data-theme] .modern-login input{border-radius:9px;min-height:46px}
  html[data-theme] .modern-login .btn{border-radius:9px}
  html body.doc-wrap,html body.ledger-body{padding:24px 16px}.doc-wrap .doc{border-radius:9px;}
  .doc-wrap .doc-toolbar .btn,.ledger-body .btn{border-radius:8px;}
  html body.modern-shell .company-editor .company-settings-card,html body.modern-shell .gst-page .gst-register{padding:0}
  html body.modern-shell .gst-page .gst-stat{padding:18px}
  html body.modern-shell :is(.customer-directory,.supplier-directory,.sale-payment-dialog,.purchase-payment-dialog,.supplier-payment-dialog){border-radius:14px;}
  html body.modern-shell :is(.sale-payment-confirm,.purchase-payment-confirm,.supplier-payment-confirm){border-radius:8px;}
  html body.modern-shell :is(.sale-payment-cancel,.purchase-payment-cancel,.supplier-payment-cancel){border-radius:8px}
  body.qr-screen{padding:20px;}.qr-screen .label{border-radius:13px;max-width:100%}.qr-screen>div{max-width:100%}.qr-screen button{border-radius:8px}
  @media(max-width:1050px){html body.modern-shell .topbar-date{display:none}.modern-shell .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:700px){html body.modern-shell .topbar{height:62px;width:calc(100% - 20px);margin-top:10px;top:6px;border-radius:11px;padding:8px 10px}.modern-shell .topbar .user-meta{display:none}html body.modern-shell .topbar h1{font-size:17px}html body.modern-shell .content{padding:24px 12px 35px}html body.modern-shell .card{padding:18px 15px}html body.modern-shell .page-head{gap:13px;align-items:stretch}html body.modern-shell .page-head h2{font-size:23px}.modern-shell .toolbar{gap:8px}html body.modern-shell .btn{min-height:42px}.modern-shell .form-row input,.modern-shell .form-row select,.modern-shell .form-row textarea{font-size:16px!important}.modern-shell .page-head .btn{white-space:normal}html body.modern-shell table.tbl{width:max-content;min-width:100%}html body.modern-shell table.tbl th,html body.modern-shell table.tbl td{padding:11px 12px}.modern-shell .content [id]{scroll-margin-top:85px}.modern-shell .stat .ic{width:30px;height:30px;right:12px;top:16px}html body.modern-shell .stat .value{font-size:24px}html body.modern-login .login-card{padding:27px 22px}.doc-wrap .doc-toolbar{flex-wrap:wrap}}
  @media(max-width:420px){html body.modern-shell .topbar .right{gap:5px}.modern-shell .topbar .avatar{display:none}.modern-shell .topbar .theme-toggle{display:none}html body.modern-shell .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}html body.modern-shell .stat{padding:17px 13px;min-height:110px}.modern-shell .stat .ic{display:none}}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}}
@media print{.ui-skip-link,.sidebar-search,.sidebar-no-results{display:none!important}}

@media screen {
  .sidebar-search input{color:inherit;background:transparent}
  .sidebar-search>span,.sidebar-no-results{color:inherit;opacity:.8}
  .ui-skip-link{background:var(--brand);color:#fff}
  .modern-shell .form-grid{align-items:start}
  .modern-shell .form-row>label{display:block;margin-bottom:7px}
  .modern-shell .form-row>small{display:block;margin-top:6px}
  .modern-shell .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
  .modern-shell .tbl-wrap{overflow-x:auto}
  @media(max-width:700px){
    .modern-shell .form-grid{grid-template-columns:minmax(0,1fr)!important}
    .modern-shell .form-grid>.form-row{grid-column:1 / -1!important}
    .modern-shell .toolbar>input,.modern-shell .toolbar>select{flex:1 1 180px;min-width:0}
  }
}

/* Quiet surfaces and a consistent hierarchy for the application workspace. */
@media screen {
  html body.modern-shell{--shell-canvas:#f5f7fa;--shell-border:#e2e7ee;--shell-soft:#627086;--shell-surface:#fff}
  html[data-theme=dark] body.modern-shell{--shell-canvas:#0d1420;--shell-border:#283447;--shell-soft:#a5b2c5;--shell-surface:#162131}
  html[data-theme] body.modern-shell .topbar{background:var(--shell-surface);color:var(--shell-ink);border:1px solid var(--shell-border);box-shadow:0 2px 8px #0f172a04;width:calc(100% - 48px)}
  html[data-theme] body.modern-shell .topbar :is(h1,.topbar-date,.user-role){color:var(--shell-ink)}
  html[data-theme] body.modern-shell .topbar .sub{color:var(--shell-soft)}
  html[data-theme] body.modern-shell .topbar :is(.menu-toggle,.theme-toggle,.topbar-logout,.global-search-trigger,.user-role){background:var(--shell-canvas);border:1px solid var(--shell-border);color:var(--shell-soft);box-shadow:none}
  html[data-theme] body.modern-shell .topbar .avatar{background:#e0f2f1;color:#11675e;border:1px solid #b9dfda;border-radius:12px}
  html[data-theme] body.modern-shell .sidebar{background:#122536;color:#d9e6f0}
  html[data-theme] body.modern-shell .sidebar-search input{background:#ffffff08;color:#e6eef5;border-color:#ffffff26}
  html[data-theme] body.modern-shell .sidebar-search input::placeholder{color:#9eb2c4}
  html[data-theme] body.modern-shell .nav a.active{background:#ffffff12;border-color:#ffffff18;box-shadow:inset 3px 0 #68d3c1}
  html[data-theme] body.modern-shell .glass{box-shadow:0 2px 5px #0f172a03;border-color:var(--shell-border)}
  html[data-theme] body.modern-shell .dashboard-welcome{background:var(--shell-surface);border:1px solid var(--shell-border);color:var(--shell-ink);box-shadow:none;padding:28px;gap:32px}
  html[data-theme] body.modern-shell .dashboard-welcome h2{color:var(--shell-ink);font-size:clamp(24px,2.3vw,32px);font-weight:700;letter-spacing:-1px;line-height:1.2}
  html[data-theme] body.modern-shell .dashboard-welcome p{color:var(--shell-soft);max-width:420px;line-height:1.7}
  html[data-theme] body.modern-shell .dashboard-welcome .eyebrow{color:var(--shell-soft);font-size:10px;letter-spacing:1.8px}
  html[data-theme] body.modern-shell .dashboard-hero .quick-action{background:var(--shell-canvas);color:var(--shell-ink);border:1px solid var(--shell-border);padding:14px;gap:5px;min-height:106px}
  html[data-theme] body.modern-shell .dashboard-hero .quick-action.primary{background:#167568;color:white;border-color:#167568}
  html[data-theme] body.modern-shell .quick-action:hover{border-color:#279483;box-shadow:0 4px 12px #0f172a0a}
  .modern-shell :is(.quick-action,.dashboard-kpi-icon,.operation-icon) svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}
  html body.modern-shell .dashboard-kpi{align-items:flex-start;flex-direction:row-reverse;justify-content:space-between;padding:22px;min-height:148px;border-top-width:1px;gap:10px}
  html body.modern-shell .dashboard-kpi:after{display:none}
  html body.modern-shell .dashboard-kpi-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}
  html body.modern-shell .dashboard-kpi span{text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;color:var(--shell-soft)}
  html body.modern-shell .dashboard-kpi strong{font-size:clamp(22px,2.1vw,32px);margin:14px 0 8px;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
  html body.modern-shell .dashboard-kpi small{color:var(--shell-soft);font-size:11px}
  html body.modern-shell .operation-card{box-shadow:none;padding:18px}
  html body.modern-shell .dashboard-panel-head h3{font-size:17px;font-weight:650}
  html body.modern-shell .section-kicker{color:var(--shell-soft);font-weight:600;letter-spacing:1.3px}
  html body.modern-shell .dashboard-panel-head>a{color:#168477;font-weight:600}
  html body.modern-shell .sales-bar{background:#218c80}
  html body.modern-shell .purchase-bar{background:#9ab9d6}
  html body.modern-shell .sales-dot{background:#218c80}
  html body.modern-shell .purchase-dot{background:#9ab9d6}
  html body.modern-shell .chart-bar{border-radius:4px 4px 0 0}
  html[data-theme] body.modern-shell .status-donut:after{background:var(--shell-surface);inset:16px}
  html body.modern-shell .status-legend>div{border-color:var(--shell-border)}
  html body.modern-shell .status-donut small{color:var(--shell-soft)}
  html body.modern-shell .badge{text-transform:capitalize}
  html body.modern-shell .dashboard-lists .tbl-wrap{padding:0 8px 8px}
  @media(max-width:1180px){html body.modern-shell .dashboard-welcome{flex-direction:column;align-items:stretch}.modern-shell .dashboard-welcome-copy{max-width:none}.modern-shell .quick-actions{min-width:0}}
  @media(max-width:700px){html[data-theme] body.modern-shell .topbar{width:calc(100% - 24px)}html body.modern-shell .quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}html body.modern-shell .quick-action{min-height:98px}html body.modern-shell .dashboard-kpi{min-height:126px}.modern-shell .dashboard-panel-head{flex-wrap:wrap}}
}

/* Keep search contents legible on the shared light/dark header. */
@media screen {
  html[data-theme] body.modern-shell .topbar .global-search-trigger .search-glyph,
  html[data-theme] body.modern-shell .topbar .global-search-trigger kbd { color:var(--shell-soft); }
  html[data-theme] body.modern-shell .topbar .global-search-trigger kbd { border-color:var(--shell-border); }
}

/* Shared navy-to-teal header, matching the approved colour reference. */
@media screen {
  html[data-theme] body.modern-shell .topbar {
    background:linear-gradient(110deg,#10334f 0%,#0e7490 58%,#10b5a5 100%);
    color:#fff;
    border-color:#159eac;
    box-shadow:0 12px 28px rgba(15,39,71,.12);
  }
  html[data-theme] body.modern-shell .topbar :is(h1,.topbar-date,.user-role) { color:#fff; }
  html[data-theme] body.modern-shell .topbar .sub { color:#bfd5e2; }
  html[data-theme] body.modern-shell .topbar :is(.menu-toggle,.theme-toggle,.topbar-logout,.global-search-trigger,.user-role) {
    background:rgba(255,255,255,.10);
    border-color:rgba(255,255,255,.30);
    color:#fff;
  }
  html[data-theme] body.modern-shell .topbar :is(.menu-toggle,.theme-toggle,.topbar-logout,.global-search-trigger):hover {
    background:rgba(255,255,255,.20);
    color:#fff;
  }
  html[data-theme] body.modern-shell .topbar .global-search-trigger :is(.search-glyph,.search-placeholder,kbd) { color:#fff; }
  html[data-theme] body.modern-shell .topbar .global-search-trigger kbd { border-color:rgba(255,255,255,.30); }
  html[data-theme] body.modern-shell .topbar .avatar { background:#fff;color:#087c91;border-color:#fff;border-radius:50%; }
}

/* Make the shared logout action easy to identify on the coloured header. */
@media screen {
  html[data-theme] body.modern-shell .topbar .topbar-logout {
    background:#b91c1c;
    border-color:#fecaca;
    color:#fff;
    box-shadow:0 0 0 2px rgba(255,255,255,.22);
  }
  html[data-theme] body.modern-shell .topbar .topbar-logout:hover {
    background:#991b1b;
    border-color:#fff;
    color:#fff;
  }
  html[data-theme] body.modern-shell .topbar .topbar-logout:focus-visible {
    outline:3px solid #fff;
    outline-offset:3px;
    background:#991b1b;
  }
}
/* Reference dashboard styling shared by standard, garment and dental modules. */
@media screen {
 html[data-theme="light"] body.modern-shell{background:#f5f8fc;color:#142b49}
 html[data-theme="light"] body.modern-shell .topbar{border-radius:12px;height:66px}
 html[data-theme="light"] body.modern-shell .topbar h1{color:#fff;font-size:19px}
 html[data-theme="light"] body.modern-shell .topbar :is(.menu-toggle,.global-search-btn,.theme-btn){background:#f4f8fc;color:#315572;border-color:#dce7f3}
 html[data-theme="light"] body.modern-shell .topbar .user-role{color:#315572;background:#edf7fb;border-color:#d5e9f2}
 html[data-theme="light"] body.modern-shell .topbar .sub{color:#e2f3f7;background:none}
 html[data-theme="light"] body.modern-shell .content{max-width:1480px}
 html[data-theme="light"] body.modern-shell :is(.card.glass,.stat){background:#fff;border:1px solid #dae6f2;box-shadow:0 2px 8px #1e416307;border-radius:10px}
 html[data-theme="light"] body.modern-shell .tbl thead th{background:#f4f8fd;color:#637c97;font-size:10px;letter-spacing:.6px;border-bottom:1px solid #dce7f2}
 html[data-theme="light"] body.modern-shell .tbl tbody td{border-color:#edf2f8}
 html[data-theme="light"] body.modern-shell .tbl tbody tr:hover{background:#f6fbff}
 html[data-theme="light"] body.modern-shell .form-row :is(input,select,textarea){border-radius:7px;border-color:#d5e2ef;box-shadow:none}
 html[data-theme="light"] body.modern-shell .form-row label{font-size:12px;font-weight:600;color:#47637f}
 html[data-theme="light"] body.modern-shell .page-head h2{font-size:22px;letter-spacing:-.4px}
 html[data-theme="light"] body.modern-shell .btn{border-radius:7px;font-size:12px}
 html[data-theme="light"] body.modern-shell .badge{border-radius:5px;font-size:10px}
}
@media screen {
 html[data-theme="light"] body.modern-shell .topbar :is(.theme-toggle,.global-search-trigger){background:#f4f8fc;color:#315572;border-color:#dce7f3}
 html[data-theme="light"] body.modern-shell .topbar .global-search-trigger :is(.search-glyph,.search-placeholder,kbd){color:#315572}
 html[data-theme="light"] body.modern-shell .topbar .global-search-trigger kbd{border-color:#cbdbea}
 html[data-theme="light"] body.modern-shell .topbar :is(.topbar-date,.user-name){color:#fff}
 html[data-theme="light"] body.modern-shell .topbar .avatar{background:#e8f7fa;color:#087c91;border-color:#cee8ed}
}

/* Keep the mobile account footer inside the drawer, even with long names. */
@media (max-width:680px) {
  html body.modern-shell .sidebar {
    box-sizing:border-box;
    max-width:calc(100vw - 32px);
    padding-bottom:max(18px,env(safe-area-inset-bottom));
    -webkit-overflow-scrolling:touch;
  }
  html body.modern-shell .sidebar .mobile-account-actions {
    box-sizing:border-box;
    grid-template-columns:minmax(0,1fr);
    width:100%;
    min-width:0;
    max-width:100%;
    padding:14px 0 0;
    gap:8px;
  }
  html body.modern-shell .mobile-account-user {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    gap:10px;
    padding:4px 2px 12px;
    align-items:flex-start;
  }
  html body.modern-shell .mobile-account-user > span:last-child {
    flex:1 1 0;
    width:0;
    min-width:0;
  }
  html body.modern-shell .mobile-account-user strong,
  html body.modern-shell .mobile-account-user small {
    white-space:normal;
    overflow-wrap:anywhere;
    text-overflow:clip;
    line-height:1.45;
  }
  html body.modern-shell .mobile-account-user strong {font-size:14px}
  html body.modern-shell .mobile-account-user small {margin-top:4px;font-size:12px}
  html body.modern-shell .mobile-account-actions > a,
  html body.modern-shell .mobile-account-actions > button {
    box-sizing:border-box;
    width:100%;
    min-width:0;
    max-width:100%;
    min-height:48px;
    padding:12px;
    gap:10px;
    line-height:1.4;
    white-space:normal;
  }
  html body.modern-shell .mobile-account-actions > a > span:last-child,
  html body.modern-shell .mobile-account-actions > button > span:last-child {
    flex:1 1 0;
    min-width:0;
    overflow-wrap:anywhere;
  }
}