/* V5.20 — same controls, clearer visual hierarchy */
:root{--bg:#f6f8fc;--ink:#102144;--muted:#62718d;--line:#e0e7f1;--soft:#eef4fc;--green:#008d53;--yellow:#f6c443}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em}
button,a,input,textarea,select{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #1876d2}
.btn{border-radius:8px}.btn.secondary{color:var(--ink)}.card{box-shadow:0 3px 12px #18305a05;border-radius:10px}
.shell{grid-template-columns:214px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;padding:20px 12px 14px;background:#fff;border-color:var(--line)}
.brand{font-size:20px;line-height:1.22;letter-spacing:-.04em;padding:0 17px 27px}.brand>span{display:block}.brand small{margin-top:8px;letter-spacing:.025em;font-size:10px}.v43-version{color:#008d53!important}
.nav button{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:8px;color:#263b5f;font-size:14px}.nav button::before{content:"";display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:var(--va520-icon) center/contain no-repeat}
.nav button.active{background:#00965a;color:#fff;box-shadow:0 3px 9px #00965a18}.v43-messages-nav em{margin-left:auto;background:#fff;color:#008d53}.v43-users-nav{border-top:0!important;margin-top:2px!important;padding-top:13px!important}
.side-foot{margin-top:auto;padding:18px 12px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;line-height:1.5}.side-foot .btn{width:100%;margin-top:12px!important}
.main{padding:0 18px 22px}.topbar{min-height:72px;margin:0 -18px 12px;padding:12px 18px;gap:16px;border-bottom:1px solid var(--line);background:#ffffffa8}.topbar .search{max-width:none;min-width:140px}.search input{background:#fff;border-radius:9px;box-shadow:0 1px 3px #12274b03;height:42px;font-size:13px}
.topbar .user{border-left:1px solid var(--line);padding-left:20px;min-width:190px}.avatar{background:#102144;width:40px;height:40px;flex-shrink:0}.v43-top-messages{border-radius:8px;box-shadow:none;background:#00965a;white-space:nowrap}.va513-availability{border-radius:8px;white-space:nowrap}.va510-notify-btn{border-radius:8px}.head{margin-bottom:15px}.head h1{font-size:27px;letter-spacing:-.035em;line-height:1.2}.head p{font-size:13px;line-height:1.5;margin-top:5px}
.wa3-shell{grid-template-columns:360px minmax(0,1fr);border-radius:11px;border-color:var(--line);box-shadow:0 4px 20px #19345b04;max-height:none}
.wa3-side-head{height:65px;padding:12px 15px}.wa3-side-head b{font-size:18px}.wa3-side-head span{font-size:12px}.wa3-icon-btn{border-color:var(--line);border-radius:8px;color:#193455;background:#fff}
.wa3-search-wrap{padding:8px 12px}.wa3-search{background:#f8fafe!important;border-radius:10px!important;border-color:var(--line);font-size:12px}
.wa3-filters{gap:5px;padding:8px 11px}.wa3-filter{font-size:10px;padding:7px 10px;color:#344d70;border-color:var(--line)}.wa3-filter.active{background:#edfff5;border-color:#42b482;color:#00844e}
.va515-inbox-summary{padding:8px 10px;gap:5px;background:#f8fafe;border-color:var(--line)}.va515-summary-pill{font-size:10px;padding:7px 8px;border-radius:9px}
.wa3-thread{grid-template-columns:44px minmax(0,1fr) 17px;gap:11px;padding:12px 13px;border-color:#e8edf5;position:relative;min-height:82px}.wa3-thread:hover{background:#f7faff}.wa3-thread.active{background:#effbf6;box-shadow:inset 3px 0 #12bda6}.wa3-thread-top b{font-size:13px;color:#102144}.wa3-thread-top time{font-size:10px;color:#687b96}.wa3-thread-last{font-size:12px;color:#536987}.wa515-thread-meta{margin-top:4px}.wa3-avatar{width:42px;height:42px;background:linear-gradient(140deg,#263e57,#111d30);color:#8ce3b0;border:1px solid #ffffff60;position:relative;overflow:hidden;font-size:16px}.wa3-avatar.big{width:46px;height:46px;flex-basis:46px}.wa3-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.va520-avatar-edit{border:0;padding:0;background:transparent;border-radius:50%;position:relative;flex-shrink:0}.va520-avatar-edit::after{content:"✎";position:absolute;bottom:-2px;right:-2px;width:17px;height:17px;border-radius:50%;border:2px solid #fff;background:#102144;color:#fff;font-size:10px;display:grid;place-items:center}
.wa3-chat-head{height:auto;min-height:77px;padding:10px 13px;box-shadow:none;border-bottom:1px solid var(--line);flex-wrap:wrap}.wa3-head-copy b{font-size:15px}.wa3-head-copy{min-width:140px}.wa3-contact-meta{color:#526786;font-size:10px}.wa3-head-actions{gap:6px}.wa3-head-actions .btn{font-size:11px;border-radius:8px;padding:9px 10px}.wa3-mode{border-radius:8px;font-size:10px!important;padding:9px!important;border:1px solid #cbdfff;background:#f0f6ff}.v516-call-btn{border-radius:8px;background:#f2fff8;border:1px solid #b0dfc5;color:#007e48;min-height:36px;font-size:11px}
.wa3-tools{background:#fff;padding:7px 12px 8px;border-color:var(--line);overflow:visible;white-space:normal}.wa50-tools-main{width:100%}.wa50-schedule-row{gap:7px}.wa50-call-card,.wa49-followup{background:#fafbfd;border-color:var(--line);border-radius:8px;padding:9px 10px}.wa49-tool-label{font-size:9px;color:#405573;letter-spacing:.02em}.wa49-status-wrap{background:#fff;border-color:var(--line);border-radius:8px;padding:8px 10px}.wa49-status-btn{border-radius:8px;border-color:var(--line);font-size:10px}.wa49-current-stage{border-radius:20px}.wa513-chat-actions{justify-content:flex-end;gap:6px;padding-top:5px}.wa513-chat-actions>button,.wa513-more-link{border-radius:8px;border-color:var(--line);color:#102144;font-size:10px;padding:8px 10px;background:#fff}.wa3-actions-menu{border-color:var(--line);box-shadow:0 12px 35px #10214422}.wa3-actions-menu button:hover{background:#f2f6fc}
.wa3-messages{background:#f4f3ef;background-image:none;padding:14px 21px 22px}.wa3-text{font-size:13px;line-height:1.55;color:#102144}.wa3-bubble{border-radius:11px;padding:10px 13px 7px;box-shadow:0 1px 2px #14284906;max-width:min(79%,640px)}.wa3-message-row{margin:10px 0}.wa3-message-row.outbound .wa3-bubble{background:#dff8eb}.wa3-time{color:#71829b;font-size:10px}.wa3-composer{padding:9px 12px;border-color:var(--line);box-shadow:none}.wa3-compose-inner textarea{border-radius:11px!important;background:#f8fafe!important;border-color:var(--line);font-size:13px}.wa3-send{background:#00965a;color:#fff}.wa3-compose-help{color:#62718d}
.modal{border-radius:13px;border-color:var(--line);box-shadow:0 24px 80px #1021442b}.va520-photo-preview{width:88px;height:88px;display:block;object-fit:cover;border-radius:50%;background:#f1f5fa;margin:16px auto;border:1px solid var(--line)}.va520-photo-choose{display:block;text-align:center;cursor:pointer;padding:12px;border:1px dashed #a9bfd9;border-radius:9px;background:#f8fafe;color:#17395e;font-size:13px}.va520-photo-choose input{display:block;margin-top:8px;background:#fff}.va520-photo-status{font-size:12px;min-height:20px;color:var(--muted)}
@media(min-width:761px) and (max-width:1200px){.shell{grid-template-columns:178px minmax(0,1fr)}.wa3-shell{grid-template-columns:300px minmax(0,1fr)}.topbar{gap:9px}.topbar .user{min-width:auto;padding-left:10px}.topbar .user>div:last-child{display:none}.wa3-head-actions{width:100%;justify-content:flex-end}.brand{font-size:18px;padding-left:10px}.nav button{padding-left:10px}.wa3-head-copy{flex:1}.wa50-schedule-row{grid-template-columns:1fr}.wa3-tools{max-height:34vh;overflow-y:auto}}
@media(max-width:760px){.shell{display:block}.main{padding:12px 10px 82px}.topbar{margin:-12px -10px 12px;padding:12px 10px;min-height:60px}.topbar .user{display:none}.head h1{font-size:24px}.wa3-shell{display:block;border-radius:0}.wa3-thread{padding:12px 11px;grid-template-columns:42px minmax(0,1fr) 16px;min-height:82px}.wa3-avatar{width:40px;height:40px}.wa3-side-head b{font-size:18px}.wa3-thread-top b{font-size:13px}.wa3-thread-last{font-size:12px}.wa3-side-head span{font-size:11px}.wa3-chat-head{padding:8px;min-height:74px;gap:7px;flex-wrap:wrap}.wa3-head-copy{min-width:100px}.wa3-avatar.big{width:37px;height:37px;flex-basis:37px}.wa3-head-actions{max-width:none;width:100%;justify-content:flex-end;gap:5px}.wa3-head-actions .btn{display:inline-flex!important;min-height:32px;font-size:10px!important;padding:6px 8px!important}.wa3-head-actions .wa3-mode{font-size:9px!important;padding:6px 7px!important}.wa3-tools{padding:5px 8px;overflow:visible;max-height:32vh}.wa3-tools.va514-details-open{overflow-y:auto}.wa513-chat-actions{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}.wa513-chat-actions>button,.wa513-more-link{flex-shrink:0;white-space:nowrap;font-size:10px;min-height:34px}.wa3-messages{padding:10px 9px 16px}.wa3-bubble{max-width:91%}.wa3-compose-inner textarea{font-size:16px}.wa3-composer{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.wa3-actions-menu{bottom:calc(15px + env(safe-area-inset-bottom));max-height:70dvh;overflow-y:auto}.va515-summary-pill{font-size:10px}.va514-push-button{display:grid}.va514-mobile-label{display:inline}.va514-desktop-label{display:none}}

.nav button[onclick="go('today')"]{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2010l9-7%209%207v10h-6v-6H9v6H3z%22%2F%3E%3C%2Fsvg%3E")}
.nav button[onclick="go('pipeline')"]{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V12h4v8zm6%200V4h4v16zm6%200V8h4v12z%22%2F%3E%3C%2Fsvg%3E")}
.nav button[onclick="go('comms')"]{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2011.5a8.5%208.5%200%200%201-8.5%208.5H4l-1%201V11.5a9%209%200%200%201%2018%200z%20M7%209h10%20M7%2013h7%22%2F%3E%3C%2Fsvg%3E")}
.nav button[onclick="go('calendar')"]{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%205h14v16H5z%20M8%202v6%20M16%202v6%20M5%2010h14%22%2F%3E%3C%2Fsvg%3E")}
.nav button[onclick="go('clients')"]{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-3a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v3%20M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208%20M17%204a4%204%200%200%201%200%207%20M22%2021v-3a4%204%200%200%200-3-4%22%2F%3E%3C%2Fsvg%3E")}
.v43-users-nav{--va520-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M16%2021v-3a4%204%200%200%200-4-4H6a4%204%200%200%200-4%204v3%20M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208%20M17%204a4%204%200%200%201%200%207%20M22%2021v-3a4%204%200%200%200-3-4%22%2F%3E%3C%2Fsvg%3E")}
.wa3-side-head .va513-side-actions{display:flex;gap:6px}.wa3-side-head b>span{font-size:inherit;color:var(--ink)}
.va515-inbox-summary{display:flex;flex-wrap:wrap}.va515-summary-pill{flex:1 1 auto;min-width:0;white-space:nowrap}.wa3-filters{scrollbar-width:thin}
@media(max-width:760px){.wa3-head-actions{max-width:none!important;width:100%;flex-basis:100%;display:flex!important}.wa3-head-actions .wa3-mode{order:0}.wa3-head-actions .wa49-control-btn{order:0}.wa3-head-copy{flex:1}.wa3-head-actions .btn{width:auto}.wa3-chat-head{row-gap:8px}}
.wa515-thread-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.va515-msg-count{color:#7b89a0}.va515-waiting{padding:2px 5px;background:#fff0ed;border-radius:4px}
@media(min-width:761px){.wa3-filters{flex-wrap:wrap}}
