.date-field{width:100%;min-width:0}.date-field,.date-field__control{position:relative;display:block}.date-field__control input::-webkit-calendar-picker-indicator{display:none}.date-field__control input{padding-right:calc(var(--space-3) + 22px)}.date-field__trigger{position:absolute;top:50%;right:var(--space-2);display:flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:-13px;padding:0;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition),background var(--transition)}.date-field__trigger:hover:not(:disabled){color:var(--primary);background:var(--surface-hover)}.date-field__trigger:disabled{cursor:not-allowed;opacity:.5}.date-field__trigger:focus-visible{outline:2px solid var(--primary);outline-offset:1px}@media (pointer:coarse){.date-field__trigger{display:none}.date-field__control input{padding-right:var(--space-3)}.date-field__control input::-webkit-calendar-picker-indicator{display:block}}.date-field__panel{position:absolute;z-index:var(--z-popover);top:calc(100% + var(--space-1));left:0;width:17.5rem;padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.date-field__panel--flip{left:auto;right:0}.date-field__header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);margin-bottom:var(--space-2)}.date-field__action,.date-field__choice,.date-field__day,.date-field__step,.date-field__switch,.date-field__title{font:inherit;color:var(--text);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition)}.date-field__step{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--text-muted)}.date-field__title{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);font-weight:600}.date-field__choice:hover,.date-field__step:hover,.date-field__switch:hover,.date-field__title:hover{color:var(--primary);background:var(--surface-hover)}.date-field__action:focus-visible,.date-field__choice:focus-visible,.date-field__day:focus-visible,.date-field__step:focus-visible,.date-field__switch:focus-visible,.date-field__title:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.date-field__grid,.date-field__weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:2px;gap:2px}.date-field__weekdays span{padding:var(--space-1) 0;font-size:var(--text-2xs);font-weight:600;letter-spacing:.04em;color:var(--text-muted);text-align:center;text-transform:uppercase}.date-field__day{min-height:32px;padding:0;font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;border-radius:var(--radius-sm)}.date-field__day:hover:not(:disabled){background:var(--surface-hover)}.date-field__day[data-outside=true]{color:var(--text-muted);opacity:.55}.date-field__day:disabled{color:var(--text-muted);opacity:.35;cursor:not-allowed}.date-field__day[data-today=true]{border-color:var(--border-strong);font-weight:600}.date-field__day[aria-selected=true],.date-field__day[aria-selected=true]:hover{color:var(--text-inverse);font-weight:600;background:var(--primary);border-color:var(--primary)}.date-field__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-1);gap:var(--space-1)}.date-field__choices--years{max-height:12.5rem;overflow-y:auto}.date-field__choice{padding:var(--space-2) 0;font-size:var(--text-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center}.date-field__choice[aria-pressed=true]{color:var(--text-inverse);font-weight:600;background:var(--primary);border-color:var(--primary)}.date-field__switch{grid-column:1/-1;margin-top:var(--space-1);padding:var(--space-2) 0;font-size:var(--text-xs);color:var(--text-muted)}.date-field__footer{display:flex;justify-content:space-between;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--border)}.date-field__action{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.date-field__action:hover:not(:disabled){color:var(--primary);background:var(--surface-hover)}.date-field__action--today{color:var(--primary)}.date-field__action:disabled{opacity:.5;cursor:not-allowed}.toolbar .date-field{display:inline-block;width:auto}.toolbar .date-field__control input{width:auto}@media (max-width:640px){.toolbar .date-field{display:block;width:100%}.toolbar .date-field__control input{width:100%}}.field__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-1)}.field__label-row>.field__label{margin-bottom:0}.field__label-actions{display:flex;flex-shrink:0;gap:var(--space-1)}.field__label-actions .button--sm{min-height:28px;padding:0 var(--space-2)}.field__label-action--danger:hover:not(:disabled){color:var(--danger)}.compliance-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-inset)}.compliance-toolbar__note{margin:0;font-size:var(--text-xs);color:var(--text-muted)}.field-picker{display:flex;flex-direction:column;max-height:min(80dvh,44rem)}.field-picker__heading{flex-wrap:nowrap;align-items:flex-start;gap:var(--space-3)}.field-picker__heading-text{min-width:0}.field-picker__close{flex:none}.field-picker__control{position:relative;margin-top:var(--space-4)}.field-picker__icon{position:absolute;top:50%;left:var(--space-3);transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.field-picker__input{padding-left:calc(var(--space-3) * 2 + 16px)}.field-picker__input::-webkit-search-cancel-button{display:none}.field-picker__results{padding:var(--space-2) var(--space-3) var(--space-4)}.field-picker__group+.field-picker__group{margin-top:var(--space-4)}.field-picker__group-title{position:-webkit-sticky;position:sticky;top:0;z-index:1;padding:var(--space-2) var(--space-2) var(--space-1);margin:0;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-raised)}.field-picker__option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;scroll-margin:2.5rem 0}.field-picker__option.is-active{background:var(--surface-inset);border-color:var(--primary-border)}.field-picker__option:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.field-picker__option-name{display:block;font-size:var(--text-sm);font-weight:600}.field-picker__option-description{display:block;margin-top:2px;font-size:var(--text-xs);line-height:1.5;color:var(--text-muted)}.field-picker__empty{margin:0;padding:var(--space-5) var(--space-3);font-size:var(--text-sm);color:var(--text-muted);text-align:center}.design-picker__grid{grid-template-columns:repeat(auto-fit,minmax(min(17rem,100%),1fr))}.design-picker__heading{flex-wrap:nowrap;align-items:flex-start;gap:var(--space-3)}.design-picker__heading-text{min-width:0}.design-picker__close{flex:none}@media (max-width:640px){.field-picker{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:none}.compliance-toolbar{align-items:stretch}.compliance-toolbar .button{width:100%;justify-content:center}.field__label-row{flex-wrap:wrap;row-gap:var(--space-1)}}.export-history__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.export-history__filters{flex:1 1 auto;margin-bottom:0}@media (max-width:640px){.export-history__controls>.button{width:100%;justify-content:center}}.wa-preview{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface)}.wa-preview__head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--surface-inset)}.wa-preview__avatar{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:999px;background:var(--primary-surface);color:var(--primary);font-weight:700;font-size:var(--text-xs);letter-spacing:var(--tracking-snug)}.wa-preview__identity{display:flex;flex-direction:column;min-width:0}.wa-preview__sender{font-weight:600;font-size:var(--text-base);line-height:var(--leading-snug);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-preview__meta{font-size:var(--text-2xs);color:var(--text-muted);line-height:var(--leading-snug)}.wa-preview__thread{flex:1 1 auto;padding:var(--space-4);min-height:180px;background-color:var(--surface-sunken);background-image:repeating-linear-gradient(135deg,rgb(255 255 255/.5) 0 2px,transparent 2px 9px)}.wa-preview__day{margin:0 0 var(--space-3);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.wa-preview__day,.wa-preview__empty{text-align:center;color:var(--text-muted)}.wa-preview__empty{margin:var(--space-5) 0;font-size:var(--text-sm)}.wa-preview__bubble{position:relative;margin-left:auto;max-width:min(88%,30rem);width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-2);border-radius:var(--radius-lg);border-top-right-radius:var(--radius-sm);background:var(--success-surface);border:1px solid color-mix(in srgb,var(--success) 22%,transparent);box-shadow:var(--shadow-xs)}.wa-preview__bubble:after{content:"";position:absolute;top:-1px;right:-6px;width:10px;height:12px;background:var(--success-surface);border-top:1px solid color-mix(in srgb,var(--success) 22%,transparent);border-right:1px solid color-mix(in srgb,var(--success) 22%,transparent);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.wa-preview__text{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.wa-preview__text code{font-family:var(--font-mono,ui-monospace,monospace);font-size:.92em}.wa-preview__attachment{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid color-mix(in srgb,var(--success) 18%,transparent);color:var(--text);min-width:0}.wa-preview__attachment-body{display:flex;flex-direction:column;min-width:0}.wa-preview__attachment-name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-preview__attachment-meta{text-transform:uppercase;letter-spacing:var(--tracking-caps)}.wa-preview__attachment-meta,.wa-preview__stamp{font-size:var(--text-2xs);color:var(--text-muted)}.wa-preview__stamp{align-self:flex-end;display:inline-flex;align-items:center;gap:var(--space-1)}.wa-preview__ticks{color:var(--primary);letter-spacing:-.15em}.wa-delivery__current{margin:var(--space-3) 0;font-size:var(--text-sm);color:var(--text)}.wa-delivery{display:grid;grid-gap:var(--space-5);gap:var(--space-5);margin-top:var(--space-4)}.wa-delivery__preview{min-width:0;display:flex}.wa-delivery__preview>.wa-preview{flex:1 1 auto}.wa-modes{border:none;padding:0;margin:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.wa-modes__option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.wa-modes__option:hover{border-color:var(--border-strong)}.wa-modes__option--current{border-color:var(--primary);background:var(--primary-surface)}.wa-modes:disabled .wa-modes__option{cursor:default;opacity:.75}.wa-modes__input{margin-top:3px;flex:0 0 auto;accent-color:var(--primary)}.wa-modes__body{display:flex;flex-direction:column;gap:2px;min-width:0}.wa-modes__label{font-size:var(--text-base);font-weight:600}.wa-modes__description{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-normal)}.wa-templates{display:block}.wa-templates__list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.wa-template-list{list-style:none;margin:var(--space-4) 0 0;padding:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.wa-template-list__item{width:100%;display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-1) var(--space-2);gap:var(--space-1) var(--space-2);padding:var(--space-3);text-align:left;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--transition),background var(--transition)}.wa-template-list__item:hover{border-color:var(--border-strong)}.wa-template-list__item--current{border-color:var(--primary);background:var(--primary-surface)}.wa-template-list__name{font-weight:600;font-size:var(--text-base);min-width:0}.wa-template-list__tags{display:inline-flex;gap:var(--space-1);flex-wrap:wrap}.wa-template-list__excerpt{grid-column:1/-1;font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.wa-template-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-2)}.wa-template-actions__form{margin:0}.wa-template-actions__label{display:inline-flex;align-items:center;gap:var(--space-2)}.wa-template-actions__note,.wa-template-actions__question{flex:1 1 100%;font-size:var(--text-xs);line-height:var(--leading-normal);margin:0}.wa-template-actions__confirm{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--danger);border-radius:var(--radius);background:var(--danger-surface)}.wa-editor{display:grid;grid-gap:var(--space-4);gap:var(--space-4);align-items:start}.wa-editor__textarea{font-family:var(--font-sans);line-height:var(--leading-normal);resize:vertical;min-height:9rem}.wa-editor__count{font-size:var(--text-xs);color:var(--text-muted)}.wa-editor__count--over{color:var(--danger);font-weight:600}.wa-editor__preview{display:flex;flex-direction:column;gap:var(--space-2);position:-webkit-sticky;position:sticky;top:calc(var(--app-topbar) + var(--space-4))}.wa-editor__preview-note{font-size:var(--text-2xs);line-height:var(--leading-normal);margin:0}.wa-variables{border:none;padding:0;margin:0}.wa-variables__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(11rem,100%),1fr));grid-gap:var(--space-2);gap:var(--space-2);margin-top:var(--space-2)}.wa-variables__chip{display:flex;flex-direction:column;gap:1px;padding:var(--space-2) var(--space-3);text-align:left;border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font:inherit;color:inherit;transition:border-color var(--transition),background var(--transition)}.wa-variables__chip:hover{border-style:solid;border-color:var(--primary);background:var(--primary-surface)}.wa-variables__chip-label{font-size:var(--text-sm);font-weight:600}.wa-variables__chip-sample{font-size:var(--text-2xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.issue-whatsapp{padding:var(--space-3);border:1px solid var(--primary-border);border-radius:var(--radius);background:var(--primary-surface)}.issue-whatsapp .checkbox-field{margin-bottom:var(--space-1)}@media (min-width:1024px){.wa-delivery{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.wa-editor{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}@media (max-width:1023px){.wa-editor__preview{position:static}}@media (max-width:640px){.wa-templates__list-head>.button{width:100%;justify-content:center}.wa-template-actions{flex-direction:column;align-items:stretch}.wa-template-actions__form .button{width:100%;justify-content:center}.wa-preview__bubble{max-width:96%}.wa-variables__grid{grid-template-columns:1fr 1fr}}@media (prefers-color-scheme:dark){.wa-preview__thread{background-image:repeating-linear-gradient(135deg,rgb(255 255 255/.03) 0 2px,transparent 2px 9px)}}