:root{--bg:#07111f;--bg2:#0b1628;--panel:#0f1b2d;--card:#172338;--line:#25334d;--muted:#8ea0b8;--text:#e9f0fb;--blue:#3b82f6;--purple:#7c3aed;--green:#22c55e;--red:#ef4444;--orange:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{font-family:"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 25% 0,rgba(37,99,235,.16),transparent 34%),linear-gradient(180deg,#091426,#06101e 70%);color:var(--text);font-size:14px}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:linear-gradient(180deg,rgba(10,20,37,.98),rgba(6,16,30,.98));border-right:1px solid rgba(148,163,184,.16);padding:18px 16px;overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;margin-bottom:20px}.brand-mark{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#60a5fa,#2563eb 50%,#7c3aed);display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 12px 30px rgba(37,99,235,.35)}.brand strong{display:block;font-size:28px;line-height:22px;letter-spacing:.03em}.brand span{display:block;color:#76a7ff;font-weight:800;letter-spacing:.21em;font-size:11px}.quick-search{height:36px;background:#111d31;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;margin-bottom:17px;color:#9fb1c9}.quick-search input{flex:1;background:none;border:0;outline:0;color:#fff}.quick-search kbd{background:#1c2a41;color:#7e90aa;border-radius:5px;padding:2px 7px;font-size:11px}.main-menu{display:grid;gap:4px;margin-bottom:18px}.main-menu a,.side-block a{min-height:34px;display:flex;align-items:center;gap:9px;color:#cbd5e1;border-radius:8px;padding:8px 10px;position:relative}.main-menu a b,.side-block a b{margin-left:auto;background:#ef405b;color:#fff;min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center;font-size:11px}.main-menu a:hover,.main-menu a.active{background:linear-gradient(90deg,#4f46e5,#7c3aed);color:#fff}.side-block{border-top:1px solid rgba(148,163,184,.14);padding-top:13px;margin-top:12px}.side-title{display:flex;justify-content:space-between;color:#cbd5e1;font-size:13px;text-transform:uppercase;margin:0 8px 8px}.side-title em{font-style:normal;font-size:20px;color:#cbd5e1}.side-block a{font-size:14px}.dot{width:10px;height:10px;border-radius:3px;display:inline-block}.blue{background:#4776ff}.green{background:#a3d36e}.orange{background:#f59e0b}.red{background:#ff4b5c}.mint{background:#33c987}.sidebar-user{margin-top:18px;background:#111d31;border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;gap:10px;align-items:center}.avatar,.members i,.activity i,.message i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#7c2d12);border:2px solid rgba(255,255,255,.18)}.sidebar-user strong{display:block}.sidebar-user small{color:#86efac;font-size:12px}.sidebar-user small i{width:7px;height:7px;background:#22c55e;border-radius:50%;display:inline-block;margin-right:4px}.sidebar-user span{margin-left:auto;color:#94a3b8}.content-area{min-width:0;padding:20px 18px 24px}.topbar{height:62px;display:grid;grid-template-columns:1fr 460px 140px;gap:18px;align-items:start;border-bottom:1px solid rgba(148,163,184,.15);margin-bottom:16px}.topbar h1{font-size:24px;line-height:24px}.topbar p{color:#a4b4cb;margin-top:8px}.global-search{height:42px;background:#101b2d;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 14px}.global-search input{background:transparent;border:0;outline:0;color:white;width:100%}.top-icons{display:flex;justify-content:flex-end;gap:18px;font-size:20px}.top-icons span{position:relative}.top-icons b{position:absolute;right:-5px;top:-4px;width:10px;height:10px;background:#ef4444;border-radius:50%}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:16px}.board-panel,.panel{background:rgba(10,20,37,.52);border:1px solid rgba(148,163,184,.17);border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.board-toolbar{height:52px;display:flex;align-items:center;gap:14px;padding:12px}.board-toolbar button{height:36px;background:#162338;border:1px solid var(--line);color:#fff;border-radius:8px;padding:0 14px}.members{display:flex;margin-left:auto}.members i{width:30px;height:30px;margin-left:-8px}.members i:nth-child(2){background:linear-gradient(135deg,#34d399,#1e3a8a)}.members i:nth-child(3){background:linear-gradient(135deg,#e5e7eb,#92400e)}.members i:nth-child(4){background:linear-gradient(135deg,#c4b5fd,#1f2937)}.members span{margin-left:6px;width:30px;height:30px;background:#122037;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#cbd5e1}.new-card{height:36px;background:linear-gradient(135deg,#4f46e5,#a855f7);border-radius:8px;padding:9px 18px;font-weight:800}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:9px;padding:0 9px 10px}.kanban-column{background:rgba(15,27,45,.9);border:1px solid rgba(148,163,184,.16);border-radius:8px;padding:8px;min-height:480px}.kanban-head{height:32px;display:flex;align-items:center;justify-content:space-between;font-weight:900}.kanban-head b{font-size:13px;color:#dbeafe}.task-card{background:linear-gradient(180deg,#182437,#121d2f);border:1px solid rgba(148,163,184,.14);border-radius:8px;padding:12px;margin-bottom:9px;position:relative;box-shadow:0 8px 18px rgba(0,0,0,.18)}.card-menu{position:absolute;right:10px;top:8px;color:#94a3b8}.task-card h3{font-size:14px;line-height:1.35;margin:0 18px 10px 0}.tag{display:inline-block;background:var(--tag-color);font-size:11px;font-weight:800;color:#fff;border-radius:4px;padding:4px 7px;margin-bottom:9px}.task-card p{color:#c3cede;font-size:12px;line-height:1.35;margin-bottom:8px}.task-footer{display:flex;justify-content:space-between;color:#9fb1c9;font-size:12px;margin-top:6px}.status-form select{margin-top:8px;width:100%;height:29px;background:#0b1628;color:#e5e7eb;border:1px solid var(--line);border-radius:6px;font-size:12px}.add-card,.empty-card{display:block;color:#a4b4cb;margin:12px 3px;font-size:14px}.mini-map{height:78px;border-radius:8px;background:linear-gradient(135deg,#cbd5e1,#e5e7eb);margin-bottom:9px;overflow:hidden}.mini-map svg{width:100%;height:100%}.mini-map path{fill:none;stroke:#3b82f6;stroke-width:5}.mini-map circle{fill:#8b5cf6;stroke:white;stroke-width:2}.right-panel{display:grid;gap:13px}.panel{padding:15px}.panel h2{font-size:16px}.activity{display:grid;grid-template-columns:36px 1fr 60px;gap:10px;margin-top:16px;align-items:start}.activity p{color:#cbd5e1;font-size:13px;line-height:1.3}.activity span,.activity-panel a,.files-panel a{color:#60a5fa}.activity small{color:#9aa9bd;text-align:right}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head button{background:#0d1728;border:1px solid var(--line);color:#cbd5e1;border-radius:8px;padding:6px 10px}.indicator-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.indicator-grid div{background:linear-gradient(135deg,#15283c,#152033);border:1px solid rgba(148,163,184,.09);border-radius:8px;padding:14px}.indicator-grid small{color:#cbd5e1;display:block;font-size:12px}.indicator-grid strong{font-size:26px;margin-top:8px;display:block}.red-text{color:#ef4444}.indicator-grid em{display:block;height:5px;background:linear-gradient(90deg,#fde047,#f59e0b 80%,#475569 80%);border-radius:10px;margin-top:11px}.lower-grid{display:grid;grid-template-columns:1.55fr 1fr 1.05fr 2.15fr;gap:12px;margin-top:13px}.chat-panel .message{display:grid;grid-template-columns:34px 1fr;gap:10px;margin-top:10px}.message p{font-size:13px;color:#cbd5e1}.message small{color:#9fb1c9;font-weight:400}.message-input{height:40px;margin-top:12px;background:#111d31;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding-left:12px}.message-input input{flex:1;background:transparent;border:0;color:white;outline:none}.message-input button{width:42px;background:transparent;border:0;color:#cbd5e1}.files-panel p{padding:12px 0;border-bottom:1px solid rgba(148,163,184,.12);font-size:13px}.files-panel small{color:#a4b4cb}.calendar span{display:block;text-align:center;margin:8px 0}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.days b{font-size:12px;text-align:center;padding:4px;border-radius:5px;color:#dbeafe}.days .active{background:#3b82f6}.agenda-panel p{margin-top:10px;background:#142035;border-radius:7px;padding:8px;font-size:13px}.agenda-panel p i{display:inline-block;width:5px;height:18px;background:#22c55e;border-radius:2px;vertical-align:middle;margin-right:8px}.route-map{height:190px;background:radial-gradient(circle,#27364a,#101927);border-radius:8px;overflow:hidden}.route-map svg{width:100%;height:100%}.route-map path{fill:none;stroke:#22c55e;stroke-width:6;stroke-linecap:round}.route-map circle{fill:#f97316;stroke:#0f172a;stroke-width:4}.footer-widgets{display:grid;grid-template-columns:1.05fr 1.05fr 1.5fr;gap:12px;margin-top:13px}.modules div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.modules span,.flow span,.roadmap article{background:#14243a;border-radius:9px;padding:13px;font-size:13px}.flow div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px;color:#cbd5e1}.roadmap div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.roadmap b{color:#7dd3fc;font-size:11px}.roadmap strong{display:block;margin:8px 0}.roadmap small{color:#b6c4d6}.login-body{min-height:100vh;display:grid;place-items:center}.login-card{width:410px;background:#0f1b2d;border:1px solid var(--line);border-radius:18px;padding:28px}.login-brand{margin-bottom:24px}.login-card h1{font-size:26px}.login-card p{color:#94a3b8;margin:8px 0 20px}.login-card label{display:block;margin:12px 0 6px}.login-card input{width:100%;background:#07111f;border:1px solid var(--line);color:#fff;border-radius:10px;padding:12px}.login-card button{width:100%;margin-top:18px;border:0;border-radius:10px;background:linear-gradient(135deg,#2563eb,#9333ea);color:white;padding:13px;font-weight:800}.login-error{background:#7f1d1d;color:#fecaca;border-radius:8px;padding:10px;margin-bottom:12px}@media(max-width:1400px){.main-grid{grid-template-columns:1fr}.right-panel{grid-template-columns:1fr 1fr}.lower-grid,.footer-widgets{grid-template-columns:1fr 1fr}.kanban-board{overflow-x:auto;grid-template-columns:repeat(5,260px)}}@media(max-width:900px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.topbar{height:auto;grid-template-columns:1fr}.main-grid,.right-panel,.lower-grid,.footer-widgets{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(5,260px);overflow-x:auto}}
.full-board { grid-auto-columns: 310px; }
.task-card { cursor: pointer; }
.task-card:hover { transform: translateY(-2px); border-color: rgba(56,189,248,.35); }
.premium-form { background: rgba(15,27,45,.92); border: 1px solid rgba(148,163,184,.13); border-radius: 22px; padding: 24px; max-width: 980px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
.form-grid label { display: grid; gap: 8px; color: #cbd5e1; font-weight: 700; font-size: 13px; }
.form-grid input, .form-grid select, .form-grid textarea { width:100%; background:#0b1628; color:#fff; border:1px solid #26344f; border-radius:14px; padding:12px; outline:none; }
.span-2 { grid-column: span 2; }
.form-actions { display:flex; justify-content:flex-end; gap:10px; margin-top:18px; }
.modal-overlay { position:fixed; inset:0; background:rgba(2,6,23,.72); backdrop-filter: blur(6px); display:none; align-items:stretch; justify-content:flex-end; z-index:9999; }
.modal-overlay.open { display:flex; }
.atividade-modal { width:min(720px, 96vw); height:100vh; overflow:auto; background:#0b1628; border-left:1px solid #26344f; padding:26px; box-shadow:-20px 0 60px rgba(0,0,0,.45); position:relative; }
.modal-close { position:absolute; top:14px; right:16px; width:36px; height:36px; border:0; border-radius:12px; background:#172338; color:#fff; font-size:24px; cursor:pointer; }
.modal-card-header { display:flex; gap:8px; align-items:center; margin-bottom:12px; padding-right:45px; }
.atividade-modal h2 { font-size:28px; margin-bottom:5px; }
.modal-subtitle { color:#94a3b8; margin-bottom:18px; }
.detail-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:20px; }
.detail-grid div { background:#111c31; border:1px solid #26344f; border-radius:16px; padding:12px; }
.detail-grid small { display:block; color:#94a3b8; margin-bottom:6px; }
.detail-grid strong { color:#fff; font-size:13px; }
.modal-section { border-top:1px solid #1f2a44; padding-top:18px; margin-top:18px; }
.modal-section h3 { font-size:16px; margin-bottom:12px; }
.inline-form { display:flex; gap:8px; margin-bottom:12px; }
.inline-form input { flex:1; background:#07111f; border:1px solid #26344f; color:#fff; border-radius:12px; padding:10px; }
.inline-form button, .comment-form button { border:0; border-radius:12px; background:#2563eb; color:white; padding:10px 14px; font-weight:700; }
.checklist-list { display:grid; gap:8px; }
.checklist-list label { display:flex; gap:10px; background:#111c31; border:1px solid #26344f; border-radius:12px; padding:10px; }
.done { text-decoration:line-through; color:#94a3b8; }
.file-list { display:grid; gap:8px; }
.file-list a { background:#111c31; border:1px solid #26344f; border-radius:12px; padding:10px; color:#93c5fd; text-decoration:none; }
.comment-form textarea { width:100%; min-height:80px; background:#07111f; border:1px solid #26344f; color:#fff; border-radius:14px; padding:12px; resize:vertical; margin-bottom:10px; }
.comments-list { display:grid; gap:10px; margin-top:14px; }
.comment { background:#111c31; border:1px solid #26344f; border-radius:14px; padding:12px; }
.comment small { color:#94a3b8; margin-left:8px; }
.comment p { color:#cbd5e1; margin-top:8px; }
.loading-modal { padding:40px; color:#94a3b8; text-align:center; }
@media(max-width:800px){ .form-grid,.detail-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.inline-form{display:grid}.atividade-modal{width:100vw}.modal-overlay{justify-content:center} }

 
/* ==========================================================
   SIDEBAR CORRIGIDO - GMB CONNECT
   Cole este bloco no final do assets/css/style.css
========================================================== */

.sidebar-fixed {
    width: 300px;
    min-width: 300px;
    padding: 18px 16px;
    overflow: hidden;
}

.sidebar-brand {
    margin-bottom: 18px;
}

.sidebar-brand .brand-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
}

.sidebar-brand .brand-text strong {
    font-size: 20px;
    line-height: 1;
}

.sidebar-brand .brand-text small {
    font-size: 11px;
    color: #94a3b8;
}

.sidebar-search {
    margin-bottom: 14px;
}

.sidebar-search input {
    height: 40px;
    font-size: 13px;
}

.sidebar-menu-clean {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    margin-bottom: 14px;
}

.sidebar-menu-clean a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-height: 38px;
    padding: 9px 11px;
    white-space: nowrap;
}

.sidebar-scroll {
    max-height: calc(100vh - 330px);
    overflow-y: auto;
    padding-right: 4px;
}

.sidebar-scroll::-webkit-scrollbar {
    width: 5px;
}

.sidebar-scroll::-webkit-scrollbar-thumb {
    background: #26344f;
    border-radius: 999px;
}

.sidebar-section {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(148, 163, 184, .13);
}

.section-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.section-title span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.section-title a {
    text-decoration: none;
    color: #94a3b8;
    font-size: 18px;
    line-height: 1;
}

.channel-link,
.team-link {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 34px;
    padding: 8px 10px;
    margin-bottom: 3px;
    border-radius: 10px;
    color: #cbd5e1;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
}

.channel-link span,
.team-link span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-link:hover,
.team-link:hover {
    background: rgba(23, 35, 56, .9);
    color: #fff;
}

.channel-link b {
    min-width: 21px;
    height: 21px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.team-link {
    justify-content: flex-start;
    gap: 9px;
}

.team-dot {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    display: inline-block;
    min-width: 9px;
}

.dot-blue { background: #2563eb; }
.dot-orange { background: #f59e0b; }
.dot-green { background: #22c55e; }
.dot-purple { background: #8b5cf6; }

.sidebar-user-clean {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 56px;
    min-height: 58px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-user-clean .avatar {
    width: 38px;
    height: 38px;
    min-width: 38px;
    border-radius: 12px;
    font-size: 15px;
}

.sidebar-user-clean .user-info {
    min-width: 0;
}

.sidebar-user-clean strong {
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-user-clean small {
    font-size: 11px;
}

.logout-clean {
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 15px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px;
}

/* Se o seu layout principal usa grid, isto melhora a largura da sidebar */
.app-shell {
    grid-template-columns: 300px minmax(0, 1fr);
}

/* Ajuste para telas menores */
@media (max-width: 900px) {
    .sidebar-fixed {
        width: 100%;
        min-width: 100%;
        height: auto;
        min-height: auto;
        position: relative;
    }

    .sidebar-scroll {
        max-height: none;
        overflow: visible;
    }

    .sidebar-user-clean,
    .logout-clean {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 12px;
    }
}

/* ==========================================================
   CHAT PREMIUM - GMB CONNECT
   Cole este bloco no final do assets/css/style.css
========================================================== */

.chat-page-premium {
    min-width: 0;
    padding-bottom: 24px;
}

.chat-topbar {
    margin-bottom: 18px;
}

.chat-premium-layout {
    display: grid;
    grid-template-columns: 310px minmax(0, 1fr) 290px;
    gap: 18px;
    min-height: calc(100vh - 130px);
}

.chat-channels-panel,
.chat-conversation-panel,
.chat-details-panel {
    background: rgba(15, 27, 45, .92);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 22px;
    box-shadow: 0 18px 35px rgba(0,0,0,.18);
}

.chat-channels-panel {
    padding: 16px;
    overflow: hidden;
}

.chat-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.chat-panel-header h2 {
    font-size: 18px;
    margin: 0;
}

.chat-panel-header small {
    color: #94a3b8;
    font-size: 12px;
}

.channel-add-btn {
    width: 34px;
    height: 34px;
    border-radius: 11px;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: white;
    text-decoration: none;
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 800;
}

.channels-list {
    display: grid;
    gap: 8px;
    max-height: calc(100vh - 220px);
    overflow-y: auto;
    padding-right: 4px;
}

.channels-list::-webkit-scrollbar,
.chat-messages-premium::-webkit-scrollbar {
    width: 5px;
}

.channels-list::-webkit-scrollbar-thumb,
.chat-messages-premium::-webkit-scrollbar-thumb {
    background: #26344f;
    border-radius: 999px;
}

.channel-card {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 11px;
    border-radius: 15px;
    text-decoration: none;
    color: #cbd5e1;
    background: rgba(23, 35, 56, .55);
    border: 1px solid transparent;
    transition: .2s;
}

.channel-card:hover,
.channel-card.active {
    background: rgba(37, 99, 235, .16);
    border-color: rgba(37, 99, 235, .45);
    color: #fff;
}

.channel-card.active {
    box-shadow: inset 3px 0 0 #38bdf8;
}

.channel-icon,
.conversation-icon {
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: var(--channel-color, #2563eb);
    display: grid;
    place-items: center;
    color: white;
    font-weight: 900;
}

.channel-info {
    min-width: 0;
}

.channel-info strong {
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-info small {
    display: block;
    margin-top: 2px;
    color: #94a3b8;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.channel-count {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #172338;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 800;
}

.chat-conversation-panel {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
}

.conversation-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px;
    border-bottom: 1px solid rgba(148, 163, 184, .12);
}

.conversation-title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.conversation-title h2 {
    font-size: 22px;
    margin: 0;
}

.conversation-title small {
    color: #94a3b8;
    font-size: 12px;
}

.conversation-actions {
    display: flex;
    gap: 8px;
}

.conversation-actions button {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid #26344f;
    background: #172338;
    color: #cbd5e1;
    cursor: pointer;
}

.chat-messages-premium {
    overflow-y: auto;
    padding: 18px;
    background:
        radial-gradient(circle at top right, rgba(37, 99, 235, .10), transparent 28%),
        rgba(7, 17, 31, .24);
}

.message-row-premium {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.message-avatar {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 13px;
    background: linear-gradient(135deg, #f59e0b, #ea580c);
    display: grid;
    place-items: center;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 10px 22px rgba(0,0,0,.22);
}

.message-bubble {
    max-width: 760px;
    background: rgba(23, 35, 56, .95);
    border: 1px solid rgba(148, 163, 184, .13);
    border-radius: 16px;
    padding: 11px 13px;
}

.message-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 5px;
}

.message-meta strong {
    color: #38bdf8;
    font-size: 13px;
}

.message-meta small {
    color: #64748b;
    font-size: 11px;
}

.message-text {
    color: #e5e7eb;
    line-height: 1.45;
    font-size: 13px;
    word-break: break-word;
}

.chat-composer-premium {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 10px;
    padding: 16px;
    border-top: 1px solid rgba(148, 163, 184, .12);
}

.chat-composer-premium input {
    width: 100%;
    background: #0b1628;
    border: 1px solid #26344f;
    color: white;
    border-radius: 14px;
    padding: 13px 14px;
    outline: none;
}

.composer-tool,
.composer-send {
    border: 0;
    border-radius: 14px;
    color: white;
    cursor: pointer;
}

.composer-tool {
    background: #172338;
}

.composer-send {
    background: linear-gradient(135deg, #2563eb, #9333ea);
}

.chat-details-panel {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.details-card {
    background: rgba(23, 35, 56, .65);
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 18px;
    padding: 14px;
}

.details-card h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

.details-card p {
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.45;
}

.details-card a {
    display: block;
    color: #38bdf8;
    text-decoration: none;
    font-size: 13px;
    margin-top: 8px;
}

.member-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.member-row > span {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: white;
    font-weight: 900;
}

.member-row strong {
    display: block;
    font-size: 13px;
}

.member-row small {
    color: #22c55e;
    font-size: 11px;
}

.empty-chat-state {
    display: grid;
    place-items: center;
    align-content: center;
    min-height: 300px;
    text-align: center;
    color: #94a3b8;
}

.empty-chat-state h2,
.empty-chat-state h3 {
    color: #e5e7eb;
    margin-bottom: 8px;
}

.empty-chat-state.small {
    min-height: 180px;
}

@media (max-width: 1300px) {
    .chat-premium-layout {
        grid-template-columns: 280px minmax(0, 1fr);
    }

    .chat-details-panel {
        display: none;
    }
}

@media (max-width: 900px) {
    .chat-premium-layout {
        grid-template-columns: 1fr;
    }

    .channels-list {
        max-height: 320px;
    }

    .chat-conversation-panel {
        min-height: 620px;
    }
}
.admin-table{width:100%;border-collapse:collapse;color:#e5e7eb}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid rgba(148,163,184,.14);text-align:left;font-size:13px}.admin-table th{color:#94a3b8;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.admin-table a{color:#38bdf8;text-decoration:none;font-weight:700}.form-panel{max-width:720px}.admin-form{display:grid;gap:12px}.admin-form label{color:#94a3b8;font-size:12px;font-weight:700;text-transform:uppercase}.admin-form input,.admin-form select,.admin-form textarea{width:100%;background:#0b1628;border:1px solid #26344f;color:#fff;border-radius:12px;padding:12px;outline:none}
.table-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.table-actions a {
    color: #38bdf8;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}

.notice-card {
    background: rgba(245, 158, 11, .14);
    border: 1px solid rgba(245, 158, 11, .35);
    color: #fde68a;
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 16px;
    font-size: 13px;
}

.permission-table th,
.permission-table td {
    text-align: center;
}

.permission-table th:first-child,
.permission-table td:first-child {
    text-align: left;
}

.permission-table input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}
.online-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.online-summary-card {
    background: rgba(15, 27, 45, .92);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 18px;
    padding: 18px;
}

.online-summary-card small {
    color: #94a3b8;
    display: block;
    margin-bottom: 8px;
}

.online-summary-card strong {
    font-size: 32px;
}

.online-summary-card.green strong { color: #22c55e; }
.online-summary-card.gray strong { color: #94a3b8; }

.online-panel { padding: 18px; }

.online-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.online-toolbar h2 {
    margin: 0;
    font-size: 18px;
}

.online-toolbar span {
    color: #94a3b8;
    font-size: 12px;
}

.online-toolbar input {
    min-width: 280px;
    background: #0b1628;
    border: 1px solid #26344f;
    color: #fff;
    border-radius: 12px;
    padding: 12px;
    outline: none;
}

.users-online-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 14px;
}

.user-online-card {
    background: linear-gradient(180deg, rgba(23, 35, 56, .96), rgba(15, 27, 45, .96));
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 18px;
    padding: 15px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
}

.user-online-avatar {
    width: 48px;
    height: 48px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    font-weight: 900;
    color: white;
    position: relative;
}

.user-online-avatar.is-online { background: linear-gradient(135deg, #22c55e, #0ea5e9); }
.user-online-avatar.is-offline { background: linear-gradient(135deg, #64748b, #334155); }

.user-online-avatar::after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    border: 2px solid #172338;
    position: absolute;
    right: -2px;
    bottom: -2px;
}

.user-online-avatar.is-online::after { background: #22c55e; }
.user-online-avatar.is-offline::after { background: #64748b; }

.user-online-info { min-width: 0; }

.user-online-info strong {
    display: block;
    color: #e5e7eb;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-online-info > span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-online-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.user-online-meta small {
    background: rgba(37, 99, 235, .12);
    color: #bfdbfe;
    border: 1px solid rgba(37, 99, 235, .22);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
}

.user-online-status {
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 800;
    display: flex;
    align-items: center;
    gap: 6px;
}

.user-online-status i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    display: block;
}

.user-online-status.online {
    background: rgba(34, 197, 94, .14);
    color: #bbf7d0;
}

.user-online-status.online i { background: #22c55e; }

.user-online-status.offline {
    background: rgba(100, 116, 139, .14);
    color: #cbd5e1;
}

.user-online-status.offline i { background: #64748b; }

.user-last-seen {
    grid-column: 2 / 4;
    color: #64748b;
    font-size: 11px;
    border-top: 1px solid rgba(148, 163, 184, .10);
    padding-top: 10px;
}

.user-last-seen b { color: #94a3b8; }

@media(max-width: 800px) {
    .online-summary { grid-template-columns: 1fr; }
    .online-toolbar { display: block; }
    .online-toolbar input { min-width: 100%; margin-top: 12px; }
    .user-online-card { grid-template-columns: 48px minmax(0, 1fr); }
    .user-online-status { grid-column: 1 / 3; justify-content: center; }
    .user-last-seen { grid-column: 1 / 3; }
}
.details-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.btn-mini {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
    color: #fff;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    font-weight: 900;
}

.member-row {
    position: relative;
    padding-right: 30px;
}

.remove-member {
    position: absolute;
    right: 0;
    top: 7px;
    width: 24px;
    height: 24px;
    border-radius: 8px;
    border: 0;
    background: rgba(239, 68, 68, .16);
    color: #fecaca;
    cursor: pointer;
    font-weight: 900;
}

#usuario_participante {
    width: 100%;
    background: #0b1628;
    border: 1px solid #26344f;
    color: #fff;
    border-radius: 12px;
    padding: 11px;
    margin: 8px 0 10px;
    outline: none;
}

.btn-add-participante {
    width: 100%;
    border: 0;
    border-radius: 12px;
    color: #fff;
    background: #2563eb;
    padding: 11px;
    font-weight: 800;
    cursor: pointer;
}

.muted {
    color: #94a3b8;
    font-size: 13px;
}
.participants-checklist {
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 14px;
    background: rgba(11, 22, 40, .65);
    padding: 10px;
    display: grid;
    gap: 8px;
}

.participants-checklist label {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(23, 35, 56, .72);
    border: 1px solid rgba(148, 163, 184, .10);
    border-radius: 12px;
    padding: 9px 10px;
    cursor: pointer;
    text-transform: none;
    letter-spacing: 0;
}

.participants-checklist input {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}

.participants-checklist span { color: #e5e7eb; }
.participants-checklist small { display: block; color: #94a3b8; margin-top: 2px; }

.table-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.table-actions a { color: #38bdf8; text-decoration: none; font-weight: 700; font-size: 13px; }
.conversation-action-link {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid #26344f;
    background: #172338;
    color: #cbd5e1;
    text-decoration: none;
    display: grid;
    place-items: center;
}

.admin-canal-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #cbd5e1;
    font-size: 13px;
    margin: 8px 0 12px;
}

.admin-canal-checkbox input {
    width: 16px;
    height: 16px;
    accent-color: #2563eb;
}
.canal-admin-list {
    display: grid;
    gap: 10px;
}

.canal-user-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 10px;
    align-items: center;
    background: rgba(23, 35, 56, .72);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 14px;
    padding: 10px;
}

.canal-user-main,
.canal-admin-check {
    display: flex !important;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #e5e7eb !important;
}

.canal-user-main input,
.canal-admin-check input {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}

.canal-user-main span {
    display: block;
    min-width: 0;
}

.canal-user-main small {
    display: block;
    color: #94a3b8;
    margin-top: 2px;
}

.canal-user-main em {
    display: block;
    color: #22c55e;
    font-style: normal;
    font-size: 11px;
    margin-top: 4px;
}

.canal-admin-check {
    justify-content: flex-start;
    font-size: 13px;
    background: rgba(37, 99, 235, .10);
    border-radius: 12px;
    padding: 9px;
}

@media(max-width: 800px) {
    .canal-user-row {
        grid-template-columns: 1fr;
    }
}
.mention-suggestions {
    position: fixed;
    z-index: 99999;
    transform: translateY(-100%);
    max-height: 280px;
    overflow-y: auto;
    background: #0f1b2d;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,.35);
    padding: 8px;
    display: none;
}

.mention-item {
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #e5e7eb;
    text-align: left;
    padding: 9px;
    border-radius: 12px;
    cursor: pointer;
}

.mention-item:hover {
    background: rgba(37, 99, 235, .16);
}

.mention-item > span {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: white;
    font-weight: 900;
}

.mention-item strong {
    display: block;
    font-size: 13px;
}

.mention-item small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 2px;
}

.mention-highlight {
    background: rgba(37, 99, 235, .24);
    color: #bfdbfe;
    border-radius: 7px;
    padding: 1px 5px;
    font-weight: 800;
}
.mention-suggestions {
    position: fixed;
    z-index: 99999;
    transform: translateY(-100%);
    max-height: 280px;
    overflow-y: auto;
    background: #0f1b2d;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,.35);
    padding: 8px;
    display: none;
}

.mention-item {
    width: 100%;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 0;
    background: transparent;
    color: #e5e7eb;
    text-align: left;
    padding: 9px;
    border-radius: 12px;
    cursor: pointer;
}

.mention-item:hover {
    background: rgba(37, 99, 235, .16);
}

.mention-item > span {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: white;
    font-weight: 900;
}

.mention-item strong {
    display: block;
    font-size: 13px;
}

.mention-item small {
    display: block;
    color: #94a3b8;
    font-size: 11px;
    margin-top: 2px;
}
.dashboard-chat-message {
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 14px;
    margin-bottom: 8px;
    background: rgba(23, 35, 56, .55);
    border: 1px solid rgba(148, 163, 184, .08);
}

.dashboard-chat-message .message-avatar {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 11px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: white;
    font-weight: 900;
}

.dashboard-chat-message strong {
    color: #e5e7eb;
    font-size: 13px;
}

.dashboard-chat-message small {
    color: #94a3b8;
    font-weight: 400;
}

.dashboard-chat-message p {
    color: #cbd5e1;
    font-size: 13px;
    margin-top: 4px;
}

.mention-active-message {
    border-color: rgba(245, 158, 11, .65);
    background: linear-gradient(180deg, rgba(245, 158, 11, .18), rgba(23, 35, 56, .75));
    box-shadow: 0 0 0 1px rgba(245, 158, 11, .18);
}

.mention-badge {
    display: inline-flex;
    margin-top: 6px;
    color: #fde68a;
    background: rgba(245, 158, 11, .16);
    border: 1px solid rgba(245, 158, 11, .35);
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 800;
}

.mention-highlight {
    background: rgba(37, 99, 235, .24);
    color: #bfdbfe;
    border-radius: 7px;
    padding: 1px 5px;
    font-weight: 800;
}
.channel-alert-list {
    display: grid;
    gap: 10px;
}

.channel-alert-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    background: rgba(23, 35, 56, .76);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 16px;
    padding: 12px;
    color: #e5e7eb;
    transition: .2s;
}

.channel-alert-card:hover {
    background: rgba(37, 99, 235, .16);
    border-color: rgba(37, 99, 235, .38);
}

.channel-alert-card.has-mention {
    border-color: rgba(245, 158, 11, .75);
    background: linear-gradient(180deg, rgba(245, 158, 11, .18), rgba(23, 35, 56, .82));
    box-shadow: 0 0 0 1px rgba(245, 158, 11, .16);
}

.channel-alert-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: var(--channel-color, #2563eb);
    color: #fff;
    display: grid;
    place-items: center;
    font-weight: 900;
    font-size: 18px;
}

.channel-alert-info { min-width: 0; }

.channel-alert-info strong {
    display: block;
    color: #e5e7eb;
    font-size: 14px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-alert-info span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.channel-alert-info small {
    display: block;
    color: #64748b;
    font-size: 11px;
    margin-top: 5px;
}

.channel-alert-badges {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
}

.badge-new, .badge-mention {
    min-width: 48px;
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
}

.badge-new {
    background: rgba(37, 99, 235, .18);
    color: #bfdbfe;
    border: 1px solid rgba(37, 99, 235, .32);
}

.badge-new small {
    display: block;
    font-size: 9px;
    font-weight: 700;
    color: #93c5fd;
    line-height: 1;
}

.badge-mention {
    background: rgba(245, 158, 11, .22);
    color: #fde68a;
    border: 1px solid rgba(245, 158, 11, .42);
}

.channel-alert-empty {
    background: rgba(23, 35, 56, .58);
    border: 1px dashed rgba(148, 163, 184, .22);
    border-radius: 16px;
    padding: 16px;
    text-align: center;
}

.channel-alert-empty strong {
    display: block;
    color: #e5e7eb;
    margin-bottom: 4px;
}

.channel-alert-empty span {
    color: #94a3b8;
    font-size: 12px;
}
.danger-link {
    color: #fca5a5 !important;
    font-weight: 800;
}

.danger-link:hover {
    color: #ef4444 !important;
}

.success-link {
    color: #86efac !important;
    font-weight: 800;
}

.success-link:hover {
    color: #22c55e !important;
}
.danger-link { color: #fca5a5 !important; font-weight: 800; }
.success-link { color: #86efac !important; font-weight: 800; }

.canal-admin-list { display: grid; gap: 10px; }

.canal-user-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 10px;
    align-items: center;
    background: rgba(23, 35, 56, .72);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 14px;
    padding: 10px;
}

.canal-user-main,
.canal-admin-check {
    display: flex !important;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #e5e7eb !important;
}

.canal-user-main input,
.canal-admin-check input {
    width: 18px;
    height: 18px;
    accent-color: #2563eb;
}

.canal-user-main small {
    display: block;
    color: #94a3b8;
    margin-top: 2px;
}

.canal-admin-check {
    background: rgba(37, 99, 235, .10);
    border-radius: 12px;
    padding: 9px;
    font-size: 13px;
}

@media(max-width: 800px) {
    .canal-user-row { grid-template-columns: 1fr; }
}
.gmb-chat-toast-container {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 999999;
    width: min(420px, calc(100vw - 32px));
    display: grid;
    gap: 12px;
}

.gmb-chat-toast {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 24px;
    gap: 12px;
    text-decoration: none;
    background: rgba(15, 27, 45, .98);
    border: 1px solid rgba(148, 163, 184, .20);
    border-radius: 18px;
    padding: 14px;
    color: #e5e7eb;
    box-shadow: 0 18px 40px rgba(0,0,0,.36);
    animation: gmbToastIn .25s ease-out;
}

.gmb-chat-toast.is-mention {
    border-color: rgba(245, 158, 11, .78);
    background: linear-gradient(180deg, rgba(245, 158, 11, .20), rgba(15, 27, 45, .98));
}

.gmb-chat-toast.hide {
    opacity: 0;
    transform: translateX(20px);
    transition: .3s;
}

.gmb-chat-toast-icon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: var(--channel-color, #2563eb);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 18px;
    font-weight: 900;
}

.gmb-chat-toast-body strong {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
}

.gmb-chat-toast-body span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-bottom: 6px;
}

.gmb-chat-toast-body p {
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.35;
    margin: 0;
}

.gmb-chat-toast-close {
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 8px;
    background: rgba(148, 163, 184, .14);
    color: #cbd5e1;
    cursor: pointer;
    font-weight: 900;
}

@keyframes gmbToastIn {
    from { opacity: 0; transform: translateX(28px); }
    to { opacity: 1; transform: translateX(0); }
}
.gmb-chat-toast-container{position:fixed;right:22px;bottom:22px;z-index:999999;width:min(420px,calc(100vw - 32px));display:grid;gap:12px}.gmb-chat-toast{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:12px;text-decoration:none;background:rgba(15,27,45,.98);border:1px solid rgba(148,163,184,.20);border-radius:18px;padding:14px;color:#e5e7eb;box-shadow:0 18px 40px rgba(0,0,0,.36);animation:gmbToastIn .25s ease-out}.gmb-chat-toast.is-mention{border-color:rgba(245,158,11,.78);background:linear-gradient(180deg,rgba(245,158,11,.20),rgba(15,27,45,.98))}.gmb-chat-toast.hide{opacity:0;transform:translateX(20px);transition:.3s}.gmb-chat-toast-icon{width:42px;height:42px;border-radius:14px;background:var(--channel-color,#2563eb);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:900}.gmb-chat-toast-body strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}.gmb-chat-toast-body span{display:block;color:#94a3b8;font-size:12px;margin-bottom:6px}.gmb-chat-toast-body p{color:#cbd5e1;font-size:13px;line-height:1.35;margin:0}.gmb-chat-toast-close{width:24px;height:24px;border:0;border-radius:8px;background:rgba(148,163,184,.14);color:#cbd5e1;cursor:pointer;font-weight:900}@keyframes gmbToastIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
/* GMB CONNECT - ALERTA SOBREPOSTO DE CHAT */

.gmb-chat-toast-container {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 999999;
    width: min(440px, calc(100vw - 32px));
    display: grid;
    gap: 12px;
    pointer-events: none;
}

.gmb-chat-toast {
    pointer-events: auto;
    position: relative;
    background: rgba(15, 27, 45, .98);
    border: 1px solid rgba(56, 189, 248, .32);
    border-radius: 20px;
    color: #e5e7eb;
    box-shadow: 0 22px 50px rgba(0, 0, 0, .48);
    animation: gmbToastIn .28s ease-out;
    overflow: hidden;
}

.gmb-chat-toast::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(37, 99, 235, .16), transparent 55%);
    pointer-events: none;
}

.gmb-chat-toast.is-mention {
    border-color: rgba(245, 158, 11, .88);
    box-shadow:
        0 0 0 1px rgba(245, 158, 11, .22),
        0 22px 55px rgba(0, 0, 0, .55);
}

.gmb-chat-toast.is-mention::before {
    background: linear-gradient(135deg, rgba(245, 158, 11, .28), transparent 58%);
}

.gmb-chat-toast-link {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 12px;
    padding: 15px 42px 15px 15px;
    text-decoration: none;
    color: inherit;
    position: relative;
    z-index: 2;
}

.gmb-chat-toast-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: var(--channel-color, #2563eb);
    color: #fff;
    display: grid;
    place-items: center;
    font-size: 20px;
    font-weight: 900;
}

.gmb-chat-toast-body {
    min-width: 0;
}

.gmb-chat-toast-body strong {
    display: block;
    color: #fff;
    font-size: 15px;
    margin-bottom: 4px;
}

.gmb-chat-toast-body span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-bottom: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gmb-chat-toast-body p {
    color: #cbd5e1;
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.gmb-chat-toast-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 4;
    width: 26px;
    height: 26px;
    border: 0;
    border-radius: 9px;
    background: rgba(148, 163, 184, .16);
    color: #cbd5e1;
    cursor: pointer;
    font-weight: 900;
}

.gmb-chat-toast-close:hover {
    background: rgba(239, 68, 68, .24);
    color: #fecaca;
}

.gmb-chat-toast.hide {
    opacity: 0;
    transform: translateX(26px);
    transition: .32s;
}

@keyframes gmbToastIn {
    from {
        opacity: 0;
        transform: translateX(36px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

@media(max-width: 700px) {
    .gmb-chat-toast-container {
        left: 16px;
        right: 16px;
        bottom: 18px;
        width: auto;
    }
}
/* CHAT FIXO + ROLAGEM INTERNA - GMB CONNECT */

.chat-page-premium {
    height: calc(100vh - 20px);
    overflow: hidden !important;
    display: flex;
    flex-direction: column;
}

.chat-topbar {
    flex: 0 0 auto;
}

.chat-premium-layout {
    flex: 1 1 auto;
    min-height: 0;
    height: calc(100vh - 150px);
    overflow: hidden !important;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr) 320px;
    gap: 16px;
}

.chat-channels-panel,
.chat-conversation-panel,
.chat-details-panel {
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.chat-channels-panel,
.chat-details-panel {
    display: flex;
    flex-direction: column;
}

.channels-list,
.chat-details-panel {
    overflow-y: auto;
    overflow-x: hidden;
}

.chat-conversation-panel {
    display: flex;
    flex-direction: column;
}

.conversation-header {
    flex: 0 0 auto;
}

.chat-messages-premium {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto !important;
    overflow-x: hidden;
    padding-right: 8px;
    scroll-behavior: smooth;
}

.chat-composer-premium {
    flex: 0 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 4;
    background: rgba(15, 27, 45, .98);
    border-top: 1px solid rgba(148, 163, 184, .12);
    padding-top: 10px;
}

.chat-composer-premium input#mensagem {
    min-height: 44px;
}

.message-row-premium {
    max-width: 100%;
}

.message-bubble {
    max-width: 100%;
    word-break: break-word;
}

.mention-highlight {
    background: rgba(37, 99, 235, .24);
    color: #bfdbfe;
    border-radius: 7px;
    padding: 1px 5px;
    font-weight: 800;
}

/* Scroll discreto */
.chat-messages-premium::-webkit-scrollbar,
.channels-list::-webkit-scrollbar,
.chat-details-panel::-webkit-scrollbar {
    width: 8px;
}

.chat-messages-premium::-webkit-scrollbar-thumb,
.channels-list::-webkit-scrollbar-thumb,
.chat-details-panel::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .24);
    border-radius: 999px;
}

.chat-messages-premium::-webkit-scrollbar-track,
.channels-list::-webkit-scrollbar-track,
.chat-details-panel::-webkit-scrollbar-track {
    background: transparent;
}

@media(max-width: 1100px) {
    .chat-premium-layout {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .chat-details-panel {
        display: none;
    }
}

@media(max-width: 760px) {
    .chat-page-premium {
        height: auto;
        overflow: visible !important;
    }

    .chat-premium-layout {
        height: auto;
        grid-template-columns: 1fr;
        overflow: visible !important;
    }

    .chat-channels-panel,
    .chat-conversation-panel {
        height: auto;
    }

    .chat-messages-premium {
        height: 58vh;
        flex: none;
    }
}
.mobile-menu-toggle {
    display: none;
    position: fixed;
    left: 14px;
    top: 14px;
    z-index: 100000;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, #2563eb, #16a34a);
    color: #fff;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 14px 30px rgba(0,0,0,.32);
    cursor: pointer;
}

.mobile-backdrop {
    display: none;
}

html, body {
    max-width: 100%;
}

img, video, canvas {
    max-width: 100%;
}

@media(max-width: 900px) {
    body {
        overflow-x: hidden;
    }

    .mobile-menu-toggle {
        display: grid;
        place-items: center;
    }

    .mobile-backdrop {
        display: none;
        position: fixed;
        inset: 0;
        z-index: 99990;
        background: rgba(2, 6, 23, .72);
        backdrop-filter: blur(4px);
    }

    body.mobile-menu-open .mobile-backdrop {
        display: block;
    }

    .app-shell {
        display: block !important;
        min-height: 100vh;
        width: 100%;
    }

    .sidebar,
    aside.sidebar,
    .app-sidebar {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 99999;
        width: 286px !important;
        max-width: 86vw;
        transform: translateX(-105%);
        transition: transform .24s ease;
        overflow-y: auto;
        overflow-x: hidden;
        box-shadow: 18px 0 40px rgba(0,0,0,.38);
    }

    body.mobile-menu-open .sidebar,
    body.mobile-menu-open aside.sidebar,
    body.mobile-menu-open .app-sidebar {
        transform: translateX(0);
    }

    .content-area,
    .main-content,
    main.content-area,
    main.main-content {
        margin-left: 0 !important;
        width: 100% !important;
        padding: 76px 14px 18px !important;
        min-height: 100vh;
    }

    .topbar {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 12px;
        align-items: start;
        margin-bottom: 14px;
    }

    .topbar h1 {
        font-size: 24px !important;
        line-height: 1.15;
    }

    .topbar p {
        font-size: 13px !important;
    }

    .top-actions,
    .conversation-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .new-card,
    .btn-primary,
    .btn-ghost,
    .btn-push-enable {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .metrics-row,
    .online-summary,
    .dashboard-grid,
    .cards-grid,
    .projects-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-table,
    .admin-table thead,
    .admin-table tbody,
    .admin-table th,
    .admin-table td,
    .admin-table tr {
        display: block;
        width: 100%;
    }

    .admin-table thead {
        display: none;
    }

    .admin-table tr {
        background: rgba(15, 27, 45, .92);
        border: 1px solid rgba(148, 163, 184, .14);
        border-radius: 16px;
        margin-bottom: 12px;
        padding: 12px;
    }

    .admin-table td {
        border: 0 !important;
        padding: 7px 0 !important;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: #cbd5e1;
    }

    .admin-table td::before {
        content: attr(data-label);
        font-weight: 800;
        color: #94a3b8;
        min-width: 110px;
    }

    .table-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap;
    }

    .admin-form input,
    .admin-form select,
    .admin-form textarea,
    .form-panel input,
    .form-panel select,
    .form-panel textarea {
        width: 100% !important;
        font-size: 16px !important;
    }

    .participants-checklist,
    .canal-admin-list {
        max-height: 56vh;
    }

    .canal-user-row {
        grid-template-columns: 1fr !important;
    }

    .chat-page-premium {
        height: auto !important;
        overflow: visible !important;
    }

    .chat-premium-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        height: auto !important;
        overflow: visible !important;
        gap: 12px;
    }

    .chat-channels-panel {
        height: auto !important;
        max-height: 260px;
        overflow-y: auto !important;
    }

    .chat-conversation-panel {
        height: auto !important;
        min-height: 70vh;
    }

    .conversation-header {
        position: sticky;
        top: 0;
        z-index: 5;
        background: rgba(15, 27, 45, .98);
        border-radius: 16px;
    }

    .chat-messages-premium {
        height: 55vh !important;
        min-height: 55vh !important;
        overflow-y: auto !important;
        padding-right: 4px;
    }

    .chat-details-panel {
        display: none !important;
    }

    .chat-composer-premium {
        position: sticky;
        bottom: 0;
        z-index: 10;
        background: rgba(15, 27, 45, .98);
        border-radius: 16px;
        padding: 10px;
    }

    .board,
    .kanban-board,
    .project-kanban {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px;
        overflow: visible !important;
    }

    .kanban-column {
        min-width: 0 !important;
        width: 100% !important;
        max-height: none !important;
    }

    .gmb-chat-toast-container {
        left: 12px !important;
        right: 12px !important;
        bottom: 14px !important;
        width: auto !important;
    }
}

@media(min-width: 901px) and (max-width: 1200px) {
    .chat-premium-layout {
        grid-template-columns: 250px minmax(0, 1fr) !important;
    }

    .chat-details-panel {
        display: none !important;
    }

    .metrics-row {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
.btn-push-enable {
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #2563eb, #9333ea);
    color: #fff;
    padding: 10px 14px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .25);
}

.btn-push-enable:hover {
    filter: brightness(1.08);
}
.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{text-decoration:none;color:#e5e7eb;background:rgba(15,27,45,.88);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:16px;box-shadow:0 16px 36px rgba(0,0,0,.20)}.project-card.is-late{border-color:rgba(239,68,68,.55)}.project-card-head{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;margin-bottom:10px}.project-color{width:14px;height:14px;border-radius:50%}.project-card-head strong{color:#fff}.project-card-head em{font-style:normal;color:#93c5fd;font-size:11px;font-weight:800}.project-card p{color:#94a3b8;font-size:13px;min-height:42px}.project-meta{display:grid;gap:4px;color:#cbd5e1;font-size:12px;margin:12px 0}.progress-line{height:8px;border-radius:999px;background:rgba(148,163,184,.16);overflow:hidden}.progress-line i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e)}.project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.project-summary div{background:rgba(23,35,56,.72);border-radius:14px;padding:12px}.project-summary strong,.project-summary span{display:block}.project-summary strong{color:#94a3b8;font-size:12px}.project-summary span{color:#fff;font-weight:800;margin-top:4px}.project-kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;align-items:start;overflow-x:auto;padding-bottom:10px}.kanban-column{min-height:68vh;background:rgba(15,27,45,.78);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:10px}.kanban-column.drag-over{border-color:rgba(37,99,235,.65);background:rgba(37,99,235,.12)}.kanban-column-head{border-top:4px solid #2563eb;display:flex;justify-content:space-between;padding:10px 6px;color:#fff}.kanban-cards{display:grid;gap:10px;min-height:80px}.task-card{background:rgba(23,35,56,.96);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px;cursor:grab}.task-card.dragging{opacity:.45}.task-card.is-late{border-color:rgba(239,68,68,.55)}.task-card-top{display:flex;justify-content:space-between;gap:10px}.task-card-top strong{color:#fff;font-size:14px}.task-card-top em{font-style:normal;font-size:10px;color:#fde68a;font-weight:900}.task-card p{color:#94a3b8;font-size:12px}.task-card-meta{display:flex;justify-content:space-between;gap:8px;color:#cbd5e1;font-size:11px;margin:10px 0}.add-card-link{display:block;padding:12px 6px;color:#93c5fd;font-size:12px;text-decoration:none}@media(max-width:900px){.projects-grid,.project-summary{grid-template-columns:1fr!important}.project-kanban{grid-template-columns:1fr!important;overflow:visible!important}.kanban-column{min-height:auto}}
.activity-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-bottom:16px}.activity-summary-list{display:grid;gap:10px}.activity-summary-list div{background:rgba(23,35,56,.72);border-radius:14px;padding:12px}.activity-summary-list strong,.activity-summary-list span{display:block}.activity-summary-list strong{color:#94a3b8;font-size:12px}.activity-summary-list span{color:#fff;font-weight:800;margin-top:4px}.comment-form textarea{width:100%;margin-bottom:10px}.comments-list{display:grid;gap:10px;margin-top:14px}.comments-list article{background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:12px}.comments-list strong{color:#fff}.comments-list small{display:block;color:#94a3b8;margin-top:2px}.comments-list p{color:#cbd5e1;margin-top:8px}.history-list{display:grid;gap:8px}.history-list div{border-left:3px solid #2563eb;padding:8px 12px;background:rgba(23,35,56,.46);border-radius:12px}.history-list strong{color:#fff;display:block}.history-list span{color:#94a3b8;font-size:12px}.history-list p{color:#cbd5e1;margin:4px 0 0}.check-item{display:flex;align-items:center;gap:10px;background:rgba(23,35,56,.62);border-radius:12px;padding:9px;margin-bottom:8px}.check-item input{width:18px;height:18px}.check-item .done{text-decoration:line-through;color:#94a3b8}.inline-form{display:flex;gap:8px;margin-top:12px}.inline-form input{flex:1}.inline-form button{border:0;border-radius:12px;padding:0 14px;background:#2563eb;color:#fff;font-weight:800}.project-dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.project-dashboard-metrics div{background:rgba(23,35,56,.72);border-radius:14px;padding:12px}.project-dashboard-metrics strong{display:block;color:#fff;font-size:24px}.project-dashboard-metrics span{color:#94a3b8;font-size:12px}.dashboard-task-list{display:grid;gap:8px}.dashboard-task-list a{display:block;text-decoration:none;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:10px}.dashboard-task-list strong{color:#fff;display:block}.dashboard-task-list span,.dashboard-task-list small{color:#94a3b8;display:block;margin-top:3px}@media(max-width:900px){.activity-detail-grid,.project-dashboard-metrics{grid-template-columns:1fr}.inline-form{display:grid}.inline-form button{height:40px}}
.task-card{cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.task-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.65);box-shadow:0 12px 28px rgba(0,0,0,.24)}.task-card:focus{outline:2px solid rgba(37,99,235,.75);outline-offset:2px}.task-card-actions{margin-top:10px;display:flex;justify-content:flex-end}.task-open-link{display:inline-flex;align-items:center;justify-content:center;color:#bfdbfe!important;background:rgba(37,99,235,.14);border:1px solid rgba(37,99,235,.28);border-radius:10px;padding:6px 9px;text-decoration:none;font-size:12px;font-weight:800}.task-open-link:hover{background:rgba(37,99,235,.28)}.kanban-column.drag-over{border-color:rgba(34,197,94,.75)!important;background:rgba(34,197,94,.10)!important}.task-card.dragging{opacity:.55;transform:rotate(1deg) scale(.98)}
.docs-list,
.permissions-list {
    display: grid;
    gap: 12px;
}

.doc-item,
.permission-card {
    background: rgba(23, 35, 56, .78);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 16px;
    padding: 14px;
}

.doc-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
}

.doc-item strong,
.permission-card strong {
    display: block;
    color: #fff;
}

.doc-item span,
.permission-card span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-top: 3px;
}

.doc-item p {
    color: #cbd5e1;
    margin: 8px 0 0;
}

.doc-actions {
    display: flex;
    gap: 8px;
    align-items: start;
}

.doc-actions a {
    text-decoration: none;
    color: #bfdbfe;
    background: rgba(37, 99, 235, .16);
    border: 1px solid rgba(37, 99, 235, .24);
    border-radius: 10px;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 800;
}

.permission-card {
    display: grid;
    grid-template-columns: 1.4fr 160px repeat(5, minmax(150px, 1fr));
    gap: 10px;
    align-items: center;
}

.permission-card label {
    color: #cbd5e1;
    font-size: 12px;
}

.permission-card input[type="checkbox"] {
    margin-right: 6px;
}

@media(max-width: 1100px) {
    .permission-card,
    .doc-item {
        grid-template-columns: 1fr;
    }

    .doc-actions {
        flex-wrap: wrap;
    }
}
.participants-list{display:grid;gap:12px}.participant-card{background:rgba(23,35,56,.78);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:14px;display:grid;grid-template-columns:1.2fr 2fr auto;gap:12px;align-items:start}.participant-card strong{color:#fff;display:block}.participant-card span{color:#94a3b8;font-size:12px}.participant-card form{display:grid;grid-template-columns:160px repeat(4,minmax(120px,1fr)) 80px;gap:8px;align-items:center}.participant-card label{color:#cbd5e1;font-size:12px}.participant-card button{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:8px;font-weight:800}.danger-link{color:#fecaca;background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.28);padding:8px 10px;border-radius:10px;text-decoration:none;font-weight:800;font-size:12px}.personal-kanban{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));gap:14px;overflow-x:auto}.personal-column{min-height:68vh;background:rgba(15,27,45,.78);border:1px solid rgba(148,163,184,.12);border-radius:18px;padding:10px}.personal-column.drag-over{border-color:rgba(34,197,94,.75);background:rgba(34,197,94,.10)}.personal-cards{display:grid;gap:10px;min-height:90px}.personal-task-card{background:rgba(23,35,56,.96);border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:12px;cursor:pointer}.personal-task-card:hover{border-color:rgba(37,99,235,.65)}.personal-task-card.dragging{opacity:.55}.personal-task-card.is-late{border-color:rgba(239,68,68,.55)}.personal-task-card strong{color:#fff;display:block}.personal-task-card p{color:#94a3b8;font-size:12px}.personal-task-card div{display:flex;justify-content:space-between;color:#cbd5e1;font-size:11px}@media(max-width:1100px){.participant-card,.participant-card form{grid-template-columns:1fr}.personal-kanban{grid-template-columns:1fr;overflow:visible}.personal-column{min-height:auto}}
.dashboard-modern {
    padding-bottom: 32px;
}

.dashboard-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .28), transparent 34%),
        linear-gradient(135deg, rgba(15, 27, 45, .96), rgba(23, 35, 56, .88));
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    box-shadow: 0 20px 50px rgba(0,0,0,.26);
}

.dash-eyebrow {
    color: #93c5fd;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.dashboard-hero h1 {
    color: #fff;
    font-size: 34px;
    margin: 6px 0;
}

.dashboard-hero p {
    color: #94a3b8;
    margin: 0;
}

.dashboard-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dashboard-hero-actions a,
.dash-panel-head a {
    color: #fff;
    background: rgba(37, 99, 235, .82);
    border: 1px solid rgba(147, 197, 253, .24);
    border-radius: 14px;
    text-decoration: none;
    padding: 10px 14px;
    font-weight: 900;
    font-size: 13px;
}

.dash-metrics-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.dash-metric {
    background: rgba(15, 27, 45, .88);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 18px;
    padding: 16px;
}

.dash-metric strong {
    display: block;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.dash-metric span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-top: 8px;
}

.dash-metric.danger {
    border-color: rgba(239, 68, 68, .40);
}

.dash-metric.warning {
    border-color: rgba(245, 158, 11, .45);
}

.dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: start;
}

.dashboard-main-column,
.dashboard-side-column {
    display: grid;
    gap: 18px;
}

.dash-panel {
    background: rgba(15, 27, 45, .88);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 22px;
    padding: 16px;
    box-shadow: 0 16px 38px rgba(0,0,0,.18);
}

.dash-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

.dash-panel-head.compact {
    margin-bottom: 10px;
}

.dash-panel h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.dash-panel p {
    color: #94a3b8;
    margin: 4px 0 0;
    font-size: 13px;
}

.dash-task-list {
    display: grid;
    gap: 10px;
}

.dash-task-list a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 16px;
    padding: 12px;
    text-decoration: none;
}

.dash-task-list a.is-late {
    border-color: rgba(239, 68, 68, .45);
    background: rgba(127, 29, 29, .16);
}

.dash-task-list strong {
    color: #fff;
    display: block;
}

.dash-task-list span,
.dash-task-list em {
    color: #94a3b8;
    font-size: 12px;
    font-style: normal;
}

.dash-task-list em {
    white-space: nowrap;
}

.dash-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dash-project-card {
    text-decoration: none;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 18px;
    padding: 14px;
}

.dash-project-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dash-project-title i {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

.dash-project-title strong {
    color: #fff;
}

.dash-project-card span,
.dash-project-card small {
    color: #94a3b8;
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.dash-project-progress {
    height: 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .16);
    overflow: hidden;
    margin-top: 12px;
}

.dash-project-progress b {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #22c55e);
}

.dash-quick-links {
    display: grid;
    gap: 10px;
}

.dash-quick-links a,
.dash-chat-list a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    color: #e5e7eb;
    text-decoration: none;
    border-radius: 14px;
    padding: 12px;
    font-weight: 800;
}

.dash-chat-list {
    display: grid;
    gap: 10px;
}

.dash-chat-list strong {
    color: #fff;
}

.dash-chat-list span {
    color: #93c5fd;
    font-size: 12px;
}

.dash-status-list {
    display: grid;
    gap: 10px;
}

.dash-status-list div {
    display: flex;
    justify-content: space-between;
    background: rgba(23, 35, 56, .82);
    border-radius: 14px;
    padding: 10px 12px;
}

.dash-status-list span {
    color: #94a3b8;
}

.dash-status-list strong {
    color: #fff;
}

.dash-empty {
    color: #94a3b8;
    padding: 10px;
}

@media(max-width: 1200px) {
    .dash-metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-layout {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 760px) {
    .dashboard-hero {
        display: grid;
    }

    .dashboard-hero h1 {
        font-size: 26px;
    }

    .dashboard-hero-actions a {
        width: 100%;
        text-align: center;
    }

    .dash-metrics-grid,
    .dash-project-grid {
        grid-template-columns: 1fr;
    }

    .dash-task-list a {
        display: grid;
    }
}
.dashboard-modern {
    padding-bottom: 32px;
}

.dashboard-hero {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, .28), transparent 34%),
        linear-gradient(135deg, rgba(15, 27, 45, .96), rgba(23, 35, 56, .88));
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 24px;
    padding: 24px;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
    box-shadow: 0 20px 50px rgba(0,0,0,.26);
}

.dash-eyebrow {
    color: #93c5fd;
    font-weight: 900;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.dashboard-hero h1 {
    color: #fff;
    font-size: 34px;
    margin: 6px 0;
}

.dashboard-hero p {
    color: #94a3b8;
    margin: 0;
}

.dashboard-hero-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.dashboard-hero-actions a,
.dash-panel-head a {
    color: #fff;
    background: rgba(37, 99, 235, .82);
    border: 1px solid rgba(147, 197, 253, .24);
    border-radius: 14px;
    text-decoration: none;
    padding: 10px 14px;
    font-weight: 900;
    font-size: 13px;
}

.dash-metrics-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.dash-metric {
    background: rgba(15, 27, 45, .88);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 18px;
    padding: 16px;
}

.dash-metric strong {
    display: block;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.dash-metric span {
    display: block;
    color: #94a3b8;
    font-size: 12px;
    margin-top: 8px;
}

.dash-metric.danger {
    border-color: rgba(239, 68, 68, .40);
}

.dash-metric.warning {
    border-color: rgba(245, 158, 11, .45);
}

.dashboard-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 18px;
    align-items: start;
}

.dashboard-main-column,
.dashboard-side-column {
    display: grid;
    gap: 18px;
}

.dash-panel {
    background: rgba(15, 27, 45, .88);
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 22px;
    padding: 16px;
    box-shadow: 0 16px 38px rgba(0,0,0,.18);
}

.dash-panel-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin-bottom: 14px;
}

.dash-panel-head.compact {
    margin-bottom: 10px;
}

.dash-panel h2 {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.dash-panel p {
    color: #94a3b8;
    margin: 4px 0 0;
    font-size: 13px;
}

.dash-task-list {
    display: grid;
    gap: 10px;
}

.dash-task-list a {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 16px;
    padding: 12px;
    text-decoration: none;
}

.dash-task-list a.is-late {
    border-color: rgba(239, 68, 68, .45);
    background: rgba(127, 29, 29, .16);
}

.dash-task-list strong {
    color: #fff;
    display: block;
}

.dash-task-list span,
.dash-task-list em {
    color: #94a3b8;
    font-size: 12px;
    font-style: normal;
}

.dash-task-list em {
    white-space: nowrap;
}

.dash-project-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.dash-project-card {
    text-decoration: none;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    border-radius: 18px;
    padding: 14px;
}

.dash-project-title {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dash-project-title i {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

.dash-project-title strong {
    color: #fff;
}

.dash-project-card span,
.dash-project-card small {
    color: #94a3b8;
    font-size: 12px;
    display: block;
    margin-top: 6px;
}

.dash-project-progress {
    height: 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .16);
    overflow: hidden;
    margin-top: 12px;
}

.dash-project-progress b {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, #2563eb, #22c55e);
}

.dash-quick-links {
    display: grid;
    gap: 10px;
}

.dash-quick-links a,
.dash-chat-list a {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    background: rgba(23, 35, 56, .82);
    border: 1px solid rgba(148, 163, 184, .12);
    color: #e5e7eb;
    text-decoration: none;
    border-radius: 14px;
    padding: 12px;
    font-weight: 800;
}

.dash-chat-list {
    display: grid;
    gap: 10px;
}

.dash-chat-list strong {
    color: #fff;
}

.dash-chat-list span {
    color: #93c5fd;
    font-size: 12px;
}

.dash-status-list {
    display: grid;
    gap: 10px;
}

.dash-status-list div {
    display: flex;
    justify-content: space-between;
    background: rgba(23, 35, 56, .82);
    border-radius: 14px;
    padding: 10px 12px;
}

.dash-status-list span {
    color: #94a3b8;
}

.dash-status-list strong {
    color: #fff;
}

.dash-empty {
    color: #94a3b8;
    padding: 10px;
}

@media(max-width: 1200px) {
    .dash-metrics-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .dashboard-layout {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 760px) {
    .dashboard-hero {
        display: grid;
    }

    .dashboard-hero h1 {
        font-size: 26px;
    }

    .dashboard-hero-actions a {
        width: 100%;
        text-align: center;
    }

    .dash-metrics-grid,
    .dash-project-grid {
        grid-template-columns: 1fr;
    }

    .dash-task-list a {
        display: grid;
    }
}
.agenda-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px}.agenda-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.agenda-head h2{color:#fff;margin:0}.agenda-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.agenda-day{min-height:120px;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:8px}.agenda-day.today{border-color:rgba(37,99,235,.7)}.agenda-day strong{color:#fff;display:block;margin-bottom:6px}.agenda-event-mini{display:block;text-decoration:none;color:#e5e7eb;background:rgba(37,99,235,.18);border-radius:8px;padding:5px;margin-top:4px;font-size:11px}.agenda-side{display:grid;gap:8px}.agenda-list-item{display:block;text-decoration:none;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:10px}.agenda-list-item strong{display:block;color:#fff}.agenda-list-item span,.agenda-list-item small{display:block;color:#94a3b8;font-size:12px;margin-top:3px}@media(max-width:1000px){.agenda-layout{grid-template-columns:1fr}.agenda-calendar-grid{grid-template-columns:1fr}.agenda-day{min-height:auto}}
.agenda-view-panel{display:grid;gap:14px}.agenda-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.agenda-period-nav{display:flex;align-items:center;gap:12px}.agenda-period-nav a,.agenda-view-tabs a{background:rgba(23,35,56,.78);border:1px solid rgba(148,163,184,.14);border-radius:12px;color:#e5e7eb;text-decoration:none;padding:9px 12px;font-weight:800}.agenda-period-nav strong{color:#fff;font-size:18px}.agenda-date-form input{background:#0b1628;border:1px solid #26344f;border-radius:12px;color:#fff;padding:9px}.agenda-view-tabs{display:flex;gap:8px}.agenda-view-tabs a.active{background:#2563eb;color:#fff}.agenda-week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.agenda-week-days span{color:#94a3b8;font-size:12px;font-weight:800;text-align:center}.agenda-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.agenda-day{min-height:125px;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:8px}.agenda-day.empty{opacity:.25}.agenda-day.today,.agenda-week-column.today{border-color:rgba(37,99,235,.75)}.agenda-day-number{display:inline-flex;color:#fff;text-decoration:none;font-weight:900;margin-bottom:6px}.agenda-event-mini{display:block;text-decoration:none;color:#e5e7eb;background:rgba(37,99,235,.18);border-radius:8px;padding:5px;margin-top:4px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.origem-tarefa_pessoal{background:rgba(37,99,235,.18)!important}.origem-atividade_projeto{background:rgba(34,197,94,.18)!important}.origem-evento{background:rgba(147,51,234,.18)!important}.agenda-week-view{display:grid;grid-template-columns:repeat(7,minmax(170px,1fr));gap:10px;overflow-x:auto}.agenda-week-column{background:rgba(15,27,45,.78);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:10px;min-height:430px}.agenda-week-title{text-decoration:none;display:flex;justify-content:space-between;color:#fff;margin-bottom:10px}.agenda-week-title span{color:#94a3b8}.agenda-week-events{display:grid;gap:8px}.agenda-event-card,.agenda-day-event{display:block;text-decoration:none;background:rgba(23,35,56,.82);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:10px}.agenda-event-card strong,.agenda-day-event strong{color:#fff;display:block}.agenda-event-card span,.agenda-day-event span,.agenda-event-card small,.agenda-day-event small{color:#94a3b8;font-size:12px;display:block;margin-top:3px}.agenda-empty-day{color:#64748b;font-size:12px;text-align:center;margin-top:20px}.agenda-day-view{display:grid;gap:14px}.agenda-day-header{background:rgba(23,35,56,.72);border-radius:16px;padding:16px}.agenda-day-header h2{color:#fff;margin:0}.agenda-day-header span{color:#94a3b8}.agenda-day-list{display:grid;gap:10px}.agenda-day-event{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px}.agenda-day-hour{color:#93c5fd;font-weight:900}.agenda-day-event p{color:#cbd5e1;margin:6px 0}.agenda-empty-full{background:rgba(23,35,56,.72);border:1px dashed rgba(148,163,184,.22);border-radius:16px;color:#fff;padding:24px;text-align:center}.agenda-empty-full span{display:block;color:#94a3b8;margin-top:4px}@media(max-width:1000px){.agenda-calendar-grid,.agenda-week-days{grid-template-columns:1fr}.agenda-day{min-height:auto}.agenda-week-view{grid-template-columns:1fr;overflow:visible}.agenda-week-column{min-height:auto}.agenda-day-event{grid-template-columns:1fr}}
.project-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.project-tabs a{text-decoration:none;color:#e5e7eb;background:rgba(23,35,56,.78);border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:9px 12px;font-weight:800;font-size:13px}.project-tabs a:hover{background:rgba(37,99,235,.22)}.gantt-panel{overflow-x:auto}.gantt-header,.gantt-row{display:grid;grid-template-columns:280px minmax(900px,1fr);gap:14px;align-items:center}.gantt-header{color:#fff;margin-bottom:12px}.gantt-scale{display:flex;justify-content:space-between;color:#94a3b8;font-size:11px;border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:8px}.gantt-body{display:grid;gap:10px}.gantt-task-name{text-decoration:none;background:rgba(23,35,56,.72);border-radius:12px;padding:10px}.gantt-task-name strong{display:block;color:#fff}.gantt-task-name span{display:block;color:#94a3b8;font-size:12px;margin-top:3px}.gantt-line{position:relative;height:38px;background:repeating-linear-gradient(90deg,rgba(148,163,184,.08),rgba(148,163,184,.08) 1px,transparent 1px,transparent 60px);border-radius:12px}.gantt-bar{position:absolute;top:6px;height:26px;border-radius:999px;background:rgba(37,99,235,.28);border:1px solid rgba(37,99,235,.45);overflow:hidden;text-decoration:none;min-width:24px}.gantt-bar.late{background:rgba(239,68,68,.26);border-color:rgba(239,68,68,.5)}.gantt-bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e)}.gantt-bar b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px}.timeline-list{position:relative;display:grid}.timeline-item{display:grid;grid-template-columns:90px 26px minmax(0,1fr);gap:12px;text-decoration:none;color:inherit}.timeline-date{text-align:right;padding-top:14px}.timeline-date strong{display:block;color:#fff}.timeline-date span{color:#94a3b8;font-size:12px}.timeline-dot{position:relative}.timeline-dot:before{content:'';position:absolute;top:0;bottom:0;left:12px;width:2px;background:rgba(148,163,184,.18)}.timeline-dot:after{content:'';position:absolute;top:18px;left:5px;width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid #0f1b2d}.timeline-content{background:rgba(23,35,56,.78);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:14px;margin:8px 0}.timeline-content strong{display:block;color:#fff}.timeline-content span{display:block;color:#93c5fd;font-size:12px;margin-top:3px}.timeline-content p{color:#cbd5e1;font-size:13px}.project-dashboard-main{grid-template-columns:repeat(6,minmax(0,1fr))!important}.project-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.status-bars{display:grid;gap:12px}.status-bar-row{display:grid;grid-template-columns:130px 1fr 40px;gap:10px;align-items:center;color:#cbd5e1}.status-bar-row div{height:10px;background:rgba(148,163,184,.16);border-radius:999px;overflow:hidden}.status-bar-row i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e)}.responsavel-list,.dependency-list{display:grid;gap:8px}.responsavel-list div,.dependency-list div{display:flex;justify-content:space-between;gap:10px;background:rgba(23,35,56,.72);border-radius:12px;padding:10px;color:#cbd5e1}.dependency-list strong,.dependency-list b{color:#fff}@media(max-width:1000px){.project-dashboard-main,.project-dashboard-grid{grid-template-columns:1fr!important}.gantt-header,.gantt-row{grid-template-columns:220px minmax(700px,1fr)}}
.activity-participants-list{display:grid;gap:12px}.activity-participant-card{display:grid;grid-template-columns:minmax(220px,1fr) 160px 140px 90px 90px;gap:10px;align-items:center;background:rgba(23,35,56,.74);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:12px}.activity-participant-card strong{display:block;color:#fff}.activity-participant-card span{display:block;color:#94a3b8;font-size:12px;margin-top:3px}.activity-participant-card select{background:#0b1628;border:1px solid #26344f;border-radius:10px;color:#fff;padding:9px}.activity-participant-card label{color:#cbd5e1;font-size:12px}.activity-participant-card button{border:0;border-radius:10px;background:#2563eb;color:#fff;padding:9px;font-weight:800}.activity-participants-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.activity-participants-chips span{background:rgba(37,99,235,.16);border:1px solid rgba(37,99,235,.28);color:#bfdbfe;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}@media(max-width:1000px){.activity-participant-card{grid-template-columns:1fr}}
.new-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 140px;gap:12px}.activity-user-select-list{display:grid;gap:10px;max-height:580px;overflow:auto;padding-right:4px}.activity-user-select-card{background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:12px}.activity-user-select-card>label{display:flex;gap:10px;align-items:flex-start;margin:0}.activity-user-select-card strong{display:block;color:#fff}.activity-user-select-card small{display:block;color:#94a3b8;font-size:11px;margin-top:2px}.activity-user-options{display:grid;grid-template-columns:1fr 80px;gap:8px;margin-top:10px}.activity-user-options select{background:#0b1628;border:1px solid #26344f;border-radius:10px;color:#fff;padding:8px}.inline-check{display:flex;gap:5px;align-items:center;color:#cbd5e1;font-size:12px}.full-btn{width:100%;margin-top:14px}@media(max-width:1000px){.new-activity-layout,.form-grid-2,.form-grid-3,.activity-user-options{grid-template-columns:1fr}}
.gmb-date-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.gmb-date-wrapper input[type="date"] {
    width: 100%;
    padding-right: 44px !important;
    color-scheme: dark;
    cursor: pointer;
}

.gmb-date-wrapper input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1 !important;
    display: block !important;
    cursor: pointer;
    filter: invert(1);
}

.gmb-date-button {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 10px;
    background: rgba(37, 99, 235, .22);
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gmb-date-button:hover {
    background: rgba(37, 99, 235, .38);
}

.gmb-date-wrapper input[readonly] + .gmb-date-button,
.gmb-date-wrapper input[disabled] + .gmb-date-button {
    opacity: .35;
    cursor: not-allowed;
}
.new-activity-layout{
    display:grid;
    grid-template-columns: 1fr 420px;
    gap:20px;
    align-items:start;
}

.form-grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.form-grid-3{
    display:grid;
    grid-template-columns:1fr 1fr 150px;
    gap:15px;
}

.form-panel label{
    display:block;
    margin-top:10px;
    margin-bottom:5px;
    font-weight:600;
    color:#fff;
}

.form-panel input,
.form-panel select,
.form-panel textarea{
    width:100%;
    padding:10px;
    border-radius:8px;
    border:1px solid #334155;
    background:#0f172a;
    color:#fff;
}

.form-panel textarea{
    min-height:120px;
    resize:vertical;
}

.full-btn{
    width:100%;
    margin-top:20px;
}

@media(max-width:1000px){

    .new-activity-layout{
        grid-template-columns:1fr;
    }

    .form-grid-2,
    .form-grid-3{
        grid-template-columns:1fr;
    }
}
.activity-extras-grid{display:grid;grid-template-columns:1fr 420px;gap:16px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2{margin:0;color:#fff}.panel-title span{background:rgba(37,99,235,.2);border:1px solid rgba(37,99,235,.35);color:#bfdbfe;border-radius:999px;padding:6px 10px;font-weight:900}.inline-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.inline-form input,.comment-form textarea{background:#0b1628;border:1px solid #26344f;border-radius:12px;color:#fff;padding:10px}.inline-form button{border:0;border-radius:12px;background:#2563eb;color:#fff;padding:0 14px;font-weight:900}.checklist-list,.attachment-list,.comments-list{display:grid;gap:10px;margin-top:12px}.checklist-item{display:flex;justify-content:space-between;gap:10px;align-items:center;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:10px}.checklist-item label{display:flex;align-items:center;gap:8px;color:#e5e7eb}.checklist-item.done span{text-decoration:line-through;color:#94a3b8}.checklist-item a,.attachment-list a{color:#bfdbfe;text-decoration:none;font-size:12px;font-weight:800}.attachment-list article{display:flex;justify-content:space-between;gap:10px;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:10px}.attachment-list strong,.comments-list strong{display:block;color:#fff}.attachment-list span,.comments-list span{display:block;color:#94a3b8;font-size:12px;margin-top:3px}.comments-panel{margin-top:16px}.comment-form{display:grid;gap:10px}.comments-list article{background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:12px}.comments-list p{color:#cbd5e1;margin:8px 0 0}@media(max-width:1000px){.activity-extras-grid{grid-template-columns:1fr}.inline-form{grid-template-columns:1fr}.attachment-list article{display:grid}}
.document-filter-panel{margin-bottom:16px}.document-filter-form{display:grid;grid-template-columns:1fr 220px auto;gap:10px}.document-filter-form input,.document-filter-form select{background:#0b1628;border:1px solid #26344f;border-radius:12px;color:#fff;padding:10px}.document-filter-form button{border:0;border-radius:12px;background:#2563eb;color:#fff;padding:0 16px;font-weight:900}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.document-card,.document-detail-grid .board-panel{background:rgba(15,27,45,.88);border:1px solid rgba(148,163,184,.14);border-radius:18px;padding:16px}.document-cat{display:inline-flex;gap:7px;align-items:center;background:color-mix(in srgb,var(--doc-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--doc-color) 45%,transparent);border-radius:999px;padding:6px 10px;color:#fff;font-size:12px;font-weight:900}.document-card h2{color:#fff;font-size:17px;margin:12px 0 6px}.document-card p{color:#94a3b8;font-size:13px;min-height:38px}.document-meta{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.document-meta span{background:rgba(148,163,184,.12);border-radius:999px;padding:5px 8px;color:#cbd5e1;font-size:11px}.document-actions{display:flex;flex-wrap:wrap;gap:8px}.document-actions a{background:rgba(37,99,235,.18);border:1px solid rgba(37,99,235,.28);border-radius:10px;color:#bfdbfe;text-decoration:none;padding:8px 10px;font-size:12px;font-weight:900}.document-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;margin-bottom:16px}.detail-actions{margin-top:16px}.doc-info-list{display:grid;gap:10px}.doc-info-list div{background:rgba(23,35,56,.72);border-radius:12px;padding:10px}.doc-info-list span{display:block;color:#94a3b8;font-size:12px}.doc-info-list strong{display:block;color:#fff;margin-top:3px}.doc-version-list{display:grid;gap:10px}.doc-version-list article{display:flex;justify-content:space-between;gap:10px;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:14px;padding:12px}.doc-version-list strong{color:#fff}.doc-version-list span{display:block;color:#94a3b8;font-size:12px;margin-top:4px}.doc-version-list p{color:#cbd5e1}.doc-version-list a{color:#bfdbfe;text-decoration:none;font-weight:900}@media(max-width:1100px){.document-grid,.document-detail-grid{grid-template-columns:1fr}.document-filter-form{grid-template-columns:1fr}.doc-version-list article{display:grid}}
.approval-box{background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:12px;margin:12px 0;color:#fde68a}.approval-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.approval-actions a,.approval-actions button{border:0;border-radius:10px;padding:9px 12px;font-weight:900;text-decoration:none;color:#fff;background:#2563eb}.approval-actions .reject{background:#dc2626}.dependency-warning{background:rgba(239,68,68,.14);border:1px solid rgba(239,68,68,.35);border-radius:16px;padding:12px;margin:12px 0;color:#fecaca}.notification-list{display:grid;gap:10px}.notification-item{display:flex;justify-content:space-between;gap:14px;text-decoration:none;background:rgba(23,35,56,.72);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:12px}.notification-item.unread{border-color:rgba(37,99,235,.6);background:rgba(37,99,235,.14)}.notification-item strong{display:block;color:#fff}.notification-item span{display:block;color:#94a3b8;margin-top:3px}.notification-item small{color:#93c5fd;white-space:nowrap}.top-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:900}
.mention-wrapper{position:relative}.mention-box{position:absolute;left:0;right:0;bottom:100%;margin-bottom:6px;background:#0f1b2d;border:1px solid rgba(148,163,184,.22);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.35);z-index:20;overflow:hidden}.mention-item{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;border:0;background:transparent;color:#fff;padding:10px 12px;cursor:pointer;text-align:left}.mention-item:hover{background:rgba(37,99,235,.22)}.mention-item strong{font-size:13px}.mention-item span{color:#93c5fd;font-size:12px}.comment-form textarea[data-mentions='1']{min-height:90px}
.preferences-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.preferences-form{display:grid;gap:10px}.preferences-preview{display:grid;gap:16px}.preview-card{background:var(--gmb-surface-2,#111827);border:1px solid var(--gmb-border,rgba(148,163,184,.14));border-radius:var(--gmb-radius,18px);padding:18px}.preview-badge{display:inline-flex;background:color-mix(in srgb,var(--gmb-primary,#2563eb) 18%,transparent);border:1px solid color-mix(in srgb,var(--gmb-primary,#2563eb) 35%,transparent);color:var(--gmb-primary,#2563eb);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.preview-card h3{color:var(--gmb-text,#fff);margin:14px 0 4px}.preview-card p{color:var(--gmb-muted,#94a3b8)}.preview-buttons{display:flex;gap:8px;margin-top:14px}.preview-buttons button{border:0;border-radius:10px;background:var(--gmb-primary,#2563eb);color:#fff;padding:9px 12px;font-weight:900}.preview-buttons a{border-radius:10px;background:color-mix(in srgb,var(--gmb-primary,#2563eb) 14%,transparent);color:var(--gmb-primary,#2563eb);padding:9px 12px;font-weight:900}.preview-kanban{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.preview-kanban div{background:var(--gmb-surface-2,#111827);border:1px solid var(--gmb-border,rgba(148,163,184,.14));border-radius:12px;color:var(--gmb-text,#fff);padding:12px;text-align:center;font-weight:900}.inline-check{display:flex!important;gap:8px;align-items:center;color:var(--gmb-text,#fff)}@media(max-width:1000px){.preferences-grid{grid-template-columns:1fr}.preview-kanban{grid-template-columns:1fr}}
.preferences-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.preferences-form{display:grid;gap:10px}.preferences-preview{display:grid;gap:16px}.preview-card{background:var(--gmb-surface-2,#111827);border:1px solid var(--gmb-border,rgba(148,163,184,.14));border-radius:var(--gmb-radius,18px);padding:18px}.preview-badge{display:inline-flex;background:color-mix(in srgb,var(--gmb-primary,#2563eb) 18%,transparent);border:1px solid color-mix(in srgb,var(--gmb-primary,#2563eb) 35%,transparent);color:var(--gmb-primary,#2563eb);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.preview-card h3{color:var(--gmb-text,#fff);margin:14px 0 4px}.preview-buttons{display:flex;gap:8px;margin-top:14px}.preview-buttons button{border:0;border-radius:10px;background:var(--gmb-primary,#2563eb);color:#fff;padding:9px 12px;font-weight:900}.preview-buttons a{border-radius:10px;background:color-mix(in srgb,var(--gmb-primary,#2563eb) 14%,transparent);color:var(--gmb-primary,#2563eb);padding:9px 12px;font-weight:900}.preview-kanban{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.preview-kanban div{background:var(--gmb-surface-2,#111827);border:1px solid var(--gmb-border,rgba(148,163,184,.14));border-radius:12px;color:var(--gmb-text,#fff);padding:12px;text-align:center;font-weight:900}.inline-check{display:flex!important;gap:8px;align-items:center;color:var(--gmb-text,#fff)}@media(max-width:1000px){.preferences-grid{grid-template-columns:1fr}.preview-kanban{grid-template-columns:1fr}}
body.gmb-theme-CLARO,
body.gmb-theme-CLARO *{
    color: var(--gmb-text) !important;
}

body.gmb-theme-CLARO .muted,
body.gmb-theme-CLARO small,
body.gmb-theme-CLARO .text-muted{
    color: var(--gmb-muted) !important;
}

body.gmb-theme-CLARO a{
    color: var(--gmb-primary) !important;
}

body.gmb-theme-CLARO th{
    color:#0f172a !important;
}

body.gmb-theme-CLARO td{
    color:#334155 !important;
}

body.gmb-theme-CLARO label{
    color:#0f172a !important;
}

body.gmb-theme-CLARO .topbar h1,
body.gmb-theme-CLARO .board-panel h2,
body.gmb-theme-CLARO .card h2,
body.gmb-theme-CLARO h1,
body.gmb-theme-CLARO h2,
body.gmb-theme-CLARO h3,
body.gmb-theme-CLARO strong{
    color:#0f172a !important;
}