/* Sidlaghatta UI system: one set of sizes, corners and colours for every button and chip (plugin and theme).
   Actions are rounded rectangles; pills are only for chips, tags and filters; icons are circles.
     Button            48 px, 14 px corners, 600 14 px           (primary / secondary / WhatsApp green)
     Small button      40 px, 12 px corners, 600 13 px
     Chip, tag, pill   36 px, fully round, 600 12 to 13 px
     Icon button       44 px circle
   The plugin's own rules read these variables (with the same numbers as fallbacks); this file sets them and brings the theme's buttons into line. */
:root {
  --ui-btn-h: 48px; --ui-btn-h-sm: 40px; --ui-chip-h: 36px; --ui-icon-h: 44px;
  --ui-r: 14px; --ui-r-sm: 12px; --ui-r-pill: 999px; --ui-card-r: 20px; --ui-tile-r: 16px;
  --ui-green: #25D366; --ui-green-ink: #08381c; --ui-crimson: #C3081D;
}
/* theme: .btn is the same button, flat colour (no gradient) */
body .btn { min-height: var(--ui-btn-h); padding: 0 20px; border-radius: var(--ui-r); font: 600 14px/1.2 var(--font-head, sans-serif); }
body .btn--sm { min-height: var(--ui-btn-h-sm); padding: 0 14px; border-radius: var(--ui-r-sm); font-size: 13px; }
body .btn--primary { background: var(--ui-crimson); color: #fff; }
body .btn--icon { width: var(--ui-btn-h-sm); padding: 0; border-radius: var(--ui-r-sm); }
/* chips in the Today card and the theme's .chip: one height */
body .today .chip { min-height: var(--ui-chip-h); padding: 0 12px; font: 600 12px/1 var(--font-head, sans-serif); }
body .today .chip--send { background: var(--ui-crimson); }
/* icon buttons */
body .icon-btn { min-width: var(--ui-icon-h); min-height: var(--ui-icon-h); }
/* press and keyboard focus, the same everywhere */
body :is(.btn, .sle-btn, .sle-act, .sle-chipbtn, .chip, .icon-btn, .sle-spa__open, .sle-spa__save, .sle-bk__go, .sle-get__go, .sle-wabtn):active { transform: scale(.98); }
body :is(a, button, summary, [role="button"], input, select, textarea):focus-visible { outline: 2px solid var(--c-orange, #F09008); outline-offset: 2px; }
body :is(button, a, summary) { -webkit-tap-highlight-color: transparent; }
@media (prefers-reduced-motion: reduce) { body :is(.btn, .sle-btn, .sle-act, .sle-chipbtn, .chip, .icon-btn):active { transform: none; } }
/* cards: one corner for a card, a smaller one for the tiles inside it */
body :is(.sle-brief, .sle-watch, .sle-cinecard__a, .sle-get, .sle-tip, .sle-spa__in, .sle-around .lead, .st) { border-radius: var(--ui-card-r); }
body :is(.sle-from--ask, .sle-around .mini) { border-radius: var(--ui-tile-r); }
/* "Send news" in the Today card is an action, so it is a small button, not a pill (the pills beside it are information) */
body .today .chip--send { min-height: var(--ui-btn-h-sm); padding: 0 14px; border-radius: var(--ui-r-sm); font-size: 13px; }
/* quieter helpers: the place ask is a plain bar with a secondary button; Listen is neutral until it is playing; red stays for the main action */
body .sle-from--ask { border: 1px solid var(--line, #2e2c33); background: rgb(255 255 255 / .03); }
body .sle-from--ask .sle-btn { background: var(--chip, #2a282e); color: var(--ink, #fff); }
body .sle-brief__play { background: #2a282e; color: #fff; } body .sle-brief__play.is-on { background: var(--ui-crimson); }