/* BaseOS UI repair - COMPLETE REPLACEMENT: css/apple-ui.css
   Common controls and module styling. No changes to data or business logic. */
:root {
  --base-bg: #f5f6f8; --base-surface: #fff; --base-surface-solid: #fff;
  --base-soft: #f3f5f8; --base-soft-2: #edf0f5; --base-text: #22252c;
  --base-secondary: #626a78; --base-tertiary: #747d8a; --base-black: #292e38;
  --base-border: rgba(87,106,136,.13); --base-border-strong: rgba(87,106,136,.25);
  --base-blue: #286bd1; --base-green: #26784a; --base-green-bg: #e9f5ee;
  --base-orange: #975716; --base-orange-bg: #fcf2e5; --base-red: #b93243; --base-red-bg: #fcecef;
  --base-shadow-sm: 0 3px 12px rgba(26,43,70,.035);
  --base-shadow-md: 0 8px 24px rgba(26,43,70,.07);
  --base-ease: cubic-bezier(.22,1,.36,1);
  --os-bg: var(--base-bg); --os-text: var(--base-text); --os-secondary: var(--base-secondary);
  --os-tertiary: var(--base-tertiary); --os-border: var(--base-border); --os-green: var(--base-green);
  --os-ease: var(--base-ease); --os-shadow: var(--base-shadow-sm);
  /* Legacy module token compatibility. */
  --border: var(--base-border); --muted: var(--base-tertiary); --text-soft: var(--base-secondary);
  --bg-soft: var(--base-soft); --success: var(--base-green); --success-bg: var(--base-green-bg);
  --danger: var(--base-red); --danger-bg: var(--base-red-bg); --warning: var(--base-orange); --warning-bg: var(--base-orange-bg);
}
html body {
  background: radial-gradient(ellipse at 80% 0,rgba(220,231,249,.35),transparent 50%), #f5f6f8 !important;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
}
#baseos-app, #baseos-app *, #baseos-app *::before, #baseos-app *::after { box-sizing: border-box; }
#baseos-app { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; font-size: 14px; line-height: 1.5; }
#baseos-app button, #baseos-app input, #baseos-app select, #baseos-app textarea { font-family: inherit; }
#baseos-app #app-content .eyebrow { margin: 0 0 7px !important; color: #737b89 !important; font-size: 10px !important; font-weight: 650 !important; letter-spacing: 1.15px !important; text-transform: uppercase; line-height: 1.4; }
#baseos-app #app-content .module-header { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; margin: 0 0 20px !important; width: 100%; }
#baseos-app #app-content .module-header > div { min-width: 0; }
#baseos-app #app-content .module-header h2 { margin: 0 !important; color: #22252c; font-size: clamp(30px,3vw,40px) !important; font-weight: 680 !important; letter-spacing: -1.4px !important; line-height: 1.15 !important; }
#baseos-app #app-content .module-subtext { margin: 9px 0 0 !important; font-size: 14px !important; color: #626a78 !important; line-height: 1.6 !important; max-width: 760px; }
#baseos-app #app-content :is(.tasks-live-module,.team-module,.capture-module) { display: flex; flex-direction: column; gap: 20px; width: 100%; min-width: 0; max-width: none !important; }
/* Buttons retain their original actions. */
#baseos-app #app-content button { font-size: 12px; line-height: 1.3; cursor: pointer; }
#baseos-app :is(.primary-action,.capture-primary) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  min-height: 42px !important; padding: 0 16px !important; gap: 7px; width: auto;
  border: 1px solid #292e38 !important; border-radius: 12px !important;
  background: #292e38 !important; color: #fff !important; font-size: 13px !important; font-weight: 600;
  box-shadow: 0 3px 9px rgba(28,40,61,.07) !important; transition: background 140ms ease !important;
}
#baseos-app :is(.primary-action,.capture-primary):hover { background: #151b26 !important; }
#baseos-app .capture-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 14px; border: 1px solid var(--base-border); border-radius: 12px; background: #fff; color: #3f4a5c; font-size: 13px; cursor: pointer; }
#baseos-app button:disabled { cursor: not-allowed !important; opacity: .55; }
/* Native selects: keyboard and mobile behavior are retained. */
body #baseos-app select {
  -webkit-appearance: none !important; appearance: none !important;
  min-height: 40px !important; height: auto; padding: 9px 36px 9px 12px !important;
  border: 1px solid rgba(89,110,139,.22) !important; border-radius: 11px !important;
  background-color: rgba(255,255,255,.95) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2358677d' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 10 4 4 4-4'/%3E%3C/svg%3E") !important;
  background-position: right 10px center !important; background-repeat: no-repeat !important;
  color: #303b4d !important; font-size: 13px !important; font-weight: 500;
  line-height: 1.4 !important; box-shadow: inset 0 1px rgba(255,255,255,.9) !important; cursor: pointer;
}
#baseos-app input:not([type='checkbox']):not([type='radio']):not([type='range']),
#baseos-app textarea {
  max-width: 100%; border: 1px solid rgba(89,110,139,.22) !important;
  border-radius: 11px !important; background: rgba(255,255,255,.96) !important;
  color: #293341 !important; padding: 11px 13px !important; font-size: 14px !important; line-height: 1.6;
}
#baseos-app input[type='checkbox'], #baseos-app input[type='radio'] { width: auto; min-height: 0; accent-color: #286bd1; }
#baseos-app :is(input,select,textarea)::placeholder { color: #7c8695; opacity: 1; }
#baseos-app textarea { resize: vertical; }
/* Common surfaces; no forced dark-to-light conversion of hero sections. */
#baseos-app #app-content :is(.tasks-summary-card,.tasks-live-card,.capture-card,.capture-hero,.team-card,.team-summary-card,.client-card,.clients-summary-card,.business-card,.business-summary-card,.content-card,.content-summary-card,.content-workspace-header,.knowledge-card,.report-card,.report-summary-card,.automation-card,.automation-summary-card,.settings-card,.crm-card,.crm-summary-card,.campaign-card,.campaign-summary-card,.base-daily-card,.base-daily-section,.module-card) {
  min-width: 0; border: 1px solid rgba(105,122,151,.13) !important; border-radius: 19px !important;
  background: rgba(255,255,255,.94) !important; color: var(--base-text);
  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset, 0 4px 14px rgba(43,58,87,.035) !important;
  transform: none !important;
}
#baseos-app #app-content :is(.client-card,.business-card,.knowledge-card,.report-card,.settings-card,.campaign-card) { padding: 22px !important; }
#baseos-app #app-content :is(.team-card,.client-card,.business-card,.knowledge-card,.report-card,.content-card) h3 { font-size: 17px !important; line-height: 1.35; letter-spacing: -.35px; }
#baseos-app #app-content :is(.team-card,.client-card,.business-card,.knowledge-card,.report-card,.content-card) > p { font-size: 13px !important; line-height: 1.6; color: var(--base-secondary); }
#baseos-app #app-content :is(.team-member-main,.team-account-strip,.team-task-row) :is(p,span,strong) { font-size: 12px; }
/* Capture's complete layout, not merely an override patch. */
#baseos-app #app-content .capture-hero { padding: 26px 28px !important; }
#baseos-app #app-content .capture-hero::after { display: none !important; }
#baseos-app #app-content .capture-hero h2 { max-width: 900px; margin: 6px 0 10px; color: #222b37; font-size: clamp(27px,2.8vw,36px) !important; font-weight: 680; line-height: 1.16 !important; letter-spacing: -1.1px !important; }
#baseos-app #app-content .capture-hero p:not(.eyebrow) { margin: 0; font-size: 14px; color: var(--base-secondary); line-height: 1.6; }
#baseos-app #app-content .capture-layout { display: grid !important; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr) !important; gap: 18px !important; align-items: start !important; width: 100%; }
#baseos-app #app-content .capture-card { padding: 24px !important; }
#baseos-app #app-content .capture-input-card { position: sticky; top: 88px; }
#baseos-app #app-content .capture-result-card { min-height: 510px; }
#baseos-app #app-content .capture-card-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 21px; }
#baseos-app #app-content .capture-card-heading h3 { margin: 0; font-size: 21px !important; line-height: 1.2; letter-spacing: -.55px; }
#baseos-app #app-content .capture-form { display: flex !important; flex-direction: column !important; gap: 18px !important; }
#baseos-app #app-content .capture-field { display: flex !important; flex-direction: column !important; gap: 7px !important; }
#baseos-app #app-content .capture-field label { display: block; color: #4b5566; font-size: 13px !important; font-weight: 600; }
#baseos-app #app-content .capture-field :is(select,textarea) { display: block; width: 100% !important; max-width: 100% !important; margin: 0; }
#baseos-app #app-content .capture-field textarea { min-height: 248px; font-size: 14px !important; line-height: 1.7 !important; }
#baseos-app #app-content .capture-helper { display: block; font-size: 12px; line-height: 1.5; color: #697588; }
#baseos-app #app-content :is(.capture-actions,.capture-execute) { display: flex !important; align-items: center; justify-content: flex-end; gap: 9px; }
#baseos-app #app-content .capture-execute { padding-top: 16px; border-top: 1px solid var(--base-border); }
#baseos-app #app-content .capture-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 396px; padding: 30px 20px; border: 1px dashed #d8dfea; border-radius: 14px; background: #f9fafd; text-align: center; }
#baseos-app #app-content .capture-empty-icon { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 16px; border-radius: 15px; background: #eaf0fb !important; color: #3465aa !important; font-size: 24px; box-shadow: none !important; }
#baseos-app #app-content .capture-empty strong { font-size: 17px; font-weight: 600; color: #38445a; }
#baseos-app #app-content .capture-empty p { max-width: 310px; margin: 8px 0 0; color: #6c788b; font-size: 13px; line-height: 1.6; }
#baseos-app #app-content .capture-output { display: flex; flex-direction: column; gap: 18px; }
#baseos-app #app-content .capture-output-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; padding-bottom: 18px; border-bottom: 1px solid var(--base-border); }
#baseos-app #app-content .capture-output-label { display: block; color: #737f92; font-size: 10px; letter-spacing: .8px; font-weight: 650; margin-bottom: 7px; }
#baseos-app #app-content .capture-output-top h4 { margin: 0; font-size: 21px; letter-spacing: -.5px; }
#baseos-app #app-content .capture-output-top p { margin: 4px 0; font-size: 12px; color: var(--base-secondary); }
#baseos-app #app-content .capture-ready-pill { display: inline-flex; align-items: center; min-height: 27px; padding: 4px 9px; border-radius: 8px; background: #eaf5ee; color: #26784a; font-size: 11px; }
#baseos-app #app-content .capture-summary { padding: 16px; border-radius: 12px; background: #f3f6fa; }
#baseos-app #app-content .capture-summary p { margin: 0; font-size: 13px; line-height: 1.6; }
#baseos-app #app-content .capture-task-list { display: flex; flex-direction: column; gap: 10px; }
#baseos-app #app-content .capture-task { display: grid; grid-template-columns: 30px minmax(0,1fr); gap: 12px; padding: 15px; border: 1px solid var(--base-border); border-radius: 13px; background: #fff; }
#baseos-app #app-content .capture-task-number { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: #f0f3f8; color: #5c6d85; font-size: 11px; }
#baseos-app #app-content .capture-task-main { min-width: 0; }
#baseos-app #app-content .capture-task-main h5 { margin: 7px 0 6px; font-size: 15px; line-height: 1.4; }
#baseos-app #app-content .capture-task-main p { margin: 0; font-size: 13px !important; line-height: 1.65; color: #596679; overflow-wrap: anywhere; }
#baseos-app #app-content .capture-task-meta { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; font-size: 11px; color: #6b788d; }
#baseos-app #app-content .capture-priority { padding: 3px 7px; border-radius: 7px; font-size: 10px !important; font-weight: 600; background: #edf1f8; }
#baseos-app #app-content .capture-priority-urgent { background: #fcecef; color: #b93243; }
#baseos-app #app-content .capture-priority-high { background: #fcf2e5; color: #975716; }
#baseos-app #app-content .capture-task-footer { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 11px; font-size: 11px; color: #687488; }
#baseos-app #app-content .capture-ai-support { padding: 17px; border-radius: 13px; background: #283245; color: #fff; display: flex; flex-direction: column; gap: 10px; }
#baseos-app #app-content .capture-ai-support .capture-output-label { color: #c2cddf; }
#baseos-app #app-content .capture-ai-support > div { display: grid; grid-template-columns: 16px minmax(0,1fr); gap: 8px; }
#baseos-app #app-content .capture-ai-support p { margin: 0; font-size: 12px; color: #dce4f1; line-height: 1.7; }
/* Task screens. */
#baseos-app #app-content .tasks-live-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
#baseos-app #app-content .tasks-summary-card { padding: 18px !important; min-height: 95px; display: flex; flex-direction: column; justify-content: space-between; }
#baseos-app #app-content .tasks-summary-card span { font-size: 12px !important; color: #637186; }
#baseos-app #app-content .tasks-summary-card strong { font-size: 29px !important; line-height: 1.2; color: #253148; font-weight: 650; }
#baseos-app #app-content :is(.tasks-live-filters,.content-brand-tabs,.content-filters,.knowledge-filters) { display: flex; flex-wrap: wrap; gap: 7px; }
#baseos-app #app-content :is(.tasks-live-filters,.content-brand-tabs,.content-filters,.knowledge-filters) button { min-height: 35px; padding: 7px 13px; border: 1px solid var(--base-border); border-radius: 10px; background: #fff; color: #5b6880; font-size: 12px !important; }
#baseos-app #app-content :is(.tasks-live-filters,.content-brand-tabs,.content-filters,.knowledge-filters) button.active { background: #e8f0fc !important; color: #225596 !important; border-color: #c9d9f4 !important; }
#baseos-app #app-content .tasks-live-list { display: flex; flex-direction: column; gap: 12px; }
#baseos-app #app-content .tasks-live-card { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 20px !important; min-height: 122px; }
#baseos-app #app-content .tasks-live-main { flex: 1; min-width: 0; }
#baseos-app #app-content .tasks-live-main h3 { margin: 8px 0 6px; font-size: 16px !important; letter-spacing: -.25px; line-height: 1.4; }
#baseos-app #app-content .tasks-live-main > p { font-size: 13px !important; color: #657185; line-height: 1.6; margin: 0; overflow-wrap: anywhere; }
#baseos-app #app-content .tasks-live-badges { display: flex; gap: 5px; flex-wrap: wrap; }
#baseos-app #app-content .tasks-live-badges span { display: inline-flex; padding: 3px 7px; border-radius: 7px; font-size: 10px !important; background: #f0f3f8; color: #5b6780; }
#baseos-app #app-content .tasks-live-meta { display: flex; gap: 14px; flex-wrap: wrap; margin-top: 10px; font-size: 11px; color: #6c788b; }
#baseos-app #app-content .tasks-live-meta span { font-size: 11px !important; }
#baseos-app #app-content .tasks-live-actions { display: flex; gap: 7px; align-items: center; flex: 0 0 auto; }
#baseos-app #app-content .tasks-live-actions select { width: 130px !important; }
#baseos-app #app-content .tasks-live-actions button { padding: 9px 11px; min-height: 38px; border: 1px solid var(--base-border); border-radius: 10px; background: #fff; color: #47546a; font-size: 12px !important; }
/* Compact, legible existing Command Centre; preserve its actions. */
#baseos-app #app-content .base-daily-os { display: flex; flex-direction: column; gap: 20px; }
#baseos-app #app-content .base-daily-hero { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(210px,.7fr); gap: 18px; padding: 28px 30px 0 !important; border-radius: 22px !important; background: linear-gradient(135deg,#2c323e,#1d222c) !important; color: #fff; box-shadow: 0 8px 24px rgba(29,39,57,.08) !important; overflow: hidden; }
#baseos-app #app-content .base-daily-hero .eyebrow { color: #b6c0d0 !important; }
#baseos-app #app-content .base-daily-hero-copy h1 { font-size: clamp(31px,3.1vw,43px) !important; line-height: 1.09 !important; letter-spacing: -1.5px !important; margin: 8px 0 12px; color: #fff; }
#baseos-app #app-content .base-daily-hero-copy > p { font-size: 14px !important; color: #c6cfdf !important; line-height: 1.65; margin: 0; }
#baseos-app #app-content .base-daily-date { font-size: 12px !important; color: #aebbcf !important; margin-top: 14px; }
#baseos-app #app-content .base-daily-hero-focus { align-self: center; padding: 20px; border: 1px solid rgba(255,255,255,.15); border-radius: 15px; background: rgba(255,255,255,.05); min-height: 112px !important; }
#baseos-app #app-content .base-daily-hero-focus > span { display: block; font-size: 10px !important; letter-spacing: .8px; color: #b8c4d7; margin-bottom: 9px; }
#baseos-app #app-content .base-daily-hero-focus strong { font-size: 22px !important; color: #fff; }
#baseos-app #app-content .base-daily-hero-focus p { font-size: 12px !important; color: #bcc8db !important; margin: 5px 0 0; }
#baseos-app #app-content .base-daily-hero-actions { grid-column: 1 / -1; display: flex; gap: 9px; }
#baseos-app #app-content .base-daily-hero-actions button { padding: 10px 14px; min-height: 39px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(255,255,255,.08); color: #fff; font-size: 12px !important; }
#baseos-app #app-content .base-daily-hero-actions .base-daily-action-primary { background: #fff !important; color: #283245 !important; }
#baseos-app #app-content .base-daily-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); margin: 4px -30px 0 !important; border-top: 1px solid rgba(255,255,255,.12); }
#baseos-app #app-content .base-daily-metric { min-height: 63px !important; display: flex; align-items: center; gap: 9px; padding: 14px 20px; border-right: 1px solid rgba(255,255,255,.1); }
#baseos-app #app-content .base-daily-metric strong { color: #fff; font-size: 22px; }
#baseos-app #app-content .base-daily-metric span { color: #b9c5d8 !important; font-size: 11px !important; }
#baseos-app #app-content :is(.base-daily-section,.base-daily-card) { padding: 22px !important; }
#baseos-app #app-content .base-daily-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
#baseos-app #app-content :is(.base-section-heading,.base-card-heading) { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
#baseos-app #app-content :is(.base-section-heading,.base-card-heading) h2 { font-size: 21px !important; letter-spacing: -.5px; margin: 3px 0; }
#baseos-app #app-content :is(.base-section-heading,.base-card-heading) p:not(.eyebrow) { font-size: 12px !important; color: var(--base-secondary); }
#baseos-app #app-content .base-work-row { min-height: 74px; }
#baseos-app #app-content .base-work-main h3 { font-size: 15px !important; }
#baseos-app #app-content :is(.base-work-meta,.base-work-main p,.base-person-copy span,.base-person-load span,.base-entity-row span) { font-size: 11px !important; }
#baseos-app #app-content :is(.base-person-copy strong,.base-entity-row strong,.base-team-task h3) { font-size: 14px !important; }
#baseos-app #app-content .base-team-task > p { font-size: 13px !important; }
#baseos-app #app-content :is(.base-section-heading,.base-card-heading) > button,
#baseos-app #app-content :is(.base-work-actions,.base-team-task-actions,.base-approval-row) button,
#baseos-app #app-content .base-text-action { min-height: 36px; padding: 8px 12px; border: 1px solid var(--base-border); border-radius: 10px; background: #fff; color: #4d607c; font-size: 12px !important; cursor: pointer; }
#baseos-app #app-content :is(.base-work-primary,.base-team-primary,.base-approve) { background: #293245 !important; border-color: #293245 !important; color: #fff !important; }
/* Read-only charts with real, permission-scoped task data. */
#baseos-app #app-content .os-pulse { margin: 0; padding: 23px; border: 1px solid rgba(94,118,156,.16); border-radius: 20px; background: linear-gradient(145deg,rgba(255,255,255,.98),rgba(238,244,255,.87)); box-shadow: 0 4px 15px rgba(45,67,100,.04); }
#baseos-app .os-pulse-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 18px; }
#baseos-app .os-pulse-head h2 { font-size: 22px; margin: 0 0 4px; letter-spacing: -.6px; }
#baseos-app .os-pulse-head p { margin: 0; font-size: 12px; color: #68788f; }
#baseos-app .os-pulse-refresh { padding: 8px 12px; min-height: 36px; border: 1px solid #d6dfed; border-radius: 10px; background: #fff; color: #52657e; cursor: pointer; }
#baseos-app .os-pulse-grid { display: grid; grid-template-columns: minmax(170px,.7fr) minmax(0,1fr) minmax(0,1fr); gap: 14px; }
#baseos-app .os-chart { padding: 18px; min-width: 0; border: 1px solid #e0e7f1; border-radius: 15px; background: rgba(255,255,255,.87); }
#baseos-app .os-chart h3 { font-size: 13px; font-weight: 650; color: #475771; margin: 0 0 16px; }
#baseos-app .os-chart-note { margin: 12px 0 0; color: #6c7b91; font-size: 11px; line-height: 1.5; text-align: center; }
#baseos-app .os-ring { position: relative; width: 140px; height: 140px; margin: 0 auto; border-radius: 50%; background: conic-gradient(#4d7ed0 calc(var(--progress,0) * 1%),#eaf0f9 0); display: grid; place-items: center; }
#baseos-app .os-ring::before { content: ''; position: absolute; inset: 12px; border-radius: 50%; background: #fff; }
#baseos-app .os-ring-text { position: relative; text-align: center; }
#baseos-app .os-ring-text strong { display: block; font-size: 30px; letter-spacing: -1px; color: #284268; }
#baseos-app .os-ring-text span { font-size: 11px; color: #73829a; }
#baseos-app .os-bars { display: flex; flex-direction: column; gap: 8px; }
#baseos-app .os-bar-button { width: 100%; min-height: 31px; display: grid; grid-template-columns: minmax(80px,1fr) minmax(34px,.8fr) 24px; align-items: center; gap: 10px; padding: 4px 0; border: 0; background: transparent; color: #586982; text-align: left; cursor: pointer; border-radius: 6px; }
#baseos-app .os-bar-button:hover { background: #f0f5fd; }
#baseos-app .os-bar-button > span:first-child { font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#baseos-app .os-bar-track { height: 7px; background: #edf1f8; border-radius: 9px; overflow: hidden; }
#baseos-app .os-bar-fill { display: block; height: 100%; border-radius: inherit; background: #7797ca; width: var(--bar,0%); }
#baseos-app .os-bar-button strong { text-align: right; font-size: 12px; color: #344c70; }
#baseos-app .os-pulse-empty { padding: 12px 0; font-size: 13px; color: #637188; }
/* Task drill-down is a UI-only view. No records are modified. */
body #baseos-app dialog.os-task-dialog { width: min(640px,calc(100vw - 32px)); max-height: 85vh; margin: auto; padding: 24px; border: 1px solid #dce3ee; border-radius: 20px; background: #fff; color: #27354a; box-shadow: 0 20px 70px rgba(20,33,55,.2); overflow-y: auto; }
body #baseos-app dialog.os-task-dialog:not([open]) { display: none; }
body #baseos-app dialog.os-task-dialog::backdrop { background: rgba(29,41,61,.3); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
#baseos-app .os-dialog-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px; }
#baseos-app .os-dialog-head h2 { margin: 0; font-size: 22px; }
#baseos-app .os-dialog-head button { border: 1px solid #dce3ee; background: #f6f8fc; color: #425979; border-radius: 9px; padding: 8px 12px; cursor: pointer; }
#baseos-app .os-dialog-list { list-style: none; padding: 0; margin: 0; }
#baseos-app .os-dialog-list li { padding: 14px 0; border-top: 1px solid #e7ecf3; }
#baseos-app .os-dialog-list strong { display: block; font-size: 14px; }
#baseos-app .os-dialog-list p { font-size: 12px; color: #687b95; margin: 6px 0 0; overflow-wrap: anywhere; }
#baseos-app .os-dialog-actions { margin-top: 20px; display: flex; gap: 8px; }
/* Accessible warnings: only shown if an actual stylesheet fails to load. */
#baseos-app .os-ui-warning { padding: 12px 16px; margin: 12px; border: 1px solid #ebc893; background: #fff6e8; color: #7b4b0e; border-radius: 12px; font-size: 13px; }
@media (max-width: 1150px) {
  #baseos-app #app-content .tasks-live-card { align-items: stretch; flex-direction: column; gap: 12px; }
  #baseos-app #app-content .tasks-live-actions { justify-content: flex-end; }
  #baseos-app .os-pulse-grid { grid-template-columns: minmax(160px,.65fr) minmax(0,1fr); }
  #baseos-app .os-chart:last-child { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  #baseos-app #app-content .capture-layout { grid-template-columns: minmax(0,1fr) !important; }
  #baseos-app #app-content .capture-input-card { position: static; }
  #baseos-app #app-content .capture-empty { min-height: 270px; }
  #baseos-app #app-content .capture-result-card { min-height: 350px; }
}
@media (max-width: 640px) {
  #baseos-app #app-content .module-header { align-items: flex-start !important; flex-direction: column; gap: 14px !important; }
  #baseos-app #app-content :is(.capture-hero,.capture-card,.base-daily-card,.base-daily-section) { padding: 19px !important; }
  #baseos-app #app-content .capture-hero h2 { font-size: 27px !important; }
  #baseos-app #app-content .tasks-live-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #baseos-app #app-content .base-daily-hero { grid-template-columns: minmax(0,1fr); padding: 22px 20px 0 !important; }
  #baseos-app #app-content .base-daily-hero-copy h1 { font-size: 33px !important; }
  #baseos-app #app-content .base-daily-metrics { margin: 0 -20px !important; grid-template-columns: repeat(5,minmax(0,1fr)); }
  #baseos-app #app-content .base-daily-metric { flex-direction: column; gap: 2px; padding: 13px 5px; }
  #baseos-app #app-content .base-daily-metric span { font-size: 9px !important; }
  #baseos-app #app-content .base-daily-grid { grid-template-columns: minmax(0,1fr); }
  #baseos-app #app-content .tasks-live-actions { justify-content: flex-start; flex-wrap: wrap; }
  #baseos-app .os-pulse-grid { grid-template-columns: minmax(0,1fr); }
  #baseos-app .os-chart:last-child { grid-column: auto; }
  #baseos-app #app-content .os-pulse { padding: 18px; }
  #baseos-app .os-pulse-head { align-items: flex-start; }
  #baseos-app select, #baseos-app textarea, #baseos-app input:not([type='checkbox']):not([type='radio']) { font-size: 16px !important; }
  #baseos-app #app-content :is(.capture-actions,.capture-execute) { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  #baseos-app *, #baseos-app *::before, #baseos-app *::after { animation: none !important; transition: none !important; }
}