/* Shared dashboard shell: consistent, quiet joins without clipping menus or media. */
.workspace-header-identity,.workspace-header-chevron{display:none}
@media(min-width:861px){
 :root{--workspace-shell-radius:28px}
 .user-dashboard:has(>.dash-layout>#dashNavAside[data-approved-menu])>.dash-layout{background:var(--surface)}
 .user-dashboard>.dash-layout>:is([data-workspace-page],main,section,article,[class$="-content"],[class*="-content "],.seller-report){border-radius:var(--workspace-shell-radius) 0 0 12px;background:var(--bg)}
 .user-dashboard>.dash-layout>.dash-topbar-wrap{border-bottom:0;border-top-right-radius:16px}
 body:has(.user-dashboard>.dash-layout>#dashNavAside[data-approved-menu]) .site-footer{border-radius:0}
 :root body #userMenuBtn:has(.workspace-header-identity){display:flex;align-items:center;width:auto!important;max-width:244px;height:auto!important;min-height:44px;padding:4px 8px!important;gap:9px;border:0;background:transparent}
 .workspace-header-identity{display:flex;flex-direction:column;align-items:flex-start;min-width:0;max-width:166px;text-align:left;gap:2px}
 .workspace-header-identity strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/18px var(--font-body,Inter,system-ui,sans-serif);color:var(--text-primary)}
 .workspace-header-identity small{font:400 10px/14px var(--font-body,Inter,system-ui,sans-serif);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap}
 .workspace-header-chevron{display:block;flex:none;width:12px;height:12px;opacity:.75}
 #userMenuBtn[aria-expanded=true] .workspace-header-chevron{transform:rotate(180deg)}
}
/* Secondary pages keep space for their existing search at medium widths. */
@media(min-width:861px) and (max-width:1359px){
 body:not(.account-home-page) .workspace-header-identity,body:not(.account-home-page) .workspace-header-chevron{display:none}
}

/* Shared shell corners include management/forms, not just Home and reports. */
@media(max-width:860px){
 .user-dashboard:has(>.dash-layout>#dashNavAside[data-approved-menu])>.dash-layout{background:var(--surface)}
 .user-dashboard>.dash-layout>:is([data-workspace-page],main,section,article,[class$="-content"],[class*="-content "],.seller-report){border-radius:20px 20px 0 0;background:var(--bg)}
 body:has(.user-dashboard>.dash-layout>#dashNavAside[data-approved-menu]) .site-footer{border-radius:0}
}
.request-discovery-prompt{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 14px;margin:14px 0;background:var(--surface);border:1px solid var(--border);border-radius:12px;font-size:14px}.request-discovery-prompt>a{color:var(--primary);text-decoration:none;min-height:44px;display:flex;align-items:center}.request-discovery-prompt>button{margin-left:auto;border:0;background:none;color:var(--text-secondary);width:44px;height:44px;font-size:20px}.discovery-load-controls{display:grid;justify-items:center;gap:8px;margin:18px 0}.discovery-load-controls button{min-height:44px;padding:10px 24px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font:inherit;cursor:pointer}.discovery-load-controls small{color:var(--text-secondary)}
.ads-directory-results .pagination[hidden],.discovery-load-controls [hidden]{display:none!important}
@media(min-width:861px){.ackin-shell>.dash-layout{background:var(--surface)}.ackin-shell>.dash-layout>main{border-radius:28px 0 0 12px;background:var(--bg)}}
@media(max-width:860px){.ackin-shell>.dash-layout{background:var(--surface)}.ackin-shell>.dash-layout>main{border-radius:20px 20px 0 0;background:var(--bg)}}

[data-workspace-page]>:first-child:is(header,.results-bar,.section-head,.page-heading){border-top-left-radius:inherit;border-top-right-radius:inherit}
/* Place the rounded canvas at the header/sidebar junction, not inside a padded grid. */
:root body:not(.account-home-page) .user-dashboard>.dash-layout:has(>#dashNavAside[data-approved-menu]){padding:0!important}
:root body:not(.account-home-page) .user-dashboard>.dash-layout:not(.messages-shell):has(>#dashNavAside[data-approved-menu]){row-gap:0!important}
@media(min-width:861px){body:not(.account-home-page) .user-dashboard>.dash-layout>[data-workspace-page]{padding:16px}}
@media(max-width:860px){body:not(.account-home-page) .user-dashboard>.dash-layout>[data-workspace-page]{padding:12px}}

:root body:not(.account-home-page) .user-dashboard>.dash-layout>.dash-topbar-wrap{width:100%!important;max-width:100%;margin-inline:0!important}
/* Rounded canvas joins use surface contrast, never a bright outline. Keep control focus indicators. */
:root{--workspace-join-border:transparent}
:root[data-theme="light"]{--workspace-join-border:rgba(17,29,32,.08)}
@media(prefers-color-scheme:light){:root:not([data-theme]){--workspace-join-border:rgba(17,29,32,.08)}}
:root body :is(.user-dashboard,.ackin-shell)>.dash-layout>:is([data-workspace-page],main,section,article,[class$="-content"],[class*="-content "],.seller-report,.dash-topbar-wrap),
:root body :is(.user-dashboard,.ackin-shell) :is(.dash-topbar,#dashNavAside,.dash-nav-brand){border-color:var(--workspace-join-border)!important;box-shadow:none!important}
:root body:has(.user-dashboard>.dash-layout>#dashNavAside[data-approved-menu]) .site-footer{border-color:var(--workspace-join-border)!important;box-shadow:none!important}
/* Content gutters belong inside the rounded canvas, including the standalone Performance wrapper. */
:root body:not(.account-home-page) .user-dashboard>.dash-layout>:is([data-workspace-page],.seller-report){box-sizing:border-box;min-width:0;padding:16px}
@media(max-width:860px){:root body:not(.account-home-page) .user-dashboard>.dash-layout>:is([data-workspace-page],.seller-report){padding:12px}}
.site-footer .dash-shell-footer-container{box-sizing:border-box;padding-inline:16px}
.site-footer .dash-shell-footer-inner{min-width:0;margin-left:var(--dash-sidebar-width)}
.site-footer .dash-shell-footer-inner .footer-bottom{flex-wrap:wrap;gap:12px 24px;min-width:0}
.site-footer .dash-shell-footer-inner .footer-bottom>div{min-width:0;max-width:100%;flex-wrap:wrap}
@media(max-width:860px){.site-footer .dash-shell-footer-container{padding-inline:12px}.site-footer .dash-shell-footer-inner{margin-left:0}}
/* Compact workspace footer follows the workspace theme and clears floating support. */
:root body .site-footer:has(.dash-shell-footer-container){background:var(--surface)!important;color:var(--text-primary);margin-top:0;padding-block:16px calc(20px + env(safe-area-inset-bottom,0px))}
:root body .site-footer .dash-shell-footer-inner :is(a,.text-muted,.footer-link-button){color:var(--text-secondary)!important}

/* The footer finishes the canvas; it does not create a second rounded panel. */
.user-dashboard>.dash-layout>.seller-report{max-width:none;width:100%}
.site-footer .dash-shell-footer-inner .footer-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}

/* Stretch the canvas itself to its footer junction; keep narrow forms inside it. */
:root body:not(.account-home-page) #main-content:has(>.user-dashboard>.dash-layout>[data-workspace-page]),
:root body:not(.account-home-page) #main-content:has(>.user-dashboard>.dash-layout>.seller-report){display:flex;flex-direction:column}
:root body:not(.account-home-page) .user-dashboard:has(>.dash-layout>[data-workspace-page]),
:root body:not(.account-home-page) .user-dashboard:has(>.dash-layout>.seller-report){padding:0!important;flex:1;display:flex;flex-direction:column}
:root body:not(.account-home-page) .user-dashboard>.dash-layout:not(.messages-shell):has(>[data-workspace-page]),
:root body:not(.account-home-page) .user-dashboard>.dash-layout:not(.messages-shell):has(>.seller-report){display:flex;flex-direction:column;flex:1;gap:0}
:root body:not(.account-home-page) .user-dashboard>.dash-layout>:is([data-workspace-page],.seller-report){flex:1;width:100%;max-width:none!important}
[data-workspace-page][style*="--workspace-reading-width"]>*{max-width:var(--workspace-reading-width);box-sizing:border-box}
@media(max-width:860px){:root body:not(.account-home-page) .user-dashboard>.dash-layout:has(>[data-workspace-page]),:root body:not(.account-home-page) .user-dashboard>.dash-layout:has(>.seller-report){margin-left:0}}
/* Short workspace pages still finish at the viewport footer, not above an empty strip. */
body:not(.account-home-page):has(.user-dashboard>.dash-layout>[data-workspace-page]),
body:not(.account-home-page):has(.user-dashboard>.dash-layout>.seller-report){display:flex;flex-direction:column;min-height:100dvh}
:root body:not(.account-home-page) #main-content:has(>.user-dashboard>.dash-layout>[data-workspace-page]),
:root body:not(.account-home-page) #main-content:has(>.user-dashboard>.dash-layout>.seller-report){flex:1;min-width:0}

/* Native app: shared, modest gutters and corners without shrinking touch targets. */
@media(max-width:860px){
 :root[data-app-shell="android"]{--app-content-gutter:12px;--app-card-radius:10px;--app-section-gap:14px}
 :root[data-app-shell="android"] body:not(.account-home-page) .user-dashboard>.dash-layout>:is([data-workspace-page],.seller-report){padding:var(--app-content-gutter)}
 :root[data-app-shell="android"] body .user-dashboard>.dash-layout>:is([data-workspace-page],.seller-report),
 :root[data-app-shell="android"] .ackin-shell>.dash-layout>main{border-top-left-radius:10px;border-top-right-radius:10px}
 :root[data-app-shell="android"] .mobile-home{border-top-left-radius:10px;border-top-right-radius:10px}
 :root[data-app-shell="android"] .mobile-home :is(.home-content,.home-wide-main,.home-wide-side){gap:var(--app-section-gap)}
 :root[data-app-shell="android"] .mobile-home[data-mobile-home="seller"] .home-content{padding-top:10px}
 :root[data-app-shell="android"] .mobile-home :is(.home-surface,.home-performance-summary){padding:10px 12px;border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .mobile-home :is(.home-composer,.home-buyer-prompt,.home-ad){border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] :is(.ad-card,.spotlight-panel,.request-rotation){border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .mobile-home .home-head{margin-bottom:6px}
 :root[data-app-shell="android"] .home-performance-summary dl{gap:8px;margin-top:8px}
 :root[data-app-shell="android"] .home-performance-summary .home-head{column-gap:8px;row-gap:0}
 :root[data-app-shell="android"] #dashNavAside.user-dash-nav{padding-inline:var(--app-content-gutter)!important}
 :root[data-app-shell="android"] #dashNavAside .workspace-drawer-profile{padding-bottom:12px;margin-bottom:8px}
 :root[data-app-shell="android"] #dashNavAside .workspace-profile-follow-counts{margin-block:8px 10px}
 :root[data-app-shell="android"] #dashNavAside :is(.workspace-inline-performance,.workspace-recent-card){padding:10px;border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .mobile-offer-review{padding:14px;border-radius:12px}
 :root[data-app-shell="android"] .booking-surface{padding:12px;border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .site-footer .dash-shell-footer-container{padding-inline:var(--app-content-gutter)}
 :root[data-app-shell="android"] .conversation-contact-dialog{padding:12px;border-radius:12px}
 :root[data-app-shell="android"][data-theme="dark"] .conversation-contact-dialog{border-color:transparent}
 :root[data-app-shell="android"] .conversation-contact-dialog header{margin-bottom:10px;gap:8px}
 :root[data-app-shell="android"] .conversation-contact-dialog h2{font-size:17px}
 :root[data-app-shell="android"] .conversation-contact-dialog .contact-option{min-height:60px;padding:10px;gap:10px;margin-block:8px;border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .conversation-contact-dialog .contact-option>svg{width:20px;height:20px;padding:0;border:0;border-radius:0;color:var(--text-secondary)}
 :root[data-app-shell="android"] .conversation-contact-dialog a.contact-option{text-decoration:none;color:var(--text-primary)}
 :root[data-app-shell="android"] .auth-page .auth-card.auth-card-approved{padding:12px;border-radius:var(--app-card-radius)}
 :root[data-app-shell="android"] .conv-menu{position:fixed;top:var(--conversation-menu-top,56px);right:max(8px,env(safe-area-inset-right,0px));min-width:min(224px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - var(--conversation-menu-top,56px) - 12px);overflow-y:auto;overscroll-behavior:contain;padding:4px;border-radius:10px;backdrop-filter:none;box-shadow:0 6px 20px rgb(0 0 0/.2)}
 :root[data-app-shell="android"] .conv-menu-item{min-height:44px;padding:8px 10px;font-size:14px;font-weight:400;line-height:20px}
 :root[data-app-shell="android"][data-theme="dark"] .conv-menu{border-color:transparent}
}

/* Guest desktop: the guides and feed share the centre column; both rails align. */
:root:not([data-app-shell="android"]) .home-spotlight-placement{display:none}
@media(min-width:1100px){
 :root:not([data-app-shell="android"]) .marketplace-home .home-marketplace-shell{max-width:1600px;grid-template-columns:250px minmax(0,1fr) clamp(240px,22vw,330px);column-gap:16px;row-gap:16px}
 :root:not([data-app-shell="android"]) :is(.home-marketplace-main,.home-marketplace-main>.home-marketplace-content){display:contents}
 :root:not([data-app-shell="android"]) :is(.home-marketplace-main,.home-marketplace-main>.home-marketplace-content)>*{grid-column:2;min-width:0}
 :root:not([data-app-shell="android"]) .home-marketplace-shell>.home-category-rail{grid-column:1;grid-row:1/span 5;top:var(--mobile-header-height,61px);align-self:start}
 :root:not([data-app-shell="android"]) .home-marketplace-main .home-spotlight-placement{display:block;grid-column:3;grid-row:1/span 5;position:sticky;top:var(--mobile-header-height,61px);align-self:start;min-width:0}
 :root:not([data-app-shell="android"]) .home-spotlight-placement .spotlight-panel{margin:0;max-width:100%}
 :root:not([data-app-shell="android"]) .home-spotlight-placement .spotlight-stage{aspect-ratio:4/5;border-radius:14px}
 :root:not([data-app-shell="android"]) .home-spotlight-placement .spotlight-frame>img{object-fit:contain}
 :root:not([data-app-shell="android"]) .home-marketplace-main>.home-guide-rail{grid-row:1;margin:0;gap:6px}
 :root:not([data-app-shell="android"]) .home-guide-rail a{padding:7px 6px;white-space:normal;text-align:center}
 :root:not([data-app-shell="android"]) .home-discovery-section .home-feed-heading-row{position:sticky;top:var(--mobile-header-height,61px);z-index:35;min-height:54px;margin-inline:0;padding:0;max-width:100%;background:var(--bg);border-bottom:0}
 :root:not([data-app-shell="android"]) .home-discovery-section .feed-view-selector{display:flex;flex:0 0 44px;margin-left:auto}
 :root:not([data-app-shell="android"]) .home-discovery-section [data-feed-layout-toggle]{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer}
 :root:not([data-app-shell="android"]) .home-discovery-section .feed-view-selector svg{width:18px;height:18px;fill:currentColor;stroke:none}
 :root:not([data-app-shell="android"]) .home-discovery-section .feed-view-selector [hidden]{display:none}
 :root:not([data-app-shell="android"]) .home-discovery-section [data-feed-layout-toggle]:focus-visible{outline:2px solid var(--text-secondary);outline-offset:-3px}
 :root:not([data-app-shell="android"]) .home-marketplace-main :is(.home-card-grid,.home-showcase-rail){grid-template-columns:repeat(var(--guest-card-columns,2),minmax(0,1fr))}
 :root:not([data-app-shell="android"]) .home-discovery-section[data-ad-columns="1"] :is(.home-card-grid,.home-showcase-rail){grid-template-columns:minmax(0,1fr)}
 :root:not([data-app-shell="android"]) .home-discovery-section[data-ad-columns="1"] .ad-card{display:grid;grid-template-columns:35% minmax(0,1fr)}
 :root:not([data-app-shell="android"]) .home-discovery-section[data-ad-columns="1"] :is(.ad-card-media-wrap,.ad-card-media){height:100%;min-width:0}
 :root:not([data-app-shell="android"]) .home-discovery-section[data-ad-columns="1"] .ad-card-media{aspect-ratio:auto;min-height:150px}
 :root:not([data-app-shell="android"]) .home-marketplace-main .home-marketplace-next{grid-template-columns:minmax(0,1fr);gap:14px;padding:20px;border-radius:12px}
 :root:not([data-app-shell="android"]) .home-marketplace-next h2{font-size:20px;font-weight:600;line-height:1.3}
 :root:not([data-app-shell="android"]) .home-marketplace-next-actions{justify-content:flex-start;flex-wrap:wrap;gap:10px 18px}
 :root:not([data-app-shell="android"]) .home-marketplace-next-actions .home-business-link{white-space:normal}
}
@media(min-width:1280px){:root:not([data-app-shell="android"]) .home-marketplace-shell{--guest-card-columns:3}}
@media(min-width:1680px){:root:not([data-app-shell="android"]) .home-marketplace-shell{--guest-card-columns:4}}

/* Shared header controls and popovers: compact spacing, quiet rounded surfaces. */
:root .home-discovery-section .home-feed-heading-row{border-top-left-radius:0;border-top-right-radius:0}
:root[data-theme] :is(.header-search-form,.home-hero-search) .search-location-trigger{padding-inline:12px;gap:6px}
:root[data-theme] :is(.header-search-form,.home-hero-search)>.qs-location-marker{margin-left:12px}
:root[data-theme] :is(.cs-panel,.admin-inbox-panel,.home-location-sheet,.notification-list-pane,.notification-detail-pane){border-radius:12px}
:root[data-theme="dark"] :is(.cs-panel,.admin-inbox-panel,.home-location-sheet,.notification-list-pane,.notification-detail-pane,#notifPanel,#messagesPanel,#userMenuPanel){border-color:transparent;box-shadow:0 10px 28px rgb(0 0 0/.22)}
:is(#notifPanel,#messagesPanel):not([hidden]){display:flex;flex-direction:column;overflow:hidden}
:is(#notifPanel,#messagesPanel)>div:nth-child(2){min-height:0;overflow-y:auto;overscroll-behavior:contain}
:is(#notifPanel,#messagesPanel)>:is(.notification-preview-heading,a:last-child){flex-shrink:0}
.admin-inbox-panel{width:360px;padding:0}
.admin-inbox-panel:not([hidden]){display:flex;flex-direction:column;overflow:hidden}
.admin-inbox-panel-heading{min-height:44px;padding-inline:12px;flex-shrink:0;border-bottom:1px solid var(--border)}
.admin-inbox-panel>[data-admin-inbox-items]{min-height:0;max-height:340px;overflow:auto;overscroll-behavior:contain}
.admin-inbox-panel>[data-admin-inbox-items]>p{padding:12px;margin:0}
.admin-inbox-panel>.admin-inbox-all{flex-shrink:0;text-align:center;text-decoration:none;border-top:1px solid var(--border)}
@media(min-width:861px){
 :root[data-theme] .site-header .container{max-width:1600px;min-height:56px;height:56px;padding-block:0;gap:16px}
 :root[data-theme] .dash-topbar{min-height:56px;padding-block:6px!important}
}
@media(max-width:860px){
 :root[data-theme] .site-header .container{padding-block:6px;row-gap:6px;column-gap:12px}
 :root[data-theme] .user-dash-topbar{padding-block:6px!important}
}

/* One canvas and one gutter, shared by customer and staff workspaces. */
:root body.account-home-page .user-dashboard>.dash-layout{padding-inline:0!important}
:root body.account-home-page .mobile-home{box-sizing:border-box;padding-inline:12px}
:root[data-app-shell="android"] body.account-home-page .mobile-home{padding-inline:12px!important}
:root body .ackin-shell>.dash-layout{padding-inline:0;row-gap:0}
:root body .ackin-shell>.dash-layout>main{box-sizing:border-box;min-width:0;padding:16px}
:root body .ackin-shell>.dash-layout>main:has(>[data-mobile-home]){padding:0}
:root body .ackin-shell .admin-topbar{margin-inline:0;width:100%;box-sizing:border-box}
@media(max-width:860px){
 :root body .ackin-shell>.dash-layout>main:not(:has(>[data-mobile-home])){padding:12px}
}
@media(min-width:861px){
 :root body :is(.dash-topbar,.dash-nav-brand){box-sizing:border-box;height:56px!important;min-height:56px!important;max-height:56px;padding-block:6px!important}
 :root body .user-dash-topbar{grid-template-rows:44px;align-items:center}
 :root body .user-dash-topbar .dash-topbar-search{grid-column:2!important;grid-row:1!important;min-width:0}
 :root body .user-dash-topbar .dash-topbar-left{min-width:0}
}
/* Narrow desktops retain a usable query and every primary action in one row. */
@media(min-width:861px) and (max-width:1100px){
 :root body .user-dash-topbar{grid-template-columns:minmax(70px,100px) minmax(120px,1fr) auto!important;column-gap:8px}
 :root body .user-dash-topbar .dash-topbar-right{gap:6px}
 .user-dash-topbar .workspace-switch>span{display:none}
 .user-dash-topbar .workspace-switch .workspace-switch-mobile{display:inline;font:600 13px/1 var(--font-body,system-ui)}
 .user-dash-topbar .dash-topbar-search :is(.search-location-trigger,.qs-location-marker,.qs-location,.cs-inline,.qs-divider){display:none!important}
}
