/* Final light workspace treatment. Shared across all ten prototype screens. */
:root{--primary:#0f766e;--primary-dark:#115e59;--primary-soft:#e7f3ef;--ink:#203c36;--muted:#61716b;--line:#dfe8e4;--background:#f3f6f5;--radius:12px;--nav-bg:#ffffff;--nav-text:#58817d}
body{background:var(--background)}h1{color:#214440}h2,h3{color:#26504b}.sidebar{background:#ffffff;border-left:1px solid #e7f3f2;padding-top:30px;scrollbar-color:#deefed transparent}.sidebar .brand{color:#234844}.sidebar .brand-caption{color:#638884}.brand-mark{background:#0f766e;border-radius:11px;box-shadow:0 4px 9px #0f766e19}.workspace{background:#f8fcfb;border-color:#e9f5f3;border-radius:10px;padding:13px 10px}.workspace-avatar{background:#edf7f6;color:#49a198;border-radius:8px}.workspace strong{color:#396e69}.workspace small{color:#5c8e89}.sidebar .nav-label{color:#618a86;font-size:11px}.sidebar nav{gap:5px}.sidebar nav a{border-radius:8px;color:#618985;min-height:42px}.sidebar nav a .icon{color:#59918c}.sidebar nav a:hover{background:#f3f6f5;color:#3daea2}.sidebar nav a.active{color:#0f766e;background:#f3f9f9}.sidebar nav a.active .icon{color:#0f766e}.sidebar nav a.active:before{display:none}.nav-count{background:#f1f8f7;color:#5b8f8a;border-radius:5px}.sidebar nav a.active .nav-count{background:#e9f5f3;color:#3daea2}.nav-section-label{border-top-color:#edf7f6}.sidebar-note{border-color:#eaf5f4;padding-top:20px}.sidebar-note strong{color:#5d8e89}.sidebar-note p{color:#5d8d89}.sidebar-note a{color:#3daea2}.sidebar-bottom{color:#5d8e89;border-color:#eaf5f4}.version{color:#5e8c88}.demo-indicator{background:#43a89e}.topbar{background:#ffffff;border-bottom-color:#e9f5f3}.breadcrumb{color:#608a86}.breadcrumb strong{color:#507d79}.environment{color:#608a86}.environment>span{background:#47a39a}.user-avatar{background:#f1f8f7;color:#4d9e96;border-radius:9px}.user-profile small{color:#5d8e89}.user-profile strong{color:#517d79}.topbar-divider{background:#edf6f5}.page-heading{margin-bottom:28px}.page-heading p{color:#618985}.eyebrow{color:#5b908a}.page-heading h1{font-size:26px}.button{border-radius:8px;min-height:43px;padding-inline:18px;transition:background .15s,box-shadow .15s}.primary{background:#0f766e;box-shadow:0 3px 8px #0f766e16}.primary:hover{background:#115e59;box-shadow:0 4px 12px #0f766e26}.secondary{background:#ffffff;color:#5f8c87;border-color:#e1f0ef}.secondary:hover{background:#f9fcfc;border-color:#d4ebe8}.danger{background:#c14452}.icon-button{border-radius:7px;color:#5b908a}.icon-button:hover{background:#f4f9f9;color:#42a99e}.text-link{color:#3daea2}.outline-label{background:#f4f9f9;border-color:#e5f2f1;border-radius:7px;color:#55968f}.panel{border:1px solid #e6f3f2;border-radius:12px;box-shadow:0 3px 12px #2d5e5803}.panel-heading{padding-block:23px}.panel-heading p{color:#608b86}.panel-foot{background:#fcfefe;border-color:#edf7f6;color:#5e8d88;border-radius:0 0 12px 12px}.stats-grid{gap:16px;background:transparent;border:0;border-radius:0;overflow:visible}.stat-card{position:relative;border:1px solid #e7f3f2!important;background:#ffffff;border-radius:12px;padding:23px;box-shadow:0 3px 12px #2d5e5803;min-height:166px;overflow:hidden}.stat-card:before{content:'';position:absolute;top:0;right:23px;width:29px;height:3px;background:#3daea2;border-radius:0 0 3px 3px}.stat-card:nth-child(2):before{background:#45b498}.stat-card:nth-child(3):before{background:#e9b65e}.stat-card:nth-child(4):before{background:#41aa9f}.stat-value{font-size:35px;color:#27524d;font-weight:500;letter-spacing:-1px}.stat-top{color:#608b87;font-size:13px}.metric-index{color:#529891;font-size:11px}.stat-bottom{color:#5e8d88}.stat-bottom .text-link{color:#4c9e96}.trend{background:#edf8f3;color:#419276;border-radius:4px;padding:2px 6px}.metric-status{background:#45b498}.report-period{color:#5c8e89}.report-period>span:first-child{color:#5b908a}.period-mark{background:#3daea2;border-radius:50%}.activity-layout{gap:22px;margin-top:25px}.activity-chart{padding-top:15px;height:220px}.chart-bars{background-image:linear-gradient(#eff8f7 1px,transparent 1px)}.activity-bar{background:#d6ebe9;border-radius:5px 5px 0 0;width:70%}.chart-day:nth-child(2n) .activity-bar{background:#3daea2}.chart-day.is-current .activity-bar{background:#3daea2}.chart-legend{color:#58938d}.chart-legend i{background:#3daea2;border-radius:2px}.chart-scale,.bar-value{color:#539891}.chart-day>span:last-child{color:#55968f}.delivery-panel .panel-heading>.icon{color:#79bba8}.delivery-number{color:#2a766f}.delivery-number>span{color:#4aa198}.delivery-caption{color:#59928c}.delivery-track{border-radius:5px;overflow:hidden;gap:2px}.delivery-track span:first-child{background:#56b89c}.delivery-track span:nth-child(2){background:#df97a1}.delivery-track span:nth-child(3){background:#ecc776}.delivery-list>div{border-color:#eff8f7}.delivery-list dt{color:#57948e}.delivery-list dd{color:#529992}.status-mark.delivered{background:#56b89c}.status-mark.failed{background:#df97a1}.status-mark.pending{background:#ecc776}.delivery-link{color:#3daea2}.summary-strip{background:#ffffff;border-color:#e6f3f2;border-radius:12px;box-shadow:0 3px 12px #2d5e5803;padding-block:24px}.summary-strip>div{border-color:#eef7f6}.summary-strip strong{color:#30655e}.summary-strip>div>span:last-child{color:#5c8e89}.summary-strip .stat-icon{display:grid;background:#f5fafa;color:#3daea2;width:36px;height:36px;border-radius:10px}.summary-strip>div:nth-child(2) .stat-icon{background:#edf8f4;color:#71b19b}.summary-strip>div:nth-child(3) .stat-icon{background:#f5f2fc;color:#56948e}.summary-strip .summary-caption{color:#55968f}.summary-caption span{color:#59928c}.table-toolbar{padding-top:1px}.search-field{border-radius:8px;border-color:#e2f1f0;background:#fbfdfd;color:#56958f}.search-field input{font-size:13px;background:transparent}select,.filter-fields select,.date-toolbar input{border-radius:8px;border-color:#e1f0ef;color:#5c8f8a;background:#ffffff}th{background:#f8fcfb;border-color:#eef7f6;color:#5a918b;font-weight:500}td{border-color:#eef7f6;color:#5b8f8a}tbody tr:hover{background:#fcfdfd}.person strong{color:#42867f}.person-details small{color:#58928c}.avatar{border-radius:10px;background:#f1f8f8;color:#4d9d95}.avatar.peach{background:#fbf0e8;color:#c2a28b}.avatar.lavender{background:#f1f8f7;color:#a99bc8}.avatar.mint{background:#eaf7f2;color:#83b6a2}.avatar.sky{background:#eff8f7;color:#42a99e}.phone-number,.record-reference{color:#539790}.record-date{color:#5c8e89}.message-excerpt,.archive-excerpt{color:#5a918b}.group-tag{background:#f5fafa;border-color:#eaf5f4;color:#55968f;border-radius:5px}.badge{padding:3px 8px;border-radius:5px}.badge.success{background:#edf8f2;color:#5a9c81}.badge.pending{background:#fff6e5;color:#ba984f}.badge.error{background:#fceff1;color:#bf7b87}.badge.inactive{background:#f1f8f8;color:#5e8d88}.row-actions .icon-button{color:#57948e}.row-actions .delete:hover{background:#fdf0f2;color:#bc7886}.pagination{border-color:#eef7f6}.page-number{background:#f3f9f9;color:#3daea2;border-radius:6px}.pagination-buttons .icon-button{border-radius:6px;border-color:#e7f3f2}.pagination>.small{color:#5a908b}.bulk-toolbar{background:#fbfdfd;border-color:#eef7f6}.checkbox-label,.date-toolbar label{color:#58928c}.danger-link{color:#bc7482}.reset-filter{border-color:#e1f0ef}.field,.field-label,.settings-panel .field{color:#5b908b}.field input,.field select,.settings-panel .field input,.settings-panel .field select,textarea{border-radius:8px;border-color:#dff0ee;color:#55958f;background:#ffffff}.field input:focus,.field select:focus,textarea:focus{border-color:#3daea2;box-shadow:0 0 0 3px #f3f9f9}.field small,.settings-panel .field small{color:#56948e}.required{color:#cd8892}.field select[multiple] option:checked{background:#eff8f7;color:#3daea2}::placeholder{color:#58938d}.recipient-modes label>span{border-radius:8px;border-color:#e5f3f1;color:#59928c}.recipient-modes input:checked+span{background:#f5fafa;border-color:#3daea2;color:#3daea2}.recipient-modes input:focus-visible+span{outline-color:#3daea2}.message-meta{color:#58928d}.message-meta b{color:#4d9e96}.inline-note{color:#59928c}.compose-panel .panel-heading{border-color:#eef7f6}.compose-divider,.compose-actions{border-color:#eef7f6}.compose-actions>.small{color:#5a908b}.all-recipients{background:#f6fbfa;border-radius:8px}.phone{border-color:#3a706b;box-shadow:0 0 0 1px #d9edeb,0 13px 24px #2d6c660c;background:#fcfdfd}.phone-island,.phone-home{background:#3a706b}.phone-header{background:#f5fafa;border-color:#ebf5f4}.sender-avatar{background:#47a39a}.phone-header small,.phone-time,.phone-delivery{color:#56958f}.phone-status{color:#4f8d87}.phone-header strong{color:#529891}.sms-bubble{background:#f1f8f7;color:#45a59c;border-radius:13px 13px 4px 13px}.phone-input{background:#fcfdfd;border-color:#e5f3f1;color:#55968f}.preview-tip{border-color:#e5f2f1;color:#4e9d95}.preview-tip p{color:#56948e}.preview-tip strong{color:#4b9f97}.live-dot{color:#4e9d95}.live-dot:before{background:#7cc3ae}.connection-banner{background:#f3f9f9;border-color:#e7f4f2;border-radius:12px;padding-block:23px}.connection-banner h2{color:#47a39a}.connection-banner p{color:#4e9c95}.connection-banner .stat-icon{color:#3daea2}.connection-banner .outline-label{background:#ffffff;border-color:#e7f3f2;color:#4f9c94}.connection-card{border-radius:12px;transition:border-color .15s,box-shadow .15s}.connection-card:hover{border-color:#d8ecea;box-shadow:0 5px 18px #0f766e07}.connection-card h2{color:#4c948d}.connection-symbol{border-radius:10px;background:#f3f9f9;color:#3daea2;width:40px;height:40px}.connection-card>p.small{color:#539891}.connection-meta{border-color:#eef7f6}.connection-meta dt{color:#56958e}.connection-meta dd{color:#4c9e96}.connection-status-note{color:#57938d}.group-grid{gap:18px}.group-card{margin:0;border-radius:11px;border-color:#e7f4f2;box-shadow:0 2px 8px #2d5e5802}.group-card h2{color:#4c948d}.group-card-counts{color:#4ba098}.group-member-preview{color:#57938d}.group-actions{border-color:#eef7f6}.member-list{border-radius:8px;border-color:#e7f3f2}.member-option{border-color:#eef7f6}.member-info strong{color:#57948e}.settings-tabs{border-color:#eef7f6}.settings-tabs button{color:#57938d}.settings-tabs button[aria-selected=true]{color:#3daea2;border-bottom-color:#3daea2}.settings-intro h2{color:#519a92}.settings-intro p{color:#539891}.settings-actions{border-radius:0 0 12px 12px;background:#fcfdfd;border-color:#eef7f6}.settings-actions .small{color:#55958f}.setting-toggle{border-color:#eef7f6}.setting-toggle strong{color:#529891}.setting-toggle small{color:#539891}.toggle-visual{background:#e7f3f2}.setting-toggle>input:checked+.toggle-visual{background:#3daea2}dialog{border-radius:13px;border-color:#e5f2f1;box-shadow:0 20px 80px #2f635d26}dialog::backdrop{background:#2c5b5660;backdrop-filter:blur(2px)}.dialog-heading h2{color:#4c9790}.review-details>div{border-color:#eef7f6}.review-details dt{color:#57938d}.review-details dd{color:#529992}.review-message{background:#f5fafa;color:#4c9f96;border-radius:8px}.toast{background:#348f86;border-color:#49a299;border-radius:9px;box-shadow:0 8px 20px #2b7c741a}.page-footer{border-color:#e6f3f2;color:#58928c}.footer-dot{color:#539790}.empty-state h3{color:#509b93}.empty-state p{color:#529992}.login-page,.login-form-section{background:#fbfdfd}.login-story{background:#1c3936;position:relative}.login-story:before{content:'';position:absolute;top:0;right:0;height:5px;width:100%;background:#3daea2}.login-story .brand{color:#ffffff}.login-story .brand-caption{color:#49a198}.login-story .brand-mark{background:#3daea2}.login-story .banner-tag{color:#3faba1;border-color:#519a934d}.login-story-content h1{color:#f3f9f9}.login-story-content>p{color:#43a89e}.login-ledger{border-color:#51999238}.login-ledger>div{border-color:#51999238}.login-ledger strong{color:#3daea2}.login-ledger small{color:#47a49b}.login-ledger>div>span{color:#3daea2}.login-story-footer{color:#43a79d}.login-story-footer>span{color:#4aa098;border-color:#51999238}.login-form-wrap h2{color:#2a776f}.login-form-wrap .eyebrow{color:#4d9d95}.login-intro{color:#519a92}.login-demo-note{background:#f5fafa;border-color:#e9f4f3;color:#4b9f97;border-radius:8px}.login-options .text-link{color:#3daea2}.login-privacy{color:#55968f}.browse-demo{color:#49a299;border-color:#e5f3f1}.login-copyright{color:#539891}.login-mobile-brand{color:#0f766e}.login-mobile-brand span{color:#4d9d95}
/* Supporting text stays readable on the light surfaces. */
.field input:focus-visible,.field select:focus-visible,.settings-panel .field input:focus-visible,.settings-panel .field select:focus-visible,textarea:focus-visible{outline:0;border-color:#3daea2;box-shadow:0 0 0 3px #0f766e15}.phone-header>.icon{color:#4c9f96}
.page-heading p,.panel-heading p,.stat-top,.stat-bottom,.summary-strip>div>span:last-child,.summary-strip .summary-caption,.summary-caption span,.field small,.settings-panel .field small,.inline-note,.record-date,.message-meta,.connection-status-note,.connection-banner p,.settings-intro p,.setting-toggle small,.group-member-preview,.preview-tip p,.login-intro,.login-privacy,.person-details small,.message-excerpt,.archive-excerpt,.connection-meta dt,.group-card-counts,.delivery-list dt,.delivery-caption,.report-period,.login-demo-note,.settings-actions .small{color:#618a86}
.badge.success{color:#39795f}.badge.pending{color:#946f27}.badge.error{color:#a65365}.badge.inactive{color:#638784}.group-tag{color:#5a918b}.phone-number,.record-reference{color:#498d86}.review-message{color:#55968f}.sms-bubble{color:#4b9f97}
@media(min-width:1600px){.stat-card{min-height:174px;padding:25px}.activity-chart{height:240px}}@media(max-width:1200px){.stat-card{padding:21px 18px}.stats-grid{gap:13px}.stat-value{font-size:32px}.stat-card:before{right:18px}.activity-layout{gap:18px}}@media(max-width:980px){.stats-grid{gap:14px}.stat-card{min-height:157px}.summary-strip .stat-icon{display:none}}@media(max-width:760px){.sidebar{padding-top:25px}.sidebar nav a{min-height:41px}.topbar{height:66px}.page-heading h1{font-size:23px}.page-heading{margin-bottom:24px}.stats-grid{gap:12px}.stat-card{padding:17px;min-height:157px;border-radius:10px}.stat-card:before{right:17px;width:23px}.stat-top{font-size:12px}.stat-value{font-size:30px}.stat-bottom,.stat-bottom .text-link{font-size:10px}.activity-layout{gap:18px;margin-top:21px}.activity-chart{height:210px}.panel{border-radius:11px}.summary-strip{padding-block:21px}.summary-strip .stat-icon{display:none}.connection-banner{padding:20px 18px;border-radius:11px}.connection-card{border-radius:11px}.group-grid{gap:14px}.group-card{padding:21px 18px;border-radius:10px}.settings-actions{border-radius:0 0 11px 11px}.login-form-section{background:#fbfdfd}.page-footer{font-size:10px}}@media(max-width:420px){.stat-top{font-size:11px}.stat-card{padding:16px 13px}.stat-card:before{right:13px}.stat-value{font-size:29px}.stat-bottom{gap:6px}.stats-grid{gap:10px}.page-heading h1{font-size:21px}.page-heading>.button{padding-inline:10px}.group-actions{gap:8px}}@media(prefers-reduced-motion:reduce){.connection-card,.button{transition:none}}@media print{.stat-card,.panel,.group-card{box-shadow:none}.sidebar{display:none}.login-story:before{display:none}}