: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}
}


/* === DREAM MOB 06 — MOBILE RETRATO / HORIZONTAL COMO DESKTOP === */
@media screen and (orientation: landscape) and (max-height: 560px) and (min-width: 640px) {
  body{height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:row!important}
  .mobile-menu-btn{display:none!important}
  .sidebar{position:relative!important;left:0!important;top:0!important;width:220px!important;min-width:220px!important;height:100vh!important;border-right:1px solid #222!important;box-shadow:none!important;padding-bottom:0!important}
  .brand-zone{padding:14px 12px!important}.menu-item{padding:10px 13px!important;font-size:.78rem!important;gap:8px!important}
  .main-content{width:auto!important;overflow:hidden!important;flex:1!important}.top-header{padding:10px 16px!important;min-height:52px!important}
  .tab-content{height:calc(100vh - 52px)!important;overflow:auto!important;padding:16px!important}
  .metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.metric-card{padding:14px!important}.metric-card .value{font-size:1.55rem!important}
  .kanban-board{height:calc(100vh - 150px)!important;scroll-snap-type:none!important}.kanban-column{min-width:255px!important;scroll-snap-align:none!important}
  .form-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:10px!important}.col-12{grid-column:span 12!important}.col-7{grid-column:span 7!important}.col-6{grid-column:span 6!important}.col-4{grid-column:span 4!important}.col-3{grid-column:span 3!important}.col-2{grid-column:span 2!important}
  .split-workspace{display:grid!important;grid-template-columns:340px 1fr!important;gap:14px!important;height:calc(100vh - 100px)!important}.split-controls,.split-preview{height:100%!important;overflow:auto!important;padding:16px!important}
  .chat-container{height:calc(100vh - 108px)!important;min-height:0!important}.chat-sidebar{display:block!important;width:300px!important;height:100%!important}.chat-main{display:flex!important;width:auto!important;height:100%!important}.wa-mobile-back{display:none!important}
  .modal-overlay{align-items:center!important;overflow:auto!important;padding:10px!important}.modal-card{max-height:94vh!important;margin:0!important}.modal-body{overflow:auto!important}
}

/* ===== DREAM SCORE v935 ===== */
.dream-score-header{margin-right:12px;border:1px solid #494136;background:#171512;color:#fff;border-radius:999px;padding:7px 12px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:.72rem;letter-spacing:.06em}.dream-score-header strong{font-size:1rem}.score-light,.score-mini-light{display:inline-block;border-radius:50%;background:#f0b429}.score-light{width:12px;height:12px}.score-mini-light{width:10px;height:10px;flex:0 0 10px}.score-green .score-light,.score-mini-light.score-green{background:#3ee57c;box-shadow:0 0 5px #3ee57c,0 0 13px #3ee57c,0 0 22px rgba(62,229,124,.6)}.score-yellow .score-light,.score-mini-light.score-yellow{background:#ffd43b;box-shadow:0 0 5px #ffd43b,0 0 13px #ffd43b,0 0 22px rgba(255,212,59,.55)}.score-red .score-light,.score-mini-light.score-red{background:#ff4d4f;box-shadow:0 0 5px #ff4d4f,0 0 13px #ff4d4f,0 0 22px rgba(255,77,79,.6)}
.score-page-hero{display:flex;align-items:center;gap:28px;padding:28px;border:1px solid #332d25;background:linear-gradient(135deg,#161411,#0d0c0b);border-radius:12px;margin-bottom:22px}.score-big-light{width:126px;height:126px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #423c32;background:#0a0a09;flex:0 0 126px}.score-big-light span{position:absolute;inset:14px;border-radius:50%;border:7px solid currentColor;opacity:.9;filter:drop-shadow(0 0 9px currentColor)}.score-green .score-big-light{color:#3ee57c}.score-yellow .score-big-light{color:#ffd43b}.score-red .score-big-light{color:#ff4d4f}.score-big-light strong{font-size:2rem;color:#fff;z-index:2}.score-big-light small{position:absolute;bottom:24px;font-size:.65rem;color:#aaa}.score-kicker{font-size:.7rem;letter-spacing:.2em;color:var(--color-gold)}.score-page-hero h2{font-size:1.8rem;margin:6px 0}.score-page-hero p{color:#aaa}
.score-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.score-component{background:#151515;border:1px solid #2f2b25;border-radius:9px;padding:16px}.score-component-top{display:flex;align-items:center;gap:9px}.score-component-top b{flex:1}.score-component-top strong{color:var(--color-gold);font-size:.8rem}.score-track{height:6px;background:#2b2926;border-radius:9px;margin:13px 0;overflow:hidden}.score-track i{display:block;height:100%;background:linear-gradient(90deg,#a8864b,#e1c47d)}.score-component button,.score-issue button{background:none;border:0;color:var(--color-gold);cursor:pointer;padding:0;font-size:.75rem}
.score-actions{margin-top:22px;border:1px solid #302c26;background:#12110f;border-radius:10px;padding:18px}.score-actions h3{margin:0 0 13px}.score-issue,.score-ok{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #292621}.score-issue:first-of-type{border-top:0}.score-issue div,.score-ok div{flex:1}.score-issue p,.score-ok p{margin:3px 0 0;color:#96918a;font-size:.8rem}.score-issue button{border:1px solid #4a4031;padding:6px 10px;border-radius:5px}
.roma-pricing-audit{margin-top:16px;border:1px solid #5a4931;background:#13110e;border-radius:7px;padding:13px}.roma-pricing-audit>b{color:var(--color-gold)}.roma-pricing-audit>small{display:block;color:#777;margin-top:5px}.roma-audit-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.roma-audit-head b{color:var(--color-gold)}.roma-audit-head span{font-size:.65rem;color:#777}.roma-audit-total{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 0}.roma-audit-total span{font-size:.7rem;background:#1b1915;padding:7px}.roma-audit-total b{display:block;color:#ddd;margin-top:2px}.roma-audit-list>div{padding:9px 0;border-top:1px solid #29251f}.roma-audit-list strong,.roma-audit-list small,.roma-audit-list span,.roma-audit-list em{display:block}.roma-audit-list small{color:#777}.roma-audit-list span{font-size:.68rem;margin-top:3px}.roma-audit-list em{font-size:.65rem;color:#aa956e;margin-top:3px;font-style:normal}
@media(max-width:760px){.dream-score-header{padding:6px 8px;margin-right:7px}.score-head-label{display:none}.score-page-hero{align-items:flex-start;padding:18px;gap:15px}.score-big-light{width:92px;height:92px;flex-basis:92px}.score-big-light strong{font-size:1.45rem}.score-big-light small{bottom:15px}.score-component-grid{grid-template-columns:1fr}.score-page-hero h2{font-size:1.3rem}.roma-audit-total{grid-template-columns:1fr}.roma-audit-head{align-items:flex-start;flex-direction:column}}

/* ===== DREAM SCORE LEGIBILIDADE CLARA v940 ===== */
.score-page-hero{background:linear-gradient(135deg,#fbf8f2,#eee7dc)!important;border-color:#d8ccb8!important;color:#2b241c!important}.score-page-hero h2{color:#2b241c!important}.score-page-hero p{color:#62594d!important}.score-kicker{color:#8b6827!important;font-weight:800}.score-big-light{background:#fff!important;border-color:#d7ccbc!important}.score-big-light strong{color:#201b15!important}.score-big-light small{color:#6f665a!important}.score-component{background:#fff!important;border-color:#ddd2c2!important;color:#2b241c!important;box-shadow:0 7px 24px rgba(60,43,20,.07)}.score-component-top b{color:#2b241c!important}.score-component-top strong{color:#6e511d!important;font-size:.88rem!important}.score-track{background:#e7dfd4!important}.score-component button{color:#72501a!important;font-weight:800!important;text-decoration:underline;text-underline-offset:3px}.score-actions{background:#fff!important;border-color:#ddd2c2!important;color:#2b241c!important;box-shadow:0 7px 24px rgba(60,43,20,.07)}.score-actions h3,.score-issue b,.score-ok b{color:#2b241c!important}.score-issue,.score-ok{border-color:#e9e0d4!important}.score-issue p,.score-ok p{color:#62594d!important;font-size:.88rem!important;line-height:1.45}.score-issue button{color:#6d4b18!important;border-color:#b99a62!important;background:#fbf6ec!important}.roma-pricing-audit{background:#fff!important;border-color:#d6c8b2!important;color:#2b241c!important}.roma-pricing-audit>small,.roma-audit-list small,.roma-audit-head span{color:#6a6155!important}.roma-audit-total span{background:#f4efe7!important}.roma-audit-total b{color:#2b241c!important}.roma-audit-list>div{border-color:#e7ded1!important}.roma-audit-list em{color:#735a31!important}

/* ===== FICHA TECNICA XML EDITAVEL v940 ===== */
.env-tech-title{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important}.env-tech-title small{font-weight:600;color:#8e8375;margin-left:8px}.env-tech-add{width:auto!important;padding:7px 10px!important}.env-tech-note{background:#f7f2e9;color:#4f463b;border:1px solid #dfd4c3;border-radius:7px;padding:10px 12px;font-size:.8rem;line-height:1.45;margin-bottom:10px}.env-tech-list{display:flex;flex-direction:column;gap:10px;max-height:52vh;overflow:auto;padding-right:4px}.env-tech-empty{padding:22px;border:1px dashed #cfc2ae;background:#faf7f2;color:#665d51;text-align:center;border-radius:7px}.env-tech-row{background:#fff;border:1px solid #ded5c8;border-radius:8px;padding:11px;color:#2b241c;box-shadow:0 5px 16px rgba(50,38,20,.05)}.env-tech-main{display:grid;grid-template-columns:190px minmax(220px,1.6fr) minmax(160px,1fr);gap:8px}.env-tech-main input,.env-tech-main select,.env-tech-meta input{background:#fff!important;color:#2b241c!important;border:1px solid #cfc5b7!important}.env-tech-meta{display:grid;grid-template-columns:105px 85px 150px minmax(180px,1fr) 38px;gap:8px;align-items:end;margin-top:8px}.env-tech-meta label{font-size:.7rem;color:#6b6257}.env-tech-info{min-width:0;align-self:center}.env-tech-info span,.env-tech-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.env-tech-info span{font-size:.72rem;color:#584e41}.env-tech-info small{font-size:.65rem;color:#84796b;margin-top:3px}.env-tech-delete{color:#b42318!important;border:1px solid #e1bcb7!important;background:#fff6f5!important;border-radius:6px!important;height:38px!important}.env-tech-row option{color:#2b241c;background:#fff}@media(max-width:760px){.env-tech-title{align-items:stretch!important;flex-direction:column!important}.env-tech-add{width:100%!important}.env-tech-list{max-height:none}.env-tech-main{grid-template-columns:1fr}.env-tech-meta{grid-template-columns:1fr 1fr}.env-tech-info{grid-column:1/-1}.env-tech-delete{grid-column:1/-1;width:100%!important}}

/* ===== DREAM LIGHT OVERRIDES v940 ===== */
.score-page-hero,.score-component,.score-actions,.roma-pricing-audit{background:#fff!important;color:#231f1a!important;border-color:#dfd5c7!important;box-shadow:0 10px 28px rgba(71,55,35,.06)}
.score-page-hero h2,.score-page-hero p,.score-component-top b,.score-actions h3,.score-issue b,.score-ok b,.roma-pricing-audit,.roma-pricing-audit b,.roma-audit-total b,.roma-audit-list strong{color:#231f1a!important}
.score-page-hero p,.score-issue p,.score-ok p,.roma-pricing-audit small,.roma-audit-list small,.roma-audit-list span,.roma-audit-list em{color:#6f675e!important}
.score-track{background:#eee7dd!important}.score-component button,.score-issue button{color:#8e6828!important}.score-issue button{border-color:#cdbb9f!important;background:#fff!important}
.score-issue,.score-ok,.roma-audit-list>div{border-color:#e8dfd2!important}.roma-audit-total span{background:#f7f2eb!important;color:#4b443c!important}
.score-big-light{background:#fff!important;border-color:#d7c9b6!important}.score-big-light strong{color:#231f1a!important}.score-big-light small{color:#746a5e!important}
#tabContract .roma-pricing-audit{background:#fff!important;color:#231f1a!important}

.comm-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}.comm-mode-btn{border:1px solid #d8cebf;background:#fff;color:#27231f;border-radius:10px;padding:12px 16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;cursor:pointer}.comm-mode-btn i{grid-row:1/3;font-size:1.35rem;align-self:center}.comm-mode-btn span{font-weight:800;letter-spacing:.04em}.comm-mode-btn small{color:#776f66}.comm-mode-btn.active{border-color:#9d762b;box-shadow:0 0 0 2px rgba(157,118,43,.12)}.comm-mode-btn.external.active{border-color:#128c7e;box-shadow:0 0 0 2px rgba(18,140,126,.12)}
.client-wa-layout{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100vh - 270px);min-height:520px;border:1px solid #d9d0c4;border-radius:10px;overflow:hidden;background:#fff}.client-wa-sidebar{border-right:1px solid #ddd3c5;background:#faf8f4;padding:12px;overflow:auto}.client-wa-status{display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid #e0d7ca;border-radius:9px;margin-bottom:10px}.client-wa-status>span{width:11px;height:11px;border-radius:50%;background:#d6a928;box-shadow:0 0 10px rgba(214,169,40,.45)}.client-wa-status.connected>span{background:#25d366;box-shadow:0 0 10px rgba(37,211,102,.6)}.client-wa-status b,.client-wa-status small{display:block}.client-wa-status small{color:#746d64;margin-top:2px}.client-wa-list{margin-top:10px}.client-wa-row{display:flex;gap:10px;padding:11px;border-bottom:1px solid #e6dfd5;cursor:pointer;background:#fff}.client-wa-row:hover,.client-wa-row.active{background:#f0eadf}.client-wa-row b,.client-wa-row small{display:block}.client-wa-row small{color:#736d65;margin-top:2px}.client-wa-main{position:relative;background:#f4efe8}.client-wa-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#665e55}.client-wa-empty i{font-size:3rem;color:#25d366}.client-wa-conversation{height:100%;display:grid;grid-template-rows:auto auto 1fr auto}.client-wa-head{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;background:#fff;border-bottom:1px solid #ddd3c5}.client-wa-head b,.client-wa-head span{display:block}.client-wa-head span{color:#746d64;font-size:.82rem}.external-badge{font-size:.7rem;font-weight:900;color:#fff;background:#128c7e;padding:6px 9px;border-radius:999px;letter-spacing:.05em}.client-wa-warning{display:flex;gap:9px;padding:10px 16px;background:#fff5d9;color:#5c4921;border-bottom:1px solid #e7d39a;font-size:.82rem}.client-wa-messages{overflow:auto;padding:18px}.client-wa-input{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:10px;background:#fff;border-top:1px solid #ddd3c5}.client-wa-input textarea{resize:none;min-height:42px;max-height:120px}.client-wa-input button{border:0;border-radius:8px;padding:0 13px;cursor:pointer}.client-wa-send{background:#128c7e;color:#fff;font-weight:800}.client-wa-send:disabled{opacity:.45;cursor:not-allowed}.client-wa-msg{max-width:72%;padding:9px 11px;border-radius:10px;margin-bottom:8px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08)}.client-wa-msg.out{margin-left:auto;background:#d9fdd3}.client-wa-msg small{display:block;color:#777;margin-top:4px;font-size:.68rem}

/* Mobile scroll containment v940 */
@media (max-width: 900px){
  .modal-card,.modal-body,.chat-sidebar,.chat-messages,.client-wa-sidebar,.client-wa-messages,.cms-list,.cms-editor,.split-controls,.split-preview,.kanban-board,.search-results,.notification-panel,.calendar-grid,.agenda-events{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
  .modal-overlay.active,.sidebar.open{overscroll-behavior:none}
  body.modal-open,body.mobile-panel-open{overflow:hidden!important;position:fixed!important;width:100%!important;left:0;right:0}
  .chat-container,.client-wa-layout{min-height:0}
  .chat-sidebar,.chat-main,.chat-messages,.client-wa-sidebar,.client-wa-main,.client-wa-messages{min-height:0}
}

@media(max-width:900px){body:has(.modal-overlay.active),body:has(.sidebar.open){overflow:hidden!important;overscroll-behavior:none!important}.modal-overlay.active{touch-action:none}.modal-overlay.active .modal-card,.modal-overlay.active .modal-body{touch-action:pan-y}}

/* ===== FINAL v944: layout, mobile e assinatura Klyon ===== */
.office-klyon-credit{margin-top:auto;padding:14px 12px 16px;border-top:1px solid #2b2b2b;display:flex;flex-direction:column;align-items:center;gap:4px;color:#16d9ff;font-size:9px;letter-spacing:.3px;text-align:center;flex:0 0 auto}.office-klyon-credit img{display:block;width:76px;max-height:38px;object-fit:contain}.sidebar{display:flex;flex-direction:column}.menu-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}.tab-content{max-width:100%;overflow-x:hidden}.split-workspace{max-width:100%}.split-controls,.split-preview{min-width:0}.modal-card{max-width:calc(100vw - 24px)}
@media(max-width:900px){.main-content{margin-left:0!important;width:100%!important;min-width:0}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,300px)!important;z-index:12000!important;transform:translateX(-102%);transition:transform .22s ease;box-shadow:10px 0 35px rgba(0,0,0,.38)}.sidebar.open{transform:translateX(0)}.top-header{padding:10px 12px!important;gap:8px;min-width:0}.top-header>div{min-width:0}.top-header #loggedUser{max-width:110px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-content{padding:14px!important;min-width:0}.split-workspace{grid-template-columns:1fr!important;display:grid!important;gap:14px!important}.calendar-wrapper{grid-template-columns:1fr!important}.comm-mode-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px}.client-wa-layout{grid-template-columns:1fr!important}.client-wa-sidebar{max-height:280px;min-width:0}.client-wa-main{min-height:420px;min-width:0}.chart-card{max-width:100%;overflow:auto}.dash-details-table{min-width:640px}.form-grid{grid-template-columns:repeat(12,minmax(0,1fr))!important}.modal-card{width:calc(100vw - 18px)!important;max-height:94dvh!important}.modal-body{overflow:auto!important}.hero-actions,.kanban-actions-mobile{max-width:100%;overflow-x:auto}.dream-score-header{transform:scale(.9);transform-origin:center}.office-klyon-credit{padding-bottom:10px}}
@media(max-width:600px){.col-3,.col-4,.col-6,.col-8,.col-9{grid-column:1/-1!important}.col-12{grid-column:1/-1!important}.comm-mode-tabs{grid-template-columns:1fr!important}.chat-container{height:calc(100dvh - 190px)!important;min-height:460px!important}.chat-sidebar,.chat-main{min-width:0!important}.client-wa-input{grid-template-columns:auto minmax(0,1fr) auto!important}.client-wa-send{padding:8px 10px!important}.top-header #viewAsBtn span{display:none}.top-header #viewAsBtn{padding:8px!important;margin-right:4px!important}.metric-card{min-width:0}.metrics-grid{grid-template-columns:1fr!important}.score-component-grid{grid-template-columns:1fr!important}}

/* ===== REFINO FINAL v945 ===== */
.pie-graphic{box-shadow:0 0 10px rgba(0,229,255,.5),0 0 26px rgba(0,229,255,.26),0 0 52px rgba(212,175,55,.25)!important;filter:drop-shadow(0 0 7px rgba(0,229,255,.28));border-color:rgba(0,229,255,.45)!important}.pie-graphic:hover{box-shadow:0 0 14px rgba(0,229,255,.7),0 0 34px rgba(0,229,255,.36),0 0 64px rgba(212,175,55,.3)!important}.pie-graphic::after{border:1px solid rgba(0,229,255,.25);box-shadow:inset 0 0 22px rgba(0,0,0,.42),0 0 13px rgba(0,229,255,.18)!important}.pie-legend-row{margin-bottom:9px;color:#ddd;font-weight:500;line-height:1.35}.pie-legend-row b{color:#fff!important}
.office-klyon-credit img{width:92px!important;max-height:68px!important;height:auto!important;object-fit:contain!important;border-radius:5px}.office-klyon-credit span{font-size:8px;line-height:1.25}.chat-container{border:1px solid #d9d0c4;border-radius:10px;overflow:hidden;background:#fff}.chat-sidebar{background:#faf8f4!important;border-right:1px solid #ddd3c5!important}.wa-sidebar-top{display:block!important;background:#faf8f4!important;padding:12px!important}.wa-sidebar-top .wa-search-wrap{background:#fff!important;border:1px solid #e0d7ca!important;margin-bottom:10px}.wa-sidebar-top .wa-search-wrap input{color:#26231f!important}.wa-list-section-title{background:#faf8f4!important;color:#746d64!important}.wa-chat-row{background:#fff!important;border-bottom:1px solid #e6dfd5!important}.wa-chat-row:hover,.wa-chat-row.active{background:#f0eadf!important;border-left-color:#128c7e!important}.wa-chat-row-top b{color:#26231f!important}.wa-chat-row-top>span,.wa-chat-row-bottom>span{color:#746d64!important}.chat-main{background:#f4efe8!important}.chat-header{background:#fff!important;border-bottom:1px solid #ddd3c5!important}.wa-chat-head-text b{color:#26231f!important}.wa-chat-head-text span{color:#746d64!important}.chat-messages{background:#f4efe8!important}.msg-bubble{background:#fff!important;color:#26231f!important;box-shadow:0 1px 2px rgba(0,0,0,.09)!important}.msg-row.mine .msg-bubble{background:#d9fdd3!important}.msg-meta{color:#777!important}.wa-date-sep span{background:#fff!important;color:#665e55!important}.chat-input-area{background:#fff!important;border-top:1px solid #ddd3c5!important}.chat-input-area input{background:#fff!important;color:#26231f!important;border-color:#ddd3c5!important}.chat-file-btn,.chat-send-btn,.comm-mode-btn,#btnChatMembers{animation:none!important;transition:background .16s ease,border-color .16s ease,opacity .16s ease!important}.chat-send-btn{background:#128c7e!important;color:#fff!important}.wa-empty-list{color:#746d64!important}#internalWaStatus{padding:11px 12px!important;background:#fff!important;border:1px solid #e0d7ca!important;border-radius:9px!important;margin:0 0 10px!important;color:#746d64!important}#internalWaStatus.connected{color:#128c7e!important;font-weight:700}
@media(max-width:900px){body{min-height:100dvh!important;height:auto!important}.top-header{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:auto auto auto auto 1fr auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:7px 9px!important;padding-top:max(10px,env(safe-area-inset-top))!important;padding-right:max(12px,env(safe-area-inset-right))!important;padding-bottom:10px!important;padding-left:max(12px,env(safe-area-inset-left))!important;min-height:0!important}.top-header>.mobile-menu-btn:first-child{grid-column:1!important;grid-row:1!important;margin:0!important}.top-header #dreamScoreHeader{grid-column:2!important;grid-row:1!important;margin:0!important;transform:none!important}.top-header #viewAsBtn{grid-column:3!important;grid-row:1!important;margin:0!important}.top-header>.notif-btn{grid-column:4!important;grid-row:1!important;margin:0!important}.top-header>div[onclick*="openMyProfile"]{grid-column:1/-1!important;grid-row:2!important;width:100%!important;margin:0!important;justify-content:flex-start!important;gap:9px!important}.top-header>div[onclick*="openMyProfile"]>div:last-child{min-width:0!important;display:flex!important;gap:4px!important;align-items:center!important}.top-header #loggedUser{max-width:none!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.top-header>.mobile-menu-btn:last-child{grid-column:6!important;grid-row:1!important;margin:0!important}.sidebar{padding-top:max(0px,env(safe-area-inset-top))!important;padding-bottom:max(10px,env(safe-area-inset-bottom))!important}.tab-content{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.chat-container,.client-wa-layout{height:calc(100dvh - 250px)!important;min-height:430px!important}.office-klyon-credit img{width:82px!important;max-height:60px!important}}
@media(orientation:landscape) and (max-height:560px) and (min-width:640px) and (max-width:1200px){body{display:block!important;height:auto!important;min-height:100dvh!important;overflow:auto!important}.mobile-menu-btn{display:block!important}.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(42vw,300px)!important;min-width:0!important;height:100dvh!important;transform:translateX(-102%)!important;z-index:12000!important}.sidebar.open{transform:translateX(0)!important}.main-content{width:100%!important;overflow:visible!important}.top-header{min-height:0!important}.tab-content{height:auto!important;min-height:calc(100dvh - 104px)!important;overflow:visible!important;padding:12px!important}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chat-container,.client-wa-layout{height:calc(100dvh - 170px)!important;min-height:300px!important}.chat-sidebar{width:100%!important}.split-workspace{height:auto!important}}

/* v945b chat mesmo visual do WhatsApp cliente */
.chat-container{height:calc(100vh - 270px)!important;min-height:520px!important}.chat-sidebar{width:340px!important}.chat-main{min-width:0!important}.wa-sidebar-top #internalWaStatus{order:-1}.wa-search-wrap{min-height:42px}.chat-header #btnChatMembers{background:#fff!important;color:#4f4942!important;border-color:#d9d0c4!important;box-shadow:none!important}