/* Diseño oficial compartido. Las paletas cambian colores, no la identidad ni la tipografía. */
@font-face{font-family:Bento Manrope;src:url('./assets/bento/Manrope-Variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
:root{font-family:Bento Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
:root[data-palette=bento]{--bento-forest:#173F35;--bento-lime:#C5E86C;--bento-ivory:#F6F4EC;--bento-ink:#17251F}
:root[data-palette=bento][data-theme=light]{--bg:#F6F4EC;--surface:#F0F1E8;--elevated:#FFFEF9;--text:#17251F;--muted:#59675E;--line:#DDE2D4;--line-strong:#C6D0BD;--hover:#E9EDDF;--accent:#173F35;--accent-soft:#E2EBD6;--accent-ink:#F6F4EC;--weekend:#EDF0E4;--shade:#EBEEE2;--completed-text:#737A70;--shadow:0 12px 40px #17251F1A;--theme-side-bg:#EEF0E5;--theme-rail-bg:#173F35;--theme-side-hover:#E3E9D8;--theme-side-active:#DCE6CD;--theme-rail-active:#C5E86C}
:root[data-palette=bento][data-theme=dark]{--bg:#14211C;--surface:#192D24;--elevated:#223B2F;--text:#F6F4EC;--muted:#A6B3A5;--line:#2C4034;--line-strong:#405747;--hover:#233B2E;--accent:#C5E86C;--accent-soft:#2A402C;--accent-ink:#17251F;--weekend:#192A22;--shade:#1D3027;--completed-text:#7E8A7F;--shadow:0 12px 40px #08140D60;--theme-side-bg:#182A21;--theme-rail-bg:#10251D;--theme-side-hover:#253C2D;--theme-side-active:#2D4631;--theme-rail-active:#C5E86C}
.bento-identity{display:block;flex-shrink:0;width:84px;height:28px;background:var(--accent);mask:url('./assets/bento/wordmark.png') center/contain no-repeat;-webkit-mask:url('./assets/bento/wordmark.png') center/contain no-repeat}
:root[data-theme=dark] .bento-identity{background:var(--text)}
.workspace-logo{background:var(--accent);color:var(--accent-ink,var(--bg));flex-shrink:0}
:root[data-palette=bento] .workspace-logo{background:var(--bento-forest);color:var(--bento-ivory)}
.workspace-brand{border:1px solid var(--line);background:var(--surface);min-width:0;max-width:min(320px,36vw)}
.workspace-brand:hover{background:var(--hover)}
.workspace-brand strong{font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.workspace-search kbd{font-family:inherit;font-size:10px}
.primary{font-weight:700}
:root[data-palette=bento] .app-rail{border-right-color:#294B3A}
:root[data-palette=bento] .rail-link{color:#D7E2D1}
:root[data-palette=bento] .rail-link:hover{background:#294B3A;color:var(--bento-ivory)}
:root[data-palette=bento] .rail-link.active,:root[data-palette=bento] .rail-link.active>.icon{background:var(--bento-lime);color:var(--bento-ink)}
:root[data-palette=bento] .primary:hover{background:#B8DB60;border-color:#B8DB60}
:root[data-palette=bento] .app-rail button:focus-visible{outline-color:var(--bento-lime)}
@media(max-width:600px){.bento-identity{width:63px;height:21px}.workspace-logo{display:none}}
:root[data-palette=forest][data-theme=light]{--bg:#ffffff;--surface:#f7faf8;--elevated:#ffffff;--text:#293d33;--muted:#64786c;--line:#e0e9e3;--line-strong:#c8d6cd;--hover:#edf4ef;--accent:#397b62;--accent-soft:#e4f1e9;--accent-ink:#ffffff;--weekend:#f0f6f2;--shade:#edf3ef;--completed-text:#78867d;--shadow:0 12px 40px #183b2920;--theme-side-bg:#f3f7f4;--theme-rail-bg:#eaf2ed;--theme-side-hover:#e6eee8;--theme-side-active:#dce9e0;--theme-rail-active:#d2e4d9}
:root[data-palette=forest][data-theme=dark]{--bg:#171b19;--surface:#1c231f;--elevated:#26312b;--text:#e0e8e3;--muted:#9aaa9f;--line:#303c34;--line-strong:#425348;--hover:#26352c;--accent:#91cbb1;--accent-soft:#243d30;--accent-ink:#14291e;--weekend:#1d2922;--shade:#202a24;--completed-text:#7c8a81;--shadow:0 12px 40px #0005;--theme-side-bg:#1b211d;--theme-rail-bg:#161e19;--theme-side-hover:#27342b;--theme-side-active:#304037;--theme-rail-active:#2d4636}
:root[data-palette=ocean][data-theme=light]{--bg:#ffffff;--surface:#f6f8fd;--elevated:#ffffff;--text:#2b3b52;--muted:#64768d;--line:#dfe7f1;--line-strong:#c6d3e6;--hover:#edf2fb;--accent:#3268ae;--accent-soft:#e5effc;--accent-ink:#ffffff;--weekend:#eff4fc;--shade:#ecf1f8;--completed-text:#788698;--shadow:0 12px 40px #173b6420;--theme-side-bg:#f1f5fb;--theme-rail-bg:#e9eff9;--theme-side-hover:#e4ecf7;--theme-side-active:#d9e6f8;--theme-rail-active:#d0e1f8}
:root[data-palette=ocean][data-theme=dark]{--bg:#151c28;--surface:#1b2534;--elevated:#26344b;--text:#e0e8f5;--muted:#9eacc3;--line:#2e3d53;--line-strong:#435773;--hover:#26364d;--accent:#93baf2;--accent-soft:#233d60;--accent-ink:#12243f;--weekend:#1b293c;--shade:#202d40;--completed-text:#7c8ba3;--shadow:0 12px 40px #0005;--theme-side-bg:#192331;--theme-rail-bg:#131e2d;--theme-side-hover:#25364b;--theme-side-active:#304563;--theme-rail-active:#2b4870}
:root[data-palette=sand][data-theme=light]{--bg:#fffdf8;--surface:#fbf7ef;--elevated:#fffdf9;--text:#493b30;--muted:#7d6e5d;--line:#e9e0d2;--line-strong:#d8c8b3;--hover:#f4ece0;--accent:#966036;--accent-soft:#f4e8d7;--accent-ink:#ffffff;--weekend:#f6f0e5;--shade:#f3ecdf;--completed-text:#8a7e6e;--shadow:0 12px 40px #54321b20;--theme-side-bg:#f7f1e6;--theme-rail-bg:#f0e7d8;--theme-side-hover:#eee3d3;--theme-side-active:#e8d9c5;--theme-rail-active:#e4d0b8}
:root[data-palette=sand][data-theme=dark]{--bg:#211c18;--surface:#29221c;--elevated:#393027;--text:#eee4d7;--muted:#b6a593;--line:#40352b;--line-strong:#5b4938;--hover:#3a2e23;--accent:#deb183;--accent-soft:#493421;--accent-ink:#302010;--weekend:#2b231b;--shade:#30271f;--completed-text:#948575;--shadow:0 12px 40px #0005;--theme-side-bg:#272019;--theme-rail-bg:#201a14;--theme-side-hover:#382d22;--theme-side-active:#493a2a;--theme-rail-active:#513c25}
:root[data-palette=gray][data-theme=light]{--bg:#f7f7f7;--surface:#f0f0f0;--elevated:#ffffff;--text:#333333;--muted:#6b6b6b;--line:#dddddd;--line-strong:#c7c7c7;--hover:#e8e8e8;--accent:#555555;--accent-soft:#e3e3e3;--accent-ink:#ffffff;--weekend:#eeeeee;--shade:#eaeaea;--completed-text:#7b7b7b;--shadow:0 12px 40px #00000020;--theme-side-bg:#eeeeee;--theme-rail-bg:#e5e5e5;--theme-side-hover:#e1e1e1;--theme-side-active:#d6d6d6;--theme-rail-active:#d0d0d0}
:root[data-palette=gray][data-theme=dark]{--bg:#262626;--surface:#2d2d2d;--elevated:#383838;--text:#e6e6e6;--muted:#aaaaaa;--line:#414141;--line-strong:#565656;--hover:#393939;--accent:#cccccc;--accent-soft:#414141;--accent-ink:#242424;--weekend:#303030;--shade:#343434;--completed-text:#858585;--shadow:0 12px 40px #0005;--theme-side-bg:#2c2c2c;--theme-rail-bg:#232323;--theme-side-hover:#393939;--theme-side-active:#464646;--theme-rail-active:#4a4a4a}
:root[data-palette=black][data-theme=light]{--bg:#ffffff;--surface:#f7f7f7;--elevated:#ffffff;--text:#111111;--muted:#626262;--line:#dfdfdf;--line-strong:#bcbcbc;--hover:#ededed;--accent:#111111;--accent-soft:#e6e6e6;--accent-ink:#ffffff;--weekend:#f3f3f3;--shade:#eeeeee;--completed-text:#757575;--shadow:0 12px 40px #00000024;--theme-side-bg:#f6f6f6;--theme-rail-bg:#efefef;--theme-side-hover:#e9e9e9;--theme-side-active:#dedede;--theme-rail-active:#d7d7d7}
:root[data-palette=black][data-theme=dark]{--bg:#000000;--surface:#0d0d0d;--elevated:#1a1a1a;--text:#f2f2f2;--muted:#a3a3a3;--line:#292929;--line-strong:#444444;--hover:#1c1c1c;--accent:#ffffff;--accent-soft:#242424;--accent-ink:#000000;--weekend:#0c0c0c;--shade:#121212;--completed-text:#757575;--shadow:0 12px 40px #000a;--theme-side-bg:#0a0a0a;--theme-rail-bg:#000000;--theme-side-hover:#191919;--theme-side-active:#272727;--theme-rail-active:#303030}
/* Bento grafito: superficies de la referencia, con una variante clara del mismo tema. */
:root[data-palette=bento-grafito][data-theme=dark]{--bg:#1E1E1E;--surface:#262626;--elevated:#333333;--text:#F3F3F3;--muted:#A0A0A0;--line:#303030;--line-strong:#424242;--hover:#2C2C2C;--accent:#C5E86C;--accent-soft:#303B25;--accent-ink:#17251F;--weekend:#232323;--shade:#1E1E1E;--completed-text:#858585;--shadow:0 12px 40px #0007;--theme-side-bg:#262626;--theme-rail-bg:#262626;--theme-side-hover:#333333;--theme-side-active:#3E3E3E;--theme-rail-active:#C5E86C;--graphite-header:#262626;--graphite-input:#333333;--graphite-action:#C5E86C;--graphite-action-ink:#17251F}
:root[data-palette=bento-grafito][data-theme=light]{--bg:#FFFFFF;--surface:#F5F5F5;--elevated:#FFFFFF;--text:#252525;--muted:#626262;--line:#E6E6E6;--line-strong:#D6D6D6;--hover:#F0F0F0;--accent:#38571B;--accent-soft:#EAF2D9;--accent-ink:#FFFFFF;--weekend:#F7F7F7;--shade:#FFFFFF;--completed-text:#767676;--shadow:0 12px 40px #0002;--theme-side-bg:#F5F5F5;--theme-rail-bg:#F5F5F5;--theme-side-hover:#EBEBEB;--theme-side-active:#E0E0E0;--theme-rail-active:#C5E86C;--graphite-header:#F5F5F5;--graphite-input:#EBEBEB;--graphite-action:#C5E86C;--graphite-action-ink:#17251F}
:root[data-palette=bento-grafito] .backdrop{background:#0006}
:root[data-palette=bento-grafito] .workspace-bar{background:var(--graphite-header);border-bottom-color:var(--line-strong)}
:root[data-palette=bento-grafito] .workspace-search{background:var(--graphite-input);box-shadow:inset 0 0 0 1px var(--line-strong)}
:root[data-palette=bento-grafito] .project-area>.toolbar,:root[data-palette=bento-grafito] .data-table th{background:var(--bg)}
:root[data-palette=bento-grafito] .tab{color:var(--muted)}
:root[data-palette=bento-grafito] .tab.active{background:transparent}
:root[data-palette=bento-grafito] .rail-link.active,:root[data-palette=bento-grafito] .rail-link.active>.icon{color:var(--graphite-action-ink)}
:root[data-palette]:not([data-palette=original]) .application-shell{--side-bg:var(--theme-side-bg);--rail-bg:var(--theme-rail-bg);--side-hover:var(--theme-side-hover);--side-active:var(--theme-side-active);--rail-active:var(--theme-rail-active)}
:root[data-palette]:not([data-palette=original]) .primary{color:var(--accent-ink)}
:root[data-palette=bento][data-theme] .primary{background:var(--bento-lime);border-color:var(--bento-lime);color:var(--bento-ink);font-weight:700}
:root[data-palette]:not([data-palette=original]) .tab.active,:root[data-palette]:not([data-palette=original]) .day-cell.weekend{color:var(--accent)}
:root[data-palette]:not([data-palette=original]) .tab.active::after{background:var(--accent)}
:root[data-palette=bento-grafito][data-theme] .primary{background:var(--graphite-action);border-color:var(--graphite-action);color:var(--graphite-action-ink)}

.modal:has(#appearance-panel){width:720px}
.appearance-intro{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 20px}
.theme-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-palette-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:12px;padding:13px 11px;text-align:left;min-width:0}
.theme-palette-card:hover{background:var(--hover)}
.theme-palette-card[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--accent-soft)}
.theme-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.theme-card-title strong{font-size:13px;font-weight:650}
.theme-card-check{width:17px;height:17px;color:var(--accent);visibility:hidden}
.theme-card-check .icon{width:17px;height:17px}
.theme-palette-card[aria-pressed=true] .theme-card-check{visibility:visible}
.theme-sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.theme-sample{height:85px;background:var(--sample-bg);border:1px solid var(--sample-line);border-radius:5px;overflow:hidden;position:relative;display:grid;grid-template-columns:23% 39% 38%;grid-template-rows:15px 1fr 20px}
.sample-top{grid-column:1/-1;border-bottom:1px solid var(--sample-line);display:flex;align-items:center;gap:4px;padding:0 5px}
.sample-top i{width:5px;height:5px;background:var(--sample-accent);border-radius:2px}
.sample-top b{width:24px;height:2px;background:var(--sample-line)}
.sample-sidebar{background:var(--sample-side);padding:7px 3px;border-right:1px solid var(--sample-line)}
.sample-sidebar i,.sample-sidebar b{display:block;height:3px;margin-bottom:5px;border-radius:1px;background:var(--sample-line)}
.sample-sidebar i{background:var(--sample-accent)}
.sample-table{padding:7px 4px}
.sample-table i,.sample-table b{display:block;height:3px;border-radius:1px;margin-bottom:5px;background:var(--sample-line)}
.sample-timeline{border-left:1px solid var(--sample-line);padding:7px 2px}
.sample-timeline i,.sample-timeline b{display:block;height:3px;border-radius:1px;margin-bottom:5px;background:var(--sample-accent);width:60%}
.sample-timeline b:nth-child(2){margin-left:20%}.sample-timeline b:nth-child(3){margin-left:35%}.sample-timeline b:nth-child(4){width:40%}
.theme-sample small{grid-column:1/-1;display:flex;align-items:center;justify-content:center;color:var(--sample-accent);font-size:9px;line-height:1}
.theme-card-description{display:block;font-size:10px;color:var(--muted);margin-top:10px}
.appearance-mode-title{font-size:12px;font-weight:600;margin:26px 0 12px}
.appearance-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.appearance-modes button{display:flex;justify-content:center;align-items:center;gap:7px;padding:11px 7px;border:1px solid var(--line-strong);border-radius:7px;font-size:12px;background:var(--surface)}
.appearance-modes button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.appearance-note{display:flex;align-items:flex-start;gap:9px;padding:12px 13px;border:1px solid var(--line);background:var(--surface);border-radius:6px;font-size:11px;color:var(--muted);line-height:1.6;margin:20px 0 12px}
.appearance-note .icon{flex-shrink:0;margin-top:1px}
@media(max-width:540px){.theme-palette-grid{grid-template-columns:1fr}.theme-palette-card{display:grid;grid-template-columns:1fr 160px;column-gap:15px}.theme-card-title{align-self:end;margin-bottom:3px}.theme-sample-pair{grid-column:2;grid-row:1/3}.theme-card-description{margin-top:0;align-self:start}.theme-sample{height:70px}.appearance-modes button{font-size:11px;gap:4px}}
@media print{:root[data-palette][data-theme]{--bg:#fff;--surface:#fafafa;--elevated:#fff;--text:#333;--muted:#666;--line:#ddd;--line-strong:#ccc;--weekend:#f5f5f5;--shade:#f1f1f1;--accent:#475b51;--accent-soft:#eee;--completed-text:#777}}