@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Manrope:wght@400;600;700;800&display=swap');

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }

/* ─── BRIGHTER PALETTE ─────────────────────────────── */
:root {
    --sidebar-w: 260px;
    --primary: #FF4500;
    --primary-soft: rgba(255,69,0,.12);
    /* Backgrounds — muito mais claros */
    --bg: #1A1A2E;
    --bg-card: #242436;
    --bg-elevated: #2E2E48;
    --bg-input: #353554;
    /* Borders — mais visíveis */
    --border: rgba(255,255,255,0.16);
    --border-strong: rgba(255,255,255,0.25);
    /* Text — mais brilhante */
    --text: #FFFFFF;
    --text-secondary: #C8C8E8;
    --muted: #9898BA;
    /* Accents */
    --success: #00E5B0;
    --danger: #FF4466;
    --warning: #FBBF24;
    --purple: #A855F7;
    /* Gradients */
    --grad-fire: linear-gradient(135deg,#FF4500,#FF8C00);
    --grad-electric: linear-gradient(135deg,#6200EA,#A855F7);
    --grad-teal: linear-gradient(135deg,#00B4D8,#00E5B0);
    --r: 14px;
}

/* ─── RESET ─────────────────────────────────────────── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html,body{height:100%;overflow:hidden;}
body{
    background: linear-gradient(150deg,#1A1A2E 0%,#252540 55%,#161630 100%);
    background-attachment:fixed;
    color:var(--text);font-family:'Manrope',sans-serif;font-size:14px;
    display:flex;-webkit-font-smoothing:antialiased;
}

/* ─── SIDEBAR ────────────────────────────────────────── */
.sidebar{
    width:var(--sidebar-w);background:rgba(36,36,56,.92);
    backdrop-filter:blur(24px);border-right:1px solid var(--border);
    display:flex;flex-direction:column;padding:28px 16px;
    position:fixed;inset:0 auto 0 0;z-index:50;
}
.logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:40px;padding:4px 8px;}
.logo-badge{width:42px;height:42px;background:var(--grad-fire);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:15px;box-shadow:0 0 20px rgba(255,69,0,.35);}
.logo-text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.95rem;color:var(--text);}
.logo-sub{font-size:.58rem;color:var(--muted);letter-spacing:.16em;margin-top:1px;}
.nav-label{font-size:.58rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding:0 12px;margin:20px 0 6px;}
.nav-item{
    display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;
    color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;
    transition:all .22s;margin-bottom:2px;border:1px solid transparent;
}
.nav-item:hover{color:var(--text-secondary);background:rgba(255,255,255,.06);}
.nav-item.active{color:#fff;background:rgba(255,69,0,.15);border-color:rgba(255,69,0,.3);}
.nav-item .icon{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.88rem;transition:background .2s;}
.nav-item.active .icon{background:var(--grad-fire);}
.badge{margin-left:auto;background:var(--warning);color:#000;font-size:.6rem;font-weight:900;padding:2px 8px;border-radius:20px;}
.sidebar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid var(--border);}
.user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;cursor:pointer;transition:background .2s;}
.user-row:hover{background:rgba(255,255,255,.06);}
.avatar{width:34px;height:34px;border-radius:9px;background:var(--grad-fire);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.75rem;flex-shrink:0;}
.user-name{font-size:.82rem;font-weight:800;color:var(--text);}
.user-email{font-size:.62rem;color:var(--muted);}

/* ─── MAIN ───────────────────────────────────────────── */
.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;height:100vh;}
.header{
    height:68px;background:rgba(36,36,56,.75);backdrop-filter:blur(20px);
    border-bottom:1px solid var(--border);padding:0 32px;
    display:flex;align-items:center;justify-content:space-between;flex-shrink:0;
}
.header h1{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;color:var(--text);}
.header-sub{font-size:.7rem;color:var(--muted);margin-top:2px;}
.header-actions{display:flex;gap:8px;}
.content{flex:1;overflow-y:auto;padding:32px;}
.content::-webkit-scrollbar{width:5px;}
.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}

/* ─── BUTTONS ────────────────────────────────────────── */
.btn{
    padding:10px 18px;border-radius:10px;font-weight:800;font-size:.78rem;
    border:none;cursor:pointer;transition:all .22s;display:inline-flex;
    align-items:center;gap:6px;font-family:'Manrope',sans-serif;letter-spacing:.02em;
}
.btn-primary{background:var(--grad-fire);color:#fff;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,69,0,.38);}
.btn-ghost{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border);}
.btn-ghost:hover{background:rgba(255,255,255,.13);border-color:var(--border-strong);}
.btn-danger{background:rgba(255,68,102,.12);color:var(--danger);border:1px solid rgba(255,68,102,.25);}
.btn-danger:hover{background:rgba(255,68,102,.2);}
.btn-sm{padding:7px 13px;font-size:.72rem;}
.btn-icon{background:transparent;border:none;cursor:pointer;font-size:1rem;transition:all .2s;opacity:.6;display:flex;align-items:center;justify-content:center;border-radius:6px;}
.btn-icon:hover{opacity:1;background:rgba(255,255,255,.1);}

/* ─── SEARCH BOX ─────────────────────────────────────── */
.search-box{
    position:relative;display:flex;align-items:center;
    background:var(--bg-input);border:1px solid var(--border);
    border-radius:10px;padding:0 12px;width:280px;height:38px;
    transition:all .25s cubic-bezier(.4,0,.2,1);
}
.search-box:focus-within{
    width:340px;border-color:rgba(255,69,0,.5);
    box-shadow:0 0 15px rgba(255,69,0,.1);background:var(--bg-elevated);
}
.search-icon{font-size:.85rem;margin-right:8px;opacity:.5;}
.search-box input{
    background:transparent;border:none;color:#fff;font-size:.8rem;
    width:100%;outline:none;font-family:'Manrope',sans-serif;
}
.search-box input::placeholder{color:var(--muted);}


/* ─── CARDS & GRIDS ──────────────────────────────────── */
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.card{
    background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r);
    padding:24px;transition:border-color .22s, transform .22s;
}
.card-hover:hover{border-color:rgba(255,69,0,.4);transform:translateY(-3px);}

/* ─── STAT CARD ──────────────────────────────────────── */
.card h5{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:12px;}
.stat-card{cursor:pointer;}
.stat-card:hover{border-color:var(--primary);background:rgba(255,69,0,.02);}
.big-num{font-family:'Space Grotesk',sans-serif;font-size:2.2rem;font-weight:700;line-height:1;}

.big-num.orange{color:#FF6030;}
.big-num.green{color:var(--success);}
.big-num.purple{color:var(--purple);}

/* ─── UTILITY ────────────────────────────────────────── */
.row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;}
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.grid-layout-main { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; }

@media (max-width: 1100px) {
    .grid-4, .grid-3, .grid-2, .grid-layout-main { grid-template-columns: 1fr !important; }
}

.row h3{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700;color:var(--text);}

.section-label{font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px;}
.mb20{margin-bottom:20px;}
.mb28{margin-bottom:28px;}
.divider{height:1px;background:var(--border);margin:20px 0;}
.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:.65rem;font-weight:800;}

/* ─── KANBAN PREMIUM OVERHAUL ─────────────────────── */
body.is-kanban .content {
    overflow: hidden !important;
    height: calc(100vh - 68px) !important;
    padding: 20px !important;
    position: relative;
    display: flex;
    flex-direction: column;
}

.kanban {
    position: absolute;
    top: 130px; /* Room for header and filter chips */
    left: 20px;
    right: 20px;
    bottom: 20px;
    
    background: #0079BF !important;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: inset 0 0 50px rgba(0,0,0,0.1);
    
    display: flex; 
    gap: 16px; 
    align-items: flex-start;
    padding: 10px;
    
    overflow-x: auto !important; 
    overflow-y: hidden;
    
    /* Scrollbar High Visibility */
    scrollbar-width: auto;
    scrollbar-color: #fff rgba(0,0,0,0.2);
}

.kanban::-webkit-scrollbar { height: 16px !important; display: block !important; }
.kanban::-webkit-scrollbar-thumb { background: #FFFFFF !important; border-radius: 10px; border: 3px solid #0079BF; }
.kanban::-webkit-scrollbar-track { background: rgba(0,0,0,0.1) !important; border-radius: 10px; }

.kanban-inner {
    display: flex; 
    gap: 16px; 
    align-items: flex-start;
    min-width: max-content; 
    height: 100%;
    padding-bottom: 20px; /* Space for scrollbar */
}



.k-col {
    background: #EBECF0 !important;
    border-radius: 12px; 
    display: flex; 
    flex-direction: column; 
    min-width: 282px; 
    width: 282px; 
    max-height: 100%; 
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border: 1px solid rgba(0,0,0,0.05);
}

.k-col-hdr {
    padding: 14px 16px; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    cursor: pointer;
    flex-shrink: 0; /* Header stays fixed */
    border-bottom: 2px solid rgba(0,0,0,0.03);
}

.k-col-footer {
    padding: 4px 8px 8px 8px;
    flex-shrink: 0; /* Footer stays fixed */
}


.k-col-label {
    font-size: 0.85rem; font-weight: 800; color: #172B4D; 
    text-transform: uppercase; letter-spacing: 0.03em;
}

.k-cards {
    flex: 1; 
    overflow-y: auto !important; 
    overflow-x: hidden;
    padding: 8px 12px; 
    min-height: 0; /* Critical for flex scrolling */
    display: flex; 
    flex-direction: column; 
    gap: 10px;
}

/* Vertical Scrollbar Premium */
.k-cards::-webkit-scrollbar { width: 8px !important; }
.k-cards::-webkit-scrollbar-thumb { 
    background: rgba(0,0,0,0.15) !important; 
    border-radius: 10px; 
    border: 2px solid #EBECF0; 
}
.k-cards::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0.25) !important; }
.k-cards::-webkit-scrollbar-track { background: transparent; }

/* POPOVER MENU (Trello Like) */
.k-popover {
    position: fixed; z-index: 2000; background: #fff; width: 240px;
    border-radius: 12px; box-shadow: 0 12px 24px -6px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.08); overflow: hidden;
    animation: kPopIn 0.2s cubic-bezier(0,0,0.2,1);
}

@keyframes kPopIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.k-pop-hdr { padding: 12px; border-bottom: 1px solid #eee; position: relative; text-align: center; font-size: 0.75rem; font-weight: 800; color: #5E6C84; }
.k-pop-btn-close { position: absolute; right: 8px; top: 8px; background: transparent; border: none; font-size: 1.2rem; color: #5E6C84; cursor: pointer; opacity: 0.6; }
.k-pop-btn-close:hover { opacity: 1; }
.k-pop-content { padding: 8px; display: flex; flex-direction: column; gap: 4px; }
.k-pop-item { padding: 8px 12px; font-size: 0.82rem; font-weight: 600; color: #172B4D; cursor: pointer; border-radius: 6px; transition: background 0.1s; display: flex; align-items: center; gap: 10px; }
.k-pop-item:hover { background: #F4F5F7; }
.k-pop-item.danger { color: var(--danger); }
.k-pop-item.danger:hover { background: #FFEBEB; }


/* Filter Bar */
.k-filter-bar { display: flex; gap: 8px; overflow-x: auto; padding: 8px 0 16px 0; scrollbar-width: none; flex-shrink: 0; }
.k-filter-bar::-webkit-scrollbar { display: none; }
.k-filter-chip { padding: 8px 16px; background: rgba(255,255,255,0.1); color: #fff; border-radius: 20px; font-size: 0.75rem; font-weight: 800; cursor: pointer; white-space: nowrap; transition: all 0.2s; border: 1px solid rgba(255,255,255,0.15); }
.k-filter-chip:hover { background: rgba(255,255,255,0.2); transform: translateY(-1px); }
.k-filter-chip.active { background: #fff; color: #0079BF; border-color: #fff; box-shadow: 0 0 15px rgba(255,255,255,0.4), 0 4px 12px rgba(0,0,0,0.15); transform: translateY(-1px); }

/* CARDS */
.k-card {
    background: #ffffff !important; 
    border-radius: 14px !important; 
    margin-bottom: 15px !important; 
    padding: 18px !important; /* High-fidelity padding */
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;
    cursor: pointer; 
    position: relative; 
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
    border: 1px solid rgba(0,0,0,0.06) !important;
    transition: all 0.2s ease;
    overflow: visible !important;
}
.k-card:hover { transform: translateY(-3px); box-shadow: 0 6px 15px rgba(0,0,0,0.12); background: #ffffff !important; }

.k-card-body { padding: 0 !important; margin: 0 !important; display: block !important; flex: 1; }

.k-card-title { 
    font-weight: 800 !important; 
    font-size: 1.05rem !important; 
    color: #172B4D !important; 
    margin: 15px 0 8px 0 !important;
    line-height: 1.4 !important;
    display: block !important;
    word-break: break-word;
}

.k-card-client { 
    font-size: 0.85rem !important; 
    color: #5E6C84 !important; 
    font-weight: 700 !important;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin-top: 6px;
}

.k-card-actions { 
    position: absolute; 
    top: 12px; 
    right: 12px; 
    display: flex; 
    gap: 6px; 
    opacity: 0; 
    transition: all 0.2s ease; 
    z-index: 20; 
}
.k-card:hover .k-card-actions { opacity: 1; }
.k-card-actions .btn-icon { 
    background: rgba(255,255,255,0.9); 
    backdrop-filter: blur(4px); 
    border-radius: 6px; 
    padding: 6px; 
    font-size: 0.9rem; 
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.k-label-bar { 
    width: 50px; 
    height: 6px; 
    border-radius: 3px; 
    flex-shrink: 0; 
    margin-bottom: 2px;
}

.k-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgba(0,0,0,0.05);
}


.k-tag{display:inline-block;font-size:.6rem;font-weight:800;padding:3px 8px;border-radius:4px;margin-bottom:8px;text-transform:uppercase;}
.k-tag-design{background:rgba(168,85,247,.15);color:#C084FC;}
.k-tag-video{background:rgba(255,69,0,.15);color:#FF7040;}
.k-tag-copy{background:rgba(251,191,36,.12);color:#FBBF24;}
.k-tag-ia{background:rgba(0,229,176,.1);color:#00E5B0;}
.k-tag-social{background:rgba(255,100,200,.1);color:#64C8FF;}
.k-tag-crm{background:rgba(100,200,255,.1);color:#64C8FF;}

.bg-design { background: #C084FC; }
.bg-video  { background: #FF7040; }
.bg-copy   { background: #FBBF24; }

.bg-ia     { background: #00E5B0; }
.bg-social { background: #FF64C8; }
.bg-crm    { background: #64C8FF; }

.trello-add-card-btn{
    display:flex;align-items:center;padding:10px 12px;margin:8px;
    border-radius:8px;border:none;background:transparent;
    color:var(--muted);font-weight:600;font-size:.8rem;cursor:pointer;
    transition:background .2s, color .2s;text-align:left;font-family:'Manrope',sans-serif;
}
.trello-add-card-btn:hover{background:rgba(255,255,255,.06);color:var(--text);}

.k-add-list-wrap{min-width:280px;height:max-content;}
.trello-add-list-btn{
    width:100%;display:flex;align-items:center;padding:12px 14px;
    border-radius:12px;border:none;background:rgba(255,255,255,.04);
    color:var(--text);font-weight:600;font-size:.85rem;cursor:pointer;
    transition:background .2s;text-align:left;font-family:'Manrope',sans-serif;
}
.trello-add-list-btn:hover{background:rgba(255,255,255,.1);}

.trello-side-btn{
    display:flex;align-items:center;background:rgba(255,255,255,.05);
    border:none;border-radius:6px;padding:8px 12px;color:var(--text);
    font-size:0.78rem;font-weight:700;cursor:pointer;width:100%;margin-bottom:8px;
    font-family:'Manrope',sans-serif;transition:background .2s;
}
.trello-side-btn:hover{background:rgba(255,255,255,.12);}

/* ─── MODAL ──────────────────────────────────────────── */
.modal-overlay{
    position:fixed;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(16px);
    z-index:9000;display:none;align-items:center;justify-content:center;
}
.modal-overlay.open{display:flex;}
.modal{
    background:var(--bg-card);border:1px solid var(--border-strong);
    border-radius:20px;padding:36px;width:860px;max-width:95%;max-height:90vh;
    overflow-y:auto;animation:slideUp .28s cubic-bezier(.4,0,.2,1);
}

.modal::-webkit-scrollbar{width:3px;}
.modal::-webkit-scrollbar-thumb{background:var(--border);}
@keyframes slideUp{from{transform:translateY(22px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;margin-bottom:26px;color:var(--text);}

/* ─── FORMS ──────────────────────────────────────────── */
.field{margin-bottom:18px;}
.field label{display:block;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;}
.field input,.field select,.field textarea{
    width:100%;background:var(--bg-input);border:1px solid var(--border);
    border-radius:10px;padding:12px 14px;color:var(--text);
    font-family:'Manrope',sans-serif;font-size:.85rem;transition:all .22s;
}
.field input::placeholder,.field textarea::placeholder{color:var(--muted);}
.field input:focus,.field select:focus,.field textarea:focus{
    outline:none;border-color:rgba(255,69,0,.55);
    box-shadow:0 0 16px rgba(255,69,0,.12);background:var(--bg-elevated);
}
.field textarea{min-height:85px;resize:vertical;}
option{background:var(--bg-card);}

/* ─── CHART ──────────────────────────────────────────── */
.bar-chart{display:flex;align-items:flex-end;gap:10px;height:110px;padding-top:10px;}
.bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:7px;}
.bar{width:100%;border-radius:5px 5px 0 0;background:var(--grad-fire);transition:height .6s ease;}
.bar-lbl{font-size:.6rem;color:var(--muted);font-weight:800;}

/* ─── IA CHATBOT ─────────────────────────────────────── */
.ia-chat-wrap{
    display:flex;flex-direction:column;height:calc(100vh - 68px - 64px);
    background:var(--bg-card);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;
}
.ia-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;}
.ia-messages::-webkit-scrollbar{width:4px;}
.ia-messages::-webkit-scrollbar-thumb{background:var(--border);}
.msg{max-width:78%;padding:14px 18px;border-radius:16px;line-height:1.5;font-size:.84rem;animation:fadeIn .25s ease;}
.msg.user{align-self:flex-end;background:var(--grad-fire);color:#fff;border-radius:16px 16px 4px 16px;font-weight:700;}
.msg.bot{align-self:flex-start;background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:4px 16px 16px 16px;}
.msg.bot pre{white-space:pre-wrap;font-family:'Manrope',sans-serif;font-size:.82rem;}
.msg-copy-btn{margin-top:10px;font-size:.65rem;padding:5px 12px;border-radius:7px;background:rgba(255,255,255,.08);border:1px solid var(--border);cursor:pointer;color:var(--muted);font-family:'Manrope',sans-serif;transition:all .2s;}
.msg-copy-btn:hover{background:rgba(255,69,0,.12);color:var(--primary);}
.ia-input-row{padding:16px 20px;border-top:1px solid var(--border);display:flex;gap:10px;background:rgba(255,255,255,.03);}
.ia-input{flex:1;background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:13px 16px;color:var(--text);font-family:'Manrope',sans-serif;font-size:.88rem;resize:none;}
.ia-input:focus{outline:none;border-color:rgba(255,69,0,.5);}
.ia-mode-bar{padding:12px 20px;border-bottom:1px solid var(--border);display:flex;gap:8px;overflow-x:auto;background:rgba(255,255,255,.02);}
.ia-mode-btn{padding:7px 16px;border-radius:8px;font-size:.7rem;font-weight:800;border:1px solid var(--border);cursor:pointer;transition:all .2s;white-space:nowrap;font-family:'Manrope',sans-serif;background:transparent;color:var(--muted);}
.ia-mode-btn.active{background:var(--primary-soft);border-color:rgba(255,69,0,.4);color:var(--primary);}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* ─── TYPING INDICATOR ───────────────────────────────── */
.typing{display:flex;gap:4px;align-items:center;padding:14px 18px;}
.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:bounce .8s infinite;}
.typing span:nth-child(2){animation-delay:.15s;}
.typing span:nth-child(3){animation-delay:.3s;}
@keyframes bounce{0%,80%,100%{transform:scale(0.7);opacity:.4}40%{transform:scale(1);opacity:1}}

/* ─── DRIVE LINK BUTTON ──────────────────────────────── */
.drive-btn{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;
    background:rgba(0,229,176,.08);border:1px solid rgba(0,229,176,.25);
    color:#00E5B0;font-weight:800;font-size:.78rem;text-decoration:none;transition:all .22s;
}
.drive-btn:hover{background:rgba(0,229,176,.16);transform:translateY(-1px);}

/* ─── TOAST ──────────────────────────────────────────── */
@keyframes toUp{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}

/* Dashboard V2 */
.list-item-hover { transition: background 0.2s; border-bottom: 1px solid var(--border); }
.list-item-hover:last-child { border-bottom: none; }
.list-item-hover:hover { background: rgba(255,255,255,0.02) !important; }

.bar-chart-v2 { display: flex; align-items: flex-end; justify-content: space-between; height: 160px; padding-top: 20px; gap: 10px; }
.bar-v2-wrap { flex: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; height: 100%; }
.bar-v2 { width: 100%; background: linear-gradient(180deg, var(--primary) 0%, rgba(255,69,0,0.2) 100%); border-radius: 6px 6px 2px 2px; transition: height 1s ease-out; position: relative; }
.bar-v2:hover { filter: brightness(1.2); }
.bar-v2-lbl { font-size: 0.6rem; color: var(--muted); font-weight: 600; }

.health-item { background: rgba(255,255,255,0.02); border: 1px solid var(--border); border-radius: 14px; padding: 16px; transition: transform 0.2s; }
.health-item:hover { transform: translateY(-2px); border-color: rgba(255,69,0,0.3); }

.p-status { font-size: 0.6rem; font-weight: 900; text-transform: uppercase; padding: 3px 8px; border-radius: 5px; letter-spacing: 0.05em; }