/* Ressonancia Growth OS - Front V17 */
.v17-stack{display:flex;flex-direction:column;gap:16px}
.v17-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.v17-toolbar.end{justify-content:flex-end}
.v17-tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:5px;box-shadow:0 4px 16px rgba(17,24,39,.025)}
.v17-tab{border:0;background:transparent;color:#667085;padding:9px 13px;border-radius:10px;font-size:11px;font-weight:600}
.v17-tab.active{background:var(--primary-soft);color:var(--primary)}
.v17-section{display:none}.v17-section.active{display:block}
.v17-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 5px 20px rgba(17,24,39,.025)}
.v17-card-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.v17-card-head h3{font-size:13px;margin:0}.v17-card-head p{font-size:9.5px;color:var(--muted);margin:4px 0 0}
.v17-soft{background:#f8f9fd;border:1px solid #edf0f6;border-radius:14px;padding:14px}
.v17-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v17-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.v17-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.v17-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.v17-metric span{font-size:9.5px;color:var(--muted)}.v17-metric strong{display:block;font-size:20px;margin-top:8px}.v17-metric small{display:block;font-size:8.5px;color:var(--muted);margin-top:5px}
.v17-subtitle{font-size:11px;font-weight:600;color:#22283a;margin:0 0 10px}
.v17-muted{color:var(--muted);font-size:9.5px}
.v17-empty{padding:34px;text-align:center;color:var(--muted);font-size:10.5px;border:1px dashed #dfe3ee;border-radius:14px;background:#fafbfe}
.v17-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.v17-icon-btn{width:32px;height:32px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;color:#596279}
.v17-search{height:38px;min-width:220px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 11px;outline:0;color:var(--text)}
.v17-select{height:38px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:0 11px;outline:0;color:#4f5870;font-size:10.5px}
.v17-table-wrap{overflow:auto}.v17-table{width:100%;border-collapse:collapse}.v17-table th{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:#9098ac;text-align:left;padding:10px 11px;background:#fafbfe;white-space:nowrap}.v17-table td{font-size:10px;padding:12px 11px;border-top:1px solid #eef1f6;white-space:nowrap}.v17-table tr:hover td{background:#fbfcff}
.v17-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:600;background:#f1f3f8;color:#65708a}.v17-pill.success{background:var(--success-soft);color:#148760}.v17-pill.info{background:#edf5ff;color:#2475cc}.v17-pill.warn{background:var(--warning-soft);color:#b97504}.v17-pill.danger{background:var(--danger-soft);color:#d64b4b}.v17-pill.purple{background:var(--primary-soft);color:var(--primary)}
.v17-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#171d30,#6c5ce7);display:grid;place-items:center;color:#fff;font-size:9px;font-weight:700;flex:0 0 auto}.v17-client{display:flex;align-items:center;gap:9px}.v17-client strong{font-size:10.5px}.v17-client small{display:block;color:var(--muted);font-size:8.5px;margin-top:2px}
.v17-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(13,18,33,.62);z-index:250;padding:20px}.v17-modal.open{display:flex}.v17-modal-box{width:min(980px,96vw);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 90px rgba(17,24,39,.24)}.v17-modal-box.sm{width:min(620px,96vw)}.v17-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.v17-modal-head h3{font-size:16px;margin:0}.v17-modal-close{width:36px;height:36px;border:0;background:#f2f4f8;border-radius:11px;color:#687189;display:grid;place-items:center}
.v17-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.v17-form-grid .full{grid-column:1/-1}.v17-field label{display:block;font-size:8.8px;color:#7b839d;margin:0 0 6px;font-weight:500}.v17-field input,.v17-field select,.v17-field textarea{width:100%;border:1px solid #e1e5ee;background:#fff;border-radius:11px;padding:10px 11px;outline:0;color:var(--text);font-size:10.5px}.v17-field textarea{min-height:100px;resize:vertical}.v17-field input:focus,.v17-field select:focus,.v17-field textarea:focus{border-color:#b9b1ff;box-shadow:0 0 0 3px rgba(108,92,231,.08)}.v17-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}
.v17-dropzone{border:1.5px dashed #cfd5e2;border-radius:14px;padding:24px;text-align:center;background:#fafbfe;color:#69738b;font-size:10px}.v17-dropzone strong{display:block;color:#31384d;font-size:11px;margin-bottom:5px}
/* period picker */
.v17-period{position:relative}.v17-period-btn{height:40px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#4f5870;font-size:10.5px;min-width:154px;justify-content:space-between}.v17-period-pop{display:none;position:absolute;right:0;top:47px;width:min(760px,92vw);background:#fff;border:1px solid #e3e7ef;border-radius:16px;box-shadow:0 22px 60px rgba(17,24,39,.18);z-index:170;overflow:hidden}.v17-period.open .v17-period-pop{display:block}.v17-period-top{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.v17-period-top label{font-size:9px;color:var(--muted)}.v17-period-body{display:grid;grid-template-columns:220px 1fr}.v17-period-shortcuts{padding:14px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:5px}.v17-shortcut{border:0;background:transparent;text-align:left;border-radius:8px;padding:7px 8px;font-size:9.5px;color:#31384d}.v17-shortcut:hover,.v17-shortcut.active{background:var(--primary-soft);color:var(--primary)}.v17-cal-wrap{padding:14px}.v17-cal-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.v17-cal-nav strong{font-size:10px}.v17-cal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.v17-month-title{text-align:center;font-size:10px;font-weight:600;margin-bottom:8px}.v17-week,.v17-days{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.v17-week span{font-size:8px;color:#9aa1b2;text-align:center;padding:4px 0}.v17-day{border:0;background:transparent;height:27px;border-radius:8px;font-size:8.5px;color:#3b4254}.v17-day:hover{background:#f1efff}.v17-day.selected{background:var(--primary);color:#fff}.v17-day.in-range{background:#f0edff;color:var(--primary)}.v17-day.other{color:#c6cad4}.v17-period-foot{padding:12px 14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.v17-range-label{font-size:9px;color:#6b7489}
/* product */
.v17-product-card{position:relative;overflow:hidden}.v17-product-top{display:flex;justify-content:space-between;gap:12px}.v17-product-icon{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;display:grid;place-items:center}.v17-product-card h3{font-size:13px;margin:13px 0 4px}.v17-product-card p{font-size:9px;color:var(--muted);line-height:1.55;min-height:28px}.v17-product-price{font-size:20px;font-weight:700;margin:14px 0}.v17-product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v17-product-stat{background:#f8f9fc;border:1px solid #edf0f5;border-radius:12px;padding:10px}.v17-product-stat span{display:block;font-size:7.8px;color:#8a92a6}.v17-product-stat strong{display:block;font-size:10px;margin-top:5px}.v17-abc{height:28px;border-radius:10px;overflow:hidden;display:flex}.v17-abc span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:9px;font-weight:700}.v17-abc .a{background:#6574e8}.v17-abc .b{background:#f0a35b}.v17-abc .c{background:#50b8df}
/* marketing */
.v17-chart{height:290px;position:relative}.v17-insights{display:grid;gap:8px}.v17-insight{border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fff}.v17-insight strong{font-size:9.5px}.v17-insight p{font-size:8.8px;color:#687189;line-height:1.55;margin:4px 0 0}.v17-bar-compare{height:22px;border-radius:8px;display:flex;overflow:hidden;background:#f0f2f6}.v17-bar-compare span{display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:700;min-width:3%}.v17-best{background:#37b779}.v17-mid{background:#e7c85e}.v17-worst{background:#e85d6b}
/* knowledge */
.v17-source-types{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.v17-source-type{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;text-align:left}.v17-source-type:hover{border-color:#c8c2ff;background:#fbfaff}.v17-source-type strong{display:block;font-size:10.5px}.v17-source-type span{display:block;font-size:8.5px;color:var(--muted);margin-top:4px;line-height:1.45}.v17-source-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.v17-source-card h4{font-size:10.5px;margin:0}.v17-source-card p{font-size:8.8px;color:var(--muted);line-height:1.5}.v17-source-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
/* agent */
.v17-agent-shell{display:grid;grid-template-columns:220px 1fr;gap:16px}.v17-agent-side{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;height:max-content;position:sticky;top:94px}.v17-agent-nav{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;border-radius:10px;padding:10px;color:#5f687e;font-size:9.8px;text-align:left}.v17-agent-nav.active{background:var(--primary-soft);color:var(--primary);font-weight:600}.v17-agent-pane{display:none}.v17-agent-pane.active{display:block}.v17-range{width:100%;accent-color:#6c5ce7}.v17-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.v17-tool{border:1px solid var(--line);border-radius:13px;padding:13px;display:flex;justify-content:space-between;gap:10px;align-items:center}.v17-tool strong{font-size:9.5px}.v17-tool span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.v17-switch{width:34px;height:20px;border-radius:999px;background:#dfe3eb;padding:3px;cursor:pointer;transition:.2s}.v17-switch i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.v17-switch.on{background:var(--primary)}.v17-switch.on i{transform:translateX(14px)}
/* automations */
.v17-flow{display:flex;flex-direction:column;gap:10px}.v17-flow-step{display:grid;grid-template-columns:34px 110px 1fr 120px 38px;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff;cursor:grab}.v17-flow-step.dragging{opacity:.45}.v17-flow-step.dragover{outline:2px dashed var(--primary);outline-offset:2px}.v17-step-number{width:30px;height:30px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:9px;font-weight:700}.v17-step-channel{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600}.v17-step-main strong{font-size:9.5px}.v17-step-main span{display:block;color:var(--muted);font-size:8.5px;margin-top:3px}.v17-step-delay{font-size:9px;color:#64708a;text-align:right}.v17-drag{color:#a4abba;text-align:center}.v17-flow-add{border:1px dashed #d8dce6;background:#fafbfe;border-radius:13px;padding:11px;text-align:center;font-size:9.5px;color:#596279;cursor:pointer}
.v17-timeline-preview{display:flex;gap:6px;overflow:auto;padding-bottom:4px}.v17-timeline-node{min-width:120px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fff}.v17-timeline-node strong{font-size:8.8px}.v17-timeline-node span{display:block;font-size:8px;color:var(--muted);margin-top:3px}
@media(max-width:1100px){.v17-grid-4{grid-template-columns:repeat(2,1fr)}.v17-agent-shell{grid-template-columns:1fr}.v17-agent-side{position:static;display:flex;overflow:auto}.v17-agent-nav{white-space:nowrap;width:auto}.v17-cal-grid{grid-template-columns:1fr}.v17-cal-grid .v17-month:nth-child(2){display:none}}
@media(max-width:760px){.v17-grid-2,.v17-grid-3,.v17-grid-4,.v17-form-grid{grid-template-columns:1fr}.v17-form-grid .full{grid-column:auto}.v17-period-body{grid-template-columns:1fr}.v17-period-shortcuts{border-right:0;border-bottom:1px solid var(--line)}.v17-product-stats{grid-template-columns:repeat(2,1fr)}.v17-flow-step{grid-template-columns:34px 1fr 34px}.v17-step-channel,.v17-step-delay{grid-column:2}.v17-tool-grid{grid-template-columns:1fr}}
.v17-region-map{min-height:280px;display:flex;align-items:center}.v17-state-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v17-state-tile{position:relative;overflow:hidden;border:1px solid #e6e9f1;border-radius:12px;padding:12px;background:linear-gradient(135deg,rgba(108,92,231,calc(.05 + var(--heat)*.22)),rgba(36,136,255,calc(.03 + var(--heat)*.18)))}.v17-state-tile strong{font-size:10px}.v17-state-tile span{display:block;font-size:11px;font-weight:700;margin-top:5px}.v17-state-tile small{display:block;font-size:8px;color:#687189;margin-top:3px}
@media(max-width:760px){.v17-state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}