.planning-page .planning-entry--work{--type-bg:#e1f2ed;--type-fg:#17614e}
.planning-page .planning-entry--travel{--type-bg:#eee5fa;--type-fg:#68408c}
.planning-page .planning-entry--holiday_do{--type-bg:#e8edf3;--type-fg:#47596d}
.planning-page .planning-entry--holiday_es{--type-bg:#ffe4df;--type-fg:#a53a2e}
.planning-page .planning-entry--conference{--type-bg:#fff0d0;--type-fg:#85500c}
.planning-page .planning-entry--webinar{--type-bg:#dceeff;--type-fg:#205f9c}
.planning-page .planning-entry--trade_fair{--type-bg:#f7e0ef;--type-fg:#953768}
.planning-page .planning-entry--agency_investor_meeting{--type-bg:#d8f4f3;--type-fg:#116e74}
.planning-page .planning-entry--personal{--type-bg:#f5e7df;--type-fg:#8b5034}
.planning-page .planning-entry--absence{--type-bg:#fbe1e8;--type-fg:#9c294a}
.planning-page .planning-entry--vacation{--type-bg:#eaf3d6;--type-fg:#4c671c}
.planning-page .planning-entry,.planning-page .planning-agenda-type,.planning-page .planning-legend-chip{background:var(--type-bg,#e1f2ed);color:var(--type-fg,#17614e)}
.planning-page .planning-entry{display:flex;align-items:center;gap:4px;border-left:3px solid var(--type-fg,#17614e)}
.planning-page .planning-entry>.icon{flex:none;width:12px;height:12px}
.planning-page .planning-legend-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0;color:#596b76}
.planning-page .planning-legend-toolbar small{display:flex;align-items:center;gap:6px}
.planning-types-dialog{width:min(620px,calc(100% - 28px));max-height:85vh;padding:0;border:0;border-radius:18px;color:#173246;box-shadow:0 24px 90px #071d3540}
.planning-types-dialog::backdrop{background:#071d3580}
.planning-types-dialog .pre-dialog__surface{padding:24px}
.planning-types-dialog header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.planning-types-dialog h2{margin:0}
.planning-types-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin:0}
.planning-types-list .planning-legend-chip{display:flex;gap:10px;align-items:center;white-space:normal;border-radius:10px;padding:12px}
.planning-types-list .icon{flex:none;width:20px;height:20px}
@media(max-width:520px){.planning-types-list{grid-template-columns:1fr}.planning-page .planning-legend-toolbar{align-items:flex-start;flex-direction:column}}
@media print{.planning-types-dialog,.planning-legend-toolbar button{display:none!important}}