@media screen {
  body.claude-workspace { --bg-dark:#f5f7fb; --bg-card:#ffffff; --bg-card-hover:#f8fbff; --border-color:#e4e9f2; --text-main:#0f172a; --text-muted:#64748b; --color-brand:#005bea; background:#f5f7fb; color:#0f172a; color-scheme:light; }
  .claude-workspace *, .claude-workspace *::before, .claude-workspace *::after { box-sizing:border-box; }
  .claude-workspace .main-content { min-width:0; flex:1; padding:20px 26px; }
  .claude-workspace .container { max-width:1500px; width:100%; min-width:0; padding:0; }
  .claude-workspace h1, .claude-workspace h2, .claude-workspace h3 { font-family:Inter,system-ui,sans-serif; color:var(--text-main); -webkit-text-fill-color:var(--text-main); background-image:none; }
  .claude-workspace .page-title { font-size:25px; }
  .claude-workspace .card-panel, .claude-workspace .kpi-card, .claude-workspace .table-wrapper { background:var(--bg-card); border:1px solid var(--border-color); border-radius:8px; box-shadow:0 1px 2px rgba(15,23,42,.04); min-width:0; }
  .claude-workspace .card-panel { padding:20px; }
  .claude-workspace .panel-title { color:var(--text-main); font-size:16px; font-weight:600; }
  .claude-workspace .kpi-val { overflow-wrap:anywhere; white-space:normal; }
  .claude-workspace .kpi-label { overflow-wrap:anywhere; }
  .claude-workspace .detail-grid, .claude-workspace .form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .claude-workspace form > *, .claude-workspace .detail-grid > * { min-width:0; }
  .claude-workspace input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .claude-workspace select, .claude-workspace textarea { max-width:100%; min-width:0; width:100%; background:#ffffff !important; color:var(--text-main) !important; border:1px solid #c8d4e5 !important; border-radius:5px; min-height:44px; font-size:14px; }
  .claude-workspace input::placeholder, .claude-workspace textarea::placeholder { color:#94a3b8 !important; }
  .claude-workspace div.form-control { background:#ffffff; color:var(--text-main); border:1px solid #c8d4e5; min-height:44px; }
  .claude-workspace label { color:var(--text-muted); font-size:13px; }
  .claude-workspace .btn-submit, .claude-workspace .btn-secondary, .claude-workspace button { min-height:44px; white-space:normal; overflow-wrap:anywhere; }
  .claude-workspace .btn-submit { background:#005bea; color:#fff; border:1px solid #005bea; border-radius:6px; box-shadow:0 8px 18px rgba(0,91,234,.2); }
  .claude-workspace .btn-secondary { background:#ffffff; color:#0f172a; border:1px solid #e4e9f2; border-radius:6px; }
  .claude-workspace .text-link, .claude-workspace td a { color:#005bea; }
  .claude-workspace table { color:var(--text-main); }
  .claude-workspace th { color:#475569; background:#f1f5f9; white-space:normal; min-width:100px; }
  .claude-workspace td { background:transparent; border-color:var(--border-color); }
  .claude-workspace .table-wrapper { max-width:100%; overflow-x:auto; }
  .claude-workspace .page-header, .claude-workspace .page-actions { flex-wrap:wrap; gap:12px; }
  .claude-workspace :focus-visible { outline:2px solid #005bea; outline-offset:3px; }
  @media(max-width:850px) {
    .claude-workspace .main-content { padding:16px; }
    .claude-workspace .card-panel { padding:16px !important; }
    .claude-workspace form[style*="grid-template-columns"], .claude-workspace .form-grid, .claude-workspace .detail-grid { grid-template-columns:minmax(0,1fr) !important; }
    .claude-workspace form > [style*="grid-column"], .claude-workspace .form-span { grid-column:1 / -1 !important; }
    .claude-workspace form > [style*="display: flex"], .claude-workspace form > [style*="display:flex"] { flex-wrap:wrap; }
    .claude-workspace .kpis-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  }
  .siteos-shell .sidebar { background: #061526; border-right: 1px solid rgba(255,255,255,.08); width: 232px; padding: 20px 14px; gap: 20px; box-sizing: border-box; }
  .siteos-shell .sidebar-brand { font-family: Inter, system-ui, sans-serif; }
  .siteos-shell .sidebar-brand-mark { border-radius: 7px; background: #005bea; box-shadow: none; }
  .siteos-shell .sidebar-brand small { color: #94a3b8; font-size: 10px; letter-spacing: .07em; }
  .siteos-shell .sidebar-group-toggle, .siteos-shell .sidebar-group-label { color: #94a3b8; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
  .siteos-shell .sidebar-group { background: transparent; border: 0; border-radius: 0; }
  .siteos-shell .sidebar-link { color: #cbd5e1; min-height: 42px; padding: 10px 12px; font-size: 13px; border-radius: 5px; box-sizing: border-box; }
  .siteos-shell .sidebar-link:hover { background: rgba(255,255,255,.08); color: #fff; }
  .siteos-shell .sidebar-link.active { background: #005bea; color: #ffffff; border-color: #005bea; box-shadow: none; }
  .siteos-shell .sidebar-mobile-toggle { color: #e2e8f0; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); min-height: 44px; }
  .siteos-shell .top-context { background: #ffffff; border: 1px solid #e4e9f2; border-radius: 7px; box-shadow: 0 1px 2px rgba(15,23,42,.04); gap: 12px 22px; padding: 14px 18px; }
  .siteos-shell .top-context-main { color: #0f172a; font-size: 13px; overflow-wrap: anywhere; }
  .siteos-shell .top-context-label { color: #64748b; font-size: 10px; letter-spacing: .06em; }
  .siteos-shell .top-context-link { color: #005bea; border-color: #e4e9f2; background: #ffffff; font-size: 13px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; }
  .siteos-shell .sidebar :focus-visible { outline: 2px solid #9fc2ff; outline-offset: 3px; }
  .siteos-shell .top-context :focus-visible { outline: 2px solid #005bea; outline-offset: 3px; }
  body.role-dashboard { background: #f5f7fb; color: #0f172a; color-scheme: light; }
  .role-dashboard .main-content { min-width: 0; flex: 1; padding: 20px 26px; box-sizing: border-box; }
  .role-dashboard .container { max-width: 1400px; width: 100%; box-sizing: border-box; padding: 0; }
  .rd { --rd-muted: #64748b; font-family: Inter, system-ui, sans-serif; font-size: 14px; line-height: 1.55; }
  .rd *, .rd *::before, .rd *::after { box-sizing: border-box; }
  .rd h1, .rd h2, .rd h3 { font-family: inherit; color: #0f172a; letter-spacing: -.015em; }
  .rd h1 { font-size: 23px; margin: 7px 0; font-weight: 650; }
  .rd h2 { font-size: 15px; margin: 0; font-weight: 650; }
  .rd h3 { font-size: 15px; margin: 9px 0; }
  .rd p { margin: 6px 0 14px; }
  .rd section { margin-bottom: 26px; min-width: 0; }
  .rd a { text-decoration: none; }
  .rd :focus-visible { outline: 2px solid #005bea; outline-offset: 3px; }
  .rd-heading { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 18px; padding: 12px 0 20px; border-bottom: 1px solid #e4e9f2; margin-bottom: 22px; }
  .rd-eyebrow, .rd-label { font-size: 11px; text-transform: uppercase; letter-spacing: .065em; color: var(--rd-muted); font-weight: 600; }
  .rd-eyebrow span { padding: 0 8px; color: #005bea; }
  .rd-muted { font-size: 12px; color: var(--rd-muted); }
  .rd-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
  .rd-button { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px; padding: 9px 13px; border: 1px solid #e4e9f2; border-radius: 6px; background: #ffffff; color: #0f172a; font: inherit; font-size: 13px; cursor: pointer; }
  .rd-button:hover { background: #f8fbff; border-color: #c8d4e5; }
  .rd-primary { background: #005bea; border-color: #005bea; color: #fff; }
  .rd-primary:hover { background: #0047b8; }
  .rd-link { color: #005bea; text-decoration: underline !important; text-underline-offset: 3px; font-size: 13px; }
  .rd-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .rd-metric, .rd-panel { background: #ffffff; border: 1px solid #e4e9f2; border-radius: 8px; min-width: 0; box-shadow: 0 1px 2px rgba(15,23,42,.04); }
  .rd-metric { padding: 16px; }
  .rd-number { font-size: 25px; font-weight: 650; line-height: 1.3; margin: 9px 0 5px; font-variant-numeric: tabular-nums; }
  .rd-accent .rd-number { color: #005bea; }
  .rd-warn .rd-number { color: #b77905; }
  .rd-columns { display: grid; grid-template-columns: minmax(0, 1fr) 270px; gap: 24px; }
  .rd-primary-column, .rd-secondary-column { min-width: 0; }
  .rd-section-heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
  .rd-count, .rd-badge { display: inline-block; padding: 3px 7px; border-radius: 4px; font-size: 11px; background: #f1f5f9; color: #475569; font-weight: 500; }
  .rd-count { margin-left: 6px; }
  .rd-personal { background: #eaf3ff; color: #005bea; border: 1px solid #bfdbfe; }
  .rd-filters { display: flex; gap: 10px; align-items: end; flex-wrap: wrap; margin-bottom: 12px; }
  .rd-filters label { color: var(--rd-muted); font-size: 12px; display: flex; flex-direction: column; gap: 5px; }
  .rd-search { flex: 1; min-width: 180px; }
  .rd-filters input[type=search], .rd-filters select { background: #ffffff; color: #0f172a; border: 1px solid #c8d4e5; border-radius: 5px; padding: 10px; min-height: 44px; width: 100%; font: inherit; }
  .rd-filters input::placeholder { color: #94a3b8; }
  .rd-filters input[type=search], .rd-filters select { background-color: #ffffff !important; color: #0f172a !important; border-color: #c8d4e5 !important; }
  .rd-filters input::placeholder { color: #94a3b8 !important; }
  .rd-filters input:focus-visible, .rd-filters select:focus-visible { outline: 2px solid #005bea !important; outline-offset: 3px; box-shadow: none !important; }
  .rd-filters .rd-check { flex-direction: row; align-items: center; min-height: 44px; }
  .rd-filters input[type=checkbox] { width: 18px; height: 18px; accent-color: #005bea; }
  .rd-task { display: flex; gap: 12px; padding: 15px 17px; border-bottom: 1px solid #e4e9f2; color: #0f172a; min-width: 0; }
  .rd-task:last-child { border-bottom: 0; }
  .rd-task:hover { background: #f8fbff; }
  .rd-task-body { min-width: 0; display: flex; flex-direction: column; gap: 5px; flex: 1; overflow-wrap: anywhere; }
  .rd-task-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
  .rd-reference { font-family: ui-monospace, Consolas, monospace; color: #005bea; font-size: 12px; }
  .rd-dot { background: #f59e0b; border-radius: 50%; width: 6px; height: 6px; margin-top: 9px; flex-shrink: 0; }
  .rd-chevron { color: #94a3b8; font-size: 22px; }
  .rd-task strong { font-size: 13px; font-weight: 550; }
  .rd-inset { padding: 18px; }
  .rd-empty { padding: 28px 18px; text-align: center; color: #64748b; }
  .rd-empty strong { color: #0f172a; font-size: 14px; }
  .rd-empty p { font-size: 12px; margin: 7px 0 0; }
  .rd-notice { border: 1px solid #bfdbfe; background: #eaf3ff; color: #00459f; border-radius: 7px; padding: 15px 18px; margin-bottom: 22px; font-size: 13px; }
  .rd-notice p { margin: 4px 0; }
  .rd-table-scroll { overflow-x: auto; }
  .rd-table { width: 100%; border-collapse: collapse; margin: 0; font-size: 13px; min-width: 550px; }
  .rd-table th { background: #f1f5f9; color: #475569; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; padding: 12px; border-color: #e4e9f2; }
  .rd-table td { color: #0f172a; background: transparent; border-bottom: 1px solid #e4e9f2; padding: 14px 12px; }
  .rd-table tr:last-child td { border-bottom: 0; }
  .rd-table tr:hover td { background: #f8fbff; }
  .rd-block { display: block; margin-top: 4px; }
  .rd-table progress { width: 100px; height: 6px; accent-color: #005bea; }
  .rd-facts { margin: 18px 0; }
  .rd-facts > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 0; border-bottom: 1px solid #e4e9f2; }
  .rd-facts dt { font-size: 13px; }
  .rd-facts dd { margin: 0; font-weight: 600; white-space: nowrap; }
  .rd-readiness { padding-top: 9px; }
  .rd-readiness strong { font-size: 26px; color: #b77905; }
  .rd-readiness p { color: #64748b; font-size: 12px; }
  .rd-project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  @media (max-width: 1200px) { .rd-columns { grid-template-columns: minmax(0, 1fr); } .rd-secondary-column { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: start; } }
  @media (max-width: 980px) {
    .siteos-shell .sidebar { position: relative; width: 100%; height: auto; padding: 12px 18px; overflow: visible; }
    .siteos-shell .layout-wrapper { flex-direction: column; }
    .siteos-shell .sidebar-brand { margin-bottom: 0; }
    .role-dashboard .main-content { padding: 18px; width: 100%; }
    .siteos-shell .top-context { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rd-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .rd-project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 520px) {
    .role-dashboard .main-content { padding: 12px; }
    .rd h1 { font-size: 21px; }
    .rd-metric { padding: 12px; }
    .rd-number { font-size: 23px; }
    .rd-secondary-column, .rd-project-grid { display: block; }
    .rd-project-grid > * { margin-bottom: 12px; }
    .rd-heading .rd-actions { width: 100%; }
    .rd-heading .rd-button { flex: 1; }
    .rd-filters .rd-search { flex-basis: 100%; }
    .rd-filters .rd-link { padding: 10px; }
    .siteos-shell .top-context { padding: 12px; gap: 10px; }
    .siteos-shell .top-context-link { grid-column: auto; justify-content: center; padding: 8px; }
  }
}