.au-master{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap;padding:20px 22px;margin-bottom:18px}
.au-master-main{flex:1 1 320px;min-width:0}
.au-master-h{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:var(--fw-bold);color:var(--ink);margin:0}
.au-master-sub{margin:5px 0 0;font-size:12.5px;line-height:var(--lh-ui);color:var(--ink-3);max-width:62ch}
.au-master-side{display:flex;align-items:center;gap:14px;flex:none}

.au-limits{border-top:1px solid var(--bd)}
.au-limit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 22px;border-bottom:1px solid var(--bd)}
.au-limit:last-child{border-bottom:0}
.au-limit-main{min-width:0}
.au-limit-label{display:block;font-size:13.5px;font-weight:var(--fw-semibold);color:var(--ink)}
.au-limit-hint{margin:3px 0 0;font-size:12px;line-height:var(--lh-ui);color:var(--ink-3);max-width:58ch}
.au-limit-ctl{flex:none;width:198px}

.au-panel{display:flex;flex-direction:column;gap:16px}
.au-form{padding:20px 22px;display:flex;flex-direction:column;gap:18px}
.au-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.au-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 22px;border-top:1px solid var(--bd)}
.au-result{font-size:12.5px;font-weight:var(--fw-semibold);color:var(--accent-700)}
.au-result.is-error{color:var(--danger-700)}

.au-compose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:18px;align-items:start}
.au-tokens{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.au-token{padding:4px 9px;border:1px solid var(--bd);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--mono);font-size:11px;color:var(--ink-2);cursor:pointer}
.au-token:hover{border-color:var(--accent);color:var(--accent-700);background:var(--accent-50)}
.au-preview-label{font-size:11px;font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px}

.au-keywords{display:flex;gap:5px;flex-wrap:wrap;min-width:0}
.au-kw{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--bd);font-family:var(--mono);font-size:11px;color:var(--ink-2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.au-optout-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:20px 22px}
.au-optout-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.au-optout-h{margin:0;font-size:13px;font-weight:var(--fw-bold);color:var(--ink)}

.au-test{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;padding:18px 22px;border-top:1px solid var(--bd)}
.au-test .dv-field{flex:1 1 260px}
.au-test-out{width:100%;margin:0}

.au-shortcut{font-family:var(--mono);font-size:12.5px;font-weight:var(--fw-semibold);color:var(--accent-700);white-space:nowrap}
.au-body-preview{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.au-event{display:flex;align-items:flex-start;gap:14px;padding:13px 20px;border-bottom:1px solid var(--bd)}
.au-event:last-child{border-bottom:0}
.au-event-main{flex:1;min-width:0}
.au-event-who{font-size:13px;font-weight:var(--fw-semibold);color:var(--ink)}
.au-event-detail{font-size:12px;line-height:var(--lh-ui);color:var(--ink-3);margin:2px 0 0}
.au-event-when{flex:none;font-size:11.5px;color:var(--ink-4);white-space:nowrap}

.au-pickers{display:flex;flex-direction:column;gap:8px;padding:18px 22px}

.au-dialog-field{margin-bottom:14px}
.au-dialog-field textarea.ash-field{min-height:104px}

@media (max-width:900px){
  .au-compose{grid-template-columns:1fr}
}
@media (max-width:640px){
  .au-limit{flex-direction:column;align-items:stretch;gap:10px}
  .au-limit-ctl{width:100%}
}

.au-openstate{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 22px;border-bottom:1px solid var(--bd);background:var(--surface-2);font-size:12.5px;color:var(--ink-2)}

.au-tz{max-width:340px}

.au-days{display:flex;flex-direction:column;border:1px solid var(--bd);border-radius:var(--radius-md);overflow:hidden}
.au-day{display:grid;grid-template-columns:104px 44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--bd)}
.au-day:last-child{border-bottom:0}
.au-day.is-closed{background:var(--surface-2)}
.au-day-name{font-size:13px;font-weight:var(--fw-semibold);color:var(--ink)}
.au-day.is-closed .au-day-name{color:var(--ink-3)}
.au-day-switch{justify-self:start}
.au-day-body{min-width:0}
.au-day-closed{font-size:12.5px;color:var(--ink-4)}
.au-day-ranges{display:flex;flex-direction:column;gap:6px}
.au-day-add{border:0;background:none;padding:0;font-family:var(--sans);font-size:12px;font-weight:var(--fw-semibold);color:var(--accent-700);cursor:pointer;white-space:nowrap}
.au-day-add:hover{text-decoration:underline}

.au-range{display:flex;align-items:center;gap:8px}
.au-range input[type="time"]{width:118px;flex:none}
.au-range-to{font-size:12px;color:var(--ink-3)}
.au-range-x{width:24px;height:24px;flex:none;display:grid;place-items:center;border:0;border-radius:var(--radius-sm);background:none;color:var(--ink-4);cursor:pointer}
.au-range-x:hover{background:var(--danger-50);color:var(--danger-700)}

.au-locked{margin-bottom:var(--space-6)}

.au-copy{margin-top:10px;align-self:flex-start}

.au-holiday-add{display:flex;gap:8px;flex-wrap:wrap}
.au-holiday-add input{max-width:200px}
.au-holidays{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;min-height:22px}
.au-holiday{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 4px 0 9px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--bd);font-size:11.5px;color:var(--ink-2)}
.au-holiday button{width:18px;height:18px;display:grid;place-items:center;border:0;border-radius:var(--radius-round);background:none;color:var(--ink-4);cursor:pointer}
.au-holiday button:hover{background:var(--danger-50);color:var(--danger-700)}

@media (max-width:700px){
  .au-day{grid-template-columns:1fr auto;grid-template-areas:"name switch" "body body" "add add";gap:8px}
  .au-day-name{grid-area:name}
  .au-day-switch{grid-area:switch}
  .au-day-body{grid-area:body}
  .au-day-add{grid-area:add;justify-self:start}
  .au-range input[type="time"]{width:auto;flex:1 1 0;min-width:0}
}
