#hs-portal{color-scheme:light;--hs-ink:#172941;--hs-muted:#56677c;--hs-line:#dce3ec;--hs-paper:#fff;font-family:Arial,sans-serif;color:var(--hs-ink);background:#f4f6f9;border-radius:16px;overflow:hidden}
#hs-portal *{box-sizing:border-box}
#hs-portal button,#hs-portal input,#hs-portal select,#hs-portal textarea{font:inherit}
#hs-portal button{cursor:pointer;border:1px solid var(--hs-line);border-radius:8px;background:#fff;color:var(--hs-ink);padding:11px 14px;min-height:44px}
#hs-portal button:hover{background:#f1f4f8}
#hs-portal .gold{background:#dbbc70;color:#10223d;border-color:#dbbc70;font-weight:500}
#hs-portal .gold:hover{background:#e6cb8d}
#hs-portal .demo{padding:12px 20px;background:#fff3d4;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#hs-portal .demo label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#hs-portal select,#hs-portal input,#hs-portal textarea{width:100%;padding:11px;border:1px solid #bfcbd9;border-radius:7px;background:#fff;color:var(--hs-ink);min-height:44px;font-size:16px}
#hs-portal .demo select{width:auto;max-width:100%}
#hs-portal .mast{padding:24px;background:#102440;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
#hs-portal .brand{color:#e1c47d;letter-spacing:.13em;font-size:23px;font-weight:500}
#hs-portal .subbrand{letter-spacing:.16em;font-size:11px;margin-top:6px}
#hs-portal .identity{text-align:right;color:#d6dfeb}
#hs-portal .layout{display:grid;grid-template-columns:190px minmax(0,1fr)}
#hs-portal .side{background:#142c49;padding:18px 12px;color:#fff;display:flex;flex-direction:column;gap:6px}
#hs-portal .side button{text-align:left;background:transparent;border-color:transparent;color:#dbe4ef}
#hs-portal .side button.active{background:#28415e;color:#f5dca0;border-color:#526079}
#hs-portal .side .help{margin-top:24px;border-top:1px solid #3c506a;padding-top:15px;display:grid;gap:4px}
#hs-portal main{padding:26px;min-width:0;min-height:480px}
#hs-portal h2{color:var(--hs-ink);font-size:25px;font-weight:500;margin:0 0 8px}
#hs-portal h3{color:var(--hs-ink);font-size:18px;font-weight:500;margin:0 0 12px}
#hs-portal strong{color:inherit;font-weight:500}
#hs-portal .panel .history strong{color:var(--hs-ink)}
#hs-portal p{margin:8px 0 16px;line-height:1.5}
#hs-portal .muted{color:var(--hs-muted)}
#hs-portal .row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
#hs-portal .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
#hs-portal .stat,#hs-portal .panel{background:#fff;border:1px solid var(--hs-line);border-radius:10px;padding:18px}
#hs-portal .stat strong{display:block;font-size:30px;font-weight:500;margin-top:10px}
#hs-portal .list{display:grid;gap:10px}
#hs-portal .case{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;text-align:left;padding:16px;background:#fff}
#hs-portal .case small{display:block;color:var(--hs-muted);margin-top:7px;line-height:1.5}
#hs-portal .badge{display:inline-block;border-radius:6px;padding:6px 9px;background:#edf2f8;color:#284965;font-size:12px;align-self:start}
#hs-portal .badge.green{background:#e5f3e9;color:#23653d}
#hs-portal .filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:18px 0}
#hs-portal label{display:grid;gap:7px;font-size:14px}
#hs-portal .fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#hs-portal .full{grid-column:1/-1}
#hs-portal .phone{background:#fff5db;border-left:4px solid #c9a346;padding:16px;border-radius:7px}
#hs-portal .check{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#edf2f8;line-height:1.5;border-radius:8px}
#hs-portal .check input{width:22px;min-height:22px;flex-shrink:0;margin-top:2px}
#hs-portal .success{background:#e5f3e9;color:#225f38;border:1px solid #b4d8bf;padding:18px;border-radius:10px;margin-bottom:18px}
#hs-portal .detail{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}
#hs-portal .detail small{display:block;color:var(--hs-muted);margin-bottom:5px}
#hs-portal .history{padding-left:20px;line-height:1.7}
#hs-portal .seller-guide{background:#fff;border:1px solid var(--hs-line);border-radius:12px;overflow:hidden}
#hs-portal .seller-points{list-style:none;margin:0;padding:0}
#hs-portal .seller-point{margin:0;padding:17px 20px;border-bottom:1px solid #e5eaf1}
#hs-portal .seller-point:last-child{border-bottom:0}
#hs-portal .seller-point strong{display:block;color:#172941;font-size:17px;font-weight:500;line-height:1.35}
#hs-portal .seller-point p{color:#42546a;font-size:15px;line-height:1.5;margin:6px 0 0}
#hs-portal .seller-point.reassurance{background:#fff7e4;border-left:4px solid #c9a346;padding-left:16px}
#hs-portal .seller-actions{border-top:1px solid #e5eaf1;padding:16px 20px}
#hs-portal .seller-actions button{width:100%}
#hs-portal .money{font-size:24px;color:#173b5d}
#hs-portal .notice{padding:12px 24px;border-top:1px solid var(--hs-line);color:var(--hs-muted);background:#fff;font-size:12px}
#hs-portal .copytext{white-space:pre-wrap}
#hs-portal .feedback{margin-top:10px;color:#275d3a}
@media(max-width:700px){#hs-portal .layout{grid-template-columns:1fr}#hs-portal .side{flex-direction:row;flex-wrap:wrap;padding:10px}#hs-portal .side .help{margin:0;padding:0;border:0;display:contents}#hs-portal .side button{padding:9px}#hs-portal main{padding:18px}#hs-portal .identity{text-align:left}#hs-portal .stats{gap:7px}#hs-portal .stat{padding:12px}#hs-portal .stat strong{font-size:24px}}
@media(max-width:450px){#hs-portal .fields,#hs-portal .detail,#hs-portal .filters{grid-template-columns:1fr}#hs-portal .case{grid-template-columns:1fr}#hs-portal .stats{grid-template-columns:1fr}#hs-portal .stat{display:flex;align-items:center;justify-content:space-between}#hs-portal .stat strong{margin:0}#hs-portal .mast{padding:18px}}

body{margin:0;background:#f4f6f9;font-size:16px}#hs-portal{min-height:100vh;border-radius:0}#hs-portal .subbrand{font-size:12px}#hs-portal .badge,#hs-portal .notice{font-size:14px}#hs-portal button:focus-visible,#hs-portal input:focus-visible,#hs-portal textarea:focus-visible,#hs-portal select:focus-visible{outline:3px solid #b58b2c;outline-offset:3px}#hs-portal .auth{max-width:480px;margin:7vh auto;padding:24px}#hs-portal .auth form{display:grid;gap:20px}#hs-portal .error{color:#8a2536;background:#fff0f0;padding:12px;border-radius:8px}#hs-portal .notice{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#hs-portal a{color:#255686}#hs-portal .mast button{background:transparent;color:white;border-color:#526079}#hs-portal dialog{border:1px solid #dce3ec;border-radius:14px;max-width:560px;width:calc(100% - 36px);color:#172941;padding:24px}#hs-portal dialog::backdrop{background:#10244099}#hs-portal button:disabled{opacity:.6;cursor:wait}#hs-portal .account-grid{display:grid;gap:12px;margin:20px 0}#hs-portal .history li{margin-bottom:12px}#hs-portal .seller-point strong{font-weight:600}#hs-portal .seller-point p{font-size:16px}#hs-portal .auth .brand{color:#102440}#hs-portal .auth .subbrand{color:#56677c}#hs-portal .wordbreak{overflow-wrap:anywhere}#hs-portal .flush{margin:0}#hs-portal .gap{margin-top:20px}@media(min-width:1000px){#hs-portal .layout{grid-template-columns:220px minmax(0,1fr)}#hs-portal main{max-width:1150px;width:100%;padding:32px 40px}#hs-portal .seller-guide{max-width:740px}}

#hs-portal [hidden]{display:none!important}

#hs-portal .seller-point.closing{margin:16px;border:1px solid #d9bb70;border-radius:12px;background:#102440;padding:22px;box-shadow:0 4px 14px #10244012}
#hs-portal .seller-point.closing strong{color:#e5c779;font-size:20px;line-height:1.4}
#hs-portal .seller-point.closing p{color:#fff;font-size:16px;line-height:1.65;margin-top:10px}
@media(max-width:450px){#hs-portal .seller-point.closing{margin:12px;padding:18px}}

#hs-portal .seller-point.closing .seller-website{display:block;margin-top:18px;padding-top:16px;border-top:1px solid #526079;color:#e5c779;font-size:16px;font-weight:600;text-decoration:none;line-height:1.6;overflow-wrap:anywhere}

#hs-portal details summary{cursor:pointer;line-height:1.6}#hs-portal details summary .badge{margin-top:8px}#hs-portal details[open] summary{margin-bottom:16px}

/* Branded entry screens, matching the owner's approved sign-in reference. */
#hs-portal .entry-screen{min-height:100vh;min-height:100svh;padding:48px 24px;background:#f7f8fb;display:flex;align-items:center;justify-content:center;color:#fff}
#hs-portal .auth.entry-card{width:100%;max-width:780px;margin:0;padding:36px 46px 46px;min-height:0;border:4px solid #e8bd59;border-radius:19px;background:#00203b;box-shadow:0 14px 32px #142c4912;color:#fff}
#hs-portal .entry-header{display:flex;align-items:center;gap:32px;margin-bottom:32px}
#hs-portal .entry-logo{position:relative;flex:0 0 210px;width:210px;aspect-ratio:1;overflow:hidden;border-radius:50%}
/* Display the exact approved logo from the supplied reference, without redrawing it. */
#hs-portal .entry-logo img{position:absolute;width:566.13%;max-width:none;height:auto;left:-121.77%;top:-121.77%}
#hs-portal .entry-heading{border-left:2px solid #817d67;padding:8px 0 8px 32px;min-width:0}
#hs-portal .entry-heading h1{margin:0;color:#fff;font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.025em}
#hs-portal .entry-heading h1::after{content:"";display:block;width:78px;height:3px;background:#e8bd59;margin:16px 0}
#hs-portal .entry-heading p{margin:0;color:#f1f3f6;font-size:18px;line-height:1.45}
#hs-portal .entry-card form.panel{padding:0;margin:0;border:0;border-radius:0;background:transparent;display:grid;gap:28px}
#hs-portal .entry-card label{font-size:20px;line-height:1.3;font-weight:600;gap:10px;color:#fff}
#hs-portal .entry-card input{width:100%;min-height:64px;padding:16px 18px;border:1px solid #d1d6dd;border-radius:8px;background:#fff;color:#172941;font-size:20px;font-weight:400}
#hs-portal .entry-card input::placeholder{color:#838b95;opacity:1}
#hs-portal .entry-input{position:relative;display:block}
#hs-portal .entry-input>svg{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;color:#727b86;pointer-events:none}
#hs-portal .entry-input input{padding-left:69px}
#hs-portal .entry-input input[name=password]{padding-right:62px}
#hs-portal button.entry-reveal{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;padding:10px;width:44px;height:44px;background:transparent;border:0;color:#727b86}
#hs-portal .entry-reveal svg{width:27px;height:27px}
#hs-portal .entry-reveal[aria-pressed=true]{color:#153d61;background:#eaf0f6}
#hs-portal .entry-card .gold{min-height:76px;margin-top:4px;border:1px solid #edc56d;border-radius:9px;background:linear-gradient(180deg,#f3d078,#d2a248);color:#05203a;font-weight:700;font-size:32px;box-shadow:inset 0 1px 1px #fff5}
#hs-portal .entry-card .gold:hover{background:linear-gradient(180deg,#f9dc91,#dfb35c)}
#hs-portal .entry-invitation{text-align:center;margin-top:24px}
#hs-portal .entry-invitation::before{content:"";display:block;width:174px;height:2px;background:#53677a;margin:0 auto 18px}
#hs-portal .entry-invitation p{margin:0 0 22px;color:#f5f6f8;font-size:21px;line-height:1.4}
#hs-portal button.entry-forgot{display:block;width:100%;min-height:66px;padding:14px;border:2px solid #dabc70;border-radius:9px;background:transparent;color:#fff;font-size:21px;font-weight:600}
#hs-portal button.entry-forgot:hover{background:#ffffff0d}
#hs-portal .entry-card .muted{color:#dae3ed}
#hs-portal .entry-card #login-help:empty{display:none}
#hs-portal .entry-card #login-help{font-size:16px;margin:18px 0 0}
#hs-portal .entry-card .error{font-size:16px;font-weight:400}
#hs-portal .entry-card :focus-visible{outline:3px solid #f6d780;outline-offset:4px}
@media(max-width:650px){
#hs-portal .entry-screen{padding:24px 14px}
#hs-portal .auth.entry-card{padding:26px 22px 28px;border-width:3px;border-radius:16px}
#hs-portal .entry-header{gap:18px;margin-bottom:28px}
#hs-portal .entry-logo{flex-basis:130px;width:130px}
#hs-portal .entry-heading{padding:4px 0 4px 18px}
#hs-portal .entry-heading h1{font-size:30px}
#hs-portal .entry-heading p{font-size:16px}
#hs-portal .entry-heading h1::after{width:54px;margin:12px 0}
#hs-portal .entry-card label{font-size:18px}
#hs-portal .entry-card input{font-size:16px;min-height:58px}
#hs-portal .entry-card form.panel{gap:22px}
#hs-portal .entry-card .gold{min-height:62px;font-size:26px}
#hs-portal .entry-invitation p,#hs-portal button.entry-forgot{font-size:18px}
#hs-portal button.entry-forgot{min-height:56px}
}
@media(max-width:440px){
#hs-portal .entry-header{flex-direction:column;gap:18px}
#hs-portal .entry-logo{flex-basis:auto;width:142px}
#hs-portal .entry-heading{border:0;padding:0;text-align:center}
#hs-portal .entry-heading h1::after{margin:12px auto}
#hs-portal .entry-heading h1{font-size:32px}
#hs-portal .entry-wide-break{display:none}
}

/* Owner-only task management */
#hs-portal .tasks-panel{margin:22px 0;padding:18px;border:1px solid #d5dce5;border-radius:14px;background:#fff;color:#142c46}
#hs-portal .task-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
#hs-portal .task-count{background:#f0f3f8;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px}
#hs-portal .task-count strong{font-size:25px}
#hs-portal .task-item{border-top:1px solid #dce2ea;padding:15px 0;overflow-wrap:anywhere}
#hs-portal .task-item p{margin:7px 0}
#hs-portal .task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
#hs-portal .task-actions button{font-size:14px;padding:9px 12px}
@media(max-width:450px){#hs-portal .task-counts{gap:5px}#hs-portal .task-count{padding:8px}#hs-portal .task-count span{font-size:12px}}

/* Interior-only redesign: deliberately excludes the approved entry/login screen. */
#hs-portal .layout{background:#f6f8fb}
#hs-portal .mast{background:#052541;border-bottom:3px solid #d6ad58}
#hs-portal .side{background:linear-gradient(180deg,#092b4a,#08243d);gap:8px}
#hs-portal .side button{border-radius:9px;min-height:48px;font-weight:600;padding:12px 14px}
#hs-portal .side button.active{background:#e5c477;color:#102b45}
#hs-portal .side button:hover:not(.active){background:#ffffff17}
#hs-portal main{background:transparent}
#hs-portal main h2{color:#102e4b;letter-spacing:-.025em;font-size:clamp(23px,3vw,30px)}
#hs-portal .welcome{margin-bottom:18px}
#hs-portal .stats{gap:13px}
#hs-portal .stat{background:#fff;border:1px solid #e3e9f0;border-radius:14px;padding:20px;box-shadow:0 3px 12px #142c4908;color:#4b6078;font-size:14px}
#hs-portal .stat strong{color:#0c2c4c;font-weight:750;font-size:clamp(27px,3vw,37px);margin-top:9px}
#hs-portal .panel,#hs-portal .tasks-panel{border:1px solid #e1e8f0;border-radius:14px;box-shadow:0 3px 12px #142c4907;background:#fff}
#hs-portal .case{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e1e8f0;border-radius:12px;padding:16px;text-align:left;box-shadow:0 2px 8px #142c4908}
#hs-portal .case:hover{background:#f9fbfd;border-color:#c5d5e4}
#hs-portal .case-house{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border-radius:12px;background:#f7f0df}
#hs-portal .house-icon{width:39px;height:39px}
#hs-portal .case-text{min-width:0;flex:1;overflow-wrap:anywhere}
#hs-portal .case strong{color:#102d4c}
#hs-portal .badge{font-weight:650;border-radius:7px;padding:6px 10px}
#hs-portal .badge.green{background:#d9f2e5;color:#17633e}
#hs-portal .badge.blue{background:#e0edff;color:#194d91}
#hs-portal .badge.amber{background:#fff0cb;color:#81530d}
#hs-portal .badge.neutral{background:#eef1f5;color:#52647b}
#hs-portal .task-complete{background:#e0f5e8;color:#155c39;border-color:#b7e3c8;font-weight:700}
#hs-portal .task-reschedule{background:#fff2d6;color:#7c510e;border-color:#efd49a}
#hs-portal .gold{background:#e3bf70;border-color:#d9b463;color:#102d4c;font-weight:700}
#hs-portal .gold:hover{background:#f0d08a}
#hs-portal .task-item{border-radius:10px}
#hs-portal button{transition:background-color .12s,border-color .12s}
@media(max-width:700px){#hs-portal .side{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;padding:10px}#hs-portal .side button{min-height:48px;flex:1 1 auto;padding:11px 12px}#hs-portal main{padding:20px 14px}#hs-portal .case{gap:10px;padding:13px}#hs-portal .case-house{width:48px;height:48px;flex-basis:48px}#hs-portal .house-icon{width:32px;height:32px}#hs-portal .task-actions button{min-height:48px}}
@media(max-width:450px){#hs-portal .stats{grid-template-columns:repeat(2,minmax(0,1fr))}#hs-portal .stat{display:block;padding:14px}#hs-portal .stat strong{font-size:27px}#hs-portal .case{flex-wrap:wrap}#hs-portal .case>.badge{margin-left:58px}#hs-portal .mast{padding:16px}}

/* Dashboard visual refresh – login/entry-screen intentionally untouched */
#hs-portal .mast{background:linear-gradient(115deg,#071e36,#153b59);border-bottom:3px solid #d9b663;box-shadow:0 4px 20px #09233a1a}
#hs-portal .mast .brand{font-weight:800;letter-spacing:.15em}
#hs-portal .layout{background:#f3f6fa}
#hs-portal .side{background:#09253f;gap:5px;padding:22px 12px}
#hs-portal .side button{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:11px;font-weight:600;font-size:14px;line-height:1.25;transition:background .15s ease}
#hs-portal .side button:hover{background:#254461}
#hs-portal .side button.active{background:#e8c779;color:#0c2942;border-color:#e8c779;box-shadow:0 3px 12px #0002}
#hs-portal .nav-icon{width:19px;height:19px;flex:0 0 19px}
#hs-portal .side .help{border-color:#38546a}
#hs-portal main{background:linear-gradient(180deg,#f8fafc 0,#f2f5f9 100%)}
#hs-portal .welcome{padding:20px 22px;background:linear-gradient(115deg,#0d3454,#1c5270);border-radius:16px;color:#fff;box-shadow:0 6px 22px #183c551a}
#hs-portal .welcome h2,#hs-portal .welcome .muted{color:#fff}
#hs-portal .welcome h2{font-weight:750}
#hs-portal .welcome .gold{box-shadow:0 3px 12px #001c2b35}
#hs-portal .stat{border:1px solid #e3e8ef;border-radius:15px;padding:22px;box-shadow:0 5px 20px #19324a0b;position:relative;overflow:hidden;font-weight:600;color:#53657a}
#hs-portal .stat::before{content:'';display:block;width:34px;height:4px;border-radius:4px;background:#d3ab55;margin-bottom:14px}
#hs-portal .stat:nth-child(2)::before{background:#3e7eae}
#hs-portal .stat:nth-child(3)::before{background:#42a17c}
#hs-portal .stat strong{font-weight:800;color:#102e4c;font-size:34px}
#hs-portal .panel,#hs-portal .tasks-panel{border-radius:15px;box-shadow:0 5px 20px #19324a0a}
#hs-portal .case{border-radius:12px;border:1px solid #e1e7ee;box-shadow:0 3px 12px #132e4510}
#hs-portal .case:hover{border-color:#cda95b;background:#fffcf4}
#hs-portal h2{font-weight:750;letter-spacing:-.02em}
#hs-portal h3{font-weight:700}
#hs-portal .gold{background:linear-gradient(135deg,#f0d48b,#d7b05c);border-color:#d7b05c;font-weight:700}
#hs-portal .badge.green{background:#ddf4e7;color:#17663e}
#hs-portal .task-item{border-radius:13px}
@media(max-width:700px){
 #hs-portal .mast{padding:16px;gap:10px;align-items:flex-start}
 #hs-portal .mast .brand{font-size:18px}
 #hs-portal .mast .identity{font-size:13px}
 #hs-portal .mast button{min-height:38px;padding:7px 11px}
 #hs-portal .side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;background:#09253f}
 #hs-portal .side button{min-width:0;font-size:13px;padding:11px 9px;gap:7px;min-height:47px;line-height:1.2}
 #hs-portal .side button span{overflow-wrap:anywhere}
 #hs-portal .side .nav-icon{width:17px;height:17px;flex-basis:17px}
 #hs-portal .side .help{display:contents}
 #hs-portal main{padding:17px 13px}
 #hs-portal .welcome{padding:18px;gap:15px}
 #hs-portal .stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 #hs-portal .stat{display:block;padding:13px;font-size:12px;min-width:0}
 #hs-portal .stat strong{font-size:27px;margin-top:9px}
 #hs-portal .stat::before{margin-bottom:10px}
}
@media(max-width:390px){#hs-portal .stats{grid-template-columns:1fr 1fr}#hs-portal .stat:last-child{grid-column:1/-1}#hs-portal .mast .identity{width:100%;text-align:left}}

/* Account-specific greeting and richer dashboard palette. Login styling unchanged. */
#hs-portal .welcome{background:linear-gradient(115deg,#0a2846 0%,#14506d 65%,#1e6981 100%);border:1px solid #d5b76a;box-shadow:0 10px 25px #0a284625}
#hs-portal .stats .stat{border-top:5px solid #c9a44b;background:linear-gradient(145deg,#fffdf5,#f8eed1);color:#574621}
#hs-portal .stats .stat:nth-child(2){border-top-color:#3187b8;background:linear-gradient(145deg,#f6fbff,#dceefa);color:#164e71}
#hs-portal .stats .stat:nth-child(3){border-top-color:#2c9872;background:linear-gradient(145deg,#f6fffb,#d9f4e8);color:#146349}
#hs-portal .stats .stat::before{display:block;width:auto;height:auto;margin-bottom:12px;background:transparent;font-size:23px;line-height:1.2;content:'⌂'}
#hs-portal .stats .stat:nth-child(2)::before{content:'◷';background:transparent}
#hs-portal .stats .stat:nth-child(3)::before{content:'✓';background:transparent}
#hs-portal .stat-heading{display:flex;align-items:center;gap:9px;font-weight:700;line-height:1.3}
#hs-portal .stat-heading .nav-icon{width:22px;height:22px;flex:0 0 22px;stroke-width:2.2}
#hs-portal .stat strong{font-size:36px;margin-top:14px}
#hs-portal .task-count:nth-child(1){background:#fff0ed;color:#8d382c}
#hs-portal .task-count:nth-child(2){background:#fff3d8;color:#845514}
#hs-portal .task-count:nth-child(3){background:#e3f0ff;color:#1b5683}
#hs-portal .tasks-panel{border-top:4px solid #d7b663}
#hs-portal .task-item{border-left:4px solid #3d86b0}
#hs-portal .side button .nav-icon{color:#e4c677}
#hs-portal .side button.active .nav-icon{color:#153451}
#hs-portal .side button:not(.active):hover{background:#1a4766}
@media(max-width:700px){#hs-portal .stat strong{font-size:30px}#hs-portal .stat-heading{gap:5px;font-size:12px}#hs-portal .stat-heading .nav-icon{width:18px;height:18px;flex-basis:18px}}

/* Final responsive visual layer: keep auth, cases and owner permissions functional. */
#hs-portal .mobile-nav-bar{display:none}
#hs-portal .entry-card .entry-logo{max-width:150px!important;width:150px!important;margin:0 auto 14px!important}
#hs-portal .entry-card .entry-logo img{max-width:100%!important;width:100%!important;height:auto!important;object-fit:contain!important}
#hs-portal .entry-eyebrow{display:block;color:#e6c67b;font-size:11px;font-weight:800;letter-spacing:.17em;margin:0 0 9px}
#hs-portal .entry-card{box-shadow:0 18px 50px #001c3355!important}
#hs-portal .entry-card .entry-heading h1{letter-spacing:-.035em}
#hs-portal .side button{border-left:3px solid transparent}
#hs-portal .side button.active{border-left-color:#fff2b6}
#hs-portal .welcome{position:relative;overflow:hidden;background:linear-gradient(112deg,#08233d 0%,#145b76 65%,#218a89 100%)}
#hs-portal .welcome:after{content:'✦';position:absolute;right:15px;top:0;font-size:88px;line-height:1;color:#ffffff15;pointer-events:none}
#hs-portal .welcome>*{position:relative;z-index:1}
#hs-portal .stats .stat{box-shadow:0 7px 24px #13364a12;transition:transform .16s ease}
#hs-portal .stats .stat:nth-child(1){background:linear-gradient(140deg,#fffaf0,#f3dc9b);border-color:#e8c775}
#hs-portal .stats .stat:nth-child(2){background:linear-gradient(140deg,#f1faff,#c3e5f6);border-color:#8cc8e8}
#hs-portal .stats .stat:nth-child(3){background:linear-gradient(140deg,#f0fff8,#bdebd6);border-color:#82d1ad}
#hs-portal .tasks-panel{background:linear-gradient(180deg,#fff,#f9fbff)}
#hs-portal .task-item{background:#fff}
#hs-portal .task-actions button{border-radius:10px}
#hs-portal .panel{border:1px solid #e2e9f0}
@media(min-width:701px){
 #hs-portal .layout{grid-template-columns:minmax(205px,250px) minmax(0,1fr)}
 #hs-portal .side{display:flex;flex-direction:column;align-items:stretch}
 #hs-portal .side button{width:100%}
 #hs-portal main{min-width:0;padding:30px clamp(20px,3vw,48px)}
}
@media(max-width:700px){
 #hs-portal .mobile-nav-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#09253f;color:#fff;padding:11px 16px;border-top:2px solid #d9b663}
 #hs-portal .mobile-nav-label{font-size:14px;font-weight:750;letter-spacing:.025em}
 #hs-portal #portal-menu-toggle{display:inline-flex;align-items:center;gap:10px;background:#e8c779;color:#0b2a43;border:1px solid #e8c779;border-radius:10px;font-size:14px;font-weight:800;min-height:43px;padding:8px 15px}
 #hs-portal .side{display:none!important}
 #hs-portal.menu-open .side{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px}
 #hs-portal .side button{min-width:0}
 #hs-portal .mast{padding:13px 16px}
 #hs-portal main{padding:18px 13px}
 #hs-portal .welcome{padding:21px 17px}
 #hs-portal .welcome:after{font-size:66px}
 #hs-portal .entry-card .entry-logo{max-width:118px!important;width:118px!important}
}
@media(prefers-reduced-motion:reduce){#hs-portal .stats .stat{transition:none}}

/* V20 premium refinement — scoped to the portal only */
#hs-portal{--hs-ink:#142840;--hs-muted:#607188;--hs-line:#dbe3ed;background:#f3f5f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.008em}
#hs-portal .mast{background:linear-gradient(115deg,#071c34,#173856);border-bottom:3px solid #cba65e;padding:25px 30px}
#hs-portal .side{background:#0d2743}
#hs-portal .side button{border-radius:11px;transition:background .16s,color .16s}
#hs-portal .side button.active{background:#284866;color:#f3d58d;box-shadow:inset 3px 0 #d6b66e}
#hs-portal .gold{background:#d8b76d;border-color:#d8b76d;color:#10243d;font-weight:700}
#hs-portal .gold:hover{background:#e7c982}
#hs-portal .panel,#hs-portal .stat,#hs-portal .tasks-panel{border-radius:15px;box-shadow:0 4px 20px rgba(16,37,64,.045)}
#hs-portal button:focus-visible,#hs-portal input:focus-visible,#hs-portal textarea:focus-visible,#hs-portal select:focus-visible{outline:3px solid #b68b38;outline-offset:2px}
#hs-portal .activity-timeline{list-style:none;margin:20px 0;padding:0 0 0 10px}
#hs-portal .activity-timeline li{position:relative;display:flex;gap:18px;padding:0 0 24px 0}
#hs-portal .activity-timeline li:not(:last-child):before{content:"";position:absolute;left:7px;top:19px;bottom:0;border-left:2px solid #dce3eb}
#hs-portal .activity-dot{width:16px;height:16px;flex:0 0 16px;border:4px solid #d8b76d;border-radius:50%;background:#fff;z-index:1;margin-top:5px}
#hs-portal .activity-content{background:#fff;border:1px solid var(--hs-line);border-radius:12px;padding:15px 18px;flex:1;min-width:0}
#hs-portal .activity-content time{display:block;color:var(--hs-muted);font-size:12px;margin-bottom:6px}
#hs-portal .activity-content strong{display:block;font-size:14px}
#hs-portal .activity-content p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}
#hs-portal .danger-zone{margin-top:35px;border:1px solid #e8c5c5;background:#fffafa}
#hs-portal .danger-zone h3{color:#8e2525}
#hs-portal button.danger-button{border:1px solid #b13a3a;color:#9a2525;background:#fff;font-weight:700}
#hs-portal button.danger-button:hover{background:#fff0f0}
#hs-portal #hs-saved{color:#805c20;font-size:13px}
@media(max-width:700px){#hs-portal .mast{padding:20px}#hs-portal .activity-content{padding:12px}#hs-portal .activity-timeline li{gap:10px}}

/* V20 premium financial presentation and activity-type accents */
#hs-portal .payments-heading{display:flex;align-items:center;gap:16px;margin:4px 0 20px}#hs-portal .payments-heading h2{margin:0 0 4px}#hs-portal .payments-heading-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:linear-gradient(140deg,#0a2c4a,#176c79);color:#f0d38a;font-size:30px;font-weight:800;box-shadow:0 6px 18px #0c314526}#hs-portal .section-symbol{display:inline-grid;place-items:center;background:#f7edcf;color:#8e6826;border-radius:10px;width:34px;height:34px;margin-right:5px}#hs-portal .payment-stat{position:relative;overflow:hidden;min-height:145px;display:flex;flex-direction:column;justify-content:center;gap:5px;border-radius:18px;border-top:5px solid #d7b76a;background:linear-gradient(145deg,#fff9e9,#f6e3ad)}#hs-portal .payment-stat.payment-approved{border-color:#83c5e0;background:linear-gradient(145deg,#effaff,#c8e8f7)}#hs-portal .payment-stat.payment-received{border-color:#7bcda7;background:linear-gradient(145deg,#effdf5,#c7f0dd)}#hs-portal .payment-stat-icon{font-size:25px;color:#315d6a;font-weight:800}#hs-portal .payment-stat strong{font-size:clamp(25px,4vw,37px);overflow-wrap:anywhere}#hs-portal .payment-record{border-radius:18px;border:1px solid #dbe4eb;box-shadow:0 8px 25px #0c2d4910;border-left:5px solid #d5b569;padding:22px}#hs-portal .payment-record .money{font-size:clamp(22px,4vw,31px);font-weight:750;color:#123956}#hs-portal .payment-record select{background:#fff;border-radius:10px}#hs-portal .activity-content{border-left:5px solid #cdb36c}#hs-portal .activity-content.activity-call{border-left-color:#2b8bbd;background:#f4faff}#hs-portal .activity-content.activity-sms{border-left-color:#189e8c;background:#f0fcf8}#hs-portal .activity-content.activity-email{border-left-color:#7963b9;background:#f8f5ff}#hs-portal .activity-content.activity-valuation{border-left-color:#d3a242;background:#fffaf0}#hs-portal .activity-content.activity-status{border-left-color:#d37c4b;background:#fff6f1}#hs-portal .activity-content.activity-note{border-left-color:#6b8193;background:#f7f9fc}#hs-portal .activity-dot.activity-dot-call{background:#2b8bbd}#hs-portal .activity-dot.activity-dot-sms{background:#189e8c}#hs-portal .activity-dot.activity-dot-email{background:#7963b9}#hs-portal .activity-dot.activity-dot-valuation{background:#d3a242}#hs-portal .activity-dot.activity-dot-status{background:#d37c4b}@media(max-width:450px){#hs-portal .payment-stat{min-height:110px}#hs-portal .payment-record{padding:18px}}

/* V21 design system — all pages */
#hs-portal{--hs-gold:#cba55e;--hs-navy:#0b233d;--hs-teal:#187783;background:#f0f4f8;color:#152b43;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
#hs-portal main{max-width:none;min-width:0}
#hs-portal h2{letter-spacing:-.035em}#hs-portal h3{letter-spacing:-.02em}
#hs-portal .panel,#hs-portal .tasks-panel,#hs-portal .stat{border:1px solid #dce5ed;box-shadow:0 8px 28px rgba(9,35,61,.06);border-radius:18px}
#hs-portal .welcome{border:1px solid #2a6176;border-radius:19px;background:linear-gradient(112deg,#09253e 0%,#174c69 67%,#176e73 100%);box-shadow:0 12px 32px #082f4d20}
#hs-portal .welcome:after{content:'';width:200px;height:200px;right:-50px;top:-65px;border:2px solid #ffffff18;border-radius:50%}
#hs-portal .stat{border-top:4px solid #c8a363}#hs-portal .stats .stat:nth-child(1){background:linear-gradient(140deg,#fff,#fff8e9)}#hs-portal .stats .stat:nth-child(2){background:linear-gradient(140deg,#fff,#edf7fc)}#hs-portal .stats .stat:nth-child(3){background:linear-gradient(140deg,#fff,#edf9f4)}
#hs-portal .case{border-radius:14px;border:1px solid #dce6ee;background:#fff;box-shadow:0 4px 14px #102b4210;transition:transform .15s,box-shadow .15s}#hs-portal .case:hover{transform:translateY(-1px);box-shadow:0 9px 22px #102b421a}
#hs-portal .activity-content{box-shadow:0 4px 16px #09233d0b}#hs-portal .activity-content time{font-weight:700;color:#47637b}
#hs-portal .shared-update-panel{border-left:5px solid #1b8b92}#hs-portal .shared-update-panel p{white-space:pre-wrap}#hs-portal .shared-update-panel small{color:#57718b}
#hs-portal .completed-followups{margin-top:18px;border-top:1px solid #dce6ee;padding-top:15px}#hs-portal .completed-followups summary{font-weight:800;color:#153d58;cursor:pointer}#hs-portal .completed-followup{display:grid;gap:5px;padding:13px 4px;border-bottom:1px solid #e5edf3}#hs-portal .completed-followup span,#hs-portal .completed-followup small{color:#5c7083}
#hs-portal .payment-record{border-left:5px solid #cba55e}#hs-portal .account-grid .panel{border-top:3px solid #cba55e}
#hs-portal .v21-review{min-height:100vh;padding:clamp(28px,6vw,88px);background:radial-gradient(circle at 92% 5%,#216a77 0%,transparent 36%),linear-gradient(140deg,#071c32,#103651);color:#fff}#hs-portal .v21-review h1{font-size:clamp(34px,6vw,74px);letter-spacing:-.055em;line-height:1.05;margin:22px 0 12px}#hs-portal .v21-review>p{color:#d4e4ee;font-size:18px}#hs-portal .v21-kicker{color:#e7c987;letter-spacing:.17em;font-weight:800;font-size:12px}#hs-portal .v21-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1050px;margin:55px 0 35px}#hs-portal .v21-review-grid>div{border:1px solid #ffffff2e;border-radius:20px;padding:clamp(20px,3vw,35px);background:#ffffff10;backdrop-filter:blur(4px)}#hs-portal .v21-review-grid strong{color:#e9c981;font-size:15px}#hs-portal .v21-review-grid h2{font-size:25px;margin:16px 0 8px}#hs-portal .v21-review-grid p{color:#d2e1e9;line-height:1.6}#hs-portal .v21-safety{display:inline-block;border:1px solid #e4c17c66;background:#d5b36b16;border-radius:10px;padding:15px 18px;color:#f0dca9;font-size:13px;font-weight:700}
@media(max-width:700px){#hs-portal .v21-review-grid{grid-template-columns:1fr;margin-top:35px}#hs-portal .v21-review{padding:28px 18px}#hs-portal .payment-record .row{flex-wrap:wrap}#hs-portal .activity-content{min-width:0}#hs-portal .stats{gap:10px}}

/* V21: richer activity accents, without altering the premium page design */
.activity-content.activity-call{border-left-color:#0878b8;background:#eaf6ff}
.activity-content.activity-sms{border-left-color:#008c79;background:#e7f9f3}
.activity-content.activity-email{border-left-color:#6949ad;background:#f3edff}
.activity-content.activity-status{border-left-color:#b86b20;background:#fff3e4}
.activity-content.activity-note{border-left-color:#a88431;background:#fff9ea}
.activity-dot.activity-dot-call{background:#0878b8;border-color:#9dd5f3}
.activity-dot.activity-dot-sms{background:#008c79;border-color:#9bdfce}
.activity-dot.activity-dot-status{background:#b86b20;border-color:#e8c88c}
.activity-content strong{font-weight:750}

/* V21 follow-up detail panel + stronger premium accents */
#hs-portal{--hs-gold:#b98929;--hs-teal:#087a81;--hs-navy:#071d35}
#hs-portal .welcome{background:linear-gradient(112deg,#061b33 0%,#0b4265 65%,#087e83 100%);border-color:#0c7586}
#hs-portal .stat{border-top-color:#b98929}
#hs-portal .tasks-panel{border:1px solid #b9cbd8;box-shadow:0 10px 30px #092b4614}
#hs-portal .task-item{border-left:5px solid #087a98;background:#f0f9ff;border-radius:12px;padding:14px 16px;margin:10px 0}
#hs-portal .task-item:has(.task-details-trigger):hover{background:#e4f5ff}
#hs-portal .task-details-trigger{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;border:0;background:transparent;color:#082d4e;font:inherit;font-weight:850;font-size:16px;text-align:left;padding:3px 0;cursor:pointer}
#hs-portal .task-details-trigger:focus-visible{outline:3px solid #bc8b2b;outline-offset:4px;border-radius:4px}
#hs-portal .task-details-hint{font-size:12px;font-weight:750;color:#006b7b;text-decoration:underline;text-underline-offset:3px}
#hs-portal .task-count{background:#eaf3f9;border:1px solid #c4dbe9}
#hs-portal .task-count strong{color:#073c5a}
#hs-portal .activity-content.activity-call{background:#e3f3ff;border-left-color:#006da7}
#hs-portal .activity-content.activity-sms{background:#ddf8ed;border-left-color:#007c65}
#hs-portal .activity-content.activity-status{background:#fff0d5;border-left-color:#ad6815}
#hs-portal .activity-content.activity-note{background:#fff5d9;border-left-color:#a47718}
#hs-portal #portal-dialog{max-width:min(570px,calc(100vw - 26px));width:100%;border:1px solid #d3dfeb;border-top:6px solid #b98929;border-radius:18px;padding:clamp(18px,4vw,30px);box-shadow:0 24px 80px #061c3550}
#hs-portal #portal-dialog::backdrop{background:rgba(5,24,44,.7)}
#hs-portal .task-detail-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
#hs-portal .task-detail-heading h2{margin:4px 0 0;color:#0a2d49;font-size:24px}
#hs-portal .task-detail-icon{display:grid;place-items:center;width:48px;height:48px;background:#e4f5f5;color:#006b79;border-radius:13px;font-size:25px}
#hs-portal .task-detail-kicker{font-size:10px;letter-spacing:.1em;font-weight:850;color:#96671b}
#hs-portal .task-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#eef5f9;border:1px solid #d6e4ed;border-radius:12px;padding:16px;margin-bottom:16px}
#hs-portal .task-detail-grid>div{display:grid;gap:4px;min-width:0}
#hs-portal .task-detail-grid small{color:#476579;font-size:10px;font-weight:850;letter-spacing:.06em}
#hs-portal .task-detail-grid strong{color:#0b314f;overflow-wrap:anywhere}
#hs-portal .task-detail-note,#hs-portal .task-detail-draft{border-left:4px solid #b98929;background:#fff6df;border-radius:8px;padding:14px 16px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}
#hs-portal .task-detail-draft{border-left-color:#008575;background:#e6f8f1}
#hs-portal .task-detail-note p,#hs-portal .task-detail-draft p{margin:8px 0 0;line-height:1.55}
#hs-portal .task-detail-disclaimer{font-size:12px}
#hs-portal .task-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
#hs-portal .task-detail-actions button{flex:1 1 auto}
@media(max-width:450px){#hs-portal .task-detail-grid{grid-template-columns:1fr}#hs-portal .task-detail-actions button{flex:1 1 42%}}

/* V21.1 recruited referrer profile + flexible commercial terms */
#hs-portal .account-card{overflow:hidden}
#hs-portal .account-card>.row:first-child{align-items:flex-start}
#hs-portal .account-actions{margin-top:15px;padding-top:14px;border-top:1px solid #e0e8ef;flex-wrap:wrap}
#hs-portal .referrer-terms-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px;padding:13px;background:linear-gradient(135deg,#f8fbfd,#eef6f8);border:1px solid #d6e4e9;border-radius:13px}
#hs-portal .referrer-terms-summary span{display:grid;gap:3px;color:#526b7d;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.045em}
#hs-portal .referrer-terms-summary strong{color:#0a3552;font-size:17px;letter-spacing:0;text-transform:none}
#hs-portal .referrer-direct-summary{margin-top:16px;padding:12px 14px;background:#fff8e8;border:1px solid #ead8aa;border-left:4px solid #b98929;border-radius:11px;color:#6b552d}
#hs-portal .commercial-terms{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);gap:16px;align-items:stretch;padding:18px;background:linear-gradient(135deg,#071f39,#0b4e68);border:1px solid #176b7e;border-radius:16px;color:#fff;box-shadow:0 10px 28px #082b471e}
#hs-portal .commercial-terms label{color:#fff;font-weight:700}
#hs-portal .commercial-terms input{background:#fff;color:#112f48;border-color:#c8d9e4}
#hs-portal .commercial-kicker{display:block;color:#e7ca85;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:8px}
#hs-portal .commercial-result{display:flex;flex-direction:column;justify-content:center;padding:15px 17px;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px}
#hs-portal .commercial-result span{color:#d8e7ee;font-size:12px;font-weight:750}
#hs-portal .commercial-result strong{font-size:clamp(25px,4vw,34px);color:#f0d18b;margin:5px 0}
#hs-portal .commercial-result small{color:#c8dce6}
#hs-portal .commercial-terms.direct{display:flex;flex-direction:column;gap:3px;background:linear-gradient(135deg,#fff9e9,#f5e7bd);border-color:#e0c477;color:#563f16;box-shadow:none}
#hs-portal .commercial-terms.direct .commercial-kicker{color:#8a641b;margin:0}
#hs-portal .commercial-terms.direct strong{font-size:27px;color:#0a3552}
#hs-portal .commercial-terms.direct small{color:#6d624b}
@media(max-width:650px){#hs-portal .referrer-terms-summary{grid-template-columns:1fr 1fr}#hs-portal .referrer-terms-summary span:last-child{grid-column:1/-1}#hs-portal .commercial-terms{grid-template-columns:1fr}#hs-portal .account-actions button{flex:1 1 100%}}