:root{--ink:#252525;--muted:#666760;--line:#e2e3dc;--paper:#f5f6f2;--panel:#fff;--field:#fff;--control:#fff;--control-hover:#f4f5ef;--surface-hover:#f6f7f1;--soft-surface:#eff0e9;--selected-bg:#ffce24;--selected-text:#242424;--topbar-bg:#fff;--menu-bg:#fff;--menu-line:#e6e7df;--primary-bg:#ffce24;--primary-bg-hover:#f3bf0b;--primary-text:#222;--brand:#d4a500;--brand-dark:#685000;--brand-soft:#fff5c5;--accent:#715a00;--accent-soft:#fff5c5;--warn:#bd2652;--gold:#ffce24;--shadow:0 8px 24px rgba(29,34,22,.05)}
html[data-theme=dark]{--ink:#f2f3f4;--muted:#b4b6b8;--line:#383a3c;--paper:#171819;--panel:#212223;--field:#1c1d1e;--control:#292b2d;--control-hover:#333638;--surface-hover:#2a2c2e;--soft-surface:#2c2e30;--selected-bg:#ffd23b;--selected-text:#222;--topbar-bg:#212223;--menu-bg:#212223;--menu-line:#383a3c;--primary-bg:#ffd23b;--primary-bg-hover:#ffde67;--primary-text:#20231c;--brand:#ffd23b;--brand-dark:#f8dc79;--brand-soft:#3b3420;--accent:#f8dc79;--accent-soft:#3b3420;--warn:#ff7ba0;--gold:#ffd23b;--shadow:0 8px 24px rgba(0,0,0,.14);--modal-scrim:rgba(0,0,0,.6)}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.45}button,input,select,textarea{font-family:inherit}button{font-weight:650}button:hover:not(:disabled){transform:none}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--brand);outline-offset:3px;box-shadow:none}.panel{border-radius:14px;box-shadow:var(--shadow)}h2{letter-spacing:-.035em;font-weight:730}.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--accent);font-weight:750}.muted,small{color:var(--muted)}.hidden{display:none!important}.secondary-btn{background:var(--brand-soft);border-color:var(--line);color:var(--brand-dark)}.primary-btn{border-color:transparent}.ghost-btn{color:var(--ink);background:var(--control)}.danger-btn{color:var(--warn)}
.platform-header{height:76px;position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;gap:20px;padding:0 28px;background:var(--topbar-bg);border-bottom:1px solid var(--line)}.header-brand{display:flex;align-items:center;gap:24px}.brand-home{padding:0;background:transparent;border:0}.brand-home img{width:145px;height:61px;object-fit:contain}.platform-name{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.platform-header .topbar-menu-toggle{position:static;min-height:38px;min-width:38px;padding:8px;border-radius:9px;box-shadow:none;font-size:0;background:var(--control);border:1px solid var(--line);backdrop-filter:none}.platform-header .topbar-menu-label>span:last-child{display:none}.header-bell{width:40px;min-width:40px;height:40px;position:relative;font-size:20px;padding:8px}.header-bell svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7}.header-bell .notification-badge{position:absolute;right:-5px;top:-5px;min-width:18px;font-size:10px;background:#dd326d;color:white}.header-profile{position:relative}.header-profile>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:13px;font-weight:650}.header-profile summary::-webkit-details-marker{display:none}.profile-avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--brand-soft);border:1px solid var(--line);border-radius:50%;font-size:12px;color:var(--ink)}.header-profile>.user-box{position:absolute;right:0;top:48px;display:grid;min-width:260px;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:var(--shadow)}.header-profile #currentUserName{font-size:12px;order:-1;padding-bottom:8px;border-bottom:1px solid var(--line)}.header-profile .tab-btn,.header-profile button{width:100%;font-size:13px;text-align:left;justify-content:flex-start;min-height:38px}.header-profile .notification-center{display:none}.header-profile .theme-toggle{justify-content:flex-start}.profile-label{max-width:140px;overflow:hidden;text-overflow:ellipsis}
.app-shell>.topbar{inset:76px auto 0 0;width:244px;padding:24px 14px 18px;gap:20px;border:0;border-right:1px solid var(--line);box-shadow:none;background:var(--panel);transform:translateX(-100%);backdrop-filter:none;z-index:50}.app-shell.topbar-open>.topbar{transform:translateX(0)}.topbar .topbar-drawer-head{padding:0 12px 15px;gap:8px}.topbar-drawer-head .eyebrow{display:none}.topbar-drawer-head strong{font-size:12px;font-weight:550;line-height:1.4;color:var(--muted)}.topbar-close-btn{display:none}.topbar .tabs{display:flex;flex-direction:column;gap:5px;padding:0;border:0;background:none;overflow:visible}.topbar .tab-btn{width:100%;min-height:44px;border:0;background:none;box-shadow:none;border-radius:9px;display:flex;justify-content:flex-start;gap:13px;padding:10px 14px;font-size:13px;font-weight:600;color:var(--muted);text-align:left}.topbar .tab-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar .tab-btn:hover{background:var(--soft-surface);color:var(--ink)}.topbar .tab-btn.active{background:var(--brand-soft);color:var(--ink);box-shadow:inset 3px 0 var(--gold)}.nav-group-label{margin:15px 14px 5px;text-transform:uppercase;font-size:10px;font-weight:650;letter-spacing:.13em;color:var(--muted)}.sidebar-foot{margin-top:auto;padding:20px 12px 0;display:flex;flex-direction:column;gap:9px;font-size:11px;color:var(--muted)}.brand-dots{display:flex;gap:5px}.brand-dots i{width:7px;height:7px;background:#ffce24;border-radius:50%}.brand-dots i:nth-child(2){background:#e7397c}.brand-dots i:nth-child(3){background:#38b8c7}.brand-dots i:nth-child(4){background:#9acb39}.app-shell>main{padding:106px 32px 36px;margin-left:0;max-width:none;width:auto;transition:none}.app-shell.topbar-open>main{margin-left:0}.app-shell.topbar-open>.topbar-scrim{opacity:1;pointer-events:auto;top:76px;background:rgba(0,0,0,.22)}.notification-side-panel{top:76px;z-index:70}.home-shell{max-width:1560px;margin:0 auto}.home-hero{padding:0 0 24px;border:0;border-radius:0;box-shadow:none;background:none;min-height:0}.home-hero h2{font-size:30px;margin:5px 0 8px}.home-subtitle{font-size:14px}.home-hero .id-pill{font-size:11px;color:var(--muted);background:var(--soft-surface);border-color:var(--line)}.home-stats-grid{gap:16px}.home-stat-card{min-height:155px;padding:23px;gap:10px;box-shadow:none}.home-stat-card>span{font-size:12px;font-weight:600;color:var(--muted)}.home-stat-card strong{font-size:34px;line-height:1.2}.home-stat-card small{font-size:12px;font-weight:450}.business-stat{align-items:flex-start;text-align:left;white-space:normal;justify-content:flex-start;display:flex;flex-direction:column;color:var(--ink);border:1px solid var(--line)}.business-stat:hover{border-color:var(--brand)}.business-stat small{display:flex;justify-content:space-between;width:100%}.dashboard-filters{display:flex;align-items:end;gap:14px;margin-bottom:24px;flex-wrap:wrap}.dashboard-filters label{font-size:11px;color:var(--muted);min-width:160px;gap:5px}.dashboard-filters select,.dashboard-filters input{min-height:40px;padding:9px 12px;font-size:12px}.dashboard-filters>button{margin-left:auto;min-height:40px}.business-results{margin-top:22px;display:grid;grid-template-columns:1fr 1.5fr;gap:24px;padding:24px}.business-results h2{font-size:19px;margin:3px 0}.business-results p{font-size:12px}.business-results-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:22px}.business-results-grid>div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:24px;gap:7px}.business-results-grid strong{font-size:27px;letter-spacing:-.04em}.business-results-grid span{font-size:11px;color:var(--muted)}.home-activity-panel{margin-top:22px;padding:25px}.home-activity-panel h2{font-size:20px}.business-attention{display:grid;gap:0}.attention-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto 15px;align-items:center;gap:16px;text-align:left;justify-content:stretch;white-space:normal;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px 0;color:var(--ink)}.attention-row:last-child{border-bottom:0}.attention-row>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.attention-row strong{font-size:12px;font-weight:600}.attention-row small{font-size:10px;font-weight:400}.attention-reason{font-size:11px;font-weight:450;background:var(--soft-surface);border-radius:6px;padding:5px 9px}.attention-mark{width:7px;height:7px;border-radius:50%;background:#c9a025}.attention-mark.urgent{background:#d84170}.business-empty{padding:30px 0;text-align:center;font-size:13px}.business-empty p{color:var(--muted)}
.workspace-tabs{display:flex;gap:5px;margin:8px 0 24px;border-bottom:1px solid var(--line);overflow-x:auto}.workspace-tabs button{background:none;color:var(--muted);padding:12px 17px;border-radius:0;border:0;border-bottom:3px solid transparent;font-size:13px}.workspace-tabs button.active{color:var(--ink);border-bottom-color:var(--gold)}.admin-grid{display:block}.admin-users,.admin-branches{padding:24px}.admin-users .eyebrow,.admin-branches .eyebrow{display:none}.users-toolbar{gap:12px}.users-toolbar label{font-size:11px}.access-user-table{display:block}.access-user-heading,.access-user-row{display:grid;grid-template-columns:24px minmax(130px,1.4fr) minmax(130px,1.2fr) minmax(100px,1fr) 75px 130px;align-items:center;gap:16px;padding:15px 0}.access-user-heading{border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.access-user-row{border-bottom:1px solid var(--line);font-size:12px}.access-user-row:last-child{border-bottom:0}.access-user-row>div>strong{font-weight:650}.access-user-row small{display:block;font-size:10px;margin-top:4px}.access-user-row .user-pill{font-size:10px;padding:3px 9px}.access-user-row .status-pill{font-size:10px;padding:3px 7px}.access-row-actions{display:flex;gap:6px;justify-content:flex-end;align-items:center}.access-row-actions>button{min-height:32px;padding:6px 10px;font-size:11px}.row-menu{position:relative}.row-menu>summary{cursor:pointer;list-style:none;font-size:12px;padding:8px;border-radius:7px}.row-menu>div{position:absolute;right:0;top:32px;z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:10px;width:235px;padding:12px;box-shadow:var(--shadow)}.row-menu button{display:block;background:none;text-align:left;padding:9px;width:100%;font-size:12px;color:var(--ink)}.row-menu button.danger-btn{color:var(--warn)}.row-menu p{font-size:11px;color:var(--muted)}.access-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.access-pagination>span{margin-right:auto;font-size:11px;color:var(--muted)}.access-pagination button{font-size:11px;padding:8px 12px}.access-bulk{display:flex;align-items:center;gap:12px;padding:12px;background:var(--brand-soft);border-radius:9px;margin:14px 0;font-size:12px}.access-bulk button{font-size:12px}.access-dialog{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px;width:min(1050px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 100px #0005}.access-dialog::backdrop{background:var(--modal-scrim)}.access-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.access-editor-head h2{font-size:25px;margin:4px 0}.access-editor-head p{font-size:12px}.access-toolbar{display:flex;align-items:end;gap:14px;margin:20px 0;flex-wrap:wrap}.access-toolbar label{flex:1;min-width:160px;font-size:11px}.access-toolbar button{font-size:12px;min-height:40px}.access-toolbar input,.access-toolbar select{min-height:40px;font-size:12px}.access-editor-body{display:grid;grid-template-columns:195px minmax(0,1fr);gap:24px;min-height:330px;margin-top:20px}.access-editor-body>nav{border-right:1px solid var(--line);padding-right:14px;display:flex;flex-direction:column;gap:5px}.access-editor-body>nav button{text-align:left;display:flex;align-items:flex-start;flex-direction:column;background:none;padding:12px;border-radius:9px;font-size:12px;color:var(--ink);white-space:normal}.access-editor-body>nav button.active{background:var(--brand-soft)}.access-editor-body>nav small{font-size:10px;font-weight:400}.access-module h3{font-size:17px}.access-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.access-check{display:flex;flex-direction:row;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:500}.access-check input[type=checkbox],.access-user-row>input,.access-branches input{width:16px;height:16px;min-height:16px;flex:none;padding:0;margin:2px 0 0;accent-color:#b58b00}.access-check small{display:block;font-size:10px;margin-top:4px;font-weight:400}.permission-changed{border-color:#c19a1f;background:var(--brand-soft)}.access-scopes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.access-scopes label{font-size:11px}.access-scopes select{font-size:11px;min-height:40px;max-width:100%}.access-branches{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0;padding:14px;border:1px solid var(--line);border-radius:9px}.access-branches label{display:flex;align-items:center;gap:7px;font-size:11px}.access-branches legend{font-size:11px}.access-delegation{margin:24px 0;padding:16px;border:1px solid var(--line);border-radius:10px}.access-delegation summary{cursor:pointer;font-size:12px;font-weight:650}.access-delegation p{font-size:12px}.access-savebar{position:sticky;bottom:-26px;display:flex;align-items:center;gap:12px;background:var(--panel);padding:18px 0;border-top:1px solid var(--line);margin-top:20px;z-index:1}.access-savebar span{margin-right:auto;font-size:12px;color:var(--muted)}.access-savebar button{font-size:12px}.access-preview{background:var(--brand-soft);border:1px solid var(--line);border-radius:10px;margin-top:20px;padding:16px;font-size:12px}.access-preview article{padding:12px 0;border-bottom:1px solid var(--line)}#accessError,.error-text{color:var(--warn);font-size:13px}.profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-grid article{border:1px solid var(--line);border-radius:12px;padding:22px}.profile-grid p,.audit-row{font-size:12px}.audit-row{padding:16px 0;border-bottom:1px solid var(--line)}.audit-row small{display:block;margin-top:5px}.global-render-form{max-width:620px;display:grid;gap:20px;margin-top:25px}.global-render-form label{font-size:13px}.global-render-form small{font-weight:400;font-size:11px}.global-render-form button{justify-self:start}.branch-create{margin:18px 0}.branch-create summary{cursor:pointer;display:inline-flex;font-size:12px}.branch-create form{margin-top:15px}.branch-card{display:block;padding:0;background:var(--panel)}.branch-editor>summary{display:flex;gap:20px;align-items:center;padding:18px 20px;cursor:pointer;list-style:none;font-size:13px;font-weight:650}.branch-editor>summary small{font-weight:400}.branch-editor>summary b{margin-left:auto;font-size:11px;color:var(--brand-dark)}.branch-editor-fields{display:grid;grid-template-columns:75px repeat(2,minmax(0,1fr));gap:16px;padding:20px;border-top:1px solid var(--line)}.branch-editor-fields label{font-size:11px}.branch-editor-fields .branch-actions{grid-column:2/-1}.user-modal{max-height:calc(100dvh - 40px);overflow-y:auto}
@media(max-width:1250px){.home-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.business-results{grid-template-columns:1fr}.access-user-heading,.access-user-row{gap:10px;grid-template-columns:18px minmax(120px,1.2fr) minmax(120px,1fr) 100px 65px 110px}.platform-header{padding:0 22px}}
@media(max-width:1099px){.app-shell.topbar-open>main{margin-left:0}.app-shell>main{padding:100px 22px 28px}.app-shell.topbar-open>.topbar-scrim{opacity:1;pointer-events:auto;top:76px}.topbar-close-btn{display:block;font-size:11px}.app-shell>.topbar{width:285px}.access-user-table{overflow:visible}.access-user-heading{display:none}.access-user-row{grid-template-columns:20px 1.3fr 1fr 1fr}.access-user-row>.status-pill{grid-column:2}.access-user-row>.access-row-actions{grid-column:3/-1}.access-user-row>span:not(.status-pill){font-size:11px}.access-dialog{padding:20px}.access-savebar{bottom:-20px}}
@media(max-width:650px){.platform-header{height:68px;padding:0 14px;gap:12px}.brand-home img{width:116px;height:52px}.platform-name,.profile-label{display:none}.header-actions{gap:12px}.header-bell{min-width:34px;width:34px}.app-shell>.topbar{top:68px;padding:20px 14px}.app-shell.topbar-open>.topbar-scrim{top:68px}.app-shell>main{padding:92px 14px 24px}.home-hero h2{font-size:25px}.home-hero .id-pill{display:none}.home-subtitle{font-size:12px}.home-stats-grid{gap:10px}.home-stat-card{padding:16px;min-height:140px}.home-stat-card strong{font-size:29px}.home-stat-card small,.home-stat-card>span{font-size:11px}.dashboard-filters{gap:10px}.dashboard-filters label{flex:1;min-width:130px}.dashboard-filters>button{margin-left:0}.business-results{padding:18px}.business-results-grid{gap:8px}.business-results-grid>div{padding-left:12px}.business-results-grid strong{font-size:21px}.business-results-grid span{font-size:10px}.home-activity-panel{padding:18px}.attention-row{grid-template-columns:7px minmax(0,1fr) 12px;gap:10px}.attention-reason{grid-column:2;justify-self:start}.attention-row>span:last-child{grid-row:1;grid-column:3}.admin-users,.admin-branches{padding:16px}.workspace-tabs button{font-size:12px;padding:10px 13px}.access-user-row{grid-template-columns:18px minmax(90px,1.2fr) minmax(85px,1fr);gap:8px}.access-user-row>span:not(.status-pill){grid-column:2;font-size:10px}.access-user-row>.status-pill{grid-column:3;grid-row:auto;justify-self:start}.access-user-row>.access-row-actions{grid-column:2/-1;justify-content:flex-start}.access-user-row .user-pill{white-space:normal}.access-pagination{flex-wrap:wrap}.access-pagination>span{width:100%}.access-bulk{flex-wrap:wrap}.access-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px}.access-editor-head h2{font-size:22px}.access-editor-body{grid-template-columns:1fr;gap:15px}.access-editor-body>nav{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.access-editor-body>nav button{flex-shrink:0;min-width:130px;padding:10px;font-size:11px}.access-check-grid{grid-template-columns:1fr}.access-scopes{grid-template-columns:1fr}.access-savebar{bottom:-16px;flex-wrap:wrap;gap:8px}.access-savebar span{width:100%}.access-savebar button{flex:1;white-space:normal;font-size:11px;padding:9px}.access-toolbar label{min-width:130px}.access-toolbar{gap:9px}.access-toolbar button{font-size:11px}.profile-grid{grid-template-columns:1fr}.branch-editor-fields{grid-template-columns:1fr}.branch-editor-fields .branch-actions{grid-column:auto}.header-profile>.user-box{right:-2px}.notification-side-panel{top:68px;width:min(390px,100vw)}.global-render-form button{width:100%;font-size:13px}}

/* Overlay navigation and independent notification drawer. Neither changes the page geometry. */
.app-shell>.topbar{box-shadow:8px 0 28px rgba(0,0,0,.12)}
.app-shell:not(.topbar-open)>.topbar{box-shadow:none}
.notification-side-panel{inset:76px 0 0 auto;width:min(440px,100%);min-width:0;max-width:100%;border-radius:0;border-top:0;box-shadow:-8px 0 28px rgba(0,0,0,.12)}
.notification-head{gap:10px}
.notification-head>div:first-child{margin-right:auto}
#closeNotificationsDrawer{width:34px;min-width:34px;padding:5px;font-size:24px;line-height:1}
.header-profile>.user-box{gap:4px;padding:12px;min-width:270px}
.header-profile #currentUserName{padding:4px 8px 12px;margin-bottom:4px}
.header-profile .profile-menu-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;height:44px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--ink);box-shadow:none;font-size:13px;font-weight:600;text-align:left}
.header-profile .profile-menu-item:hover,.header-profile .profile-menu-item:focus-visible{background:var(--soft-surface)}
.profile-menu-item svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.profile-menu-item .theme-toggle-mark{width:18px;height:18px;flex:0 0 18px;margin:0}
.profile-avatar{overflow:hidden;flex-shrink:0}
.profile-avatar img,.account-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.account-avatar-section{display:flex;align-items:center;gap:22px;padding:22px 0;margin-bottom:18px;border-bottom:1px solid var(--line)}
.account-avatar-preview{display:grid;place-items:center;width:88px;height:88px;flex:0 0 88px;overflow:hidden;border-radius:50%;border:1px solid var(--line);background:var(--brand-soft);color:var(--ink);font-size:25px;font-weight:650}
.account-avatar-section h3{margin:0 0 6px;font-size:16px}.account-avatar-section p{margin:0 0 12px;font-size:12px;color:var(--muted)}
.avatar-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.avatar-actions button{font-size:12px;min-height:38px}.account-avatar-section small{font-size:11px}
.avatar-actions [hidden]{display:none}
.avatar-crop-dialog{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:26px;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;box-shadow:0 24px 100px #0005}
.avatar-crop-dialog::backdrop{background:var(--modal-scrim,rgba(0,0,0,.5))}.avatar-crop-dialog h2{margin:0 0 10px;font-size:23px}.avatar-crop-dialog>p{font-size:12px;color:var(--muted)}
#avatarCropCanvas{display:block;width:256px;height:auto;max-width:100%;aspect-ratio:1;border-radius:50%;margin:20px auto;background:var(--soft-surface);outline:2px solid var(--line);touch-action:none;cursor:grab}
#avatarCropCanvas:active{cursor:grabbing}
.avatar-crop-controls{display:grid;gap:8px}.avatar-crop-controls label{font-size:12px;display:flex;justify-content:space-between}.avatar-crop-controls input[type=range]{width:100%;min-height:28px;padding:0;margin:0 0 4px;accent-color:var(--brand)}
.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.avatar-crop-actions button{font-size:13px}
@media(max-width:650px){.notification-side-panel{inset:68px 0 0 auto}.account-avatar-section{align-items:flex-start;gap:15px}.account-avatar-preview{width:68px;height:68px;flex-basis:68px}.avatar-crop-dialog{padding:20px}.avatar-crop-actions button{flex:1}.header-profile>.user-box{max-width:calc(100vw - 28px)}}
@media(prefers-reduced-motion:reduce){.app-shell>.topbar,.topbar-scrim{transition:none}}