/* ═══════════════════════════════════════════════════════════════════════════
   LaunchLemur — MODERN (dark-studio) DESK STRUCTURE LAYER
   Structural layout overrides for the default Modern desk: tracker cards and
   quick links render as compact reference rows at the medium tier. Colours
   stay with the theme's own variables — this file only touches layout, plus
   the few plain-checkbox details the dark rows need.
   Loaded AFTER widget-airmail.css. Scoped to the optional Modern widget design
   so the airmail skin is never affected.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Habit tracker: all rows, no orb at the desk tier ───────────────────────
   One grid track: display:none children skip grid placement, so a multi-track
   template would land the list in an empty track. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-tracker-widget-hero{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habits-layout{grid-template-rows:minmax(0,1fr) auto!important;gap:4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-list{align-self:stretch;gap:1px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-premium-row{min-height:18px!important;padding:0 5px!important;gap:3px}
/* Row: name left, count right, progress bar full width below. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy>strong{grid-row:1;font-size:10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy>small{grid-row:1;grid-column:2;font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy>.cw-premium-progress{grid-row:2;grid-column:1/-1}
/* Plain check square instead of the tinted emoji chip. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-check{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important;border:1.5px solid rgba(243,245,255,.28);border-radius:5px;background:transparent;box-shadow:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-check span{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-check i{position:static;width:auto;height:auto;background:transparent;color:#8b9bff;font-size:11px;font-style:normal}
/* Slimmer check column so habit names fit their rows. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-list>.cw-premium-row{grid-template-columns:18px minmax(0,1fr) auto}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-premium-row>.cw-sort-handle{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-actions button{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important}

/* ── Daily goals: checkbox rows, no orb ───────────────────────────────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-tracker-widget-hero{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goals-layout{grid-template-rows:minmax(0,1fr) auto!important;gap:2px;padding:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-list{align-self:stretch;gap:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row{min-height:0!important;padding:2px 8px!important;grid-template-columns:minmax(0,1fr) auto}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row>:is(.cw-sort-handle,.cw-goal-emblem){display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>span{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>small{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>strong{display:flex;align-items:center;gap:7px;font-size:9.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>strong::before{content:"";flex:0 0 13px;width:13px;height:13px;border:1.5px solid rgba(243,245,255,.28);border-radius:4px;background:transparent}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row.is-done .cw-goal-copy>strong{color:rgba(243,245,255,.55);text-decoration:line-through}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row.is-done .cw-goal-copy>strong::before{border-color:#635bff;background:#635bff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.5 2.5L9 1' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/9px no-repeat}

/* ── Quick links: full-width rows with icon chip, name and arrow ──────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-link-launchpad{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-launchpad-link{display:flex!important;align-items:center;gap:8px;padding:3px 8px;text-align:left}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-quicklink-icon{width:20px;min-width:20px;height:20px;border-radius:6px;font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-launchpad-link strong{flex:1;min-width:0;width:auto;font-size:10px;line-height:1.3;text-align:left}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-launchpad-link::after{content:"→";color:rgba(243,245,255,.4);font-size:11px;font-weight:900}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quicklinks .cw-launchpad-tile>.cw-sort-handle{display:none}

/* ── Tracker lists: no scrollbar chrome on static desk rows ───────────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"]:is(.cw-widget-habits,.cw-widget-goals) :is(.cw-habit-list,.cw-goal-list){scrollbar-width:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"]:is(.cw-widget-habits,.cw-widget-goals) :is(.cw-habit-list,.cw-goal-list)::-webkit-scrollbar{display:none}

/* ── Desk brand gradient follows the workspace accent, not the site palette ──
   The site theme paints --grad airmail red; on the dark desk every primary
   button (timer Start, add buttons) should be the studio purple. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern]{--grad:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,#fff),var(--accent))}

/* ── Quote of the day: calmer text on the night-clouds card ───────────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-daily-clouds{text-shadow:0 1px 8px rgba(3,8,20,.5)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-quote blockquote{font-size:clamp(11px,3cqw,14px);font-weight:750;line-height:1.35}

/* ── Notes: the sticker collage covers the title at the desk tier ─────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-sticker{display:none}

/* ── Round 2: default-desk proportions. Content degrades by measured pixels —
   secondary elements shrink or hide instead of clipping mid-box. ──────────── */

/* To-do: one quiet meta line, not a paragraph — reference density at medium. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task{padding-block:4px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task>label span b{font-size:9.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task>label span small{font-size:6.5px;margin-top:1px}

/* Timer: icon rail, no skip/lap row (it lives in the full app), calm presets. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail button{width:26px;height:26px;overflow:hidden;font-size:11px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-secondary-actions{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-pomodoro-phase{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-circular-wrap>output{font-size:clamp(28px,11cqw,40px)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-presets{flex-wrap:nowrap;width:100%;gap:4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-presets button{flex:1;min-width:0;min-height:20px;padding:2px 0;font-size:7px}

/* Calendar: slim month head, no agenda bar — the days get the whole card and
   render as squares (today a circle), not squashed rectangles. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-calendar .cw-calendar-medium-agenda{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-calendar .cw-calendar-medium-composition{grid-template-rows:minmax(0,1fr)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-head strong{font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-head button{width:18px;height:18px;min-height:18px;font-size:12px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-month-grid{place-items:center}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-month-grid button{box-sizing:border-box;width:clamp(8px,min(5.5cqh,11cqw),20px);height:clamp(8px,min(5.5cqh,11cqw),20px);aspect-ratio:1;align-self:center;justify-self:center;border-radius:5px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-month-grid button>span{font-size:clamp(8px,3cqh,11px)!important}

/* Notes: desk tier is a preview — smaller type, slim saved line only. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-foot span{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-paper-stage{--note-base-size:9px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-card-tape{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-title{font-size:11px;padding:2px 4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-notes .cw-note-rich-editor{font-size:8.5px;line-height:1.5;padding:4px 6px}

/* Habits + goals: − and + both on the row (the % badge goes), copy centred. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"]:is(.cw-widget-habits,.cw-widget-goals) :is(.cw-habit-actions,.cw-goal-actions){grid-template-columns:repeat(2,16px);gap:2px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"]:is(.cw-widget-habits,.cw-widget-goals) :is(.cw-habit-actions,.cw-goal-actions) b{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-actions button{width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;font-size:10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row{align-items:center}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy{align-content:center}

/* Weather: the reference's box-less stat row — nothing left to crop. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-weather .cw-weather-layout{grid-template-rows:auto minmax(48px,1fr) auto!important;gap:4px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-weather .cw-weather-strip>span{border:0;background:transparent;padding:2px;gap:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-weather .cw-weather-strip small{font-size:6.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-weather .cw-weather-strip b{font-size:8px;white-space:nowrap}

/* Quote: just the thought and its author at the desk tier — inner header and
   footer buttons live in the full app; text centres in the space left. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-quote{grid-template-rows:minmax(0,1fr) auto}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-quote>header,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-quote>footer{display:none}

/* ── Music player: full track name at the desk tier (loop tucks away) ─────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature{grid-template-columns:54px minmax(0,1fr) auto!important;gap:9px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature>.cw-radio-cover,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature>.cw-music-upload-art{width:54px!important;height:54px!important;min-width:54px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-transport{gap:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-transport button{width:28px;min-width:28px;height:28px;min-height:28px;font-size:10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-transport .cw-radio-play{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-transport .cw-radio-loop{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-copy strong{font-size:12px!important}

/* ── Habits: the count caption steps back so names never truncate ─────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy>small{display:none}
@container widget (min-width:230px){
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-copy>small{display:block;font-size:6.5px;letter-spacing:0}
}

/* ── Timer: Start and Reset share one row at the desk tier ────────────────── */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-primary-actions{flex-wrap:nowrap;width:100%}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-primary-actions button{flex:1;min-width:0;min-height:29px;padding:4px 6px;font-size:9px}

/* ═══════════════════════════════════════════════════════════════════════════
   REFERENCE PASS — the sleek dark desk: per-widget accents, quiet chrome,
   every add-bar a floating strip pinned to the card bottom.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Per-widget accent: coloured icon chips and a faint accent edge on each card. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget .cw-widget-title>span{background:color-mix(in srgb,var(--cw-accent) 22%,transparent);color:var(--cw-accent)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget{border-color:color-mix(in srgb,var(--cw-accent) 30%,var(--line))}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget{box-shadow:0 10px 30px rgba(0,0,0,.42),0 0 28px color-mix(in srgb,var(--cw-accent) 16%,transparent)}

/* To-do: reference density — smaller rows, quiet delete, full-width add bar
   floating at the card bottom. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task{padding-block:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task>label span b{font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task>label span small{font-size:6px;margin-top:1px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task>.cw-delete-button{font-size:10px;opacity:.45;transition:opacity .15s}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-task:hover>.cw-delete-button{opacity:1}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-todo-form{margin-top:auto;padding-top:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-todo-quick-capture{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-todo-quick-capture input{box-sizing:border-box;width:100%;min-height:30px;border:1px solid rgba(243,245,255,.14);border-radius:9px;background:rgba(9,13,26,.65);box-shadow:0 6px 16px rgba(0,0,0,.35);padding:5px 10px;font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-todo .cw-todo-quick-capture .cw-add-button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;border-radius:9px;font-size:12px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-todo .cw-todo-content{height:100%;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="large"].cw-widget-todo .cw-task{padding-block:5px!important}

/* Timer: the reference is a clean centred face — the mode rail steps back. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-v2{grid-template-columns:34px minmax(0,1fr)!important;gap:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail{display:grid;align-content:center;gap:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail button{display:grid;width:30px;height:30px;place-items:center;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail button::after{display:none}

/* Music player: art, copy and transport share one centred band. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium{align-content:center}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature{align-items:center!important}

/* Calendar: today is the reference teal. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-calendar .is-compact .cw-calendar-month-grid button.today{background:#2fb9a0!important;color:#fff;box-shadow:0 3px 10px rgba(47,185,160,.38)}

/* Habits: teal progress like the reference. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget-habits .cw-premium-progress i{background:#2fb9a0!important}

/* Add bars on trackers: slim floating strips pinned to the card bottom. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"] .cw-mini-form{display:grid;grid-template-columns:minmax(0,1fr) 34px 28px;gap:5px;margin-top:0;padding-top:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"] .cw-mini-form input{min-height:22px;height:22px;border:1px solid rgba(243,245,255,.14);border-radius:7px;background:rgba(9,13,26,.65);box-shadow:0 6px 16px rgba(0,0,0,.35);padding:2px 7px;font-size:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"] .cw-mini-form button{min-height:22px;height:22px;border-radius:7px;font-size:10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-open-composer{display:grid;min-height:26px!important;height:26px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;border:1px dashed rgba(243,245,255,.2);border-radius:9px;background:rgba(9,13,26,.5);box-shadow:0 6px 16px rgba(0,0,0,.3);padding:2px 10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-open-composer small{display:none}

/* Quote: the reference serif, centred and calm. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-quote .cw-quote blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:0}

/* Quote at the narrow tier too: no inner chrome, keep the author. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="small"].cw-widget-quote .cw-quote>header{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="small"].cw-widget-quote .cw-quote>cite{display:block}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="small"].cw-widget-quote .cw-quote blockquote{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:0}

/* Short responsive cards keep a complete intentional composition. */
@container widget (max-height:155px){
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer :is(.cw-timer-presets,.cw-timer-status){display:none}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-v2{grid-template-columns:24px minmax(0,1fr)!important;gap:5px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail{gap:2px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-mode-rail button{width:20px;height:20px;min-height:20px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-main{gap:2px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-circular-wrap>output{font-size:30px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-timer .cw-timer-primary-actions button{min-height:24px;padding:2px 7px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-form{display:none!important}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habits-layout{grid-template-rows:minmax(0,1fr)!important}
}
@container widget (max-height:250px){
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern] .cw-widget[data-widget-layout="large"].cw-widget-weather :is(.cw-weather-widget-hours,.cw-weather-widget-insight){display:none}
}

/* Page 1 reference lock. Page 2 deliberately keeps the adaptive rules above. */
.cw-tracker-reference-summary,.cw-goal-reference-progress,.cw-weather-reference-foot{display:none}
.cw-timer-phase-tabs{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:3px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--bg2) 72%,transparent);padding:2px}
.cw-timer-phase-tabs button{min-height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:800 9px inherit;cursor:pointer}
.cw-timer-phase-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--card) 88%,transparent);color:var(--cw-accent);box-shadow:0 2px 8px rgba(0,0,0,.2)}
.cw-timer-round-label{color:var(--muted);font-size:7.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.cw-widget-menu{position:relative;display:block}
.cw-widget-menu>summary{list-style:none;cursor:pointer}.cw-widget-menu>summary::-webkit-details-marker{display:none}
.cw-widget-menu>div{position:absolute;z-index:30;top:calc(100% + 5px);right:0;width:110px;border:1px solid var(--line);border-radius:8px;background:var(--card);padding:4px;box-shadow:0 12px 28px rgba(0,0,0,.38)}
.cw-widget-menu:not([open])>div{display:none}.cw-widget-menu>div button{display:block!important;width:100%;min-height:28px;border:0;border-radius:6px;background:transparent;color:#ef8992;padding:5px 7px;font:800 8px inherit;text-align:left;cursor:pointer}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"]{--card:#111827;--card2:#172033;--line:#26334e}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"].is-desk-fullscreen .cw-stage .cw-grid{
  box-sizing:border-box!important;width:calc(100% - 16px)!important;height:calc(100% - 14px)!important;min-height:0!important;
  margin:7px 8px!important;padding:10px!important;border:1px solid rgba(74,196,188,.36)!important;border-radius:16px!important;
  background-color:#081416!important;background-image:radial-gradient(circle,rgba(73,190,181,.22) 1px,transparent 1.35px)!important;background-size:20px 20px!important;
  box-shadow:inset 0 0 70px rgba(43,148,141,.035)!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget{
  border-color:color-mix(in srgb,var(--cw-accent) 48%,#26334e)!important;border-radius:14px!important;
  background:linear-gradient(150deg,rgba(17,24,39,.985),color-mix(in srgb,var(--cw-accent) 2.5%,#111827))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--cw-accent) 10%,transparent)!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-head{box-sizing:border-box;min-height:46px;height:46px;gap:8px;padding:7px 8px 7px 10px;background:rgba(23,32,51,.88)!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-title{gap:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-title>span{width:30px;height:30px;border-radius:9px;font-size:15px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-title h3{font-size:13px;line-height:1.08}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-title small{margin-top:3px;font-size:7px;line-height:1;letter-spacing:.06em}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-actions{align-items:center;gap:1px;opacity:.78}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-actions :is(.cw-icon-button,.cw-widget-menu>summary){display:grid!important;width:23px!important;min-width:23px!important;height:23px!important;min-height:23px!important;place-items:center;padding:0!important;color:#98a4bd;font-size:11px!important;line-height:1}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-actions .cw-header-duplicate{font-size:13px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-body{overflow:hidden!important;padding:9px 10px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-head{padding-inline:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-title{gap:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-title>span{width:28px;height:28px;border-radius:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-title h3{font-size:10.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-title small{font-size:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-grid-w="5"] .cw-widget-actions :is(.cw-icon-button,.cw-widget-menu>summary){width:20px!important;min-width:20px!important}

/* To-do list: six clean rows and the reference add strip. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-layout{display:grid;height:100%;grid-template-rows:minmax(0,1fr) auto;gap:4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-content{display:grid;height:auto;grid-template-rows:auto minmax(0,1fr);overflow:hidden;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task-list{display:grid!important;height:auto!important;grid-auto-rows:21px;align-content:start;gap:0!important;overflow:hidden!important;padding:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task{box-sizing:border-box;display:grid!important;height:21px!important;min-height:21px!important;grid-template-columns:minmax(0,1fr) 18px!important;align-items:center!important;gap:4px;border-bottom:1px solid rgba(126,142,178,.18);border-radius:0!important;background:transparent!important;padding:1px 0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>.cw-sort-handle{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>label{grid-column:1!important;display:grid!important;min-height:0!important;grid-template-columns:15px minmax(0,1fr)!important;align-items:center!important;gap:7px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>label input{width:15px;height:15px;margin:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>label span{min-height:0!important;line-height:1!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>label span b{overflow:hidden;font-size:9px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>label span :is(small,em){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>.cw-delete-button{grid-column:2!important;width:18px!important;min-width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;font-size:0!important;opacity:.48}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-task>.cw-delete-button::before{content:"×";font-size:12px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-progress{margin:0 0 3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-progress>div:first-child{font-size:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-progress-track{height:4px;margin-top:4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-form{margin:0;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture{grid-template-columns:minmax(0,1fr) 34px;gap:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture input{height:34px;min-height:34px;border-radius:9px;background:#172033;font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture .cw-add-button{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;border-radius:9px;font-size:15px}

/* Timer: the reference focus/break bar, round label and centred 25:00 face. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-v2{display:block!important;height:100%}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-mode-rail{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-main{display:flex;height:100%;justify-content:space-between;gap:2px;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-phase-tabs{height:28px;flex:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-phase-tabs button{min-height:24px;font-size:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-round-label{margin-top:0;line-height:1}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer :is(.cw-pomodoro-phase,.cw-timer-status,.cw-timer-progress-bar,.cw-pomodoro-cycle,.cw-timer-secondary-actions){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-face{min-height:40px;margin-top:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-face output{font-size:42px!important;font-weight:800!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-primary-actions{width:auto;gap:7px;margin-top:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-primary-actions button{box-sizing:border-box;width:80px;min-width:80px;min-height:26px;padding:3px 10px;font-size:9px}

/* Lo-fi radio: one artwork-led band and a single volume rail. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium{display:grid;height:100%;grid-template-rows:80px auto!important;align-content:start!important;gap:8px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature{height:80px;align-self:start!important;grid-template-columns:80px minmax(0,1fr) auto!important;gap:12px!important;border:0;border-radius:0;background:transparent;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-radio .cw-radio-medium .cw-radio-feature>.cw-radio-cover{width:80px!important;min-width:80px!important;height:80px!important;border-radius:10px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-copy strong{font-size:14px!important}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-copy small{margin-top:3px;font-size:8px!important}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-status{margin-top:5px;font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-transport button{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;border-radius:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-transport .cw-radio-play{width:43px!important;min-width:43px!important;height:43px!important;min-height:43px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-station-picker{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-range>span{font-size:7px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-range{overflow:hidden}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-range input{height:15px;min-height:15px;margin:0}

/* Ambient sounds: image presets remain visible, sized like the reference buttons. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-ambient-layout{display:grid!important;height:100%;grid-template-rows:34px minmax(0,1fr) 18px!important;align-content:stretch!important;gap:4px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-ambient-feature{grid-template-columns:42px minmax(0,1fr) 34px;padding:4px;background:transparent}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid button{height:35px;min-height:35px;border-radius:9px;background:rgba(23,32,51,.9);padding:3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid button img{width:24px;height:24px;border-radius:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-range input{height:12px;min-height:12px;margin:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-range{position:relative;top:13px;margin-top:5px}

/* Calendar: a true seven-column month with square date buttons. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-calendar .cw-calendar-medium-composition{display:block!important;height:100%;place-items:stretch}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-calendar .cw-calendar-v2{align-content:start!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-calendar .cw-calendar-month-view.is-compact{display:grid!important;height:100%!important;grid-template-rows:18px 10px minmax(0,1fr)!important;align-content:stretch!important;gap:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-head{margin:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-week-labels{align-items:center;font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-month-grid{align-content:center;row-gap:1px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-month-grid button{box-sizing:border-box;width:13px!important;height:13px!important;min-height:13px!important;padding:0!important;border-radius:4px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-month-grid button>span{font-size:6.5px!important}

/* Notes: one tab, one dark paper surface and the saved line. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-notes-layout{display:grid;height:100%;grid-template-rows:32px minmax(0,1fr) 16px;gap:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs{height:32px;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs button{min-height:28px;padding:4px 9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-page{height:auto!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-title{min-height:31px;padding:5px 8px;font-size:11px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-rich-editor{min-height:0;font-size:8px;line-height:1.45;padding:6px 8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-foot{min-height:16px;font-size:7px}

/* Habit tracker: simple Today summary, four progress rows, visible −/+ controls. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habits-layout{display:block!important;height:100%;padding:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-tracker-widget-hero,.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-form{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-tracker-reference-summary{display:flex;height:15px;align-items:center;justify-content:space-between;color:var(--muted);font-size:8px;font-weight:850}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-list{display:grid!important;height:auto!important;grid-auto-rows:29px;align-content:start!important;gap:3px!important;margin:4px 0 0!important;overflow:hidden!important;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-premium-row{display:grid;min-height:29px!important;grid-template-columns:17px minmax(0,1fr) 36px!important;align-items:center;gap:6px!important;border-radius:8px;background:rgba(23,32,51,.9);padding:3px 6px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-check{width:16px!important;min-width:16px!important;height:16px!important;min-height:16px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-copy{grid-template-columns:minmax(0,1fr) auto;gap:1px 5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-copy>strong{font-size:8.5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-copy>small{display:block;font-size:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-premium-progress{height:3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-actions{display:grid;grid-template-columns:17px 17px;gap:2px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-actions b{display:none}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-actions button{width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;border:1px solid var(--line);border-radius:6px}

/* Weather: reference hero, location row, three metric tiles and quiet footer. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-weather .cw-weather-layout{position:relative;display:block!important;height:100%;padding:0!important;background:transparent!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-layout>header{position:absolute;top:41px;right:0;left:0;height:14px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-external-feed-badge{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-main{position:absolute;top:0;right:0;left:0;height:39px;align-items:center}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-main>div{align-items:baseline}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-main strong{font-size:29px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-main span{font-size:7.5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-main>div>small{display:none}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-icon{width:34px;height:34px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-place{margin:0;font-size:6.5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-place small{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip{position:absolute;top:58px;right:0;left:0;height:26px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip>span{min-height:0;border:0;border-radius:6px;background:rgba(23,32,51,.88);padding:2px 5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip>span:nth-child(4){display:none}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip small{font-size:5.5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip b{font-size:6.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-reference-foot{display:none}

/* Quick links: four flat rows and no extra launcher strip. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-quicklinks-layout{height:100%}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-link-launchpad{height:100%;grid-template-rows:repeat(4,minmax(0,1fr))!important;align-content:stretch!important;gap:3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-launchpad-open{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-launchpad-tile{min-height:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-launchpad-link{height:100%;padding:2px 7px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-launchpad-link small{display:none!important}

/* Daily goals: one progress rail and four checkbox rows, matching the reference. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goals-layout{display:block!important;height:100%;padding:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals :is(.cw-tracker-widget-hero,.cw-goal-open-composer,.cw-widget-more){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-reference-progress{display:block;height:5px;overflow:hidden;border-radius:99px;background:#26334e}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-reference-progress i{display:block;height:100%;border-radius:inherit;background:#b45bea}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-list{display:grid!important;height:auto!important;grid-auto-rows:29px;align-content:start!important;gap:4px!important;margin:7px 0 0!important;overflow:hidden!important;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row{position:relative;display:grid;min-height:29px!important;grid-template-columns:minmax(0,1fr) 14px!important;align-items:center;border-radius:8px;background:rgba(23,32,51,.9);padding:3px 7px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row>:is(.cw-sort-handle,.cw-goal-emblem,.cw-goal-actions){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row::after{content:"×";grid-column:2;color:var(--muted);font-size:10px;text-align:right}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy{grid-column:1;grid-row:1;display:block}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>strong{font-size:8.5px}

/* Quote: centred Gandhi line, small quote mark and a cloud horizon. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-daily-clouds{position:relative;overflow:hidden;border:0!important;background:transparent!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-daily-clouds::after{position:absolute;z-index:0;right:0;bottom:0;left:0;height:70px;background:linear-gradient(to top,rgba(54,42,126,.34),transparent),url('/img/backgrounds/nighttime-clouds.jpg') center 62%/cover;content:"";opacity:.42;mask-image:linear-gradient(to top,#000,transparent)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote{position:relative;z-index:1;display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;padding:8px 20px;text-align:center}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote::before{content:"“";color:#a64cff;font-size:24px;font-weight:900;line-height:1}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote>header{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote blockquote{max-width:310px;margin:7px 0 5px;font:750 13px/1.35 Inter,ui-sans-serif,system-ui,sans-serif}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote cite{font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote>footer{display:block;margin-top:6px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote>footer button:first-child{display:none}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote>footer button:last-child{border:0;background:transparent;color:#a64cff;padding:2px;font-size:7px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quote .cw-quote>footer button span{display:none}

/* Page 1 scale polish ---------------------------------------------------------
   The reference desk is intentionally dense. These final rules give every
   card a complete composition at that exact scale while Page 2 continues to
   use the semantic small / medium / large layouts above. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget{
  isolation:isolate;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget:hover{
  border-color:color-mix(in srgb,var(--cw-accent) 70%,#35415e)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 25px color-mix(in srgb,var(--cw-accent) 18%,transparent)!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget :is(button,input,[contenteditable="true"]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--cw-accent) 78%,#fff);
  outline-offset:2px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern].is-desk-fullscreen .cw-edge-control{pointer-events:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-resize-handle{
  right:3px;bottom:3px;width:18px;height:18px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-resize-handle::before{
  right:2px;bottom:2px;width:8px;height:8px;border-width:0 2px 2px 0;
}

/* To-do: reclaim the obsolete reserved footer, then make quick capture one
   continuous full-width control instead of a short input plus floating box. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo{
  display:flex!important;
  grid-template-rows:none!important;
  flex-direction:column!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-widget-body{
  display:flex!important;
  flex:1 1 auto!important;
  padding:8px 10px 10px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-layout{
  width:100%;height:100%;grid-template-rows:minmax(0,1fr)!important;gap:0!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-content{gap:4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-form{
  position:static!important;right:auto!important;bottom:auto!important;left:auto!important;box-sizing:border-box;display:block!important;
  width:100%!important;height:34px!important;grid-template-columns:none!important;align-self:stretch!important;margin:0!important;background:transparent!important;padding:0!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture{
  display:grid;width:100%;height:34px;grid-template-columns:minmax(0,1fr) 38px!important;gap:0!important;
  overflow:hidden;border:1px solid color-mix(in srgb,var(--cw-accent) 32%,var(--line));border-radius:10px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--cw-accent) 7%,#172033),#172033);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.26);
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture input{
  width:100%;height:32px!important;min-height:32px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;padding:5px 11px;font-size:9px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-todo .cw-todo-quick-capture .cw-add-button{
  width:38px!important;min-width:38px!important;height:32px!important;min-height:32px!important;
  border-left:1px solid rgba(255,255,255,.12);border-radius:0!important;background:var(--cw-accent);font-size:16px;
}

/* Timer: preserve all three modes on the left while retaining Focus / Break. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-v2{
  display:grid!important;height:100%;grid-template-columns:32px minmax(0,1fr)!important;gap:9px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-mode-rail{
  display:grid!important;align-content:center;gap:6px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-mode-rail button{
  display:grid;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;
  place-items:center;border:1px solid var(--line);border-radius:9px;background:rgba(23,32,51,.82);padding:0;color:var(--muted);font-size:11px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-mode-rail button.active{
  border-color:color-mix(in srgb,var(--cw-accent) 55%,var(--line));background:color-mix(in srgb,var(--cw-accent) 18%,#172033);color:#fff;
  box-shadow:0 0 14px color-mix(in srgb,var(--cw-accent) 25%,transparent);
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-timer .cw-timer-main{min-width:0}

/* Ambient: all three rows stay in normal flow, so Volume can never sit under
   the clipped edge. Artwork remains photographic at every preset. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-ambient-layout{
  grid-template-rows:34px minmax(0,1fr) 18px!important;align-content:stretch!important;gap:4px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid{
  align-items:center!important;margin:0!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid button{
  align-self:center;border:1px solid color-mix(in srgb,var(--cw-accent) 20%,var(--line));
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-range{
  position:static!important;top:auto!important;height:18px!important;margin:0!important;overflow:hidden!important;
}

/* Notes: one calm notebook surface. The title and bullet content share a
   single panel; the paper texture no longer fights the compact typography. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-notes-layout{
  grid-template-rows:29px minmax(0,1fr) 14px!important;gap:6px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs{
  height:29px;min-height:29px;gap:4px;padding:0!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs button{
  min-height:27px!important;height:27px;border-radius:8px!important;padding:3px 8px!important;font-size:8px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs>[data-note-tab]{min-width:0;max-width:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-tabs .cw-note-add{
  width:28px!important;min-width:28px!important;flex-basis:28px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-page{
  box-sizing:border-box!important;height:100%!important;border-color:color-mix(in srgb,var(--cw-accent) 30%,var(--line));border-radius:10px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--cw-accent) 5%,#172033),#141d2f)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.2);
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-title{
  min-height:30px!important;height:30px;border-bottom-color:color-mix(in srgb,var(--cw-accent) 18%,var(--line));
  background:rgba(9,13,26,.18)!important;padding:5px 9px!important;font-size:10px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-rich-editor{
  overflow:auto!important;background:none!important;padding:7px 9px 9px!important;color:var(--cw-note-ink);font-size:8.5px!important;line-height:1.55!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-rich-editor :is(p,ul,ol){margin:0 0 4px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-foot{
  min-height:14px;height:14px;align-items:center;font-size:7px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-notes .cw-note-foot small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Trackers: complete rows above a real add control. Both controls use one
   compact shell, keeping the last row usable instead of hiding it. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habits-layout{
  display:grid!important;grid-template-rows:15px minmax(0,1fr) 28px!important;gap:5px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-tracker-widget-hero{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-habit-list{
  display:grid!important;height:100%!important;grid-template-rows:repeat(4,clamp(21px,10cqh,29px));grid-auto-rows:clamp(21px,10cqh,29px)!important;
  align-content:start!important;gap:3px!important;margin:0!important;overflow:hidden!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-habits .cw-premium-row{
  min-height:0!important;height:100%;padding:2px 6px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-form,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-form{
  box-sizing:border-box;display:grid!important;width:100%;height:28px;grid-template-columns:minmax(0,1fr) 36px 30px!important;gap:0!important;
  overflow:hidden;margin:0!important;padding:0!important;border:1px solid color-mix(in srgb,var(--cw-accent) 30%,var(--line));border-radius:9px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--cw-accent) 6%,#111827),#111827);box-shadow:0 6px 16px rgba(0,0,0,.24);
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] :is(.cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-form,.cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-form) input{
  box-sizing:border-box;height:26px!important;min-height:26px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:3px 7px;font-size:7.5px;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] :is(.cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-form,.cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-form) input[type="number"]{
  border-left:1px solid rgba(255,255,255,.09)!important;padding-inline:3px;text-align:center;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] :is(.cw-widget[data-widget-layout="medium"].cw-widget-habits .cw-habit-form,.cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-form) button{
  height:26px!important;min-height:26px!important;border:0;border-left:1px solid rgba(255,255,255,.12);border-radius:0!important;background:var(--cw-accent);color:#fff;font-size:13px;font-weight:900;
}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goals-layout{
  display:grid!important;grid-template-rows:5px minmax(0,1fr) 28px!important;gap:6px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals :is(.cw-tracker-widget-hero,.cw-goal-open-composer,.cw-widget-more){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-list{
  display:grid!important;height:100%!important;grid-template-rows:repeat(4,clamp(18px,9cqh,25px));grid-auto-rows:clamp(18px,9cqh,25px)!important;
  align-content:start!important;gap:3px!important;margin:0!important;overflow:hidden!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-premium-row{
  min-height:0!important;height:100%;padding:2px 7px!important;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-goals .cw-goal-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Small finishing touches for the remaining cards at this density. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-month-grid button{
  border:1px solid transparent!important;transition:background .15s,border-color .15s,transform .15s;
}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-calendar .cw-calendar-month-grid button:not(:disabled):hover{border-color:color-mix(in srgb,var(--cw-accent) 45%,var(--line))!important;transform:translateY(-1px)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-quicklinks .cw-launchpad-tile{border-color:color-mix(in srgb,var(--cw-accent) 20%,var(--line))}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-weather .cw-weather-strip>span{box-shadow:inset 0 1px rgba(255,255,255,.025)}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-radio .cw-radio-range input,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-range input{accent-color:var(--cw-accent)}

@container widget (max-height:155px){
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-ambient-layout{
    grid-template-rows:30px minmax(0,1fr) 18px!important;gap:3px!important;
  }
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-ambient-feature{
    height:30px;grid-template-columns:28px minmax(0,1fr) 27px;padding:2px 3px;
  }
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-ambient-feature img{width:26px!important;height:26px!important}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid button{height:22px!important;min-height:22px!important}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-sound-grid button img{width:18px;height:18px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget[data-widget-layout="medium"].cw-widget-ambient .cw-range{height:18px!important;grid-template-rows:8px 10px}
  .cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="0"] .cw-widget-ambient .cw-range input{height:10px;min-height:10px}
}

/* Page 2 is a separate fixed mosaic, not a scaled copy of the reference desk.
   Each card keeps its canonical tier while the composition is condensed to the
   24 × 21 viewport without hidden controls or decorative overflow. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-head{padding-inline:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-title{gap:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-title>span{width:28px;height:28px;border-radius:8px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-title h3{font-size:10.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-title small{font-size:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-actions{gap:1px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget[data-grid-w="5"] .cw-widget-actions :is(.cw-icon-button,.cw-widget-menu>summary){width:20px!important;min-width:20px!important}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-notes-layout{grid-template-rows:26px minmax(0,1fr) 10px!important;gap:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-tabs{height:26px;min-height:26px;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-tabs button{height:24px;min-height:24px;padding:3px 7px;font-size:7.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-page{height:100%!important;min-height:0;grid-template-rows:22px minmax(0,1fr)!important;overflow:hidden}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-title{height:22px;min-height:22px;padding:3px 6px;font-size:9px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-rich-editor{min-height:0;overflow:auto;padding:4px 6px;font-size:7.5px;line-height:1.35}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-rich-editor :is(p,ul,ol){margin:0 0 3px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-notes .cw-note-foot{height:10px;min-height:10px;font-size:6px}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-layout{position:relative;box-sizing:border-box;display:block!important;height:100%;overflow:hidden;padding:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-layout>header{position:absolute;top:3px;right:3px;left:3px;display:flex!important;height:11px;min-height:0;align-items:center;overflow:hidden}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-place{display:flex!important;align-items:center;gap:4px!important;margin:0!important}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-place>span{font-size:6px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-place>small{display:block!important;font-size:5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-feed-badge{min-height:12px;padding:1px 4px;font-size:4.5px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-main{position:absolute;top:18px;right:3px;left:3px;height:27px;min-height:0;align-items:center;overflow:visible}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-main>div{display:flex!important;min-width:0;align-items:baseline!important;gap:5px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-main strong{font-size:27px;line-height:1}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-main span{font-size:7px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-main small{display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-icon{width:31px;height:31px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-strip{position:absolute;right:3px;bottom:3px;left:3px;height:21px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0!important;overflow:hidden}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-strip>span{min-height:0;gap:0;border-radius:5px;padding:1px 4px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-strip>span:nth-child(4){display:none}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-strip small{font-size:5px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather .cw-weather-strip b{font-size:6px}

/* The seven-row Page 2 weather card uses its full height instead of retaining
   the tighter six-row absolute composition. */
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-layout{display:grid!important;grid-template-rows:13px minmax(30px,1fr) 23px!important;align-content:stretch;gap:3px;padding:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-layout>header,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-main,
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-strip{position:static;inset:auto;width:auto;height:auto;min-height:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-main{align-self:stretch}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-weather[data-grid-h="7"] .cw-weather-strip{align-self:end}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium{grid-template-rows:minmax(62px,1fr) 22px!important;gap:5px!important;overflow:hidden}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-feature{min-height:0!important;grid-template-columns:54px minmax(0,1fr) auto!important;gap:8px!important;padding:5px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-feature>.cw-radio-cover{width:54px!important;height:54px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-copy strong{font-size:12px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-transport button{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-transport .cw-radio-play{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-range{height:22px;overflow:hidden;margin:0!important}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-range>span{font-size:6px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-range input{height:12px;min-height:12px;margin:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-radio .cw-radio-medium .cw-radio-station-picker{display:none!important}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-v2{display:block!important;height:100%}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-mode-rail{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-main{display:flex;height:100%;justify-content:space-between;gap:1px;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-phase-tabs{height:27px;flex:none}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-phase-tabs button{min-height:23px;font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-round-label{margin:0;line-height:1;font-size:6px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer :is(.cw-pomodoro-phase,.cw-timer-status,.cw-timer-progress-bar,.cw-pomodoro-cycle,.cw-timer-secondary-actions){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-face{min-height:37px;margin:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-face output{font-size:39px!important;font-weight:850!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-primary-actions{width:100%;gap:5px;margin:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-timer .cw-timer-primary-actions button{flex:1;min-width:0;min-height:24px;padding:3px 7px;font-size:7.5px}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-quicklinks .cw-quicklinks-layout{height:100%}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-quicklinks .cw-link-launchpad{height:100%;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:3px!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-quicklinks .cw-launchpad-open{display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-quicklinks .cw-launchpad-link{height:100%;padding:2px 6px}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-quicklinks .cw-launchpad-link small{display:none!important}

.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goals-layout{display:grid!important;height:100%;grid-template-rows:4px minmax(0,1fr) 24px!important;gap:3px!important;padding:0!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals :is(.cw-tracker-widget-hero,.cw-goal-open-composer,.cw-widget-more){display:none!important}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-list{display:grid!important;height:100%;grid-auto-rows:18px!important;align-content:start!important;gap:2px!important;margin:0!important;overflow-y:auto!important;padding:0}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-premium-row{min-height:18px!important;height:18px;padding:1px 5px!important}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-copy strong{font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-actions{width:27px;max-width:27px;grid-template-columns:13px 13px;gap:1px;overflow:hidden}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-actions button{width:13px!important;min-width:13px!important;height:13px!important;min-height:13px!important;padding:0!important;font-size:7px}
.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-form{display:grid!important;height:24px;grid-template-columns:minmax(0,1fr) 28px 28px;gap:0;margin:0;padding:0}.cw-page[data-workspace-theme=dark-studio][data-widget-design=modern][data-page-index="1"] .cw-widget-goals .cw-goal-form :is(input,button){height:24px;min-height:24px;padding:2px 5px;font-size:7px}
