/* Category colors identify matters; urgency keeps its own text and symbols. */
[data-matter-color=azul]{--matter-color:#476c98;--matter-folder:#658aaf;--matter-back:#436b96;--matter-soft:#e9eff6}
[data-matter-color=salvia]{--matter-color:#426d58;--matter-folder:#70917a;--matter-back:#4d735d;--matter-soft:#eaf1ec}
[data-matter-color=ocre]{--matter-color:#806321;--matter-folder:#a18844;--matter-back:#81692f;--matter-soft:#f3efe3}
[data-matter-color=ciruela]{--matter-color:#775a86;--matter-folder:#9b7fa8;--matter-back:#785d86;--matter-soft:#f1ebf4}
[data-matter-color=arcilla]{--matter-color:#925d48;--matter-folder:#ae8069;--matter-back:#93634e;--matter-soft:#f5ece7}
[data-matter-color=pizarra]{--matter-color:#566875;--matter-folder:#7b8c97;--matter-back:#586d7a;--matter-soft:#ecf0f2}
:root[data-theme=dark] [data-matter-color]{--matter-soft:#22252b}
:root[data-theme=dark] [data-matter-color=azul]{--matter-color:#a1bfdf}
:root[data-theme=dark] [data-matter-color=salvia]{--matter-color:#a4c5af}
:root[data-theme=dark] [data-matter-color=ocre]{--matter-color:#d9c184}
:root[data-theme=dark] [data-matter-color=ciruela]{--matter-color:#cbb0d8}
:root[data-theme=dark] [data-matter-color=arcilla]{--matter-color:#dfb49c}
:root[data-theme=dark] [data-matter-color=pizarra]{--matter-color:#b7c7d2}
:root[data-theme] [data-matter-color] .matter-art .folder-front{fill:var(--matter-folder)}
:root[data-theme] [data-matter-color] .matter-art .folder-back{fill:var(--matter-back)}
.matter-color-field{margin:24px 0;padding:0;border:0;min-width:0}
.matter-color-field legend{font-weight:600;margin-bottom:12px}
.matter-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.matter-color-option{position:relative;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:10px;cursor:pointer;color:var(--ink);background:var(--paper)}
.matter-color-option input{position:absolute;opacity:0;width:1px;height:1px}
.matter-color-option:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.matter-color-option:has(input:focus-visible),:root[data-input=keyboard] .matter-color-option:has(input:focus){outline:2px solid var(--ink);outline-offset:3px}
.matter-color-option:hover{background:var(--soft)}
.matter-color-option .color-swatch{width:16px;height:16px;flex:none;border-radius:50%;background:var(--matter-color)}
.matter-color-preview{display:flex;align-items:center;gap:12px;margin:16px 0 0;color:var(--ink)}
.matter-color-preview .folder-art{width:64px;height:54px;flex:none}
.matter-color-preview figcaption{min-width:0;overflow-wrap:anywhere}
.matter-color-preview small{display:block;color:var(--muted)}
.matter-identity{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;overflow-wrap:anywhere}
.matter-identity::before{content:'';display:block;flex:none;width:12px;height:12px;border-radius:50%;background:var(--matter-color)}
.home-item[data-matter-color] .home-item-symbol{color:var(--matter-color);background:var(--matter-soft)}
.agenda-day-row[data-matter-color] .agenda-time{color:var(--matter-color)}
.term-span[data-matter-color]{background:var(--matter-soft);color:var(--ink);border-color:var(--matter-color)}
.term-span[data-matter-color]::before{content:'';width:5px;height:10px;flex:none;border-radius:2px;background:var(--matter-color)}
.term-span[data-matter-color].proposed{border-block-style:dashed}
.term-span[data-matter-color].overdue::after{content:'!';font-weight:800;color:var(--danger);font-size:12px}
.term-span[data-matter-color].completed>span{text-decoration:line-through}
@media(max-width:360px){.matter-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){.matter-color-option input{position:static;opacity:1;width:auto;height:auto}.matter-color-option .color-swatch{display:none}.matter-color-option:has(input:checked){outline:2px solid Highlight}.matter-identity::before{border:1px solid CanvasText}}