:root {
  --primary: #7C3AED;
  --primary-dark: #6D28D9;
  --primary-light: #EDE9FE;
  --secondary: #A78BFA;
  --success: #10B981;
  --warning: #FBBF24;
  --danger: #EF4444;
  --info: #2563EB;
  --text: #4C1D95;
  --text-secondary: #7E22CE;
  --muted: #8B7BA8;
  --border: #E9D5FF;
  --bg: #FAF5FF;
  --card: #FFFFFF;
  --radius: 12px;
  --font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: var(--font);
  background: linear-gradient(135deg, #f5f3ff 0%, #faf5ff 100%);
  color: var(--text);
  min-height: 100vh;
}

/* ===== TOPBAR ===== */
.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 28px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 2px 12px rgba(124,58,237,.06);
}
.topbar .brand {
  display: flex; align-items: center; gap: 10px;
  font-weight: 800; font-size: 1.15rem;
  color: var(--primary); text-decoration: none;
}
.brand-icon {
  width: 34px; height: 34px; border-radius: 9px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff; font-weight: 800; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}
.topbar nav { display: flex; align-items: center; gap: 16px; }
.topbar nav a { color: var(--text-secondary); text-decoration: none; font-weight: 600; font-size: .9rem; }
.topbar nav a:hover { color: var(--primary); }
.topbar .user { color: var(--muted); font-size: .85rem; }
.chip {
  background: var(--primary-light); color: var(--primary-dark);
  padding: 5px 12px; border-radius: 999px; font-size: .82rem; font-weight: 600;
}

/* ===== LAYOUT ===== */
.container { max-width: 960px; margin: 40px auto; padding: 0 20px; }
.narrow { max-width: 420px; }
.page-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; gap: 16px; flex-wrap: wrap; }
.page-head h1 { margin: 0; }

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 28px;
  margin-bottom: 20px;
  box-shadow: 0 4px 24px rgba(124,58,237,.05);
}
.card-title { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; font-weight: 700; margin: 0 0 18px; }

h1 { font-size: 1.7rem; font-weight: 800; margin-top: 0; }
h2 { font-size: 1.2rem; font-weight: 700; }
.muted { color: var(--muted); }

/* ===== AUTH CARD ===== */
.auth-wrap { max-width: 420px; margin: 60px auto; }
.auth-logo { text-align: center; margin-bottom: 20px; }
.auth-logo .brand-icon { width: 52px; height: 52px; font-size: 20px; margin: 0 auto 10px; }
.auth-logo .name { font-weight: 800; color: var(--primary); font-size: 1.1rem; }

/* ===== FORMS ===== */
.form-group { margin-bottom: 16px; }
.form-group label { display: block; margin-bottom: 6px; font-weight: 600; font-size: .88rem; }
.form-group input, .form-group select {
  width: 100%; padding: 11px 13px;
  border: 1.5px solid var(--border); border-radius: 9px;
  font-size: 1rem; font-family: var(--font); background: #fff; color: var(--text);
}
.form-group input:focus, .form-group select:focus { outline: none; border-color: var(--primary); box-shadow: 0 0 0 3px rgba(124,58,237,.12); }
.error { color: var(--danger); font-size: .8rem; margin-top: 4px; }

/* ===== BUTTONS ===== */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff; border: none; padding: 11px 20px;
  border-radius: 9px; font-size: .95rem; font-weight: 600; font-family: var(--font);
  cursor: pointer; text-decoration: none; transition: transform .15s, box-shadow .15s;
}
.btn:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(124,58,237,.28); }
.btn-block { width: 100%; }
.btn-secondary { background: var(--primary-light); color: var(--primary-dark); }
.btn-secondary:hover { box-shadow: 0 6px 18px rgba(124,58,237,.15); }
.btn-outline { background: #fff; color: var(--primary); border: 1.5px solid var(--border); }
.btn-outline:hover { border-color: var(--primary); }
.btn-danger { background: var(--danger); }
.btn-sm { padding: 7px 14px; font-size: .82rem; }
.btn-link { color: var(--muted); text-decoration: none; font-weight: 600; font-size: .9rem; }

/* ===== FLASH ===== */
.flashes { margin-bottom: 20px; }
.flash { padding: 12px 16px; border-radius: 9px; margin-bottom: 10px; font-size: .9rem; font-weight: 500; }
.flash-danger  { background: #fee2e2; color: #991b1b; }
.flash-success { background: #d1fae5; color: #065f46; }
.flash-warning { background: #fef3c7; color: #92400e; }
.flash-info    { background: var(--primary-light); color: var(--primary-dark); }

/* ===== CONDO CARDS (com ações inline) ===== */
.condo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 18px; }
.condo-card {
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius); padding: 22px;
  box-shadow: 0 4px 24px rgba(124,58,237,.05);
  display: flex; flex-direction: column; transition: transform .15s, box-shadow .15s;
}
.condo-card:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(124,58,237,.13); }
.condo-card .avatar {
  width: 46px; height: 46px; border-radius: 11px;
  background: linear-gradient(135deg, var(--primary), var(--secondary));
  color: #fff; font-weight: 800; font-size: 18px;
  display: flex; align-items: center; justify-content: center; margin-bottom: 14px;
}
.condo-card h3 { margin: 0 0 4px; font-size: 1.1rem; }
.condo-card .cnpj { color: var(--muted); font-size: .82rem; }
.role-badge {
  display: inline-block; font-size: .72rem; font-weight: 700;
  padding: 3px 10px; border-radius: 999px; margin-top: 10px;
  background: var(--primary-light); color: var(--primary-dark);
}
.role-badge.sindico { background: #ede9fe; color: #6d28d9; }
.card-actions { display: flex; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }
.card-actions .btn { flex: 1; }

/* ===== DASHBOARD ===== */
.dash-head {
  display: flex; justify-content: space-between; align-items: flex-start;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff; border-radius: var(--radius); padding: 26px 28px; margin-bottom: 22px;
  box-shadow: 0 8px 28px rgba(124,58,237,.25);
}
.dash-head h1 { color: #fff; margin: 0 0 4px; }
.dash-head .sub { color: rgba(255,255,255,.85); font-size: .9rem; }
.dash-head .avatar-lg {
  width: 56px; height: 56px; border-radius: 14px; background: rgba(255,255,255,.2);
  display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 22px;
}
.dash-head-left { display: flex; gap: 16px; align-items: center; }

.stat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; margin-bottom: 22px; }
.stat-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; box-shadow: 0 4px 24px rgba(124,58,237,.05); }
.stat-card .stat-value { font-size: 1.8rem; font-weight: 800; color: var(--primary); }
.stat-card .stat-label { font-size: .82rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .5px; }

.quick-actions { display: flex; gap: 12px; flex-wrap: wrap; }

/* ===== TABLE ===== */
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--border); font-size: .9rem; }
th { color: var(--muted); font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .5px; }
tr:last-child td { border-bottom: none; }
.member-name { display: flex; align-items: center; gap: 10px; }
.member-avatar {
  width: 32px; height: 32px; border-radius: 50%;
  background: var(--primary-light); color: var(--primary-dark);
  display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: .82rem;
}
.badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: .75rem; font-weight: 700; background: var(--primary-light); color: var(--primary-dark); }
.badge.sindico { background: #ddd6fe; color: #5b21b6; }
.badge.morador { background: #dbeafe; color: #1e40af; }
.badge.pr { background: #d1fae5; color: #065f46; }
.badge.pnr { background: #fef3c7; color: #92400e; }

/* ===== MISC ===== */
.preview-table td:first-child { color: var(--muted); width: 42%; }
.text-center { text-align: center; }
.links { margin-top: 18px; text-align: center; font-size: .88rem; }
.links a { color: var(--primary); text-decoration: none; font-weight: 600; }
.inline-form { display: inline; }
.empty { text-align: center; padding: 40px 20px; }
.empty .big { font-size: 42px; margin-bottom: 10px; }

/* ===== Badges dos papéis operacionais ===== */
.badge.gerencia   { background: #ede9fe; color: #5b21b6; }
.badge.adm        { background: #e0e7ff; color: #3730a3; }
.badge.portaria   { background: #cffafe; color: #155e75; }
.badge.zeladoria  { background: #dcfce7; color: #166534; }
.badge.vigilancia { background: #fee2e2; color: #991b1b; }
.role-badge.gerencia   { background: #ede9fe; color: #5b21b6; }
.role-badge.adm        { background: #e0e7ff; color: #3730a3; }
.role-badge.portaria   { background: #cffafe; color: #155e75; }
.role-badge.zeladoria  { background: #dcfce7; color: #166534; }
.role-badge.vigilancia { background: #fee2e2; color: #991b1b; }

/* ===== Status de entrega ===== */
.status-pill { display:inline-block; padding:3px 10px; border-radius:999px; font-size:.75rem; font-weight:700; }
.status-aguardando { background:#fef3c7; color:#92400e; }
.status-recebido   { background:#d1fae5; color:#065f46; }

/* ===== Foto da entrega ===== */
.delivery-photo { width:60px; height:60px; object-fit:cover; border-radius:8px; border:1px solid var(--border); cursor:pointer; }
.thumb-link { display:inline-block; }

/* ===== Nav de abas do sistema ===== */
.sys-tabs { display:flex; gap:8px; margin-bottom:18px; flex-wrap:wrap; }
.sys-tabs a { padding:8px 16px; border-radius:9px; text-decoration:none; font-weight:600; font-size:.9rem;
  color:var(--text-secondary); background:#fff; border:1px solid var(--border); }
.sys-tabs a:hover { border-color:var(--primary); color:var(--primary); }
.sys-tabs a.active { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; border-color:transparent; }

/* ===== Menu de Ações (dropdown sem JS) ===== */
.actions-menu { position:relative; display:inline-block; }
.actions-menu > summary {
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:6px;
  background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff;
  padding:7px 14px; border-radius:9px; font-size:.85rem; font-weight:600;
}
.actions-menu > summary::-webkit-details-marker { display:none; }
.actions-menu[open] > summary { box-shadow:0 4px 14px rgba(124,58,237,.28); }
.actions-menu .menu {
  position:absolute; right:0; top:calc(100% + 6px); z-index:20; min-width:190px;
  background:#fff; border:1px solid var(--border); border-radius:11px;
  box-shadow:0 12px 32px rgba(76,29,149,.16); padding:6px; text-align:left;
}
.actions-menu .menu a, .actions-menu .menu button {
  display:flex; align-items:center; gap:8px; width:100%; text-align:left;
  padding:9px 12px; border-radius:8px; text-decoration:none; color:var(--text);
  font-size:.88rem; font-weight:500; background:none; border:none; cursor:pointer;
}
.actions-menu .menu a:hover, .actions-menu .menu button:hover { background:var(--primary-light); color:var(--primary-dark); }
.actions-menu .menu .sep { height:1px; background:var(--border); margin:6px 4px; }

/* ===== Calendário ===== */
.cal-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; gap:12px; flex-wrap:wrap; }
.cal-grid { width:100%; border-collapse:collapse; table-layout:fixed; }
.cal-grid th { text-align:center; font-size:.72rem; color:var(--muted); padding:8px 4px; text-transform:uppercase; }
.cal-grid td { border:1px solid var(--border); vertical-align:top; height:104px; padding:6px; width:14.28%; }
.cal-grid td.empty { background:#faf7ff; }
.cal-day-num { font-size:.8rem; font-weight:700; color:var(--muted); }
.cal-grid td.today { background:#f5f3ff; }
.cal-grid td.today .cal-day-num { color:var(--primary); }
.cal-ev { display:block; margin-top:4px; padding:3px 6px; border-radius:6px; font-size:.72rem;
  background:var(--primary-light); color:var(--primary-dark); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cal-ev.pendente { background:#fef3c7; color:#92400e; }

/* ============================================================= */
/* ===== Lista de condomínios (cards redesenhados) ============= */
/* ============================================================= */

/* fundo animado com blobs */
.bg-anim { position:fixed; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.bg-anim span {
  position:absolute; display:block; border-radius:50%;
  filter:blur(40px); opacity:.35; animation:floatBlob 18s ease-in-out infinite;
}
.bg-anim span:nth-child(1){ width:340px; height:340px; left:-60px; top:8%;  background:#c4b5fd; animation-delay:0s; }
.bg-anim span:nth-child(2){ width:300px; height:300px; right:-40px; top:20%; background:#a78bfa; animation-delay:-4s; }
.bg-anim span:nth-child(3){ width:260px; height:260px; left:20%; bottom:-60px; background:#ddd6fe; animation-delay:-8s; }
.bg-anim span:nth-child(4){ width:220px; height:220px; right:22%; bottom:10%;  background:#8b5cf6; opacity:.2; animation-delay:-12s; }
@keyframes floatBlob {
  0%,100% { transform:translate(0,0) scale(1); }
  33%     { transform:translate(30px,-40px) scale(1.08); }
  66%     { transform:translate(-25px,25px) scale(.95); }
}
@media (prefers-reduced-motion: reduce) { .bg-anim span { animation:none; } }

.container { position:relative; z-index:1; }

/* grid e cards */
.condo-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(224px,1fr)); gap:16px; }

.condo-card {
  position:relative; background:var(--card); border:1px solid var(--border);
  border-radius:18px; overflow:hidden; padding:0;
  box-shadow:0 6px 24px rgba(124,58,237,.07);
  transition:transform .18s ease, box-shadow .18s ease;
  animation:cardIn .5s ease both;
}
.condo-card:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(124,58,237,.20); }
.condo-card:nth-child(2){ animation-delay:.06s } .condo-card:nth-child(3){ animation-delay:.12s }
.condo-card:nth-child(4){ animation-delay:.18s } .condo-card:nth-child(5){ animation-delay:.24s }
@keyframes cardIn { from{ opacity:0; transform:translateY(14px) } to{ opacity:1; transform:translateY(0) } }

/* link que cobre o card inteiro (Acessar implícito) */
.card-access { position:absolute; inset:0; z-index:1; }
.condo-card:hover .condo-cover .cover-art { transform:scale(1.06) translateY(-2px); }

/* capa com ilustração */
.condo-cover {
  position:relative; height:84px; overflow:hidden;
  background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  display:flex; align-items:center; justify-content:center;
}
.cover-art { position:relative; z-index:1; height:56px; width:auto; transition:transform .3s ease; }
.condo-cover::after { /* brilho sutil animado */
  content:''; position:absolute; inset:0;
  background:radial-gradient(120px 80px at 80% 20%, rgba(255,255,255,.35), transparent 60%);
  animation:shine 6s ease-in-out infinite;
}
@keyframes shine { 0%,100%{opacity:.5} 50%{opacity:1} }
.cover-art { position:relative; z-index:1; transition:transform .3s ease; }

/* engrenagem de configurações (ícone no canto) */
.card-settings {
  position:absolute; top:12px; right:12px; z-index:3;
  width:40px; height:40px; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.9); color:var(--primary);
  box-shadow:0 4px 12px rgba(76,29,149,.18); backdrop-filter:blur(4px);
  transition:transform .15s ease, background .15s ease;
}
.card-settings:hover { transform:rotate(45deg); background:#fff; }
.card-settings svg { width:20px; height:20px; }

/* corpo do card */
.condo-body { padding:14px 16px 16px; position:relative; z-index:2; pointer-events:none; }
.condo-body h3 { margin:0 0 5px; font-size:1rem; line-height:1.25; }
.condo-body .cnpj { color:var(--muted); font-size:.84rem; }
.condo-body .role-badge { margin-top:12px; }
.condo-body .hint {
  margin-top:14px; font-size:.8rem; font-weight:600; color:var(--primary);
  display:flex; align-items:center; gap:6px; opacity:.75;
}
.condo-card:hover .condo-body .hint { opacity:1; }

/* ============================================================= */
/* ===== Banner de cursos + Busca de prestadores (painel) ====== */
/* ============================================================= */
.panel-section { margin-top:40px; }
.section-head { margin-bottom:16px; }
.section-head h2 { margin:0 0 4px; font-size:1.35rem; }
.section-head .muted { font-size:.92rem; }

/* Banner de cursos */
.courses-banner {
  position:relative; overflow:hidden; border-radius:18px; color:#fff;
  background:linear-gradient(120deg, #6D28D9 0%, #7C3AED 55%, #A78BFA 100%);
  padding:30px 32px; display:flex; align-items:center; justify-content:space-between;
  gap:20px; flex-wrap:wrap; box-shadow:0 12px 34px rgba(124,58,237,.25);
}
.courses-banner::after {
  content:''; position:absolute; right:-40px; top:-40px; width:220px; height:220px;
  background:radial-gradient(circle, rgba(255,255,255,.25), transparent 65%);
  animation:shine 6s ease-in-out infinite;
}
.courses-banner .cb-text { position:relative; z-index:1; max-width:560px; }
.courses-banner .eyebrow {
  display:inline-block; font-size:.72rem; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; background:rgba(255,255,255,.2); padding:5px 12px;
  border-radius:999px; margin-bottom:12px;
}
.courses-banner h3 { color:#fff; font-size:1.5rem; margin:0 0 8px; }
.courses-banner p { color:rgba(255,255,255,.9); margin:0 0 4px; font-size:.95rem; }
.courses-banner .cb-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
.courses-banner .cb-tags span { background:rgba(255,255,255,.16); padding:5px 12px; border-radius:999px; font-size:.8rem; font-weight:600; }
.courses-banner .btn-light { background:#fff; color:var(--primary-dark); font-weight:700; white-space:nowrap; position:relative; z-index:1; }
.courses-banner .btn-light:hover { transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.18); }

/* Busca de prestadores */
.provider-box { background:var(--card); border:1px solid var(--border); border-radius:18px; padding:24px; box-shadow:0 6px 24px rgba(124,58,237,.06); }
.provider-search { display:flex; gap:10px; }
.provider-search input {
  flex:1; padding:13px 16px; border:1.5px solid var(--border); border-radius:11px; font-size:1rem; font-family:var(--font);
}
.provider-search input:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(124,58,237,.12); }
.provider-preview-tag {
  display:inline-block; font-size:.72rem; font-weight:700; color:var(--primary-dark);
  background:var(--primary-light); padding:3px 10px; border-radius:999px; margin-left:8px; vertical-align:middle;
}
.provider-chips { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0 4px; }
.provider-chips .chip-btn {
  border:1.5px solid var(--border); background:#fff; color:var(--text-secondary);
  padding:7px 14px; border-radius:999px; font-size:.85rem; font-weight:600; cursor:pointer; transition:all .15s;
}
.provider-chips .chip-btn:hover { border-color:var(--primary); color:var(--primary); }
.provider-chips .chip-btn.active { background:linear-gradient(135deg,var(--primary),var(--primary-dark)); color:#fff; border-color:transparent; }

.provider-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:14px; margin-top:18px; }
.provider-card { border:1px solid var(--border); border-radius:14px; padding:16px; display:flex; gap:12px; align-items:flex-start; transition:transform .15s, box-shadow .15s; background:#fff; }
.provider-card:hover { transform:translateY(-3px); box-shadow:0 10px 26px rgba(124,58,237,.12); }
.provider-avatar { width:46px; height:46px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:22px; background:var(--primary-light); flex-shrink:0; }
.provider-card h4 { margin:0 0 3px; font-size:1rem; }
.provider-card .pc-cat { font-size:.78rem; color:var(--primary-dark); background:var(--primary-light); padding:2px 8px; border-radius:999px; font-weight:600; }
.provider-card .pc-meta { color:var(--muted); font-size:.8rem; margin-top:6px; }
.provider-card .pc-btn { margin-top:10px; font-size:.82rem; }
.provider-empty { grid-column:1/-1; text-align:center; color:var(--muted); padding:20px; }

.btn-lg { padding:13px 26px; font-size:1.02rem; }

/* ============================================================= */
/* ===== Vínculo de moradores às unidades (arrastar) =========== */
/* ============================================================= */
.link-board { display:grid; grid-template-columns:320px 1fr; gap:18px; align-items:start; }
@media (max-width: 820px){ .link-board { grid-template-columns:1fr; } }

.link-col { background:var(--card); border:1px solid var(--border); border-radius:14px; padding:16px; }
.link-col h3 { margin:0 0 10px; font-size:1rem; display:flex; align-items:center; gap:8px; }
.link-col .count { font-size:.78rem; color:var(--muted); font-weight:600; }
.link-search { width:100%; padding:9px 12px; border:1.5px solid var(--border); border-radius:9px; margin-bottom:12px; font-size:.9rem; }

/* bucket "sem unidade" */
.unassigned-zone { min-height:120px; }

/* chip de morador (arrastável) */
.res-chip {
  display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--border);
  border-radius:10px; padding:8px 10px; margin-bottom:8px; cursor:grab; font-size:.9rem;
  box-shadow:0 1px 3px rgba(76,29,149,.06); transition:box-shadow .12s, transform .12s;
}
.res-chip:active { cursor:grabbing; }
.res-chip.dragging { opacity:.5; }
.res-chip .rc-avatar { width:28px; height:28px; border-radius:50%; background:var(--primary-light); color:var(--primary-dark);
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:.8rem; flex-shrink:0; }
.res-chip .rc-name { font-weight:600; flex:1; }
.res-chip .rc-remove { border:none; background:none; color:var(--muted); cursor:pointer; font-size:1rem; line-height:1; padding:2px 4px; border-radius:6px; }
.res-chip .rc-remove:hover { background:#fee2e2; color:#991b1b; }

/* lista de unidades (alvos de drop) */
.units-panel { display:grid; grid-template-columns:repeat(auto-fill, minmax(240px,1fr)); gap:12px; }
.unit-drop {
  border:1.5px dashed var(--border); border-radius:12px; padding:12px; background:#fff;
  transition:border-color .12s, background .12s; min-height:70px;
}
.unit-drop .ud-title { font-weight:700; font-size:.9rem; margin-bottom:8px; display:flex; justify-content:space-between; }
.unit-drop .ud-title .ud-count { color:var(--muted); font-weight:600; font-size:.78rem; }
.drop-zone.dragover, .unit-drop.dragover { border-color:var(--primary); background:var(--primary-light); }
.ud-empty { color:var(--muted); font-size:.8rem; font-style:italic; }

/* seletor de unidade dentro do chip (alternativa ao arrastar / mobile) */
.res-chip .rc-unit-select {
  border:1px solid var(--border); border-radius:7px; padding:3px 6px;
  font-size:.78rem; max-width:130px; color:var(--text); background:#faf7ff;
}
.res-chip { flex-wrap:wrap; }
.res-chip .rc-name { min-width:80px; }