/* Client workspace presentation; service state and actions remain data-driven. */
body.connected{background:radial-gradient(ellipse at top right,#d9efea 0,transparent 48%),#f3f7f5;color:#173e40}
body.connected main{padding-top:32px;padding-bottom:48px}
body.connected #welcome-title{position:relative;margin:0 0 18px;padding:38px 36px 40px;border-radius:22px;background:linear-gradient(115deg,#123b3e,#176568);color:#fff;font:600 clamp(27px,3vw,40px)/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-1px;box-shadow:0 12px 32px #163e4012;border-bottom:4px solid #c4a55d}
body.connected #welcome-title:before{content:'JB KERRY ENTERPRISE · YOUR CLIENT WORKSPACE';display:block;font:700 11px/1.6 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#b9e4de;margin-bottom:15px}
body.connected #package{font:600 15px/1.5 'Segoe UI',Arial,sans-serif;color:#376469;letter-spacing:.2px;margin:22px 0 18px}
body.connected #portal-sidebar{background:linear-gradient(180deg,#12383b,#0d282e);border-right:1px solid #285154}
body.connected #portal-sidebar nav button{border:1px solid transparent;border-radius:10px;transition:background .15s ease}
body.connected #portal-sidebar nav button:hover{background:#244b4d;color:#fff}
body.connected #portal-sidebar nav button[aria-current=page]{background:#245a5c;border-color:#477779;color:#fff;box-shadow:inset 3px 0 #54d6c9;font-weight:600}
body.connected .portal-card{border:1px solid #bfd3cd;border-radius:18px;box-shadow:0 8px 22px #163e401c,0 2px 5px #163e4012;padding:26px}
body.connected .portal-card h2,body.connected .portal-card h3{font-family:'Segoe UI',Arial,sans-serif;font-weight:650;letter-spacing:-.35px;color:#173e40}
body.connected .portal-card h2{font-size:23px;line-height:1.3}
body.connected .portal-hero{background:linear-gradient(120deg,#143e42,#206466)}
body.connected .portal-hero h2,body.connected .portal-hero h3{color:#fff}
body.connected .start-checklist{border-top:4px solid #159c98}
body.connected .start-step{border-radius:12px}
body.connected .start-step.is-next{background:linear-gradient(105deg,#eaf8f5,#fff);border:1px solid #42aaa4;box-shadow:inset 4px 0 #0b8b86,0 4px 16px #087f8310}
body.connected .start-step.is-next .start-step-number{background:#087f83;color:#fff;box-shadow:0 0 0 4px #d6efea}
body.connected .start-step.is-done{background:#f6faf7}
body.connected .start-action{background:#087f83!important;color:#fff!important;box-shadow:0 3px 8px #087f831c}
body.connected .start-action:hover{background:#09676a!important}
body.connected .start-action:disabled{background:#e4eaea!important;color:#66797a!important;box-shadow:none}
body.connected .journey-select{border:1px solid #b8d7d2;border-radius:10px;background:#f8fcfa;color:#173e40;padding:12px;max-width:100%}
body.connected .journey-compact{background:#f1f8f5;border:1px solid #d9eae3;border-radius:12px;padding:16px;margin-top:16px}
body.connected .journey-summary-value{color:#174b4c}
body.connected .service-progress-details{border-radius:16px;background:#f8fbf9}
body.connected input:disabled{opacity:1;background:#edf0ef;color:#60716e}
body.connected :is(button,a,select,summary):focus-visible{outline:3px solid #0b8b86;outline-offset:4px}
body.connected footer{padding-top:18px;color:#607872}
@media(max-width:850px){body.connected main{padding:22px 18px}body.connected #welcome-title{padding:26px 24px;letter-spacing:-.6px}body.connected #portal-sidebar{position:relative}body.connected .portal-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){body.connected #welcome-title{font-size:27px;padding:24px 20px}body.connected #welcome-title:before{font-size:10px;letter-spacing:1.2px}body.connected .portal-card{padding:20px}body.connected .portal-card h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){body.connected #portal-sidebar nav button{transition:none}}

@media(min-width:851px){body.connected #portal-sidebar{overflow-y:auto}body.connected #portal-sidebar .aside-note{position:static;margin-top:28px;padding-top:20px;border-top:1px solid #355759}}

body.connected .notification-target{scroll-margin-top:24px;border:2px solid #087f83;box-shadow:0 0 0 4px #087f831a,0 8px 22px #163e401c}