@charset "UTF-8";
:root{--ink:#191919;--muted:#666666;--line:#e9e9e9;--canvas:#f7f7f7;--white:#fff;--accent:#171717;--accent-strong:#090909;--surface-hover:#f0f0f0;--sidebar:#ffffff;--red:#a33d24;--radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}input,select,textarea{border:1px solid #e3e3e3;border-radius:6px;background:#fff;color:var(--ink);padding:9px 11px;min-width:0}input:focus,textarea:focus,select:focus{border-color:#939393;outline:3px solid #53535312}textarea{width:100%;resize:vertical;line-height:1.65}button:focus-visible,a:focus-visible{outline:3px solid #acacac;outline-offset:3px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;background:#fff;padding:10px;z-index:100}.muted{color:var(--muted)}p{line-height:1.6}h1,h2,p{margin-top:0}h1{font-size:28px;line-height:1.3;font-weight:620;letter-spacing:-.9px;margin-bottom:8px}h2{font-size:14px;font-weight:620;margin-bottom:16px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);border-right:1px solid #e6e6e6;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:29px 16px 0}.brand{display:flex;gap:11px;align-items:center;color:#343434;letter-spacing:1.2px;font-size:12px;font-weight:750;margin:0 6px 36px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;border-radius:9px;background:var(--accent-strong);color:#fff;font-size:28px;letter-spacing:-2px;padding-bottom:4px;font-weight:700}.brand-mark span{color:#666666;font-size:27px;letter-spacing:-5px;margin-left:1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.1px;color:var(--muted);margin-top:5px}.workspace-label,.sidebar-heading{font-size:9px;letter-spacing:1.3px;color:#666666;font-weight:700}.workspace-label{padding:0 12px;margin-bottom:11px}.nav-main{display:flex;align-items:center;gap:11px;min-height:39px;padding:8px 12px;border-radius:7px;font-size:12px;color:#707070}.nav-main.current{background:#e8e8e8;color:#4b4b4b;font-weight:650}.nav-main:hover{background:#eaeaea}.nav-icon{font-size:21px;width:18px;line-height:16px}.nav-count{margin-left:auto;font-size:10px;min-width:22px;text-align:center;border-radius:5px;padding:3px 5px;background:#dcdcdc;color:#5a5a5a;font-variant-numeric:tabular-nums}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:27px 12px 10px}.sidebar-heading a{font-size:20px;font-weight:400;line-height:18px}.category-nav{overflow:auto;min-height:30px;scrollbar-width:thin}.category-link{display:flex;align-items:center;gap:9px;min-height:32px;border-radius:6px;color:#6f6f6f;font-size:11px;padding:7px 12px}.category-link>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-link.selected{background:#e7e7e7;color:#424242;font-weight:600}.category-link:hover{background:#eaeaea}.category-dot{width:5px;height:5px;background:#adadad;border-radius:50%;flex-shrink:0}.category-link.selected .category-dot{background:#7a7a7a}.nav-empty{font-size:11px;color:#666666;padding:0 12px;line-height:1.8}.add-category{color:#666666;font-size:11px;padding:13px 12px}.sidebar-bottom{margin-top:auto;padding-top:24px}.profile{border-top:1px solid #e2e2e2;display:flex;gap:9px;align-items:center;padding:18px 4px 20px;margin-top:18px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e3e3e3;font-size:11px;color:#5d5d5d;font-weight:600}.profile strong{display:block;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-size:11px}.profile a{display:block;font-size:10px;color:#666666;margin-top:3px}.profile form{margin-left:auto}.logout{background:none;border:0;color:#666666;font-size:19px}.workspace{min-width:0}.topbar{height:61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#fff;font-size:11px;color:#666666}.separator{margin:0 12px;color:#666666}.today{text-transform:capitalize;font-size:10px;color:#666666}.main-content{max-width:1840px;margin:0 auto;padding:33px 34px 50px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#666666;font-weight:650;margin-bottom:9px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.page-heading p.muted{font-size:12px;margin-bottom:0}.heading-actions{display:flex;gap:8px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#5d5d5d;min-height:35px;padding:8px 13px;font-weight:550;font-size:11px;white-space:nowrap}.button:hover{background:#f4f4f4;color:#444444;border-color:#c8c8c8}.button.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 3px #41414110}.button.primary:hover{background:#424242;border-color:#424242}.button.primary>span{font-size:18px;font-weight:400;line-height:14px}.button.small{min-height:29px;font-size:10px;padding:5px 10px}.full-width{width:100%}.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:25px}.overview-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;min-height:75px}.overview-card:hover{border-color:#bfbfbf}.metric-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#666666}.metric-dot{width:6px;height:6px;border-radius:50%;background:#aaa}.metric-dot.green{background:#909090}.metric-dot.amber{background:#a6a6a6}.metric-dot.blue{background:#ababab}.metric-dot.grey{background:#bdbdbd}.overview-card strong{font-size:26px;font-weight:550;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.list-heading{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);min-height:52px}.status-tabs{display:flex;gap:22px;align-self:stretch}.status-tabs a{display:flex;align-items:center;font-size:11px;color:#666666;border-bottom:2px solid transparent;margin-bottom:-1px;padding-top:1px}.status-tabs a.active{color:#535353;font-weight:600;border-bottom-color:#6e6e6e}.result-count{font-size:10px;color:#666666}.filter-bar{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(140px,1.15fr) minmax(108px,.7fr) minmax(135px,.85fr) minmax(108px,.7fr) auto auto;align-items:start;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.filter-field input,.filter-field select{width:100%;font-size:10px;min-height:31px;padding:7px 9px;color:#666666;background:#fff}.filter-bar>.button{min-height:31px}.reset-filters{align-self:center;color:#666666;font-size:19px;padding:2px}.filter-q input{padding-left:12px;background:#fbfbfb}.quick-add{display:flex;gap:8px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);background:#fdfdfd}.quick-plus{font-size:18px;color:#666666;width:17px;text-align:center}.quick-add input[type=text]{flex:1;border:0;background:transparent;padding:6px 4px;font-size:11px;min-width:130px}.quick-add input[type=text]::placeholder{color:#666666}.quick-add input[type=date]{width:123px;font-size:10px;padding:6px 8px}.quick-add select{max-width:200px;font-size:10px;padding:6px 8px;color:#666666}.quick-add .button{background:#f5f5f5;border-color:#e5e5e5;color:#666666}.table-scroll{overflow-x:auto;scrollbar-width:thin}.task-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}.task-table th{background:#fbfbfb;color:#666666;font-size:9px;letter-spacing:.15px;font-weight:500;white-space:nowrap;padding:11px 12px;border-bottom:1px solid var(--line)}.task-table td{height:43px;padding:8px 12px;border-bottom:1px solid #f1f1f1}.task-table tbody tr:last-child td{border-bottom:0}.task-table tbody tr:hover{background:#fcfcfc}.task-table th:first-child,.task-table td:first-child{padding-left:18px}.check-column{width:37px}.task-table .task-name{min-width:200px;width:40%;font-weight:500}.task-name a{line-height:1.5}.task-name a:hover{text-decoration:underline;text-underline-offset:3px}.task-check{height:15px;width:15px;border:1px solid #d3d3d3;border-radius:4px;padding:0;background:#fff;display:block;color:#fff;font-size:11px;line-height:13px}.task-check:hover{border-color:#808080;background:#eeeeee}.task-check.checked{background:#8b8b8b;border-color:#8b8b8b}.completed-row .task-name>a{color:#666666;text-decoration:line-through}.description-indicator{font-size:12px;color:#666666;margin-left:6px}.category-cell{max-width:240px;color:#666666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.date-cell{white-space:nowrap;font-size:10px;color:#666666;font-variant-numeric:tabular-nums}.date-cell.overdue{color:var(--red)}.late-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#848484;vertical-align:middle;margin-left:5px}.status-badge{display:inline-block;border-radius:4px;font-size:9px;padding:4px 7px;white-space:nowrap;font-weight:500;background:#f1f1f1;color:#666666}.status-badge.completed{background:#f0f0f0;color:#666666}.status-badge.archived{background:#f0f0f0;color:#666666}.created-cell{font-size:10px;color:#666666;white-space:nowrap;font-variant-numeric:tabular-nums}.notes-column{text-align:center;width:50px;color:#666666;font-size:10px}.note-count{color:#666666;display:inline-block;background:#f4f4f4;border-radius:4px;padding:3px 6px}.table-footer{border-top:1px solid var(--line);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#666666;gap:15px}.pagination{display:flex;gap:14px;align-items:center}.pagination a{color:#666666}.empty-state{text-align:center;padding:55px 24px 64px}.empty-icon{width:42px;height:42px;border-radius:11px;background:#f2f2f2;color:#666666;display:grid;place-items:center;margin:0 auto 18px;font-size:23px}.empty-state h2{font-size:16px;margin-bottom:9px;letter-spacing:-.2px}.empty-state p{font-size:11px;color:#666666;margin-bottom:20px}.back-link{display:inline-block;font-size:11px;color:#666666;margin-bottom:22px}.form-panel{padding:27px;max-width:720px}.stack-form{display:flex;flex-direction:column;gap:19px}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:11px;font-weight:600;color:#636363}.field input,.field select{width:100%;font-size:12px;min-height:38px}.field textarea{font-size:12px}.optional{font-size:10px;font-weight:400;color:#666666;margin-left:4px}.help-text{font-size:10px;color:#666666;line-height:1.7}.help-text ul{padding-left:16px;margin:0}.form-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.errorlist{list-style:none;padding:0;margin:0;color:#666666;font-size:11px;line-height:1.6}.errorlist li{margin-top:3px}.notice{padding:12px 15px;border:1px solid #dddddd;background:#f1f1f1;color:#606060;border-radius:7px;margin-bottom:20px;font-size:11px;line-height:1.6}.notice.error{border-color:#cecece;background:#f2f2f2;color:#686868}.detail-heading{align-items:flex-start}.detail-heading h1{overflow-wrap:anywhere}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px}.detail-panel{padding:22px 24px;margin-bottom:22px}.detail-panel p{font-size:12px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.8;color:#666666}.section-heading{display:flex;align-items:center;gap:9px}.section-heading h2{margin:0}.comments-panel .section-heading{margin-bottom:19px}.tiny-pill{font-size:9px;background:#f2f2f2;border-radius:5px;padding:3px 6px;color:#666666}.comment-form{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.comment-form textarea{font-size:12px;background:#fcfcfc}.comment-list{margin-top:26px}.comment{padding-top:20px;margin-top:20px;border-top:1px solid #f0f0f0}.comment:first-child{margin-top:0}.comment-meta{display:flex;align-items:center;gap:8px;font-size:10px;margin-bottom:9px;color:#666666}.comment-meta time{font-size:9px;color:#666666;margin-left:auto}.comment-dot{width:5px;height:5px;background:#a9a9a9;border-radius:50%}.metadata{display:grid;grid-template-columns:1fr;gap:7px;font-size:11px;margin:0}.metadata dt{color:#666666;font-size:10px;margin-top:12px}.metadata dt:first-child{margin-top:0}.metadata dd{margin:0;color:#737373;overflow-wrap:anywhere}.state-actions{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.detail-aside .detail-panel>.button{margin-top:23px}.danger-zone{padding:0 6px}.danger-link{border:0;background:none;padding:0;color:#666666;font-size:10px}.danger-link:hover{color:#545454}.danger-zone p{font-size:9px;color:#666666;line-height:1.7;margin-top:10px}.trash-panel{margin-bottom:24px}.trash-panel>.section-heading{padding:18px;border-bottom:1px solid var(--line)}.trash-panel .task-table{min-width:650px}.auth-body{background:#f1f1f1;min-height:100vh;background-image:radial-gradient(ellipse at 10% 0%,#e7e7e7 0%,transparent 55%)}.auth-main{max-width:430px;margin:0 auto;padding:90px 15px 50px}.auth-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:35px;font-size:12px;font-weight:700;color:#3f3f3f;letter-spacing:2px}.auth-card{background:#fff;border:1px solid #e4e4e4;border-radius:14px;padding:34px;box-shadow:0 15px 60px #34343410}.auth-card h1{font-size:26px;margin-bottom:12px;letter-spacing:-.8px}.auth-card p.muted{font-size:12px;line-height:1.8;margin-bottom:27px}.auth-card .button{min-height:40px;justify-content:space-between;margin-top:5px}.auth-footnote{text-align:center;color:#666666;font-size:10px;margin:23px 0 0;line-height:1.5}.auth-card>.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:13px}
@media(min-width:1600px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.main-content{padding:40px 46px}.sidebar{padding-left:21px;padding-right:21px}.task-table td{height:42px}.task-table .task-name{width:43%}.overview-card{min-height:82px}}
@media(max-width:1200px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.main-content{padding:26px 22px}.topbar{padding:0 22px}.sidebar{padding-left:12px;padding-right:12px}.filter-bar{grid-template-columns:minmax(170px,1.2fr) 1fr 1fr auto}.filter-q{grid-column:span 2}.filter-due{grid-column:auto}.filter-sort{grid-column:auto}.filter-bar>.reset-filters{display:none}.task-table{min-width:760px}.overview-card{padding:15px}.page-heading h1{font-size:25px}.detail-grid{grid-template-columns:minmax(0,1fr) 240px}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.overview{gap:10px}.metric-label{font-size:10px}.overview-card strong{font-size:24px}}
@media(max-width:850px){.app-shell{grid-template-columns:170px minmax(0,1fr)}.brand{gap:8px;font-size:10px;margin-left:0;letter-spacing:.7px}.brand small{font-size:8px}.brand-mark{width:31px;height:31px;font-size:25px}.brand-mark span{font-size:23px}.sidebar{padding-top:24px}.profile strong{max-width:65px}.main-content{padding:24px 17px}.page-heading{align-items:flex-start}.heading-actions .button{font-size:10px;padding:7px 9px}.page-heading p.muted{font-size:10px}.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.overview-card{min-height:61px;padding:12px 15px}.quick-add select{max-width:110px}.quick-add input[type=date]{width:112px}.quick-add{flex-wrap:wrap}.quick-add input[type=text]{min-width:200px}.detail-grid{grid-template-columns:1fr}.detail-aside{display:grid;grid-template-columns:1fr}.detail-heading{flex-wrap:wrap}.filter-bar{grid-template-columns:1fr 1fr}.filter-q{grid-column:span 2}.filter-bar>.button{grid-column:span 2}.filter-bar>.reset-filters{display:none}.topbar .today{font-size:8px}.table-footer{font-size:8px}.status-tabs{gap:16px}.status-tabs a{font-size:10px}.result-count{font-size:9px}}
@media(max-width:600px){.app-shell{display:block}.sidebar{position:relative;height:auto;display:block;padding:15px}.brand{margin:0 0 15px;font-size:11px}.brand small{display:none}.workspace-label,.sidebar-heading,.category-nav,.add-category,.sidebar-bottom{display:none}.nav-main{min-height:33px;font-size:11px}.topbar{height:43px;padding:0 18px}.main-content{padding:23px 15px}.page-heading{gap:10px}.page-heading h1{font-size:24px}.heading-actions{max-width:140px}.heading-actions .button{white-space:normal;text-align:center}.page-heading p.muted{line-height:1.6}.page-heading .eyebrow{font-size:8px}.overview{margin-bottom:18px}.overview-card{border-radius:8px}.list-heading{padding:0 12px}.status-tabs{gap:14px}.quick-add{padding:10px 12px}.quick-plus{width:10px}.quick-add input[type=text]{min-width:210px}.quick-add select{flex:1;max-width:none}.quick-add input[type=date]{width:124px}.table-footer>span:first-child{display:none}.table-footer{font-size:9px}.auth-main{padding-top:40px}.auth-card{padding:28px}.detail-panel{padding:20px}.form-panel{padding:22px}.comment-meta{flex-wrap:wrap}.comment-meta time{margin-left:0}.sidebar:focus-within .sidebar-bottom{display:block}.topbar{gap:10px}}

/* Tableau dense : l'espace disponible sert aux tâches et à leurs détails. */
.main-content{max-width:none;padding:16px 22px 28px}.topbar{height:38px;padding:0 22px}.page-heading{margin-bottom:12px;gap:14px}.page-heading h1{font-size:22px;margin-bottom:3px}.page-heading p.muted{font-size:11px}.overview{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:12px}.overview-card{padding:0;min-height:26px;border:0;border-radius:0;background:transparent;gap:8px;justify-content:flex-start}.overview-card strong{font-size:14px;letter-spacing:0}.metric-label{font-size:11px}.list-heading{min-height:36px}.filter-bar{padding:8px 12px}.quick-add{padding:6px 12px}.task-table{font-size:12px}.task-table th{padding:7px 9px;font-size:10px}.task-table td{height:31px;padding:5px 9px}.task-table th:first-child,.task-table td:first-child{padding-left:10px}.task-table .expand-column{width:28px;padding-right:2px}.check-column{width:26px}.details-toggle{border:0;background:transparent;color:#6c6c6c;width:20px;height:20px;padding:0;font-size:17px;line-height:18px}.details-toggle:hover{background:var(--surface-hover);border-radius:3px}.category-cell,.date-cell,.created-cell{font-size:11px}.sidebar{padding-top:18px}.brand{margin-bottom:22px}.sidebar-heading{margin-top:18px}.category-link{min-height:27px;padding-top:5px;padding-bottom:5px;font-size:12px}.task-table .row-details>td{height:auto;padding:12px 18px 16px 45px;background:#f7f7f7;border-bottom:1px solid #e3e3e3}.row-details[hidden]{display:none}.inline-task-details{display:grid;grid-template-columns:minmax(200px,1fr) minmax(260px,1fr);gap:26px;max-width:1450px}.inline-task-details h2{font-size:12px;margin:0 0 8px}.inline-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.inline-detail-heading h2{margin:0}.inline-task-details p{font-size:12px;margin-bottom:10px}.inline-task-details .prose{font-size:12px;line-height:1.55}.inline-state-actions{display:flex;align-items:center;gap:14px;margin-top:15px}.inline-comment-form{display:flex;align-items:flex-start;gap:8px}.inline-comment-form textarea{font-size:12px;line-height:1.5;padding:6px 8px;min-height:42px}.inline-comments{max-height:310px;overflow:auto;margin-top:10px}.inline-comments .comment{padding-top:10px;margin-top:10px}.inline-comments .comment-meta{margin-bottom:5px}.inline-comments>.muted{margin-top:8px}.empty-state{padding:30px 18px}.table-footer{padding:9px 12px;font-size:10px}
@media(max-width:850px){.inline-task-details{grid-template-columns:1fr}.main-content{padding:15px}.overview{gap:12px}.metric-label{font-size:10px}.overview-card strong{font-size:13px}}

/* Création d'un thème sans quitter la tâche en cours. */
.theme-picker{display:flex;align-items:stretch;gap:10px}.theme-picker select{flex:1;width:0}.theme-picker [hidden]{display:none}.theme-feedback{margin:0;color:var(--accent)}.theme-feedback:empty{display:none}.theme-dialog{color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 18px 65px #33333326}.theme-dialog::backdrop{background:#28282866}.theme-dialog h2{font-size:20px;letter-spacing:-.4px;margin-bottom:9px}.theme-dialog>.muted{font-size:12px;margin-bottom:20px}.theme-dialog .errorlist:empty{display:none}.theme-dialog [aria-invalid=true]{border-color:var(--red)}.theme-dialog .button:disabled{opacity:.65}
@media(max-width:600px){.theme-picker{flex-direction:column}.theme-picker select{width:100%}.theme-picker .button{align-self:flex-start}.theme-dialog{padding:22px}}

/* Choix multiples : chaque thème garde son chemin et sa propre sélection. */
.field-label{font-size:11px;font-weight:600;color:#636363}.form-panel,.task-panel{overflow:visible}.theme-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 10px;min-width:0}.theme-dropdown{position:relative;min-width:0}.theme-dropdown summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:9px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:12px;color:var(--ink);cursor:pointer;list-style:none}.theme-dropdown summary::-webkit-details-marker{display:none}.theme-dropdown summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-dropdown[open] summary{border-color:var(--accent)}.theme-menu{position:absolute;left:0;top:calc(100% + 5px);z-index:30;width:100%;min-width:280px;max-width:calc(100vw - 62px);padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 10px 30px #33333320}.theme-menu>.help-text{margin:0 0 8px}.theme-menu>.theme-empty{margin-bottom:0}.theme-options{max-height:260px;overflow-y:auto;overscroll-behavior:contain}.theme-options label{display:flex;align-items:flex-start;gap:9px;padding:8px 5px;border-radius:4px;font-size:12px;font-weight:400;color:var(--ink);line-height:1.45;overflow-wrap:anywhere;cursor:pointer}.theme-options label:hover{background:var(--surface-hover)}.theme-options input[type=checkbox]{flex:none;width:15px;height:15px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--accent)}.theme-picker .theme-add-button{min-height:38px}.theme-selection,.theme-feedback{grid-column:1/-1}.theme-selection,.theme-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0}.theme-selection:empty{display:none}.theme-selection-chip,.theme-tag{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:4px 7px;border:1px solid #e4e4e4;border-radius:5px;background:#f5f5f5;color:#676767;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:left}.theme-selection-chip:hover{background:#ececec;border-color:#bdbdbd}.theme-selection-chip>span:last-child{font-size:14px;flex:none}.category-cell{min-width:150px;max-width:300px;overflow:visible;white-space:normal}.theme-tag:hover{background:#efefef}.theme-tag.deleted-theme{color:#666666;background:#f5f5f5;border-color:#e8e8e8}.quick-add{align-items:flex-start}.quick-add>input,.quick-add>button,.quick-add>.quick-plus{margin-top:2px}.quick-add .theme-picker{flex:0 1 340px;min-width:240px;gap:5px 7px}.quick-add .theme-dropdown summary{min-height:31px;padding:6px 8px;font-size:10px}.quick-add .theme-add-button{font-size:10px;min-height:31px;padding:6px 8px}.quick-add .theme-selection-chip{font-size:9px;padding:3px 6px}.quick-add .theme-feedback{font-size:10px}.metadata .theme-tags{margin-top:2px}
@media(max-width:850px){.quick-add .theme-picker{flex:1 1 300px}.quick-add>input[type=text]{flex:1 1 230px}.theme-menu{min-width:250px}}
@media(max-width:600px){.theme-picker{grid-template-columns:minmax(0,1fr)}.theme-picker .theme-add-button{justify-self:start}.theme-menu{min-width:0;width:100%;max-width:100%}.quick-add .theme-picker{flex-basis:100%;min-width:0;grid-template-columns:minmax(0,1fr) auto}.quick-add .theme-menu{min-width:250px;max-width:calc(100vw - 62px)}.quick-add .theme-selection{grid-column:1/-1}.form-panel{padding:20px}.theme-selection-chip{font-size:11px}}
