/* Shared ContentHub orange: RGB 249 / 115 / 22. */
:root,body.dark{--accent:#f97316;--accent-soft:#fff0e5;--accent-strong:#c65312}
body.dark{--accent-soft:#3c291e;--accent-strong:#f97316}
.primary,.login-card .primary,.share-card .primary{background:var(--accent-strong);border-color:transparent;color:#fff}
.login-card .primary:hover,.share-card .primary:hover{background:var(--accent-strong)}
::selection{background:#f9731630}
input,progress{accent-color:var(--accent)}
.destruct-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;width:max-content;height:18px;box-sizing:border-box;padding:0 7px;border-radius:999px;background:var(--accent);color:#fff;font-size:10px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:middle}
.destruct-badge svg{display:block;width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.filename .destruct-badge{margin-left:6px}.filename .destruct-badge span{overflow:visible;flex:none}
.grid-files .filename{flex-wrap:wrap}.grid-files .destruct-badge{margin:4px auto 0}
.share-settings-heading{margin-top:28px!important}
.self-destruct-switch input{appearance:none!important;width:30px!important;height:18px!important;border-radius:10px!important;background:var(--line)!important;border:0!important;position:relative;box-shadow:none!important;transition:background .18s ease!important}
.self-destruct-switch input:before{content:''!important;position:absolute!important;left:2px!important;top:2px!important;width:14px!important;height:14px!important;background:#fff!important;border-radius:50%!important;transform:none!important;transition:transform .18s ease!important;box-shadow:0 1px 3px #0002}
.self-destruct-switch input:after{display:none!important}.self-destruct-switch input:checked{background:var(--accent)!important}.self-destruct-switch input:checked:before{transform:translateX(12px)!important}
.self-destruct-switch input:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent)!important;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.self-destruct-switch input,.self-destruct-switch input:before{transition:none!important}}

#context{width:240px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;right:auto;bottom:auto}

.share-entry-info{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.share-entry-info>strong{overflow-wrap:anywhere}
.share-expiry-badge{max-width:100%}

/* Empty browser views fill the available area, leaving tools and footer fixed. */
.file-area:has(>#file-list>.empty:only-child){display:flex;flex-direction:column}
#file-list:has(>.empty:only-child){display:flex;flex:1;min-height:240px;flex-direction:column}
#file-list>.empty:only-child{flex:1;margin:0;padding:24px;min-height:240px}

#banner-workspace #bh-content:has(>.bh-empty),#banner-workspace #bh-content:has(.ad-banner-gallery>.bh-empty:only-child){display:flex;flex-direction:column}
#banner-workspace #bh-content>.bh-empty{flex:1}
#banner-workspace #bh-content:has(>.bh-empty)>:is(.ad-files,.ad-shares):empty{display:none}
#banner-workspace #bh-content:has(.ad-banner-gallery>.bh-empty:only-child)>.ad-campaign-controls{flex:none}
#banner-workspace #ad-campaign-body:has(.ad-banner-gallery>.bh-empty:only-child){display:flex;flex:1;min-height:240px}
#banner-workspace .ad-banner-gallery:has(>.bh-empty:only-child){display:flex;flex:1}
#banner-workspace .ad-banner-gallery>.bh-empty:only-child{flex:1;min-height:240px}