/* =========================================================
   b-ready Accompagnement IA — CSS maison, sans librairie externe
   Structure :
   1. Socle neutre de l'application
   2. Variables par thème, isolées par html[data-theme="..."]
   3. Composants communs utilisant uniquement les variables
   4. Vues métier : accompagnements / organigramme / plans d'action
   ========================================================= */

/* 1. Socle neutre */
*{box-sizing:border-box}
html{min-height:100%;background:#f5f7fb}
body{margin:0;min-height:100%;font-family:var(--font-family);font-size:15px;line-height:1.55;background:var(--app-bg);color:var(--text);font-weight:var(--body-weight);transition:background-color .18s ease,color .18s ease}
a{color:var(--link);text-decoration:none;font-weight:650}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* 2. Thèmes isolés — supprimer ou ajouter un thème revient à retirer/ajouter un bloc complet. */

/* THEME: Cabinet pro */
html[data-theme="theme-cabinet"]{
  --font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--body-weight:380;--app-bg:#f6f7fb;--surface:#ffffff;--surface-soft:#f7f8fb;--surface-strong:#f0f4ff;--sidebar-bg:#1c2440;--sidebar-text:#e4e8f4;--sidebar-text-muted:#aebdf4;--sidebar-hover:#2a3458;--text:#1d2638;--text-strong:#101828;--muted:#697386;--border:#dde3ef;--border-strong:#bdc7d8;--primary:#3157d5;--primary-hover:#2445ad;--primary-soft:#eef2ff;--secondary-bg:#eef1f7;--secondary-text:#273449;--link:#3157d5;--success-bg:#e4f7ec;--success-text:#157347;--error-bg:#fde7e9;--error-text:#b02a37;--warning-bg:#fff2da;--warning-text:#946200;--shadow-sm:0 8px 20px rgba(30,41,59,.055);--shadow-md:0 16px 42px rgba(30,41,59,.085);--shadow-lg:0 24px 70px rgba(30,41,59,.18);--radius-sm:8px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--button-radius:8px;--button-weight:600;--input-bg:#fff;--focus-ring:0 0 0 4px rgba(49,87,213,.16);--hero-gradient:linear-gradient(135deg,#eef2ff,#ffffff);--job:#3157d5;--family:#0f7bbd;--process:#278657;--task:#c27016;--task-selected:var(--hero-gradient);--task-border:var(--border);
}

/* THEME: Nuit premium */
html[data-theme="theme-nuit"]{
  --font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--body-weight:390;--app-bg:#0b1020;--surface:#111827;--surface-soft:#151d2f;--surface-strong:#17233b;--sidebar-bg:#050816;--sidebar-text:#dbe7ff;--sidebar-text-muted:#8fb4ff;--sidebar-hover:#111c33;--text:#e7edf8;--text-strong:#ffffff;--muted:#a5b4c7;--border:#27344b;--border-strong:#3b4b65;--primary:#7c9cff;--primary-hover:#9bb4ff;--primary-soft:#1a2a4d;--secondary-bg:#202b42;--secondary-text:#e7edf8;--link:#9bb4ff;--success-bg:#0f3528;--success-text:#8be0b1;--error-bg:#3b151b;--error-text:#ffb4bd;--warning-bg:#3b2a10;--warning-text:#ffd58a;--shadow-sm:0 10px 24px rgba(0,0,0,.26);--shadow-md:0 20px 55px rgba(0,0,0,.34);--shadow-lg:0 30px 90px rgba(0,0,0,.46);--radius-sm:10px;--radius-md:13px;--radius-lg:20px;--radius-xl:26px;--button-radius:10px;--button-weight:620;--input-bg:#0f172a;--focus-ring:0 0 0 4px rgba(124,156,255,.24);--hero-gradient:linear-gradient(135deg,#17233b,#111827);--job:#7c9cff;--family:#4cc9f0;--process:#73d99f;--task:#f5b85b;--task-selected:#251d12;--task-border:#5b3c16;
}

/* THEME: B-ready */
html[data-theme="theme-bready"]{
  --font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--body-weight:390;--app-bg:#f2f2f2;--surface:#ffffff;--surface-soft:#fafafa;--surface-strong:#fff4f2;--sidebar-bg:#6f6258;--sidebar-text:#fff7f4;--sidebar-text-muted:#f4c5bd;--sidebar-hover:#8a776c;--text:#5e5e5e;--text-strong:#3e3e3e;--muted:#7c746f;--border:#e5dfdc;--border-strong:#cfc5c0;--primary:#e42318;--primary-hover:#c71d14;--primary-soft:#fff0ed;--secondary-bg:#f2ebe8;--secondary-text:#5f514b;--link:#e42318;--success-bg:#eef7ea;--success-text:#4f8f43;--error-bg:#ffe5e1;--error-text:#b51f17;--warning-bg:#fff4d6;--warning-text:#8f6500;--shadow-sm:0 8px 22px rgba(72,62,56,.06);--shadow-md:0 16px 42px rgba(72,62,56,.10);--shadow-lg:0 24px 70px rgba(72,62,56,.18);--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--radius-xl:18px;--button-radius:7px;--button-weight:620;--input-bg:#fff;--focus-ring:0 0 0 4px rgba(228,35,24,.16);--hero-gradient:linear-gradient(135deg,#ffffff 0%,#fff7f5 48%,#f1eeec 100%);--job:#e42318;--family:#9384b8;--process:#6aa85d;--task:#d77a21;--task-selected:#fff5f2;--task-border:#f3b4ae;
}

/* 3. Composants communs */
.app-shell{min-height:100vh;display:flex}.sidebar{width:270px;background:var(--sidebar-bg);color:#fff;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-sm);z-index:2}.brand{font-size:25px;font-weight:760;line-height:1.05;letter-spacing:-.03em}.brand span{display:inline-block;margin-top:5px;font-size:14px;color:var(--sidebar-text-muted);font-weight:560;letter-spacing:0}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav a,.logout{color:var(--sidebar-text);padding:11px 14px;border-radius:var(--radius-md);font-weight:620;transition:background-color .16s ease,color .16s ease,transform .16s ease}.sidebar nav a.active,.sidebar nav a:hover,.logout:hover{background:var(--sidebar-hover);color:#fff;text-decoration:none;transform:translateX(2px)}.logout-form{margin-top:auto}.logout-form .logout{width:100%;margin:0;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.logout{display:block}.main-content{flex:1;width:100%;padding:26px 32px 34px;max-width:1240px}.main-content.centered{display:flex;align-items:center;justify-content:center;max-width:none}.theme-switcher{margin:0 0 22px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px 12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.theme-switcher__label{display:block;color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase;letter-spacing:.08em}.theme-switcher strong{font-size:14px;color:var(--text-strong);font-weight:680}.theme-switcher select{width:auto;min-width:210px;margin:0;border-radius:999px;background:var(--input-bg);color:var(--text);font-weight:620}.page-header{margin-bottom:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.page-header h1{font-size:32px;line-height:1.12;margin:0 0 6px;font-weight:700;letter-spacing:-.035em;color:var(--text-strong)}.page-header p,.muted{color:var(--muted)}.page-header p{margin:0}.panel,.empty-state,.construction-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.panel.wide{width:100%}.empty-state.compact{padding:18px}.empty-state h3{margin:0 0 6px;color:var(--text-strong)}.empty-state p{margin:0;color:var(--muted)}.grid.two{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px}.stack{display:flex;flex-direction:column;gap:14px}label{font-weight:650;color:var(--text-strong)}input,select,textarea{width:100%;margin-top:6px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font:inherit;background:var(--input-bg);color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}textarea{min-height:130px;resize:vertical;line-height:1.45}.doc-description{min-width:240px;max-width:420px;color:var(--text);line-height:1.4;white-space:normal}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--button-radius);background:var(--primary);color:#fff;padding:10px 15px;font:inherit;font-weight:var(--button-weight);line-height:1.2;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.08);transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}button:hover,.button:hover{background:var(--primary-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button.secondary,button.secondary{background:var(--secondary-bg);border-color:var(--border);color:var(--secondary-text)}.button.secondary:hover,button.secondary:hover{background:var(--surface-strong);color:var(--text-strong)}.button.small,button.small{padding:7px 11px;font-size:13px;border-radius:calc(var(--button-radius) - 2px)}.link{background:none;color:var(--link);padding:0;box-shadow:none}.danger{color:var(--error-text)}.flash{padding:12px 14px;border-radius:var(--radius-md);margin-bottom:18px;border:1px solid transparent}.flash.success{background:var(--success-bg);color:var(--success-text)}.flash.error{background:var(--error-bg);color:var(--error-text)}.flash.warning{background:var(--warning-bg);color:var(--warning-text)}.tabs{display:flex;gap:0;margin:0;align-items:flex-end}.tab{display:inline-block;padding:12px 17px;border:1px solid var(--border);border-bottom:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--secondary-bg);color:var(--muted);font-weight:680;position:relative;top:1px}.tab+.tab{margin-left:-1px}.tab.active{background:var(--surface);color:var(--primary);z-index:2}.docs-tab-panel{margin-top:0;border-top-left-radius:0}.doc-form-panel{max-width:720px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sidebar-bg),var(--primary))}.login-card{background:var(--surface);width:min(440px,92vw);padding:34px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--border)}.login-card h1{font-size:34px;line-height:1;margin:0 0 12px;color:var(--text-strong);letter-spacing:-.04em}.login-card h1 span{display:block;margin-top:6px;font-size:18px;color:var(--primary);letter-spacing:0}.login-card button{margin-top:12px}.construction-card{text-align:center;max-width:560px}.construction-card h1{font-size:38px;margin-top:0;color:var(--text-strong)}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:760;background:var(--surface-soft)}td.actions{white-space:nowrap;display:flex;gap:10px;align-items:center}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:var(--success-bg);color:var(--success-text);border:1px solid color-mix(in srgb,var(--success-text) 18%,transparent)}.badge.neutral{background:var(--surface-soft);color:var(--muted);border:1px solid var(--border)}.section-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.section-title-row h2,.section-title-row h3{margin:0;color:var(--text-strong);letter-spacing:-.02em}.section-title-row p{margin:4px 0 0}.modal-backdrop{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,10,20,.55);backdrop-filter:blur(4px)}.modal-card{width:min(620px,100%);max-height:calc(100vh - 48px);overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.modal-header h2{margin:0;color:var(--text-strong);font-size:24px;letter-spacing:-.03em}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--secondary-bg);color:var(--secondary-text);font-size:24px;line-height:1;text-decoration:none}.modal-close:hover{text-decoration:none;background:var(--surface-strong)}

.client-header{width:270px;min-height:100vh;background:var(--sidebar-bg);color:#fff;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-sm)}.client-header .brand span{display:inline-block;margin-top:5px;font-size:14px;color:var(--sidebar-text-muted);font-weight:560;letter-spacing:0}.client-header form{margin-top:auto}.client-content{max-width:1240px}.access-checkboxes{margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.access-checkboxes legend{padding:0 6px;font-weight:700;color:var(--text-strong)}.access-checkboxes label{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-weight:600}.access-checkboxes input[type=checkbox]{width:auto;margin:4px 0 0;accent-color:var(--primary)}.access-checkboxes .muted{margin:8px 0 0;font-size:13px}

/* 4. Vue accompagnements / organigramme */
.accompagnements-header{align-items:center}.accompagnement-tree-screen{overflow:hidden}.tree-hero{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px;padding:22px;border-radius:var(--radius-xl);background:var(--hero-gradient);border:1px solid var(--border)}.tree-hero h2{margin:3px 0 6px;font-size:30px;font-weight:720;letter-spacing:-.04em;color:var(--text-strong)}.eyebrow{margin:0;color:var(--primary);text-transform:uppercase;font-size:12px;font-weight:760;letter-spacing:.09em}.tree-toolbar{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.tree-level-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 18px}.tree-level-legend span{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:760;text-align:center}.accordion-tree{display:flex;flex-direction:column;gap:10px}.tree-node{position:relative;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.tree-node summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 16px}.tree-node summary::-webkit-details-marker{display:none}.tree-node summary:after{content:'Déplier';margin-left:auto;color:var(--link);font-weight:740;font-size:13px}.tree-node[open]>summary:after{content:'Replier'}.tree-node[open]{border-color:color-mix(in srgb,var(--primary) 38%,var(--border));box-shadow:var(--shadow-md)}.tree-node-job{border-left:3px solid color-mix(in srgb,var(--job) 55%,var(--border))}.tree-node-family{border-left:3px solid color-mix(in srgb,var(--family) 55%,var(--border))}.tree-node-process{border-left:3px solid color-mix(in srgb,var(--process) 55%,var(--border))}.tree-node-task{border-left:3px solid color-mix(in srgb,var(--task) 55%,var(--border));padding:0;display:block}.tree-node-task>summary{padding:13px 15px}.tree-node-task>.node-actions{padding:0 15px 13px}.tree-node-task>.task-action-plan{width:calc(100% - 30px);margin:0 15px 15px}.tree-node-task.is-selected{background:var(--task-selected);border-color:var(--task-border)}.node-index{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:780}.node-main{display:flex;flex-direction:column;gap:3px;min-width:0}.node-main strong{font-size:17px;color:var(--text-strong);font-weight:700;letter-spacing:-.015em}.node-main em{font-style:normal;color:var(--muted);font-size:13px;line-height:1.35}.node-type{text-transform:uppercase;font-size:11px;font-weight:760;letter-spacing:.08em;color:var(--muted)}.node-count{color:var(--muted);font-size:13px;font-weight:680;white-space:nowrap}.node-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 18px 16px}.tree-children{display:flex;flex-direction:column;gap:10px;margin:0 0 12px 12px;padding-left:10px;border-left:1px dashed var(--border)}.tree-empty{margin:0 18px 16px;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-soft);border:1px dashed var(--border);color:var(--muted)}.task-card-main{min-width:0;display:flex;align-items:flex-start;gap:12px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.tools-card{margin:0 0 20px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft)}.tools-card h3{margin:0 0 5px;color:var(--text-strong)}.tool-chip-list{display:flex;flex-wrap:wrap;gap:10px}.tool-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:8px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface);color:var(--text)}.tool-chip strong{font-weight:700}.tool-chip small{color:var(--muted);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-chip a{font-size:12px;font-weight:720}.task-action-plan{flex-basis:100%;width:100%;margin-top:12px;padding:16px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--task-border)}.task-action-plan h3{margin:0 0 12px;color:var(--text-strong);font-size:20px}.tool-checkboxes{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;background:var(--surface-soft)}.tool-checkboxes legend{font-weight:760;color:var(--text-strong);padding:0 6px}.tool-checkboxes label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text)}.tool-checkboxes input[type=checkbox]{width:auto;margin:0;accent-color:var(--primary)}

.accompaniment-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:4px 0 18px}.accompaniment-entry-card{display:flex;min-height:180px;flex-direction:column;justify-content:space-between;gap:16px;padding:24px;border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(145deg,var(--surface),var(--surface-soft));box-shadow:var(--shadow-sm);color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.accompaniment-entry-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 45%,var(--border));box-shadow:var(--shadow-md);text-decoration:none}.accompaniment-entry-card strong{display:block;color:var(--text-strong);font-size:24px;line-height:1.15;font-weight:720;letter-spacing:-.03em}.accompaniment-entry-card small{display:block;color:var(--muted);font-size:14px;line-height:1.55}.entry-kicker{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary);font-size:12px;font-weight:780;text-transform:uppercase;letter-spacing:.08em}.dashboard-placeholder{margin-top:18px;padding:22px;border:1px dashed color-mix(in srgb,var(--primary) 35%,var(--border));border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-soft) 72%,transparent)}.dashboard-placeholder h3{margin:12px 0 8px;color:var(--text-strong);font-size:22px;font-weight:700;letter-spacing:-.025em}
.accompaniment-admin-grid{align-items:start}.invitation-created{margin-bottom:18px;border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.invitation-use-history{margin-top:18px}.copy-field{display:flex;gap:10px;align-items:stretch}.copy-field input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.copy-field .button{white-space:nowrap}.invitation-card{width:min(100%,620px)}.invitation-card h2{margin:20px 0 8px;color:var(--text-strong)}
.todos-card{display:flex;flex-direction:column;gap:18px}.todo-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px}.todo-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);box-shadow:var(--shadow-sm)}.todo-card h4{margin:8px 0 0;color:var(--text-strong);font-size:20px}.todo-card p{margin:0}.todo-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.todo-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.todo-dates div{padding:9px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.todo-dates dt{color:var(--muted);font-size:11px;font-weight:760;text-transform:uppercase}.todo-dates dd{margin:3px 0 0;font-weight:680}.todo-comments{padding-top:10px;border-top:1px solid var(--border)}.todo-status-list{display:flex;flex-direction:column;gap:10px}.todo-status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.todo-status-row.is-inactive{opacity:.72}.todo-status-row .actions{display:flex;align-items:center;gap:10px}.inline-form{display:inline;margin:0}.form-grid{display:grid;gap:14px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-card-wide{width:min(820px,100%)}
.todo-link-group{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.todo-stats{display:inline-flex;align-items:center;gap:5px}.todo-stat{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:720;font-variant-numeric:tabular-nums;cursor:help}.todo-stat:focus{outline:3px solid color-mix(in srgb,var(--primary) 38%,transparent);outline-offset:2px}.todo-manager-modal{max-height:calc(100vh - 48px);overflow:auto}.todo-manager-modal .todo-list{grid-template-columns:minmax(0,1fr)}.todos-card-embedded{gap:14px}.todo-manager-form{padding:2px 0}
.todo-card-badges{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.todo-type-badge{border-color:color-mix(in srgb,var(--primary) 28%,var(--border))}.todo-type-decision{background:color-mix(in srgb,var(--primary) 11%,var(--surface));color:var(--primary)}.todo-type-options{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:0;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.todo-type-options legend{padding:0 6px;color:var(--text-strong);font-weight:720}.todo-type-options label{display:inline-flex;align-items:center;gap:7px;margin:0;cursor:pointer}.todo-type-options input[type="radio"]{width:18px;height:18px;margin:0;accent-color:var(--primary)}

@media (max-width:1200px) and (min-width:921px){.accompaniment-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:920px){.app-shell{display:block}.sidebar{width:auto;border-radius:0;gap:16px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:20px}.page-header,.tree-hero,.theme-switcher{flex-direction:column;align-items:stretch}.tree-toolbar{justify-content:flex-start}.theme-switcher select{width:100%;min-width:0}.grid.two,.accompaniment-home-grid,.todo-list,.form-grid.two-columns,.form-grid.three-columns{grid-template-columns:1fr}.tree-level-legend{grid-template-columns:repeat(2,1fr)}.tree-children{margin-left:6px;padding-left:8px}.todo-status-row,.todo-card-head{align-items:stretch;flex-direction:column}.todo-card-badges{justify-content:flex-start}.todo-dates{grid-template-columns:1fr}td.actions{display:table-cell}.table-wrap table{min-width:760px}}
@media (max-width:560px){.main-content{padding:16px}.panel,.empty-state,.construction-card,.modal-card{padding:18px;border-radius:var(--radius-lg)}.sidebar nav{grid-template-columns:1fr}.page-header h1{font-size:28px}.tree-hero h2{font-size:25px}.tree-level-legend{grid-template-columns:1fr}.tree-node summary{align-items:flex-start}.node-count{display:none}.node-actions{padding-left:16px}.modal-backdrop{padding:12px}.copy-field{flex-direction:column}}
@media (max-width:920px){.client-header{width:auto;min-height:0;flex-direction:row;align-items:center;justify-content:space-between}.client-header form{margin-top:0}}