html{--mat-sys-background: light-dark(#f9f9f7, #121413);--mat-sys-error: light-dark(#ac3135, #ffb3b0);--mat-sys-error-container: light-dark(#ffdad8, #8b1720);--mat-sys-inverse-on-surface: light-dark(#f1f1ef, #2f3130);--mat-sys-inverse-primary: light-dark(#fbbc3c, #7c5800);--mat-sys-inverse-surface: light-dark(#2f3130, #e2e3e1);--mat-sys-on-background: light-dark(#1a1c1b, #e2e3e1);--mat-sys-on-error: light-dark(#ffffff, #68000f);--mat-sys-on-error-container: light-dark(#8b1720, #ffdad8);--mat-sys-on-primary: light-dark(#ffffff, #422d00);--mat-sys-on-primary-container: light-dark(#5e4200, #ffdea8);--mat-sys-on-primary-fixed: light-dark(#271900, #271900);--mat-sys-on-primary-fixed-variant: light-dark(#5e4200, #5e4200);--mat-sys-on-secondary: light-dark(#ffffff, #412d01);--mat-sys-on-secondary-container: light-dark(#5a4315, #ffdea8);--mat-sys-on-secondary-fixed: light-dark(#271900, #271900);--mat-sys-on-secondary-fixed-variant: light-dark(#5a4315, #5a4315);--mat-sys-on-surface: light-dark(#1a1c1b, #e2e3e1);--mat-sys-on-surface-variant: light-dark(#504534, #f1e0c9);--mat-sys-on-tertiary: light-dark(#ffffff, #2b3400);--mat-sys-on-tertiary-container: light-dark(#3f4c00, #d5ee73);--mat-sys-on-tertiary-fixed: light-dark(#181e00, #181e00);--mat-sys-on-tertiary-fixed-variant: light-dark(#3f4c00, #3f4c00);--mat-sys-outline: light-dark(#827562, #9d8f7a);--mat-sys-outline-variant: light-dark(#d4c4ae, #504534);--mat-sys-primary: light-dark(#7c5800, #fbbc3c);--mat-sys-primary-container: light-dark(#ffdea8, #5e4200);--mat-sys-primary-fixed: light-dark(#ffdea8, #ffdea8);--mat-sys-primary-fixed-dim: light-dark(#fbbc3c, #fbbc3c);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#745a2a, #e4c288);--mat-sys-secondary-container: light-dark(#ffdea8, #5a4315);--mat-sys-secondary-fixed: light-dark(#ffdea8, #ffdea8);--mat-sys-secondary-fixed-dim: light-dark(#e4c288, #e4c288);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f9f9f7, #121413);--mat-sys-surface-bright: light-dark(#f9f9f7, #383a38);--mat-sys-surface-container: light-dark(#eeeeec, #1e201f);--mat-sys-surface-container-high: light-dark(#e8e8e6, #282a29);--mat-sys-surface-container-highest: light-dark(#e2e3e1, #333534);--mat-sys-surface-container-low: light-dark(#f4f4f2, #1a1c1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0c0f0e);--mat-sys-surface-dim: light-dark(#dadad8, #121413);--mat-sys-surface-tint: light-dark(#7c5800, #fbbc3c);--mat-sys-surface-variant: light-dark(#f1e0c9, #504534);--mat-sys-tertiary: light-dark(#556500, #bad15a);--mat-sys-tertiary-container: light-dark(#d5ee73, #3f4c00);--mat-sys-tertiary-fixed: light-dark(#d5ee73, #d5ee73);--mat-sys-tertiary-fixed-dim: light-dark(#bad15a, #bad15a);--mat-sys-neutral-variant20: #382f1f;--mat-sys-neutral10: #1a1c1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-surface: #fafaf8;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-container-low: #f5f5f3;--mat-sys-outline-variant: #e8e8e5;--mat-sys-primary: #7c5800;--mat-sys-on-primary: #ffffff;--mat-sys-primary-container: #f4b636;--mat-sys-on-primary-container: #0a0a0a;--mat-sys-on-surface: #0a0a0a;--mat-sys-on-surface-variant: #696966}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;--mat-dialog-container-max-width: 840px}vvb-tags-selector mat-chip-row,vvb-tag mat-chip.vvb-tag{--mat-sys-on-surface-variant: #fff;--mat-sys-outline: #fff}.bad-request-error{--mat-snack-bar-container-color: red}:root{--vvb-bg: var(--mat-sys-surface);--vvb-surface: var(--mat-sys-surface-container-lowest);--vvb-ink: var(--mat-sys-on-surface);--vvb-muted: var(--mat-sys-on-surface-variant);--vvb-border: var(--mat-sys-outline-variant);--vvb-soft: var(--mat-sys-surface-container-low);--vvb-gold: var(--mat-sys-primary-container);--vvb-gold-hover: var(--mat-sys-primary);--vvb-blue: var(--mat-sys-tertiary);--vvb-green: #2e7d32;--vvb-red: var(--mat-sys-error);--vvb-shadow: 0 8px 30px rgba(10, 10, 10, .08)}html,body{height:100%}body{margin:0;background:var(--vvb-bg);color:var(--vvb-ink);font-family:Outfit,Roboto,Helvetica Neue,Arial,sans-serif;letter-spacing:0}*{box-sizing:border-box}button,input,textarea,select{font:inherit;letter-spacing:0}button:focus-visible,a:focus-visible,tr[tabindex]:focus-visible{outline:3px solid rgba(244,182,54,.7);outline-offset:2px}.page{padding:clamp(20px,3vw,40px)}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:32px}.page-header h1,.detail-header h1{margin:0 0 8px;color:var(--vvb-ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05;font-weight:700;letter-spacing:0}.page-header p,.detail-header p{margin:0;color:var(--vvb-muted);line-height:1.5}.page-header-actions,.page-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.primary-action{--mdc-filled-button-container-color: var(--mat-sys-primary-container);--mdc-filled-button-label-text-color: var(--mat-sys-on-primary-container);--mat-filled-button-state-layer-color: var(--vvb-ink);font-weight:700}.section-label{margin:0 0 12px;color:var(--vvb-muted);font-size:.75rem;font-weight:700;text-transform:uppercase}.statistics-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.statistics-header .section-label{margin:0}.statistics-toggle{--mat-text-button-label-text-color: var(--vvb-muted);--mat-text-button-state-layer-color: var(--vvb-ink);flex:0 0 auto}.statistics-toggle mat-icon{margin:0 4px 0 0}.section-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:28px 0 16px}.section-toolbar h2,.detail-card h2,.tab-panel h2,.drawer-panel h3{margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;line-height:1.2;font-weight:700;letter-spacing:0}.toolbar-field,.search-field{min-width:min(100%,280px)}.kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:36px}.kpi-card{position:relative;min-height:180px;padding:24px;overflow:hidden;border-color:var(--vvb-border);border-radius:8px}.kpi-card:hover,.brochure-card:hover,.department-card:hover{border-color:var(--vvb-gold);box-shadow:var(--vvb-shadow);transform:translateY(-2px);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.kpi-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px}.kpi-trend{position:absolute;top:24px;right:24px;display:inline-flex;align-items:center;gap:4px;color:var(--vvb-green);font-size:.82rem;font-weight:700}.kpi-trend mat-icon{width:16px;height:16px;font-size:16px}.kpi-card strong{display:block;margin-top:24px;font-family:Georgia,Times New Roman,serif;font-size:2.2rem;line-height:1}.kpi-card>span{display:block;margin-top:8px;color:var(--vvb-muted);font-weight:600}.activity-card,.table-card,.filter-panel,.bulk-panel,.detail-card,.settings-card{border-color:var(--vvb-border);border-radius:8px;background:var(--vvb-surface)}.activity-card{overflow:hidden;padding:0}.activity-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:18px;padding:18px 22px;border-bottom:1px solid #f0f0ed}.activity-row:hover,.clickable-row:hover{background:#fff8e6}.activity-row p{margin:0 0 4px;font-weight:600}.activity-row span,.attachment-row span,.form-note,.result-count,.muted{color:var(--vvb-muted);font-size:.88rem}.meta-badge,.color-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:24px;height:2rem;padding:3px 9px;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}.mono{font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;color:var(--vvb-muted)}.page .filter-panel,.page .bulk-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:22px;padding:16px;background:var(--vvb-soft)}.page .bulk-panel{justify-content:start}.group-filter{min-width:min(100%,260px)}.bulk-panel{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px;padding:16px;border-color:var(--vvb-gold);background:#fff8e6}.table-card{overflow-x:auto;padding:0}.data-table{width:100%;border-collapse:collapse;min-width:720px}.members-table{min-width:1120px}.statistics-table-card{margin:-12px 0 36px}.membership-evolution-table{min-width:1180px}.membership-evolution-table caption{padding:18px 16px 6px;color:var(--vvb-ink);font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:700;text-align:left}.membership-evolution-table th[scope=row]{font-weight:700}.membership-evolution-table thead tr:last-child th{color:var(--vvb-muted);font-size:.78rem}.membership-evolution-table td:not(:first-child),.membership-evolution-table th:not(:first-child){text-align:center}.membership-evolution-table tfoot th,.membership-evolution-table tfoot td{background:var(--vvb-soft);font-weight:700}.data-table th,.data-table td{padding:15px 16px;border-bottom:1px solid #f0f0ed;text-align:left;vertical-align:middle}.data-table tr th[scope=colgroup]{border-bottom:none}.data-table tr th.border-left{border-left:1px solid #f0f0ed}.data-table tr th.border-right{border-right:1px solid #f0f0ed}.data-table th{background:var(--vvb-bg);color:var(--vvb-ink);font-weight:700;white-space:nowrap}.data-table th.colgroup{text-align:center}.data-table th.main{vertical-align:bottom}.data-table th.actions-column,.data-table td.actions-column{width:120px;white-space:nowrap;text-align:center}.clickable-row{cursor:pointer}.clickable-row.selected{background:#fff4d4}.title-cell{display:flex;align-items:center;gap:8px}.title-cell mat-icon{color:#9a5a00;font-size:18px}.checkbox-column,.action-column{width:56px}.tag-list{display:flex;flex-wrap:wrap;gap:4px}.pagination-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-top:22px;color:var(--vvb-muted)}.pagination-row div{display:flex;gap:8px}.drawer-panel{display:flex;flex-direction:column;gap:18px;padding:24px}.drawer-panel-header,.detail-header,.attachment-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.drawer-panel-header h2{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:1.7rem}.detail-list{display:grid;gap:14px;margin:0}.detail-list div:not(:last-child){padding-bottom:12px;border-bottom:1px solid var(--vvb-border)}.detail-list dt{color:var(--vvb-muted);font-size:.78rem;font-weight:700;text-transform:uppercase}.detail-list dd{margin:4px 0 0;overflow-wrap:anywhere}.detail-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.editable-title-row{display:flex;align-items:center;gap:8px;min-width:0}.editable-title{min-width:0;margin:0 0 8px;outline:none;overflow-wrap:anywhere}.editable-title.is-editing{padding:4px 8px;border:1px solid var(--vvb-gold);border-radius:6px;background:var(--vvb-surface)}.title-edit-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.mailing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.mailing-stat-card{min-height:116px;justify-content:center;padding:20px;border-color:var(--vvb-border);border-radius:8px;text-align:center}.mailing-stat-card strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.mailing-stat-card span{display:block;margin-top:12px;color:var(--vvb-muted);font-weight:600}.mailing-stat-card.sent strong{color:#1e3a5f}.mailing-stat-card.delivered strong{color:#2e7d32}.mailing-stat-card.opened strong{color:#f4b636}.mailing-stat-card.bounced strong{color:var(--vvb-red)}.detail-card-title-row .mat-mdc-icon-button{flex:0 0 auto;margin:-10px -8px -10px 0}.drawer-actions,.form-actions{display:flex;gap:10px;flex-wrap:wrap}.activity-mini-list,.attachment-list{display:grid;gap:10px}.activity-mini-list article,.readonly-panel{padding:12px;border:1px solid var(--vvb-border);border-radius:8px;background:var(--vvb-bg)}.activity-mini-list{--activity-row-height: 4.25rem;--activity-list-gap: 10px;max-height:calc((var(--activity-row-height) * 5) + (var(--activity-list-gap) * 4));padding-right:4px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.activity-mini-list article{min-height:var(--activity-row-height)}.activity-mini-list strong,.attachment-row strong{display:block;font-size:.92rem}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:24px;color:var(--vvb-muted)}.detail-header{margin-bottom:28px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px}.detail-card{display:flex;flex-direction:column;gap:16px;padding:22px}.side-stack,.main-stack{display:grid;align-content:start;gap:18px}.editor-blocks,.dialog-form,.rule-list{display:grid;gap:14px}.button-preview{display:grid;gap:4px;padding:14px;border:1px solid var(--vvb-border);border-radius:8px;background:var(--vvb-bg)}.button-preview span{width:fit-content;padding:8px 14px;border-radius:6px;background:var(--vvb-gold);color:var(--vvb-ink);font-weight:700}.metric-line{display:flex;align-items:baseline;gap:8px;margin:0}.metric-line strong{font-size:2rem;line-height:1}.attachment-row{align-items:center;padding:10px;border:1px solid var(--vvb-border);border-radius:8px;background:var(--vvb-bg)}.attachment-row>div{flex:1;min-width:0}.dialog-form{padding-top:10px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-panel{display:grid;max-height:260px;gap:8px;overflow:auto;padding:14px;border:1px solid var(--vvb-border);border-radius:8px;background:var(--vvb-bg)}.selection-panel h3{margin:0 0 4px;font-size:.95rem}.selection-panel small{display:block;color:var(--vvb-muted)}.brochure-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.brochure-card{overflow:hidden;border-radius:8px}.brochure-cover{position:relative;aspect-ratio:3 / 4;padding:12px;background:linear-gradient(135deg,#f4b6362e,#1e3a5f1f),var(--vvb-soft)}.cover-title{position:absolute;right:18px;bottom:18px;left:18px;display:grid;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;width:fit-content;padding:.3rem}.cover-title strong{font-family:Georgia,Times New Roman,serif;font-size:1.35rem}.brochure-body{display:grid;gap:12px;padding:16px}.brochure-body h2{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.brochure-body p{margin:0;color:var(--vvb-muted)}.published-row{min-height:42px;display:flex;align-items:center}.full-width{width:100%}.icon-action-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;justify-items:end}.icon-action-row button{width:100%;border:1px solid var(--vvb-border);border-radius:6px}.processing-overlay{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:12px;background:#0a0a0ac2;color:#fff;text-align:center}.chip-filter{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{min-height:34px;padding:0 14px;border:1px solid var(--vvb-border);border-radius:999px;background:var(--vvb-surface);color:var(--vvb-muted);cursor:pointer}.filter-chip.active{border-color:var(--vvb-gold);background:var(--vvb-gold);color:var(--vvb-ink);font-weight:700}.readonly-panel{display:grid;gap:6px;overflow-wrap:anywhere}.preview-content{height:calc(90vh - 132px);padding:0!important}.preview-frame{width:100%;height:100%;border:0}.settings-card{overflow:hidden}.tab-panel{padding:24px}.tab-panel.narrow{max-width:660px}.department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.department-card{position:relative;display:grid;align-content:start;min-height:190px;gap:12px;padding:22px;border-radius:8px;text-align:center}.department-logo-dropzone{display:grid;justify-items:center;gap:10px;width:100%;padding:14px;border:1px dashed var(--vvb-border);border-radius:8px;background:var(--vvb-bg);transition:border-color .18s ease,background-color .18s ease}.department-logo-dropzone.drag-over,.department-logo-dropzone.has-pending{border-color:var(--vvb-gold-hover);background:#fff8e6}.logo-dropzone-note{margin:0;color:var(--vvb-muted);font-size:.82rem}.logo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.card-actions{position:absolute;top:8px;right:8px}.logo-placeholder,.logo-preview{display:grid;width:88px;height:88px;place-items:center;border:2px dashed var(--vvb-border);border-radius:8px;background:var(--vvb-bg);color:var(--vvb-muted);font-size:.78rem}.logo-placeholder img,.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.department-card h3{margin:0;width:100%;font-family:Georgia,Times New Roman,serif}.color-chip{min-width:92px;justify-content:center;color:#fff;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace}.color-field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}.color-field input[type=color]{width:56px;height:48px;padding:2px;border:1px solid var(--vvb-border);border-radius:6px;background:var(--vvb-surface)}.rule-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:start;padding:14px}.dashed-button{border-style:dashed}.empty-state{margin:0;padding:32px;color:var(--vvb-muted);text-align:center}.processing-box{display:grid;place-items:center;gap:14px;padding:36px;color:var(--vvb-muted)}.success-note{padding:12px;border-radius:8px;background:#e8f5e9;color:#1b5e20;font-weight:700}.danger-item{color:var(--vvb-red)}@media(max-width:1180px){.kpi-grid,.mailing-stats,.brochure-grid,.department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}}@media(max-width:720px){.page{padding:18px}.page-header,.detail-header,.section-toolbar{align-items:stretch}.page-header,.detail-header,.filter-panel,.bulk-panel{flex-direction:column}.page-header-actions,.page-actions{justify-content:stretch}.page-actions>*,.page-header-actions>*,.filter-panel .mat-mdc-form-field,.filter-panel button{width:100%}.kpi-grid,.mailing-stats,.brochure-grid,.department-grid,.form-grid.two,.rule-card,.activity-row{grid-template-columns:1fr}.statistics-header{align-items:flex-start;flex-direction:column}}