/* UniversalScout Networkship v1.2.0 — dashboard UI */
.usn-shell{--bg:#06121c;--panel:#0a1a27;--panel2:#0d2030;--text:#f7f8fb;--muted:#aab9c7;--accent:#ee2b83;--blue:#2aa7ff;--purple:#a86cff;--green:#32c88a;position:relative;z-index:0;width:100%;max-width:none;min-height:100vh;margin:0;padding:20px;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax);}
.usn-shell *{box-sizing:border-box}.usn-shell a{text-decoration:none}.usn-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 260px;gap:8px;align-items:stretch}.usn-sidebar,.usn-rightbar{position:sticky;top:20px}
.usn-sidebar{min-height:760px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#071622;padding:16px 10px;display:flex;flex-direction:column}.usn-sidebar-brand{display:flex;gap:9px;align-items:center;padding:7px 6px 17px;border-bottom:1px solid rgba(255,255,255,.07)}.usn-brand-mark{width:31px;height:31px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:15px}.usn-sidebar-brand strong{display:block;font-size:12px;letter-spacing:.12em}.usn-sidebar-brand small{display:block;color:#8093a5;font-size:9px;margin-top:2px}
.usn-nav{padding-top:11px}.usn-nav a{display:flex;align-items:center;gap:10px;padding:11px 9px;border-radius:7px;color:#d8e0e7;font-size:12px;margin:2px 0}.usn-nav a span{width:18px;text-align:center;color:#a8b6c4}.usn-nav a:hover,.usn-nav a.is-active{background:linear-gradient(90deg,rgba(238,43,131,.26),rgba(238,43,131,.06));color:#fff}.usn-nav a.is-active{border-left:2px solid var(--accent)}
.usn-sidebar-callout{margin-top:auto;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0a1723;text-align:center}.usn-callout-image{height:105px;border-radius:6px;margin-bottom:9px;background:linear-gradient(180deg,rgba(9,22,33,.1),#09151f),radial-gradient(circle at 50% 10%,#d29c58,transparent 25%),linear-gradient(135deg,#142c36,#503526 65%,#151c24)}.usn-sidebar-callout strong,.usn-sidebar-callout span{display:block}.usn-sidebar-callout strong{font-size:12px;line-height:1.4}.usn-sidebar-callout span{font-size:10px;color:#a9b7c3;margin:2px 0 10px}
.usn-main{min-width:0}.usn-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:142px;padding:30px 42px;border:1px solid rgba(238,43,131,.28);border-radius:12px;background:radial-gradient(circle at 82% 25%,rgba(238,43,131,.12),transparent 26%),linear-gradient(120deg,#091b29,#07121d 65%,#141329)}.usn-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,18,28,.96),rgba(6,18,28,.7) 55%,rgba(6,18,28,.15));pointer-events:none}.usn-hero-content,.usn-hero-mark{position:relative;z-index:1}.usn-kicker,.usn-eyebrow{display:block;color:#f04b98;font-weight:800;font-size:9px;letter-spacing:.16em;margin-bottom:7px}.usn-hero h1{margin:0 0 8px;font-size:30px;line-height:1.08;letter-spacing:-.03em}.usn-hero p{margin:0;max-width:650px;color:#c7d3dc;font-size:12px;line-height:1.55}.usn-hero-mark{font-size:50px;color:rgba(238,43,131,.62);padding-right:25px;transform:rotate(15deg)}
.usn-profile{margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 21px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:linear-gradient(110deg,#0b1d2a,#091622)}.usn-profile-main{display:flex;align-items:center;gap:12px}.usn-profile-main .usn-avatar-img{border-radius:50%;display:block}.usn-profile h2{margin:0 0 3px;font-size:17px}.usn-profile p{margin:0;color:#aab8c5;font-size:10px}.usn-verified{display:inline-grid;place-items:center;width:13px;height:13px;border-radius:50%;background:var(--accent);font-size:8px}.usn-stats{display:flex;gap:28px}.usn-stats div{text-align:right}.usn-stats strong{display:block;font-size:23px}.usn-stats span{display:block;color:#aab8c5;font-size:9px;margin-top:2px}
.usn-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}.usn-action-card{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:#091a27;min-height:151px}.usn-action-icon{display:block;font-size:19px;color:#a96cff;margin-bottom:8px}.usn-action-card h3{font-size:13px;margin:0 0 7px}.usn-action-card p{color:#aab8c5;font-size:10px;line-height:1.55;min-height:47px;margin:0 0 10px}
.usn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:5px;padding:8px 11px;background:var(--accent);color:#fff!important;font-weight:800;font-size:9px;cursor:pointer}.usn-btn b{font-size:14px;line-height:0}.usn-btn-ghost{background:#0b1c29;border:1px solid rgba(255,255,255,.09)}.usn-btn.copied{background:var(--green)}
.usn-data-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:9px;margin-top:10px}.usn-card{border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#091a27;padding:17px}.usn-card-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.usn-card h2{margin:0;font-size:14px}.usn-mini-label,.usn-count{font-size:9px;color:#aab8c5;padding:5px 7px;border:1px solid rgba(255,255,255,.09);border-radius:5px}
.usn-map{position:relative;height:235px;margin-top:5px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(238,43,131,.06),transparent 26%),linear-gradient(135deg,#081725,#07121d)}.usn-map svg{width:100%;height:100%}.usn-map-line{stroke:rgba(42,167,255,.48);stroke-width:.45}.usn-map-node{fill:#0b1b28;stroke:#49b5ff;stroke-width:.8}.usn-map-core{fill:#0d1722;stroke:var(--accent);stroke-width:1.2}.usn-map-core-text{fill:#fff;font-size:2.7px;font-weight:800;letter-spacing:.05em}.usn-map-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#8293a2;font-size:10px;padding:25px}.usn-legend{display:flex;gap:15px;flex-wrap:wrap;margin-top:9px;color:#9eafbd;font-size:8px}.usn-legend i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.usn-legend .direct{background:var(--accent)}.usn-legend .level{background:var(--blue)}.usn-legend .inactive{background:#697582}
.usn-activity-list{margin-top:4px}.usn-activity{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.usn-activity:last-child{border-bottom:0}.usn-activity .usn-avatar-img{border-radius:50%;flex:0 0 auto}.usn-activity div{min-width:0;flex:1}.usn-activity strong,.usn-activity span,.usn-activity small{display:block}.usn-activity strong{font-size:10px}.usn-activity span{font-size:9px;color:#aab8c5;margin-top:2px}.usn-activity small{font-size:8px;color:#6f8292;margin-top:2px}.usn-chevron{color:#8293a2!important;font-size:16px!important}.usn-soft-empty{display:flex;flex-direction:column;gap:5px;padding:40px 10px;text-align:center;color:#8092a2;font-size:10px}.usn-soft-empty strong{color:#dbe3e9}
.usn-journey-card{margin-top:9px;display:grid;grid-template-columns:180px 1fr;align-items:center;gap:20px}.usn-journey-title h2{font-size:16px}.usn-journey-title>span{font-size:9px;color:#aab8c5}.usn-progress{height:7px;background:#182c3b;border-radius:99px;overflow:hidden}.usn-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#a95cf6)}.usn-progress-meta{display:flex;justify-content:space-between;color:#8092a2;font-size:8px;margin-top:6px}
.usn-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.usn-achievement-list{margin-top:3px}.usn-achievement{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);opacity:.55}.usn-achievement:last-child{border-bottom:0}.usn-achievement.is-done{opacity:1}.usn-achievement-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#101e2c;color:#a96cff}.usn-achievement div{flex:1}.usn-achievement strong,.usn-achievement span{display:block}.usn-achievement strong{font-size:10px}.usn-achievement span{font-size:8px;color:#94a6b4;margin-top:2px}.usn-achievement>b{font-size:11px;color:var(--green)}
.usn-insights{display:grid;gap:8px;margin-top:4px}.usn-insights div{padding:12px;border-radius:7px;background:#0c1e2c}.usn-insights b{font-size:20px;color:#fff;display:block}.usn-insights span{display:block;color:#96a8b6;font-size:9px;margin-top:2px}
.usn-link-card{margin-top:9px;display:flex;align-items:center;gap:20px}.usn-link-title{flex:1}.usn-link-title p{font-size:9px;color:#94a6b4;margin:4px 0 0}.usn-link-box{display:flex;background:#06121c;border:1px solid rgba(255,255,255,.09);border-radius:6px;overflow:hidden;min-width:330px}.usn-link-box input{min-width:0;flex:1;background:transparent;border:0;outline:0;padding:10px;color:#dce5ed;font-size:9px}.usn-link-box button{border:0;padding:0 13px}.usn-note{display:block;color:#6f8292;font-size:8px;margin-top:8px}
.usn-principles{display:flex;justify-content:space-between;gap:8px;padding:12px 4px;color:#93a5b4;font-size:8px}.usn-principles span{flex:1}.usn-principles span:first-letter{color:var(--accent)}
.usn-feature-list{padding:17px 14px}.usn-feature-list>a{display:flex;gap:10px;padding:9px 0;color:#dbe3e9;border-bottom:1px solid rgba(255,255,255,.05)}.usn-feature-list>a:last-child{border-bottom:0}.usn-feature-list>a>b{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;background:#101e2c;color:#d79bff;font-size:13px}.usn-feature-list>a span{font-size:9px;line-height:1.35;color:#91a3b1}.usn-feature-list>a strong{display:block;color:#f2f5f7;font-size:10px;margin-bottom:2px}.usn-principle-card{margin-top:9px;overflow:hidden;padding-bottom:0}.usn-principle-card p{font-size:9px;color:#b0bec9;margin:10px 0}.usn-mountain{height:120px;margin:15px -17px 0;background:linear-gradient(160deg,transparent 45%,#111e2a 46% 56%,transparent 57%),linear-gradient(25deg,transparent 42%,#17283a 43% 58%,transparent 59%),linear-gradient(180deg,transparent,#0a1621)}
.usn-login-card{text-align:center;padding:50px 25px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#091a27}.usn-login-card h2{margin:0 0 7px}.usn-login-card p{color:#aab8c5;font-size:11px;margin:0 auto 16px;max-width:500px}.usn-icon{font-size:26px;margin-bottom:10px}
@media(max-width:1100px){.usn-layout{grid-template-columns:170px minmax(0,1fr)}.usn-rightbar{display:none}.usn-stats{gap:16px}.usn-action-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.usn-shell{padding:0 7px}.usn-layout{display:block}.usn-sidebar{position:relative;min-height:0;margin-bottom:8px;padding:8px;display:block}.usn-sidebar-brand{border:0;padding:5px}.usn-nav{display:flex;overflow:auto;gap:3px;padding:4px 0}.usn-nav a{white-space:nowrap;padding:8px}.usn-sidebar-callout{display:none}.usn-hero{min-height:180px;padding:25px 20px}.usn-hero h1{font-size:25px}.usn-hero-mark{display:none}.usn-profile{align-items:flex-start;flex-direction:column}.usn-stats{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.usn-stats div{text-align:left}.usn-action-grid,.usn-data-grid,.usn-bottom-grid{grid-template-columns:1fr}.usn-journey-card{display:block}.usn-progress{margin-top:14px}.usn-link-card{display:block}.usn-link-box{min-width:0;margin-top:12px}.usn-principles{display:grid;grid-template-columns:1fr 1fr}.usn-map{height:210px}}

.usn-layout.usn-hide-sidebar{grid-template-columns:minmax(0,1fr) 260px}.usn-layout.usn-hide-sidebar .usn-sidebar{display:none}.usn-layout.usn-hide-rightbar{grid-template-columns:190px minmax(0,1fr)}.usn-layout.usn-hide-rightbar .usn-rightbar{display:none}.usn-layout.usn-hide-sidebar.usn-hide-rightbar{grid-template-columns:minmax(0,1fr)}

/* Elementor layout toggles */
.usn-layout.usn-hide-sidebar{grid-template-columns:minmax(0,1fr) 260px}.usn-layout.usn-hide-sidebar .usn-sidebar{display:none}.usn-layout.usn-hide-rightbar{grid-template-columns:190px minmax(0,1fr)}.usn-layout.usn-hide-rightbar .usn-rightbar{display:none}.usn-layout.usn-hide-sidebar.usn-hide-rightbar{grid-template-columns:minmax(0,1fr)}

/* v1.3.2 cohesive dark canvas */
.usn-layout{background:var(--bg)}
.usn-sidebar,.usn-rightbar{height:100%}
.usn-sidebar,.usn-rightbar,.usn-main{min-width:0}
.usn-card,.usn-action-card,.usn-profile,.usn-hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
@media(max-width:1100px){.usn-shell{padding:14px}}
@media(max-width:760px){.usn-shell{padding:8px}}

/* v1.4.0 — real member authentication */
.usn-auth-shell{min-height:560px;padding:28px}
.usn-auth-wrap{max-width:980px;margin:0 auto}
.usn-auth-hero{padding:42px 42px 28px;text-align:center}
.usn-auth-hero h1{margin:10px 0 10px}
.usn-auth-hero p{max-width:680px;margin:0 auto;color:#a9b8c9}
.usn-auth-card{max-width:560px;margin:0 auto;padding:26px;background:linear-gradient(145deg,#0b1a27,#111323);border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.usn-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:#07121c;border-radius:12px;margin-bottom:24px}
.usn-auth-tabs a{padding:12px;text-align:center;color:#9eacbb;text-decoration:none;border-radius:9px;font-weight:700}
.usn-auth-tabs a.is-active{background:var(--accent,#ee2b83);color:#fff}
.usn-auth-heading{text-align:center;margin-bottom:22px}
.usn-auth-heading .usn-action-icon{display:inline-grid;place-items:center;margin-bottom:8px}
.usn-auth-heading h2{margin:0 0 7px;color:#fff}
.usn-auth-heading p{margin:0;color:#9eacbb}
.usn-auth-form{display:grid;gap:14px}
.usn-auth-form label{display:grid;gap:7px;color:#d9e1e9;font-size:13px;font-weight:700}
.usn-auth-form input[type=text],.usn-auth-form input[type=email],.usn-auth-form input[type=password]{width:100%;box-sizing:border-box;padding:12px 13px;background:#07131e;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;outline:none}
.usn-auth-form input:focus{border-color:var(--accent,#ee2b83);box-shadow:0 0 0 2px rgba(238,43,131,.12)}
.usn-auth-form .usn-check{display:flex;grid-template-columns:none;align-items:center;gap:8px;font-weight:500;color:#9eacbb}
.usn-auth-form .usn-check input{width:auto}
.usn-auth-submit{width:100%;justify-content:center;margin-top:4px}
.usn-auth-notice{padding:12px 14px;border-radius:9px;margin-bottom:16px;font-size:13px}
.usn-auth-notice.is-error{background:rgba(255,70,100,.1);border:1px solid rgba(255,70,100,.28);color:#ffb6c1}
.usn-ref-notice{padding:11px 13px;background:rgba(238,43,131,.07);border:1px solid rgba(238,43,131,.18);border-radius:9px;color:#c9d3de;font-size:12px;line-height:1.5}
.usn-auth-foot{text-align:center;margin-top:18px;color:#8999a9;font-size:13px}
.usn-auth-foot a{color:var(--accent,#ee2b83);font-weight:700}
.usn-auth-principles{display:grid;gap:7px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);color:#8999a9;font-size:11px}
.usn-logout{display:inline-block;margin-top:5px;color:#8f9dad;font-size:11px;text-decoration:none}
.usn-logout:hover{color:var(--accent,#ee2b83)}
@media(max-width:700px){
 .usn-auth-shell{padding:14px}
 .usn-auth-hero{padding:28px 12px 18px}
 .usn-auth-hero h1{font-size:28px}
 .usn-auth-card{padding:18px}
}

/* v1.4.2 toolbar fallback */
body.page-slug-networkship #wpadminbar{display:none!important}
body.page-slug-networkship{margin-top:0!important}

/* v1.6.0 — contributions */
.usn-contribution-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.usn-contribution-form{display:grid;gap:12px}
.usn-contribution-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#d8e2ec}
.usn-contribution-form input,.usn-contribution-form select,.usn-contribution-form textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#071722;color:#eef5fb;border-radius:9px;padding:10px 11px;font:inherit;font-weight:400}
.usn-contribution-form textarea{resize:vertical;min-height:95px}
.usn-form-notice{padding:10px 12px;border-radius:9px;font-size:12px;margin-bottom:12px}
.usn-form-notice.is-success{background:rgba(0,190,130,.10);border:1px solid rgba(0,190,130,.25);color:#9ff1d1}
.usn-form-notice.is-error{background:rgba(255,40,120,.10);border:1px solid rgba(255,40,120,.25);color:#ffb4d2}
.usn-contribution-list{display:grid;gap:8px}
.usn-contribution-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.02)}
.usn-contribution-item>div{display:grid;gap:2px;min-width:0;flex:1}
.usn-contribution-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.usn-contribution-item span{font-size:11px;color:#8eb0c7}
.usn-contribution-item small{font-size:10px;color:#657d8d}
.usn-contribution-item>b{color:#59d5a5}
.usn-contribution-icon{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;color:#ff2c91!important;background:rgba(255,44,145,.08);font-size:14px!important}
@media(max-width:900px){.usn-contribution-grid{grid-template-columns:1fr}}

.usn-label-soft{font-weight:400;color:#71889a}
.usn-verify-form{display:grid;gap:5px;min-width:190px}
.usn-verify-form select,.usn-verify-form textarea{font-size:11px;max-width:220px}
.usn-verify-form textarea{resize:vertical}

/* Networkship 1.7.0 — values, guided fields, and positive action prompt */
.usn-provocation{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:center;margin:18px 0;padding:24px;background:linear-gradient(135deg,#10151f,#1c1320);color:#fff;border:1px solid rgba(255,255,255,.08);overflow:hidden;position:relative}
.usn-provocation:after{content:'✦';position:absolute;right:8%;top:-20px;font-size:130px;opacity:.05}
.usn-provocation h2{margin:7px 0 8px;color:#fff;font-size:25px}.usn-provocation p{margin:0;color:#cbd3dc;line-height:1.6}.usn-provocation-action{display:flex;flex-direction:column;gap:13px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.04)}.usn-provocation-action strong{line-height:1.5}.usn-provocation .usn-btn{align-self:flex-start}
.usn-field-help{display:block;color:#788796;font-size:11px;line-height:1.45;margin:4px 0 7px}.usn-values-field{border:0;padding:0;margin:0 0 12px}.usn-values-field legend{font-weight:700;font-size:14px}.usn-value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.usn-value-option{border:1px solid #e1e6eb;border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:4px;cursor:pointer;background:#fff}.usn-value-option input{position:absolute;opacity:0}.usn-value-option:has(input:checked){border-color:var(--accent,#ee2b83);box-shadow:0 0 0 2px rgba(238,43,131,.12)}.usn-value-option span{font-size:22px}.usn-value-option strong{font-size:12px}.usn-value-option em{font-size:10px;line-height:1.35;color:#74818d;font-style:normal}.usn-secondary-values{margin-top:10px;padding:11px;border-radius:10px;background:#f7f8fa}.usn-secondary-values strong{display:block;font-size:12px;margin-bottom:7px}.usn-secondary-values label{display:inline-block;margin:4px 12px 4px 0;font-size:11px}.usn-impact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usn-impact-row label{margin:0}
@media(max-width:800px){.usn-provocation{grid-template-columns:1fr}.usn-value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.usn-value-grid{grid-template-columns:1fr}.usn-impact-row{grid-template-columns:1fr}}

/* Networkship 1.7.0 — Values & Action Journey */
.usn-action-prompt{display:flex;align-items:center;gap:20px;padding:24px 26px;margin:18px 0;background:linear-gradient(135deg,#101a28,#17283a);color:#fff;border:1px solid rgba(255,255,255,.08)}
.usn-prompt-icon{font-size:34px;line-height:1}.usn-prompt-copy h2{margin:4px 0 5px;color:#fff;font-size:24px}.usn-prompt-copy p{margin:0 0 14px;color:#cbd6e2;max-width:760px}.usn-prompt-copy .usn-btn{display:inline-flex}
.usn-values-card{margin-top:18px}.usn-values-intro{margin:0 0 16px;color:#667585}.usn-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usn-value-item{padding:14px;border:1px solid #e5e9ee;border-radius:13px;background:#fafbfc}.usn-value-top{display:flex;align-items:center;gap:10px}.usn-value-icon{font-size:22px}.usn-value-top div{flex:1}.usn-value-top strong{display:block;font-size:12px;letter-spacing:.05em}.usn-value-top span{display:block;font-size:12px;color:#687787}.usn-value-top>b{font-size:20px}.usn-value-bar{height:5px;background:#e8edf2;border-radius:99px;margin:10px 0 8px;overflow:hidden}.usn-value-bar i{display:block;height:100%;background:currentColor;border-radius:99px}.usn-value-item small{display:block;color:#748291;line-height:1.45}
.usn-field-help{display:block;color:#718090;font-size:11px;line-height:1.45;margin:3px 0 7px}.usn-value-fieldset{border:0;padding:0;margin:0 0 16px}.usn-value-fieldset legend{padding:0;margin:0}.usn-value-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px}.usn-value-choice{position:relative;display:block}.usn-value-choice input{position:absolute;opacity:0;pointer-events:none}.usn-value-choice span{display:block;border:1px solid #dfe5eb;border-radius:11px;padding:10px;cursor:pointer;background:#fff;min-height:58px}.usn-value-choice span small{display:block;color:#738190;font-size:10px;margin-top:3px}.usn-value-choice input:checked+span{border-color:#17283a;box-shadow:0 0 0 2px rgba(23,40,58,.08);background:#f5f8fb}.usn-value-choices.secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.usn-value-choices.secondary .usn-value-choice span{min-height:auto}.usn-impact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.usn-impact-row label{min-width:0}
@media(max-width:900px){.usn-values-grid,.usn-value-choices,.usn-value-choices.secondary{grid-template-columns:1fr 1fr}.usn-action-prompt{align-items:flex-start}}
@media(max-width:560px){.usn-values-grid,.usn-value-choices,.usn-value-choices.secondary,.usn-impact-row{grid-template-columns:1fr}.usn-action-prompt{padding:20px}.usn-prompt-copy h2{font-size:20px}}

/* UniversalScout Networkship v1.7.1 — visual polish */
.usn-dashboard{
  --accent:#ff3d91;
  --accent2:#8b6cff;
  --cyan:#35c8ff;
  background:
    radial-gradient(900px 420px at 78% -8%,rgba(255,61,145,.10),transparent 60%),
    radial-gradient(700px 380px at 8% 24%,rgba(53,200,255,.06),transparent 62%),
    #06121c;
}
.usn-dashboard .usn-layout{gap:12px}
.usn-dashboard .usn-sidebar,
.usn-dashboard .usn-rightbar,
.usn-dashboard .usn-card,
.usn-dashboard .usn-action-card,
.usn-dashboard .usn-profile{
  border-color:rgba(255,255,255,.09);
  box-shadow:0 14px 40px rgba(0,0,0,.16);
}
.usn-dashboard .usn-hero{
  min-height:205px;
  padding:38px 44px;
  border-radius:18px;
  border-color:rgba(255,61,145,.34);
  background:
    radial-gradient(circle at 82% 30%,rgba(255,61,145,.18),transparent 25%),
    radial-gradient(circle at 65% 90%,rgba(53,200,255,.08),transparent 28%),
    linear-gradient(120deg,#091d2b,#07121d 62%,#15112a);
}
.usn-dashboard .usn-hero h1{
  font-size:clamp(30px,3.2vw,44px);
  max-width:760px;
  text-shadow:0 8px 35px rgba(0,0,0,.35);
}
.usn-dashboard .usn-hero p{font-size:13px;max-width:720px}
.usn-dashboard .usn-hero-mark{
  font-size:78px;
  filter:drop-shadow(0 0 24px rgba(255,61,145,.24));
}
.usn-dashboard .usn-profile{
  margin-top:12px;
  padding:19px 22px;
  border-radius:15px;
  background:linear-gradient(105deg,rgba(12,31,45,.98),rgba(8,20,31,.98));
}
.usn-dashboard .usn-stats{gap:0;flex-wrap:wrap}
.usn-dashboard .usn-stats div{
  min-width:105px;
  padding:0 17px;
  border-left:1px solid rgba(255,255,255,.07);
}
.usn-dashboard .usn-stats strong{
  font-size:25px;
  background:linear-gradient(180deg,#fff,#cdd8e2);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.usn-dashboard .usn-action-prompt{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:12px;
  overflow:hidden;
  padding:23px 26px;
  border-radius:15px;
  border-color:rgba(255,61,145,.24);
  background:
    radial-gradient(circle at 90% 50%,rgba(255,61,145,.13),transparent 30%),
    linear-gradient(105deg,#101c2c,#0a1927);
}
.usn-dashboard .usn-action-prompt:after{
  content:"";
  position:absolute;right:-55px;top:-70px;width:190px;height:190px;
  border:1px solid rgba(255,61,145,.18);border-radius:50%;
  box-shadow:0 0 0 22px rgba(255,61,145,.035),0 0 0 46px rgba(255,61,145,.025);
}
.usn-dashboard .usn-prompt-icon{
  position:relative;z-index:1;
  width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(255,61,145,.2),rgba(139,108,255,.18));
  border:1px solid rgba(255,61,145,.28);
  font-size:26px;
}
.usn-dashboard .usn-prompt-copy{position:relative;z-index:1;flex:1}
.usn-dashboard .usn-prompt-copy h2{font-size:19px;margin:0 0 5px}
.usn-dashboard .usn-prompt-copy p{font-size:11px;color:#b8c7d3;max-width:760px;margin:0 0 13px}
.usn-dashboard .usn-btn{
  border-radius:8px;
  padding:10px 14px;
  box-shadow:0 7px 20px rgba(255,61,145,.16);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.usn-dashboard .usn-btn:hover{
  transform:translateY(-1px);filter:brightness(1.08);
  box-shadow:0 10px 24px rgba(255,61,145,.23);
}
.usn-dashboard .usn-action-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;margin-top:12px;
}
.usn-dashboard .usn-action-card{
  position:relative;min-height:158px;padding:17px;
  background:linear-gradient(145deg,#0b1d2b,#081722);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.usn-dashboard .usn-action-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,61,145,.25);
  background:linear-gradient(145deg,#0e2333,#091923);
}
.usn-dashboard .usn-action-icon{
  width:34px;height:34px;display:grid;place-items:center;
  border-radius:10px;margin-bottom:12px;font-size:17px;
  background:rgba(139,108,255,.12);border:1px solid rgba(139,108,255,.16);
}
.usn-dashboard .usn-card{border-radius:15px;background:linear-gradient(145deg,#0a1b28,#081722)}
.usn-dashboard .usn-card-head{margin-bottom:7px}
.usn-dashboard .usn-eyebrow,.usn-dashboard .usn-kicker{color:#ff5aa1}
.usn-dashboard .usn-map{
  height:260px;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,61,145,.10),transparent 25%),
    radial-gradient(circle at 30% 25%,rgba(53,200,255,.06),transparent 20%),
    linear-gradient(135deg,#071825,#06121c);
}
.usn-dashboard .usn-map-core{filter:drop-shadow(0 0 5px rgba(255,61,145,.35))}
.usn-dashboard .usn-journey-card{
  padding:20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;
  background:linear-gradient(105deg,#0b1d2b,#0a1723);
}
.usn-dashboard .usn-progress{height:9px;background:#142a3a}
.usn-dashboard .usn-progress span{background:linear-gradient(90deg,#ff3d91,#8b6cff,#35c8ff)}
.usn-dashboard .usn-link-card{
  border:1px solid rgba(255,255,255,.08);
  border-radius:15px;padding:20px;background:linear-gradient(105deg,#0b1d2b,#091723);
}
.usn-dashboard .usn-link-box{border-radius:9px}
.usn-dashboard .usn-principles{
  margin-top:10px;padding:16px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;background:rgba(255,255,255,.018);
}
@media(max-width:1200px){
  .usn-dashboard .usn-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .usn-dashboard .usn-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .usn-dashboard .usn-stats div{padding:8px 12px}
}
@media(max-width:600px){
  .usn-dashboard .usn-hero{padding:28px 22px;min-height:190px}
  .usn-dashboard .usn-hero h1{font-size:28px}
  .usn-dashboard .usn-action-prompt{align-items:flex-start;padding:20px}
  .usn-dashboard .usn-action-grid{grid-template-columns:1fr}
  .usn-dashboard .usn-stats{display:grid;grid-template-columns:repeat(2,1fr);width:100%}
  .usn-dashboard .usn-stats div{border-left:0;border-top:1px solid rgba(255,255,255,.07);padding:10px 0}
}


/* UniversalScout Networkship v1.7.2 — visual rehabilitation
 * Purpose: bring the action/contribution journey closer to the polished
 * UniversalScout mockup while preserving all existing functionality.
 */
.usn-dashboard{
  --value-care:#69e34a;
  --value-grow:#4ea8ff;
  --value-serve:#ff5b9a;
  --value-create:#ff9e38;
  --value-lead:#ffd34e;
  --value-connect:#ad72ff;
}

/* A calmer, more premium canvas */
.usn-dashboard .usn-main{
  min-width:0;
}
.usn-dashboard .usn-card,
.usn-dashboard .usn-action-card,
.usn-dashboard .usn-profile,
.usn-dashboard .usn-sidebar,
.usn-dashboard .usn-rightbar{
  backdrop-filter:blur(10px);
}

/* Form: visually closer to the mockup */
.usn-dashboard .usn-contribution-grid{
  grid-template-columns:minmax(0,1.42fr) minmax(300px,.78fr);
  gap:14px;
  margin-top:14px;
  align-items:start;
}
.usn-dashboard .usn-contribution-card{
  padding:24px;
  border-radius:16px;
  background:
    radial-gradient(500px 220px at 0% 0%,rgba(53,200,255,.055),transparent 70%),
    linear-gradient(145deg,#0a1d2c,#071622);
}
.usn-dashboard .usn-contribution-card:first-child{
  border-color:rgba(53,200,255,.16);
}
.usn-dashboard .usn-contribution-card:first-child .usn-card-head h2{
  font-size:26px;
  letter-spacing:-.02em;
}
.usn-dashboard .usn-contribution-card:first-child .usn-card-head h2:before{
  content:"🌱";
  font-size:23px;
  margin-right:9px;
}
.usn-dashboard .usn-contribution-form{
  gap:16px;
}
.usn-dashboard .usn-contribution-form label,
.usn-dashboard .usn-value-fieldset{
  position:relative;
}
.usn-dashboard .usn-contribution-form label>strong,
.usn-dashboard .usn-value-fieldset legend strong{
  font-size:13px;
  color:#f3f7fb;
}
.usn-dashboard .usn-field-help{
  color:#8ea2b3;
  font-size:11px;
}
.usn-dashboard .usn-contribution-form input,
.usn-dashboard .usn-contribution-form select,
.usn-dashboard .usn-contribution-form textarea{
  border:1px solid rgba(130,164,190,.23);
  background:linear-gradient(180deg,#081725,#06131e);
  border-radius:10px;
  min-height:44px;
  padding:11px 13px;
  color:#edf5fb;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.usn-dashboard .usn-contribution-form textarea{
  min-height:110px;
}
.usn-dashboard .usn-contribution-form input:focus,
.usn-dashboard .usn-contribution-form select:focus,
.usn-dashboard .usn-contribution-form textarea:focus{
  outline:none;
  border-color:rgba(53,200,255,.65);
  box-shadow:0 0 0 3px rgba(53,200,255,.08);
  background:#091a28;
}
.usn-dashboard .usn-contribution-form input::placeholder,
.usn-dashboard .usn-contribution-form textarea::placeholder{
  color:#617486;
}

/* Value selector — dark cards, colored identities, no more white glare */
.usn-dashboard .usn-value-fieldset{
  margin-top:2px;
  padding-top:2px;
}
.usn-dashboard .usn-value-choices{
  gap:10px;
}
.usn-dashboard .usn-value-choice{
  min-width:0;
}
.usn-dashboard .usn-value-choice span{
  min-height:94px;
  padding:13px;
  border:1px solid rgba(121,153,179,.22);
  border-radius:13px;
  background:
    radial-gradient(circle at 18% 25%,rgba(255,255,255,.055),transparent 34%),
    linear-gradient(145deg,#0b2031,#081724);
  color:#e9f0f6;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.usn-dashboard .usn-value-choice:hover span{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.24);
}
.usn-dashboard .usn-value-choice input:checked+span{
  border-color:var(--value-color,var(--accent));
  box-shadow:0 0 0 1px var(--value-color,var(--accent)),0 12px 28px rgba(0,0,0,.18);
  background:
    radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--value-color,var(--accent)) 16%,transparent),transparent 38%),
    linear-gradient(145deg,#0e2434,#081724);
}
.usn-dashboard .usn-value-choice:nth-child(1){--value-color:var(--value-care)}
.usn-dashboard .usn-value-choice:nth-child(2){--value-color:var(--value-grow)}
.usn-dashboard .usn-value-choice:nth-child(3){--value-color:var(--value-serve)}
.usn-dashboard .usn-value-choice:nth-child(4){--value-color:var(--value-create)}
.usn-dashboard .usn-value-choice:nth-child(5){--value-color:var(--value-lead)}
.usn-dashboard .usn-value-choice:nth-child(6){--value-color:var(--value-connect)}
.usn-dashboard .usn-value-choice span>b{
  color:var(--value-color,#dbe6ef);
  letter-spacing:.03em;
}
.usn-dashboard .usn-value-choice span small{
  color:#a7b7c5;
  line-height:1.45;
}

/* Supporting values become compact chips */
.usn-dashboard .usn-value-choices.secondary{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.usn-dashboard .usn-value-choices.secondary .usn-value-choice span{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px 12px;
}
.usn-dashboard .usn-value-choices.secondary .usn-value-choice span>b{
  font-size:11px;
}
.usn-dashboard .usn-value-choices.secondary .usn-value-choice input:checked+span{
  background:rgba(255,61,145,.08);
}

/* Contribution history */
.usn-dashboard .usn-contribution-grid>.usn-contribution-card:last-child{
  background:linear-gradient(145deg,#091b29,#071521);
}
.usn-dashboard .usn-contribution-item{
  padding:13px;
  border-radius:12px;
  border-color:rgba(121,153,179,.15);
  background:rgba(255,255,255,.018);
}
.usn-dashboard .usn-contribution-icon{
  width:36px;height:36px;
  background:rgba(255,61,145,.08);
  border:1px solid rgba(255,61,145,.12);
}

/* Verification note reads as a calm safety statement */
.usn-dashboard .usn-note{
  display:block;
  color:#7890a1;
  line-height:1.55;
  padding:11px 12px;
  border-left:2px solid rgba(53,200,255,.34);
  background:rgba(53,200,255,.025);
  border-radius:0 8px 8px 0;
}

/* Make the values overview match the same visual language */
.usn-dashboard .usn-values-card{
  padding:22px;
  background:linear-gradient(145deg,#0a1c2a,#071521);
}
.usn-dashboard .usn-values-intro{
  color:#91a6b7;
  max-width:760px;
}
.usn-dashboard .usn-values-grid{
  gap:10px;
}
.usn-dashboard .usn-value-item{
  border:1px solid rgba(121,153,179,.17);
  border-radius:14px;
  background:linear-gradient(145deg,#0b2030,#081723);
  padding:15px;
}
.usn-dashboard .usn-value-top strong{
  color:var(--value-color,#eef4f8);
}
.usn-dashboard .usn-value-item:nth-child(1){--value-color:var(--value-care)}
.usn-dashboard .usn-value-item:nth-child(2){--value-color:var(--value-grow)}
.usn-dashboard .usn-value-item:nth-child(3){--value-color:var(--value-serve)}
.usn-dashboard .usn-value-item:nth-child(4){--value-color:var(--value-create)}
.usn-dashboard .usn-value-item:nth-child(5){--value-color:var(--value-lead)}
.usn-dashboard .usn-value-item:nth-child(6){--value-color:var(--value-connect)}
.usn-dashboard .usn-value-bar{
  background:#102638;
}
.usn-dashboard .usn-value-bar i{
  background:linear-gradient(90deg,var(--value-color,#ff3d91),rgba(255,255,255,.75));
}
.usn-dashboard .usn-value-item small{
  color:#9aabba;
}

/* Sidebar brand gets a subtle green Networkship identity */
.usn-dashboard .usn-sidebar-brand strong{
  color:#f3f7fb;
}
.usn-dashboard .usn-sidebar-brand small{
  color:#6fe45a;
  letter-spacing:.08em;
}
.usn-dashboard .usn-sidebar-brand .usn-brand-mark{
  border-color:#6fe45a;
  color:#6fe45a;
  box-shadow:0 0 18px rgba(105,227,74,.12);
}
.usn-dashboard .usn-nav a.is-active{
  border-left-color:#6fe45a;
  background:linear-gradient(90deg,rgba(105,227,74,.14),rgba(53,200,255,.035));
}
.usn-dashboard .usn-nav a.is-active span{
  color:#6fe45a;
}

/* Responsive form proportions */
@media(max-width:1050px){
  .usn-dashboard .usn-contribution-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:800px){
  .usn-dashboard .usn-value-choices,
  .usn-dashboard .usn-value-choices.secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:520px){
  .usn-dashboard .usn-contribution-card{
    padding:17px;
  }
  .usn-dashboard .usn-value-choices,
  .usn-dashboard .usn-value-choices.secondary{
    grid-template-columns:1fr;
  }
  .usn-dashboard .usn-contribution-card:first-child .usn-card-head h2{
    font-size:22px;
  }
}

/* UniversalScout Networkship v1.7.3 — Trust Profile */
.usn-dashboard .usn-trust-card{
  margin-top:12px;padding:18px 20px;border-radius:15px;
  display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:18px;align-items:center;
  background:
    radial-gradient(420px 180px at 0% 0%,rgba(105,227,74,.07),transparent 72%),
    linear-gradient(145deg,#0a1d2b,#071722);
  border-color:rgba(105,227,74,.16);
}
.usn-dashboard .usn-trust-main{display:flex;gap:13px;align-items:center;min-width:0}
.usn-dashboard .usn-trust-badge{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;color:#78ed59;background:rgba(105,227,74,.09);border:1px solid rgba(105,227,74,.18);font-size:19px}
.usn-dashboard .usn-trust-main h2{margin:1px 0 4px;color:#fff;font-size:18px}
.usn-dashboard .usn-trust-main p{margin:0;color:#9fb1bf;font-size:11px;line-height:1.5;max-width:700px}
.usn-dashboard .usn-trust-score{min-width:0}
.usn-dashboard .usn-trust-score strong{display:block;color:#fff;font-size:22px}
.usn-dashboard .usn-trust-score>span{display:block;color:#71899a;font-size:10px;margin:2px 0 7px}
.usn-dashboard .usn-trust-score>div{height:5px;border-radius:99px;background:#122a37;overflow:hidden}
.usn-dashboard .usn-trust-score i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#69e34a,#35c8ff)}
.usn-dashboard .usn-profile-editor{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:12px}
.usn-dashboard .usn-profile-editor summary{cursor:pointer;color:#bfeab5;font-size:12px;font-weight:800;list-style:none}
.usn-dashboard .usn-profile-editor summary::-webkit-details-marker{display:none}
.usn-dashboard .usn-profile-editor summary:after{content:'＋';float:right;color:#69e34a}
.usn-dashboard .usn-profile-editor[open] summary:after{content:'−'}
.usn-dashboard .usn-profile-form{display:grid;gap:12px;margin-top:14px}
.usn-dashboard .usn-profile-form label{display:grid;gap:6px;color:#d8e2ec;font-size:12px;font-weight:700}
.usn-dashboard .usn-profile-form input,.usn-dashboard .usn-profile-form textarea{width:100%;border:1px solid rgba(255,255,255,.10);background:#071722;color:#eef5fb;border-radius:9px;padding:10px 11px;font:inherit;font-weight:400}
.usn-dashboard .usn-profile-form input:focus,.usn-dashboard .usn-profile-form textarea:focus{outline:none;border-color:rgba(105,227,74,.55);box-shadow:0 0 0 2px rgba(105,227,74,.08)}
.usn-dashboard .usn-social-section{padding-top:2px}
.usn-dashboard .usn-social-section>strong{display:block;color:#fff;font-size:13px;margin-bottom:2px}
.usn-dashboard .usn-social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:8px}
.usn-dashboard .usn-social-grid label{font-size:10px;color:#8fa4b4}
.usn-dashboard .usn-profile-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.usn-dashboard .usn-profile-actions small{color:#708696;font-size:10px;line-height:1.45}
.usn-dashboard .usn-auth-form textarea{width:100%;box-sizing:border-box;padding:12px 13px;background:#07131e;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;outline:none;resize:vertical}
.usn-dashboard .usn-auth-form textarea:focus{border-color:var(--accent,#ee2b83);box-shadow:0 0 0 2px rgba(238,43,131,.12)}
.usn-auth-form .usn-social-section{margin-top:2px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018)}
.usn-auth-form .usn-social-section>strong{display:block;color:#fff;font-size:12px;margin-bottom:2px}
.usn-auth-form .usn-social-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
.usn-auth-form .usn-social-grid label{font-size:10px;color:#8fa4b4}
.usn-auth-form .usn-social-grid input{font-size:11px}
@media(max-width:760px){
 .usn-dashboard .usn-trust-card{grid-template-columns:1fr}
 .usn-dashboard .usn-social-grid,.usn-auth-form .usn-social-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:500px){.usn-dashboard .usn-social-grid,.usn-auth-form .usn-social-grid{grid-template-columns:1fr}}

.usn-dashboard .usn-member-status{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;margin-bottom:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.usn-dashboard .usn-member-status strong{color:#fff;display:block}.usn-dashboard .usn-member-status span{color:#9db0c0;font-size:12px}.usn-dashboard .usn-member-status.is-pending{border-color:rgba(255,193,7,.28)}.usn-dashboard .usn-member-status.is-rejected{border-color:rgba(255,70,100,.3)}
.usn-greeting-card{display:flex;align-items:center;gap:16px;border-color:rgba(105,227,74,.18);background:linear-gradient(135deg,rgba(105,227,74,.06),rgba(255,255,255,.018))}
.usn-greeting-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:rgba(105,227,74,.1);font-size:25px;flex:0 0 auto}
.usn-greeting-card h2{margin:3px 0 4px}.usn-greeting-card p{margin:0;color:#9fb1c0}
.usn-announcements{display:grid;gap:12px;margin-bottom:14px}.usn-announcement{display:flex;gap:15px;align-items:flex-start}.usn-announcement-icon{font-size:24px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.05);flex:0 0 auto}.usn-announcement h2{margin:3px 0 5px}.usn-announcement p{margin:0;color:#b4c2cf;line-height:1.6}.usn-announcement small{display:block;margin-top:8px;color:#718696}.usn-announcement-challenge{border-color:rgba(255,153,0,.25)}.usn-announcement-offer{border-color:rgba(255,207,64,.2)}
.usn-profile-photo-row{display:flex;align-items:center;gap:14px;padding:10px 0}.usn-profile-photo-row .usn-avatar-img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid rgba(105,227,74,.35)}
.usn-certificates-card{margin-top:18px}.usn-certificate-list{display:grid;gap:10px}.usn-certificate-item{display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.02)}.usn-certificate-item>div{display:grid;gap:3px}.usn-certificate-item strong{color:#fff}.usn-certificate-item span{color:#9eafbd;font-size:12px}.usn-certificate-item small{color:#657b8b;font-size:10px}.usn-certificate-seal{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;background:rgba(255,196,55,.10);color:#ffd25c!important;font-size:20px!important}.usn-certificate-item.is-revoked{opacity:.55}.usn-certificate-item.is-revoked>b{color:#ff7185}
.usn-admin-actions{display:flex;gap:4px;flex-wrap:wrap}.usn-admin-actions form{display:inline}.usn-admin-status-active{background:#e7f7ee;color:#197244}.usn-admin-status-pending{background:#fff5d9;color:#8b6500}.usn-admin-status-rejected{background:#fdecef;color:#a43a52}.usn-admin-form label{font-size:12px;color:#44515f}.usn-admin-form input,.usn-admin-form select,.usn-admin-form textarea{margin-top:5px}

/* UniversalScout Networkship v1.8.4 — practical compact navigation */
.usn-quickbar{
  position:sticky;top:8px;z-index:20;
  display:flex;align-items:center;gap:12px;
  margin:0 0 10px;padding:8px 10px;
  border:1px solid rgba(255,255,255,.08);border-radius:10px;
  background:rgba(7,20,31,.94);backdrop-filter:blur(12px);
  box-shadow:0 8px 24px rgba(0,0,0,.16);
}
.usn-quickbar-title{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#dfe8ee;font-size:10px}
.usn-quickbar-title span{font-size:13px;color:#f5b84b}
.usn-quickbar-links{display:flex;align-items:center;gap:5px;overflow:auto;scrollbar-width:none;flex:1}
.usn-quickbar-links::-webkit-scrollbar{display:none}
.usn-quickbar-links a{
  white-space:nowrap;padding:6px 9px;border-radius:6px;
  color:#aebdca;font-size:9px;border:1px solid transparent;
}
.usn-quickbar-links a:hover,.usn-quickbar-links a:focus{
  color:#fff;background:rgba(238,43,131,.12);border-color:rgba(238,43,131,.2);
}
.usn-compact-toggle{
  flex:0 0 auto;border:1px solid rgba(255,255,255,.1);border-radius:6px;
  background:#0c1d2b;color:#dce6ed;padding:6px 9px;font:800 9px Inter,system-ui,sans-serif;
  cursor:pointer;white-space:nowrap;
}
.usn-compact-toggle:hover{border-color:rgba(238,43,131,.45);color:#fff}
.usn-compact-section{position:relative;scroll-margin-top:70px;transition:opacity .18s ease}
.usn-compact-section.is-collapsed{max-height:104px;overflow:hidden}
.usn-compact-section.is-open{max-height:none;overflow:visible}
.usn-section-toggle{
  position:absolute;right:10px;top:10px;z-index:5;
  border:1px solid rgba(255,255,255,.10);border-radius:6px;
  background:rgba(6,18,28,.86);color:#9fb0bd;padding:5px 8px;
  font:800 8px Inter,system-ui,sans-serif;cursor:pointer;
}
.usn-section-toggle:hover{color:#fff;border-color:rgba(238,43,131,.4)}
.usn-compact-section.is-collapsed .usn-section-toggle{color:#d7e0e7}
.usn-compact-section.is-collapsed:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:32px;
  background:linear-gradient(180deg,rgba(9,26,39,0),#091a27 78%);pointer-events:none;
}
.usn-compact-section.is-open:after{display:none}

/* Keep the compact dashboard comfortable on small screens. */
@media(max-width:760px){
  .usn-quickbar{top:4px;margin:0 0 7px;padding:7px;gap:6px}
  .usn-quickbar-title strong{display:none}
  .usn-quickbar-links a{padding:6px 8px}
  .usn-compact-toggle{font-size:8px;padding:6px 8px}
  .usn-section-toggle{right:8px;top:8px}
  .usn-compact-section.is-collapsed{max-height:96px}
  .usn-card{padding:14px}
}

/* When users choose full view, preserve a clean rhythm. */
.usn-dashboard.usn-full-view .usn-compact-section{max-height:none;overflow:visible}
.usn-dashboard.usn-full-view .usn-section-toggle{display:none}
.usn-dashboard.usn-full-view .usn-compact-section:after{display:none}


/* UniversalScout Networkship v1.8.4 — actual card compaction */
.usn-dashboard .usn-compact-section{
  position:relative;
  scroll-margin-top:78px;
  transition:max-height .22s ease,opacity .18s ease,transform .18s ease;
}
.usn-dashboard .usn-compact-section.is-collapsed{
  max-height:112px!important;
  min-height:0;
  overflow:hidden!important;
}
.usn-dashboard .usn-compact-section.is-open{
  max-height:5000px!important;
  overflow:visible!important;
}
.usn-dashboard .usn-compact-section.is-collapsed:after{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:42px;
  background:linear-gradient(180deg,rgba(9,26,39,0),#091a27 82%);
  pointer-events:none;
}
.usn-dashboard .usn-section-toggle{
  position:absolute;right:12px;top:12px;z-index:10;
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;background:rgba(6,18,28,.92);color:#c9d6df;
  padding:6px 9px;font:800 9px Inter,system-ui,sans-serif;
  cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.18)
}
.usn-dashboard .usn-section-toggle:hover{color:#fff;border-color:rgba(238,43,131,.45)}
.usn-dashboard .usn-compact-section.is-open:after{display:none}
/* Contribution is intentionally compact too; the action card above remains the fastest entry point. */
.usn-dashboard #usn-kontribusi.usn-compact-section.is-collapsed{max-height:112px!important}
@media(max-width:760px){
  .usn-dashboard .usn-compact-section.is-collapsed{max-height:96px!important}
  .usn-dashboard .usn-section-toggle{right:8px;top:8px;padding:6px 8px;font-size:8px}
  .usn-dashboard .usn-quickbar{position:sticky;top:4px;z-index:50}
}


/* UniversalScout Networkship v1.8.5 — guided mobile journey */
.usn-flow-guide{margin:0 0 12px;padding:18px;border:1px solid rgba(105,227,74,.14);border-radius:15px;background:linear-gradient(135deg,rgba(105,227,74,.055),rgba(53,200,255,.025) 50%,rgba(255,61,145,.035));display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.6fr);gap:18px;align-items:center}
.usn-flow-intro h2{font-size:18px;margin:4px 0 6px;color:#fff}.usn-flow-intro p{margin:0;color:#91a7b7;font-size:11px;line-height:1.6}
.usn-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.usn-flow-steps button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#091a27;color:#dbe6ed;cursor:pointer}.usn-flow-steps button:hover{border-color:rgba(105,227,74,.3);background:#0b2030}.usn-flow-steps button>b{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:rgba(105,227,74,.10);color:#77e95b;flex:0 0 auto}.usn-flow-steps button span{display:grid;gap:2px}.usn-flow-steps button strong{font-size:10px}.usn-flow-steps button small{font-size:8px;color:#7f95a5;line-height:1.35}
.usn-mobile-flow-nav{display:none}
.usn-login-options{display:flex;justify-content:space-between;align-items:center;gap:12px}.usn-forgot-link{font-size:11px;font-weight:700;color:#ff5aa1;text-decoration:none}.usn-forgot-link:hover{text-decoration:underline}.usn-auth-notice.is-success{background:rgba(105,227,74,.08);border:1px solid rgba(105,227,74,.22);color:#b9f5aa}

@media(max-width:760px){
  .usn-dashboard{padding-bottom:74px}
  .usn-dashboard .usn-sidebar{display:none!important}
  .usn-dashboard .usn-rightbar{display:none!important}
  .usn-dashboard .usn-quickbar{display:none!important}
  .usn-flow-guide{grid-template-columns:1fr;padding:14px;margin:0 0 9px;gap:12px}
  .usn-flow-intro h2{font-size:16px}.usn-flow-intro p{font-size:10px}
  .usn-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.usn-flow-steps button{padding:9px}.usn-flow-steps button strong{font-size:10px}.usn-flow-steps button small{font-size:8px}
  .usn-mobile-flow-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:9999;display:grid;grid-template-columns:repeat(5,1fr);padding:5px;border:1px solid rgba(255,255,255,.11);border-radius:15px;background:rgba(5,17,27,.96);backdrop-filter:blur(16px);box-shadow:0 14px 40px rgba(0,0,0,.38)}
  .usn-mobile-flow-nav button{display:grid;place-items:center;gap:2px;padding:7px 2px;border:0;border-radius:10px;background:transparent;color:#7f93a3;cursor:pointer}.usn-mobile-flow-nav button span{font-size:17px;line-height:1}.usn-mobile-flow-nav button small{font-size:8px;font-weight:800}.usn-mobile-flow-nav button.is-active{background:rgba(105,227,74,.10);color:#77e95b}
  .usn-dashboard .usn-mobile-view-item{display:none!important}
  .usn-dashboard .usn-mobile-view-item.is-mobile-visible{display:revert!important}
  .usn-dashboard .usn-action-grid.usn-mobile-view-item.is-mobile-visible,.usn-dashboard .usn-data-grid.usn-mobile-view-item.is-mobile-visible,.usn-dashboard .usn-bottom-grid.usn-mobile-view-item.is-mobile-visible,.usn-dashboard .usn-contribution-grid.usn-mobile-view-item.is-mobile-visible{display:grid!important}
  /* Mobile tabs already reduce page length, so nested mini-collapses are unnecessary. */
  .usn-dashboard .usn-compact-section{max-height:none!important;overflow:visible!important}
  .usn-dashboard .usn-compact-section:after,.usn-dashboard .usn-section-toggle{display:none!important}
  .usn-dashboard .usn-hero{min-height:auto;padding:22px 18px}.usn-dashboard .usn-hero h1{font-size:24px}.usn-dashboard .usn-hero p{font-size:10px}
  .usn-dashboard .usn-profile{padding:15px}.usn-dashboard .usn-stats{grid-template-columns:repeat(3,1fr);gap:0}.usn-dashboard .usn-stats div{padding:9px 5px;text-align:center}.usn-dashboard .usn-stats strong{font-size:19px}.usn-dashboard .usn-stats span{font-size:7px}
  .usn-dashboard .usn-greeting-card,.usn-dashboard .usn-action-prompt{padding:14px}
  .usn-dashboard .usn-contribution-grid{grid-template-columns:1fr!important}
  .usn-dashboard .usn-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .usn-dashboard .usn-action-card{min-height:0}
  .usn-login-options{align-items:flex-start}.usn-forgot-link{font-size:10px}
}
@media(max-width:420px){.usn-dashboard .usn-action-grid{grid-template-columns:1fr!important}.usn-flow-steps{grid-template-columns:1fr 1fr}.usn-mobile-flow-nav{left:5px;right:5px;bottom:5px}}

/* UniversalScout Networkship v1.8.9 — mobile page journey */
.usn-sidebar-logo{width:112px;height:58px;object-fit:contain;object-position:left center;display:block;flex:0 0 auto}
.usn-sidebar-brand{align-items:center}
.usn-mobile-pagebar{display:none}

@media(max-width:760px){
  .usn-dashboard{padding-top:0}
  .usn-mobile-pagebar{
    position:sticky;top:0;z-index:100;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;
    margin:0 -7px 9px;padding:9px 10px;
    background:rgba(5,17,27,.94);
    border-bottom:1px solid rgba(105,227,74,.14);
    backdrop-filter:blur(18px);
  }
  .usn-mobile-pagebar button{
    min-height:34px;border:1px solid rgba(255,255,255,.09);border-radius:10px;
    background:#091a27;color:#dce6ed;font:800 10px Inter,system-ui,sans-serif;
    padding:7px 10px;cursor:pointer;
  }
  .usn-mobile-pagebar button:hover{border-color:rgba(105,227,74,.35);color:#fff}
  .usn-mobile-back{text-align:left}.usn-mobile-next{text-align:right}
  .usn-mobile-page-title{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:center;justify-content:center;line-height:1}
  .usn-mobile-page-title .usn-mobile-brand-mark{
    grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;
    color:#77e95b;background:rgba(105,227,74,.10);border:1px solid rgba(105,227,74,.18);font-size:13px
  }
  .usn-mobile-page-title strong{font-size:11px;color:#fff}
  .usn-mobile-page-title small{font-size:7px;color:#77e95b;letter-spacing:.08em}
  .usn-dashboard .usn-mobile-page-item{display:none!important}
  .usn-dashboard .usn-mobile-page-item.is-mobile-visible{display:block!important}
  .usn-dashboard .usn-mobile-page-item.usn-action-grid.is-mobile-visible,
  .usn-dashboard .usn-mobile-page-item.usn-data-grid.is-mobile-visible,
  .usn-dashboard .usn-mobile-page-item.usn-bottom-grid.is-mobile-visible,
  .usn-dashboard .usn-mobile-page-item.usn-contribution-grid.is-mobile-visible{display:grid!important}

  .usn-dashboard .usn-flow-guide{display:none!important}
  .usn-dashboard .usn-flow-guide.is-mobile-visible{display:grid!important}
  .usn-dashboard .usn-mobile-flow-nav{position:fixed;left:8px;right:8px;bottom:8px}

  /* Give every chapter the feeling of a separate screen. */
  .usn-dashboard[data-mobile-view] .usn-main{min-height:calc(100vh - 58px)}
  .usn-dashboard[data-mobile-view] .usn-mobile-page-item{scroll-margin-top:62px}
  .usn-dashboard[data-mobile-view="home"] .usn-greeting-card,
  .usn-dashboard[data-mobile-view="home"] .usn-hero,
  .usn-dashboard[data-mobile-view="home"] .usn-profile,
  .usn-dashboard[data-mobile-view="home"] .usn-action-prompt{margin-bottom:9px}

  .usn-dashboard .usn-card{border-radius:14px}
  .usn-dashboard .usn-hero{border-color:rgba(105,227,74,.18)}
  .usn-dashboard .usn-action-grid{gap:8px}
  .usn-dashboard .usn-action-card{padding:13px;border-radius:12px}
  .usn-dashboard .usn-action-card p{min-height:0}
  .usn-dashboard .usn-data-grid,
  .usn-dashboard .usn-bottom-grid,
  .usn-dashboard .usn-contribution-grid{gap:9px}

  /* A small chapter label replaces the old giant menu feeling. */
  .usn-dashboard .usn-flow-guide + .usn-mobile-flow-nav + .usn-mobile-pagebar + .usn-member-status{margin-top:0}

  /* Keep the form comfortable, but never let fields become desktop-width monsters. */
  .usn-dashboard .usn-contribution-form input,
  .usn-dashboard .usn-contribution-form select,
  .usn-dashboard .usn-contribution-form textarea{font-size:13px}
  .usn-dashboard .usn-contribution-form .usn-btn{width:100%;min-height:44px}
}


/* =========================================================
 * UniversalScout Networkship v1.9.0 — responsive polish
 * - fixes mobile chapter clipping caused by compact-section max-height
 * - uses the real UniversalScout green logo in the mobile header
 * - moves desktop sidebar title/description below the logo
 * - increases typography/touch targets for mixed-age / mixed-vision users
 * ========================================================= */

.usn-dashboard .usn-sidebar-brand{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  text-align:center;
  padding:12px 6px 18px;
}
.usn-dashboard .usn-sidebar-logo{
  width:126px;
  height:84px;
  object-fit:contain;
  object-position:center;
  display:block;
}
.usn-dashboard .usn-sidebar-brand-copy{
  display:grid;
  gap:4px;
  width:100%;
}
.usn-dashboard .usn-sidebar-brand-copy strong{
  font-size:13px;
  letter-spacing:.14em;
  color:#f7f8fb;
}
.usn-dashboard .usn-sidebar-brand-copy small{
  display:block;
  color:#69e34a;
  font-size:9px;
  line-height:1.45;
  letter-spacing:.02em;
}

/* Desktop readability: keep the interface compact, but don't make text tiny. */
.usn-dashboard .usn-eyebrow,
.usn-dashboard .usn-kicker{font-size:10px}
.usn-dashboard .usn-card h2{font-size:16px}
.usn-dashboard .usn-action-card h3{font-size:14px}
.usn-dashboard .usn-action-card p,
.usn-dashboard .usn-profile p,
.usn-dashboard .usn-feature-list>a span{font-size:11px}
.usn-dashboard .usn-btn{font-size:10px;min-height:36px;padding:9px 13px}

/* CRITICAL MOBILE FIX:
 * v1.8.9 assigned compact-section to real page containers. A later
 * .is-collapsed rule was still winning by specificity and clipped forms/cards.
 * Mobile journey pages must always be allowed to show their complete content.
 */
@media(max-width:760px){
  .usn-dashboard .usn-compact-section,
  .usn-dashboard .usn-compact-section.is-collapsed,
  .usn-dashboard .usn-compact-section.is-open{
    max-height:none!important;
    min-height:0;
    height:auto!important;
    overflow:visible!important;
  }
  .usn-dashboard .usn-compact-section.is-collapsed:after{
    display:none!important;
  }
  .usn-dashboard .usn-section-toggle{
    display:none!important;
  }

  /* Mobile page header */
  .usn-dashboard .usn-mobile-pagebar{
    min-height:64px;
    grid-template-columns:minmax(96px,1fr) auto minmax(96px,1fr);
    gap:8px;
    padding:9px 10px;
  }
  .usn-dashboard .usn-mobile-pagebar button{
    min-height:44px;
    padding:9px 12px;
    border-radius:11px;
    font-size:12px;
    line-height:1.2;
  }
  .usn-dashboard .usn-mobile-page-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-width:0;
  }
  .usn-dashboard .usn-mobile-brand-logo{
    width:48px;
    height:38px;
    object-fit:contain;
    object-position:center;
    flex:0 0 auto;
  }
  .usn-dashboard .usn-mobile-page-title>span{
    display:grid;
    gap:4px;
    text-align:left;
    min-width:0;
  }
  .usn-dashboard .usn-mobile-page-title strong{
    font-size:14px;
    line-height:1.1;
    white-space:nowrap;
  }
  .usn-dashboard .usn-mobile-page-title small{
    font-size:9px;
    line-height:1.15;
    letter-spacing:.09em;
  }

  /* Comfortable reading scale */
  .usn-dashboard .usn-eyebrow,
  .usn-dashboard .usn-kicker{
    font-size:11px;
    letter-spacing:.13em;
  }
  .usn-dashboard .usn-card{
    padding:18px;
    border-radius:15px;
  }
  .usn-dashboard .usn-card h2{
    font-size:20px;
    line-height:1.2;
  }
  .usn-dashboard .usn-card p,
  .usn-dashboard .usn-values-intro,
  .usn-dashboard .usn-field-help{
    font-size:13px;
    line-height:1.6;
  }
  .usn-dashboard .usn-action-card h3{
    font-size:17px;
    line-height:1.25;
  }
  .usn-dashboard .usn-action-card p{
    font-size:13px;
    line-height:1.55;
  }
  .usn-dashboard .usn-btn{
    min-height:44px;
    padding:10px 14px;
    font-size:12px;
    border-radius:9px;
  }
  .usn-dashboard .usn-mini-label,
  .usn-dashboard .usn-count{
    font-size:11px;
    padding:7px 9px;
  }

  /* Profile / statistics */
  .usn-dashboard .usn-profile{
    padding:18px;
    gap:16px;
  }
  .usn-dashboard .usn-profile h2{font-size:20px}
  .usn-dashboard .usn-profile p{font-size:12px;line-height:1.5}
  .usn-dashboard .usn-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0;
  }
  .usn-dashboard .usn-stats div{
    padding:11px 7px;
    text-align:center;
  }
  .usn-dashboard .usn-stats strong{font-size:23px}
  .usn-dashboard .usn-stats span{font-size:10px;line-height:1.35}

  /* Home hero */
  .usn-dashboard .usn-hero{
    padding:24px 20px;
    min-height:0;
  }
  .usn-dashboard .usn-hero h1{
    font-size:26px;
    line-height:1.12;
  }
  .usn-dashboard .usn-hero p{
    font-size:13px;
    line-height:1.6;
  }

  /* Action cards remain one column on narrow screens for easier tapping. */
  .usn-dashboard .usn-action-grid{
    grid-template-columns:1fr!important;
    gap:10px;
  }
  .usn-dashboard .usn-action-card{
    min-height:0;
    padding:18px;
  }

  /* Data cards */
  .usn-dashboard .usn-data-grid,
  .usn-dashboard .usn-bottom-grid,
  .usn-dashboard .usn-contribution-grid{
    gap:10px;
  }
  .usn-dashboard .usn-map{height:260px}

  /* Forms: 16px avoids browser auto-zoom and is easier to read. */
  .usn-dashboard .usn-contribution-form input,
  .usn-dashboard .usn-contribution-form select,
  .usn-dashboard .usn-contribution-form textarea,
  .usn-dashboard .usn-profile-form input,
  .usn-dashboard .usn-profile-form select,
  .usn-dashboard .usn-profile-form textarea{
    font-size:16px!important;
    line-height:1.45;
    min-height:46px;
  }
  .usn-dashboard .usn-contribution-form textarea,
  .usn-dashboard .usn-profile-form textarea{
    min-height:120px;
  }
  .usn-dashboard .usn-contribution-form label,
  .usn-dashboard .usn-profile-form label{
    font-size:14px;
    line-height:1.4;
  }

  /* Bottom navigation: larger labels and safe tap targets. */
  .usn-dashboard .usn-mobile-flow-nav{
    left:7px;
    right:7px;
    bottom:7px;
    padding:6px;
    border-radius:17px;
  }
  .usn-dashboard .usn-mobile-flow-nav button{
    min-height:56px;
    padding:8px 3px;
    border-radius:12px;
  }
  .usn-dashboard .usn-mobile-flow-nav button span{font-size:20px}
  .usn-dashboard .usn-mobile-flow-nav button small{font-size:10px}

  /* Give every page a little breathing room above the fixed nav. */
  .usn-dashboard{padding-bottom:88px}
}

@media(max-width:420px){
  .usn-dashboard .usn-mobile-pagebar{
    grid-template-columns:1fr auto 1fr;
    padding-left:7px;
    padding-right:7px;
  }
  .usn-dashboard .usn-mobile-pagebar button{
    padding-left:9px;
    padding-right:9px;
    font-size:11px;
  }
  .usn-dashboard .usn-mobile-brand-logo{
    width:42px;
    height:34px;
  }
  .usn-dashboard .usn-mobile-page-title strong{font-size:13px}
  .usn-dashboard .usn-mobile-page-title small{font-size:8px}
}


/* =========================================================
 * UniversalScout Networkship v1.9.1 — Unified App Canvas
 * Desktop and mobile intentionally share the same guided
 * "one screen / one chapter" experience.
 * ========================================================= */

/* The app itself owns the page height. This prevents a theme or
 * Elementor wrapper from visually chopping a long chapter. */
.usn-shell.usn-dashboard{
  width:100%;
  max-width:none;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow:visible!important;
  padding:18px 18px 108px;
  background:var(--bg);
}
.usn-shell.usn-dashboard .usn-layout{
  display:block!important;
  width:min(1080px,100%);
  margin:0 auto;
  background:transparent;
}
.usn-shell.usn-dashboard .usn-sidebar,
.usn-shell.usn-dashboard .usn-rightbar,
.usn-shell.usn-dashboard .usn-quickbar{
  display:none!important;
}

/* One consistent page header at every screen size. */
.usn-shell.usn-dashboard .usn-mobile-pagebar{
  position:sticky;
  top:10px;
  z-index:100;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:18px;
  width:min(1080px,100%);
  min-height:86px;
  margin:0 auto 14px;
  padding:12px 14px;
  border:1px solid rgba(105,227,74,.14);
  border-radius:18px;
  background:rgba(5,17,27,.94);
  backdrop-filter:blur(18px);
  box-shadow:0 12px 36px rgba(0,0,0,.22);
}
.usn-shell.usn-dashboard .usn-mobile-pagebar button{
  min-height:50px;
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:#091a27;
  color:#e7edf2;
  font:800 14px/1.2 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.usn-shell.usn-dashboard .usn-mobile-pagebar button:hover{
  border-color:rgba(105,227,74,.38);
  background:#0b2030;
  transform:translateY(-1px);
}
.usn-shell.usn-dashboard .usn-mobile-back{text-align:left}
.usn-shell.usn-dashboard .usn-mobile-next{text-align:right}

/* Stack the UniversalScout identity above the chapter title:
 * cleaner on desktop, and still compact enough for phones. */
.usn-shell.usn-dashboard .usn-mobile-page-title{
  display:grid!important;
  justify-items:center;
  align-content:center;
  gap:3px;
  min-width:170px;
  text-align:center;
}
.usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
  width:66px;
  height:42px;
  object-fit:contain;
  object-position:center;
  margin-bottom:1px;
}
.usn-shell.usn-dashboard .usn-mobile-page-title>span{
  display:grid;
  gap:3px;
  min-width:0;
}
.usn-shell.usn-dashboard .usn-mobile-page-title strong{
  font-size:17px;
  line-height:1.15;
  color:#fff;
  white-space:nowrap;
}
.usn-shell.usn-dashboard .usn-mobile-page-title small{
  font-size:10px;
  line-height:1.2;
  color:#69e34a;
  letter-spacing:.10em;
  font-weight:800;
  white-space:nowrap;
}

/* All chapters are genuine app screens. */
.usn-shell.usn-dashboard .usn-mobile-page-item{
  display:none!important;
  animation:usn-page-enter .22s ease both;
}
.usn-shell.usn-dashboard .usn-mobile-page-item.is-mobile-visible{
  display:block!important;
}
.usn-shell.usn-dashboard .usn-mobile-page-item.usn-action-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-mobile-page-item.usn-data-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-mobile-page-item.usn-bottom-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-mobile-page-item.usn-contribution-grid.is-mobile-visible{
  display:grid!important;
}
.usn-shell.usn-dashboard .usn-flow-guide{
  margin-top:0;
}
.usn-shell.usn-dashboard .usn-main{
  min-width:0;
  min-height:calc(100vh - 130px);
}

/* Bigger, calmer desktop typography. */
.usn-shell.usn-dashboard .usn-card{
  padding:24px;
  border-radius:17px;
}
.usn-shell.usn-dashboard .usn-card h2{
  font-size:22px;
  line-height:1.25;
}
.usn-shell.usn-dashboard .usn-card p{
  font-size:14px;
  line-height:1.65;
}
.usn-shell.usn-dashboard .usn-eyebrow,
.usn-shell.usn-dashboard .usn-kicker{
  font-size:12px;
}
.usn-shell.usn-dashboard .usn-hero{
  padding:34px 36px;
}
.usn-shell.usn-dashboard .usn-hero h1{
  font-size:34px;
}
.usn-shell.usn-dashboard .usn-hero p{
  font-size:14px;
}
.usn-shell.usn-dashboard .usn-action-card{
  padding:22px;
}
.usn-shell.usn-dashboard .usn-action-card h3{
  font-size:18px;
}
.usn-shell.usn-dashboard .usn-action-card p{
  font-size:14px;
  line-height:1.6;
}
.usn-shell.usn-dashboard .usn-btn{
  min-height:46px;
  padding:11px 16px;
  border-radius:10px;
  font-size:13px;
}

/* Bottom menu is the permanent "menu" entry point on desktop too. */
.usn-shell.usn-dashboard .usn-mobile-flow-nav{
  position:fixed!important;
  left:50%;
  right:auto;
  bottom:14px;
  transform:translateX(-50%);
  z-index:9999;
  width:min(680px,calc(100vw - 28px));
  display:grid!important;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
  padding:7px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(5,17,27,.96);
  backdrop-filter:blur(18px);
  box-shadow:0 16px 48px rgba(0,0,0,.42);
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button{
  min-height:60px;
  display:grid;
  place-items:center;
  gap:3px;
  padding:8px 5px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#8396a5;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button:hover{
  color:#dce8ee;
  background:rgba(105,227,74,.06);
  transform:translateY(-1px);
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button span{
  font-size:21px;
  line-height:1;
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button small{
  font-size:11px;
  font-weight:800;
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button.is-active{
  color:#77e95b;
  background:rgba(105,227,74,.11);
}

/* "Lanjut" gently pulses so users notice the journey control without
 * turning the interface into a flashing advertisement. */
.usn-shell.usn-dashboard .usn-mobile-next{
  animation:usn-next-pulse 2.4s ease-in-out infinite;
  border-color:rgba(105,227,74,.34)!important;
}
.usn-shell.usn-dashboard .usn-mobile-next:hover,
.usn-shell.usn-dashboard .usn-mobile-next:focus{
  animation:none;
}
@keyframes usn-next-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(105,227,74,0),0 0 0 rgba(105,227,74,0)}
  50%{box-shadow:0 0 0 4px rgba(105,227,74,.07),0 0 22px rgba(105,227,74,.16)}
}
@keyframes usn-page-enter{
  from{opacity:.72;transform:translateY(5px)}
  to{opacity:1;transform:none}
}

/* Final canvas guard: Networkship pages must never be clipped by a theme
 * or page-builder container. JavaScript also releases the real ancestors. */
.usn-shell.usn-dashboard,
.usn-shell.usn-dashboard .usn-layout,
.usn-shell.usn-dashboard .usn-main{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* The form is allowed to grow indefinitely. */
.usn-shell.usn-dashboard .usn-compact-section,
.usn-shell.usn-dashboard .usn-compact-section.is-collapsed,
.usn-shell.usn-dashboard .usn-compact-section.is-open{
  max-height:none!important;
  height:auto!important;
  min-height:0;
  overflow:visible!important;
}
.usn-shell.usn-dashboard .usn-section-toggle{display:none!important}

/* Desktop gets the same comfortable form scale as mobile. */
.usn-shell.usn-dashboard .usn-contribution-form input,
.usn-shell.usn-dashboard .usn-contribution-form select,
.usn-shell.usn-dashboard .usn-contribution-form textarea,
.usn-shell.usn-dashboard .usn-profile-form input,
.usn-shell.usn-dashboard .usn-profile-form select,
.usn-shell.usn-dashboard .usn-profile-form textarea{
  font-size:16px!important;
  line-height:1.45;
  min-height:48px;
}
.usn-shell.usn-dashboard .usn-contribution-form textarea,
.usn-shell.usn-dashboard .usn-profile-form textarea{
  min-height:130px;
}
.usn-shell.usn-dashboard .usn-contribution-form label,
.usn-shell.usn-dashboard .usn-profile-form label{
  font-size:14px;
  line-height:1.45;
}

/* Wide desktop: keep the app from becoming comically wide. */
@media(min-width:1200px){
  .usn-shell.usn-dashboard{
    padding-left:28px;
    padding-right:28px;
  }
}

/* Tablet / phone: same architecture, simply tighter spacing. */
@media(max-width:760px){
  .usn-shell.usn-dashboard{
    padding:8px 7px 96px;
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar{
    top:3px;
    grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);
    gap:7px;
    min-height:82px;
    margin-bottom:10px;
    padding:8px;
    border-radius:15px;
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{
    min-height:46px;
    padding:9px 10px;
    font-size:12px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title{
    min-width:105px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
    width:54px;
    height:34px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:14px}
  .usn-shell.usn-dashboard .usn-mobile-page-title small{font-size:8px}
  .usn-shell.usn-dashboard .usn-main{
    min-height:calc(100vh - 110px);
  }
  .usn-shell.usn-dashboard .usn-card{
    padding:18px;
    border-radius:15px;
  }
  .usn-shell.usn-dashboard .usn-card h2{font-size:20px}
  .usn-shell.usn-dashboard .usn-card p{font-size:13px}
  .usn-shell.usn-dashboard .usn-hero h1{font-size:26px}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav{
    bottom:6px;
    width:calc(100vw - 14px);
    padding:6px;
    border-radius:17px;
  }
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button{
    min-height:55px;
  }
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button span{font-size:20px}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button small{font-size:10px}
}

@media(max-width:420px){
  .usn-shell.usn-dashboard .usn-mobile-pagebar{
    grid-template-columns:1fr auto 1fr;
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{
    padding-left:8px;
    padding-right:8px;
    font-size:11px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:13px}
}


/* =========================================================
 * UniversalScout Networkship v1.9.2 — final canvas guard
 * The WordPress/Elementor page itself must grow with the active
 * chapter. This is intentionally scoped to the Networkship shell.
 * ========================================================= */
.usn-shell.usn-dashboard{
  box-sizing:border-box;
  background:var(--bg,#06121c);
}
.usn-shell.usn-dashboard,
.usn-shell.usn-dashboard *,
.usn-shell.usn-dashboard *::before,
.usn-shell.usn-dashboard *::after{
  box-sizing:border-box;
}

/* Never clip the active chapter inside Networkship itself. */
.usn-shell.usn-dashboard .usn-main,
.usn-shell.usn-dashboard .usn-layout,
.usn-shell.usn-dashboard .usn-mobile-page-item.is-mobile-visible{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Keep the page readable even when the active theme has tiny defaults. */
.usn-shell.usn-dashboard .usn-mobile-pagebar button{
  font-size:14px;
  min-height:50px;
}
.usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:18px}
.usn-shell.usn-dashboard .usn-mobile-page-title small{font-size:10px}
.usn-shell.usn-dashboard .usn-card p,
.usn-shell.usn-dashboard .usn-action-card p,
.usn-shell.usn-dashboard .usn-field-help{
  line-height:1.65;
}

/* The fixed navigation remains reachable above Android/browser safe areas. */
.usn-shell.usn-dashboard .usn-mobile-flow-nav{
  padding-bottom:max(7px,env(safe-area-inset-bottom));
}

/* The next action is a gentle invitation, not an aggressive flash. */
.usn-shell.usn-dashboard .usn-mobile-next{
  will-change:box-shadow;
}
@media (prefers-reduced-motion:reduce){
  .usn-shell.usn-dashboard .usn-mobile-next{
    animation:none!important;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-item{
    animation:none!important;
  }
}

@media(max-width:760px){
  .usn-shell.usn-dashboard{
    padding-bottom:calc(100px + env(safe-area-inset-bottom));
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar{
    grid-template-columns:minmax(92px,1fr) minmax(116px,auto) minmax(92px,1fr);
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title{
    display:grid!important;
    justify-items:center;
    text-align:center;
    gap:2px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
    width:58px;
    height:36px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:14px}
  .usn-shell.usn-dashboard .usn-mobile-page-title small{font-size:8px}
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{
    font-size:13px;
    min-height:48px;
  }
  .usn-shell.usn-dashboard .usn-card p,
  .usn-shell.usn-dashboard .usn-action-card p,
  .usn-shell.usn-dashboard .usn-field-help{
    font-size:14px;
  }
}
@media(max-width:420px){
  .usn-shell.usn-dashboard .usn-mobile-pagebar{
    grid-template-columns:minmax(82px,1fr) minmax(108px,auto) minmax(82px,1fr);
    gap:5px;
    padding:7px;
  }
  .usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
    width:50px;
    height:32px;
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{
    padding-left:8px;
    padding-right:8px;
    font-size:12px;
  }
}


/* =========================================================
 * UniversalScout Networkship v1.9.3 — clean, fast app canvas
 * ========================================================= */
.usn-shell.usn-dashboard{
  width:100%;
  max-width:none;
  min-height:100vh!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:18px 18px 112px;
}
.usn-shell.usn-dashboard .usn-layout{
  display:block!important;
  width:min(1080px,100%);
  margin:0 auto;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.usn-shell.usn-dashboard .usn-sidebar,
.usn-shell.usn-dashboard .usn-rightbar,
.usn-shell.usn-dashboard .usn-quickbar{
  display:none!important;
}
.usn-shell.usn-dashboard .usn-main{
  width:100%;
  min-width:0;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* One readable header for desktop and mobile. */
.usn-shell.usn-dashboard .usn-mobile-pagebar{
  position:sticky;
  top:10px;
  z-index:100;
  display:grid!important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  align-items:center;
  gap:18px;
  width:100%;
  min-height:86px;
  margin:0 auto 14px;
  padding:12px 14px;
  border:1px solid rgba(105,227,74,.18);
  border-radius:18px;
  background:rgba(5,17,27,.96);
  backdrop-filter:blur(18px);
  box-shadow:0 10px 30px rgba(0,0,0,.20);
}
.usn-shell.usn-dashboard .usn-mobile-pagebar button{
  min-height:50px;
  padding:11px 18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:13px;
  background:#091a27;
  color:#e9eff3;
  font:800 15px/1.2 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.usn-shell.usn-dashboard .usn-mobile-pagebar button:hover{
  border-color:rgba(105,227,74,.45);
  background:#0b2030;
  transform:translateY(-1px);
}
.usn-shell.usn-dashboard .usn-mobile-pagebar button[hidden]{visibility:hidden;display:block!important;opacity:0;pointer-events:none}
.usn-shell.usn-dashboard .usn-mobile-back{text-align:left}
.usn-shell.usn-dashboard .usn-mobile-next{text-align:right}

.usn-shell.usn-dashboard .usn-mobile-page-title{
  display:grid!important;
  justify-items:center;
  align-content:center;
  gap:3px;
  min-width:180px;
  text-align:center;
}
.usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
  width:68px;
  height:43px;
  object-fit:contain;
  object-position:center;
  margin:0 0 1px;
}
.usn-shell.usn-dashboard .usn-mobile-page-title>span{display:grid;gap:3px;min-width:0}
.usn-shell.usn-dashboard .usn-mobile-page-title strong{
  font-size:18px;
  line-height:1.15;
  color:#fff;
  white-space:nowrap;
}
.usn-shell.usn-dashboard .usn-mobile-page-title small{
  font-size:10px;
  line-height:1.25;
  color:#69e34a;
  letter-spacing:.10em;
  font-weight:800;
  white-space:nowrap;
}

/* True chapter switching. No nested collapses and no scroll-spy. */
.usn-shell.usn-dashboard .usn-page-item{display:none!important}
.usn-shell.usn-dashboard .usn-page-item.is-mobile-visible{display:block!important}
.usn-shell.usn-dashboard .usn-page-item.usn-action-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-page-item.usn-data-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-page-item.usn-bottom-grid.is-mobile-visible,
.usn-shell.usn-dashboard .usn-page-item.usn-contribution-grid.is-mobile-visible{display:grid!important}
.usn-shell.usn-dashboard .usn-flow-guide.is-mobile-visible{display:grid!important}

/* Old v1.8 compact controls are permanently disabled. */
.usn-shell.usn-dashboard .usn-compact-section,
.usn-shell.usn-dashboard .usn-compact-section.is-collapsed,
.usn-shell.usn-dashboard .usn-compact-section.is-open{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
.usn-shell.usn-dashboard .usn-section-toggle,
.usn-shell.usn-dashboard .usn-compact-toggle{display:none!important}

/* Comfortable reading scale. */
.usn-shell.usn-dashboard .usn-card{padding:24px;border-radius:17px}
.usn-shell.usn-dashboard .usn-card h2{font-size:22px;line-height:1.28}
.usn-shell.usn-dashboard .usn-card p{font-size:15px;line-height:1.68}
.usn-shell.usn-dashboard .usn-eyebrow,
.usn-shell.usn-dashboard .usn-kicker{font-size:12px}
.usn-shell.usn-dashboard .usn-hero{padding:34px 36px}
.usn-shell.usn-dashboard .usn-hero h1{font-size:34px}
.usn-shell.usn-dashboard .usn-hero p{font-size:15px}
.usn-shell.usn-dashboard .usn-action-card{padding:22px}
.usn-shell.usn-dashboard .usn-action-card h3{font-size:18px}
.usn-shell.usn-dashboard .usn-action-card p{font-size:14px;line-height:1.65}
.usn-shell.usn-dashboard .usn-btn{min-height:48px;padding:11px 17px;border-radius:11px;font-size:14px}
.usn-shell.usn-dashboard .usn-contribution-form input,
.usn-shell.usn-dashboard .usn-contribution-form select,
.usn-shell.usn-dashboard .usn-contribution-form textarea,
.usn-shell.usn-dashboard .usn-profile-form input,
.usn-shell.usn-dashboard .usn-profile-form select,
.usn-shell.usn-dashboard .usn-profile-form textarea{font-size:16px!important;line-height:1.5;min-height:50px}
.usn-shell.usn-dashboard .usn-contribution-form textarea,
.usn-shell.usn-dashboard .usn-profile-form textarea{min-height:140px}
.usn-shell.usn-dashboard .usn-contribution-form label,
.usn-shell.usn-dashboard .usn-profile-form label{font-size:15px;line-height:1.5}

/* The next button softly invites a tap; never a distracting flash. */
@keyframes usn-next-pulse-193{
  0%,100%{box-shadow:0 0 0 0 rgba(105,227,74,0)}
  50%{box-shadow:0 0 0 6px rgba(105,227,74,.10)}
}
.usn-shell.usn-dashboard .usn-mobile-next:not([hidden]){
  animation:usn-next-pulse-193 2.4s ease-in-out infinite;
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav{
  position:fixed!important;
  left:50%;right:auto;bottom:14px;
  transform:translateX(-50%);
  z-index:9999;
  width:min(680px,calc(100vw - 28px));
  display:grid!important;
  grid-template-columns:repeat(5,1fr);
  gap:4px;
  padding:6px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(5,17,27,.96);
  backdrop-filter:blur(18px);
  box-shadow:0 14px 38px rgba(0,0,0,.38);
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button{
  min-height:58px;
  border:0;
  border-radius:12px;
  background:transparent;
  color:#8196a7;
  display:grid;place-items:center;gap:3px;
  cursor:pointer;
}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button span{font-size:21px;line-height:1}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button small{font-size:11px;font-weight:800}
.usn-shell.usn-dashboard .usn-mobile-flow-nav button.is-active{background:rgba(105,227,74,.11);color:#77e95b}

/* The page builder host must grow with whichever chapter is active. */
.usn-shell.usn-dashboard,
.usn-shell.usn-dashboard .usn-layout,
.usn-shell.usn-dashboard .usn-main,
.usn-shell.usn-dashboard .usn-page-item.is-mobile-visible,
.usn-shell.usn-dashboard .usn-page-item.is-mobile-visible *{
  box-sizing:border-box;
}
.usn-shell.usn-dashboard .usn-page-item.is-mobile-visible{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

@media(max-width:760px){
  .usn-shell.usn-dashboard{padding:8px 7px calc(104px + env(safe-area-inset-bottom))}
  .usn-shell.usn-dashboard .usn-mobile-pagebar{
    top:0;
    grid-template-columns:minmax(84px,1fr) minmax(108px,auto) minmax(84px,1fr);
    gap:6px;
    min-height:82px;
    margin:0 -7px 10px;
    padding:7px;
    border-radius:0 0 16px 16px;
  }
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{min-height:48px;padding:9px 10px;font-size:13px}
  .usn-shell.usn-dashboard .usn-mobile-page-title{min-width:108px}
  .usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{width:56px;height:35px}
  .usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:14px}
  .usn-shell.usn-dashboard .usn-mobile-page-title small{font-size:8px}
  .usn-shell.usn-dashboard .usn-card{padding:18px;border-radius:15px}
  .usn-shell.usn-dashboard .usn-card h2{font-size:21px}
  .usn-shell.usn-dashboard .usn-card p{font-size:14px}
  .usn-shell.usn-dashboard .usn-hero h1{font-size:27px}
  .usn-shell.usn-dashboard .usn-hero p{font-size:14px}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav{bottom:6px;width:calc(100vw - 14px)}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button{min-height:58px}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button span{font-size:21px}
  .usn-shell.usn-dashboard .usn-mobile-flow-nav button small{font-size:10px}
  .usn-shell.usn-dashboard .usn-contribution-form input,
  .usn-shell.usn-dashboard .usn-contribution-form select,
  .usn-shell.usn-dashboard .usn-contribution-form textarea{font-size:16px!important}
}
@media(max-width:420px){
  .usn-shell.usn-dashboard .usn-mobile-pagebar{grid-template-columns:minmax(78px,1fr) minmax(102px,auto) minmax(78px,1fr);gap:4px}
  .usn-shell.usn-dashboard .usn-mobile-pagebar button{padding-left:7px;padding-right:7px;font-size:12px}
  .usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{width:50px;height:31px}
  .usn-shell.usn-dashboard .usn-mobile-page-title strong{font-size:13px}
  .usn-shell.usn-dashboard .usn-mobile-page-title small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .usn-shell.usn-dashboard .usn-mobile-next:not([hidden]){animation:none!important}
}


/* =========================================================
 * UniversalScout Networkship v1.9.4 — brand & profile separation
 * - Home-only UniversalScout logo sits above "Mulai di sini".
 * - The chapter title bar keeps its navigation/title, but no longer
 *   carries the logo.
 * - Profile is its own dedicated "Profil" chapter.
 * ========================================================= */
.usn-shell.usn-dashboard .usn-home-brand{
  display:none!important;
  width:100%;
  min-height:78px;
  margin:0 auto 12px;
  align-items:center;
  justify-content:center;
  padding:8px 0;
  text-align:center;
}
.usn-shell.usn-dashboard .usn-home-brand.is-mobile-visible{
  display:flex!important;
}
.usn-shell.usn-dashboard .usn-home-brand img{
  display:block;
  width:116px;
  height:70px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.18));
}

/* The pagebar remains the stable chapter/navigation bar. */
.usn-shell.usn-dashboard .usn-mobile-page-title .usn-mobile-brand-logo{
  display:none!important;
}

/* Dedicated profile chapter: visually separate identity from journey content. */
.usn-shell.usn-dashboard[data-mobile-view="account"] .usn-profile{
  margin-top:0;
  border-color:rgba(105,227,74,.22);
  background:linear-gradient(135deg,#0b1d2a,#081521);
  box-shadow:0 12px 32px rgba(0,0,0,.16);
}
.usn-shell.usn-dashboard[data-mobile-view="account"] .usn-trust-card{
  margin-top:10px;
}
.usn-shell.usn-dashboard[data-mobile-view="account"] .usn-principles{
  margin-top:10px;
}

/* Home logo is intentionally not sticky and disappears with the home chapter. */
@media(max-width:760px){
  .usn-shell.usn-dashboard .usn-home-brand{
    min-height:68px;
    margin:0 auto 8px;
    padding:5px 0;
  }
  .usn-shell.usn-dashboard .usn-home-brand img{
    width:92px;
    height:56px;
  }
}


/* UniversalScout Networkship v1.9.5 — Profile 2.0 */
.usn-dashboard .usn-profile-v2{
  position:relative;overflow:hidden;padding:0;border-radius:18px;
  background:linear-gradient(145deg,rgba(11,30,44,.98),rgba(6,18,28,.98));
}
.usn-dashboard .usn-profile-v2 .usn-profile-cover{
  height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(380px 100px at 8% 0%,rgba(255,61,145,.16),transparent 70%),
    radial-gradient(300px 100px at 90% 100%,rgba(53,200,255,.08),transparent 70%),
    linear-gradient(120deg,#0b2231,#08151f);
}
.usn-dashboard .usn-profile-cover span{font-size:9px;letter-spacing:.16em;color:#728b9b;font-weight:800}
.usn-dashboard .usn-profile-cover b{color:#ff3d91;font-size:18px}
.usn-dashboard .usn-profile-v2-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;padding:18px 22px 12px}
.usn-dashboard .usn-profile-avatar-wrap{position:relative;width:92px;height:92px}
.usn-dashboard .usn-profile-avatar-wrap .usn-avatar-img{width:92px;height:92px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,61,145,.48);box-shadow:0 0 0 5px rgba(255,61,145,.05),0 10px 28px rgba(0,0,0,.25)}
.usn-dashboard .usn-profile-online{position:absolute;right:3px;bottom:5px;width:13px;height:13px;border-radius:50%;background:#69e34a;border:3px solid #091a25;box-shadow:0 0 12px rgba(105,227,74,.35)}
.usn-dashboard .usn-profile-v2-identity h2{margin:3px 0 3px;font-size:23px;color:#fff}
.usn-dashboard .usn-profile-v2-identity p{margin:0;color:#8fa4b4;font-size:11px}.usn-dashboard .usn-profile-v2-identity p strong{color:#d8e4ec}
.usn-dashboard .usn-profile-v2-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:8px;color:#71899a;font-size:10px}
.usn-dashboard .usn-profile-v2-actions{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.usn-dashboard .usn-profile-status{padding:5px 9px;border:1px solid rgba(105,227,74,.22);border-radius:999px;color:#8beb73;background:rgba(105,227,74,.06);font-size:9px;font-weight:900;letter-spacing:.08em}
.usn-dashboard .usn-profile-v2 .usn-logout{margin:0}
.usn-dashboard .usn-profile-v2-bio{display:flex;gap:9px;align-items:flex-start;margin:0 22px 14px;padding:11px 13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.02)}
.usn-dashboard .usn-profile-v2-bio>span{color:#ff3d91;font-size:22px;line-height:1}.usn-dashboard .usn-profile-v2-bio p{margin:0;color:#aab9c5;font-size:11px;line-height:1.55;flex:1}.usn-dashboard .usn-profile-v2-bio a{color:#8ee77a;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.usn-dashboard .usn-profile-v2-bio.is-empty>span{font-size:16px;margin-top:2px}
.usn-dashboard .usn-profile-v2 .usn-stats{border-top:1px solid rgba(255,255,255,.07);padding:13px 8px 14px}
.usn-dashboard .usn-profile-v2 .usn-stats div:first-child{border-left:0}
@media(max-width:700px){
 .usn-dashboard .usn-profile-v2-head{grid-template-columns:auto minmax(0,1fr);gap:13px;padding:16px 16px 11px}
 .usn-dashboard .usn-profile-v2-actions{grid-column:2;flex-direction:row;align-items:center;justify-content:flex-start;margin-top:-4px}
 .usn-dashboard .usn-profile-v2-identity h2{font-size:20px}
 .usn-dashboard .usn-profile-cover{padding:0 16px;height:50px}
 .usn-dashboard .usn-profile-v2-bio{margin-left:16px;margin-right:16px}
}
@media(max-width:430px){
 .usn-dashboard .usn-profile-avatar-wrap,.usn-dashboard .usn-profile-avatar-wrap .usn-avatar-img{width:72px;height:72px}
 .usn-dashboard .usn-profile-v2-head{grid-template-columns:72px minmax(0,1fr)}
 .usn-dashboard .usn-profile-online{width:11px;height:11px;right:1px;bottom:2px}
 .usn-dashboard .usn-profile-v2-identity h2{font-size:18px}
 .usn-dashboard .usn-profile-v2-meta{gap:5px 10px}
}


/* UniversalScout Networkship v1.9.6 — home brand identity */
.usn-shell.usn-dashboard .usn-home-brand{flex-direction:column;gap:7px}
.usn-shell.usn-dashboard .usn-home-brand-copy{display:grid;gap:3px;width:min(620px,100%);text-align:center}
.usn-shell.usn-dashboard .usn-home-brand-copy strong{display:block;color:#f7f8fb;font-size:14px;line-height:1.25;letter-spacing:.12em;font-weight:800}
.usn-shell.usn-dashboard .usn-home-brand-copy span{display:block;color:#8fa5b5;font-size:11px;line-height:1.5}
@media(max-width:760px){.usn-shell.usn-dashboard .usn-home-brand{gap:5px}.usn-shell.usn-dashboard .usn-home-brand-copy{width:calc(100% - 18px)}.usn-shell.usn-dashboard .usn-home-brand-copy strong{font-size:12px;letter-spacing:.09em}.usn-shell.usn-dashboard .usn-home-brand-copy span{font-size:10px}}

/* v1.10.0 — UniversalScout Achievement & Badge System */
.usn-badge-summary{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:14px 0 18px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:14px}
.usn-badge-summary>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.usn-badge-summary>div strong{font-size:30px;line-height:1}
.usn-badge-summary>div span:last-child{font-size:11px;color:rgba(255,255,255,.55)}
.usn-badge-summary p{max-width:440px;margin:0;font-size:11px;line-height:1.55;color:rgba(255,255,255,.58)}
.usn-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.usn-badge{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.usn-badge.is-earned{border-color:rgba(238,43,131,.28);background:linear-gradient(135deg,rgba(238,43,131,.08),rgba(255,255,255,.018))}
.usn-badge:hover{transform:translateY(-1px);border-color:rgba(238,43,131,.3)}
.usn-badge.is-locked{opacity:.66}
.usn-badge-medal{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:23px}
.usn-badge.is-earned .usn-badge-medal{box-shadow:0 0 22px rgba(238,43,131,.13);border-color:rgba(238,43,131,.32)}
.usn-badge-medal>b{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;background:#ee2b83;color:#fff;border:2px solid #08131d}
.usn-badge-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.usn-badge-copy strong{font-size:13px;line-height:1.2}
.usn-badge-copy small{font-size:9px;text-transform:uppercase;letter-spacing:.55px;color:#ee2b83}
.usn-badge-copy>span{font-size:10px;line-height:1.4;color:rgba(255,255,255,.57)}
.usn-badge-progress{height:3px;margin-top:5px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.07)}
.usn-badge-progress i{display:block;height:100%;border-radius:inherit;background:#ee2b83}
.usn-badge-copy em{font-style:normal;font-size:9px;color:rgba(255,255,255,.42);margin-top:1px}
.usn-milestone-details{margin-top:12px;border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.usn-milestone-details summary{cursor:pointer;font-size:10px;color:rgba(255,255,255,.55);list-style:none}
.usn-milestone-details summary::-webkit-details-marker{display:none}
.usn-milestone-details summary:after{content:'＋';float:right;color:#ee2b83}
.usn-milestone-details[open] summary:after{content:'−'}
@media(max-width:700px){
 .usn-badge-summary{display:block}
 .usn-badge-summary p{margin-top:8px}
 .usn-badge-grid{grid-template-columns:1fr}
 .usn-badge{padding:11px}
}

/* v1.11.0 — Network & Contribution 2.0 */
.usn-contribution-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.usn-contribution-summary>div{padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018)}
.usn-contribution-summary strong{display:block;font-size:20px;line-height:1.1}
.usn-contribution-summary span{display:block;margin-top:4px;font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.45px}
.usn-history-filters{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 10px}
.usn-history-filters button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:rgba(255,255,255,.55);border-radius:999px;padding:6px 9px;font:inherit;font-size:9px;cursor:pointer}
.usn-history-filters button.is-active{border-color:rgba(238,43,131,.45);color:#fff;background:rgba(238,43,131,.10)}
.usn-history-item{display:none}
.usn-history-item.is-visible{display:flex}
.usn-history-status{width:23px;height:23px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}
.usn-history-status.approved{color:#fff;background:rgba(54,190,125,.16)}
.usn-history-status.pending{color:#fff;background:rgba(255,190,70,.12)}
.usn-history-status.rejected{color:#fff;background:rgba(238,43,131,.13)}
.usn-history-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}
.usn-history-pagination button{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff;cursor:pointer}
.usn-history-pagination button:disabled{opacity:.3;cursor:default}
.usn-history-pagination span{font-size:9px;color:rgba(255,255,255,.48)}
@media(max-width:700px){.usn-contribution-summary{grid-template-columns:repeat(3,1fr)}.usn-contribution-summary strong{font-size:18px}}

/* v1.12.0 — Network 2.0 */
.usn-network-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px}
.usn-network-metrics>div{padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.018)}
.usn-network-metrics strong{display:block;font-size:19px;line-height:1.1}
.usn-network-metrics span{display:block;margin-top:3px;font-size:9px;color:rgba(255,255,255,.44);text-transform:uppercase;letter-spacing:.45px}
.usn-network-people{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.06)}
.usn-network-people-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.usn-network-people-head small{font-size:9px;color:rgba(255,255,255,.4)}
.usn-network-people-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.usn-network-person{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:rgba(255,255,255,.014);min-width:0}
.usn-network-person .usn-avatar-img{width:34px;height:34px;flex:0 0 34px}
.usn-network-person>span{min-width:0}
.usn-network-person strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.usn-network-person small{display:block;margin-top:2px;font-size:8px;color:rgba(255,255,255,.38)}
.usn-network-more{text-align:center;margin-top:7px;font-size:9px;color:rgba(255,255,255,.42)}
@media(max-width:700px){.usn-network-people-list{grid-template-columns:1fr}}

/* v1.13.0 — Activity System 2.0 */
.usn-activity-intro{margin:-2px 0 11px;font-size:10px;line-height:1.5;color:rgba(255,255,255,.45)}
.usn-activity-filters{display:flex;gap:6px;margin-bottom:9px}
.usn-activity-filters button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:rgba(255,255,255,.52);border-radius:999px;padding:5px 9px;font:inherit;font-size:9px;cursor:pointer}
.usn-activity-filters button.is-active{border-color:rgba(238,43,131,.4);background:rgba(238,43,131,.09);color:#fff}
.usn-live-activity{display:flex}
.usn-live-activity.is-hidden{display:none}
.usn-activity-kind{margin-left:auto;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.035);font-size:11px}

/* v1.14.0 — Activity & Event System */
.usn-event-notice{padding:10px 13px;border-radius:10px;margin:10px 0;font-size:10px;border:1px solid rgba(255,255,255,.08)}
.usn-event-notice.is-success{background:rgba(54,190,125,.08);color:rgba(255,255,255,.82)}
.usn-event-notice.is-error{background:rgba(238,43,131,.08);color:rgba(255,255,255,.82)}
.usn-events{margin:14px 0 18px}
.usn-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:10px}
.usn-section-head h2{margin:2px 0 0;font-size:17px}
.usn-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.usn-event-card{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.018)}
.usn-event-date{width:50px;height:58px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(238,43,131,.09);border:1px solid rgba(238,43,131,.16)}
.usn-event-date strong{font-size:21px;line-height:1}
.usn-event-date span{font-size:9px;text-transform:uppercase;color:#ee2b83;margin-top:3px}
.usn-event-copy{min-width:0}
.usn-event-copy h3{margin:2px 0 4px;font-size:13px;line-height:1.25}
.usn-event-copy p{margin:0 0 5px;font-size:10px;line-height:1.45;color:rgba(255,255,255,.52)}
.usn-event-copy small{display:block;font-size:8px;color:rgba(255,255,255,.37)}
.usn-event-action{grid-column:2;display:flex;align-items:center;gap:8px;margin-top:-2px}
.usn-event-action form{margin:0}
.usn-event-action .usn-btn{padding:7px 10px;font-size:9px}
.usn-event-joined{font-size:9px;color:rgba(255,255,255,.5)}
.usn-event-full{font-size:8px;color:rgba(238,43,131,.75)}
@media(max-width:700px){.usn-event-grid{grid-template-columns:1fr}.usn-event-card{grid-template-columns:46px 1fr}.usn-event-date{width:46px;height:54px}.usn-event-action{grid-column:2}}

/* v1.15.0 — announcement/event links */
.usn-announcement p a,.usn-event-copy small a{color:#ee2b83;text-decoration:underline;text-underline-offset:2px;word-break:break-word}

.usn-announcements a{color:#ee2b83;text-decoration:underline;text-underline-offset:2px;word-break:break-word}


/* v1.16.2 — Announcement & Event visual polish
 * Purpose: create clearer visual hierarchy while staying within the UniversalScout palette.
 */
.usn-announcements{
  margin-top:18px;
  margin-bottom:18px;
}
.usn-announcement{
  position:relative;
  overflow:hidden;
  padding:18px 18px 17px;
  border-left-width:3px;
  border-left-color:rgba(238,43,131,.72);
  background:linear-gradient(135deg,rgba(238,43,131,.075),rgba(255,255,255,.018) 52%,rgba(255,255,255,.01));
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.usn-announcement::after{
  content:"";
  position:absolute;
  width:150px;height:150px;
  right:-65px;top:-75px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(238,43,131,.10),transparent 68%);
  pointer-events:none;
}
.usn-announcement-icon{
  background:rgba(238,43,131,.10);
  border:1px solid rgba(238,43,131,.18);
}
.usn-announcement-challenge{
  border-left-color:rgba(255,153,0,.82);
  background:linear-gradient(135deg,rgba(255,153,0,.085),rgba(255,255,255,.018) 52%,rgba(255,255,255,.01));
}
.usn-announcement-challenge .usn-announcement-icon{
  background:rgba(255,153,0,.10);
  border-color:rgba(255,153,0,.20);
}
.usn-announcement-offer{
  border-left-color:rgba(255,207,64,.82);
  background:linear-gradient(135deg,rgba(255,207,64,.075),rgba(255,255,255,.018) 52%,rgba(255,255,255,.01));
}
.usn-announcement-offer .usn-announcement-icon{
  background:rgba(255,207,64,.10);
  border-color:rgba(255,207,64,.20);
}
.usn-announcement h2{position:relative;z-index:1}
.usn-announcement p,.usn-announcement small,.usn-announcement .usn-eyebrow{position:relative;z-index:1}

.usn-events{
  margin-top:20px;
  margin-bottom:22px;
}
.usn-events .usn-section-head{
  margin-bottom:12px;
  padding:0 2px;
}
.usn-events .usn-section-head .usn-eyebrow{color:#2aa7ff}
.usn-event-card{
  position:relative;
  overflow:hidden;
  border-left-width:3px;
  border-left-color:rgba(42,167,255,.58);
  background:linear-gradient(135deg,rgba(42,167,255,.055),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01));
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.usn-event-card:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(0,0,0,.14);
}
.usn-event-date{
  background:rgba(42,167,255,.09);
  border-color:rgba(42,167,255,.18);
}
.usn-event-date span{color:#2aa7ff}
.usn-event-type-challenge{
  border-left-color:rgba(255,153,0,.78);
  background:linear-gradient(135deg,rgba(255,153,0,.065),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01));
}
.usn-event-type-challenge .usn-event-date{
  background:rgba(255,153,0,.09);
  border-color:rgba(255,153,0,.18);
}
.usn-event-type-challenge .usn-event-date span{color:#ffad33}
.usn-event-type-competition{
  border-left-color:rgba(238,43,131,.78);
  background:linear-gradient(135deg,rgba(238,43,131,.065),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01));
}
.usn-event-type-competition .usn-event-date{
  background:rgba(238,43,131,.09);
  border-color:rgba(238,43,131,.18);
}
.usn-event-type-competition .usn-event-date span{color:#ee2b83}
.usn-event-type-learning{
  border-left-color:rgba(105,227,74,.72);
  background:linear-gradient(135deg,rgba(105,227,74,.06),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01));
}
.usn-event-type-learning .usn-event-date{
  background:rgba(105,227,74,.08);
  border-color:rgba(105,227,74,.17);
}
.usn-event-type-learning .usn-event-date span{color:#69e34a}
.usn-event-type-campaign{
  border-left-color:rgba(174,104,255,.72);
  background:linear-gradient(135deg,rgba(174,104,255,.06),rgba(255,255,255,.018) 55%,rgba(255,255,255,.01));
}
.usn-event-type-campaign .usn-event-date{
  background:rgba(174,104,255,.08);
  border-color:rgba(174,104,255,.17);
}
.usn-event-type-campaign .usn-event-date span{color:#b778ff}

@media(max-width:700px){
  .usn-announcements{margin-top:16px;margin-bottom:16px}
  .usn-announcement{padding:15px 14px 15px;gap:12px}
  .usn-events{margin-top:18px;margin-bottom:20px}
  .usn-events .usn-section-head{align-items:flex-start}
  .usn-event-card{padding:11px 11px 12px}
}


/* v1.16.3 — multi announcement/event visibility
 * Multiple active items are intentionally supported; this header keeps
 * the section readable when several notices are published at once.
 */
.usn-announcements-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 9px}
.usn-announcements-head .usn-eyebrow{margin:0}
.usn-announcements-head .usn-mini-label{flex:0 0 auto}
.usn-announcements>.usn-announcement{min-width:0}
.usn-event-grid{align-items:stretch}
.usn-event-card{min-width:0}
@media(max-width:700px){.usn-announcements-head{margin-bottom:8px}.usn-announcements-head .usn-eyebrow{font-size:10px}}


/* v1.16.5 — explicit announcement spacing fix
 * Use a direct margin between cards as a reliable fallback even when
 * surrounding Elementor/theme styles interfere with grid row-gap.
 */
.usn-announcements{
  display:grid;
  gap:0 !important;
}
.usn-announcements>.usn-announcement{
  margin:0 0 20px !important;
}
.usn-announcements>.usn-announcement:last-child{
  margin-bottom:0 !important;
}
@media(max-width:700px){
  .usn-announcements>.usn-announcement{
    margin-bottom:16px !important;
  }
  .usn-announcements>.usn-announcement:last-child{
    margin-bottom:0 !important;
  }
}

/* v1.17.0 — Submission System */
.usn-submission-wrap{grid-column:1/-1;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.07)}
.usn-submission-status{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:10px;margin:2px 0 8px}
.usn-submission-status span{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(42,167,255,.09);border:1px solid rgba(42,167,255,.18);color:#8bcfff;font-weight:800}
.usn-submission-status-needs_revision span{background:rgba(255,153,0,.09);border-color:rgba(255,153,0,.2);color:#ffbd62}
.usn-submission-status-approved span{background:rgba(105,227,74,.08);border-color:rgba(105,227,74,.18);color:#8bea74}
.usn-submission-status-rejected span{background:rgba(238,43,131,.08);border-color:rgba(238,43,131,.18);color:#ff70ae}
.usn-submission-status small{color:#93a5b4;font-size:10px}
.usn-submission-details{border:1px solid rgba(42,167,255,.15);border-radius:12px;background:rgba(42,167,255,.025);padding:9px 11px}
.usn-submission-details summary{cursor:pointer;color:#8bcfff;font-size:11px;font-weight:800;list-style:none}
.usn-submission-details summary::-webkit-details-marker{display:none}
.usn-submission-form{display:grid;gap:9px;margin-top:10px}
.usn-submission-form label{display:grid;gap:5px;color:#dbe5ee;font-size:11px}
.usn-submission-form input,.usn-submission-form textarea{width:100%;box-sizing:border-box;background:#071722;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:9px 10px;font:inherit}
.usn-submission-form input[type=file]{padding:7px}
.usn-submission-form small{color:#8194a4}
.usn-submission-form .usn-btn{justify-self:start}
.usn-member-submissions{margin:20px 0 24px}
.usn-submission-list{display:grid;gap:12px}
.usn-member-submission-card{display:flex;justify-content:space-between;gap:18px;align-items:center;border-left:3px solid rgba(42,167,255,.55)}
.usn-member-submission-card h3{margin:4px 0 5px}
.usn-member-submission-card p{margin:0 0 6px;color:#aebdca}
.usn-member-submission-card small{color:#718696}
.usn-member-submission-card>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:700px){
  .usn-member-submission-card{display:grid;align-items:start}
  .usn-member-submission-card>div:last-child{justify-content:flex-start}
  .usn-submission-wrap{margin-top:8px;padding-top:9px}
}


/* v1.17.1 — Submission layout & chapter visibility fix */
.usn-shell.usn-dashboard .usn-event-action{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:0;
  min-width:0;
}
.usn-shell.usn-dashboard .usn-event-action > form{flex:0 0 auto;min-width:0}
.usn-shell.usn-dashboard .usn-event-action > .usn-submission-wrap{
  flex:1 0 100%;
  width:100%;
  min-width:0;
  margin-top:3px;
}
.usn-shell.usn-dashboard .usn-event-action > .usn-event-full{flex:0 0 auto}
.usn-shell.usn-dashboard .usn-member-submissions{min-width:0}
@media(max-width:700px){
  .usn-shell.usn-dashboard .usn-event-action{grid-column:1/-1}
  .usn-shell.usn-dashboard .usn-event-action > .usn-submission-wrap{flex-basis:100%}
}

/* v1.17.2 — explicit admin action feedback */
.usn-admin-note.is-success{border-left:3px solid #16d88a;background:rgba(22,216,138,.08)}
.usn-admin-note.is-error{border-left:3px solid #ff3b81;background:rgba(255,59,129,.08)}

/* v1.18.0 — Submission scoring */
.usn-admin-score-box{
  margin-top:8px;
  padding:10px 12px;
  border:1px solid rgba(53,200,255,.16);
  border-radius:10px;
  background:rgba(53,200,255,.025);
}
.usn-admin-score-box summary{
  cursor:pointer;
  font-weight:700;
  color:#8bcfff;
}
.usn-admin-score-box .usn-admin-form{
  margin-top:10px;
  display:grid;
  gap:8px;
}
.usn-admin-score-box input[type=number]{max-width:120px}
.usn-admin-score-box textarea{min-width:260px}
.usn-submission-score{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin-top:9px;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid rgba(105,227,74,.18);
  background:rgba(105,227,74,.045);
}
.usn-submission-score strong{color:#8bea74}
.usn-submission-score span{color:#9db0be}
.usn-submission-feedback{
  display:grid;
  gap:3px;
  margin-top:8px;
  padding:8px 10px;
  border-left:2px solid rgba(255,153,0,.55);
  background:rgba(255,153,0,.045);
  border-radius:0 8px 8px 0;
}
.usn-submission-feedback strong{font-size:10px;color:#ffbd62;text-transform:uppercase;letter-spacing:.08em}
.usn-submission-feedback span{color:#b8c6d0}
@media(max-width:700px){
  .usn-admin-score-box textarea{min-width:0;width:100%}
}

/* v1.18.2 — scoring layout + null-safe form styling */
.usn-score-breakdown{display:grid;gap:5px;margin-top:9px}
.usn-score-breakdown span{display:flex;justify-content:space-between;gap:14px;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.025);font-size:12px;color:#9fb0bd}
.usn-score-breakdown b{color:#fff}
.usn-admin-score-box .usn-admin-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.usn-admin-score-box .usn-score-field{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.usn-admin-score-box .usn-score-field label{
  display:block;
  margin:0;
  line-height:1.35;
  color:#d9e5ec;
}
.usn-admin-score-box .usn-score-field label small{
  color:#8fa3b0;
  font-weight:600;
}
.usn-admin-score-box .usn-score-field input[type=number]{
  display:block;
  width:110px;
  max-width:100%;
  margin:0;
  box-sizing:border-box;
}
.usn-admin-score-box .usn-admin-form > label{
  grid-column:1/-1;
  min-width:0;
}
.usn-admin-score-box .usn-admin-form > label textarea{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.usn-admin-score-box .usn-admin-form > button{
  grid-column:1/-1;
  justify-self:start;
}
@media(max-width:700px){
  .usn-admin-score-box .usn-admin-form{grid-template-columns:1fr}
}

/* v1.18.3 — cleaner member scoring presentation */
.usn-submission-score{display:grid;gap:8px;align-items:stretch}
.usn-submission-score strong{display:block}
.usn-score-breakdown{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.usn-score-breakdown span{min-width:0}
.usn-score-breakdown em{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.usn-score-breakdown small{opacity:.72}
.usn-score-note{display:grid;gap:3px;padding-top:3px;color:#aebdca!important}
.usn-score-note b{font-size:10px;color:#8bcfff;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:600px){.usn-score-breakdown{grid-template-columns:1fr}}


/* v1.19.0 — event-grouped submissions, ranking, certificates & profile photo */
.usn-submission-event-group{margin:18px 0 22px}
.usn-submission-event-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}
.usn-submission-event-head h2{margin:7px 0 4px}
.usn-submission-event-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.usn-submission-event-tools form{margin:0}
.usn-admin-submission-table-wrap{overflow-x:auto}
.usn-rank-label{color:#49e68c}
.usn-profile-photo-preview img{display:block}
.usn-photo-picker{display:flex;flex-direction:column;gap:6px}
.usn-photo-preview-label{font-size:11px;color:#8fa3b0}
.usn-profile-photo-row input[type=file]{cursor:pointer}
.usn-certificate-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.usn-cert-result{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px auto 4px}
.usn-cert-result span{padding:7px 12px;border-radius:999px;background:#f1f7f4;color:#1d6b40;font-weight:800;font-size:12px}
@media(max-width:700px){.usn-submission-event-head{display:grid}.usn-submission-event-tools{justify-content:flex-start}.usn-certificate-actions{justify-content:flex-start}}

/* v1.19.1 — compact event browser for submissions */
.usn-submission-event-browser{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.usn-event-browser-card{margin:0!important;display:grid;gap:14px}.usn-event-browser-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.usn-event-browser-top h2{margin:6px 0 4px}.usn-event-browser-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.usn-event-browser-stats>div{padding:12px;border:1px solid #e6e9ee;border-radius:10px;background:#fafbfd}.usn-event-browser-stats strong{display:block;font-size:20px;color:#171a20}.usn-event-browser-stats span{display:block;margin-top:3px;font-size:10px;color:#7b8490;text-transform:uppercase;letter-spacing:.04em}.usn-event-browser-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.usn-submission-detail-nav{margin:14px 0}.usn-submission-event-group{margin-top:0!important}@media(max-width:1100px){.usn-submission-event-browser{grid-template-columns:1fr}.usn-event-browser-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.usn-event-browser-top,.usn-event-browser-footer{display:grid}.usn-event-browser-stats{grid-template-columns:repeat(2,1fr)}}

/* v1.19.2 — polished submission event browser */
.usn-submission-event-browser{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px}
.usn-event-browser-card{
  position:relative; overflow:hidden; padding:0!important; border:1px solid rgba(18,50,72,.16)!important;
  border-radius:18px!important; background:linear-gradient(145deg,#ffffff 0%,#f7fafc 100%)!important;
  box-shadow:0 8px 24px rgba(20,35,50,.06); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.usn-event-browser-card:before{content:"";display:block;height:5px;background:linear-gradient(90deg,#ec1977,#18d86b,#18a9ff)}
.usn-event-browser-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,35,50,.10);border-color:rgba(236,25,119,.28)!important}
.usn-event-browser-card>*{margin-left:22px;margin-right:22px}
.usn-event-browser-card .usn-event-browser-top{padding-top:20px}
.usn-event-browser-top{align-items:center}
.usn-event-browser-top h2{font-size:21px;line-height:1.25;margin:8px 0 5px;color:#17283d}
.usn-event-browser-top .usn-admin-muted{font-size:12px}
.usn-event-browser-top>.usn-admin-badge{white-space:nowrap}
.usn-event-browser-stats{grid-template-columns:repeat(4,1fr);gap:9px}
.usn-event-browser-stats>div{padding:13px 9px;border-radius:12px;border:1px solid #e2e9ef;background:#fff;text-align:center}
.usn-event-browser-stats strong{font-size:19px;color:#17283d}
.usn-event-browser-stats span{font-size:9px;letter-spacing:.06em}
.usn-event-browser-footer{padding:4px 0 20px}
.usn-event-browser-footer .button-primary{border-radius:10px!important;padding:6px 14px!important}
.usn-submission-detail-nav{margin:18px 0 12px}
.usn-submission-detail-nav .button{border-radius:10px!important}
.usn-submission-event-group{border-radius:18px!important;overflow:hidden}
.usn-submission-event-head{padding:20px 22px 16px;margin:0;background:linear-gradient(135deg,#f8fbfd,#fff)}
.usn-admin-submission-table-wrap{padding:0 8px 8px}
.usn-admin-submission-table-wrap table{border-collapse:separate;border-spacing:0 8px}
.usn-admin-submission-table-wrap tbody tr{background:#fff}
.usn-admin-submission-table-wrap tbody td{border-top:1px solid #e7edf2;border-bottom:1px solid #e7edf2;padding:14px 12px}
.usn-admin-submission-table-wrap tbody td:first-child{border-left:1px solid #e7edf2;border-radius:12px 0 0 12px}
.usn-admin-submission-table-wrap tbody td:last-child{border-right:1px solid #e7edf2;border-radius:0 12px 12px 0}
@media(max-width:1100px){.usn-submission-event-browser{grid-template-columns:1fr}}
@media(max-width:600px){
 .usn-event-browser-card>*{margin-left:16px;margin-right:16px}
 .usn-event-browser-top{display:grid!important;gap:8px}
 .usn-event-browser-stats{grid-template-columns:repeat(2,1fr)}
 .usn-event-browser-footer{display:grid!important}
 .usn-event-browser-footer .button{justify-self:start}
 .usn-submission-event-head{padding:16px}
 .usn-admin-submission-table-wrap{padding:0 4px 6px}
}


/* v1.19.3 — submission browser visual refinement */
.usn-submission-event-browser{align-items:start}
.usn-event-browser-card{align-self:start!important}
.usn-event-browser-top{padding-bottom:16px!important;border-bottom:1px solid #e8edf2;position:relative}
.usn-event-browser-top>div{min-width:0}
.usn-event-browser-top h2{font-size:22px!important;font-weight:800!important}
.usn-event-browser-top .usn-admin-badge:last-child{background:#eef7f2;color:#197244;border:1px solid #cfe8d8;padding:6px 10px}
.usn-event-browser-stats{padding:16px 0 4px}
.usn-event-browser-stats>div{min-height:72px;display:flex;flex-direction:column;justify-content:center}
.usn-event-browser-footer{
  margin-top:8px!important;padding:15px 0 20px!important;
  border-top:1px solid #e8edf2;display:flex;align-items:center;
}
.usn-event-browser-footer>span{
  display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;
  border-radius:9px;background:#f3f6f8;color:#687787!important;font-size:11px!important;
}
.usn-event-browser-footer .button-primary{
  margin-left:auto!important;min-height:38px!important;padding:8px 16px!important;
  border:0!important;background:#1f5bea!important;box-shadow:0 5px 12px rgba(31,91,234,.16)!important;
}
.usn-event-browser-footer .button-primary:hover{background:#1749bf!important}
.usn-submission-detail-nav{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:10px 0;
}
.usn-submission-detail-nav .button{font-weight:700!important}
@media(max-width:600px){
 .usn-event-browser-top{padding-bottom:14px!important}
 .usn-event-browser-footer{display:flex!important;flex-direction:column;align-items:stretch!important;gap:10px}
 .usn-event-browser-footer .button-primary{margin-left:0!important;width:100%;text-align:center}
 .usn-submission-detail-nav{display:grid!important;grid-template-columns:1fr}
}


/* v1.20.0 — submission event browser redesign + participation credential polish */
.usn-submission-event-browser{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px!important;
  margin-top:22px!important;align-items:stretch!important;
}
.usn-event-browser-card{
  position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;
  min-height:0!important;padding:0!important;overflow:hidden!important;border:1px solid #dbe5ec!important;
  border-radius:20px!important;background:#fff!important;box-shadow:0 10px 28px rgba(19,39,56,.08)!important;
}
.usn-event-browser-card:before{height:6px!important;background:linear-gradient(90deg,#ec1977 0%,#8b5cf6 45%,#18d86b 100%)!important}
.usn-event-browser-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(19,39,56,.13)!important}
.usn-event-browser-card>*{margin-left:0!important;margin-right:0!important}
.usn-event-browser-top{padding:22px 22px 18px!important;border-bottom:1px solid #e8eef3!important;align-items:flex-start!important}
.usn-event-browser-top>div{min-width:0!important}
.usn-event-browser-top h2{font-size:23px!important;line-height:1.2!important;margin:9px 0 7px!important;color:#12283c!important}
.usn-event-browser-top .usn-admin-muted{font-size:12px!important;line-height:1.5!important}
.usn-event-browser-top>.usn-admin-badge{background:#f6edf7!important;color:#c31c70!important;border:1px solid #ead5e3!important;padding:6px 10px!important;border-radius:999px!important}
.usn-event-browser-top .usn-admin-badge:last-child{background:#edf8f2!important;color:#177243!important;border-color:#cfe8d8!important}
.usn-event-browser-stats{padding:16px 22px 8px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}
.usn-event-browser-stats>div{min-height:70px!important;padding:11px 8px!important;border:1px solid #e1e9ef!important;border-radius:13px!important;background:#f8fafc!important;text-align:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.usn-event-browser-stats strong{font-size:19px!important;line-height:1.1!important;color:#152b40!important}
.usn-event-browser-stats span{margin-top:5px!important;font-size:9px!important;line-height:1.15!important;color:#718294!important;letter-spacing:.07em!important}
.usn-event-browser-footer{margin-top:auto!important;padding:12px 22px 22px!important;border-top:0!important;display:flex!important;align-items:center!important;gap:12px!important}
.usn-event-browser-footer>span{background:#f1f5f8!important;border:1px solid #e0e7ed!important;color:#687787!important}
.usn-event-browser-footer .button-primary{margin-left:auto!important;min-height:40px!important;padding:9px 17px!important;border-radius:11px!important;background:#1f5bea!important;box-shadow:0 6px 15px rgba(31,91,234,.18)!important}
.usn-event-browser-footer .button-primary:hover{background:#1749bf!important}
.usn-cert-result-item.participant{min-width:180px!important}
.usn-cert-result-item.participant strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif!important;font-size:22px!important;color:#177243!important}
@media(max-width:1100px){.usn-submission-event-browser{grid-template-columns:1fr!important}}
@media(max-width:600px){
 .usn-event-browser-top{display:flex!important;flex-direction:column!important;gap:9px!important;padding:18px 16px 15px!important}
 .usn-event-browser-stats{padding:14px 16px 6px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .usn-event-browser-footer{padding:10px 16px 18px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important}
 .usn-event-browser-footer .button-primary{margin-left:0!important;width:100%!important;text-align:center!important}
}

.usn-portfolio-manager-card{scroll-margin-top:24px}
.usn-portfolio-manager-card .usn-card-head{align-items:flex-start}
.usn-portfolio-manager-card .usn-card-subtitle{margin:7px 0 0;color:#8fa4b8;line-height:1.6;font-size:13px}
.usn-portfolio-manager-card .usmp-form{margin-top:6px}
.usn-portfolio-manager-card .usmp-editor-inline{border-top:1px solid rgba(255,255,255,.08);margin-top:18px;padding-top:18px}
.usn-portfolio-manager-card .usmp-form input,
.usn-portfolio-manager-card .usmp-form textarea,
.usn-portfolio-manager-card .usmp-form select{background:#071724;border-color:rgba(255,255,255,.12);color:#e9f2fb}
.usn-portfolio-manager-card .usmp-form label{color:#a9bbcc}
.usn-portfolio-manager-card .usmp-manage-list>div{border-color:rgba(255,255,255,.08)}
.usn-portfolio-manager-card .usmp-form-status{color:#7ee2a7}

/* v1.21.2 — dedicated portfolio view + profile editor shortcut */
.usn-portfolio-manager-card{position:relative}
.usn-portfolio-manager-card .usn-card-head{align-items:flex-start}
.usn-portfolio-manager-card .usn-card-head .usn-btn{white-space:nowrap}
.usn-profile-portfolio-shortcut{display:flex;align-items:center;gap:12px;padding:0 26px 20px}
.usn-profile-portfolio-shortcut .usn-btn{display:inline-flex;align-items:center;gap:8px}
.usn-profile-portfolio-shortcut small{color:var(--usn-muted,#718198);font-size:11px}
.usn-nav a[href="#usn-portofolio"]{border-left:2px solid transparent}
.usn-nav a[href="#usn-portofolio"]:hover{border-left-color:#f22972}
.usn-dashboard[data-mobile-view="portfolio"] .usn-portfolio-manager-card{margin-top:0}
@media(max-width:900px){
 .usn-profile-portfolio-shortcut{padding-left:18px;padding-right:18px;flex-wrap:wrap}
}

/* v1.21.3 — portfolio entry and profile editor CTA */
.usn-portfolio-highlight{
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:15px;
  margin:18px 0 4px;
  padding:16px 18px;
  border:1px solid rgba(84,214,255,.30);
  border-radius:17px;
  background:linear-gradient(110deg,#0a2238,#102f4d);
  box-shadow:0 10px 26px rgba(0,0,0,.15);
}
.usn-portfolio-highlight-icon{
  width:48px;height:48px;border-radius:14px;display:grid;place-items:center;
  color:#fff;font-size:20px;font-weight:900;
  background:linear-gradient(135deg,#f22972,#8b5cf6);
  box-shadow:0 8px 18px rgba(242,41,114,.22);
}
.usn-portfolio-highlight-copy{min-width:0}
.usn-portfolio-highlight-copy .usn-eyebrow{display:block;margin-bottom:4px}
.usn-portfolio-highlight-copy strong{display:block;color:#fff;font-size:16px;line-height:1.3}
.usn-portfolio-highlight-copy small{display:block;color:#9db5ca;font-size:12px;line-height:1.5;margin-top:3px}
.usn-portfolio-highlight-btn{
  display:inline-flex;align-items:center;gap:9px;white-space:nowrap;
  padding:11px 15px;border-radius:11px;text-decoration:none!important;
  color:#fff!important;font-size:12px;font-weight:850;
  background:linear-gradient(135deg,#f22972,#8b5cf6);
  box-shadow:0 8px 18px rgba(242,41,114,.17);
}
.usn-portfolio-highlight-btn b{font-size:16px}
.usn-complete-profile-btn{
  border:0;background:none;color:#70d86f;padding:0;cursor:pointer;
  font:inherit;font-weight:800;text-decoration:none;
}
.usn-complete-profile-btn:hover{text-decoration:underline}
.usn-portfolio-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.usn-portfolio-manager-card{scroll-margin-top:24px}
@media(max-width:680px){
  .usn-portfolio-highlight{grid-template-columns:44px 1fr}
  .usn-portfolio-highlight-icon{width:42px;height:42px}
  .usn-portfolio-highlight-btn{grid-column:1/-1;justify-content:center}
  .usn-portfolio-actions{justify-content:flex-start}
}

/* v1.21.5 — Portfolio editor workspace */
.usn-portfolio-page .usmp-editor-inline{
  margin-top:22px;
  padding:20px;
  border:1px solid rgba(84,214,255,.18);
  border-radius:18px;
  background:rgba(4,20,34,.42);
}
.usn-portfolio-page .usmp-editor-inline:before{
  content:"EDITOR PORTOFOLIO";
  display:block;
  margin:0 0 14px;
  color:#70d86f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
}
.usn-portfolio-page .usmp-editor-inline .usmp-form{
  margin-top:0;
}
.usn-portfolio-page .usmp-editor-inline .usmp-add-work{
  margin-top:20px;
}