:root{font-family:'DM Sans',Arial,sans-serif;color:#213a33;background:#f7f8f5;font-synthesis:none;text-rendering:optimizeLegibility;--pine:#173d34;--pine-2:#235344;--ink:#213a33;--muted:#82908a;--line:#e7ebe6;--paper:#fff;--mint:#e8f3ed;--gold:#fff4db;--blue:#eaf1fa;--rose:#f9ece8;--shadow:0 12px 32px rgba(23,61,52,.08)}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--pine);color:#fff;padding:25px 17px 17px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;padding:2px 10px 36px}.brand-mark{width:36px;height:36px;border-radius:12px;background:#cce5d5;color:#1a4b3d;font-family:Georgia,serif;font-size:28px;line-height:35px;text-align:center;transform:rotate(-8deg)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font:800 17px Arial,sans-serif;letter-spacing:-.7px}.brand-copy small{font-size:9px;letter-spacing:1.35px;text-transform:uppercase;color:#b3c9be}.workspace-label,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.35px;color:#8d9c94}.workspace-label{padding:0 11px 12px;color:#9eb4a9}.main-nav{display:grid;gap:5px}.nav-link{position:relative;display:flex;align-items:center;gap:12px;min-height:43px;padding:0 12px;color:#cad8d0;text-decoration:none;border-radius:9px;font-size:12px}.nav-link.active{background:#2a5749;color:white;font-weight:600}.nav-link.disabled{opacity:.57;cursor:default}.nav-icon{width:17px;text-align:center;font-size:17px}.soon{margin-left:auto;font-size:8px;color:#9eb6aa}.sidebar-bottom{margin-top:auto}.help-card{position:relative;padding:16px 14px 15px;background:#214a3e;border:1px solid rgba(219,239,227,.1);border-radius:12px}.help-spark{display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:12px;border-radius:8px;background:#356657;color:#d6eadc}.help-card strong{display:block;font:600 11px Arial,sans-serif}.help-card p{margin:7px 0 0;color:#b4c9bf;font-size:10px;line-height:1.6}.profile-mini{display:flex;align-items:center;gap:9px;margin-top:16px;padding:13px 5px 1px;border-top:1px solid rgba(255,255,255,.12)}.profile-mini>span:nth-child(2){display:grid;gap:3px}.profile-mini strong{font-size:10px;font-weight:600}.profile-mini small{font-size:9px;color:#a7bdb1}.avatar{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#e7f0df;color:#355a4a;font-size:9px;font-weight:700}.profile-dots{margin-left:auto;color:#c4d3cb;letter-spacing:2px}.main-content{margin-left:250px;padding:0 35px;max-width:1800px}.demo-notice{display:flex;align-items:center;gap:9px;margin:15px 0 0;padding:10px 13px;border:1px solid #e8d9ae;border-radius:8px;background:#fff9e9;color:#695a35;font-size:10px}.demo-notice strong{font-weight:700}.notice-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#d49a28}.topbar{height:61px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;color:#8b9791}.breadcrumbs strong{color:#344a41;font-weight:600}.crumb-sep{color:#c1c9c3}.topbar-right{display:flex;align-items:center;gap:16px}.today-label{color:#74827b;font-size:10px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#66776e;font:600 13px Arial,sans-serif;cursor:pointer}.top-avatar{width:28px;height:28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:29px 0 22px}.eyebrow{margin-bottom:8px;color:#8b9890}.page-heading h1{margin:0;font:700 26px Arial,sans-serif;letter-spacing:-1.1px;color:#203c32}.page-subtitle{margin:7px 0 0;color:#829088;font-size:11px}.primary-button,.secondary-button{min-height:38px;padding:0 15px;border-radius:9px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 11px Arial,sans-serif;cursor:pointer;transition:transform .15s,background .15s}.primary-button{background:var(--pine-2);color:white;box-shadow:0 4px 10px rgba(35,83,68,.12)}.primary-button:hover{background:#194739;transform:translateY(-1px)}.primary-button>span{font-size:16px}.secondary-button{background:#f3f5f2;color:#53645b;border:1px solid var(--line)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.summary-card{min-height:104px;padding:15px 16px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.summary-label{display:block;color:#7f8d85;font-size:10px}.summary-main{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.summary-main strong{font:700 22px Arial,sans-serif;letter-spacing:-.5px;color:#254337}.summary-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;font-size:14px}.green-icon{background:var(--mint);color:#337a5d}.gold-icon{background:var(--gold);color:#b28129}.blue-icon{background:var(--blue);color:#5478a0}.rose-icon{background:var(--rose);color:#bb705a}.summary-foot{display:block;margin-top:4px;color:#9aa49e;font-size:9px}.board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 15px}.board-title{display:flex;align-items:center;gap:10px}.board-title h2{margin:0;font:700 14px Arial,sans-serif;letter-spacing:-.25px}.board-count{padding:4px 8px;border-radius:20px;background:#edf1ec;color:#738078;font-size:9px}.board-controls{display:flex;align-items:center;gap:8px}.search-box,.filter-select{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#829088}.search-box{width:220px}.search-box>span:first-child{font-size:17px}.search-box input,.filter-select select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#485b51;font:10px Arial,sans-serif}.search-box input::placeholder{color:#a0aaa4}.filter-select{width:158px}.filter-select select{appearance:none;cursor:pointer}.kanban-board{display:grid;grid-template-columns:repeat(5,minmax(195px,1fr));gap:11px;align-items:start;overflow-x:auto;padding-bottom:14px;scrollbar-color:#c8d1ca transparent;scrollbar-width:thin}.kanban-column{min-height:285px;padding:10px 9px 12px;border:1px solid #e7ebe6;border-radius:11px;background:#f0f3ef}.column-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 11px}.column-name{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#4b5d53}.stage-dot{width:7px;height:7px;border-radius:50%;background:#72a58a}.stage-dot.sage{background:#7c9e80}.stage-dot.amber{background:#d2a349}.stage-dot.blue{background:#829bb8}.stage-dot.rose{background:#bd7e69}.column-count{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:7px;background:#e2e9e2;color:#7e8c82;font-size:9px}.column-drop{min-height:231px;display:grid;align-content:start;gap:8px;border-radius:8px;transition:background .15s}.column-drop.drag-over{background:#e5eee6}.lead-card{padding:12px 11px 10px;border:1px solid #e8ece7;border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(27,58,45,.035);cursor:grab}.lead-card:active{cursor:grabbing}.lead-card.dragging{opacity:.4}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.guest-name{margin:0;color:#293f34;font-size:11px;font-weight:700}.card-menu{border:0;background:none;color:#a0aaa3;font-size:15px;line-height:14px;cursor:pointer}.inn-tag{display:inline-block;max-width:100%;margin-top:7px;padding:4px 7px;overflow:hidden;border-radius:5px;background:#edf4ef;color:#53745f;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.stay-dates{display:flex;align-items:center;gap:6px;margin-top:11px;color:#51625a;font-size:9px}.stay-dates span{color:#91a098}.stay-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:#8b9890;font-size:8px}.card-next{display:flex;align-items:flex-start;gap:6px;margin-top:11px;padding-top:9px;border-top:1px solid #f0f2ef;color:#75837b;font-size:8px;line-height:1.45}.card-next span:first-child{color:#c18c36}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.source-tag{color:#9aa49d;font-size:8px}.quote-value{color:#426950;font-size:9px;font-weight:700}.card-move{display:flex;align-items:center;gap:5px;width:100%;margin-top:9px;padding-top:7px;border:0;border-top:1px solid #f0f2ef;background:transparent;color:#718078;font:9px Arial,sans-serif;cursor:pointer;text-align:left}.card-move:hover{color:#245641}.empty-column{margin:35px 10px 0;color:#a1aaa4;font-size:9px;line-height:1.5;text-align:center}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 0 20px;color:#a0aaa4;font-size:9px}.footer-lock{color:#678573}.lead-dialog{width:min(530px,calc(100% - 28px));max-height:calc(100% - 32px);padding:0;border:1px solid #e7ebe6;border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 24px 80px rgba(17,42,32,.25)}.lead-dialog::backdrop{background:rgba(15,34,27,.42);backdrop-filter:blur(2px)}.lead-dialog form{padding:23px}.dialog-heading{display:flex;align-items:flex-start;justify-content:space-between}.dialog-heading h2{margin:0;font:700 20px Arial,sans-serif;letter-spacing:-.6px}.close-button{font-size:19px}.dialog-intro{margin:11px 0 19px;color:#7f8d85;font-size:10px;line-height:1.55}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 12px}.field{display:grid;gap:6px;color:#65746b;font-size:9px;font-weight:600}.field-wide{grid-column:1/-1}.field input,.field select{width:100%;height:36px;padding:0 10px;border:1px solid #e2e8e2;border-radius:7px;outline:none;background:white;color:#364a3e;font:10px Arial,sans-serif}.field input:focus,.field select:focus,.search-box:focus-within,.filter-select:focus-within{border-color:#87a994;box-shadow:0 0 0 3px rgba(85,132,103,.1)}.field input::placeholder{color:#a8b0ab}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast{position:fixed;right:24px;bottom:20px;z-index:5;padding:11px 15px;border-radius:9px;background:#203f34;color:white;box-shadow:var(--shadow);font-size:10px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1150px){.main-content{padding:0 24px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kanban-board{grid-template-columns:repeat(5,210px)}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:12px 16px;flex-direction:row;align-items:center;justify-content:space-between}.brand{padding:0}.workspace-label,.sidebar-bottom{display:none}.main-nav{display:flex;gap:3px}.nav-link{min-height:36px;padding:0 10px;font-size:10px}.nav-icon{font-size:15px}.soon{display:none}.main-content{margin:0;padding:0 15px}.demo-notice{align-items:flex-start;margin-top:10px;font-size:9px;line-height:1.45}.topbar{height:50px}.today-label{display:none}.topbar-right{gap:9px}.page-heading{align-items:flex-start;padding:23px 0 18px;gap:10px}.page-heading h1{font-size:23px}.page-subtitle{max-width:250px;line-height:1.5}.page-heading>.primary-button{min-height:35px;padding:0 10px;font-size:9px;white-space:nowrap}.summary-grid{gap:8px}.summary-card{min-height:94px;padding:12px}.summary-label{font-size:9px}.summary-main{margin-top:9px}.summary-main strong{font-size:20px}.summary-foot{font-size:8px}.board-toolbar{align-items:flex-start;flex-direction:column;margin-top:23px}.board-controls{width:100%}.search-box{flex:1;width:auto}.filter-select{width:144px}.kanban-board{grid-template-columns:repeat(5,minmax(220px,80vw));gap:9px;margin-right:-15px;padding-right:15px}.page-footer{font-size:8px}.page-footer span:last-child{display:none}}@media(max-width:430px){.nav-link{gap:5px;padding:0 7px}.nav-link:not(.active){font-size:0}.nav-link:not(.active) .nav-icon{font-size:17px}.summary-card{padding:10px}.summary-icon{width:23px;height:23px}.form-grid{gap:11px 8px}.dialog-actions .primary-button{padding:0 10px;font-size:10px}}

.hidden{display:none!important}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}.campaign-tag,.micro-tag{display:inline-block;max-width:100%;overflow:hidden;padding:4px 6px;border-radius:5px;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.campaign-tag{background:#f0eef8;color:#66598a}.campaign-tag.unassigned{background:#f1f3f1;color:#839087}.micro-tag{background:#f3f5f2;color:#748078}.ai-tag{background:#e8f2ed;color:#4b775d}.quote-tag{background:#fff5df;color:#9c762f}.proof-tag{background:#eef3fa;color:#577295}.reports-page{padding:28px 0 10px}.reports-heading h2{margin:0;font:700 24px Arial,sans-serif;letter-spacing:-.7px;color:#203c32}.reports-heading p{margin:7px 0 0;color:#829088;font-size:11px}.report-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:20px 0 14px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.range-presets{display:flex;gap:4px;padding:3px;border-radius:8px;background:#f2f4f1}.range-button{padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#75837b;font:10px Arial,sans-serif;cursor:pointer}.range-button.active{background:#fff;color:#315847;box-shadow:0 1px 4px rgba(20,54,39,.1);font-weight:700}.report-date{display:flex;align-items:center;gap:6px;color:#829088;font-size:9px}.report-date input{width:122px;height:32px;padding:0 7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#43564b;font:9px Arial,sans-serif}.report-apply{min-height:32px;padding:0 10px;font-size:9px}.report-inn{margin-left:auto}.report-summary{margin:0 0 14px}.report-panel{overflow:hidden;border:1px solid var(--line);border-radius:11px;background:white}.report-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid #edf0ec}.report-panel-head h3{margin:0;color:#30473b;font:700 12px Arial,sans-serif}.report-panel-head p{margin:5px 0 0;color:#8c9891;font-size:9px}.report-actions{display:flex;align-items:center;gap:8px}.report-demo-chip{padding:5px 7px;border-radius:6px;background:#fff5df;color:#907337;font-size:8px;white-space:nowrap}.table-scroll{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;white-space:nowrap}.report-table th,.report-table td{padding:11px 12px;border-bottom:1px solid #edf0ec;text-align:left;font-size:9px}.report-table th{background:#fafbf9;color:#7c8981;font-size:8px;font-weight:600}.report-table td{color:#58685f}.report-table td:first-child{font-weight:600;color:#354c40}.report-table td strong{color:#3c7052}.channel-label{display:inline-block;padding:4px 6px;border-radius:5px;background:#edf4ef;color:#54745f;font-size:8px}.report-table .no-report-data{padding:28px;text-align:center;color:#98a39b}.report-note{margin:11px 2px;color:#87938b;font-size:9px;line-height:1.55}.report-note strong{color:#66776d}
@media(max-width:760px){.reports-page{padding-top:22px}.reports-heading h2{font-size:21px}.report-controls{gap:7px;padding:9px}.range-presets{width:100%;justify-content:space-around}.report-date{flex:1;justify-content:space-between}.report-date input{width:calc(100% - 28px)}.report-apply{flex:1}.report-inn{width:100%;margin:0}.report-panel-head{align-items:flex-start;flex-direction:column}.report-actions{width:100%;justify-content:space-between}.report-table th,.report-table td{padding:10px 9px}}

.automation-note{margin:10px 0 12px;padding:10px 12px;border:1px solid #e7ebe6;border-radius:8px;background:#fbfcfa;color:#7d8982;font-size:9px;line-height:1.5}.card-events{margin-top:8px;border-top:1px solid #f0f2ef;padding-top:7px}.card-events summary{color:#53745f;font-size:8px;font-weight:700;cursor:pointer;list-style:none}.card-events summary::-webkit-details-marker{display:none}.card-events summary:after{content:'＋';float:right}.card-events[open] summary:after{content:'−'}.event-actions{display:grid;gap:4px;margin-top:7px}.event-actions button{padding:6px 7px;border:1px solid #e9eee9;border-radius:5px;background:#fbfcfa;color:#596c60;font:8px Arial,sans-serif;text-align:left;cursor:pointer}.event-actions button:hover{border-color:#9db7a4;background:#f1f6f2}.rates-page{padding:28px 0 10px}.rates-page .reports-heading{margin-bottom:18px}.rates-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.rates-submit{align-self:end;min-height:37px}.integration-status{display:grid;gap:5px;margin-top:14px;padding:14px 16px;border:1px solid #eadfbd;border-radius:9px;background:#fff9e9;color:#76643a;font-size:10px;line-height:1.55}.integration-status strong{color:#69572f}.integration-status.ai-status{border-color:#dce9df;background:#f4f8f4;color:#627469}.integration-status.ai-status strong{color:#365a46}
@media(max-width:760px){.rates-page{padding-top:22px}.rates-panel{grid-template-columns:1fr 1fr;gap:11px;padding:13px}.rates-submit{grid-column:1/-1}.automation-note{font-size:8px}.event-actions button{min-height:32px}}
.rates-scope{display:grid;align-content:center;gap:4px;padding:0 10px;color:#50675a;font-size:9px}.rates-scope span{color:#86928a;font-size:8px}.rates-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}.rate-result-card{padding:15px;border:1px solid var(--line);border-radius:10px;background:#fff}.rate-result-card h3{margin:0 0 9px;color:#30473b;font:700 12px Arial,sans-serif}.rate-result-card p{min-height:32px;margin:8px 0 13px;color:#859189;font-size:9px;line-height:1.5}.rate-pending{display:inline-block;padding:5px 7px;border-radius:6px;background:#f2f3f1;color:#78847d;font-size:8px}.rate-result-card button{min-height:31px;padding:0 10px;border:1px solid #e5e9e4;border-radius:6px;background:#f6f7f5;color:#99a39c;font:9px Arial,sans-serif}.rate-result-card button:disabled{cursor:not-allowed}
@media(max-width:760px){.rates-results{grid-template-columns:1fr}.rate-result-card p{min-height:0}.rates-scope{grid-column:1/-1}}
.rates-panel .field small{color:#8c9890;font-size:8px;font-weight:400;line-height:1.4}.engine-panel{overflow:hidden;margin-top:14px;border:1px solid var(--line);border-radius:11px;background:#fff}.engine-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.engine-panel-head div{display:grid;gap:5px}.engine-panel-head strong{color:#365344;font-size:10px}.engine-panel-head span{color:#7f8c84;font-size:9px;line-height:1.4}.engine-panel-head a{flex:0 0 auto;min-height:32px;padding:0 10px;color:#476c54;text-decoration:none;font-size:9px;line-height:32px}.engine-panel iframe{display:block;width:100%;height:min(1000px,110vh);border:0;background:#f2f4f7}.engine-fallback{margin:0;padding:10px 14px;border-top:1px solid var(--line);color:#7f8c84;font-size:9px;line-height:1.45}
@media(max-width:760px){.engine-panel-head{align-items:flex-start;flex-direction:column}.engine-panel-head a{align-self:flex-start}.engine-panel iframe{height:900px}}

/* Central de reservas: layout em uma tela, sem navegação lateral. */
:root{--pine:#8f292f;--pine-2:#a73236;--ink:#3b3030;--muted:#837879;--line:#eadfdd;--paper:#fff;--mint:#fae9e5;--gold:#fff0df;--blue:#f8e3df;--rose:#fceee8;--shadow:0 12px 32px rgba(105,37,37,.09);color:#403637;background:#f4f1f0}
body{background:#f4f1f0;color:#403637}
.main-content{width:100%;max-width:none;margin:0;padding:0 22px 12px}
.demo-notice{margin:8px 0 0;padding:6px 10px;border-radius:6px;font-size:9px}
.topbar{height:56px;gap:18px;border-color:#e7dddb}
.brand{flex:0 0 auto;gap:8px;padding:0;color:#812b30;text-decoration:none}
.brand-mark{width:30px;height:30px;border-radius:10px;background:#f5ded9;color:#972f34;font-size:23px;line-height:30px}
.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px;letter-spacing:1px;color:#a27777}
.main-nav{display:flex;align-items:center;gap:5px;margin-right:auto}
.nav-link{min-height:31px;padding:0 12px;border-radius:7px;color:#76686a;font-size:10px}
.nav-link.active{background:#f6e3df;color:#902c32;font-weight:700}
.topbar-right{gap:10px}.top-avatar{background:#f4dfda;color:#8d3035}
.page-heading{padding:17px 0 12px}.page-heading h1{font-size:22px;color:#74272c}.page-subtitle{font-size:10px}
.primary-button{background:#ee7046;box-shadow:0 3px 9px rgba(185,76,47,.14)}
.primary-button:hover{background:#db603c}.secondary-button{border-color:#ebd8d4;background:#fff8f6;color:#8c4543}
.rates-page{padding:8px 0 0}.conversation-heading{gap:10px;margin-bottom:8px}
.conversation-heading>div:first-child{min-width:210px}.conversation-heading h2{margin:0;color:#76292d;font-size:18px}
.conversation-heading p{font-size:9px}.conversation-heading .eyebrow{margin:0 0 3px;color:#ad6764}
.guest-search{height:34px;max-width:250px;border-color:#e7d8d5}.guest-search input{font-size:9px}
.conversation-heading .primary-button{min-height:34px;font-size:9px}
.inbox-demo-note{margin-bottom:8px;padding:6px 9px;border-color:#f0d8c6;background:#fff8f0;color:#82624f;font-size:8px}
.conversation-workspace{grid-template-columns:minmax(190px,.72fr) minmax(290px,1.12fr) minmax(320px,1.16fr) minmax(320px,1.12fr);gap:8px;min-height:560px;height:calc(100vh - 177px);max-height:1000px;overflow:auto;align-items:stretch}
.inbox-panel,.chat-panel,.booking-panel,.pipeline-panel{border-color:#e8deda;border-radius:8px;box-shadow:0 2px 8px rgba(85,38,38,.035)}
.inbox-panel{border-color:#e2d5d2;background:#252021;color:#f8f0ee}
.inbox-panel-head{padding:11px 10px 8px;font-size:11px}.inbox-panel-head span{background:#a73338;color:#fff1ec}
.inbox-filters{gap:5px;padding:0 8px 8px}.inbox-filters select{height:29px;border-color:#4a3e3e;background:#302829;color:#f1e6e4}
.conversation-item{gap:7px;padding:8px 6px}.conversation-item.selected{background:#493031}.conversation-item:hover{background:#3b2d2e}
.conversation-avatar{flex-basis:30px;height:30px;background:#70494a;color:#fff2ee}
.conversation-row strong{font-size:8px}.conversation-snippet{font-size:7px}.channel-pill{background:#493133;color:#f2cdca}.channel-pill.instagram{background:#4d3448;color:#f0d5ed}.channel-pill.facebook{background:#344158;color:#d4e0f7}.channel-pill.site{background:#50412c;color:#f2dfba}
.chat-panel{background:#faf8f7}.chat-head{padding:9px;border-color:#eee5e3}.chat-avatar{background:#f2dfdb;color:#8e3938}.chat-person strong{color:#542f30}.chat-tags{padding:7px 9px;border-color:#eee4e2}.inbox-tag{background:#f4e7e4;color:#834b49}.inbox-tag.ai{background:#f9ecde;color:#98673f}.inbox-tag.pending{background:#fff0df;color:#9a6738}
.message-thread{background-color:#f7f3f1;background-image:radial-gradient(#e9dedb .65px,transparent .65px)}
.message-bubble{border-color:#ebdfdc;color:#463a3a}.message-line.staff .message-bubble{border-color:#f1d1c7;background:#fbe6df}
.message-line.system .message-bubble{background:#eee9e7;color:#776c6b}
.message-actions,.message-compose{border-color:#ece1df;background:#fff}.message-compose textarea{border-color:#e9dcda}
.message-actions .secondary-button{background:#fff8f6;color:#8c4543}
.chat-footnote{color:#908382}
.pipeline-panel{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:8px;background:#f7f4f3}
.pipeline-heading{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 7px;color:#5a3938;font-size:9px}
.pipeline-lanes{display:grid;grid-template-columns:1fr 1fr;gap:7px;min-height:0;flex:1}
.stage-panel{min-width:0;min-height:0;overflow:auto;padding:7px 6px;background:#fff;border:1px solid #e9dfdd;border-radius:7px}
.stage-panel.filtered{border-color:#d86b53;box-shadow:0 0 0 2px #d86b5320}
.stage-panel-head{display:flex;width:100%;align-items:center;justify-content:space-between;padding:3px 2px 7px;border:0;border-bottom:1px solid #f0e7e5;background:#fff;color:#773437;text-align:left;cursor:pointer}
.stage-panel-head strong{font-size:9px}.stage-count{display:grid;place-items:center;min-width:18px;height:18px;border-radius:6px;background:#f8e9e5;color:#993b3a;font-size:8px}
.stage-lane-list{display:grid;align-content:start;gap:5px;padding-top:5px}
.stage-contact{gap:4px;padding:7px 6px;border:1px solid #f0e7e5;border-radius:6px;background:#fff8f6}
.stage-contact:hover{background:#fbece8}.stage-contact strong{color:#5b3636;font-size:8px}.stage-contact small,.stage-empty{color:#918181;font-size:7px}.stage-empty{padding:9px 5px}
.confirmed-summary{padding-top:7px}.confirmed-summary button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:6px 8px;border:1px solid #eadfdd;border-radius:6px;background:#fff;color:#766563;font-size:8px;cursor:pointer}.confirmed-summary b{color:#803638}.confirmed-summary button.filtered{border-color:#d86b53;background:#fff0eb}
.booking-panel{padding:9px;background:#fff;scrollbar-color:#d9bdb8 transparent}
.booking-heading{padding:2px 2px 7px;border-bottom-color:#eadfdd}.booking-heading .eyebrow{color:#a8504d}.booking-heading h3{margin:2px 0;color:#74292e;font-size:13px}.booking-heading p{font-size:8px}
.booking-panel .rates-panel{gap:6px;margin-top:8px;padding:8px;border:1px solid #ead8d4;border-top:4px solid #a73236;border-radius:5px;background:#fff9f7}
.booking-panel .rates-panel .field{gap:3px;color:#714849;font-size:7px}
.booking-panel .rates-panel .field input,.booking-panel .rates-panel .field select{height:29px;padding:0 6px;border:1px solid #e7d9d6;border-radius:4px;background:#fff;color:#493d3d;font-size:8px}
.booking-panel .rates-panel .field input:focus,.booking-panel .rates-panel .field select:focus{border-color:#be7568;box-shadow:0 0 0 2px #be75681c}
.booking-panel .rates-panel .field small{font-size:7px}.booking-panel .rates-panel .field-wide,.booking-panel .rates-panel .rates-submit{grid-column:1/-1}
.booking-panel .rates-submit{min-height:32px;border-radius:5px;background:#ee7046;font-size:8px}
.booking-panel .integration-status{margin-top:7px;padding:7px;border-color:#ecd9d1;background:#fff8f2;color:#80695d;font-size:7px}
.booking-panel .integration-status strong{color:#843a38}.booking-panel .rates-results{display:none}
.booking-panel .engine-panel{margin-top:7px;border-color:#e9dcda;border-radius:6px}.booking-panel .engine-panel-head{padding:7px;border-color:#eadfdd}.booking-panel .engine-panel-head strong{color:#763437}.booking-panel .engine-panel-head span{font-size:7px}.booking-panel .engine-panel-head a{border-color:#eadad6;color:#8c4543}
.booking-panel .engine-panel iframe{height:calc(100vh - 450px);min-height:360px}
.booking-panel .ai-status{margin-top:7px}
.text-button{color:#a44f48;font-weight:600}
.toast{background:#7d292f}
@media(max-width:1450px){.main-content{padding-right:14px;padding-left:14px}.conversation-workspace{grid-template-columns:190px 290px 320px 320px;overflow-x:auto}.conversation-heading>div:first-child{min-width:190px}}
@media(max-width:1120px){.conversation-workspace{height:auto;max-height:none;grid-template-columns:190px 300px 330px 330px;overflow-x:auto;overflow-y:visible;min-height:560px}.pipeline-panel,.booking-panel{min-height:560px}.booking-panel .engine-panel iframe{height:520px}}
@media(max-width:700px){.main-content{padding:0 10px 12px}.topbar{height:auto;min-height:52px;flex-wrap:wrap;gap:5px;padding:6px 0}.brand{padding-right:8px}.main-nav{gap:2px}.nav-link{min-height:29px;padding:0 8px;font-size:9px}.topbar-right{margin-left:auto}.demo-notice{font-size:8px}.conversation-heading{align-items:center}.conversation-heading>div:first-child{width:auto;min-width:0}.conversation-heading h2{font-size:17px}.guest-search{order:initial;flex:1;min-width:130px;margin-left:0}.conversation-heading .primary-button{margin-left:0}.inbox-demo-note{font-size:7px}.conversation-workspace{display:flex;flex-direction:column;overflow:visible;min-height:0;height:auto;max-height:none}.inbox-panel{height:300px;flex:0 0 auto}.chat-panel{min-height:590px;flex:0 0 auto}.pipeline-panel{min-height:360px;flex:0 0 auto}.pipeline-lanes{min-height:270px}.stage-panel{min-height:250px}.booking-panel{min-height:0;flex:0 0 auto}.booking-panel .rates-panel{grid-template-columns:1fr 1fr}.booking-panel .engine-panel iframe{height:720px}.booking-panel .rates-results{display:none}.rates-page{padding-top:8px}.message-actions{grid-template-columns:1fr}.message-actions label{grid-column:auto}}

.rates-page{padding-top:16px}.conversation-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.conversation-heading>div:first-child{min-width:245px}.conversation-heading h2{margin:3px 0;color:#203c32;font:700 22px Arial,sans-serif;letter-spacing:-.6px}.conversation-heading p{margin:4px 0 0;color:#829088;font-size:10px}.guest-search{display:flex;align-items:center;gap:7px;min-width:180px;max-width:300px;height:37px;margin-left:auto;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#8c9991}.guest-search input{width:100%;border:0;outline:0;color:#40564a;font:10px Arial,sans-serif}.guest-search input::placeholder{color:#99a39d}.conversation-heading .primary-button{min-height:37px;white-space:nowrap}.inbox-demo-note{margin:0 0 10px;padding:8px 10px;border:1px solid #eadfbd;border-radius:7px;background:#fff9e9;color:#7d6c42;font-size:9px;line-height:1.45}.inbox-demo-note strong{color:#68552b}.conversation-workspace{display:grid;grid-template-columns:minmax(205px, .8fr) minmax(350px,1.45fr) minmax(200px,.8fr) minmax(350px,1.35fr);gap:9px;align-items:stretch;min-height:670px;height:calc(100vh - 235px);max-height:1000px}.inbox-panel,.chat-panel,.stage-panel,.booking-panel{min-width:0;overflow:hidden;border:1px solid #e6eae5;border-radius:10px;background:#fff}.inbox-panel{display:flex;flex-direction:column;border-color:#20262a;background:#111619;color:#edf2f0}.inbox-panel-head{display:flex;align-items:center;justify-content:space-between;padding:14px 13px 11px;font-size:12px}.inbox-panel-head span{display:grid;place-items:center;min-width:21px;height:20px;padding:0 5px;border-radius:10px;background:#214c3e;color:#d8f2e3;font-size:9px}.inbox-filters{display:grid;gap:6px;padding:0 9px 9px}.inbox-filters select{width:100%;height:31px;padding:0 8px;border:1px solid #323a3e;border-radius:6px;background:#1b2226;color:#dce5e0;font:9px Arial,sans-serif}.conversation-list{flex:1;overflow:auto;padding:0 5px 7px;scrollbar-color:#3b4548 transparent;scrollbar-width:thin}.conversation-item{display:flex;align-items:flex-start;gap:9px;width:100%;padding:10px 7px;border:0;border-radius:8px;background:transparent;color:#edf2f0;text-align:left;cursor:pointer}.conversation-item:hover{background:#1a2425}.conversation-item.selected{background:#263b35}.conversation-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#40564e;color:#e7f0eb;font-size:10px;font-weight:700}.conversation-preview{display:grid;min-width:0;flex:1;gap:5px}.conversation-row{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0}.conversation-row strong{overflow:hidden;color:#f0f4f1;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.conversation-row time{flex:0 0 auto;color:#82908a;font-size:8px}.conversation-snippet{overflow:hidden;color:#aeb8b2;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.unread-badge{display:grid;place-items:center;flex:0 0 17px;height:17px;border-radius:50%;background:#17a56e;color:white;font-size:8px}.conversation-meta{display:flex;align-items:center;gap:5px;overflow:hidden;color:#83918a;font-size:7px;white-space:nowrap}.channel-pill{padding:3px 5px;border-radius:4px;background:#233d35;color:#b8d4c4}.channel-pill.instagram{background:#3f2d43;color:#e2c4ea}.channel-pill.facebook{background:#24384f;color:#c0d5f1}.channel-pill.site{background:#393a2c;color:#e1dfb9}.chat-panel{display:flex;flex-direction:column;background:#fafbf9}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-bottom:1px solid #e9ede8;background:#fff}.chat-person{display:flex;align-items:center;gap:9px;min-width:0}.chat-avatar{width:34px;height:34px;background:#e5eee7;color:#365646}.chat-person>div{display:grid;gap:4px;min-width:0}.chat-person strong{overflow:hidden;color:#2d4437;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.chat-person span:not(.avatar){overflow:hidden;color:#829088;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.chat-tools .icon-button{width:28px;height:28px}.chat-tags{display:flex;gap:5px;overflow:auto;padding:8px 11px;border-bottom:1px solid #edf0ec;background:#fff}.inbox-tag{flex:0 0 auto;padding:4px 6px;border-radius:5px;background:#eef2ef;color:#63766b;font-size:7px}.inbox-tag.ai{background:#e7f3ec;color:#4f7a5d}.inbox-tag.pending{background:#fff3d9;color:#987535}.message-thread{display:flex;flex:1;flex-direction:column;gap:9px;overflow:auto;padding:14px 11px;background-color:#f4f6f2;background-image:radial-gradient(#e7ebe5 .7px,transparent .7px);background-size:13px 13px}.message-line{display:flex}.message-line.staff{justify-content:flex-end}.message-line.system{justify-content:center}.message-bubble{display:grid;gap:5px;max-width:84%;padding:8px 9px;border:1px solid #e6eae4;border-radius:10px 10px 10px 3px;background:#fff;color:#34493d;font-size:9px;line-height:1.45;box-shadow:0 1px 2px #223d3210}.message-line.staff .message-bubble{border-color:#d1ecdc;border-radius:10px 10px 3px 10px;background:#dcf6e8}.message-line.system .message-bubble{max-width:95%;border:0;border-radius:12px;background:#e9ece8;color:#69776f;font-size:8px}.message-bubble time{justify-self:end;color:#829088;font-size:7px}.message-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 9px;border-top:1px solid #e9ede8;background:#fff}.message-actions label{display:flex;grid-column:1/-1;align-items:center;gap:7px;color:#7b8980;font-size:8px}.message-actions select{height:27px;padding:0 6px;border:1px solid #e4e9e3;border-radius:5px;background:#fff;color:#53665a;font-size:8px}.message-actions .secondary-button{min-height:32px;padding:5px 7px;font-size:8px;line-height:1.25}.message-compose{display:flex;align-items:flex-end;gap:6px;padding:8px 9px;background:#fff}.message-compose textarea{flex:1;min-width:0;resize:vertical;min-height:37px;max-height:100px;padding:9px;border:1px solid #e4e9e3;border-radius:7px;outline:none;font:9px Arial,sans-serif}.message-compose .primary-button{min-height:35px;padding:0 9px;font-size:8px;white-space:nowrap}.chat-footnote{margin:0;padding:0 10px 9px;background:#fff;color:#909b94;font-size:7px;line-height:1.4}.stage-panel{display:flex;flex-direction:column;padding:11px 8px;background:#f3f5f2}.stage-panel-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 9px;color:#44584b;font-size:10px}.text-button{padding:4px;border:0;background:transparent;color:#668273;font-size:8px;cursor:pointer}.stage-lanes{display:grid;align-content:start;gap:8px;overflow:auto}.stage-lane{overflow:hidden;border:1px solid #e6eae4;border-radius:8px;background:#fff}.stage-lane.filtered{border-color:#77a488;box-shadow:0 0 0 2px #77a48822}.stage-lane-title{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%;padding:8px 7px;border:0;border-bottom:1px solid #edf0ec;background:#fff;color:#4d6155;font-size:8px;font-weight:700;text-align:left;cursor:pointer}.stage-lane-title b{display:grid;place-items:center;min-width:18px;height:18px;border-radius:6px;background:#edf2ee;color:#697c70;font-size:8px}.stage-contact{display:grid;gap:3px;width:100%;padding:7px;border:0;border-bottom:1px solid #f0f2ef;background:#fff;text-align:left;cursor:pointer}.stage-contact:last-child{border-bottom:0}.stage-contact:hover{background:#f6f9f6}.stage-contact strong{overflow:hidden;color:#42574a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.stage-contact small,.stage-empty{color:#8b9890;font-size:7px}.stage-empty{display:block;padding:8px}.booking-panel{overflow-y:auto;padding:11px;background:#fff}.booking-heading{padding:3px 2px 10px;border-bottom:1px solid #edf0ec}.booking-heading h3{margin:4px 0;color:#294538;font:700 13px Arial,sans-serif}.booking-heading p{margin:0;color:#859189;font-size:8px;line-height:1.4}.booking-panel .rates-panel{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;padding:9px;border:1px solid #edf0ec;border-radius:8px}.booking-panel .rates-panel .field{gap:4px;font-size:8px}.booking-panel .rates-panel .field input{height:31px;padding:0 7px;font-size:8px}.booking-panel .rates-panel .field small{font-size:7px}.booking-panel .rates-panel .field-wide,.booking-panel .rates-panel .rates-scope,.booking-panel .rates-panel .rates-submit{grid-column:1/-1}.booking-panel .rates-scope{padding:5px 0}.booking-panel .rates-submit{min-height:33px;padding:0 7px;font-size:8px}.booking-panel .integration-status{margin-top:8px;padding:9px;font-size:8px;line-height:1.4}.booking-panel .rates-results{grid-template-columns:1fr;gap:5px;margin-top:8px}.booking-panel .rate-result-card{padding:8px}.booking-panel .rate-result-card h3{font-size:9px}.booking-panel .rate-result-card p{min-height:0;margin:5px 0;font-size:7px}.booking-panel .rate-result-card button{min-height:25px;font-size:7px}.booking-panel .engine-panel{margin-top:8px}.booking-panel .engine-panel-head{gap:6px;padding:9px}.booking-panel .engine-panel-head strong{font-size:8px}.booking-panel .engine-panel-head span{font-size:7px}.booking-panel .engine-panel-head a{min-height:27px;padding:0 7px;font-size:7px;line-height:27px}.booking-panel .engine-panel iframe{height:520px}.booking-panel .engine-fallback{padding:7px;font-size:7px}.booking-panel .ai-status{margin-top:9px}
@media(max-width:1480px){.conversation-workspace{grid-template-columns:minmax(195px,.8fr) minmax(330px,1.4fr) minmax(190px,.75fr) minmax(330px,1.3fr);overflow-x:auto}.conversation-heading>div:first-child{min-width:210px}}
@media(max-width:1120px){.conversation-workspace{height:auto;max-height:none;grid-template-columns:minmax(210px,.8fr) minmax(360px,1.4fr);overflow:visible}.stage-panel{min-height:300px}.booking-panel{min-height:500px}.conversation-heading{flex-wrap:wrap}.guest-search{margin-left:auto}}
@media(max-width:700px){.conversation-heading{align-items:flex-start}.conversation-heading>div:first-child{width:100%}.conversation-heading h2{font-size:20px}.guest-search{order:3;max-width:none;flex:1;margin-left:0}.conversation-heading .primary-button{margin-left:auto}.conversation-workspace{grid-template-columns:1fr;min-height:0;gap:9px}.inbox-panel{height:300px}.chat-panel{min-height:620px}.stage-panel{min-height:200px}.booking-panel{min-height:0}.booking-panel .engine-panel iframe{height:700px}.rates-page{padding-top:12px}.message-actions{grid-template-columns:1fr}.message-actions label{grid-column:auto}}
.booking-panel .rates-panel .field:nth-of-type(3){grid-column:1/-1}
.conversation-workspace{grid-template-columns:190px 290px 320px minmax(440px,1.6fr)}
.occupancy-picker{position:relative;z-index:3;gap:0!important}
.occupancy-picker>summary{display:flex;align-items:center;justify-content:space-between;height:29px;padding:0 7px;border:1px solid #e7d9d6;border-radius:4px;background:#fff;color:#514344;font-size:8px;font-weight:400;cursor:pointer;list-style:none}
.occupancy-picker>summary::-webkit-details-marker{display:none}.occupancy-picker>summary:after{content:'⌄';font-size:12px;color:#806d6b}
.occupancy-options{position:absolute;top:calc(100% + 4px);left:0;right:0;display:grid;gap:8px;padding:10px;border:1px solid #e9d9d5;border-radius:6px;background:#fff;box-shadow:0 10px 28px rgba(78,43,41,.18)}
.occupancy-options label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#554546;font-size:8px;font-weight:400}
.occupancy-options label>span{display:grid;gap:2px}.occupancy-options small{color:#a18e8a;font-size:7px;font-weight:400}
.occupancy-options input{width:56px;height:28px;padding:0 5px;border:1px solid #e7d9d6;border-radius:4px;color:#493d3d;font-size:9px}
.occupancy-options .occupancy-ages{display:grid;align-items:start}.occupancy-options .occupancy-ages input{width:100%}
.occupancy-apply{height:30px;border:0;border-radius:4px;background:#ee7046;color:white;font-size:8px;font-weight:700;cursor:pointer}
.engine-crop{height:calc(100vh - 500px);min-height:360px;overflow:hidden;background:#e9edf2}
.engine-crop iframe{display:block;width:114%;height:calc(100vh - 365px);min-height:620px;transform:translate(-11%,-136px);border:0;background:#e9edf2}
.booking-panel .engine-panel iframe{height:calc(100vh - 365px);min-height:620px}
@media(max-width:700px){.conversation-workspace{grid-template-columns:1fr}.engine-crop{height:620px;min-height:620px}.engine-crop iframe{width:112%;height:900px;transform:translate(-10%,-136px)}.booking-panel .engine-panel iframe{height:900px}}
.conversation-workspace{grid-template-columns:repeat(5,minmax(220px,1fr));grid-template-rows:minmax(560px,calc(100vh - 177px));overflow-x:auto;overflow-y:hidden}
.inbox-panel{border-color:#e8deda;background:#fff;color:#403637}
.inbox-panel-head{color:#593638}.inbox-panel-head span{background:#f6e9e6;color:#8e3337}
.inbox-filters select{border-color:#e8dddb;background:#fff;color:#55494a}
.conversation-item{color:#403637}.conversation-item:hover{background:#faf2f0}.conversation-item.selected{background:#f6e8e5}
.conversation-avatar{background:#f4e5e1;color:#80383a}
.conversation-row strong{color:#4e393a}.conversation-row time{color:#8f8180}.conversation-snippet{color:#786b6b}
.conversation-meta{color:#8d7f7f}.unread-badge{background:#25b66a;color:#fff;font-weight:700}
.channel-pill{background:#f6e8e5;color:#8e4746}.channel-pill.instagram{background:#f2e5ef;color:#824e79}.channel-pill.facebook{background:#e7edf7;color:#426394}.channel-pill.site{background:#f3eddf;color:#806d3b}
.stage-panel{height:100%;min-height:0}
.stage-lane-list{min-height:0;overflow-y:auto;flex:1}
.stage-clear{width:100%;margin:5px 0;padding:6px;border:1px solid #eee2e0;border-radius:5px;color:#8b5a57;font-size:7px}
.stage-panel-head.filtered{background:#fff6f3}
.booking-panel{height:100%;min-height:0}
.booking-panel .rates-panel{display:flex;flex-direction:column;gap:8px}
.stay-date-row,.room-category-row,.guest-count-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.booking-panel .rates-panel .field{min-width:0}
.inn-choice{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:6px;border:1px solid #eadbd8;border-radius:5px}
.inn-choice legend{padding:0 3px;color:#714849;font-size:7px;font-weight:700}
.inn-choice legend small{color:#9a8583;font-size:6px;font-weight:400}
.inn-choice label{position:relative;display:inline-flex;align-items:center;cursor:pointer}
.inn-choice input{position:absolute;opacity:0;pointer-events:none}
.inn-choice label span{padding:5px 6px;border:1px solid #eadbd8;border-radius:12px;background:#fff;color:#796667;font-size:7px;white-space:nowrap}
.inn-choice input:checked+span{border-color:#a73236;background:#a73236;color:#fff}
.inn-choice input:focus-visible+span{outline:2px solid #ee7046;outline-offset:2px}
.booking-panel .rates-submit{width:100%;margin-top:1px}
@media(max-width:1120px){.conversation-workspace{grid-template-columns:repeat(5,minmax(220px,1fr));grid-template-rows:minmax(560px,calc(100vh - 177px));overflow-x:auto;overflow-y:hidden}.stage-panel,.booking-panel{height:100%;min-height:0}}
@media(max-width:700px){.conversation-workspace{display:grid;grid-template-columns:1fr;grid-template-rows:none;overflow:visible;height:auto;max-height:none}.inbox-panel,.chat-panel,.stage-panel,.booking-panel{height:560px;min-height:560px}.booking-panel .rates-panel{display:flex}.booking-panel .engine-crop{height:380px;min-height:380px}.booking-panel .engine-crop iframe{height:720px}}
.inbox-filters select{border-color:#e7dcda;background:#fbf9f8;color:#514647}
.chat-panel{background:#fbf9f8}.chat-avatar{background:#f5e6e2;color:#8b393a}.chat-person strong{color:#553b3b}
.chat-tags{background:#fff}.inbox-tag{background:#f5e9e6;color:#80514f}.inbox-tag.ai{background:#f8eee2;color:#916340}.inbox-tag.pending{background:#fff0df;color:#956538}
.message-thread{background-color:#f7f4f3;background-image:radial-gradient(#e9dfdc .65px,transparent .65px)}
.message-bubble{border-color:#e9dfdc;background:#fff;color:#463a3a}.message-line.staff .message-bubble{border-color:#f0d4cd;background:#fae8e3}.message-line.system .message-bubble{background:#eee9e7;color:#776c6b}
.message-actions,.message-compose,.chat-head{border-color:#ece2e0;background:#fff}.message-compose textarea,.message-actions select{border-color:#e7dcda;background:#fff;color:#514647}
.stage-panel-head{flex:0 0 auto}.stage-panel-head strong{color:#773437}.stage-count{flex:0 0 auto}
.inn-choice{min-width:0}.booking-panel .rates-panel .field input,.booking-panel .rates-panel .field select{min-width:0;width:100%}

/* Preferências de aparência e gestão local demonstrativa */
body{background:var(--custom-page-bg,#f4f1f0);color:var(--custom-text-color,#403637)}
body .main-content :is(.brand-copy strong,.brand-copy small,.nav-link,.today-label,.user-session-label,.page-heading h1,.page-subtitle,.summary-label,.summary-foot,.board-title h2,.board-count,.automation-note,.conversation-heading h2,.conversation-heading p,.inbox-panel-head,.conversation-row strong,.conversation-row time,.conversation-snippet,.conversation-meta,.chat-person strong,.chat-person span,.stage-panel-head strong,.stage-contact strong,.stage-contact small,.booking-heading h3,.booking-heading p,.reports-heading h2,.reports-heading p,.settings-card-heading h3,.settings-card-heading p,.role-summary-grid strong,.role-summary-grid span,.user-table th,.user-table td){color:var(--custom-text-color,#403637)}
.conversation-list-row{display:flex;align-items:stretch;gap:1px;margin:0 0 2px;border-radius:8px}
.conversation-list-row .conversation-item{min-width:0;flex:1}
.favorite-toggle{align-self:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#a18c76;font-size:18px;cursor:pointer}
.favorite-toggle:hover,.favorite-toggle.is-favorite{background:#fff5df;color:#d69b22}
.inbox-head-actions{display:flex;align-items:center;gap:7px}
.favorite-filter{min-height:25px;padding:0 7px;border:1px solid #eadfdd;border-radius:6px;background:#fff;color:#806b53;font-size:8px;cursor:pointer}
.favorite-filter.active{border-color:#e6c77d;background:#fff4d5;color:#936b12}
.settings-page{display:grid;gap:14px;padding:18px 0 24px}
.settings-demo-note,.settings-security-note{margin:0;padding:11px 13px;border:1px solid #eadfbd;border-radius:8px;background:#fff9e9;color:#75643f;font-size:12px;line-height:1.5}
.settings-security-note{border-color:#e9d5d2;background:#fff7f5;color:#78524f}
.settings-card{padding:17px;border:1px solid #eadfdd;border-radius:10px;background:#fff;box-shadow:0 3px 12px #563b3510}
.settings-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
.settings-card-heading h3{margin:0;color:#69383a;font-size:16px}
.settings-card-heading p{margin:5px 0 0;color:#867675;font-size:11px;line-height:1.5}
.appearance-form{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;align-items:end}
.color-setting{display:grid;gap:6px;color:#665758;font-size:11px}
.color-setting input{width:100%;height:38px;padding:3px;border:1px solid #eadfdd;border-radius:6px;background:#fff;cursor:pointer}
.layout-setting{margin:0}
.layout-setting select{height:38px}
.tag-preview{display:flex;align-items:center;gap:8px;min-height:38px;padding:4px}
.appearance-form>.primary-button{min-height:38px}
.role-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:15px}
.role-summary-grid article{display:grid;align-content:start;gap:5px;padding:11px;border:1px solid #eee4e2;border-radius:8px;background:#fdfaf9}
.role-summary-grid strong{color:#74383a;font-size:11px}
.role-summary-grid span{color:#817474;font-size:10px;line-height:1.45}
.master-badge,.user-status{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #cce5d5;border-radius:20px;background:#eef8f1;color:#39724d;font-size:10px;white-space:nowrap}
.user-form{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:9px;align-items:end}
.user-form .field{margin:0}
.user-form input,.user-form select{height:38px}
.user-list-wrap{overflow:auto;margin-top:14px}
.card-assignee{margin-top:5px;color:#736667;font-size:10px}
.card-task-editor{margin-top:8px;padding-top:7px;border-top:1px solid #eee5e3;color:#655759;font-size:10px}
.card-task-editor>summary{cursor:pointer;color:#8b4a47;font-weight:700}
.card-task-editor label{display:grid;gap:3px;margin-top:6px}
.card-task-editor :is(select,input){width:100%;min-height:30px;padding:5px;border:1px solid #e4d8d5;border-radius:5px;background:#fff;color:#3d3535;font:11px Arial,sans-serif}
.card-task-editor>button{margin-top:7px;padding:6px 9px;border:0;border-radius:5px;background:#a73236;color:#fff;font:600 10px Arial,sans-serif;cursor:pointer}
.audit-heading{margin:18px 0 4px;color:#69383a;font-size:13px}
.backup-download{font-size:11px;text-decoration:underline}
.user-table{width:100%;border-collapse:collapse;font-size:11px}
.user-table th,.user-table td{padding:9px 10px;border-bottom:1px solid #eee7e5;text-align:left}
.user-table th{background:#fbf5f3;color:#71494a;font-size:10px}
.color-control{display:flex;align-items:center;gap:9px}.color-control input{flex:0 0 44px!important;width:44px!important;height:36px!important;padding:3px!important;border:1px solid #d9d9d9!important;border-radius:6px!important;background:#fff;cursor:pointer}.color-control code{color:#374151;font:11px ui-monospace,Consolas,monospace}
.palette-details{position:relative}.palette-details>summary{display:inline-flex;align-items:center;min-height:27px;padding:0 8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#4b5563;font-size:10px;cursor:pointer;list-style:none}.palette-details>summary::-webkit-details-marker{display:none}.palette-details>summary:after{content:'⌄';margin-left:7px;color:#6b7280}.palette-details[open]>summary:after{content:'⌃'}
.color-palette{display:grid;gap:9px;position:relative;margin-top:6px;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 22px #1118271a;z-index:4}
.palette-group{display:grid;gap:6px}.palette-group>strong{color:#374151;font-size:10px}.palette-swatches{display:grid;grid-template-columns:repeat(11,minmax(19px,1fr));gap:4px}
.palette-swatch{width:100%;aspect-ratio:1;min-width:19px;padding:0;border:1px solid #d1d5db;border-radius:4px;background:var(--swatch-color);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff30}.palette-swatch:hover{outline:2px solid #6b7280;outline-offset:1px;transform:scale(1.08)}.palette-swatch[aria-pressed="true"]{outline:2px solid #111827;outline-offset:1px}
.color-setting{gap:5px}.appearance-form{align-items:start}.appearance-form>.primary-button{grid-column:1/-1;justify-self:start;min-width:220px}
.summary-main strong,#report-conversations,#report-quotes,#report-proofs,#report-confirmed,.column-count,.stage-count,#inbox-count{color:#111827!important}
.summary-main strong{font-weight:700}
.inbox-tag,.channel-pill,.inn-tag{background-color:var(--custom-tag-bg,#fff);border:1px solid var(--custom-tag-border,#e5e7eb);color:var(--custom-tag-text,#374151)}
.preview-flags{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.message-read-marker{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;font-size:10px;font-weight:800;line-height:1}
.message-read-marker.unread{background:#fff0f0;color:#dc2626}
.message-read-marker.read{background:#9ca3af;color:#fff}
.lead-qualification-toggle{align-self:center;flex:0 0 30px;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:#9ca3af;font-size:19px;cursor:pointer}
.lead-qualification-toggle:hover{background:#ecfdf3;color:#159447}
.lead-qualification-toggle.is-qualified{background:#e9f8ee;color:#16833d;font-weight:700}
.inbox-tag.qualified-tag{border-color:#b9e5c6;background:#e9f8ee;color:#16743a}
.chat-tools{display:flex;gap:5px}
.agent-page{display:grid;gap:14px;padding:18px 0 24px}
.agent-status-note{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #eadfbd;border-radius:8px;background:#fff9e9;color:#75643f;font-size:11px;line-height:1.5}
.agent-status-note>div{display:grid;gap:3px}.agent-status-note strong{color:#6b5529}.agent-status-note span:not(.agent-status-dot){color:#786b4d}
.agent-status-dot{width:9px;height:9px;flex:0 0 auto;margin-top:4px;border-radius:50%;background:#d7a33e;box-shadow:0 0 0 3px #f5e9ca}
.agent-instructions-card{display:grid;gap:8px}
.agent-knowledge-admin{display:grid;gap:11px}
.agent-knowledge-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px}
.knowledge-content-field{grid-column:1/-1}
.agent-knowledge-form textarea{width:100%;min-height:90px;resize:vertical;padding:10px;border:1px solid #dfe5e0;border-radius:7px;font:12px/1.5 Arial,sans-serif}
.agent-knowledge-form input{width:100%;height:38px;padding:0 10px;border:1px solid #dfe5e0;border-radius:7px;font:12px Arial,sans-serif}
.agent-knowledge-list{display:grid;gap:8px}
.agent-knowledge-list>p{margin:0;color:#78847c;font-size:11px}
.knowledge-item{display:grid;gap:8px;padding:11px;border:1px solid #e5e9e5;border-radius:8px;background:#fff}
.knowledge-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.knowledge-item-head strong{color:#35483d;font-size:11px}
.knowledge-status{padding:4px 7px;border-radius:999px;background:#fff4db;color:#8a6823;font-size:9px;font-weight:700}
.knowledge-status.approved{background:#eaf7ee;color:#267447}.knowledge-status.retired{background:#f1f2f1;color:#737b76}
.knowledge-item p{margin:0;color:#58675e;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.knowledge-item small{color:#87928a;font-size:9px}
.knowledge-actions{display:flex;flex-wrap:wrap;gap:6px}
.knowledge-actions button,.knowledge-edit summary{padding:6px 9px;border:1px solid #e0e5e0;border-radius:6px;background:#fff;color:#4f6658;font-size:9px;cursor:pointer}
.knowledge-edit form{display:grid;gap:8px;margin-top:8px}.knowledge-edit input,.knowledge-edit textarea{width:100%;padding:8px;border:1px solid #dfe5e0;border-radius:6px;font:11px Arial,sans-serif}.knowledge-edit textarea{min-height:80px;resize:vertical}
.agent-test-card{display:grid;gap:10px}
.agent-consent{display:flex;align-items:flex-start;gap:8px;color:#637168;font-size:10px;line-height:1.45}
.agent-consent input{margin:1px 0 0;accent-color:#a93a3e}
.agent-test-card>.secondary-button{justify-self:start}
.agent-draft-result{min-height:38px;padding:10px;border:1px solid #e4e9e4;border-radius:7px;background:#f8faf8;color:#59685f;font-size:10px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.agent-draft-result strong{color:#a13c3f}.agent-draft-result p{margin:5px 0}.agent-draft-result small{color:#77847c}
@media(max-width:760px){.agent-knowledge-form{grid-template-columns:1fr}.knowledge-content-field{grid-column:auto}.agent-knowledge-form>.primary-button{width:100%}}
.agent-memory-card{display:grid;gap:12px}
.agent-memory-intro{max-width:980px;margin:0;color:#5f6c63;font-size:11px;line-height:1.6}
.agent-memory-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;counter-reset:memory-step}
.agent-memory-flow li{display:grid;align-content:start;gap:7px;min-height:96px;padding:12px;border:1px solid #eee5e2;border-radius:8px;background:#fffaf9;counter-increment:memory-step}
.agent-memory-flow li:before{content:counter(memory-step,decimal-leading-zero);color:#a3423e;font-size:10px;font-weight:700}
.agent-memory-flow strong{color:#394c40;font-size:11px}.agent-memory-flow span{color:#6b7770;font-size:10px;line-height:1.55}
.agent-source-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.agent-source-status span{display:flex;justify-content:space-between;gap:8px;padding:9px;border:1px solid #e7ebe7;border-radius:7px;background:#f8faf8;color:#8b7568;font-size:9px}
.agent-source-status b{color:#45594c;font-size:10px}
.agent-memory-warning{margin:0;padding:10px 12px;border:1px solid #eadfbd;border-radius:7px;background:#fff9e9;color:#75643f;font-size:10px;line-height:1.55}
.agent-memory-warning strong{color:#6b5529}
.agent-form{display:grid;gap:8px}.agent-form>label{font-size:11px}
.agent-form textarea{width:100%;min-height:270px;resize:vertical;padding:13px;border:1px solid #e5e7eb;border-radius:8px;outline:none;background:#fff;color:#1f2937;font:12px/1.6 Arial,sans-serif}
.agent-form textarea:focus{border-color:#8f292f;box-shadow:0 0 0 3px #8f292f18}
.agent-instructions-help{display:flex;justify-content:space-between;gap:12px;color:#7b7778;font-size:10px}
.agent-instructions-help output{color:#374151;font-weight:700}
.agent-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}
.agent-capabilities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.agent-capabilities-grid .settings-card{display:grid;align-content:start;gap:7px}
.agent-capabilities-grid strong{color:#374151;font-size:12px}.agent-capabilities-grid span{color:#6b7280;font-size:11px;line-height:1.55}
@media(max-width:700px){.agent-capabilities-grid,.agent-memory-flow{grid-template-columns:1fr}.agent-source-status{grid-template-columns:1fr 1fr}.agent-instructions-help{flex-direction:column}.agent-form-actions{flex-wrap:wrap}.agent-form-actions button{flex:1}}
.nav-link.active{border-color:#e8ceca;background:#fbefec;color:#90393b}
.inbox-tag,.channel-pill,.inn-tag{background-color:var(--custom-tag-bg,#f6e8e5);border-color:var(--custom-tag-border,#eadfdd);color:var(--custom-tag-text,#80383a)}
body[data-density="compact"] .conversation-item{padding-top:6px;padding-bottom:6px}
body[data-density="compact"] .stage-contact{padding:5px}
body[data-density="compact"] .message-thread{gap:6px;padding-top:9px;padding-bottom:9px}
body[data-density="compact"] .settings-card{padding:12px}
@media(max-width:850px){.role-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.user-form{grid-template-columns:1fr 1fr}.appearance-form{grid-template-columns:repeat(2,minmax(120px,1fr))}}
@media(max-width:520px){.settings-card{padding:12px}.settings-card-heading{flex-wrap:wrap}.role-summary-grid,.user-form,.appearance-form{grid-template-columns:1fr}.user-form>.primary-button{width:100%}.master-badge{white-space:normal}}
@media print{
  @page{size:A4 landscape;margin:12mm}
  body *{visibility:hidden!important}
  #reports-page,#reports-page *{visibility:visible!important}
  #reports-page{display:block!important;position:absolute;left:0;top:0;width:100%;padding:0;background:#fff;color:#222}
  #reports-page .report-controls,#reports-page .report-actions,#reports-page .report-demo-chip{display:none!important}
  #reports-page .reports-heading{margin-bottom:14px}
  #reports-page .summary-grid{grid-template-columns:repeat(4,1fr)}
  #reports-page .table-scroll{overflow:visible}
  #reports-page .report-table{width:100%;font-size:9px}
  #reports-page .report-table th,#reports-page .report-table td{padding:6px 5px}
  #reports-page .report-note{font-size:9px}
}
.engine-panel-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.engine-panel-actions button{font:inherit;cursor:pointer}
.conversation-workspace.booking-expanded{grid-template-columns:minmax(190px,.72fr) minmax(290px,1.12fr) minmax(560px,2.2fr);grid-template-rows:minmax(560px,calc(100vh - 177px));overflow:hidden}
.conversation-workspace.booking-expanded>.quote-panel,.conversation-workspace.booking-expanded>.reserved-panel{display:none!important}
.conversation-workspace.booking-expanded>.booking-panel{grid-column:3/-1;grid-row:1;display:flex;flex-direction:column;gap:0;min-width:0;height:100%;max-height:100%;min-height:0;overflow:hidden;padding:8px;background:#fff}
.conversation-workspace.booking-expanded>.booking-panel>.booking-heading,.conversation-workspace.booking-expanded>.booking-panel>.rates-panel,.conversation-workspace.booking-expanded>.booking-panel>#rates-result,.conversation-workspace.booking-expanded>.booking-panel>#rates-results,.conversation-workspace.booking-expanded>.booking-panel>.ai-status{display:none!important}
.conversation-workspace.booking-expanded .engine-panel{display:flex;flex:1 1 0;flex-direction:column;min-width:0;min-height:0;margin:0;border-color:#e7d8d5;border-radius:8px}
.conversation-workspace.booking-expanded .engine-panel-head{flex:0 0 42px;min-height:42px;padding:4px 10px}
.conversation-workspace.booking-expanded .engine-panel-head>div:first-child{display:block}
.conversation-workspace.booking-expanded .engine-panel-head strong{font-size:12px}
.conversation-workspace.booking-expanded .engine-panel-head span,.conversation-workspace.booking-expanded .engine-panel-head a,.conversation-workspace.booking-expanded .engine-fallback{display:none!important}
.conversation-workspace.booking-expanded .engine-panel-actions{gap:5px}
.engine-window-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #ead7d2;border-radius:7px;background:#fff9f6;color:#a73236;font-size:21px!important;line-height:1;cursor:pointer}
.engine-window-button:hover{background:#fce9e1}
.conversation-workspace.booking-expanded .engine-crop{width:100%;height:auto;min-height:0;flex:1 1 0;overflow:hidden}
.conversation-workspace.booking-expanded .engine-crop iframe{display:block;width:100%;height:100%;min-height:0;transform:none;border:0}
@media(max-width:1120px){.conversation-workspace.booking-expanded{grid-template-columns:170px 240px minmax(400px,1fr);grid-template-rows:minmax(560px,calc(100vh - 177px));overflow:hidden}}
@media(max-width:700px){.conversation-workspace.booking-expanded{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:calc(100vh - 110px);min-height:480px;max-height:none;overflow:hidden}.conversation-workspace.booking-expanded>.inbox-panel,.conversation-workspace.booking-expanded>.chat-panel{display:none}.conversation-workspace.booking-expanded>.booking-panel{grid-column:1;grid-row:1;padding:4px}.conversation-workspace.booking-expanded .engine-panel-head{padding:3px 6px}.conversation-workspace.booking-expanded .engine-panel-head strong{font-size:10px}.conversation-workspace.booking-expanded .engine-window-button{width:30px;height:30px}}
.inbox-sort-note{margin:0 9px 7px;padding:6px 7px;border:1px solid #eadfdf;border-radius:6px;background:#fff8f6;color:#806b68;font-size:8px;line-height:1.35}
.auth-gate{min-height:100vh;display:grid;place-items:center;padding:22px;background:#eceef1;color:#26333a}.auth-gate.hidden{display:none}.auth-card{width:min(440px,100%);padding:32px;border:1px solid #e4e5e4;border-radius:16px;background:#fff;box-shadow:0 18px 55px rgba(41,49,54,.12)}.auth-card>.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#a73236;color:#fff;font:bold 23px Georgia,serif}.auth-card .eyebrow{margin:20px 0 7px;color:#a73236}.auth-card h1{margin:0;font-size:24px;color:#27333a}.auth-card>p:not(.eyebrow){color:#69757a;line-height:1.55}.auth-card>small{display:block;margin-top:20px;color:#879196;line-height:1.5}.auth-form{display:grid;gap:14px;margin-top:20px}.auth-form label{display:grid;gap:6px;color:#566267;font-size:13px;font-weight:600}.auth-form input{width:100%;height:42px;padding:0 11px;border:1px solid #dce1e1;border-radius:7px;color:#253138;font:14px Arial,sans-serif}.auth-form input:focus{outline:2px solid #b5cfc0;border-color:#79a38a}.auth-form small{color:#7c898c;font-weight:400}.auth-form .primary-button{height:42px;font-size:14px}.auth-error{min-height:18px;color:#a73236!important;font-size:13px}.auth-error:empty{display:none}.demo-notice{align-items:center}.demo-notice #logout-button{margin-left:auto;color:#8b3136}.user-form{grid-template-columns:1fr 1.2fr 1fr 1fr auto}
.report-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.report-campaign{height:34px;min-width:170px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff}.report-campaign input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:10px Arial,sans-serif}.report-campaign:focus-within{border-color:#87a994;box-shadow:0 0 0 3px rgba(85,132,103,.1)}.report-summary .summary-foot{line-height:1.35}@media(max-width:950px){.report-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.report-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.report-campaign{flex:1;min-width:150px}}
.message-attachments{display:grid;gap:3px;margin-top:4px;padding:7px 8px;border:1px solid #eadfbd;border-radius:7px;background:#fff9e9;color:#695a35;font-size:8px}.message-attachments small{font-size:7px;color:#7b6e51;line-height:1.35}

/* Acabamento de desktop: escala legível, cabeçalho alinhado e tags consistentes. */
@media(min-width:1100px){
  :root{font-family:"Segoe UI",Inter,Arial,sans-serif;--ui-small:clamp(11px,.72vw,13px);--ui-body:clamp(12px,.82vw,14px);--ui-title:clamp(21px,1.45vw,26px)}
  .main-content{width:min(100%,1920px);max-width:1920px;margin:0 auto;padding:0 clamp(22px,2.1vw,40px) 20px}
  .demo-notice{margin-top:12px;padding:9px 14px;border-radius:9px;font-size:var(--ui-small);line-height:1.45}
  .topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(210px,auto) minmax(0,1fr) minmax(190px,auto);gap:clamp(12px,1.5vw,26px);height:76px;padding:0 10px;border-bottom:1px solid #e8d9d6;background:rgba(250,247,246,.96);backdrop-filter:blur(12px)}
  .topbar .brand{gap:11px}
  .topbar .brand-mark{width:38px;height:38px;border-radius:12px;font-size:27px;line-height:38px}
  .brand-copy{gap:3px}
  .brand-copy strong{font-size:clamp(16px,1vw,19px);letter-spacing:-.35px}
  .brand-copy small{font-size:10px;letter-spacing:1.1px}
  .topbar .main-nav{justify-self:center;justify-content:center;gap:clamp(4px,.55vw,10px);margin:0}
  .topbar .nav-link{min-height:40px;padding:0 clamp(11px,.9vw,17px);border-radius:9px;font-size:var(--ui-small);white-space:nowrap}
  .topbar-right{justify-self:end;gap:11px}
  .today-label{font-size:var(--ui-small)}
  .user-session-label{max-width:190px;overflow:hidden;padding:8px 11px;border:1px solid #eadbd8;border-radius:999px;background:#fff;color:#6e5050;font-size:var(--ui-small);font-weight:600;text-overflow:ellipsis;white-space:nowrap}
  .top-avatar{width:34px;height:34px;font-size:12px}
  .page-heading{padding:24px 0 19px}
  .page-heading h1{font-size:var(--ui-title);letter-spacing:-.65px}
  .page-subtitle{font-size:var(--ui-body);line-height:1.45}
  .eyebrow{font-size:11px;letter-spacing:1.25px}
  .primary-button,.secondary-button{min-height:42px;padding:0 17px;border-radius:9px;font-size:var(--ui-small)}
  .conversation-heading{gap:16px;margin-bottom:16px}
  .conversation-heading h2{font-size:clamp(22px,1.4vw,26px);letter-spacing:-.45px}
  .conversation-heading p{font-size:var(--ui-body);line-height:1.45}
  .inbox-demo-note{margin-bottom:13px;padding:10px 13px;border-radius:8px;font-size:var(--ui-small);line-height:1.5}
  .conversation-workspace{gap:12px}
  .inbox-panel,.chat-panel,.stage-panel,.booking-panel{border-radius:11px}
  .inbox-panel-head{padding:15px 14px 12px;font-size:14px}
  .inbox-panel-head span{min-width:24px;height:23px;font-size:11px}
  .favorite-filter{min-height:30px;padding:0 10px;font-size:10px}
  .inbox-filters{gap:8px;padding:0 11px 11px}
  .inbox-filters select{height:36px;padding:0 10px;font-size:12px}
  .inbox-sort-note{margin:0 11px 9px;padding:8px 9px;font-size:10px;line-height:1.4}
  .conversation-item{gap:10px;padding:11px 8px}
  .conversation-avatar{flex-basis:38px;height:38px;font-size:11px}
  .conversation-preview{gap:5px}
  .conversation-row strong{font-size:13px}
  .conversation-row time{font-size:10px}
  .conversation-snippet{font-size:12px;line-height:1.4}
  .conversation-meta{gap:7px;font-size:10px}
  .channel-pill{padding:4px 7px;border-radius:5px;font-size:10px}
  .unread-badge{flex-basis:20px;height:20px;font-size:10px}
  .favorite-toggle{flex-basis:34px;width:34px;height:34px;font-size:19px}
  .chat-head{padding:14px 15px}
  .chat-avatar{width:40px;height:40px;font-size:11px}
  .chat-person strong{font-size:14px}
  .chat-person span:not(.avatar){font-size:11px}
  .chat-tags{gap:7px;padding:9px 13px}
  .inbox-tag,.chat-tags .inbox-tag{padding:5px 8px;border-radius:6px;font-size:10px}
  .message-thread{gap:11px;padding:16px 14px}
  .message-bubble{gap:7px;max-width:82%;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.5}
  .message-bubble time{font-size:10px}
  .message-actions{gap:8px;padding:10px 12px}
  .message-actions label{gap:9px;font-size:11px}
  .message-actions select{height:32px;padding:0 8px;font-size:11px}
  .message-actions .secondary-button{min-height:38px;padding:7px 10px;font-size:10px;line-height:1.3}
  .message-compose{gap:8px;padding:10px 12px}
  .message-compose textarea{min-height:44px;padding:10px 11px;border-radius:8px;font:12px/1.4 "Segoe UI",Arial,sans-serif}
  .message-compose .primary-button{min-height:40px;padding:0 13px;font-size:11px}
  .chat-footnote{padding:0 13px 11px;font-size:10px;line-height:1.45}
  .stage-panel{padding:13px 11px}
  .stage-panel-head{padding:4px 4px 11px;font-size:13px}
  .stage-count{min-width:23px;height:23px;font-size:11px}
  .stage-clear{margin:6px 0;padding:8px;font-size:10px}
  .stage-lane-list{gap:8px}
  .stage-contact{gap:4px;padding:9px;border-radius:7px}
  .stage-contact strong{font-size:12px}
  .stage-contact small,.stage-empty{font-size:10px}
  .booking-panel{padding:13px}
  .booking-heading{padding:5px 3px 12px}
  .booking-heading h3{font-size:15px}
  .booking-heading p{font-size:11px;line-height:1.45}
  .booking-panel .rates-panel{gap:10px;margin-top:12px;padding:12px;border-radius:9px}
  .booking-panel .rates-panel .field{gap:5px;font-size:11px}
  .booking-panel .rates-panel .field input,.booking-panel .rates-panel .field select{height:36px;padding:0 9px;font-size:12px}
  .inn-choice{gap:6px;padding:8px;border-radius:7px}
  .inn-choice legend{font-size:10px}
  .inn-choice legend small{font-size:9px}
  .inn-choice label span{padding:6px 9px;border-radius:14px;font-size:10px}
  .booking-panel .rates-submit{min-height:40px;font-size:11px}
  .booking-panel .integration-status{gap:6px;margin-top:10px;padding:11px 12px;font-size:11px;line-height:1.45}
  .booking-panel .rates-results{gap:8px;margin-top:10px}
  .booking-panel .rate-result-card{padding:10px;border-radius:8px}
  .booking-panel .rate-result-card h3{font-size:12px}
  .booking-panel .rate-result-card p{font-size:10px;line-height:1.4}
  .booking-panel .rate-result-card button{min-height:32px;font-size:10px}
  .inn-tag,.campaign-tag,.micro-tag,.source-tag,.quote-value{font-size:10px}
  .inn-tag{margin-top:8px;padding:5px 8px;border-radius:6px}
  .campaign-tag,.micro-tag{padding:5px 8px;border-radius:6px}
  .card-tags{gap:6px;margin-top:8px}
  .settings-card,.report-panel,.summary-card{border-radius:12px}
  .summary-grid{gap:14px}
  .summary-card{min-height:116px;padding:17px 18px}
  .summary-label{font-size:var(--ui-small)}
  .summary-main strong{font-size:clamp(24px,1.75vw,30px)}
  .summary-foot{font-size:10px}
  .board-toolbar{gap:24px;margin:25px 0 17px}
  .board-title h2{font-size:17px}
  .board-count{padding:5px 10px;font-size:11px}
  .board-controls{gap:10px}
  .search-box,.filter-select{height:40px;border-radius:9px}
  .search-box input,.filter-select select{font-size:12px}
  .kanban-board{gap:13px}
  .kanban-column{min-height:330px;padding:13px 11px 14px;border-radius:12px}
  .column-head{padding:4px 4px 13px}
  .column-name{gap:8px;font-size:12px}
  .column-count{min-width:23px;height:23px;font-size:10px}
  .lead-card{padding:14px 12px 12px;border-radius:10px}
  .guest-name{font-size:13px}
  .stay-dates,.stay-meta{font-size:10px}
  .card-next{font-size:10px;line-height:1.5}
  .card-move{font-size:10px}
  .reports-page{padding-top:25px}
  .reports-heading h2{font-size:clamp(22px,1.4vw,26px)}
  .reports-heading p,.report-panel-head p{font-size:var(--ui-body);line-height:1.5}
  .report-controls{gap:10px;padding:14px;border-radius:12px}
  .range-button,.report-date,.report-date input,.report-apply,.report-campaign input{font-size:11px}
  .report-date input{width:136px;height:38px;padding-inline:9px}
  .report-apply{min-height:38px}
  .report-panel-head{padding:18px 20px}
  .report-panel-head h3{font-size:15px}
  .report-table th,.report-table td{padding:12px 14px;font-size:11px}
  .report-table th{font-size:10px}
  .channel-label{padding:5px 8px;font-size:10px}
  .report-note{font-size:11px;line-height:1.6}
  .settings-page{gap:16px;padding:22px 0 28px}
  .settings-card{padding:20px;border-radius:12px}
  .settings-card-heading h3{font-size:18px}
  .settings-card-heading p{font-size:12px}
  .color-setting,.layout-setting,.settings-card label{font-size:12px}
  .color-control{min-height:42px}
  .user-table{font-size:12px}
  .user-table th,.user-table td{padding:11px 13px}
  .user-table th{font-size:11px}
  .lead-dialog{border-radius:16px}
  .lead-dialog form{padding:26px}
  .dialog-heading h2{font-size:22px}
  .dialog-intro,.field{font-size:12px}
  .field input,.field select{height:40px;font-size:12px}
}
@media(min-width:1100px) and (max-width:1450px){
  .topbar{grid-template-columns:minmax(190px,auto) minmax(0,1fr) minmax(150px,auto);gap:10px}
  .topbar .nav-link{padding-inline:9px;font-size:11px}
  .topbar-right{gap:7px}
  .user-session-label{max-width:145px;padding:7px 9px}
}
@media(max-width:1099px){
  .topbar{position:relative;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;height:auto;min-height:60px;background:#faf7f6}
  .topbar .main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:2px 0 4px}
  .topbar .nav-link{flex:0 0 auto;min-height:36px;font-size:11px}
  .topbar-right{gap:8px}
  .user-session-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:760px){.topbar .nav-link{font-size:10px}}

/* CRM em largura total: sem moldura estreita centralizada em monitores grandes. */
@media(min-width:1100px){
  #app-shell,.main-content{width:100%;max-width:none;margin:0}
  .main-content{padding:0 clamp(18px,1.8vw,36px) 18px}
}

/* Tema claro inspirado no WhatsApp: superfícies brancas, contornos nítidos e conversa legível. */
body[data-theme="light"]{--surface:#fff;--surface-soft:#f7f8f8;--surface-raised:#fff;--stroke:#d6dcdf;--stroke-soft:#e4e8ea;--text-main:#111b21;--text-muted:#54656f;background:#f0f2f4!important;color:#111b21}
body[data-theme="light"] .topbar{border-color:#d6dcdf;background:rgba(255,255,255,.97)}
body[data-theme="light"] .topbar .brand-copy strong,body[data-theme="light"] .topbar .nav-link,body[data-theme="light"] .today-label,body[data-theme="light"] .user-session-label{color:#111b21}
body[data-theme="light"] .user-session-label{border-color:#cbd3d7;background:#fff}
body[data-theme="light"] .nav-link.active{border-color:#cbd3d7;background:#e9edef;color:#075e54}
body[data-theme="light"] .conversation-workspace :is(.inbox-panel,.chat-panel,.stage-panel,.booking-panel){border-color:#cbd3d7;background:#fff}
body[data-theme="light"] .inbox-panel{background:#fff;color:#111b21}
body[data-theme="light"] .inbox-panel-head,body[data-theme="light"] .chat-head,body[data-theme="light"] .chat-tags,body[data-theme="light"] .message-actions,body[data-theme="light"] .message-compose{border-color:#d6dcdf;background:#fff;color:#111b21}
body[data-theme="light"] .inbox-filters select,body[data-theme="light"] .message-actions select,body[data-theme="light"] .message-compose textarea{border-color:#cbd3d7;background:#fff;color:#111b21}
body[data-theme="light"] .conversation-item{color:#111b21}
body[data-theme="light"] .conversation-item:hover{background:#f5f6f6}
body[data-theme="light"] .conversation-item.selected{background:#e9edef}
body[data-theme="light"] .conversation-avatar,body[data-theme="light"] .chat-avatar{border:1px solid #cbd3d7;background:#f1f3f4;color:#075e54}
body[data-theme="light"] .conversation-row strong,body[data-theme="light"] .chat-person strong{color:#111b21}
body[data-theme="light"] .conversation-row time,body[data-theme="light"] .conversation-snippet,body[data-theme="light"] .conversation-meta,body[data-theme="light"] .chat-person span:not(.avatar){color:#54656f}
body[data-theme="light"] .message-thread{background-color:#efeae2;background-image:radial-gradient(#d8d2ca .65px,transparent .65px)}
body[data-theme="light"] .message-bubble{border-color:#d6dcdf;background:#fff;color:#111b21;box-shadow:0 1px 1px #101b2118}
body[data-theme="light"] .message-line.staff .message-bubble{border-color:#c9e7c1;background:#d9fdd3;color:#111b21}
body[data-theme="light"] .message-line.system .message-bubble{background:#e2e7e9;color:#43535d}
body[data-theme="light"] .message-bubble time{color:#667781}
body[data-theme="light"] .stage-panel{background:#f7f8f8}
body[data-theme="light"] .stage-panel-head,body[data-theme="light"] .stage-contact{color:#111b21}
body[data-theme="light"] .stage-contact{border:1px solid #d6dcdf;background:#fff}
body[data-theme="light"] .stage-contact:hover{background:#f5f7f7}
body[data-theme="light"] .stage-count{border:1px solid #d6dcdf;background:#fff;color:#34454e}
body[data-theme="light"] .inbox-tag,body[data-theme="light"] .channel-pill,body[data-theme="light"] .inn-tag,body[data-theme="light"] .campaign-tag,body[data-theme="light"] .micro-tag{border:1px solid #cbd3d7;color:#26363e}
body[data-theme="light"] .favorite-filter{border-color:#cbd3d7;background:#fff;color:#34454e}
body[data-theme="light"] .favorite-toggle:hover,body[data-theme="light"] .favorite-toggle.is-favorite{background:#fff5d6;color:#a97800}
body[data-theme="light"] .booking-heading,body[data-theme="light"] .engine-panel,body[data-theme="light"] .rates-panel,body[data-theme="light"] .integration-status,body[data-theme="light"] .rate-result-card{border-color:#cbd3d7}
body[data-theme="light"] .settings-card,body[data-theme="light"] .report-panel,body[data-theme="light"] .summary-card,body[data-theme="light"] .lead-dialog{border-color:#cbd3d7;background:#fff;color:#111b21}

/* Tema escuro com contraste alto, preservando estados e cores funcionais. */
body[data-theme="dark"]{--surface:#202c33;--surface-soft:#111b21;--surface-raised:#202c33;--stroke:#35434a;--stroke-soft:#2a3942;--text-main:#e9edef;--text-muted:#aebac1;background:#111b21!important;color:#e9edef;color-scheme:dark}
body[data-theme="dark"] .main-content{color:#e9edef}
body[data-theme="dark"] .demo-notice{border-color:#695b35;background:#2b2a22;color:#f2d58a}
body[data-theme="dark"] .topbar{border-color:#35434a;background:rgba(17,27,33,.97)}
body[data-theme="dark"] .topbar .brand-copy strong,body[data-theme="dark"] .topbar .brand-copy small,body[data-theme="dark"] .topbar .nav-link,body[data-theme="dark"] .today-label,body[data-theme="dark"] .user-session-label,body[data-theme="dark"] .page-heading h1,body[data-theme="dark"] .page-subtitle,body[data-theme="dark"] .conversation-heading h2,body[data-theme="dark"] .conversation-heading p,body[data-theme="dark"] .reports-heading h2,body[data-theme="dark"] .reports-heading p,body[data-theme="dark"] .settings-card-heading h3,body[data-theme="dark"] .settings-card-heading p{color:#e9edef}
body[data-theme="dark"] .user-session-label{border-color:#35434a;background:#202c33}
body[data-theme="dark"] .nav-link.active{border-color:#6a3939;background:#3a2729;color:#ffb49e}
body[data-theme="dark"] .conversation-workspace :is(.inbox-panel,.chat-panel,.stage-panel,.booking-panel){border-color:#35434a;background:#111b21;color:#e9edef}
body[data-theme="dark"] .inbox-panel,body[data-theme="dark"] .stage-panel{background:#111b21;color:#e9edef}
body[data-theme="dark"] .inbox-panel-head,body[data-theme="dark"] .chat-head,body[data-theme="dark"] .chat-tags,body[data-theme="dark"] .message-actions,body[data-theme="dark"] .message-compose{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .inbox-filters select,body[data-theme="dark"] .message-actions select,body[data-theme="dark"] .message-compose textarea,body[data-theme="dark"] .booking-panel .field input,body[data-theme="dark"] .booking-panel .field select{border-color:#46545b;background:#202c33;color:#e9edef}
body[data-theme="dark"] .conversation-item{color:#e9edef}
body[data-theme="dark"] .conversation-item:hover,body[data-theme="dark"] .conversation-item.selected{background:#26383f}
body[data-theme="dark"] .conversation-avatar,body[data-theme="dark"] .chat-avatar{border:1px solid #46545b;background:#26383f;color:#b9e4d0}
body[data-theme="dark"] .conversation-row strong,body[data-theme="dark"] .chat-person strong{color:#e9edef}
body[data-theme="dark"] .conversation-row time,body[data-theme="dark"] .conversation-snippet,body[data-theme="dark"] .conversation-meta,body[data-theme="dark"] .chat-person span:not(.avatar),body[data-theme="dark"] .chat-footnote{color:#aebac1}
body[data-theme="dark"] .message-thread{background-color:#0b141a;background-image:radial-gradient(#27343b .65px,transparent .65px)}
body[data-theme="dark"] .message-bubble{border-color:#35434a;background:#202c33;color:#e9edef;box-shadow:0 1px 1px #0003}
body[data-theme="dark"] .message-line.staff .message-bubble{border-color:#05604f;background:#005c4b;color:#e9edef}
body[data-theme="dark"] .message-line.system .message-bubble{background:#26343b;color:#c2cdd2}
body[data-theme="dark"] .message-bubble time{color:#aebac1}
body[data-theme="dark"] .stage-contact{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .stage-contact:hover{background:#26383f}
body[data-theme="dark"] .stage-contact strong,body[data-theme="dark"] .stage-panel-head strong,body[data-theme="dark"] .stage-contact small,body[data-theme="dark"] .stage-empty{color:#e9edef}
body[data-theme="dark"] .stage-count,body[data-theme="dark"] .favorite-filter{border-color:#46545b;background:#26343b;color:#e9edef}
body[data-theme="dark"] .inbox-tag,body[data-theme="dark"] .channel-pill,body[data-theme="dark"] .inn-tag,body[data-theme="dark"] .campaign-tag,body[data-theme="dark"] .micro-tag{border:1px solid #46545b;background:#26343b;color:#e9edef}
body[data-theme="dark"] .inbox-tag.ai,body[data-theme="dark"] .micro-tag.ai{background:#244137;color:#c2ead2}
body[data-theme="dark"] .micro-tag.pending,body[data-theme="dark"] .quote-tag{background:#453a24;color:#f4d58b}
body[data-theme="dark"] .channel-pill.instagram{background:#3d2d42;color:#edc9f2}
body[data-theme="dark"] .channel-pill.facebook{background:#263b58;color:#c9dcfa}
body[data-theme="dark"] .channel-pill.site{background:#45412d;color:#f0e4aa}
body[data-theme="dark"] .booking-heading{border-color:#35434a}
body[data-theme="dark"] .booking-heading h3,body[data-theme="dark"] .booking-heading p,body[data-theme="dark"] .field,body[data-theme="dark"] .inn-choice legend{color:#e9edef}
body[data-theme="dark"] .inn-choice,body[data-theme="dark"] .rate-result-card,body[data-theme="dark"] .engine-panel,body[data-theme="dark"] .engine-panel-head{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .integration-status,body[data-theme="dark"] .settings-demo-note,body[data-theme="dark"] .settings-security-note{border-color:#46545b;background:#26343b;color:#d7e0e4}
body[data-theme="dark"] .summary-card,body[data-theme="dark"] .settings-card,body[data-theme="dark"] .report-panel,body[data-theme="dark"] .lead-dialog{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .kanban-column{border-color:#35434a;background:#17232a}
body[data-theme="dark"] .column-name,body[data-theme="dark"] .guest-name,body[data-theme="dark"] .stay-dates,body[data-theme="dark"] .card-next,body[data-theme="dark"] .card-assignee,body[data-theme="dark"] .card-task-editor{color:#e9edef}
body[data-theme="dark"] .column-count{border:1px solid #46545b;background:#26343b;color:#e9edef}
body[data-theme="dark"] .lead-card{border-color:#35434a;background:#202c33;color:#e9edef;box-shadow:0 2px 7px #0003}
body[data-theme="dark"] .lead-card .card-next,body[data-theme="dark"] .lead-card .card-task-editor{border-color:#35434a}
body[data-theme="dark"] .chat-footnote{background:#202c33}
body[data-theme="dark"] .report-controls,body[data-theme="dark"] .report-table th,body[data-theme="dark"] .report-table td,body[data-theme="dark"] .report-date input,body[data-theme="dark"] .report-campaign,body[data-theme="dark"] .range-presets,body[data-theme="dark"] .range-button.active{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .report-table th{background:#26343b;color:#c2cdd2}
body[data-theme="dark"] .report-table td,body[data-theme="dark"] .report-panel-head p,body[data-theme="dark"] .report-note{color:#aebac1}
body[data-theme="dark"] .field input,body[data-theme="dark"] .field select,body[data-theme="dark"] .user-form input,body[data-theme="dark"] .user-form select,body[data-theme="dark"] .color-setting .color-control,body[data-theme="dark"] .agent-form textarea{border-color:#46545b;background:#202c33;color:#e9edef}
body[data-theme="dark"] .role-summary-grid article{border-color:#35434a;background:#26343b}
body[data-theme="dark"] .role-summary-grid strong,body[data-theme="dark"] .role-summary-grid span,body[data-theme="dark"] .user-table th,body[data-theme="dark"] .user-table td,body[data-theme="dark"] .color-setting{color:#e9edef}
body[data-theme="dark"] .user-table th,body[data-theme="dark"] .user-table td{border-color:#35434a;background:#202c33}
body[data-theme="dark"] .secondary-button{border-color:#46545b;background:#26343b;color:#e9edef}
body[data-theme="dark"] .secondary-button:hover{background:#35454d}
body[data-theme="dark"] .icon-button{border-color:#46545b;background:#26343b;color:#e9edef}
body[data-theme="dark"] .color-palette,body[data-theme="dark"] .palette-group{border-color:#46545b;background:#202c33;color:#e9edef}
body[data-theme="dark"] .color-palette summary,body[data-theme="dark"] .palette-group strong{color:#e9edef}
body[data-theme="dark"] ::placeholder{color:#9baab2}
body[data-theme="dark"] :focus-visible{outline-color:#f08a65}
body[data-theme="dark"] :is(.conversation-list,.message-thread,.stage-lane-list,.table-scroll){scrollbar-color:#52616a #202c33}

/* Seletor de temas, com prévias reais do sistema e aplicação global consistente. */
body[data-skin]{--skin-accent:#075e54;--skin-accent-hover:#064c44;--skin-soft:#e9edef;--skin-stroke:#cbd3d7;--skin-page:#f0f2f4;--skin-panel:#fff;--skin-text:#111b21;--skin-muted:#54656f;--skin-received:#fff;--skin-sent:#d9fdd3}
body[data-skin="whatsapp-dark"]{--skin-accent:#00a884;--skin-accent-hover:#008f70;--skin-soft:#26383f;--skin-stroke:#35434a;--skin-page:#111b21;--skin-panel:#202c33;--skin-text:#e9edef;--skin-muted:#aebac1;--skin-received:#202c33;--skin-sent:#005c4b}
body[data-skin="rose"]{--skin-accent:#b95373;--skin-accent-hover:#9f3d60;--skin-soft:#f8e8ed;--skin-stroke:#e8cbd4;--skin-page:#fff8fa;--skin-panel:#fff;--skin-text:#392b31;--skin-muted:#806b74;--skin-received:#fff;--skin-sent:#f7dce5}
body[data-skin="instagram"]{--skin-accent:#a23882;--skin-accent-hover:#842769;--skin-soft:#f3e7f2;--skin-stroke:#dfc9df;--skin-page:#fbf8fc;--skin-panel:#fff;--skin-text:#302a35;--skin-muted:#746779;--skin-received:#fff;--skin-sent:#f0dff0}
body[data-skin="facebook"]{--skin-accent:#1877f2;--skin-accent-hover:#1264cf;--skin-soft:#e7f0ff;--skin-stroke:#c8d8f0;--skin-page:#f3f6fb;--skin-panel:#fff;--skin-text:#172b4d;--skin-muted:#5d6e88;--skin-received:#fff;--skin-sent:#dce9ff}
body[data-skin="outono"]{--skin-accent:#bd5738;--skin-accent-hover:#a3442d;--skin-soft:#f8e8df;--skin-stroke:#e7c8b8;--skin-page:#fbf7f2;--skin-panel:#fff;--skin-text:#392e2a;--skin-muted:#806f67;--skin-received:#fff;--skin-sent:#f4dfd2}
body[data-skin="slate"]{--skin-accent:#526477;--skin-accent-hover:#3f5062;--skin-soft:#e9edf1;--skin-stroke:#cbd2da;--skin-page:#f2f4f6;--skin-panel:#fff;--skin-text:#26313b;--skin-muted:#64717d;--skin-received:#fff;--skin-sent:#e1e7ed}
body[data-skin]{background:var(--skin-page)!important;color:var(--skin-text);--pine:var(--skin-accent);--pine-2:var(--skin-accent);--line:var(--skin-stroke);--paper:var(--skin-panel);--ink:var(--skin-text);--muted:var(--skin-muted)}
body[data-skin] .main-content,body[data-skin] .topbar .brand-copy strong,body[data-skin] .topbar .nav-link,body[data-skin] .today-label,body[data-skin] .user-session-label{color:var(--skin-text)}
body[data-skin] .topbar{border-color:var(--skin-stroke);background:color-mix(in srgb,var(--skin-panel) 97%,transparent)}
body[data-skin] .nav-link.active,body[data-skin] .primary-button,body[data-skin] .inn-choice input:checked+span{border-color:var(--skin-accent);background:var(--skin-accent);color:#fff}
body[data-skin] .primary-button:hover{background:var(--skin-accent-hover)}
body[data-skin] .summary-card,body[data-skin] .settings-card,body[data-skin] .report-panel,body[data-skin] .lead-dialog,body[data-skin] .chat-panel,body[data-skin] .inbox-panel,body[data-skin] .booking-panel,body[data-skin] .rate-result-card{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .conversation-item.selected,body[data-skin] .conversation-item:hover,body[data-skin] .stage-panel-head.filtered,body[data-skin] .nav-link.active{background:var(--skin-soft);color:var(--skin-accent)}
body[data-skin] .conversation-avatar,body[data-skin] .chat-avatar{border-color:var(--skin-stroke);background:var(--skin-soft);color:var(--skin-accent)}
body[data-skin] .message-thread{background-color:var(--skin-page)}
body[data-skin] .message-bubble{border-color:var(--skin-stroke);background:var(--skin-received);color:var(--skin-text)}
body[data-skin] .message-line.staff .message-bubble{border-color:var(--skin-soft);background:var(--skin-sent);color:var(--skin-text)}
body[data-skin] .stage-panel,body[data-skin] .kanban-column{border-color:var(--skin-stroke);background:var(--skin-soft);color:var(--skin-text)}
body[data-skin] .stage-contact,body[data-skin] .lead-card{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .inbox-tag,body[data-skin] .channel-pill,body[data-skin] .inn-tag,body[data-skin] .campaign-tag,body[data-skin] .micro-tag,body[data-skin] .stage-count{border-color:var(--skin-stroke);color:var(--skin-text)}
body[data-skin] .inbox-panel-head,body[data-skin] .chat-head,body[data-skin] .chat-tags,body[data-skin] .message-actions,body[data-skin] .message-compose{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] :is(input,select,textarea){accent-color:var(--skin-accent)}
body[data-skin="whatsapp-dark"] :is(input,select,textarea){border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}

.themes-page{padding:clamp(16px,2vw,30px) 0 30px}
.themes-heading{margin-bottom:18px}
.themes-heading h2{margin:0;color:var(--ink);font:700 clamp(22px,2vw,30px) Arial,sans-serif;letter-spacing:-.6px}
.themes-heading p{max-width:700px}
.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.theme-card{display:grid;gap:12px;padding:14px;border:1px solid #e1e5e8;border-radius:14px;background:#fff;color:#27333a;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.theme-card:hover{transform:translateY(-2px);border-color:#9eabb2;box-shadow:0 8px 22px #25343b14}
.theme-card[aria-pressed="true"]{border:2px solid var(--skin-accent,#075e54);padding:13px;box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent,#075e54) 14%,transparent)}
.theme-card-head{display:grid;gap:4px}.theme-card-head strong{font-size:14px}.theme-card-head>span{color:#75818a;font-size:11px}
.theme-preview{display:grid;grid-template-columns:28% 1fr;min-height:132px;overflow:hidden;border:1px solid #d8dfe3;border-radius:9px;background:#f2f4f5}
.preview-sidebar{display:grid;align-content:start;gap:9px;padding:12px 8px;border-right:1px solid #d8dfe3;background:#fff}
.preview-sidebar i{height:12px;border-radius:8px;background:#e8edef}.preview-sidebar i:first-child{width:84%;height:18px;background:var(--skin-accent,#075e54)}
.preview-window{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:11px;font-size:9px}.preview-window b{margin-bottom:4px;font-size:10px}.preview-window>i{max-width:92%;padding:7px 9px;border:1px solid #d8dfe3;border-radius:10px;background:#fff;font-style:normal}.preview-window .preview-outgoing{align-self:flex-end;background:#d9fdd3}.preview-tags{display:flex;gap:5px;margin-top:auto}.preview-tags i{padding:4px 6px;border:1px solid #cbd3d7;border-radius:20px;background:#fff;font-size:8px;font-style:normal}
.preview-whatsapp-dark{border-color:#35434a;background:#111b21;color:#e9edef}.preview-whatsapp-dark .preview-sidebar{border-color:#35434a;background:#202c33}.preview-whatsapp-dark .preview-sidebar i{background:#35434a}.preview-whatsapp-dark .preview-window>i{border-color:#35434a;background:#202c33}.preview-whatsapp-dark .preview-window .preview-outgoing{background:#005c4b}.preview-whatsapp-dark .preview-tags i{border-color:#46545b;background:#26343b}
.preview-rose .preview-sidebar i:first-child,.preview-rose .preview-outgoing{background:#f2d2dd}.preview-rose .preview-window .preview-outgoing{background:#f7dce5}.preview-instagram .preview-sidebar i:first-child{background:#a23882}.preview-instagram .preview-window .preview-outgoing{background:#f0dff0}.preview-facebook .preview-sidebar i:first-child{background:#1877f2}.preview-facebook .preview-window .preview-outgoing{background:#dce9ff}.preview-outono .preview-sidebar i:first-child{background:#bd5738}.preview-outono .preview-window .preview-outgoing{background:#f4dfd2}.preview-slate .preview-sidebar i:first-child{background:#526477}.preview-slate .preview-window .preview-outgoing{background:#e1e7ed}
.theme-save-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 16px;border:1px solid var(--skin-stroke);border-radius:12px;background:var(--skin-panel);color:var(--skin-text)}
.theme-save-bar p{margin:0;color:var(--skin-muted);font-size:12px}
body[data-theme="dark"] .theme-card{border-color:#35434a;background:#202c33;color:#e9edef}
body[data-theme="dark"] .theme-card-head>span{color:#aebac1}
body[data-theme="dark"] .theme-preview:not(.preview-whatsapp-dark){border-color:#46545b}
body[data-theme="dark"] .theme-save-bar{border-color:#35434a;background:#202c33;color:#e9edef}
@media(max-width:700px){.theme-save-bar{align-items:stretch;flex-direction:column}.theme-save-bar .primary-button{width:100%}}

/* Refinamento de legibilidade e identidade visual nos temas escuros e claros. */
body[data-skin]{--skin-heading:#a73236}
body[data-skin="whatsapp-dark"]{--skin-heading:#f0a096}
body[data-skin="rose"]{--skin-heading:#9d4562}
body[data-skin="instagram"]{--skin-heading:#923575}
body[data-skin="facebook"]{--skin-heading:#24589a}
body[data-skin="outono"]{--skin-heading:#a3442d}
body[data-skin="slate"]{--skin-heading:#455563}
body[data-skin] .brand-mark{display:block;width:46px;height:46px;flex:0 0 auto;border:0;border-radius:0;background:transparent;object-fit:contain;transform:none}
.auth-card>.brand-mark{width:58px;height:58px;margin:0 0 8px;background:transparent}
.topbar .brand-copy strong{font-size:clamp(18px,1.05vw,21px);letter-spacing:-.4px}
.topbar .brand-copy small{color:var(--skin-muted);font-size:10px;letter-spacing:1.15px}
.topbar .main-nav{display:flex;align-items:center;justify-content:space-evenly;gap:clamp(3px,.5vw,9px);width:100%;min-width:0}
.topbar .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding-inline:clamp(7px,.75vw,14px);color:var(--skin-muted);font-weight:600}
.topbar .nav-link .nav-icon{width:auto;font-size:15px;line-height:1}
.topbar .nav-link.active{border:1px solid color-mix(in srgb,var(--skin-accent) 28%,var(--skin-stroke));background:var(--skin-soft);color:var(--skin-accent)}
body[data-skin] .topbar-right .today-label,body[data-skin] .topbar-right .user-session-label{color:var(--skin-text)!important}
body[data-skin] .user-session-label{border-color:var(--skin-stroke);background:var(--skin-panel)}
.conversation-heading{display:grid;grid-template-columns:1fr auto auto 1fr;align-items:center;gap:10px;margin:8px 0 15px}
.conversation-heading>div:first-child{grid-column:1/-1;min-width:0;text-align:center}
.conversation-heading h2{margin:0;color:var(--skin-heading);font-size:clamp(23px,1.55vw,30px);font-weight:750;letter-spacing:-.65px}
.conversation-heading p{margin:5px 0 0;color:var(--skin-muted);font-size:var(--ui-body,14px)}
.conversation-heading .guest-search{grid-column:2;grid-row:2;width:min(280px,28vw);margin:0}
.conversation-heading #add-contact-button{grid-column:3;grid-row:2;white-space:nowrap}
body[data-skin] .conversation-workspace .stage-panel-head{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:9px 12px;border:0;border-bottom:1px solid var(--skin-stroke);border-radius:9px 9px 0 0;background:var(--skin-soft);color:var(--skin-heading);text-align:center}
body[data-skin] .main-content .stage-panel-head strong{color:var(--skin-heading)!important;font-size:clamp(12px,.86vw,15px);font-weight:800;letter-spacing:.09em;text-transform:uppercase}
body[data-skin] .stage-count{min-width:23px;border:1px solid var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .stage-clear{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-heading)}
body[data-skin] .stage-contact,body[data-skin] .stage-contact strong,body[data-skin] .stage-contact small{color:var(--skin-text)!important}
body[data-skin] .booking-heading{padding:8px 4px 12px;border-color:var(--skin-stroke);text-align:center}
body[data-skin] .main-content .booking-heading .eyebrow{margin-bottom:5px;color:var(--skin-heading)!important;font-size:12px;font-weight:850;letter-spacing:.13em}
body[data-skin] .main-content .booking-heading h3{color:var(--skin-heading)!important;font-size:17px;letter-spacing:.02em}
body[data-skin] .main-content .booking-heading p{color:var(--skin-text)!important;font-size:12px;line-height:1.45}
body[data-skin] .integration-status,body[data-skin] .ai-status{border:1px solid var(--skin-stroke);border-radius:9px;background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .integration-status strong,body[data-skin] .ai-status strong{display:block;margin-bottom:5px;color:var(--skin-heading)!important;font-weight:800}
body[data-skin] .integration-status span,body[data-skin] .ai-status p,body[data-skin] .ai-status small{color:var(--skin-text)!important;line-height:1.5}
body[data-skin] .rates-panel{border-color:var(--skin-stroke);background:var(--skin-panel)}
body[data-skin] .rates-panel .field,body[data-skin] .inn-choice legend{color:var(--skin-heading)!important;font-weight:700}
body[data-skin] .rates-panel .field input,body[data-skin] .rates-panel .field select{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .inn-choice{border-color:var(--skin-stroke);background:var(--skin-panel)}
body[data-skin] .inn-choice label span{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-text)}
body[data-skin] .inn-choice input:checked+span{background:var(--skin-accent);color:#fff}
body[data-skin] .main-content :is(.conversation-row strong,.conversation-row time,.conversation-snippet,.conversation-meta,.chat-person strong,.chat-person span,.inbox-panel-head,.booking-heading h3,.booking-heading p){color:var(--skin-text)!important}
body[data-skin] .main-content .conversation-item.selected .conversation-row strong,body[data-skin] .main-content .conversation-item.selected .conversation-snippet,body[data-skin] .main-content .conversation-item.selected .conversation-meta{color:var(--skin-text)!important}
body[data-skin] .conversation-avatar,body[data-skin] .chat-avatar{border:1px solid var(--skin-stroke);background:var(--skin-soft);color:var(--skin-accent)!important;font-weight:800}
body[data-skin="whatsapp-dark"] .conversation-item.selected{background:#2a3c42}
body[data-skin="whatsapp-dark"] .conversation-item.selected .conversation-row strong,body[data-skin="whatsapp-dark"] .conversation-item.selected .conversation-snippet,body[data-skin="whatsapp-dark"] .conversation-item.selected .conversation-meta,body[data-skin="whatsapp-dark"] .chat-person strong{color:#f5f7f8!important}
body[data-skin="whatsapp-dark"] .conversation-item.selected .conversation-snippet{color:#d5dfe2!important}
body[data-skin="whatsapp-dark"] .chat-avatar,body[data-skin="whatsapp-dark"] .conversation-avatar{background:#263d40;color:#73d8c0!important}
body[data-skin="whatsapp-dark"] .booking-panel .rates-panel,body[data-skin="whatsapp-dark"] .booking-panel .integration-status,body[data-skin="whatsapp-dark"] .booking-panel .ai-status{background:#202c33;color:#f1f4f5}
body[data-skin="whatsapp-dark"] .booking-panel .rates-panel .field input,body[data-skin="whatsapp-dark"] .booking-panel .rates-panel .field select{background:#111b21;color:#f1f4f5}
body[data-skin="whatsapp-dark"] .stage-clear{background:#202c33;color:#f0a096}
@media(max-width:1099px){.conversation-heading{grid-template-columns:1fr auto 1fr}.conversation-heading>div:first-child{grid-column:1/-1}.conversation-heading .guest-search{grid-column:1/3;grid-row:2;width:100%}.conversation-heading #add-contact-button{grid-column:3;grid-row:2}}
@media(max-width:700px){.topbar .main-nav{justify-content:flex-start}.topbar .nav-link{gap:5px;padding-inline:9px}.topbar .nav-link .nav-icon{font-size:14px}.conversation-heading{grid-template-columns:1fr auto}.conversation-heading .guest-search{grid-column:1;grid-row:2}.conversation-heading #add-contact-button{grid-column:2;grid-row:2;padding-inline:10px}.conversation-heading h2{font-size:22px}}

/* Legibilidade desktop: escalas confortáveis e hit-targets sem encolher o CRM. */
.brand-symbol-crop{position:relative;display:block;width:54px;height:50px;flex:0 0 auto;overflow:hidden;border:1px solid #e8ddd5;border-radius:10px;background:#fff;box-shadow:0 1px 3px #34231b18}
.brand-symbol-crop .brand-mark{position:absolute;top:50%;left:50%;display:block;width:74px;height:62px;max-width:none;border:0;border-radius:0;background:#fff;object-fit:fill;transform:translate(-50%,-50%)}
body[data-skin] .brand-symbol-crop .brand-mark{width:74px;height:62px;max-width:none;object-fit:fill;transform:translate(-50%,-50%)}
.auth-card .brand-symbol-crop{width:66px;height:60px;margin-bottom:10px}
.auth-card .brand-symbol-crop .brand-mark{width:88px;height:74px}
body[data-theme="dark"] .brand-symbol-crop{border-color:#786b63;background:#fff;box-shadow:0 0 0 2px #fff2,0 2px 7px #0005}
@media(min-width:1100px){
  .main-content{font-size:14px}
  .topbar .nav-link{min-height:44px;font-size:13.5px}
  .topbar .nav-link .nav-icon{font-size:17px}
  .topbar .brand-copy strong{font-size:21px}
  .topbar .brand-copy small{font-size:11px}
  .conversation-heading{gap:12px;margin-block:14px 18px}
  .conversation-heading h2{font-size:30px;line-height:1.2}
  .conversation-heading p{font-size:15px}
  .conversation-heading .guest-search{width:310px;min-height:44px}
  .conversation-heading .guest-search input{height:42px;font-size:15px}
  .conversation-heading .primary-button{min-height:46px;padding-inline:20px;font-size:14px}
  .inbox-panel-head{min-height:52px;padding:13px 15px;font-size:16px}
  .inbox-head-actions .favorite-filter,.inbox-head-actions>span{font-size:12px}
  .inbox-filters select{min-height:42px;padding-inline:11px;font-size:14px}
  .inbox-sort-note,.inbox-demo-note{font-size:12.5px;line-height:1.5}
  .conversation-item{padding:11px 10px;gap:9px}
  .conversation-avatar{width:36px;height:36px;font-size:12px}
  .conversation-row strong{font-size:14px;font-weight:750}
  .conversation-row time{font-size:12px}
  .conversation-snippet,.conversation-meta{font-size:12.5px;line-height:1.4}
  .channel-pill,.inn-tag,.campaign-tag,.inbox-tag,.micro-tag{font-size:11.5px;padding:4px 7px}
  .unread-badge{min-width:19px;height:19px;font-size:11px}
  .chat-head{min-height:66px;padding:12px 14px}
  .chat-avatar{width:40px;height:40px;font-size:14px}
  .chat-person strong{font-size:16px}
  .chat-person span:not(.avatar){font-size:13px}
  .chat-tags{min-height:42px;padding:8px 12px;font-size:12px}
  .message-thread{padding:16px;gap:12px}
  .message-bubble{max-width:min(76%,560px);padding:11px 13px;font-size:14px;line-height:1.5}
  .message-bubble time{font-size:11px}
  .message-actions{gap:10px;padding:11px 12px;font-size:12px}
  .message-actions select{min-height:36px;font-size:13px}
  .message-actions .secondary-button,.message-compose .primary-button{min-height:42px;font-size:13px}
  .message-compose{gap:10px;padding:12px}
  .message-compose textarea{min-height:48px;padding:10px 12px;font-size:14px}
  .chat-footnote{padding:9px 12px;font-size:11.5px;line-height:1.45}
  body[data-skin] .conversation-workspace .stage-panel-head{min-height:56px}
  body[data-skin] .main-content .stage-panel-head strong{font-size:15px;letter-spacing:.1em}
  .stage-contact{padding:11px 12px;gap:5px}
  .stage-contact strong{font-size:14px}
  .stage-contact small,.stage-empty{font-size:12px;line-height:1.4}
  .stage-clear{min-height:39px;font-size:12px}
  .booking-panel{padding:16px}
  body[data-skin] .main-content .booking-heading .eyebrow{font-size:14px}
  body[data-skin] .main-content .booking-heading h3{font-size:20px}
  body[data-skin] .main-content .booking-heading p{font-size:13.5px}
  .booking-panel .rates-panel{gap:11px;padding:13px}
  .booking-panel .rates-panel .field{gap:6px;font-size:12.5px}
  .booking-panel .rates-panel .field input,.booking-panel .rates-panel .field select{height:40px;padding-inline:10px;font-size:14px}
  .booking-panel .rates-panel .rates-submit{min-height:44px;font-size:13.5px}
  .booking-panel .inn-choice legend{font-size:12px}
  .booking-panel .inn-choice legend small{font-size:11px}
  .booking-panel .inn-choice label span{padding:6px 9px;font-size:12px}
  .booking-panel .integration-status,.booking-panel .ai-status{padding:13px;font-size:12.5px;line-height:1.5}
  .booking-panel .rate-result-card h3{font-size:14px}
  .booking-panel .rate-result-card p{font-size:12px;line-height:1.45}
  .field,.user-form .field{font-size:13px}
  .field input,.field select,.user-form input,.user-form select{height:42px;font-size:14px}
  .settings-card-heading h3,.report-panel-head h3{font-size:17px}
  .settings-card-heading p,.reports-heading p,.report-note{font-size:13px;line-height:1.5}
  .theme-card-head strong{font-size:16px}
  .theme-card-head>span{font-size:13px}
  .summary-label,.summary-foot{font-size:12px}
  .board-title h2{font-size:18px}
  .column-name,.guest-name{font-size:14px}
  .stay-dates,.card-next,.card-assignee,.card-task-editor{font-size:12px}
  .footer{font-size:11.5px}
}
@media(max-width:1099px){.brand-symbol-crop{width:46px;height:43px}.brand-symbol-crop .brand-mark{width:64px;height:54px}.topbar .brand-copy strong{font-size:18px}.topbar .brand-copy small{font-size:10px}.conversation-heading .guest-search{min-height:42px}.conversation-heading .guest-search input{font-size:14px}}
@media(max-width:700px){.conversation-heading h2{font-size:21px}.conversation-heading p{font-size:13px}.conversation-heading .guest-search input{font-size:13px}.conversation-item{padding:9px}.conversation-row strong{font-size:13px}.conversation-snippet,.conversation-meta{font-size:12px}.message-bubble{font-size:13px}}

/* Barra única de trabalho: marca, ações rápidas e navegação no mesmo cabeçalho. */
.topbar{height:auto;min-height:82px;justify-content:flex-start;gap:clamp(8px,1vw,16px);padding:9px 4px}
.topbar .brand{flex:0 0 auto;gap:10px;padding:0;text-decoration:none}
.topbar-page-title{margin:0;color:var(--skin-heading,var(--ink));font-size:clamp(17px,1.15vw,22px);font-weight:800;letter-spacing:-.45px;line-height:1.15;white-space:nowrap}
.topbar-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px}
.topbar-actions .guest-search{width:clamp(200px,16vw,270px);max-width:none;min-width:0;height:44px;margin:0;padding:0 11px}
.topbar-actions .guest-search input{height:40px;font-size:14px}
.topbar-actions .primary-button{min-height:44px;padding-inline:16px;font-size:13px;white-space:nowrap}
.topbar .main-nav{flex:1 1 auto;width:auto;min-width:0;justify-content:center;gap:clamp(2px,.4vw,8px)}
.topbar .nav-link{padding-inline:clamp(7px,.65vw,12px);font-size:clamp(11px,.72vw,13px)}
.topbar-right{flex:0 0 auto;gap:9px}
.demo-notice{margin-top:8px}
.rates-page{padding-top:12px}
body[data-skin] .topbar-page-title{color:var(--skin-heading)!important}
body[data-skin] .topbar-actions .guest-search{border-color:var(--skin-stroke);background:var(--skin-panel);color:var(--skin-muted)}
body[data-skin] .topbar-actions .guest-search input{background:transparent;color:var(--skin-text)}
body[data-skin] .topbar-actions .guest-search input::placeholder{color:var(--skin-muted)}
@media(min-width:1100px) and (max-width:1750px){
  .topbar{flex-wrap:wrap;gap:7px 12px;padding-block:8px}
  .topbar .brand{max-width:300px}
  .topbar-page-title{font-size:18px}
  .topbar-actions .guest-search{width:210px;height:40px}
  .topbar-actions .guest-search input{height:36px;font-size:13px}
  .topbar-actions .primary-button{min-height:40px;padding-inline:12px;font-size:12px}
  .topbar-right{margin-left:auto}
  .topbar .main-nav{order:4;flex:1 0 100%;justify-content:flex-start;overflow-x:auto}
}
@media(max-width:1099px){
  .topbar{display:flex;flex-wrap:wrap;gap:8px;padding:9px 0}
  .topbar .brand{order:1;max-width:min(65%,430px)}
  .topbar-page-title{font-size:clamp(16px,2vw,20px);white-space:normal}
  .topbar-right{order:2;margin-left:auto}
  .topbar-actions{order:3;flex:1 1 100%;width:100%}
  .topbar-actions .guest-search{flex:1 1 auto;width:auto;max-width:none}
  .topbar .main-nav{order:4;flex:1 0 100%;width:100%;justify-content:flex-start;overflow-x:auto}
  .demo-notice{margin-top:7px}
}
@media(max-width:700px){
  .topbar{gap:8px;padding-block:8px}
  .topbar .brand{max-width:calc(100% - 125px)}
  .brand-symbol-crop{width:42px;height:40px}
  .brand-symbol-crop .brand-mark,body[data-skin] .brand-symbol-crop .brand-mark{width:58px;height:50px}
  .topbar-page-title{font-size:16px;letter-spacing:-.3px}
  .topbar-actions{gap:7px}
  .topbar-actions .guest-search{height:42px}
  .topbar-actions .guest-search input{font-size:13px}
  .topbar-actions .primary-button{min-height:42px;padding-inline:11px;font-size:12px}
  .topbar .main-nav{gap:3px}
  .topbar .nav-link{min-height:38px;padding-inline:9px;font-size:11px}
  .topbar .nav-link .nav-icon{font-size:14px}
}
@media(max-width:430px){
  .topbar .brand{max-width:calc(100% - 105px)}
  .brand-symbol-crop{width:36px;height:36px}
  .brand-symbol-crop .brand-mark,body[data-skin] .brand-symbol-crop .brand-mark{width:51px;height:45px}
  .topbar-page-title{font-size:14px}
  .topbar-actions .primary-button{padding-inline:8px;font-size:11px}
  .topbar .nav-link{gap:4px;padding-inline:7px}
}

/* Logo original transparente: preservar proporção e desenho sem cortes. */
.brand-symbol-crop{display:grid;place-items:center;width:58px;height:52px;overflow:hidden;border:1px solid #e8ddd5;border-radius:8px;background:#fff;box-shadow:0 1px 3px #34231b18}
.brand-symbol-crop .brand-mark,body[data-skin] .brand-symbol-crop .brand-mark{position:static;width:100%;height:100%;max-width:100%;border:0;border-radius:0;background:transparent;object-fit:contain;transform:none}
.auth-card .brand-symbol-crop{width:90px;height:80px}
.topbar-logout{margin-left:2px;padding:6px 8px;border:1px solid var(--skin-stroke,var(--line));border-radius:8px;color:var(--skin-heading,var(--ink));font-size:12px}
@media(max-width:1099px){.brand-symbol-crop{width:48px;height:44px}}
@media(max-width:700px){.brand-symbol-crop{width:42px;height:40px}.topbar-logout{padding:5px 7px;font-size:11px}}
@media(max-width:430px){.brand-symbol-crop{width:36px;height:36px}}

/* As tags da lista mantêm as cores próprias de cada canal em qualquer tema. */
.conversation-list .channel-pill.instagram{border-color:transparent!important;background:linear-gradient(115deg,#833ab4 0%,#dd2a7b 52%,#f58529 100%)!important;color:#fff!important}
.conversation-list .channel-pill.facebook{border-color:#1466cf!important;background:#1877f2!important;color:#fff!important}
.conversation-list .channel-pill.site{border-color:#b84b0c!important;background:#c95712!important;color:#fff!important}
.conversation-list .channel-pill.whatsapp{border-color:#0f703e!important;background:#128c4a!important;color:#fff!important}
.conversation-list .channel-pill{display:grid;width:28px;height:28px;min-width:28px;flex:0 0 28px;place-items:center;padding:0!important;border-radius:6px!important;line-height:1}
.conversation-list .channel-pill svg{display:block;width:16px;height:16px}
.conversation-list .channel-pill .channel-letter{font-family:Arial,sans-serif;font-size:22px;font-weight:800;line-height:1;transform:translateY(2px)}
.message-template-dialog{width:min(680px,calc(100% - 28px))}
.message-template-dialog .dialog-intro{margin-bottom:16px}
.message-template-dialog .field select{height:42px;font-size:14px}
.message-template-dialog .field textarea{width:100%;min-height:190px;padding:11px 12px;border:1px solid #d7dee2;border-radius:8px;background:var(--skin-panel,#fff);color:var(--skin-text,#24313a);font:14px/1.55 "Segoe UI",Arial,sans-serif;resize:vertical}
.template-safety-note{margin:13px 0 0;padding:10px 12px;border:1px solid #eadfbd;border-radius:8px;background:#fff9e9;color:#675a38;font-size:12px;line-height:1.5}
.template-safety-note.is-incomplete{border-color:#e4b7a9;background:#fff2ee;color:#8a3024}
.message-template-dialog .dialog-actions button:disabled{cursor:not-allowed;opacity:.55}
body[data-theme="dark"] .template-safety-note,body[data-skin="whatsapp-dark"] .template-safety-note{border-color:#665a39;background:#2b2a22;color:#f2d58a}
.message-library-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.message-library-workspace{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);gap:18px}
.message-library-workspace .settings-card-heading{margin:0 0 10px}
.message-library-workspace .settings-card-heading h4{margin:0;color:var(--skin-heading,var(--ink));font-size:15px}
.saved-template-list{display:grid;gap:8px;max-height:360px;overflow:auto}
.saved-template-item{display:grid;gap:4px;padding:10px 12px;border:1px solid var(--skin-stroke,var(--line));border-radius:8px;background:var(--skin-panel,#fff);color:var(--skin-text,var(--ink));text-align:left;cursor:pointer}
.saved-template-item.selected{border-color:var(--skin-accent,var(--brand));box-shadow:0 0 0 2px color-mix(in srgb,var(--skin-accent,var(--brand)) 18%,transparent)}
.saved-template-item small{color:var(--muted)}
.template-library-form{display:grid;gap:12px}
.template-library-form textarea{width:100%;min-height:230px;padding:11px 12px;border:1px solid var(--skin-stroke,var(--line));border-radius:8px;background:var(--skin-panel,#fff);color:var(--skin-text,var(--ink));font:14px/1.55 "Segoe UI",Arial,sans-serif;resize:vertical}
.template-variable-help{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.template-variable-help code{display:inline-block;margin:2px;padding:1px 4px;border-radius:4px;background:#eef2f5;color:#334155}
.message-template-dialog .field input,.message-template-dialog .field select{height:40px;padding:8px 10px;border:1px solid var(--skin-stroke,var(--line));border-radius:7px;background:var(--skin-panel,#fff);color:var(--skin-text,var(--ink));font:14px "Segoe UI",Arial,sans-serif}
@media(max-width:760px){.message-library-workspace{grid-template-columns:1fr}.message-library-controls{grid-template-columns:1fr}}