/* Diagnostics, accessibility and TS Coins use the same themed shell/head/KPIs/layout as Banners. */
html:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active),body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active){background:#020b15!important;background-image:none!important}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active)::before,body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active)::after{display:none!important}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) :is(.main-header,.main-nav,#sidebar,#sidebarRight,#lightParticles){display:none!important}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) :is(#timeshot-app-wrapper,.main-layout,.main-content-wrapper){width:100%!important;max-width:none!important;margin:0!important;background:#020b15!important;background-image:none!important}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) .main-layout{display:block!important;padding:0!important}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) .main-content-wrapper{padding:0!important}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps){box-sizing:border-box;width:100%!important;max-width:none!important;margin:0!important;padding:24px 0 0!important;color:#edf7ff}
body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) #timeshotPersistentAdsHost{box-sizing:border-box;position:static!important;width:100%!important;max-width:none!important;margin:24px 0 60px!important;background:#020b15!important}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-shell{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:0;font:17px/1.5 'Nunito',sans-serif}
.ts-admin-shared-shell *{box-sizing:border-box}.ts-admin-shared-shell [hidden]{display:none!important}
.ts-admin-shared-shell .banner-admin-head>button{min-height:46px;padding:10px 18px;border:1px solid #27a8d3;border-radius:999px;background:linear-gradient(135deg,#0c527b,#073454);color:#e9faff;font-size:15px;box-shadow:0 4px 16px #0003}
.ts-admin-shared-shell .banner-admin-head>button:hover{background:linear-gradient(135deg,#0d709e,#0a456c)}
.ts-admin-shared-shell .banner-admin-head h1{font-size:clamp(28px,3vw,42px)}.ts-admin-shared-shell .banner-admin-head p{font-size:17px}.ts-admin-shared-shell .banner-admin-head aside{display:flex;align-items:center;flex-wrap:wrap}.ts-admin-shared-shell .banner-admin-head aside button{min-height:46px;border-radius:11px;font-size:16px}
.ts-admin-shared-shell .banner-admin-head small,.ts-admin-shared-shell .banner-admin-kpis :is(small,span){font-size:15px}
.ts-admin-head-label{padding:9px 12px;border:1px solid #346185;border-radius:8px;background:#092541;color:#c2d9e9;font-size:14px;white-space:nowrap}.ts-admin-market-label img{width:42px;height:42px;object-fit:contain}
.ts-admin-shared-shell .ts-admin-diagnostic-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.ts-admin-shared-shell .ts-admin-market-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.ts-admin-shared-shell .banner-admin-kpis article{min-width:0}.ts-admin-shared-shell .banner-admin-kpis strong{overflow-wrap:anywhere}
#section-admin-diagnostico #tsDiagnosticErrors{margin:6px 0 3px;padding:0;border:0;background:none;color:#5eddfa;font:900 1.7rem/1.3 'Nunito',sans-serif;text-align:left;text-decoration:underline;overflow-wrap:anywhere}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(.ts-diagnostic-status,.ts-accessibility-intro,.ts-accessibility-footer,.coin-market-status){margin:0;padding:16px 20px;border-bottom:1px solid rgba(73,145,199,.16);background:#06172d;color:#9bb1c4;font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.ts-admin-shared-layout{align-items:start}.ts-admin-shared-layout>main,.ts-admin-shared-layout>aside{display:grid;align-content:start;gap:17px;min-width:0}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel{min-width:0;padding:0;overflow:hidden;border:1px solid rgba(74,147,202,.24);border-radius:15px;background:#071b33;box-shadow:none}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:18px 20px;border-bottom:1px solid rgba(73,145,199,.16);background:#081c35}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel h2{margin:4px 0 0;color:#edf7ff;font-size:21px;line-height:1.3}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel header small{color:#49d8f8;font-size:15px;font-weight:900;letter-spacing:1px}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel header>span{color:#87a1b8;font-size:15px}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel :is(p,label){font-size:16px}
.ts-admin-shared-shell button:disabled{opacity:.6;cursor:default}.ts-admin-shared-shell :focus-visible{outline:3px solid #75e5ff;outline-offset:3px}
/* Diagnostics: keep real status values, grouped logs and the existing paginated dialog. */
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services{gap:12px;padding:18px}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services article{border:1px solid #2c587c;border-radius:10px;background:#06172d}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services :is(b,strong){font-size:16px}#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services strong{color:#5eddfa}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services p{color:#9bb1c4;font-size:16px}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-subhead{padding:18px 20px;border-bottom:1px solid rgba(73,145,199,.16);background:#081c35;flex-wrap:wrap}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-subhead span{color:#87a1b8;font-size:15px}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-subhead input{min-height:42px;padding:7px 10px;border:1px solid #2c587c;border-radius:8px;background:#06172d;color:#cbe0ee;font:16px 'Nunito',sans-serif;color-scheme:dark}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-update{border-color:#2c587c;background:#06172d}#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-update :is(strong,span){font-size:15px;overflow-wrap:anywhere}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-aside>div{padding:20px;color:#9bb1c4}#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-aside h3{color:#edf7ff;font-size:18px}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-limitation{border-color:#2c587c;background:#06172d;color:#9bb1c4;font-size:15px}
#timeshot-app-wrapper #section-admin-diagnostico #tsDiagnosticModal{border-color:#2c587c;background:#071b33;color:#edf7ff}
#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-modal-head,#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-modal-pages{background:#081c35;border-color:#2c587c}
/* Accessibility: preserve selected sample colours, contrast calculation and global-scale actions. */
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-body{padding:20px}#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-body>p{color:#9bb1c4;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-colors label{border-color:#2c587c;background:#06172d;color:#cbe0ee;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-colors input{border-color:#346185;background:#071b33}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-sample{border-color:#2c587c;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-results>*{border-color:#2c587c;background:#092541;color:#5eddfa;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad :is(.ts-accessibility-action,.ts-accessibility-global-controls button){min-height:44px;padding:10px 14px;border:1px solid #18aeda;border-radius:8px;background:#0b5680;color:#fff;font:900 16px 'Nunito',sans-serif}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-global-controls input{border-color:#2c587c;background:#06172d;color:#cbe0ee;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-announcement{border-color:#2c587c;background:#092541;color:#cbe0ee;font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-review{margin:0 19px 19px}#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-review label{font-size:16px}
#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-dialog{border-color:#2c587c;background:#071b33;color:#edf7ff}
/* Market: the same cyan controls as Banners; business rules and monetary values are unchanged. */
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-chart{margin:20px;min-width:0;border-color:#2c587c;background:#06172d;color:#9bb1c4;font-size:16px}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel form{padding:20px}#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel :is(label,form>small){color:#9bb1c4;font-size:16px}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel form>div{border-color:#2c587c;background:#06172d}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel :is(input,select){box-sizing:border-box;width:100%;max-width:100%;height:44px;min-width:0;padding:7px 10px;border:1px solid #2c587c;border-radius:8px;background:#06172d;color:#cbe0ee;font:16px 'Nunito',sans-serif;color-scheme:dark}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel form>div input{border:0;background:transparent}#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel form>div span{color:#5eddfa;font-size:20px}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-rate-panel button{min-height:44px;padding:10px 14px;border:1px solid #18aeda;border-radius:8px;background:#0b5680;color:#fff;font:900 16px 'Nunito',sans-serif}
.ts-admin-market-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;min-width:0;padding:0}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-list{padding:0 20px;color:#9bb1c4;font-size:16px}#timeshot-app-wrapper #section-admin-ts-coins .coin-market-list strong{color:#5eddfa}
#timeshot-app-wrapper #section-admin-ts-coins .coin-market-pages{margin:0;padding:17px 20px;border-top:1px solid rgba(73,145,199,.16);background:#06172d;font-size:16px}
@media(max-width:1100px){.ts-admin-shared-shell .ts-admin-market-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ts-admin-shared-shell .banner-admin-head aside{display:flex;flex-wrap:wrap}.ts-admin-shared-shell .ts-admin-diagnostic-kpis,.ts-admin-shared-shell .ts-admin-market-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-admin-market-history{grid-template-columns:1fr;padding:0}#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-review{margin:0 11px 11px}#timeshot-app-wrapper #section-admin-diagnostico .ts-diagnostic-services{grid-template-columns:1fr}#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) .ts-admin-shared-panel>header{align-items:flex-start;flex-direction:column}.ts-admin-shared-shell .banner-admin-head p{font-size:16px}body:has(:is(#section-admin-panel,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps).active) #timeshotPersistentAdsHost{margin-bottom:42px!important}}
.ts-admin-shared-layout>.ts-admin-shared-panel{display:block}
#timeshot-app-wrapper #section-admin-diagnostico #tsDiagnosticModal button,#timeshot-app-wrapper #section-admin-accesibilidad .ts-accessibility-dialog button{min-height:40px;padding:9px 13px;border:1px solid #18aeda;border-radius:8px;background:#0b5680;color:#fff;font:900 16px 'Nunito',sans-serif}

/* Admin landing page: the same shell, header and palette as its management sections. */
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-shell>.banner-admin-head{grid-template-columns:56px minmax(0,1fr) auto}
#section-admin-panel .ts-admin-home-mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #18aeda;border-radius:11px;background:#092541;color:#5eddfa;font-size:30px}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-toolbar{display:block}#section-admin-panel .ts-admin-home-toolbar p{margin:0;color:#9bb1c4;font-size:16px;line-height:1.6}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0;padding:19px}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-item{position:relative;grid-column:auto;grid-row:auto;min-width:0;min-height:170px;align-items:flex-start;justify-content:center;gap:11px;padding:23px;border:1px solid rgba(71,145,201,.22);border-radius:13px;background:#071b33;box-shadow:none;color:#edf7ff;text-align:left;transition:background .2s,border-color .2s,transform .2s}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-item:hover{border-color:#18aeda;background:#092541;box-shadow:none;transform:translateY(-2px)}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-item:focus-visible{outline:3px solid #75e5ff;outline-offset:3px}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-item::after{content:'↗';position:absolute;top:19px;right:20px;color:#5eddfa;font-size:22px}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-icon{font-size:32px;line-height:1;color:#5eddfa}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-label{padding-right:14px;color:#edf7ff;font-size:21px;font-weight:900;line-height:1.3;letter-spacing:.4px;overflow-wrap:anywhere}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-desc{color:#9bb1c4;font-size:16px;line-height:1.5}
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid [hidden]{display:none!important}
@media(max-width:1000px){#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#timeshot-app-wrapper #section-admin-panel .ts-admin-home-shell>.banner-admin-head{grid-template-columns:52px minmax(0,1fr)}#timeshot-app-wrapper #section-admin-panel .ts-admin-home-shell>.banner-admin-head aside{grid-column:1/-1}#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid{grid-template-columns:1fr;padding:11px;gap:12px}#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid .admin-menu-item{min-height:140px;padding:20px}}

#section-admin-ts-coins .ts-admin-market-history .coin-market-list>div{flex-wrap:wrap;min-width:0}
#section-admin-ts-coins .ts-admin-market-history .coin-market-list span{min-width:0;overflow-wrap:anywhere}

/* Square title blocks only; retain rounding on cards, controls and the lower frame. */
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-banners,#section-admin-usuarios,#section-admin-estadisticas,#section-admin-tareas,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(.banner-admin-shell,.admin-users-shell,.admin-control-shell,.ts-admin-shared-shell,.ts-tasks-dashboard){border-top-left-radius:0!important;border-top-right-radius:0!important}
#timeshot-app-wrapper :is(#section-admin-panel,#section-admin-banners,#section-admin-usuarios,#section-admin-estadisticas,#section-admin-tareas,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(.banner-admin-head,.admin-users-head,.admin-control-head,.ts-tasks-head){border-radius:0!important}

/* Align all admin title frames directly beneath the persistent menu bar. */
body #timeshot-app-wrapper :is(#section-admin-panel,#section-admin-banners,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-usuarios,#section-admin-tareas,#section-admin-estadisticas,#section-admin-ts-coins,#section-admin-css,#section-admin-apps){padding-top:0!important;margin-top:0!important}

#timeshot-app-wrapper #section-admin-panel .ts-admin-home-grid a.admin-menu-item{text-decoration:none}

/* Back controls share the rectangular cyan/blue action-button style. */
#timeshot-app-wrapper :is(#section-admin-banners,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-usuarios,#section-admin-tareas,#section-admin-estadisticas,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(#adminBannersBack,#tsDiagnosticBack,#tsAccessibilityBack,#adminUsuariosBack,#tsTasksBack,#adminEstadisticasBack,#coinMarketBack,#tsCssBack,#tsAppsBack){min-height:46px;padding:10px 14px;border:1px solid #18aeda;border-radius:11px;background:#0b5680;color:#fff;font:900 16px 'Nunito',sans-serif;box-shadow:none;cursor:pointer}
#timeshot-app-wrapper :is(#section-admin-banners,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-usuarios,#section-admin-tareas,#section-admin-estadisticas,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(#adminBannersBack,#tsDiagnosticBack,#tsAccessibilityBack,#adminUsuariosBack,#tsTasksBack,#adminEstadisticasBack,#coinMarketBack,#tsCssBack,#tsAppsBack):hover{border-color:#39ccea;background:#0d709e}
#timeshot-app-wrapper #section-admin-estadisticas #adminEstadisticasBack{align-self:center;justify-self:start}

/* Consistent Back-button dimensions, including the statistics header. */
#timeshot-app-wrapper :is(#section-admin-banners,#section-admin-diagnostico,#section-admin-accesibilidad,#section-admin-usuarios,#section-admin-tareas,#section-admin-estadisticas,#section-admin-ts-coins,#section-admin-css,#section-admin-apps) :is(#adminBannersBack,#tsDiagnosticBack,#tsAccessibilityBack,#adminUsuariosBack,#tsTasksBack,#adminEstadisticasBack,#coinMarketBack,#tsCssBack,#tsAppsBack){box-sizing:border-box;height:46px;min-height:46px;width:100%;max-width:170px;justify-self:start;line-height:1.25;white-space:nowrap}
@media(min-width:901px){#timeshot-app-wrapper #section-admin-estadisticas .admin-control-head{grid-template-columns:170px minmax(0,1fr) 220px}#timeshot-app-wrapper #section-admin-usuarios .admin-users-head{grid-template-columns:170px minmax(0,1fr) auto}}

/* Privileged shortcuts in desktop, mobile and legacy avatar menus. */
[data-admin-avatar-link][hidden]{display:none!important}
#timeshotPersistentTopbar :is(.ts-home-profile-menu,.ts-home-mobile-user-menu)>a[data-admin-avatar-link]{box-sizing:border-box;display:grid;width:100%;min-height:50px;grid-template-columns:31px 1fr;align-items:center;gap:9px;padding:0 13px;border:0;border-bottom:1px solid #17364e;border-radius:0;background:#06192b;color:#dceaf4;font:900 14px 'Nunito',sans-serif;text-align:left;text-decoration:none;cursor:pointer}
#timeshotPersistentTopbar :is(.ts-home-profile-menu,.ts-home-mobile-user-menu)>a[data-admin-avatar-link]:hover{background:#0d304b;color:#edf7ff}
#timeshotPersistentTopbar a[data-admin-avatar-link]:focus-visible{outline:2px solid #75e5ff;outline-offset:-3px}
.user-menu a[data-admin-avatar-link]{box-sizing:border-box;text-decoration:none}.user-menu a[data-admin-avatar-link] i{font-style:normal}
@media(max-width:900px){#timeshotPersistentTopbar .ts-home-mobile-user-menu>a[data-admin-avatar-link]{font-size:12px}}

/* Server shortcuts are compact toolbar actions rather than management cards. */
#timeshot-app-wrapper #section-admin-panel .ts-admin-home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
#section-admin-panel .ts-admin-home-toolbar p{flex:1;min-width:0}
#section-admin-panel .ts-admin-service-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-left:auto;flex-shrink:0}
#section-admin-panel .ts-admin-service-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 14px;border:1px solid #18aeda;border-radius:8px;background:#0b5680;color:#fff;font:900 16px 'Nunito',sans-serif;line-height:1.3;text-decoration:none;white-space:nowrap}
#section-admin-panel .ts-admin-service-button:hover{border-color:#39ccea;background:#0d709e}
#section-admin-panel .ts-admin-service-button:focus-visible{outline:3px solid #75e5ff;outline-offset:3px}
#section-admin-panel .ts-admin-service-button span{position:static;color:inherit;font-size:18px}
@media(max-width:900px){#timeshot-app-wrapper #section-admin-panel .ts-admin-home-toolbar{flex-wrap:wrap;gap:13px}#section-admin-panel .ts-admin-home-toolbar p{flex-basis:100%}#section-admin-panel .ts-admin-service-actions{width:100%;flex-shrink:1}#section-admin-panel .ts-admin-service-button{font-size:14px;padding:9px 11px}}

/* Show complete banner artwork inside the existing preview dimensions. */
#timeshot-app-wrapper #section-admin-banners :is(.banner-campaign-card>img,.banner-admin-preview img,.banner-admin-variants>img,.banner-admin-placement>div img,.admin-banner-preview img,.admin-banner-item img){object-fit:contain!important;object-position:center!important}

/* Campaign images fill card height; their natural aspect ratio determines the text offset. */
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card.ts-banner-height-fit{box-sizing:border-box;height:var(--ts-banner-card-height);grid-template-columns:var(--ts-banner-image-width) minmax(260px,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;overflow-x:auto;overflow-y:hidden}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card.ts-banner-height-fit>img{display:block;box-sizing:border-box;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain!important;object-position:center!important}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card.ts-banner-height-fit>div{box-sizing:border-box;min-width:0;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden}

/* Mobile campaign previews: complete artwork above readable content and touch controls. */
@media(max-width:700px){
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card{height:auto!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;overflow:hidden!important}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card>img{box-sizing:border-box;width:100%!important;height:auto!important;min-width:0;min-height:0!important;max-width:100%;max-height:220px;background:#051326;object-fit:contain!important;object-position:center!important}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card>div{box-sizing:border-box;height:auto!important;min-height:0;min-width:0;overflow:visible!important;padding:16px}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card>div>header{align-items:flex-start;gap:8px;flex-wrap:wrap}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card>div>header>div{min-width:0;flex:1 1 160px}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card :is(h3,p,footer>span){max-width:100%;overflow-wrap:anywhere;word-break:break-word}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card h3{font-size:18px}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card .banner-campaign-zones{flex-wrap:wrap}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card footer{align-items:flex-start;flex-direction:column;gap:12px}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card footer>div{display:flex;flex-wrap:wrap;gap:7px;width:100%}
#timeshot-app-wrapper #section-admin-banners .banner-campaign-card footer button{min-height:44px;min-width:44px;padding:8px 12px;font-size:14px}
}

/* Hide toolbar server shortcuts on mobile; administrator avatar shortcuts remain available. */
@media(max-width:900px){#timeshot-app-wrapper #section-admin-panel .ts-admin-service-actions{display:none!important}}