/* =====================================================================
   AURAO Decorator — Shared component styles
   Извлечено из decorator.html 2026-05-27.
   Заменяет повторяющиеся инлайн-стили.
   ===================================================================== */

/* ── Typography ── */
.deco-label-sm    { font-size:10px; color:var(--text-muted); text-align:center; line-height:1.3; }
.deco-label-xs    { font-size:10px; color:var(--text-muted); }
.deco-meta-row    { font-size:10px; color:var(--text-muted); margin-bottom:3px; display:flex; align-items:center; gap:5px; }
.deco-text-11     { font-size:11px; }
.deco-text-12     { font-size:12px; }

/* ── Form controls ── */
.select-sm        { font-size:12px; padding:4px 8px; }
.input-sm         { border:1px solid #e2e8f0; padding:2px 4px; border-radius:3px; color:#475569; }
.input-xs         { font-size:11px; padding:4px 6px; width:100%; }

/* ── Buttons ── */
.btn-city         { flex:1; padding:6px 10px; border:1px solid var(--border-light); border-radius:2px; font-family:Manrope,sans-serif; font-size:11px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:6px; }
.btn-city.active  { background:var(--bg-dark); color:white; }
.btn-city:not(.active) { background:var(--bg-warm); color:var(--text-body); }

/* ── Layout ── */
.deco-panel       { flex:1; min-width:0; display:flex; flex-direction:column; gap:12px; }
.deco-flex-6      { display:flex; gap:6px; }
.deco-flex-4      { display:flex; gap:4px; flex-shrink:0; }

/* ── Color dots (Создать стиль) ── */
.sty-dot          { width:28px; height:28px; border-radius:50%; border:1px solid rgba(0,0,0,0.06); margin:0 auto 5px; }

/* ── Misc ── */
.deco-accent      { accent-color:var(--accent-orange); width:13px; height:13px; }
.deco-resize-none { resize:none; }
.deco-textarea    { font-size:12px; padding:8px 6px; }