:root{--ink:#17221c;--muted:#68736d;--line:#dedfd8;--paper:#f3f1eb;--surface:#fbfaf6;--green:#174d38;--green-2:#277357;--soft:#e6eee8;--lime:#d9f99d;--danger:#a63e3e;--danger-soft:#f7e7e4;--warning:#a56a21;--warning-soft:#f5ebd9;--blue:#315c9a;--sidebar:#132c22;--sidebar-ink:#e8f1ea;--radius:12px;--shadow:0 16px 45px rgba(26,43,34,.07)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(39,115,87,.3);outline-offset:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;display:flex;flex-direction:column;padding:27px 16px 20px;background:var(--sidebar);color:var(--sidebar-ink);z-index:50}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 34px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--lime);color:#173124;font:700 10px Manrope,sans-serif}.brand strong,.brand small{display:block}.brand strong{font:600 13px Manrope,sans-serif}.brand small{margin-top:2px;color:#8fa99b;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.nav{display:grid;gap:4px}.nav-item{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:43px;padding:0 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9fb4a8;text-align:left}.nav-item span{font:600 8px Manrope,sans-serif;color:#6f8e7d}.nav-item b{font-size:11px}.nav-item em{min-width:18px;padding:2px 5px;border-radius:99px;background:#315342;color:#eaf5ee;font-size:8px;font-style:normal;text-align:center}.nav-item:hover{background:rgba(255,255,255,.05);color:white}.nav-item.active{background:#1b3b2d;border-color:rgba(255,255,255,.08);color:white}.nav-item.active::before{content:"";position:absolute;left:-5px;width:3px;height:18px;border-radius:3px;background:var(--lime)}.sidebar-foot{display:grid;gap:20px;margin-top:auto;padding:20px 8px 0;border-top:1px solid rgba(255,255,255,.1)}.agent-presence{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6dd997;box-shadow:0 0 0 4px rgba(109,217,151,.09)}.agent-presence strong,.agent-presence small{display:block}.agent-presence strong{font-size:10px}.agent-presence small{margin-top:2px;color:#87a091;font-size:8px}.powered{color:#648172;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.powered a{color:inherit;text-decoration:underline}.powered a:hover{color:#eaf5ee}.workspace{grid-column:2;min-width:0;padding:0 clamp(22px,4vw,62px) 70px}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:93px;padding:16px 0;background:rgba(243,241,235,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.page-kicker,.section-label{display:block;color:var(--green-2);font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.topbar h1{margin:4px 0 2px;font:600 22px Manrope,sans-serif;letter-spacing:-.035em}.topbar p{margin:0;color:var(--muted);font-size:10px}.top-actions{display:flex;align-items:center;gap:8px}.sync-state{display:flex;align-items:center;gap:6px;margin-right:7px;color:var(--muted);font-size:9px}.sync-state i{width:6px;height:6px;border-radius:50%;background:#52b67d}.icon-button,.profile-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink)}.profile-button{border-radius:50%;background:var(--green);color:#fff;font-size:9px}.pause-button,.primary-button,.outline-button,.text-button,.small-button{min-height:39px;border-radius:9px;padding:0 14px;border:1px solid transparent;font-size:10px;font-weight:700}.pause-button{background:var(--ink);color:white}.pause-button.is-paused{background:var(--danger)}.primary-button{background:var(--green);color:white}.primary-button:hover{background:#0d3c2a}.outline-button{border-color:#cfd2ca;background:transparent;color:var(--ink)}.text-button{padding:0;background:transparent;color:var(--green-2)}.small-button{min-height:31px;padding:0 10px;border-color:#d4d7d0;background:var(--surface);color:var(--ink)}.small-button.take{color:var(--danger)}.view{display:none;padding-top:38px;animation:reveal .22s ease both}.view.active{display:block}@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.view-heading,.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.view-heading{margin-bottom:27px}.view-heading h2,.section-heading h2{margin:5px 0 3px;font:600 clamp(26px,3vw,42px)/1.05 Manrope,sans-serif;letter-spacing:-.045em}.section-heading h2{font-size:20px}.view-heading p,.section-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.attention-banner{display:none;align-items:center;justify-content:space-between;margin-bottom:16px;padding:12px 15px;border-left:3px solid var(--danger);background:var(--danger-soft);font-size:11px}.attention-banner.visible{display:flex}.today-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:16px;border-bottom:1px solid var(--line);padding-bottom:35px}.today-lead{padding:36px 0 18px}.today-lead h2{max-width:760px;margin:12px 0 10px;font:600 clamp(38px,5vw,68px)/.98 Manrope,sans-serif;letter-spacing:-.055em}.today-lead>p{max-width:600px;color:var(--muted);font-size:13px}.today-numbers{display:flex;gap:0;margin-top:40px}.today-numbers div{min-width:145px;padding:0 24px;border-right:1px solid var(--line)}.today-numbers div:first-child{padding-left:0}.today-numbers div:last-child{border:0}.today-numbers strong,.today-numbers span{display:block}.today-numbers strong{font:600 30px Manrope,sans-serif}.today-numbers span{color:var(--muted);font-size:9px}.agent-control-card{display:flex;flex-direction:column;align-items:flex-start;padding:25px;border-radius:var(--radius);background:var(--green);color:white}.agent-control-card .section-label{color:#a7d2b9}.agent-orbit{display:grid;place-items:center;width:45px;height:45px;margin:26px 0 22px;border:1px solid rgba(255,255,255,.2);border-radius:50%}.agent-orbit .live-dot{width:9px;height:9px}.agent-control-card h3{margin:0 0 8px;font:600 19px/1.2 Manrope,sans-serif}.agent-control-card p{min-height:46px;margin:0 0 24px;color:#b9d0c3;font-size:10px;line-height:1.6}.agent-control-card .outline-button{margin-top:auto;border-color:rgba(255,255,255,.25);color:white}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:42px}.priority-list,.compact-bookings{border-top:1px solid var(--line);margin-top:16px}.queue-row,.compact-booking{display:flex;justify-content:space-between;gap:18px;padding:15px 3px;border-bottom:1px solid var(--line);cursor:pointer}.queue-row:hover,.compact-booking:hover{background:rgba(255,255,255,.35)}.queue-row strong,.queue-row small,.compact-booking strong,.compact-booking small{display:block}.queue-row strong,.compact-booking strong{font-size:11px}.queue-row small,.compact-booking small{margin-top:4px;color:var(--muted);font-size:9px}.activity-section{margin-top:48px;padding-top:33px;border-top:1px solid var(--line)}.activity-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:17px;background:var(--line);border:1px solid var(--line)}.activity-event{min-height:130px;padding:18px;background:var(--paper)}.activity-event time{color:var(--muted);font-size:8px}.activity-event strong{display:block;margin:18px 0 6px;font-size:11px}.activity-event p{margin:0;color:var(--muted);font-size:9px;line-height:1.5}.status-pill,.soft-pill,.integration-status{display:inline-flex;align-items:center;width:max-content;padding:4px 7px;border-radius:99px;background:var(--soft);color:var(--green-2);font-size:7px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status-pill.urgent,.status-pill.handoff{background:var(--danger-soft);color:var(--danger)}.status-pill.high,.status-pill.pending_confirmation{background:var(--warning-soft);color:var(--warning)}.status-pill.confirmed{background:var(--soft);color:var(--green-2)}.empty-state{display:grid;place-items:center;align-content:center;flex:1;min-height:300px;padding:30px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink);font:600 15px Manrope,sans-serif}.empty-state p{max-width:320px;font-size:10px;line-height:1.55}.empty-symbol{font-size:32px;color:#aeb5af;margin-bottom:15px}.subnav{display:flex;gap:22px;margin:0 0 25px;border-bottom:1px solid var(--line);overflow-x:auto}.subnav button{flex:0 0 auto;padding:0 2px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:10px;font-weight:700}.subnav button.active{border-color:var(--green);color:var(--ink)}.filter-pills{display:flex;gap:5px}.filter-pills button,.calendar-mode button{min-height:31px;padding:0 11px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--muted);font-size:9px}.filter-pills button.active,.calendar-mode button.active{background:var(--ink);border-color:var(--ink);color:white}.inbox-layout{display:grid;grid-template-columns:340px minmax(0,1fr);height:690px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.thread-panel{display:flex;flex-direction:column;height:100%;border-right:1px solid var(--line);min-width:0}.search-box{display:flex;align-items:center;gap:8px;margin:14px}.search-box input{width:100%;min-width:0;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:0 10px;font-size:10px}.thread-summary{display:flex;justify-content:space-between;padding:5px 15px 12px;color:var(--muted);font-size:8px}.thread-summary strong{color:var(--ink);font-size:9px}.thread-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin}.thread{display:block;width:100%;padding:15px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left}.thread.active{background:#e8eee9;box-shadow:inset 3px 0 var(--green)}.thread-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.thread strong{font-size:10px}.thread p{overflow:hidden;margin:6px 0 5px;color:#4e5a53;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.thread small{color:var(--muted);font-size:8px}.conversation-panel{display:flex;flex-direction:column;height:100%;min-width:0}.conversation-head{display:flex;justify-content:space-between;padding:21px 23px;border-bottom:1px solid var(--line)}.conversation-head h2{margin:0 0 4px;font:600 18px Manrope,sans-serif}.conversation-head p{margin:0;color:var(--muted);font-size:9px}.operation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 22px;background:#edf0eb;border-bottom:1px solid var(--line)}.operation-toolbar strong{font-size:9px}.operation-controls{display:flex;align-items:center;gap:6px}.operation-controls select{height:31px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:8px}.message-stream{display:flex;flex-direction:column;gap:9px;flex:1;min-height:0;overflow-y:auto;padding:22px;scrollbar-width:thin}.message{max-width:72%;font-size:10px;line-height:1.5}.message>div:first-of-type{padding:10px 12px;border-radius:11px;background:#ecefe9}.message.outbound{align-self:flex-end}.message.outbound>div:first-of-type{background:var(--green);color:white}.message.human>div:first-of-type{background:#203145;color:white}.message small{display:block;margin-bottom:4px;color:var(--muted);font-size:7px}.message-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px}.feedback-action{border:0;background:transparent;color:var(--muted);font-size:8px}.message-delivery{margin-top:3px;text-align:right;color:var(--muted);font-size:7px}.human-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:13px 18px;border-top:1px solid var(--line);background:#f0f1ec}.human-composer textarea{min-height:44px;max-height:120px;resize:vertical;border:1px solid var(--line);border-radius:9px;background:white;padding:10px;font-size:10px}.contact-context{display:flex;gap:14px;padding:11px 22px;border-bottom:1px solid var(--line);color:var(--muted);font-size:8px}.contact-context a{color:var(--green-2);font-weight:700}.agenda-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.resource-tabs{display:flex;gap:6px;overflow-x:auto}.resource-tab{flex:0 0 auto;min-height:32px;border:1px solid var(--line);border-radius:99px;background:transparent;padding:0 11px;color:var(--muted);font-size:9px}.resource-tab.active{background:var(--green);border-color:var(--green);color:white}.timezone{color:var(--muted);font-size:8px}.agenda-pane{margin-top:16px;border-top:1px solid var(--line);padding-top:18px}.calendar-head{display:flex;align-items:center;gap:9px;margin-bottom:12px}.calendar-head strong{font-size:11px}.calendar-mode{display:flex;gap:4px;margin-left:auto}.week-calendar{display:grid;grid-template-columns:58px repeat(7,minmax(105px,1fr));min-width:850px;border:1px solid var(--line);background:var(--line);gap:1px;overflow:hidden}.calendar-scroll{overflow-x:auto}.calendar-cell{min-height:72px;padding:8px;background:var(--surface)}.calendar-cell.head{min-height:auto;background:#ebece7;color:var(--muted);font-size:8px;text-align:center}.calendar-cell.time{background:#ebece7;color:var(--muted);font-size:8px}.calendar-booking{display:block;margin-bottom:4px;padding:5px 6px;border-left:2px solid var(--green);border-radius:4px;background:var(--soft);color:var(--ink);font-size:7px;line-height:1.35;cursor:pointer}.appointment-list{border-top:1px solid var(--line)}.appointment-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 4px;border-bottom:1px solid var(--line);cursor:pointer}.appointment-row:hover{background:rgba(255,255,255,.45)}.appointment-row strong,.appointment-row small{display:block}.appointment-row strong{font-size:10px}.appointment-row small{margin-top:4px;color:var(--muted);font-size:8px}.appointment-row .right{display:flex;align-items:center;gap:5px}.catalog-grid,.people-grid,.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.catalog-row,.person-card,.integration-grid article{min-height:150px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.catalog-row strong,.catalog-row small{display:block}.catalog-row strong,.person-card h3,.integration-grid h3{font:600 14px Manrope,sans-serif}.catalog-row small,.person-card p,.integration-grid p{margin-top:6px;color:var(--muted);font-size:9px;line-height:1.5}.catalog-row .soft-pill{margin-top:25px}.person-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--green);font-size:10px}.availability-layout,.settings-layout,.brand-editor{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:40px}.rule-list{border-top:1px solid var(--line)}.rule-row{display:flex;justify-content:space-between;padding:14px 3px;border-bottom:1px solid var(--line)}.rule-row strong,.rule-row small{display:block}.rule-row strong{font-size:10px}.rule-row small{margin-top:4px;color:var(--muted);font-size:8px}.availability-note,.settings-note{align-self:start;padding:25px;border-radius:var(--radius);background:var(--green);color:white}.availability-note span{color:#a9cbbb;font-size:8px;letter-spacing:.1em}.availability-note h3{font:600 20px/1.2 Manrope,sans-serif}.availability-note p,.settings-note p{color:#bad0c4;font-size:10px;line-height:1.6}.playground-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);min-height:630px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.playground-chat{display:flex;flex-direction:column;padding:22px;border-right:1px solid var(--line)}.playground-review{padding:28px}.playground-review h3{font:600 21px Manrope,sans-serif}.playground-review>p{color:var(--muted);font-size:10px;line-height:1.6}.playground-messages{display:flex;flex:1;flex-direction:column;gap:9px;max-height:470px;overflow-y:auto;padding:20px 2px}.playground-message{max-width:76%;padding:10px 12px;border-radius:10px;background:#e7eae5;font-size:10px;line-height:1.5}.playground-message.user{align-self:flex-end;background:var(--ink);color:white}.playground-message.assistant{cursor:pointer}.playground-message.selected{box-shadow:0 0 0 2px var(--green)}.playground-composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.playground-composer textarea,.review-correction{border:1px solid var(--line);border-radius:9px;padding:10px;resize:vertical}.review-empty{margin-top:25px;padding:18px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:10px}.review-card{display:grid;gap:10px;margin-top:20px}.review-answer{padding:12px;border-radius:8px;background:var(--soft);font-size:10px;line-height:1.5}.review-actions{display:flex;gap:6px}.review-status{color:var(--green-2);font-size:9px}.correction-intro{margin-bottom:20px;padding:18px;border-left:3px solid var(--green);background:var(--soft)}.correction-intro strong{font-size:11px}.correction-intro p{margin:5px 0 0;color:var(--muted);font-size:9px}.feedback-list{border-top:1px solid var(--line)}.feedback-row{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:20px;padding:17px 3px;border-bottom:1px solid var(--line)}.feedback-row strong{font-size:10px}.feedback-row small,.feedback-row p{color:var(--muted);font-size:8px}.feedback-row p{grid-column:2;margin:0}.feedback-label{font-size:8px;font-weight:700;color:var(--green-2)}.settings-layout section>h3{font:600 38px Manrope,sans-serif;margin:10px 0}.settings-layout section>p{color:var(--muted);font-size:11px}.settings-list{margin-top:25px;border-top:1px solid var(--line)}.setting-row{padding:14px 2px;border-bottom:1px solid var(--line)}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:10px}.setting-row span{margin-top:3px;color:var(--muted);font-size:8px}.brand-editor{align-items:start}.brand-preview{display:grid;place-items:center;min-height:280px;margin-top:12px;border-radius:var(--radius);background:var(--green);color:white}.brand-preview .brand-mark{width:58px;height:58px}.brand-preview strong,.brand-preview small{display:block}.brand-preview strong{margin-top:15px;font:600 18px Manrope,sans-serif}.brand-preview small{color:#b6d0c1;font-size:9px}.brand-editor form{display:grid;gap:15px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.brand-editor label,.dialog-card>label{display:grid;gap:6px;color:var(--muted);font-size:9px}.brand-editor input,.dialog-card input,.dialog-card select,.dialog-card textarea{min-height:41px;border:1px solid var(--line);border-radius:8px;background:white;padding:9px;color:var(--ink)}.toggle-list{max-width:760px;border-top:1px solid var(--line)}.toggle-list label{display:flex;justify-content:space-between;padding:18px 3px;border-bottom:1px solid var(--line)}.toggle-list strong,.toggle-list small{display:block}.toggle-list strong{font-size:10px}.toggle-list small{margin-top:4px;color:var(--muted);font-size:8px}.integration-status.ok{background:var(--soft);color:var(--green-2)}.dialog{border:0;background:transparent;padding:18px}.dialog::backdrop{background:rgba(18,30,24,.5);backdrop-filter:blur(4px)}.dialog-card{display:grid;gap:14px;width:min(560px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:5px 0;font:600 23px Manrope,sans-serif}.close-button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:7px}.form-error{color:var(--danger);font-size:9px}.appointment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.appointment-detail-item{padding:11px;border-bottom:1px solid var(--line)}.appointment-detail-item span,.appointment-detail-item strong{display:block}.appointment-detail-item span{color:var(--muted);font-size:10px}.appointment-detail-item strong{margin-top:4px;font-size:14px}.contact-link{display:inline-flex;justify-content:center;padding:11px;border-radius:8px;background:var(--green);color:white;text-decoration:none;font-size:10px;font-weight:700}
.status-pill.frio{background:#e4edf5;color:var(--blue)}.status-pill.caliente{background:var(--warning-soft);color:var(--warning)}.status-pill.cliente{background:var(--soft);color:var(--green-2)}
.segment-picker{display:flex;gap:6px}.segment-picker button{flex:1;min-height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:11px;font-weight:700}.segment-picker button.active{color:#fff}.segment-picker button.active[data-segment="frio"]{background:var(--blue);border-color:var(--blue)}.segment-picker button.active[data-segment="caliente"]{background:var(--warning);border-color:var(--warning)}.segment-picker button.active[data-segment="cliente"]{background:var(--green);border-color:var(--green)}
.ai-summary-box{margin-top:8px;padding:12px;border-radius:8px;background:var(--soft);border:1px dashed var(--line);color:var(--muted);font-size:11px;line-height:1.6}
.visit-card{margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:9px;display:grid;gap:8px}.visit-card .visit-head{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--muted)}.visit-card textarea{min-height:auto;font-size:12px}
@media(max-width:1050px){.today-grid,.overview-columns,.playground-layout,.availability-layout,.settings-layout,.brand-editor{grid-template-columns:1fr}.playground-chat{border-right:0;border-bottom:1px solid var(--line)}.activity-timeline{grid-template-columns:1fr}.inbox-layout{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{inset:auto 0 0;width:100%;height:69px;padding:7px 8px;border-top:1px solid rgba(255,255,255,.12)}.brand,.sidebar-foot{display:none}.nav{display:flex;justify-content:space-around;gap:2px}.nav-item{display:flex;flex-direction:column;justify-content:center;gap:3px;width:20%;min-height:54px;padding:3px;font-size:8px;text-align:center}.nav-item span{font-size:7px}.nav-item b{font-size:8px}.nav-item em{position:absolute;right:5px;top:2px}.nav-item.active::before{left:50%;top:-7px;width:19px;height:2px;transform:translateX(-50%)}.workspace{padding:0 14px 87px}.topbar{min-height:72px}.topbar h1{font-size:18px}.topbar p,.sync-state,.top-actions .icon-button{display:none}.pause-button{width:39px;padding:0;font-size:0}.pause-button::after{content:"Ⅱ";font-size:13px}.today-grid{gap:12px}.today-lead{padding:20px 0}.today-lead h2{font-size:40px}.today-numbers{margin-top:25px}.today-numbers div{min-width:0;flex:1;padding:0 10px}.today-numbers strong{font-size:24px}.view{padding-top:22px}.view-heading{align-items:flex-start}.view-heading h2{font-size:30px}.filter-pills{display:none}.overview-columns{gap:34px}.inbox-layout{display:block;min-height:0}.thread-panel{border-right:0}.thread-panel,.conversation-panel{height:auto}.thread-list{flex:0 0 240px}.conversation-panel{min-height:520px}.message-stream{flex:0 0 380px}.operation-toolbar{display:block}.operation-controls{margin-top:8px;overflow-x:auto}.message{max-width:88%}.agenda-toolbar{display:block}.timezone{display:block;margin-top:10px}.week-calendar{min-width:780px}.agenda-pane:has(.week-calendar){overflow-x:auto}.catalog-grid,.people-grid,.integration-grid{grid-template-columns:1fr}.playground-chat,.playground-review{padding:16px}.feedback-row{grid-template-columns:1fr;gap:6px}.feedback-row p{grid-column:auto}.form-grid,.appointment-detail-grid{grid-template-columns:1fr}.step-actions{position:sticky}.top-actions{gap:5px}.human-composer{grid-template-columns:1fr}.human-composer .primary-button{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Rediseño 01-08-2026: nav con icono en vez de numeracion decorativa (paridad con m.js),
   y estilo por defecto para labels/inputs que quedaron sin clase (formularios de Calidad
   y Negocio se veian con el input pegado al texto de la etiqueta, sin ningun estilo). */
.nav-item span{display:grid;place-items:center;color:#8fa99b}
.nav-item span svg{width:19px;height:19px}
.nav-item.active span,.nav-item:hover span{color:var(--lime)}
.view label:not(.brand-editor label):not(.dialog-card>label){display:grid;gap:6px;margin-bottom:14px;color:var(--muted);font-size:11px;font-weight:600}
.view label:not(.brand-editor label):not(.dialog-card>label) input,.view label:not(.brand-editor label):not(.dialog-card>label) textarea,.view label:not(.brand-editor label):not(.dialog-card>label) select{min-height:41px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:9px 11px;color:var(--ink);font-size:13px}
.view label:not(.brand-editor label):not(.dialog-card>label) textarea{min-height:76px;resize:vertical;font-family:inherit}
.catalog-row{display:flex;flex-direction:column}
.catalog-row p{flex:1}

/* Rediseno 01-08-2026, paso 2: "Hoy" competia con 4 zonas de peso distinto (titular
   editorial gigante + tarjeta de agente + 2 columnas + timeline) sin una sola cosa que
   mirar primero. Se ordena igual que m.js: numeros como tarjetas arriba, todo lo demas
   un escalon mas abajo en jerarquia. */
.today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}
.stat-card{padding:20px 22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.stat-card strong{display:block;font:600 32px Manrope,sans-serif;letter-spacing:-.02em}
.stat-card span{display:block;margin-top:6px;color:var(--muted);font-size:11px}
/* Rediseno 01-08-2026, paso 4: "Hoy" era dos columnas de ancho igual solo porque
   sobraba espacio horizontal, no porque el contenido lo pidiera -- eso rompe el orden
   de lectura humano (arriba->abajo, una cosa a la vez), que si se respeto en m.js. Se
   pasa a una sola columna: titular breve, Bandeja, Agenda, Actividad, en ese orden. La
   tarjeta grande de "Automatizacion" se elimina por completo: era 100% redundante con
   el boton "Pausar agente" y el estado que ya viven en la barra superior y el sidebar. */
.today-lead{padding:0;max-width:640px;margin-bottom:32px}
.today-lead h2{max-width:none;margin:6px 0 6px;font:600 22px/1.2 Manrope,sans-serif;letter-spacing:-.02em}
.today-lead>p{font-size:12px}
#view-overview>section+section{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.activity-section{margin-top:36px;padding-top:24px}
@media(max-width:760px){.today-stats{grid-template-columns:1fr 1fr 1fr;gap:8px}.stat-card{padding:14px}.stat-card strong{font-size:22px}}

/* 01-08-2026: badge de integracion pendiente no debe verse igual que conectado (color base era el mismo verde) */
.integration-status.pending{background:var(--warning-soft);color:var(--warning)}