:root {
    --color-bg-dark: #070707; --color-surface: #111111; --color-surface-hover: #1a1a1a;
    --color-gold: #D4AF37; --color-gold-hover: #FFDF00; --color-text: #ffffff; --color-danger: #D32F2F;
    --col-lead: #D4AF37; --col-projeto: #2196F3; --col-apres: #FF5722; --col-orca: #9C27B0; --col-fechado: #4CAF50;
    --neon-gold: 0 0 10px #D4AF37, 0 0 20px #D4AF37, 0 0 40px rgba(212, 175, 55, 0.6);
    --neon-danger: 0 0 10px #D32F2F, 0 0 20px #D32F2F;
    --neon-card: 0 4px 15px rgba(0, 0, 0, 0.9);
}
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, sans-serif; }
body { background-color: var(--color-bg-dark); color: var(--color-text); height: 100vh; overflow: hidden; display: flex; }

input, select, textarea { width: 100%; padding: 10px; background: #1c1c1c; border: 1px solid #444; border-radius: 4px; color: #fff; outline: none; transition: 0.3s; font-size: 0.85rem;}
input:focus, select:focus, textarea:focus { border-color: var(--color-gold); box-shadow: var(--neon-gold); }
input:disabled, select:disabled, textarea:disabled { opacity: 0.5; cursor: not-allowed; background: #333; }
.btn-primary-gold { background: var(--color-gold); color: #000; padding: 10px 15px; border: none; border-radius: 4px; font-weight: bold; cursor: pointer; transition: 0.3s; text-transform: uppercase; letter-spacing: 0.5px;}
.btn-primary-gold:hover { background: var(--color-gold-hover); box-shadow: var(--neon-gold); transform: translateY(-2px); }
.btn-primary-gold:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: none; }
.btn-secondary { background: #333; color: #fff; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; transition: 0.3s; }
.btn-secondary:hover { background: #555; }
.btn-danger { background: var(--color-danger); color: #fff; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; transition: 0.3s; font-weight: bold;}
.btn-danger:hover { background: #ff5252; box-shadow: var(--neon-danger); }
.btn-icon-link { background: none; border: none; color: #888; cursor: pointer; transition: 0.2s; padding: 5px; }
.btn-icon-link:hover { color: var(--color-gold); text-shadow: var(--neon-gold); }
.btn-icon-link:disabled { opacity: 0.5; cursor: not-allowed; }

.view-container { display: none; width: 100vw; height: 100vh; }
.view-container.active { display: flex; }

#loginContainer { justify-content: center; align-items: center; background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%); z-index: 10000; }
.login-card { background: var(--color-surface); padding: 40px; border-radius: 8px; width: 380px; text-align: center; border: 1px solid #ffffff; }

.main-content { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
.tab-content { display: none; padding: 30px; overflow-y: auto; height: calc(100vh - 65px); }
.tab-content.active { display: block; animation: fadeIn 0.4s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

.top-header { padding: 15px 30px; background: var(--color-surface); border-bottom: 1px solid #222; font-size: 1.1rem; box-shadow: 0 2px 10px rgba(0,0,0,0.5); z-index: 9980; position: relative;}
.sidebar { width: 260px; background: #050505; border-right: 1px solid #222; display: flex; flex-direction: column; z-index: 9990; position: relative;}
.brand-zone { text-align: center; padding: 25px 20px; border-bottom: 1px solid #1a1a1a; }
.menu-item { padding: 16px 20px; color: #888; cursor: pointer; border-left: 4px solid transparent; transition: 0.3s; display: flex; align-items: center; gap: 12px; font-size: 0.95rem; }
.menu-item:hover { background: var(--color-surface); color: #fff; }
.menu-item.active { background: #1a1a1a; color: var(--color-gold); border-left-color: var(--color-gold); font-weight: bold; text-shadow: 0 0 8px rgba(212, 175, 55, 0.8); }

.modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.9); display: none; justify-content: center; align-items: center; z-index: 10000; padding: 20px; backdrop-filter: blur(5px); }
.modal-overlay.active { display: flex; animation: fadeIn 0.3s; }
.modal-card { background: var(--color-surface); width: 100%; border-radius: 8px; border: 1px solid #444; display: flex; flex-direction: column; max-height: 95vh; box-shadow: var(--neon-gold); }
.modal-header { padding: 15px 20px; border-bottom: 1px solid #333; display: flex; justify-content: space-between; align-items: center; background: #050505; border-radius: 8px 8px 0 0; }
.modal-body { padding: 25px; overflow-y: auto; flex: 1; }
.modal-footer { padding: 15px 20px; border-top: 1px solid #333; display: flex; justify-content: flex-end; gap: 10px; background: #050505; border-radius: 0 0 8px 8px; }

.metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
.metric-card { background: var(--color-surface); padding: 25px; border-radius: 8px; border-top: 3px solid var(--color-gold); box-shadow: var(--neon-card); transition: 0.3s; position: relative; overflow: hidden; cursor: pointer; }
.metric-card:hover, .metric-card.active-filter { box-shadow: var(--neon-gold); transform: translateY(-3px); background: #1a1a1a; }
.metric-card.lost { border-top-color: var(--color-danger); }
.metric-card.lost:hover, .metric-card.lost.active-filter { box-shadow: var(--neon-danger); }
.metric-card.closed { border-top-color: var(--col-fechado); }
.metric-card.closed:hover, .metric-card.closed.active-filter { box-shadow: 0 0 15px rgba(76,175,80,0.8); }
.metric-card h3 { font-size: 0.9rem; color: #aaa; text-transform: uppercase; margin-bottom: 10px; }
.metric-card .value { font-size: 2.2rem; font-weight: bold; color: #fff; text-shadow: 0 0 15px rgba(255,255,255,0.4); }

.chart-card { background: var(--color-surface); padding: 25px; border-radius: 8px; border: 1px solid #222; box-shadow: var(--neon-card); }
.pie-graphic { width: 220px; height: 220px; border-radius: 50%; margin: 0 auto; position: relative; box-shadow: 0 0 40px rgba(212, 175, 55, 0.4); transition: 0.5s; border: 2px solid #333; display: flex; justify-content: center; align-items: center; }
.pie-graphic:hover { box-shadow: var(--neon-gold); transform: scale(1.02); }
/* Centralização exata do círculo preto interno */
.pie-graphic::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 140px; height: 140px; background: var(--color-surface); border-radius: 50%; box-shadow: inset 0 0 20px rgba(0,0,0,0.9); }

.dash-details-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.dash-details-table th { padding: 12px; border-bottom: 2px solid var(--color-gold); color: var(--color-gold); text-align: left; text-transform: uppercase; letter-spacing: 1px;}
.dash-details-table td { padding: 12px; border-bottom: 1px solid #222; }

.kanban-board { display: flex; gap: 15px; height: calc(100vh - 200px); overflow-x: auto; padding-bottom: 15px; }
.kanban-column { flex: 1; min-width: 280px; background: #0c0c0c; border-radius: 8px; display: flex; flex-direction: column; border: 1px solid #222; box-shadow: inset 0 0 20px rgba(0,0,0,0.5); }
.kanban-header { padding: 15px; font-weight: bold; font-size: 0.95rem; background: #151515; text-transform: uppercase; text-align: center; border-bottom: 3px solid #333; border-radius: 8px 8px 0 0; text-shadow: 0 0 10px rgba(255,255,255,0.2); }
.kanban-cards { flex: 1; padding: 10px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; }
.kanban-card { background: var(--color-surface); border: 1px solid #333; padding: 15px; border-radius: 6px; cursor: pointer; transition: 0.3s; position: relative; }
.kanban-card:hover { border-color: var(--color-gold); box-shadow: var(--neon-gold); transform: translateY(-4px); }

.form-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 12px; }
.col-12 { grid-column: span 12; } .col-6 { grid-column: span 6; } .col-4 { grid-column: span 4; } .col-3 { grid-column: span 3; } .col-7 { grid-column: span 7; } .col-2 { grid-column: span 2; }
.form-section-title { grid-column: span 12; color: var(--color-gold); font-size: 0.9rem; border-bottom: 1px solid #333; padding-bottom: 5px; margin-top: 20px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }

.split-workspace { display: grid; grid-template-columns: 400px 1fr; gap: 25px; height: calc(100vh - 120px); }
.split-controls { background: var(--color-surface); padding: 25px; border-radius: 8px; overflow-y: auto; border: 1px solid #222; box-shadow: var(--neon-card); }
.split-preview { background: #ffffff; color: #000; padding: 40px; border-radius: 8px; overflow-y: auto; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.search-results { background: #222; border: 1px solid var(--color-gold); max-height: 200px; overflow-y: auto; display: none; border-radius: 4px; margin-top: 5px; box-shadow: var(--neon-gold); position: relative; z-index: 10;}
.search-item { padding: 12px; cursor: pointer; border-bottom: 1px solid #333; font-size: 0.85rem; color: #ccc;}
.search-item:hover { background: var(--color-gold); color: #000; font-weight: bold; }

.perm-check-container { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; color: #ccc; cursor: pointer; background: #1a1a1a; padding: 8px 12px; border-radius: 4px; border: 1px solid #333; transition: 0.3s;}
.perm-check-container:hover { border-color: var(--color-gold); }
.perm-check-container input { width: auto; cursor: pointer; accent-color: var(--color-gold); }

.mobile-menu-btn { display: none; background: none; border: none; color: var(--color-gold); font-size: 1.5rem; cursor: pointer; padding: 5px; }

@media screen and (max-width: 768px) {
    body { flex-direction: column; overflow-y: auto; height: 100vh; overflow-x: hidden; }
    .login-card { width: 90%; padding: 25px 20px; }
    .mobile-menu-btn { display: block; }
    .top-header { padding: 15px; font-size: 1rem; z-index: 9980; justify-content: flex-start;}
    .sidebar { position: fixed; top: 0; left: -100%; width: 280px; height: 100vh; background: #050505; z-index: 9995; transition: left 0.3s ease-in-out; border-right: 2px solid var(--color-gold); box-shadow: 15px 0 25px rgba(0,0,0,0.9); display: flex; padding-bottom: 20px; }
    .sidebar.open { left: 0; }
    .brand-zone { padding: 25px 15px; }
    .main-content { overflow-y: auto; flex: 1; width: 100vw; position: relative; }
    .tab-content { height: auto; padding: 15px; overflow-y: visible; }
    .metrics-grid { grid-template-columns: 1fr; gap: 15px; margin-bottom: 20px; }
    #tabDashboard > div[style*="grid-template-columns"] { display: flex !important; flex-direction: column; gap: 20px !important; }
    .chart-card { padding: 15px; overflow-x: auto; }
    
    /* Centralização perfeita mobile */
    .pie-graphic { width: 160px; height: 160px; }
    .pie-graphic::after { width: 100px; height: 100px; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    
    .dash-details-table { display: block; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
    .kanban-board { height: 65vh; padding-bottom: 10px; scroll-snap-type: x mandatory; }
    .kanban-column { min-width: 85vw; scroll-snap-align: center; }
    .modal-overlay { padding: 10px; align-items: flex-start; overflow-y: auto; }
    .modal-card { width: 100%; margin: 15px 0; max-height: none; }
    .form-grid { display: flex; flex-direction: column; gap: 15px; }
    .split-workspace { display: flex; flex-direction: column; gap: 15px; height: auto; }
    .split-controls, .split-preview { height: auto; max-height: none; padding: 15px; }
    .kanban-actions-mobile { flex-direction: column; gap: 10px; align-items: stretch; margin-top: 15px; }
}
/* === AJUSTES FINAIS 05C: Ver como + Foto de perfil === */
.view-as-btn {
    width: auto;
    min-width: 92px;
    min-height: 34px;
    padding: 8px 12px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    white-space: nowrap;
    line-height: 1;
    flex: 0 0 auto;
}
.view-as-btn i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    min-width: 14px;
    height: 14px;
    line-height: 14px;
    margin: 0;
    position: static;
    transform: none;
}
.view-as-btn span { display: inline-block; line-height: 1; }

.collab-photo-section {
    text-align: center;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px dashed #333;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.collab-photo-picker {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    transition: transform .2s ease, box-shadow .2s ease;
}
.collab-photo-picker:hover {
    transform: scale(1.03);
    box-shadow: 0 0 0 2px rgba(212,175,55,.28), 0 0 18px rgba(212,175,55,.35);
}
.collab-photo-preview {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.collab-photo-preview > img,
.collab-photo-preview > div {
    display: block;
    width: 80px !important;
    height: 80px !important;
}
.collab-photo-camera {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(45,45,45,.76);
    color: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.28);
    box-shadow: 0 2px 8px rgba(0,0,0,.45);
    font-size: 12px;
    backdrop-filter: blur(2px);
    pointer-events: none;
}
.collab-photo-picker:hover .collab-photo-camera {
    background: rgba(65,65,65,.88);
    color: #fff;
}
.collab-photo-picker.is-readonly {
    cursor: default;
    pointer-events: none;
}
.collab-photo-picker.is-readonly .collab-photo-camera { display: none; }
.collab-photo-remove {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 11px;
    font-size: .78rem;
    width: auto;
}

@media screen and (max-width: 768px) {
    .view-as-btn {
        min-width: auto;
        padding: 8px 9px;
        margin-right: 8px !important;
        gap: 6px;
        font-size: .82rem;
    }
}


/* === DREAM MOB OFFICE 05D — CHAT / AUDITORIA / IMPRESSÃO === */
.audit-dashboard-card{display:flex;align-items:center;gap:16px;border:1px solid #3a3120;background:linear-gradient(90deg,rgba(212,175,55,.12),rgba(18,18,18,.96));padding:16px 18px;border-radius:10px;margin:0 0 22px;cursor:pointer;transition:.2s}.audit-dashboard-card:hover{border-color:var(--color-gold);transform:translateY(-1px)}.audit-dashboard-icon{width:46px;height:46px;border-radius:12px;background:var(--color-gold);color:#050505;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex:0 0 auto}.audit-dashboard-copy{min-width:0;flex:1}.audit-dashboard-copy>div{display:flex;gap:8px;align-items:center}.audit-dashboard-copy b{font-size:1rem;color:#fff}.audit-dashboard-copy span{display:block;color:#9f9f9f;font-size:.82rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-rename-btn{background:transparent;border:0;color:#a98a31;cursor:pointer;padding:3px}.audit-dashboard-open{color:var(--color-gold);font-size:.8rem;display:flex;gap:8px;align-items:center;white-space:nowrap}
.audit-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}.audit-page-head h2{margin:0 0 6px}.audit-page-head p{margin:0;color:#888;font-size:.85rem}.audit-notify-config{display:flex;align-items:center;gap:10px}.audit-notify-config label{font-size:.78rem;color:#9a9a9a}.audit-notify-config select{min-width:190px}.audit-filters{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) minmax(160px,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.audit-filters label{font-size:.72rem;color:#888;display:flex;flex-direction:column;gap:4px}.audit-card-list{display:flex;flex-direction:column;gap:9px}.audit-action-card{display:flex;align-items:center;gap:12px;background:#111;border:1px solid #2c2c2c;border-left:4px solid #555;padding:13px 14px;border-radius:8px;cursor:pointer}.audit-action-card:hover{background:#171717;border-color:#444}.audit-action-card.severity-important{border-left-color:var(--color-gold)}.audit-action-card.severity-risk{border-left-color:#e53935}.audit-action-icon{width:36px;height:36px;border-radius:50%;background:#202020;display:flex;align-items:center;justify-content:center;color:#aaa}.severity-important .audit-action-icon{color:var(--color-gold)}.severity-risk .audit-action-icon{color:#ef5350}.audit-action-main{flex:1;min-width:0}.audit-action-main b{color:#eee}.audit-action-main span{color:#bbb}.audit-action-main small{display:block;color:#777;margin-top:4px}.audit-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.audit-detail-grid>div{background:#111;border:1px solid #2d2d2d;padding:12px;border-radius:7px}.audit-detail-grid .full{grid-column:1/-1}.audit-detail-grid label{display:block;color:#888;font-size:.7rem;text-transform:uppercase;letter-spacing:.6px;margin-bottom:5px}.audit-detail-grid b{color:#eee;font-size:.88rem}.audit-detail-grid pre{margin:0;color:#d7d7d7;white-space:pre-wrap;font-family:inherit;line-height:1.5}.audit-detail-grid small{display:block;color:#666;margin-top:6px;word-break:break-word}
.chat-container{height:calc(100vh - 150px);min-height:560px}.chat-sidebar{width:355px;overflow-y:auto}.wa-sidebar-top{display:flex;gap:8px;padding:10px;background:#202c33;position:sticky;top:0;z-index:4}.wa-search-wrap{display:flex;align-items:center;gap:8px;background:#2a3942;border-radius:9px;padding:0 11px;flex:1}.wa-search-wrap i{color:#8696a0}.wa-search-wrap input{background:transparent!important;padding:10px 0!important;border:0!important;width:100%;color:#d1d7db;outline:0}.wa-new-group-btn{width:40px;height:40px;min-width:40px;border-radius:50%;border:0;background:#00a884;color:white;position:relative;cursor:pointer}.wa-new-group-btn .fa-plus{font-size:.55rem;position:absolute;right:6px;bottom:6px;background:#111b21;border-radius:50%;padding:2px}.wa-list-section-title{padding:9px 15px 7px;color:#7e8c95;text-transform:uppercase;letter-spacing:.8px;font-size:.66rem;font-weight:700;background:#111b21}.wa-chat-row{padding:10px 12px!important;gap:11px!important;min-height:67px;border-bottom:1px solid #202c33!important}.wa-chat-row.active{border-left:3px solid #00a884!important;background:#2a3942!important}.wa-chat-row-body{min-width:0;flex:1}.wa-chat-row-top,.wa-chat-row-bottom{display:flex;justify-content:space-between;gap:8px;align-items:center}.wa-chat-row-top b{font-size:.86rem;color:#e9edef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-chat-row-top>span{font-size:.68rem;color:#8696a0}.wa-chat-row-bottom>span{font-size:.72rem;color:#8696a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:245px}.wa-unread{font-style:normal;font-size:.65rem;min-width:19px;height:19px;padding:0 5px;background:#00a884;color:#071b16;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700}.wa-avatar-img{border-radius:50%;object-fit:cover}.wa-group-avatar{width:46px;height:46px;min-width:46px;border-radius:50%;background:#667781;color:#fff;display:flex;align-items:center;justify-content:center}.wa-group-avatar.general{background:#00a884}.wa-empty-list{padding:10px 15px;color:#65727a;font-size:.72rem}.wa-chat-header-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.wa-chat-head-text{display:flex;flex-direction:column;min-width:0}.wa-chat-head-text b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f2f3}.wa-chat-head-text span{font-size:.7rem;color:#8696a0;font-weight:400;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-mobile-back{display:none;background:transparent;border:0;color:#d1d7db;font-size:1rem;padding:5px}.chat-header{min-height:62px;padding:10px 14px}.chat-messages{padding:18px clamp(10px,4vw,55px);gap:0}.msg-row{display:flex;align-items:flex-end;gap:8px;margin:2px 0}.msg-row.new-author{margin-top:10px}.msg-row.mine{justify-content:flex-end}.msg-wrapper{max-width:min(74%,720px);position:relative}.msg-wrapper.mine{align-items:flex-end}.msg-bubble{position:relative;padding:7px 9px 5px;border-radius:8px;background:#202c33;color:#e9edef;box-shadow:0 1px 1px rgba(0,0,0,.22);min-width:88px}.msg-row.mine .msg-bubble{background:#005c4b}.msg-author{font-size:.73rem;color:#53bdeb;font-weight:700;margin-bottom:3px}.wa-message-text{font-size:.88rem;line-height:1.4;word-break:break-word}.msg-meta{display:flex;justify-content:flex-end;align-items:center;gap:4px;font-size:.62rem;color:#94a0a7;margin-top:2px;line-height:1}.wa-ticks{font-size:.78rem;letter-spacing:-2px;margin-left:1px}.wa-ticks.sent{color:#aeb7bc}.wa-ticks.read{color:#53bdeb}.wa-ticks.delivered{display:inline-flex;letter-spacing:-3px}.wa-ticks.delivered i{font-style:normal;color:#aeb7bc}.wa-ticks.delivered b{color:#53bdeb;font-weight:400}.wa-viewed-time{font-size:.56rem;color:#91a0a8;text-align:right;margin-top:3px}.msg-avatar{width:30px;min-width:30px}.msg-avatar.ghost{visibility:hidden}.msg-actions{opacity:0;transition:.15s;display:flex;gap:9px;padding:3px 4px;color:#8696a0;font-size:.72rem}.msg-wrapper:hover .msg-actions{opacity:1}.reaction-picker{display:none;position:absolute;bottom:100%;background:#23313a;padding:7px 8px;border-radius:20px;gap:5px;z-index:90;box-shadow:0 4px 14px rgba(0,0,0,.35)}.wa-date-sep{text-align:center;margin:10px 0}.wa-date-sep span{background:#182229;color:#aebac1;border-radius:6px;padding:5px 9px;font-size:.66rem;box-shadow:0 1px 2px rgba(0,0,0,.25)}.wa-reply-quote{border-left:3px solid #00a884;background:rgba(0,0,0,.18);padding:5px 7px;margin-bottom:5px;border-radius:4px;display:flex;flex-direction:column}.wa-reply-quote b{font-size:.67rem;color:#53bdeb}.wa-reply-quote span{font-size:.67rem;color:#b8c0c5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-image-attachment img{display:block;max-width:min(330px,100%);max-height:340px;border-radius:6px;margin:2px 0 4px}.wa-file-attachment{display:flex;align-items:center;gap:9px;background:rgba(0,0,0,.18);padding:9px;border-radius:6px;color:#d1d7db;text-decoration:none;margin:3px 0}.wa-chat-empty{height:100%;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;color:#667781}.wa-chat-empty i{font-size:2rem}.wa-chat-empty b{color:#9aa7ad}.chat-input-area{flex-wrap:wrap}.wa-reply-bar{width:100%;display:flex;align-items:center;justify-content:space-between;border-left:3px solid #00a884;background:#182229;border-radius:5px;padding:7px 10px;margin-bottom:2px}.wa-reply-bar>div{display:flex;flex-direction:column;min-width:0}.wa-reply-bar b{color:#53bdeb;font-size:.69rem}.wa-reply-bar span{color:#a8b2b8;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-reply-bar button{background:transparent;border:0;color:#8696a0;cursor:pointer}.wa-member-option{display:flex;align-items:center;gap:9px;color:#ddd;padding:8px 4px;border-bottom:1px solid #222;font-size:.84rem}.wa-group-members-title{color:var(--color-gold);font-weight:700;margin:18px 0 8px}.wa-group-members{max-height:320px;overflow:auto;border:1px solid #2c2c2c;border-radius:7px;padding:5px 10px;background:#111}
.fee-simulator-open{width:100%;margin-top:9px}.fee-simulator-modal{max-width:620px;height:min(84vh,780px)}.fee-simulator-modal .modal-body{padding:0 18px 18px;overflow:auto}.fee-sim-note{background:rgba(0,168,132,.08);border:1px solid rgba(0,168,132,.35);padding:10px 12px;color:#b8c7c2;border-radius:7px;font-size:.76rem;margin-bottom:8px}.fee-sim-list{display:flex;flex-direction:column}.fee-sim-row{background:transparent;border:0;border-bottom:1px solid #292929;padding:13px 3px;color:#eee;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.fee-sim-row:hover{background:#151515}.fee-sim-row>div{display:flex;flex-direction:column;gap:2px}.fee-sim-row b{font-size:.95rem}.fee-sim-row span{font-size:.76rem;color:#aaa}.fee-sim-row small{font-size:.68rem;color:#777}.fee-sim-row>i{color:#00a884}
@media(max-width:900px){.audit-filters{grid-template-columns:1fr 1fr}.audit-filters>input:first-child{grid-column:1/-1}.audit-dashboard-open{display:none}.chat-container{height:calc(100dvh - 150px);min-height:0;position:relative}.chat-sidebar{width:100%;height:100%!important;border:0}.chat-main{display:none;width:100%;height:100%}.chat-container.mobile-chat-open .chat-sidebar{display:none}.chat-container.mobile-chat-open .chat-main{display:flex}.wa-mobile-back{display:inline-flex}.chat-header{padding-left:8px}.msg-wrapper{max-width:86%}.chat-messages{padding:12px 9px}.wa-chat-row-bottom>span{max-width:70vw}.audit-detail-grid{grid-template-columns:1fr}.audit-detail-grid .full{grid-column:1}.fee-simulator-modal{width:96%;height:88vh}.audit-dashboard-card{padding:13px}.audit-dashboard-copy span{max-width:68vw}}
@media(max-width:600px){.audit-filters{grid-template-columns:1fr}.audit-filters>*{grid-column:1!important}.audit-notify-config{width:100%;align-items:flex-start;flex-direction:column}.audit-notify-config select{width:100%}.audit-dashboard-icon{width:40px;height:40px}.audit-dashboard-copy b{font-size:.9rem}.chat-header #btnChatMembers span{display:none}.chat-header #btnChatMembers{padding:8px 10px}.wa-sidebar-top{padding:8px}.wa-chat-row{padding:9px 10px!important}.wa-chat-row-top b{font-size:.83rem}.msg-bubble{font-size:.86rem}.chat-input-area{padding:8px 9px}.chat-file-btn{width:36px}.chat-send-btn{width:40px;height:40px}.wa-image-attachment img{max-height:260px}}

/* === DREAM MOB OFFICE 05E — FINALIZAÇÃO DO OFFICE === */
.track-order-section{border-top:1px dashed #333;margin-top:24px;padding-top:20px;width:100%;box-sizing:border-box}
.track-order-title{color:#fff;text-align:center;margin:0 0 21px;font-size:.98rem;letter-spacing:.15px;line-height:1.25}
.track-order-form{display:flex;gap:10px;width:100%;align-items:stretch}
.track-order-form input{flex:1;min-width:0}
.track-order-form .btn-primary-gold{width:48px;min-width:48px;padding:0;display:flex;align-items:center;justify-content:center}
.track-order-result{text-align:center;margin-top:15px;line-height:1.45}
.track-order-card{background:#111;border:1px solid var(--color-gold);padding:15px;border-radius:6px;text-align:left}
.track-order-card .track-hello{color:var(--color-gold);font-weight:700;margin-bottom:5px}
.track-order-card .track-label{font-size:.82rem;color:#bbb}
.track-order-card .track-stage{font-size:1.05rem;color:#fff;font-weight:700;margin-top:6px;display:flex;align-items:center;gap:7px}
.track-order-card.celebrate{background:linear-gradient(145deg,#111,#17140b);box-shadow:0 0 18px rgba(212,175,55,.12)}
.track-order-card.celebrate .track-message{margin-top:9px;color:#ddd;font-size:.84rem;line-height:1.55}

.chat-emoji-picker{display:none;position:absolute;left:12px;bottom:66px;z-index:50;width:min(340px,calc(100% - 24px));max-height:250px;overflow:auto;background:#202c33;border:1px solid #39464e;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.5);padding:10px}
.chat-emoji-picker.active{display:block}
.chat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}
.chat-emoji-grid button{border:0;background:transparent;font-size:1.35rem;line-height:1;width:34px;height:34px;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chat-emoji-grid button:hover{background:#2a3942}
.chat-emoji-section{font-size:.68rem;color:#8696a0;text-transform:uppercase;letter-spacing:.6px;margin:5px 4px 7px}

.audit-session-filters{grid-template-columns:minmax(240px,2fr) minmax(190px,1fr) minmax(150px,1fr) minmax(150px,1fr)}
.audit-session-card{border-left-color:#607d8b}
.audit-session-card.is-active{border-left-color:#4caf50}
.audit-session-duration{color:var(--color-gold)!important;font-weight:600}
.audit-session-bars{display:flex;flex-direction:column;gap:8px}
.audit-session-bar{display:grid;grid-template-columns:minmax(130px,1fr) 3fr 70px;gap:10px;align-items:center}
.audit-session-bar label{margin:0!important;text-transform:none!important;letter-spacing:0!important;color:#bbb!important;font-size:.78rem!important}
.audit-session-bar-track{height:7px;background:#222;border-radius:7px;overflow:hidden}
.audit-session-bar-fill{height:100%;background:var(--color-gold);border-radius:7px;min-width:2px}
.audit-session-bar span{font-size:.75rem;color:#888;text-align:right}

:root{--col-finalizado:#78909c}

@media(max-width:600px){
  .track-order-title{margin-bottom:18px}
  .chat-emoji-picker{left:8px;bottom:61px;width:calc(100% - 16px);padding:8px}
  .chat-emoji-grid{grid-template-columns:repeat(7,1fr)}
  .audit-session-filters{grid-template-columns:1fr}
  .audit-session-bar{grid-template-columns:1fr;gap:4px}
  .audit-session-bar span{text-align:left}
}

/* ===== KLYON REFINO v945 ===== */
.cadastro-klyon{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;margin-top:9px!important}.cadastro-klyon img{display:block!important;width:112px!important;height:auto!important;max-width:112px!important;max-height:82px!important;object-fit:contain!important;background:#050505!important;border-radius:6px!important;padding:2px!important}.cadastro-klyon span{display:block!important;color:#14cfee!important;font-size:8px!important;line-height:1.3!important;letter-spacing:.04em!important;text-align:center!important}
@media(max-width:600px){.cadastro-klyon img{width:96px!important;max-width:96px!important;max-height:70px!important}.cadastro-developer-footer{margin-top:18px!important;padding-top:12px!important}}