/* ==========================================================================
   Raju UI layer (2026-10-17). Loaded after styles.css on every portal page.
   One set of tokens and component rules so every page reads as one product.
   ========================================================================== */
:root{
  --ui-ground:#0b0d0c;
  --ui-surface:#121514;
  --ui-surface-2:#0e100f;
  --ui-line:rgba(255,255,255,.08);
  --ui-line-strong:rgba(255,255,255,.14);
  --ui-text:#f2f4f1;
  --ui-text-2:#c9cfcb;
  --ui-text-3:#a3aba6;
  --ui-text-4:#8a928d;
  --ui-accent:#d4ff28;
  --ui-cyan:#6fe7d8;
  --ui-success:#78d99b;
  --ui-warning:#f2c14e;
  --ui-danger:#ff8a7a;
  --ui-radius:14px;
}

/* Page titles: one size and weight across Metrics, Planner, Ads, Agents and admin tools. */
.raju-command-ui .mv2-hero h1,
.raju-command-ui .planner-v2-hero h1,
.raju-command-ui .ads-head h2,
.raju-command-ui .agents-hero h1,
.raju-command-ui .downloader-head h1,
.raju-command-ui .token-console-hero h1,
.raju-command-ui .fd-head h1{
  margin:0;font-size:clamp(26px,3vw,34px);font-weight:700;letter-spacing:-.02em;line-height:1.08;color:var(--ui-text)
}
.raju-command-ui .planner-v2-hero p,
.raju-command-ui .agents-hero p,
.raju-command-ui .ads-head p{color:var(--ui-text-3);font-size:15px;line-height:1.5;max-width:640px}
.raju-command-ui .planner-v2-kicker,
.raju-command-ui .agents-kicker{font-size:12px;letter-spacing:.12em;color:var(--ui-text-3)}
.raju-command-ui .planner-v2-hero{padding-top:6px;padding-bottom:6px}

/* Cards and panels */
.raju-command-ui .card,
.raju-command-ui .mv2-panel{border-color:var(--ui-line);border-radius:var(--ui-radius)}

/* Buttons: consistent height and radius; primary stays the volt yellow. */
.raju-command-ui .btn:not(.raju-shell-create){min-height:40px;border-radius:10px;font-size:13px;font-weight:600}
.raju-command-ui .btn.btn-xs{min-height:32px;border-radius:8px;font-size:12px}
.raju-command-ui .btn-ghost{border-color:var(--ui-line-strong);color:var(--ui-text)}
.raju-command-ui .btn-ghost:hover{border-color:rgba(212,255,40,.45);background:rgba(212,255,40,.06)}

/* Filter chips / segmented buttons */
.raju-command-ui .mv2-filter,
.raju-command-ui .filter-chip{min-height:32px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em}

/* Form fields */
.raju-command-ui input[type="text"],.raju-command-ui input[type="search"],.raju-command-ui input[type="email"],
.raju-command-ui input[type="url"],.raju-command-ui input[type="number"],.raju-command-ui select,.raju-command-ui textarea{
  border-radius:10px
}

/* Section labels in small caps were 8–10px; keep them readable. */
.raju-command-ui .kpi-title,
.raju-command-ui .mv2-label,
.raju-command-ui .filter-field>label{font-size:12px;letter-spacing:.06em;color:var(--ui-text-3)}

/* Top bar: lighter weight for the agency link so "Create post" is the one call to action. */
.raju-command-ui .raju-shell-quote{opacity:.75}
.raju-command-ui .raju-shell-quote:hover{opacity:1}

/* --- Planner ------------------------------------------------------------ */
.raju-command-ui .planner-v2-pulse{border-radius:var(--ui-radius)}
.raju-command-ui .planner-v2-pulse small{font-size:12px;color:var(--ui-text-3);letter-spacing:.06em}
.raju-command-ui .planner-v2-pulse strong{font-size:28px}
.raju-command-ui .planner-v2-pulse span{font-size:12px;color:var(--ui-text-4)}
.raju-command-ui .planner-row-card{border-radius:var(--ui-radius)}
.raju-command-ui .planner-title-button{font-size:16px;line-height:1.3}

/* --- Ads: lead with the number, keep the long explanation secondary. ----- */
.raju-command-ui .ads-kpi .kpi-value-sm,
.raju-command-ui .ads-reconciliation-card .kpi-value-sm{font-size:24px;font-weight:700;letter-spacing:-.01em;color:var(--ui-text)}
.raju-command-ui .ads-kpi .muted,
.raju-command-ui .ads-reconciliation-card .muted{font-size:12px;line-height:1.45;color:var(--ui-text-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.raju-command-ui .ads-kpi:hover .muted,
.raju-command-ui .ads-reconciliation-card:hover .muted,
.raju-command-ui .ads-kpi:focus-within .muted{-webkit-line-clamp:unset}

/* --- Embedded pages (Fight card, Beta) grow to their content. ----------- */
.raju-command-ui .mainframe{display:block;width:100%;border-color:var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-ground)}

/* --- Query page: give the search box room. ------------------------------ */
.raju-command-ui main.main > .section > h2{font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:-.01em}

/* --- Phone ---------------------------------------------------------------- */
@media (max-width:760px){
  .raju-command-ui .planner-v2-hero p,.raju-command-ui .agents-hero p,.raju-command-ui .ads-head p{font-size:14px}
  .raju-command-ui .btn:not(.raju-shell-create){min-height:44px}
  .raju-command-ui .mv2-filter,.raju-command-ui .filter-chip{min-height:36px}
}

/* Planner filters: collapsed to search + "Filters" toggle on every screen size
   (the full chip panel opens on demand, as it already did on phones). */
@media (min-width:761px){
  .raju-command-ui .planner-v2 .planner-controls{padding:12px 14px;gap:10px}
  .raju-command-ui .planner-v2 .planner-mobile-filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .raju-command-ui .planner-v2 .planner-filter-toggle{min-height:40px;padding:8px 12px}
  .raju-command-ui .planner-v2 .planner-filter-toggle::after{content:'⌄';margin-left:6px;font-size:16px;transition:transform .18s ease}
  .raju-command-ui .planner-v2 .planner-filter-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
  .raju-command-ui .planner-v2 .planner-filter-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:var(--ui-accent);color:#111;font-size:11px}
  .raju-command-ui .planner-v2 .planner-filter-badge[hidden]{display:none}
  .raju-command-ui .planner-v2 .planner-mobile-count{color:var(--ui-text-3);font-size:13px}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters{grid-template-columns:minmax(0,460px)}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters .filter-field:not(:first-child),
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .filter-actions{display:none}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters .filter-field:first-child>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .raju-command-ui .planner-v2 .planner-controls.filters-open .planner-filters{padding-top:10px;border-top:1px solid var(--ui-line)}
}

/* Planner calendar: platforms as a row of coloured dots after the time, so each card is
   two lines instead of five; full names stay available to screen readers. */
.raju-command-ui .planner-v2 .calendar-event-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px}
.raju-command-ui .planner-v2 .calendar-event-meta .planner-chip.compact{font-size:0;line-height:0;padding:0;min-height:0;border:0;background:none;gap:0}
.raju-command-ui .planner-v2 .calendar-event-meta .planner-chip.compact .chip-dot{width:9px;height:9px;margin:0}
.raju-command-ui .planner-v2 .calendar-event-title{font-size:13px;line-height:1.3}
.raju-command-ui .planner-v2 .calendar-event-time{font-size:12px;color:var(--ui-text-3)}
.raju-command-ui .planner-v2 .calendar-day.is-today{outline:2px solid var(--ui-accent);outline-offset:-2px;border-radius:12px}
.raju-command-ui .planner-v2 .calendar-day.is-today>:first-child{color:var(--ui-accent)}

/* Planner cards: Edit + Copy caption up front; AI caption, Copy handoff, WhatsApp and Duplicate
   in the "⋯" menu (AI caption and WhatsApp used to be hidden in Planner v2 entirely). */
.raju-command-ui .planner-v2 .planner-card-copy .planner-copy-actions{display:none}
.raju-command-ui .planner-v2 .planner-v2-card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.raju-command-ui .planner-card-menu{position:relative}
.raju-command-ui .planner-card-menu>summary{list-style:none;min-width:40px;justify-content:center;font-size:16px;letter-spacing:.06em;cursor:pointer}
.raju-command-ui .planner-card-menu>summary::-webkit-details-marker{display:none}
.raju-command-ui .planner-card-menu-list{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;min-width:190px;padding:6px;border:1px solid var(--ui-line-strong);border-radius:12px;background:#151917;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.raju-command-ui .planner-card-menu-list button{min-height:40px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ui-text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.raju-command-ui .planner-card-menu-list button:hover,.raju-command-ui .planner-card-menu-list button:focus-visible{background:rgba(212,255,40,.1);color:var(--ui-accent)}

/* Phone: bigger tap targets on planner cards; ad charts fit the screen instead of scrolling sideways. */
@media (max-width:760px){
  .raju-command-ui .planner-v2 .planner-title-button{min-height:44px;display:flex;align-items:center;text-align:left}
  .raju-command-ui .planner-v2 .planner-fighter-pill{min-height:36px}
  .raju-command-ui .ads-line-chart{min-width:0}
  .raju-command-ui .ads-chart{overflow-x:hidden}
}
/* Horizontal scrollers on touch screens: snap to items so a cut-off item reads as "more this way". */
@media (max-width:760px){
  .raju-command-ui .mx-section-nav,.raju-command-ui .agents-tabs,.raju-command-ui .planner-v2-pulse,.raju-command-ui .planner-beta2-workflow{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .raju-command-ui .planner-v2-pulse>*{scroll-snap-align:start}
}

/* AI caption dialog: platform choices as compact pills (they rendered as large circles). */
.raju-command-ui .caption-platforms{display:flex;flex-wrap:wrap;gap:6px}
.raju-command-ui .planner-modal label.caption-platform-choice,.raju-command-ui label.caption-platform-choice{display:inline-flex;flex-direction:row;align-items:center;gap:8px;min-height:40px;width:auto;height:auto;padding:0 12px;border:1px solid var(--ui-line-strong);border-radius:999px;background:var(--ui-surface-2);font-size:13px;color:var(--ui-text)}
.raju-command-ui .planner-modal label.caption-platform-choice input,.raju-command-ui label.caption-platform-choice input{width:16px;height:16px;margin:0;accent-color:var(--ui-accent)}

/* Dialogs sit above the phone's floating bottom nav (it covered their action buttons). */
.raju-command-ui .mv2-post-window{z-index:110}
.raju-command-ui .ai-modal-backdrop{z-index:120}
.raju-command-ui .ai-analysis-modal{z-index:121}
.raju-command-ui .ticket-purchase-backdrop{z-index:110}
.raju-command-ui .ticket-purchase-modal{z-index:111}
body.raju-command-ui:has(.mv2-post-window:not([hidden])) .mobile-bottom-nav,
body.raju-command-ui:has(.ai-analysis-modal.open) .mobile-bottom-nav,
body.raju-command-ui:has(.ticket-purchase-modal[aria-hidden="false"]) .mobile-bottom-nav,
body.raju-command-ui:has(.fighter-profile-modal.open) .mobile-bottom-nav,
body.raju-command-ui:has(.fighter-profile-modal:not([hidden])[aria-hidden="false"]) .mobile-bottom-nav{display:none}
body.raju-command-ui:has(.fpm-modal[aria-hidden="false"]) .mobile-bottom-nav{display:none}

/* Embedded pages (Fight card, Beta) fill the screen below the top bar and scroll inside,
   so the page itself does not scroll as well and sticky panels inside keep working. */
.raju-command-ui .mainframe{height:calc(100dvh - var(--raju-topbar-height,64px) - 70px);min-height:480px}
@media (max-width:980px){
  .raju-command-ui .mainframe{height:calc(100dvh - var(--raju-topbar-height,56px) - 120px)}
}
@media (max-height:500px){
  .raju-command-ui .planner-v2 .planner-tabs{position:static}
  .raju-command-ui .agents-tabs{position:static}
  .raju-command-ui .mobile-bottom-nav{min-height:52px;bottom:6px}
}
@media (max-height:500px) and (max-width:980px){
  .raju-command-ui .raju-shell-topbar{min-height:48px;padding-top:4px;padding-bottom:4px;align-items:center}
  .raju-command-ui .raju-shell-topbar .raju-shell-create{min-height:38px;padding:0 12px;white-space:nowrap}
  .raju-command-ui .raju-shell-topbar .raju-shell-context small{display:none}
  .raju-command-ui .mobile-bottom-nav{min-height:46px;padding:3px}
  .raju-command-ui .mobile-bottom-link{min-height:40px;flex-direction:row;gap:6px}
  .raju-command-ui .mobile-bottom-link svg{width:18px;height:18px}
  .raju-command-ui .main{padding-bottom:70px}
}
@media (max-height:500px) and (max-width:980px){
  .raju-command-ui .raju-shell-topbar{display:flex;flex-wrap:nowrap;gap:12px}
  .raju-command-ui .raju-shell-topbar .raju-shell-context{flex:1 1 auto;min-width:0}
  .raju-command-ui .raju-shell-topbar .raju-shell-topbar-actions{flex:none;display:flex;gap:8px;align-items:center}
}

/* Planner board on phones: columns snap one at a time, the next column peeks in, and empty
   columns no longer stretch to the tallest column's height (a 3,000px blank screen). */
@media (max-width:760px){
  .raju-command-ui .planner-v2 .kanban-board{align-items:flex-start;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px}
  .raju-command-ui .planner-v2 .kanban-column{flex:0 0 84%;max-width:84%;align-self:flex-start;scroll-snap-align:start}
}

/* Planner: calendar toolbar, legend, quick add, bulk selection */
.raju-command-ui .calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.raju-command-ui .calendar-scope{display:flex;gap:4px}
.raju-command-ui .calendar-scope .is-active{border-color:var(--ui-accent);color:var(--ui-accent);background:rgba(212,255,40,.08)}
.raju-command-ui .calendar-legend{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--ui-text-3);font-size:12px}
.raju-command-ui .calendar-legend .planner-chip{font-size:12px;background:none;border:0;padding:0;min-height:0;color:var(--ui-text-3)}
.raju-command-ui .planner-v2 .calendar-day .day-number{cursor:pointer}
.raju-command-ui .planner-v2 .calendar-day .day-number::after{content:'+';margin-left:6px;color:var(--ui-accent);opacity:0;transition:opacity .15s}
.raju-command-ui .planner-v2 .calendar-day:hover .day-number::after,.raju-command-ui .planner-v2 .calendar-day .day-number:focus-visible::after{opacity:1}

.planner-quick-add{position:fixed;z-index:2300;width:min(380px,calc(100vw - 24px));border:1px solid rgba(255,255,255,.16);border-radius:16px;background:#151917;color:#f2f4f1;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.planner-quick-add.is-sheet{left:0;right:0;bottom:0;top:auto;width:100%;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}
.planner-quick-add-form{display:grid;gap:12px;padding:16px}
.planner-quick-add-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.planner-quick-add-head small{display:block;color:#a3aba6;font-size:12px}
.planner-quick-add-head strong{font-size:17px}
.planner-quick-add label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#c9cfcb}
.planner-quick-add input[type="text"],.planner-quick-add input[type="time"],.planner-quick-add select{min-height:44px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:#0e100f;color:#f2f4f1;font:inherit;font-size:15px;color-scheme:dark}
.planner-quick-add fieldset{margin:0;padding:0;border:0}
.planner-quick-add legend{margin-bottom:6px;font-size:13px;color:#c9cfcb}
.planner-quick-add-chips{display:flex;flex-wrap:wrap;gap:6px}
.planner-quick-add .planner-quick-add-chip{flex-direction:row;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;cursor:pointer}
.planner-quick-add .planner-quick-add-chip:has(input:checked){border-color:#d4ff28;color:#d4ff28;background:rgba(212,255,40,.08)}
.planner-quick-add-chip input{accent-color:#d4ff28}
.planner-quick-add-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.planner-quick-add-error{margin:0;color:#ff8a7a;font-size:13px}
.planner-quick-add-actions{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}

.raju-command-ui .planner-select-toggle{margin-left:auto}
.raju-command-ui .planner-select-toggle[aria-pressed="true"]{border-color:var(--ui-accent);color:var(--ui-accent)}
body.planner-selecting .planner-row-card{cursor:pointer;position:relative}
body.planner-selecting .planner-row-card::before{content:'';position:absolute;top:10px;left:10px;z-index:3;width:22px;height:22px;border:2px solid rgba(255,255,255,.5);border-radius:6px;background:rgba(0,0,0,.5)}
body.planner-selecting .planner-row-card.is-selected{outline:2px solid var(--ui-accent,#d4ff28);outline-offset:-2px}
body.planner-selecting .planner-row-card.is-selected::before{border-color:#d4ff28;background:#d4ff28 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b0d0c' stroke-width='3'%3E%3Cpath d='M5 12l4 4 10-10'/%3E%3C/svg%3E") center/16px no-repeat}
.planner-bulk-bar{position:fixed;left:50%;bottom:16px;z-index:95;transform:translateX(-50%);display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;width:min(1100px,calc(100vw - 24px));padding:10px 14px;border:1px solid rgba(212,255,40,.35);border-radius:14px;background:rgba(18,21,20,.97);box-shadow:0 18px 50px rgba(0,0,0,.55);color:#f2f4f1}
.planner-bulk-bar label{display:flex;align-items:center;gap:6px;font-size:12px;color:#a3aba6}
.planner-bulk-bar select{min-height:36px;border-radius:8px;background:#0e100f;color:#f2f4f1;border:1px solid rgba(255,255,255,.14)}
.planner-bulk-bar .planner-bulk-group{display:flex;gap:4px}
.planner-bulk-bar .planner-bulk-spacer{flex:1}
.planner-bulk-bar.is-busy{opacity:.7;pointer-events:none}
body.planner-selecting .mobile-bottom-nav{display:none}
@media (max-width:760px){.planner-bulk-bar{bottom:8px;gap:6px}.planner-bulk-bar label span{display:none}}
.planner-bulk-bar[hidden]{display:none}
.raju-command-ui .planner-row-card:has(.planner-card-menu[open]),
.raju-command-ui .planner-row-card:has(.planner-card-menu[open]) .planner-card-body{overflow:visible;z-index:25;position:relative}

/* Top-bar search */
.raju-command-ui .global-search{position:relative;display:flex;align-items:center}
.raju-command-ui .global-search-field input{width:clamp(180px,22vw,320px);min-height:40px;padding:0 12px;border:1px solid var(--ui-line-strong);border-radius:10px;background:var(--ui-surface-2);color:var(--ui-text);font:inherit;font-size:13px}
.raju-command-ui .global-search-field input:focus{border-color:var(--ui-accent);outline:none}
.raju-command-ui .global-search-open{display:none;width:40px;height:40px;border:1px solid var(--ui-line-strong);border-radius:10px;background:none;color:var(--ui-text);cursor:pointer}
.raju-command-ui .global-search-open svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.raju-command-ui .global-search-results{position:absolute;right:0;top:calc(100% + 6px);z-index:150;width:min(440px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;padding:6px;border:1px solid var(--ui-line-strong);border-radius:14px;background:#151917;box-shadow:0 24px 60px rgba(0,0,0,.55)}
.raju-command-ui .gs-group-title{padding:8px 10px 4px;color:var(--ui-text-4);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.raju-command-ui .gs-row{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;color:var(--ui-text);text-decoration:none}
.raju-command-ui .gs-row strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.raju-command-ui .gs-row span{font-size:12px;color:var(--ui-text-3)}
.raju-command-ui .gs-row:hover,.raju-command-ui .gs-row.is-active{background:rgba(212,255,40,.1)}
.raju-command-ui .gs-empty{padding:12px;color:var(--ui-text-3);font-size:13px}
.raju-command-ui .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:980px){
  .raju-command-ui .global-search-open{display:grid;place-items:center}
  .raju-command-ui .global-search-field{display:none}
  .raju-command-ui .global-search.is-open .global-search-field{display:block;position:absolute;right:0;top:calc(100% + 6px);z-index:151}
  .raju-command-ui .global-search.is-open .global-search-field input{width:min(360px,calc(100vw - 24px))}
  .raju-command-ui .global-search.is-open .global-search-results{top:calc(100% + 54px)}
  .raju-command-ui .raju-shell-quote{display:none}
}

/* Connection warning under the top bar */
.raju-command-ui .connection-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;padding:10px clamp(18px,3vw,44px);background:rgba(242,193,78,.1);border-bottom:1px solid rgba(242,193,78,.3);color:#f2c14e;font-size:13px}
.raju-command-ui .connection-banner[hidden]{display:none}
.raju-command-ui .connection-banner a{color:#f2c14e;font-weight:700}
.raju-command-ui .connection-banner button{margin-left:auto;width:32px;height:32px;border:0;border-radius:8px;background:none;color:#f2c14e;font-size:20px;cursor:pointer}


/* ---- Alignment pass (17 Oct, night) ---- */
/* Shared page header used by simple pages (Query). */
.raju-command-ui .raju-page-head{display:flex;flex-direction:column;gap:6px;margin:6px 0 20px}
.raju-command-ui .raju-page-head h1{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.raju-command-ui .raju-page-head p{margin:0;max-width:640px;color:var(--ui-text-3);font-size:15px}
.raju-command-ui #search .query-form{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:12px;flex-wrap:wrap;padding:16px;min-height:0!important;height:auto!important}
.raju-command-ui #search .query-form .row{flex:1 1 320px;display:flex;flex-direction:column;gap:6px;margin:0;height:auto!important;width:auto!important}
.raju-command-ui #search .query-form input{min-height:42px}
.raju-command-ui #search .query-actions{display:flex;gap:8px;margin:0}
.raju-command-ui #search .query-actions .btn{min-height:42px}

/* Top bar: brand badge and wordmark on phones. */
.raju-command-ui .raju-shell-mobile-brand{align-items:center;gap:8px}

/* Planner header breathing room above the counters. */
.raju-command-ui .planner-v2-hero{margin-bottom:16px}

/* Planner filters, collapsed: one row — Filters · search · count. */
@media (min-width:761px){
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px;padding:12px 14px;min-height:0!important;height:auto!important}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-mobile-filterbar{display:contents}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filter-toggle{order:1;flex:none}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters{order:2;flex:0 1 460px;display:block!important;width:auto;min-height:0!important;height:auto!important;padding:0;margin:0;border:0}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters .filter-field:first-child{width:100%}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters .filter-field{border:0;padding:0;margin:0}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters input{min-height:40px}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-mobile-count{order:3;margin-left:auto;white-space:nowrap}
}
.raju-command-ui .planner-v2 .planner-controls .filter-field{border-right:0}

/* Planner view switcher: Select looks and aligns like the other tabs. */
.raju-command-ui .planner-v2 .planner-tabs .planner-select-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;margin-left:0}
.raju-command-ui .planner-v2 .planner-tabs .planner-select-toggle::before{content:"";width:14px;height:14px;border:1.6px solid currentColor;border-radius:4px;opacity:.85}
.raju-command-ui .planner-v2 .planner-tabs .planner-select-toggle[aria-pressed="true"]::before{background:currentColor;box-shadow:inset 0 0 0 3px #121514}
@media (max-width:760px){
  .raju-command-ui .planner-v2 .planner-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .raju-command-ui .planner-v2 .planner-tabs .planner-mobile-add{display:none!important}
  .raju-command-ui .planner-v2 .planner-tabs>.btn{min-width:0;padding-left:4px;padding-right:4px}
}

/* Planner cards: keep the creative dot clear of the Upload button. */
.raju-command-ui .planner-row-card .planner-card-media .planner-upload-btn{margin-right:14px}

/* Phones: one 16px side gutter everywhere. */
@media (max-width:760px){
  .raju-command-ui main.main{padding-left:16px!important;padding-right:16px!important}
}

/* Phones: card actions on one row; no empty platform dash; filter label hidden like desktop. */
@media (max-width:760px){
  .raju-command-ui .planner-v2-card-actions{flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch;gap:8px}
  .raju-command-ui .planner-v2-card-actions>.btn{flex:1 1 0;width:auto!important;min-height:44px;margin:0}
  .raju-command-ui .planner-v2-card-actions>.planner-card-menu{flex:none}
  .raju-command-ui .planner-v2-card-actions>.planner-card-menu>summary{width:44px;height:44px;display:grid;place-items:center;padding:0}
  .raju-command-ui .planner-mobile-platforms:has(>.muted:only-child){display:none}
  .raju-command-ui .planner-v2 .planner-controls:not(.filters-open) .planner-filters .filter-field:first-child>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
/* Filters toggle chevron sits on the text line. */
.raju-command-ui .planner-v2 .planner-filter-toggle{display:inline-flex;align-items:center;gap:6px}
.raju-command-ui .planner-v2 .planner-filter-toggle::after{line-height:1;transform:translateY(-3px)}
.raju-command-ui .planner-v2 .planner-filter-toggle[aria-expanded="true"]::after{transform:translateY(2px) rotate(180deg)}

/* The hidden attribute always wins over component display rules. */
.raju-command-ui [hidden]{display:none!important}
/* Ads: a quiet status line when loading succeeded; controls as one segmented row on phones. */
.raju-command-ui .ad-creative-status[data-kind="success"]{padding:0;border:0;background:none;color:var(--ui-text-3);font-size:13px}
@media (max-width:760px){
  .raju-command-ui .ads-head{flex-direction:column;align-items:stretch;gap:14px}
  .raju-command-ui .ads-controls{flex-wrap:wrap!important;gap:8px}
  .raju-command-ui .ads-provider-tabs{flex:1 1 100%;flex-wrap:nowrap!important;gap:4px}
  .raju-command-ui .ads-provider-tabs>.btn{flex:1 1 0;justify-content:center;min-height:40px}
  .raju-command-ui .ads-controls>select{flex:1 1 auto;min-height:40px}
}