/* OLA NEXT Desk — Responsive & coherent themes — 2026-10-10
   Loaded after existing styles. No feature or module is removed. */
:root { --ola-safe-top: env(safe-area-inset-top, 0px); --ola-safe-bottom: env(safe-area-inset-bottom, 0px); }
html { -webkit-text-size-adjust:100%; }
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] { color-scheme:dark; --bg:#101722; --card:#1b2635; --ink:#eef4ff; --muted:#b3c2d6; --line:#35465b; --panel:#1b2635; --blue:#71a9ff; }
html[data-theme="dark"] body { background:#101722!important; color:#eaf1fa!important; }
html[data-theme="dark"] :is(.panel,.card,.story-card,.stats>div,.ola-workspace-window,.ola-workspace-content,.auth-card,.ola-auth-card,.dashboard-notepad,.planning-day,.social-card) { background:#1b2635!important; color:#eaf1fa!important; border-color:#35465b!important; }
html[data-theme="dark"] :is(.panel,.card,.story-card,.stats>div,.ola-workspace-content,.auth-card,.ola-auth-card,.dashboard-notepad,.planning-day,.social-card) :is(h1,h2,h3,h4,strong,label) { color:#eef4ff; }
html[data-theme="dark"] :is(.panel,.card,.story-card,.stats>div,.ola-workspace-content,.auth-card,.ola-auth-card,.dashboard-notepad,.planning-day,.social-card) :is(p,small,time) { color:#b3c2d6; }
html[data-theme="dark"] :is(input,textarea,select,[contenteditable="true"],.visual-editor-surface) { background:#111b28!important; color:#eef4ff!important; border-color:#475c74!important; }
html[data-theme="dark"] :is(input,textarea)::placeholder { color:#a8b6c9!important; opacity:1; }
html[data-theme="dark"] :is(.secondary,.button.secondary,.badge,.story-card select) { background:#2a3a50!important; color:#eef4ff!important; border-color:#475c74!important; }
html[data-theme="dark"] .ola-workspace-home { background:#101722!important; }
html[data-theme="dark"] .ola-workspace-window { background:#1b2635!important; }
html[data-theme="dark"] .ola-workspace-intro :is(h1,p), html[data-theme="dark"] .ola-workspace-user :is(span,small) { color:#eef4ff!important; }
html[data-theme="dark"] .ola-workspace-tile,html[data-theme="dark"] button.ola-workspace-tile { background:#223147!important; border-color:#3a4f69!important; color:#eef4ff!important; }
html[data-theme="dark"] .ola-workspace-tile :is(strong,span,small,b) { color:#e7f0ff!important; }
html[data-theme="dark"] .ola-workspace-tile .ola-workspace-icon { background:#304561!important; color:#b9d6ff!important; }
html[data-theme="dark"] .ola-workspace-footer,html[data-theme="dark"] .ola-workspace-footer button { color:#c0cce0!important; }
html[data-theme="light"] .ola-workspace-tile :is(strong,span),html[data-theme="light"] .ola-workspace-intro h1 { color:#14233f!important; }
html[data-theme="light"] .ola-workspace-content { background:#fff!important; color:#14233f!important; }
html[data-theme="light"] .ola-auth-card :is(h1,label,p),html[data-theme="light"] .auth-card :is(h1,label,p) { color:#14233f!important; }
html[data-theme="light"] .ola-auth-card :is(input,textarea,select),html[data-theme="light"] .auth-card :is(input,textarea,select) { background:#fff!important; color:#14233f!important; border-color:#b8c6da!important; }
@media (max-width:900px) {
  html,body { max-width:100%; }
  body { overflow-x:hidden; }
  .top { position:sticky!important; top:0!important; z-index:1000!important; height:auto!important; min-height:0!important; padding:calc(8px + var(--ola-safe-top)) 12px 8px!important; display:grid!important; grid-template-columns:64px minmax(0,1fr) auto!important; grid-template-rows:minmax(52px,auto) auto!important; gap:5px 8px!important; align-items:center!important; }
  .brand-logo { grid-column:1!important; grid-row:1!important; display:flex!important; width:64px!important; height:52px!important; align-items:center!important; justify-content:flex-start!important; overflow:visible!important; }
  .brand-logo img { display:block!important; width:56px!important; height:48px!important; max-width:56px!important; max-height:48px!important; object-fit:contain!important; }
  .brand-logo b { display:none!important; }
  .top-actions { display:flex!important; grid-column:3!important; grid-row:1!important; align-items:center!important; gap:8px!important; min-width:0!important; }
  .theme-toggle { grid-column:auto!important; grid-row:auto!important; min-width:44px!important; min-height:44px!important; width:44px!important; height:44px!important; }
  .account-menu { grid-column:auto!important; grid-row:auto!important; min-width:0!important; }
  .account-menu summary { max-width:130px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#f2f6ff!important; font-size:12px!important; min-height:44px!important; display:flex!important; align-items:center!important; }
  .account-dropdown { position:absolute!important; top:100%!important; right:8px!important; left:auto!important; width:min(320px,calc(100vw - 16px))!important; max-height:min(70dvh,560px)!important; overflow:auto!important; z-index:1200!important; }
  .editorial-clock { display:none!important; }
  .desk-nav { grid-column:1/-1!important; grid-row:2!important; width:100%!important; max-width:100%!important; min-width:0!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:flex-start!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:nowrap!important; gap:4px!important; padding:4px 0!important; margin:0!important; scrollbar-width:thin!important; -webkit-overflow-scrolling:touch!important; }
  .desk-nav :is(a,.desk-nav-group) { flex:0 0 auto!important; }
  .desk-nav a,.redaccion-nav-group>a { display:inline-flex!important; align-items:center!important; min-height:42px!important; padding:9px 12px!important; font-size:13px!important; }
  .desk-nav-group>.desk-nav-submenu { position:fixed!important; top:auto!important; left:12px!important; z-index:1500!important; }
  .breaking-bar { top:calc(116px + var(--ola-safe-top))!important; }
  :is(.page,.radar-page,.planning-page,.conductor-page,.edition-page,.story-page,.growth-page,.tv-page,.desk-tv-page) { max-width:100%!important; min-width:0!important; padding:12px!important; }
  :is(.page,.panel,.card,.story-header,.hero) { min-width:0!important; }
  :is(input,select,textarea,button,.button) { font-size:16px!important; }
  :is(button,.button,select) { min-height:42px; }
  :is(.story-editor-form,.form-grid,.split,.weekly-grid) { grid-template-columns:minmax(0,1fr)!important; }
  .story-editor-form>* { min-width:0!important; }
  .ola-workspace-home { min-height:100dvh!important; padding:0 0 calc(90px + var(--ola-safe-bottom))!important; }
  .ola-workspace-window { width:100%!important; max-height:none!important; overflow:visible!important; }
  .ola-workspace-header { position:sticky!important; top:0!important; z-index:1000!important; height:auto!important; min-height:74px!important; padding:calc(12px + var(--ola-safe-top)) 18px 12px!important; }
  .ola-workspace-logo { width:64px!important; height:52px!important; }
  .ola-workspace-logo img { max-width:58px!important; max-height:48px!important; }
  .ola-workspace-content { padding:20px 16px 22px!important; }
  .ola-workspace-grid { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  .ola-workspace-tile,button.ola-workspace-tile { min-height:92px!important; padding:15px!important; }
  .ola-workspace-footer { padding-bottom:calc(28px + var(--ola-safe-bottom))!important; align-items:center!important; }
  .ola-workspace-footer button { min-height:44px!important; padding:8px 4px!important; }
  .ola-native-chat-launcher { right:12px!important; bottom:calc(14px + var(--ola-safe-bottom))!important; min-height:44px!important; z-index:9992!important; }
  .ola-native-chat-panel { top:0!important; bottom:0!important; left:0!important; right:0!important; width:100%!important; min-width:0!important; max-width:100%!important; height:100dvh!important; padding-top:var(--ola-safe-top)!important; padding-bottom:var(--ola-safe-bottom)!important; box-sizing:border-box!important; }
  .ola-native-chat-header { min-height:48px!important; height:48px!important; }
  .ola-native-chat-actions :is(button,a) { min-width:44px!important; min-height:44px!important; }
  .ola-native-chat-body { top:calc(49px + var(--ola-safe-top))!important; bottom:var(--ola-safe-bottom)!important; }
  main.auth.ola-auth { min-height:100dvh!important; height:auto!important; padding:calc(24px + var(--ola-safe-top)) 14px calc(24px + var(--ola-safe-bottom))!important; }
  main.auth.ola-auth>.auth-card.ola-auth-card { width:min(100%,430px)!important; max-width:100%!important; margin:auto!important; }
}
@media (max-width:390px) {
  .top { grid-template-columns:58px minmax(0,1fr) auto!important; gap:4px!important; }
  .brand-logo { width:58px!important; }
  .brand-logo img { width:52px!important; }
  .account-menu summary { max-width:105px!important; }
  .ola-workspace-header>span { font-size:9px!important; letter-spacing:.06em!important; }
  .ola-workspace-tile strong { font-size:18px!important; }
}