/* ============================================================
   CONTROLE DE MERCADORIA CONDOMINIAL — app.css v2
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
    --primary:       #4f46e5;
    --primary-dark:  #3730a3;
    --primary-light: #eef2ff;
    --success:       #059669;
    --success-light: #d1fae5;
    --warning:       #d97706;
    --warning-light: #fef3c7;
    --danger:        #dc2626;
    --danger-light:  #fee2e2;
    --info:          #0891b2;
    --info-light:    #e0f2fe;
    --gray-50:  #f9fafb; --gray-100: #f3f4f6; --gray-200: #e5e7eb;
    --gray-300: #d1d5db; --gray-400: #9ca3af; --gray-500: #6b7280;
    --gray-600: #4b5563; --gray-700: #374151; --gray-800: #1f2937;
    --gray-900: #111827;
    --sidebar-bg: #1e1b4b; --sidebar-w: 256px;
    --radius: 10px; --radius-sm: 6px; --radius-lg: 16px;
    --shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
    --shadow-md: 0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.06);
    --shadow-lg: 0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);
}

html,body { height:100%; font-family:'Inter',system-ui,sans-serif; font-size:14px; color:var(--gray-800); background:var(--gray-50); }

/* ── SIDEBAR ─────────────────────────────────────────────── */
.sidebar { position:fixed;top:0;left:0;width:var(--sidebar-w);height:100%;background:var(--sidebar-bg);display:flex;flex-direction:column;z-index:100;transition:transform .25s ease; overflow-y:auto; }
.sidebar-brand { padding:20px 20px 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.08); }
.brand-icon { width:36px;height:36px;background:var(--primary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0; }
.brand-text { color:#fff;font-size:13px;font-weight:700;line-height:1.2; }
.brand-text small { display:block;font-size:10px;font-weight:400;color:rgba(255,255,255,.5);margin-top:1px; }
.sidebar-section { padding:12px 12px 4px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.35);font-weight:600; }
.nav-item { display:flex;align-items:center;gap:10px;padding:9px 16px;color:rgba(255,255,255,.65);text-decoration:none;font-size:13.5px;border-radius:8px;margin:1px 8px;transition:all .15s; }
.nav-item:hover { background:rgba(255,255,255,.08);color:#fff; }
.nav-item.active { background:var(--primary);color:#fff;font-weight:600; }
.nav-item i { font-size:16px;width:20px;text-align:center; }
.nav-badge { margin-left:auto;background:var(--warning);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:99px; }
.btn-nova { margin:12px 12px 8px;background:linear-gradient(135deg,var(--success),#10b981);color:#fff;border:none;border-radius:var(--radius);padding:10px 16px;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .15s; }
.btn-nova:hover { opacity:.9; }
.sidebar-footer { margin-top:auto;padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:10px; }
.sf-avatar { width:32px;height:32px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0; }
.sf-info { flex:1;overflow:hidden; }
.sf-name { color:#fff;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.sf-role { color:rgba(255,255,255,.4);font-size:11px; }
.sf-logout { color:rgba(255,255,255,.4);font-size:17px;text-decoration:none;transition:color .15s; }
.sf-logout:hover { color:#f87171; }

/* ── MAIN ─────────────────────────────────────────────────── */
.main { margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column; }
.topbar { display:none;background:#fff;border-bottom:1px solid var(--gray-200);padding:12px 16px;align-items:center;gap:12px;box-shadow:var(--shadow);position:sticky;top:0;z-index:50; }
.btn-menu { background:none;border:none;font-size:22px;cursor:pointer;color:var(--gray-600); }
.topbar-title { font-weight:700;font-size:15px;flex:1; }
.content { flex:1;padding:24px; }

/* ── PAGE HEADER ──────────────────────────────────────────── */
.page-header { display:flex;align-items:center;justify-content:space-between;margin-bottom:24px; }
.page-header h2 { font-size:22px;font-weight:700;color:var(--gray-900);display:flex;align-items:center;gap:10px; }
.page-header h2 i { color:var(--primary); }
.page-actions { display:flex;gap:10px; }

/* ── CARDS ────────────────────────────────────────────────── */
.stats-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px; }
.stat-card { background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px;display:flex;align-items:center;gap:16px;border:1px solid var(--gray-200); }
.stat-icon { width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0; }
.stat-icon.warning { background:var(--warning-light);color:var(--warning); }
.stat-icon.success { background:var(--success-light);color:var(--success); }
.stat-icon.info    { background:var(--info-light);   color:var(--info);    }
.stat-icon.primary { background:var(--primary-light);color:var(--primary); }
.stat-body { }
.stat-num  { font-size:28px;font-weight:800;line-height:1;color:var(--gray-900); }
.stat-label{ font-size:12px;color:var(--gray-500);margin-top:3px; }

/* ── SECTION CARD ─────────────────────────────────────────── */
.card { background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-200);margin-bottom:20px; }
.card-header { padding:16px 20px;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between; }
.card-title { font-size:15px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:8px; }
.card-title i { color:var(--primary); }
.card-body { padding:20px; }

/* ── TABLE ────────────────────────────────────────────────── */
.table-wrap { overflow-x:auto; }
table.tbl { width:100%;border-collapse:collapse;font-size:13.5px; }
.tbl th { background:var(--gray-50);color:var(--gray-500);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;text-align:left;border-bottom:2px solid var(--gray-200);white-space:nowrap; }
.tbl td { padding:12px 14px;border-bottom:1px solid var(--gray-100);vertical-align:middle; }
.tbl tr:last-child td { border:none; }
.tbl tr:hover td { background:var(--gray-50); }
.tbl tr.row-pendente td:first-child { border-left:3px solid var(--warning); }

/* ── BADGES ───────────────────────────────────────────────── */
.badge { display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11.5px;font-weight:600; }
.badge-warning  { background:var(--warning-light); color:#92400e; }
.badge-success  { background:var(--success-light); color:#065f46; }
.badge-danger   { background:var(--danger-light);  color:#991b1b; }
.badge-info     { background:var(--info-light);    color:#075985; }
.badge-primary  { background:var(--primary-light); color:#3730a3; }
.badge-gray     { background:var(--gray-100);      color:var(--gray-600); }

/* ── BUTTONS ──────────────────────────────────────────────── */
.btn { display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius);border:none;cursor:pointer;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;white-space:nowrap; }
.btn-primary { background:var(--primary);color:#fff; }     .btn-primary:hover { background:var(--primary-dark); }
.btn-success { background:var(--success);color:#fff; }     .btn-success:hover { background:#047857; }
.btn-danger  { background:var(--danger); color:#fff; }     .btn-danger:hover  { background:#b91c1c; }
.btn-warning { background:var(--warning);color:#fff; }     .btn-warning:hover { background:#b45309; }
.btn-outline { background:transparent;border:1.5px solid var(--gray-300);color:var(--gray-700); } .btn-outline:hover { background:var(--gray-50); }
.btn-ghost   { background:transparent;color:var(--gray-600); } .btn-ghost:hover { background:var(--gray-100); }
.btn-sm  { padding:5px 12px;font-size:12px;border-radius:var(--radius-sm); }
.btn-lg  { padding:12px 28px;font-size:15px; }
.btn-block { width:100%;justify-content:center; }
.btn-icon { padding:8px;border-radius:var(--radius-sm); }
.btn-whatsapp { background:#25d366;color:#fff; } .btn-whatsapp:hover { background:#128c7e; }

/* ── FORMS ────────────────────────────────────────────────── */
.form-group { margin-bottom:18px; }
.form-label { display:block;font-size:12.5px;font-weight:600;color:var(--gray-600);margin-bottom:5px; }
.form-ctrl { width:100%;padding:10px 13px;border:1.5px solid var(--gray-300);border-radius:var(--radius);font-size:13.5px;color:var(--gray-800);background:#fff;transition:border .15s,box-shadow .15s; }
.form-ctrl:focus { outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15); }
.form-ctrl::placeholder { color:var(--gray-400); }
.form-row { display:flex;flex-wrap:wrap;gap:16px; }
.form-row .form-group { flex:1;min-width:180px; }
.col-2 { flex:0 0 calc(16.66% - 16px);min-width:100px; }
.col-3 { flex:0 0 calc(25% - 16px);   min-width:140px; }
.col-4 { flex:0 0 calc(33.33% - 16px);min-width:160px; }
.col-5 { flex:0 0 calc(41.66% - 16px);min-width:180px; }
.col-6 { flex:0 0 calc(50% - 16px);   min-width:200px; }
.col-8 { flex:0 0 calc(66.66% - 16px);min-width:220px; }
.col-12{ flex:0 0 100%; }
.form-actions { display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--gray-200);margin-top:8px; }
.form-hint { font-size:11.5px;color:var(--gray-500);margin-top:4px; }
.required { color:var(--danger); }
.input-group { display:flex;gap:6px; }
.input-group .form-ctrl { flex:1; }

/* ── ALERTS ───────────────────────────────────────────────── */
.alert { padding:12px 16px;border-radius:var(--radius);margin-bottom:16px;font-size:13.5px;display:flex;align-items:center;gap:10px;border:1px solid; }
.alert-success { background:var(--success-light);border-color:#6ee7b7;color:#065f46; }
.alert-danger  { background:var(--danger-light); border-color:#fca5a5;color:#991b1b; }
.alert-warning { background:var(--warning-light);border-color:#fcd34d;color:#92400e; }
.alert-info    { background:var(--info-light);   border-color:#7dd3fc;color:#075985; }

/* ── FILTROS ──────────────────────────────────────────────── */
.filters { display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:16px 20px; }
.filters .form-group { margin:0;flex:1;min-width:140px; }
.filters .form-ctrl { padding:8px 11px;font-size:13px; }

/* ── AUTOCOMPLETE ─────────────────────────────────────────── */
.ac-wrap { position:relative; }
.ac-list { position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1.5px solid var(--gray-300);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:300;max-height:220px;overflow-y:auto;display:none; }
.ac-item { padding:9px 13px;cursor:pointer;display:flex;align-items:center;gap:9px;font-size:13.5px; }
.ac-item:hover { background:var(--primary-light);color:var(--primary); }
.ac-empty { color:var(--gray-400);cursor:default;font-style:italic; }

/* ── SCANNER BUTTON ───────────────────────────────────────── */
.btn-scan { flex-shrink:0;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);padding:0 13px;cursor:pointer;font-size:19px;display:flex;align-items:center;transition:background .15s; }
.btn-scan:hover { background:var(--primary-dark); }

/* ── VOLUME ITEM ──────────────────────────────────────────── */
.vol-item { background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:var(--radius);padding:16px;margin-bottom:12px;position:relative; }
.vol-header { display:flex;justify-content:space-between;align-items:center;margin-bottom:14px; }
.vol-num { font-weight:700;font-size:13px;color:var(--primary);display:flex;align-items:center;gap:6px; }
.whats-check { display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600);cursor:pointer;padding:4px 10px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-sm);transition:all .15s; }
.whats-check input { accent-color:#25d366;width:15px;height:15px; }
.whats-check:hover { background:var(--success-light);border-color:#6ee7b7; }

/* ── ASSINATURA DIGITAL ───────────────────────────────────── */
.sig-wrap { border:2px dashed var(--gray-300);border-radius:var(--radius);background:#fff;position:relative;overflow:hidden; }
.sig-canvas { width:100%;height:220px;display:block;touch-action:none;cursor:crosshair; }
.sig-actions { display:flex;gap:8px;padding:10px;border-top:1px solid var(--gray-200);background:var(--gray-50); }
.sig-hint { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--gray-400);font-size:13px;pointer-events:none;text-align:center;line-height:1.6; }
.sig-hint i { display:block;font-size:32px;margin-bottom:6px; }

/* ── RETIRADA CARD ────────────────────────────────────────── */
.retirada-card { background:linear-gradient(135deg,var(--primary-light),var(--info-light));border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;margin-bottom:20px; }
.ret-unit { font-size:22px;font-weight:800;color:var(--primary); }
.ret-morador { font-size:16px;color:var(--gray-700);margin-top:2px; }
.ret-meta { display:flex;flex-wrap:wrap;gap:16px;margin-top:14px; }
.ret-meta-item { display:flex;flex-direction:column; }
.ret-meta-item label { font-size:10px;text-transform:uppercase;font-weight:700;color:var(--gray-500);letter-spacing:.06em; }
.ret-meta-item span { font-size:13.5px;font-weight:600;color:var(--gray-800);margin-top:2px; }

/* ── SCANNER MODAL ────────────────────────────────────────── */
.scanner-modal { position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px; }
.scanner-box { background:#fff;border-radius:16px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.4); }
.scanner-hd { display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--sidebar-bg);color:#fff;font-weight:600; }
.scanner-close { background:none;border:none;color:rgba(255,255,255,.5);cursor:pointer;font-size:18px; }
.scanner-close:hover { color:#fff; }
#scanner-vp { width:100%;min-height:220px;background:#0f172a; }
#scanner-vp video { width:100%!important;display:block; }
.scanner-or { display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:12px;color:var(--gray-400); }
.scanner-or::before,.scanner-or::after { content:'';flex:1;height:1px;background:var(--gray-200); }
.scanner-result { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 18px 14px;background:var(--success-light);border:1px solid #6ee7b7;border-radius:var(--radius);padding:12px;font-size:13px;font-weight:600;word-break:break-all; }
.scanner-status { text-align:center;font-size:13px;color:var(--gray-500);padding:8px 18px;min-height:30px; }
.scanner-tip { background:var(--gray-50);border-top:1px solid var(--gray-200);padding:12px 18px;font-size:12px;color:var(--gray-500);display:flex;gap:8px; }
.scanner-tip i { color:var(--warning);flex-shrink:0;margin-top:1px; }

/* ── CHARTS (CSS puro) ────────────────────────────────────── */
.bar-list { display:flex;flex-direction:column;gap:10px; }
.bar-row { display:grid;grid-template-columns:130px 1fr 50px;align-items:center;gap:10px; }
.bar-lbl { font-size:12.5px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-700); }
.bar-out { background:var(--gray-100);border-radius:99px;height:16px; }
.bar-in  { background:var(--primary);border-radius:99px;height:100%;min-width:4px;transition:width .4s; }
.bar-val { font-size:12.5px;font-weight:700;color:var(--gray-700); }
.hist-wrap { display:flex;align-items:flex-end;gap:3px;height:100px; }
.hist-col { display:flex;flex-direction:column;align-items:center;flex:1; }
.hist-bar { width:100%;max-width:24px;background:var(--primary);border-radius:3px 3px 0 0;min-height:3px;opacity:.85; }
.hist-bar:hover { opacity:1; }
.hist-lbl { font-size:8px;color:var(--gray-400);margin-top:3px;transform:rotate(-45deg);white-space:nowrap; }

/* ── LOGIN ────────────────────────────────────────────────── */
.login-bg { min-height:100vh;background:linear-gradient(135deg,var(--sidebar-bg) 0%,#312e81 100%);display:flex;align-items:center;justify-content:center;padding:20px; }
.login-card { background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 40px rgba(0,0,0,.3); }
.login-logo { text-align:center;margin-bottom:32px; }
.login-logo .icon { width:64px;height:64px;background:var(--primary);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:30px;color:#fff;margin:0 auto 16px; }
.login-logo h1 { font-size:20px;font-weight:800;color:var(--gray-900); }
.login-logo p  { font-size:13px;color:var(--gray-500);margin-top:4px; }

/* ── SUPER ADMIN ──────────────────────────────────────────── */
.super-badge { background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:99px;letter-spacing:.04em; }
.tenant-card { background:#fff;border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px;transition:box-shadow .15s; }
.tenant-card:hover { box-shadow:var(--shadow-md); }
.tenant-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px; }

/* ── BLOQUEADO ────────────────────────────────────────────── */
.bloqueado-page { min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gray-50); }
.bloqueado-box { text-align:center;padding:48px;max-width:400px; }
.bloqueado-box i { font-size:56px;color:var(--warning);margin-bottom:16px; }

/* ── UTILS ────────────────────────────────────────────────── */
.text-muted  { color:var(--gray-500)!important; }
.text-center { text-align:center; }
.text-success{ color:var(--success)!important; }
.text-danger { color:var(--danger)!important; }
.fw-bold { font-weight:700; }
.mt-1 { margin-top:8px; } .mt-2 { margin-top:16px; } .mt-3 { margin-top:24px; }
.mb-1 { margin-bottom:8px; } .mb-2 { margin-bottom:16px; }
.gap-2 { gap:16px; }
.grid-2 { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.grid-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.actions { white-space:nowrap;display:flex;gap:5px; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media(max-width:768px){
    .sidebar { transform:translateX(calc(-1 * var(--sidebar-w))); box-shadow:none; }
    .sidebar.open { transform:translateX(0); box-shadow:var(--shadow-lg); }
    .main { margin-left:0; }
    .topbar { display:flex; }
    .stats-grid { grid-template-columns:repeat(2,1fr); }
    .grid-2,.grid-3 { grid-template-columns:1fr; }
    .form-row,[class*="col-"] { flex-direction:column; }
    .form-row .form-group,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8 { flex:1 0 100%!important;min-width:100%!important; }
    .page-header { flex-direction:column;align-items:flex-start;gap:10px; }
    .bar-row { grid-template-columns:80px 1fr 35px; }
    .filters { flex-direction:column; }
}

/* ── MOBILE GLOBAL IMPROVEMENTS ─────────────────────────────── */
@media(max-width:768px){
    /* Botões maiores para touch */
    .btn { min-height:44px; }
    .btn-sm { min-height:36px; }

    /* Inputs maiores */
    .form-ctrl { font-size:16px !important; /* evita zoom no iOS */ min-height:48px; }
    select.form-ctrl { min-height:48px; }

    /* Topbar melhorado */
    .topbar { padding:12px 16px; }
    .topbar-title { font-size:16px; }

    /* Botão Registrar Entrada — destaque máximo */
    .btn-nova { font-size:15px; padding:14px 16px; margin:12px; border-radius:12px; }

    /* Tabelas viram cards no mobile */
    .tbl thead { display:none; }
    .tbl tr { display:block; background:#fff; border:1px solid var(--gray-200); border-radius:12px; margin-bottom:10px; padding:14px; }
    .tbl td { display:flex; justify-content:space-between; align-items:center; padding:5px 0; border:none; font-size:13px; }
    .tbl td::before { content:attr(data-label); font-size:11px; font-weight:600; color:var(--gray-400); text-transform:uppercase; letter-spacing:.05em; flex-shrink:0; margin-right:8px; }
    .tbl tr:hover td { background:transparent; }
    .table-wrap { overflow-x:visible; }

    /* Stats menores */
    .stat-card { padding:14px; }
    .stat-num { font-size:24px; }

    /* Content padding menor */
    .content { padding:16px; }

    /* Page header compacto */
    .page-header { margin-bottom:16px; }
    .page-header h2 { font-size:18px; }

    /* Cards sem padding excessivo */
    .card-body { padding:14px; }
    .card-header { padding:12px 16px; }

    /* Actions inline */
    .actions { gap:6px; }
    .btn-icon { padding:10px; min-height:40px; min-width:40px; }
}

/* Tela muito pequena */
@media(max-width:380px){
    .stats-grid { grid-template-columns:1fr 1fr; }
    .content { padding:12px; }
}

/* ── Sidebar Brand com foto do condomínio ────────────────────── */
.brand-icon-photo { padding:0; overflow:hidden; background:#fff; }
.brand-icon-photo img { width:100%; height:100%; object-fit:cover; }
.sidebar-brand .brand-text { line-height:1.25; overflow:hidden; }
.sidebar-brand .brand-text { 
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; 
    overflow:hidden; text-overflow:ellipsis; 
}

/* ── Multi-pacotes na tela de entrada ─────────────────────────── */
.pacote-form { background:var(--gray-50); border:2px dashed var(--gray-300); border-radius:14px; padding:16px; margin-bottom:14px; }
.pacote-form-title { font-size:14px; font-weight:700; color:var(--primary); margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.btn-add-pacote { width:100%; padding:16px; background:var(--success); color:#fff; border:none; border-radius:12px; font-size:15px; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px; cursor:pointer; margin-top:16px; -webkit-tap-highlight-color:transparent; box-shadow:0 4px 14px rgba(5,150,105,.3); }
.btn-add-pacote:active { transform:scale(.97); }

.pacote-card { background:#fff; border:1.5px solid var(--gray-200); border-radius:12px; padding:12px 14px; margin-bottom:10px; display:flex; align-items:center; gap:12px; }
.pacote-card-icon { width:38px; height:38px; border-radius:10px; background:var(--primary-light); color:var(--primary); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.pacote-card-info { flex:1; display:flex; flex-direction:column; gap:2px; min-width:0; }
.pacote-card-info strong { font-size:14px; color:var(--gray-800); }
.pacote-card-info span { font-size:12px; color:var(--gray-500); display:flex; align-items:center; gap:6px; }
.pacote-card-actions { display:flex; gap:6px; flex-shrink:0; }
.pkg-tag { background:var(--gray-100); color:var(--gray-600); font-size:10px; padding:2px 7px; border-radius:99px; display:inline-flex; align-items:center; gap:3px; }
.pkg-tag-wrap { margin-top:2px; }

.resumo-pkg-item { background:#fff; border:1px solid var(--gray-200); border-radius:10px; padding:10px 12px; margin-bottom:6px; font-size:13px; color:var(--gray-700); display:flex; align-items:center; gap:8px; }
.resumo-pkg-item i { color:var(--primary); flex-shrink:0; }