/* Product previews: restrained application surfaces and clearer hierarchy. */
.app-window.cvc .side-nav>span.selected,.app-window.doctor .side-nav>span.selected,.app-window.boot .side-nav>span.selected{background:#fff;color:#174c85;border-left:0}
.app-window.doctor .app-topbar{background:#176c68}.app-window.boot .app-topbar{background:#233d68}
.app-window{border-radius:12px;border:1px solid #b5c9e0;box-shadow:0 28px 70px #00132c38,0 2px 8px #00132c18;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif}
.window-bar{background:#edf2f8;border-bottom:1px solid #ced9e6;padding:12px 18px;color:#456078;letter-spacing:.2px}
.app-topbar{height:52px;background:#1761bc;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;font-size:11px}
.app-topbar img{width:106px;height:auto;filter:brightness(0) invert(1)}
.app-topbar>div{display:flex;align-items:center;gap:12px}.app-topbar small{font-size:8px;letter-spacing:1px;opacity:.85}.app-topbar strong{font-weight:500}.app-topbar .top-profile{border-left:1px solid #ffffff40;padding-left:18px}.top-avatar{background:#ffffff25;border:1px solid #ffffff55;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.app-sidebar{background:#1155a6;width:154px;padding:20px 12px;color:#fff}.app-sidebar>img,.app-sidebar>strong,.app-sidebar>small{display:none}.app-sidebar .side-nav{margin-top:0}.side-nav>span{display:flex;align-items:center;gap:10px;padding:12px 10px;font-size:11px;color:#e2efff;border-radius:6px;margin:3px 0}.side-nav>span.selected{background:#ffffff;color:#174c85;box-shadow:0 3px 8px #00307330}.nav-glyph{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.nav-glyph svg{width:16px;height:16px}.sidebar-bottom{color:#dbeaff!important;line-height:1.8;font-size:9px}
.app-main{background:#f4f7fb;padding:26px}.app-title{border-bottom:1px solid #dce5ef;padding-bottom:19px;margin-bottom:20px}.app-title h3{font-size:24px;letter-spacing:-.6px;margin:6px 0}.app-title p{font-size:11px;margin-bottom:0}.app-title>div>small{letter-spacing:.5px;font-size:9px}.avatar{background:#e2ebf6;color:#245487;border:1px solid #c5d6e9}
.ui-panel,.inbox-list,.conversation-ui,.client360,.boot-chat{border-radius:9px;box-shadow:0 2px 5px #18395606}.ui-panel{border:1px solid #dce5ee;background:#fff;padding:20px}.panel-title{padding-bottom:13px;border-bottom:1px solid #edf1f6;margin-bottom:12px}.panel-title h4{font-size:13px;font-weight:600}.ui-tabs{background:white;border:1px solid #dce5ee;border-radius:8px;padding:0 15px;margin-bottom:15px;gap:22px}.ui-tabs>span{padding:13px 0;font-size:11px}.ui-tabs .active{border-bottom:2px solid #1761bc;color:#185ba8}.hub-stats{gap:14px}.hub-stats>div{background:white;border:1px solid #dce5ee;border-top:3px solid #236ac1;border-radius:8px;box-shadow:0 3px 10px #17365506;padding:20px}.hub-stats b{font-weight:600;letter-spacing:-.8px}.hub-stats small{letter-spacing:.8px}.hub-stats .goal{background:#edf4ff}.progress{border-radius:9px;height:6px;overflow:hidden}.progress i{background:#236ac1}.pill{font-size:9px;font-weight:600;border-radius:4px;letter-spacing:.15px}.sales-table th{background:#f5f8fc;font-size:9px;letter-spacing:.5px;padding:11px}.sales-table td{padding:15px 11px}.sales-table tr:nth-child(even){background:#fbfcfe}.rank-number{border-radius:50%;background:#edf3fb;border:1px solid #d2dfed}.ranking>div:not(.panel-title){padding:14px 0}.stage-bars i{border-radius:3px}.ui-bottom{border-top:1px solid #dce5ee;padding-top:15px;color:#53677e}
.crm-grid{gap:12px}.inbox-list{background:white;border:1px solid #dce5ee;padding:14px 0}.inbox-list>.ui-label{padding:3px 15px 14px;border-bottom:1px solid #e6edf5}.inbox-item{padding:18px 13px;border-bottom:1px solid #edf1f6}.inbox-item.selected{background:#edf4ff;border-left:3px solid #1761bc}.inbox-item b{font-size:11px;font-weight:600}.inbox-item small{font-size:10px;line-height:1.6}.inbox-item span{font-size:9px}.conversation-ui{background:linear-gradient(#f0f4f7,#e8eef2);border:1px solid #d6e1e9;padding:20px}.conversation-ui>.ui-label{padding-bottom:15px;border-bottom:1px solid #d3dfe9;margin-bottom:22px}.bubble{border-radius:10px;padding:14px 16px;line-height:1.7;box-shadow:0 1px 3px #19344a12;font-size:12px}.bubble.incoming{background:white;border:1px solid #dce5ee;border-bottom-left-radius:2px;margin-right:26px}.bubble.outgoing{background:#dff2e8;border:1px solid #b9dbcb;border-bottom-right-radius:2px;margin-left:26px;color:#244939}.chat-time{display:block;text-align:right;font-size:9px;color:#586e80;margin:7px 0 18px}.linked-opportunity{background:#fff;border:1px solid #ceddea;border-left:3px solid #3471b9;border-radius:6px;padding:15px;margin:24px 0}.compose-static{background:white;border:1px solid #c8d7e4;border-radius:20px;padding:13px 15px;color:#596e82}.client360{background:white;border:1px solid #dce5ee;padding:20px}.client360 .large-avatar{background:#e6eef8;color:#2c5a8d}.client360 dl{border-top:1px solid #e2eaf3;padding-top:18px}.client360 dd{padding-bottom:13px;border-bottom:1px solid #edf1f6;margin-bottom:12px}
.operadoctor .app-topbar{background:#176c68}.operadoctor .app-sidebar{background:#155c59}.operadoctor .side-nav>span.selected{color:#176c68}.appointment{border-radius:6px;border:1px solid #dce8e5;border-left:3px solid currentColor;box-shadow:0 2px 3px #21483906;padding:13px 10px;min-height:92px}.appointment b{font-weight:600}.appointment small{margin-top:8px}.calendar{background:#fff;border:1px solid #d9e5e3;border-radius:9px;padding:12px;gap:8px}.day-head{padding:9px 0 14px;border-bottom:1px solid #dce8e5}.calendar-toolbar{background:white;padding:13px 16px;border:1px solid #d9e5e3;border-radius:8px;margin-bottom:13px}.calendar-legend{padding:14px 3px}
.operaboot .app-topbar{background:#233d68}.operaboot .app-sidebar{background:#1e3457}.flow-canvas{border-radius:9px;background-size:18px 18px}.flow-box{border-radius:8px;box-shadow:0 5px 15px #18365512}.flow-box b{font-weight:600}.flow-box small{font-weight:600}.boot-chat{background:#eaf0ee;padding:20px}.chat-head{background:white;margin:-20px -20px 20px;padding:16px 20px;border-radius:9px 9px 0 0}.handoff{border-radius:8px}.portfolio-screen .app-topbar{height:38px;padding:0 13px;font-size:8px}.portfolio-screen .app-topbar img{width:80px}.portfolio-screen .app-topbar small,.portfolio-screen .top-profile{display:none}.portfolio-screen .app-main{padding:18px}.portfolio-screen .app-title h3{font-size:18px}
@media(max-width:600px){.app-topbar{height:auto;min-height:48px;padding:12px;gap:10px;font-size:9px}.app-topbar img{width:76px}.app-topbar small,.top-profile{display:none!important}.app-topbar>div{gap:6px}.app-topbar strong{max-width:150px;line-height:1.5}.app-sidebar{display:none}.app-main{padding:15px}.app-title h3{font-size:20px}.ui-tabs{gap:15px;flex-wrap:wrap;padding:0 10px}.ui-tabs>span{font-size:10px}.conversation-ui{padding:16px}.bubble{font-size:12px}.hub-stats>div{padding:17px}.window-bar{padding:10px}.portfolio-screen .app-topbar strong{font-size:8px}.calendar-toolbar{padding:12px}.client360{padding:17px}}

/* Contact explicitly provided by the owner; opens WhatsApp only on click. */
.preview{height:auto;min-height:40px;padding:8px 56px;justify-content:space-between;flex-wrap:wrap;gap:10px 24px}.preview-status{display:flex;align-items:center;gap:9px}.top-contact{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:0;color:#163c65;min-height:28px}.top-contact strong{font-weight:600}.contact-channel{color:#17614e;font-size:10px}.top-contact:hover{text-decoration:underline}.top-contact:focus-visible{outline:3px solid #0073d6;outline-offset:3px}
@media(max-width:1100px){.preview{padding:8px 32px}}
@media(max-width:600px){.preview{padding:9px 18px;justify-content:center;gap:5px}.preview-status{width:100%;justify-content:center;font-size:9px}.top-contact{font-size:12px;gap:9px}.preview .top-contact span{display:inline}.contact-channel{font-size:9px}}