*{box-sizing:border-box}body.portal-bg{margin:0;background:#f1f5fb;color:#18253d;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.portal-shell{max-width:1040px;margin:auto;padding:20px}.portal-header{display:flex;align-items:center;justify-content:space-between;padding:15px 4px 25px}.portal-logo{font-size:27px;font-weight:900;letter-spacing:-1px}.portal-logo span{color:#3677ec}.portal-header a{color:#2459b5;text-decoration:none}.portal-card,.portal-login{background:#fff;border-radius:18px;box-shadow:0 6px 35px #152d5b12;padding:26px;margin-bottom:20px}.portal-card h2{margin-top:0}.portal-item{border-top:1px solid #e7ecf4;padding:16px 0}.portal-item p{color:#52627c}.portal-pill{display:inline-block;background:#e7f0ff;border-radius:100px;padding:3px 12px;font-size:13px;color:#1c58a8}.portal-pay{padding:15px;background:#f1f6ff;border-radius:12px;margin-top:15px}.portal-login{max-width:440px;margin:10vh auto;padding:38px}.portal-login h1{font-size:27px;margin-bottom:4px}.portal-sub{color:#52627c}label{display:block;font-weight:600;margin:14px 0 5px}input,textarea,select{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}textarea{min-height:75px}button{background:#2466d8;color:#fff;border:0;border-radius:9px;padding:11px 18px;font:inherit;cursor:pointer;margin-top:12px}button:hover{background:#174da8}.portal-login button{width:100%}.portal-login small{display:block;color:#64748b;margin-top:20px}.portal-alert{background:#e8f1ff;border:1px solid #bdd3fa;border-radius:10px;padding:12px;margin:15px 0}a{color:#2459b5}@media(max-width:600px){.portal-login{margin:24px 12px}.portal-shell{padding:12px}.portal-card{padding:18px}}/* Tryckio modern customer experience — V3.6.32 */
:root{--ink:#18253d;--muted:#718096;--line:#e8edf5;--accent:#4768ef;--nav:#111d32;--surface:#fff}
html{scroll-behavior:smooth}body.portal-bg{background:#f5f7fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}body.portal-bg a{transition:color .18s ease,background .18s ease,transform .18s ease}body.portal-bg button{font-weight:650;transition:background .2s ease,transform .2s ease}body.portal-bg button:hover{transform:translateY(-1px)}body.portal-bg input:focus,body.portal-bg textarea:focus,body.portal-bg select:focus{outline:3px solid #b9c7ff;border-color:#6479e7}body.portal-bg :focus-visible{outline:3px solid #8094ff;outline-offset:3px}
.portal-layout{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.portal-sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#eaf0ff;padding:30px 18px 22px;display:flex;flex-direction:column}.portal-brand{display:flex;gap:12px;align-items:center;padding:2px 12px 48px;color:#fff!important;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.9px;line-height:1.1}.portal-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#7c83ff,#4c5edc);box-shadow:0 5px 15px #111a4888;font-size:21px}.portal-brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:2px;font-weight:650;color:#8e9cb8}.brand-dot{color:#8294ff}.portal-nav-label{padding:0 13px 12px;color:#8290ab;font-size:10px;letter-spacing:1.7px;font-weight:800}.portal-nav{display:grid;gap:5px}.portal-nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;color:#aebbd0;text-decoration:none;border-radius:10px;font-size:13px;font-weight:570}.portal-nav a:hover,.portal-nav a.active{color:#fff;background:#253653}.portal-nav a.active{box-shadow:inset 3px 0 #7d90ff}.nav-icon{font-size:19px;width:20px;text-align:center;font-weight:500}.nav-count{margin-left:auto;background:#5667e9;color:white;border-radius:20px;min-width:20px;text-align:center;font-size:11px}.portal-sidebar-bottom{margin-top:auto}.sidebar-help{padding:17px;background:#1d2b45;border:1px solid #33425e;border-radius:14px}.sidebar-help strong{font-size:13px}.sidebar-help p{font-size:12px;color:#a9b6cd;margin:8px 0}.sidebar-help a{color:#aebcff;font-weight:700;font-size:12px;text-decoration:none}.portal-logout{display:block;color:#b6c3d8!important;padding:23px 13px 3px;text-decoration:none;font-weight:650}.portal-content{min-width:0}.portal-topbar{height:78px;padding:0 clamp(20px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.portal-breadcrumb{color:#9aa6ba;font-size:13px}.portal-breadcrumb span{margin:0 11px;color:#c7cfdd}.portal-breadcrumb strong{color:#33415b}.portal-top-actions{display:flex;align-items:center;gap:22px}.portal-top-link{font-size:12px;font-weight:700;text-decoration:none}.portal-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e8eaff;color:#4953c2;font-size:15px;font-weight:800}.portal-main{max-width:1200px;margin:0 auto;padding:43px clamp(20px,4vw,58px) 65px}.portal-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.portal-eyebrow{color:#7789a9;font-size:10px;font-weight:800;letter-spacing:1.65px}.portal-welcome h1{font-size:clamp(27px,3vw,35px);letter-spacing:-1.25px;line-height:1.2;margin:10px 0}.portal-welcome h1 span{font-size:.7em}.portal-welcome p{color:#7a879c;margin:0}.portal-secondary-link{border:1px solid #dfe6f0;border-radius:10px;background:white;color:#394a68;text-decoration:none;padding:11px 15px;font-weight:750;white-space:nowrap}.portal-secondary-link:hover{background:#eef2ff}.portal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 39px}.portal-stat{display:flex;align-items:center;gap:17px;background:#fff;border:1px solid #e8edf5;border-radius:17px;padding:23px;box-shadow:0 5px 18px #22324e06}.stat-icon{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border-radius:13px;font-size:23px;font-weight:700}.stat-icon.blue{background:#eaf0ff;color:#4868e8}.stat-icon.green{background:#e8f8f1;color:#20936d}.stat-icon.violet{background:#f0ebff;color:#8a63dc}.portal-stat span,.portal-stat small{display:block;color:#7a879b;font-size:12px}.portal-stat strong{display:block;font-size:29px;line-height:1.3;letter-spacing:-1px}.portal-stat small{font-size:11px}.portal-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px}.portal-section-heading h2{font-size:21px;letter-spacing:-.5px;margin:4px 0 0}.portal-section-heading a{font-size:12px;text-decoration:none;font-weight:700}.portal-dashboard .portal-card{border:1px solid #e7ecf4;border-radius:17px;box-shadow:0 6px 26px #22324e08;padding:26px 28px;margin-bottom:19px}.portal-dashboard .portal-card h2{font-size:18px;letter-spacing:-.45px;margin:4px 0 0}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-count{background:#f0f3f9;border-radius:30px;padding:5px 12px;color:#677892;font-size:12px;font-weight:750}.portal-dashboard .portal-item{display:flex;flex-direction:column;gap:7px;padding:20px 0}.portal-dashboard .portal-item:first-of-type{border-top:1px solid #edf0f6}.portal-dashboard .portal-item strong{font-size:15px}.portal-dashboard .portal-item p{margin:3px 0;color:#64748b}.portal-dashboard .portal-item small{color:#8c99ad}.portal-dashboard .portal-pill{background:#edf3ff;color:#4964c2;font-weight:700;font-size:11px;vertical-align:middle}.portal-dashboard .portal-pay{background:#f6f8ff;border:1px solid #e6ebff;padding:18px;border-radius:13px}.portal-dashboard form{max-width:600px}.portal-dashboard label{font-size:12px;color:#52617a}.portal-dashboard button{background:#4966e9;border-radius:9px;padding:11px 16px;font-size:13px}.portal-dashboard button:hover{background:#344ecb}.portal-dashboard textarea{background:#fbfcff}.portal-footer{padding:0 30px 25px;text-align:center;color:#9aa5b6;font-size:11px}
@media(max-width:1050px){.portal-layout{grid-template-columns:210px minmax(0,1fr)}.portal-sidebar{padding:26px 12px}.portal-stats{gap:10px}.portal-stat{padding:17px;gap:11px}.stat-icon{width:40px;height:40px}}
@media(max-width:760px){.portal-layout{display:block}.portal-sidebar{position:static;height:auto;padding:14px 16px}.portal-brand{padding:0 4px 15px;font-size:18px}.portal-brand-mark{width:34px;height:34px}.portal-nav-label,.portal-sidebar-bottom{display:none}.portal-nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:thin}.portal-nav a{white-space:nowrap;font-size:12px;padding:10px 12px}.nav-icon{font-size:15px;width:auto}.portal-topbar{height:58px;padding:0 19px}.portal-main{padding:27px 17px 42px}.portal-welcome{align-items:flex-start}.portal-secondary-link{display:none}.portal-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px}.portal-stat:last-child{grid-column:span 2}.portal-stat{padding:17px}.portal-dashboard .portal-card{padding:19px}.portal-section-heading a{display:none}}
@media(max-width:390px){.portal-stats{grid-template-columns:1fr}.portal-stat:last-child{grid-column:auto}.portal-welcome h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.portal-bg a,body.portal-bg button{transition:none}}

/* V3.6.34: coherent services page */
.portal-extra .extra-quicknav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 26px}.portal-extra .extra-quicknav a{display:inline-flex;align-items:center;padding:10px 15px;background:#fff;border:1px solid #e1e7f2;border-radius:11px;text-decoration:none;color:#445573;font-size:12px;font-weight:750}.portal-extra .extra-quicknav a:hover{background:#eef2ff;color:#394cc4}.portal-extra .portal-card{scroll-margin-top:24px}.portal-extra .portal-item{display:block}.portal-extra .portal-item>strong{display:inline-block;margin-bottom:4px}.portal-extra .portal-item form{margin-top:12px}.portal-extra .portal-item form button{margin-right:8px}.portal-extra .portal-card>form{max-width:650px}.portal-extra .portal-card>form label{margin-top:13px}.portal-extra .portal-card h3{font-size:14px;margin:22px 0 8px}.portal-extra .portal-card h3+p{color:#63718a;line-height:1.8}.portal-extra .portal-item small{display:block;margin:5px 0;color:#8390a5}.portal-extra .portal-item a{display:inline-block;margin:8px 0}.portal-extra .portal-card .card-heading{margin-bottom:16px}.portal-extra .portal-card .card-heading h2{margin:4px 0}.portal-extra .portal-card button{max-width:100%}@media(max-width:760px){.portal-extra .extra-quicknav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.portal-extra .extra-quicknav a{white-space:nowrap}.portal-extra .portal-card{scroll-margin-top:15px}}
/* V3.6.35 – dedicated customer portal pages */
.portal-pages .portal-main{max-width:1220px}.portal-pages .portal-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.portal-pages .portal-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px;white-space:nowrap}.portal-pages .portal-item-meta strong{font-size:18px}.portal-pages .portal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}.portal-pages .portal-actions .portal-secondary-link{font-size:12px;padding:9px 13px}.portal-pages .portal-empty{padding:38px 20px;text-align:center;color:#78869d;background:#f8faff;border:1px dashed #dce4f2;border-radius:14px}.portal-pages .portal-info{background:#f1f5ff;border:1px solid #dce6ff;border-radius:12px;padding:16px 18px;color:#425779;margin:16px 0 22px}.portal-pages .portal-error{background:#fff1f0;border-color:#f2c5c2;color:#a92d2d}.portal-pages .portal-two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:20px;align-items:start}.portal-pages .portal-two-col .portal-card{margin-bottom:0}.portal-pages .portal-tip{background:#fbfcff}.portal-pages .portal-step{display:flex;align-items:flex-start;gap:15px;padding:18px 0;border-bottom:1px solid #e8edf5}.portal-pages .portal-step>b{background:#e9edff;color:#485fce;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;flex-shrink:0}.portal-pages .portal-step p{margin:5px 0;color:#75839b}.portal-pages .portal-card input[type=file]{padding:18px;background:#f9faff;border:1px dashed #c7d2e8}.portal-pages .portal-card form>small{display:block;margin-top:8px;color:#74839a}.portal-pages .portal-card textarea{min-height:145px}.portal-pages .portal-card a:not(.portal-secondary-link){font-weight:650}.portal-pages .portal-card .portal-item{gap:12px}.portal-pages .portal-card form button{margin-top:16px}@media(max-width:950px){.portal-pages .portal-two-col{grid-template-columns:1fr}}@media(max-width:560px){.portal-pages .portal-item-row{flex-direction:column;gap:10px}.portal-pages .portal-item-meta{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.portal-pages .portal-card{padding:19px}.portal-pages .portal-actions .portal-secondary-link{white-space:normal}}
