:root{--navy:#082b66;--blue:#087ef5;--cyan:#16bad5;--green:#20b965;--amber:#ffb420;--red:#ef4444;--bg:#f4f9fd;--line:#dce8f5;--muted:#718097;--shadow:0 22px 60px rgba(8,43,102,.14)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:linear-gradient(145deg,#e6f6ff,#fbfdff 48%,#eafaf9);color:var(--navy)}button,input,textarea,select{font:inherit}.wrap{max-width:1560px;margin:auto;padding:18px 14px 46px}.head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.head img{width:150px}.head .grow{flex:1}.head b{font-size:18px}.head small{display:block;color:var(--muted);margin-top:4px}.ctrl{border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:13px;padding:10px 13px;font-weight:900;cursor:pointer}.ctrl.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.info{background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px 14px;margin-bottom:17px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.info strong{font-size:13px}.info span{font-size:12px;color:var(--muted)}.progress{height:8px;flex:1;min-width:200px;background:#e8f0f7;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));width:0;transition:.25s}
.devices{display:grid;grid-template-columns:repeat(2,minmax(340px,1fr));gap:22px;align-items:start}.deviceLabel{text-align:center;font-size:12px;font-weight:950;margin-bottom:8px}.phone{height:830px;max-width:430px;margin:auto;background:#fff;border:8px solid #0c1118;border-radius:45px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.phone:before{content:"";position:absolute;z-index:80;top:8px;left:50%;transform:translateX(-50%);width:116px;height:29px;background:#05070a;border-radius:20px}.status{height:46px;padding:13px 20px 0;font-size:10px;font-weight:900;display:flex;justify-content:space-between}.app{height:calc(100% - 46px);position:relative;background:var(--bg)}.screen{position:absolute;inset:0;overflow:auto;padding-bottom:78px;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}
.top{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--line);padding:11px 14px;display:flex;align-items:center;gap:8px}.top img{width:98px}.spacer{flex:1}.chip{font-size:9px;font-weight:900;border-radius:999px;padding:6px 8px;background:#eaf5ff;color:var(--blue)}.back{border:0;background:#eaf5ff;color:var(--navy);width:35px;height:35px;border-radius:11px;font-size:22px;cursor:pointer}.content{padding:14px}.title{font-size:22px;font-weight:950;line-height:1.08;margin:9px 0 6px}.subtitle{font-size:14px;font-weight:950;margin:18px 0 8px}.muted{color:var(--muted);font-size:11px;line-height:1.45}.notice{background:#eaf6ff;border:1px solid #cfe6fa;border-radius:15px;padding:11px 12px;font-size:10px;line-height:1.45;margin:10px 0}.notice.green{background:#e9f9ef;border-color:#c7edd5;color:#17663a}.notice.amber{background:#fff7df;border-color:#ffe1a0;color:#805700}.notice.red{background:#fff1f1;border-color:#ffd0d0;color:#8b3434}
.homeHero{min-height:390px;padding:18px 17px 15px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.28) 58%,rgba(255,255,255,.95)),linear-gradient(90deg,rgba(255,255,255,.92),rgba(255,255,255,.62) 40%,rgba(255,255,255,.08) 75%),url('/assets/herois-media-c4d6ceab10968d9895ec.jpg') center/cover no-repeat}.heroHead{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.heroHead img{width:132px}.heroHead .city{margin-left:auto;border:1px solid #e2ebf4;background:rgba(255,255,255,.94);border-radius:999px;padding:9px 11px;color:var(--navy);font-weight:950;font-size:10px}.heroHead .bell{width:40px;height:40px;border:1px solid #e2ebf4;background:#fff;border-radius:50%;cursor:pointer}.heroText{position:relative;z-index:2;margin-top:45px;width:83%}.heroText h1{font-size:28px;line-height:.99;letter-spacing:-.7px;margin:0}.heroText b{color:var(--blue)}.search{margin-top:82px;height:58px;background:#fff;border:1px solid #e2ebf4;border-radius:21px;box-shadow:0 12px 26px rgba(8,43,102,.11);display:flex;align-items:center;padding:0 12px;gap:10px}.search span{flex:1;color:#71819a;font-size:12px;font-weight:800}.search button{border:0;width:42px;height:42px;border-radius:14px;background:#eef6ff;color:var(--navy)}.heroActions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.heroAction{min-height:125px;border:0;border-radius:20px;padding:12px;text-align:left;font-weight:950;color:#0b356f;cursor:pointer}.heroAction strong{display:block;font-size:12px;line-height:1.02;margin-top:24px}.heroAction small{display:block;font-size:8.5px;margin-top:6px;line-height:1.25}.heroAction.need{background:linear-gradient(145deg,#2a9fff,#0871e9);color:#fff}.heroAction.help{background:linear-gradient(145deg,#cfeff4,#a9e1e8)}.heroAction.blesk{background:linear-gradient(145deg,#fff2bc,#eedc92)}.bubble{width:45px;height:45px;border-radius:15px;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:23px}
.sectionHead{display:flex;align-items:end;justify-content:space-between;margin:19px 0 9px}.sectionHead h2{font-size:18px;margin:0}.sectionHead span,.sectionHead button{font-size:9px;color:var(--muted);background:none;border:0}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick button,.moduleGrid button,.catGrid button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:11px;text-align:left;cursor:pointer}.quick b,.catGrid b,.moduleGrid b{display:block;font-size:10px;margin-top:5px}.quick small,.catGrid small,.moduleGrid small{display:block;font-size:8px;color:var(--muted);margin-top:3px;line-height:1.25}.catGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catGrid .ico,.moduleGrid .ico{font-size:23px}.moduleGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.moduleGrid button{min-height:80px}.moduleGrid button:nth-child(1){background:#fff3d4}.moduleGrid button:nth-child(2){background:#edf0ff}.moduleGrid button:nth-child(3){background:#fff2dc}.moduleGrid button:nth-child(4){background:#eaf9ef}.moduleGrid button:nth-child(5){background:#fff0f7}.moduleGrid button:nth-child(6){background:#edf6ff}.moduleGrid button:nth-child(7){background:#f2f3f6}.moduleGrid button:nth-child(8){background:#e9fbfc}
.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px;margin:10px 0;box-shadow:0 5px 17px rgba(8,43,102,.04)}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#eaf0f5}.photo{width:100%;height:142px;border-radius:17px;object-fit:cover;background:#eaf0f5}.tag{display:inline-flex;border-radius:999px;padding:5px 8px;background:#eaf5ff;color:var(--blue);font-size:8.5px;font-weight:950}.tag.green{background:#e9f9ef;color:#168849}.tag.amber{background:#fff5d8;color:#8e6200}.tag.red{background:#fff0f0;color:#bf3a3a}.btn{width:100%;min-height:44px;border:0;border-radius:13px;padding:11px;font-weight:950;font-size:11px;cursor:pointer;margin-top:9px}.btn.primary{background:var(--blue);color:#fff}.btn.success{background:var(--green);color:#fff}.btn.light{background:#eaf5ff;color:var(--navy)}.btn.danger{background:#fff0f0;color:#bb3434}.btn.amber{background:#ffb420;color:#5d4000}.field{margin:10px 0}.field label{display:block;font-size:9px;font-weight:950;margin-bottom:4px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 11px;background:#fff;font-size:14px;color:var(--navy)}.field textarea{min-height:72px;resize:none}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:9px 0}.seg button{border:1px solid var(--line);border-radius:12px;background:#fff;padding:9px 5px;font-size:8px;font-weight:900}.seg button.on{background:#eaf5ff;border-color:#7ebbf4;color:#0467c9}.map{height:205px;border-radius:18px;position:relative;overflow:hidden;background:linear-gradient(25deg,#d7f0de,#f5f1dd 43%,#d8edf8);border:1px solid var(--line);margin:10px 0}.map:before,.map:after{content:"";position:absolute;background:#fff;opacity:.85}.map:before{width:125%;height:22px;left:-10%;top:46%;transform:rotate(-12deg)}.map:after{height:125%;width:18px;left:54%;top:-10%;transform:rotate(20deg)}.homePin,.personPin{position:absolute;z-index:2;font-size:26px}.homePin{right:14%;top:20%}.personPin.b{left:28%;top:58%}.personPin.c{left:39%;top:71%}.liveBadge{position:absolute;z-index:3;top:10px;left:10px;background:#e8fbef;color:#138649;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:950}.pinBox{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pinCard{background:#f7fbff;border:1px dashed #a9cce9;border-radius:14px;padding:10px;text-align:center}.pinCard b{font-size:23px;letter-spacing:4px}.timeline{margin:10px 0}.tl{display:flex;gap:9px;align-items:flex-start;margin:8px 0}.dot{width:18px;height:18px;border-radius:50%;background:#d8e4ef;color:#fff;display:grid;place-items:center;font-size:8px;flex:none}.tl.done .dot{background:var(--blue)}.tl b{font-size:9.5px}.tl small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.stars{display:flex;justify-content:center;gap:6px;font-size:31px;margin:13px 0}.stars button{border:0;background:none;font-size:31px;color:#ffb400;cursor:pointer}.scoreBox{background:linear-gradient(145deg,#087ef5,#16bad5);color:#fff;border-radius:19px;padding:16px;text-align:center}.scoreBox .n{font-size:32px;font-weight:950}.bottom{position:absolute;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.nav{border:0;background:none;color:#7b8ca5;font-size:8px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.nav i{font-style:normal;font-size:18px}.nav.active{color:var(--blue)}.toast{position:absolute;z-index:90;left:50%;bottom:82px;transform:translateX(-50%) translateY(15px);background:#082b66;color:white;padding:10px 13px;border-radius:12px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;max-width:80%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1180px){.devices{grid-template-columns:1fr 1fr}.devices>div:last-child{grid-column:auto}}@media(max-width:760px){.devices{grid-template-columns:1fr}.devices>div:last-child{grid-column:auto}.phone{height:810px}.wrap{padding:10px 6px 30px}.head{padding:0 7px}.info{margin:0 7px 14px}}

/* ========================================================
   HEROIS DESIGN TEST 2.0
   Visual reference: latest HEROIS onboarding / help / video mockups.
   FUNCTIONAL LOGIC IS UNCHANGED FROM 1.8.
   ======================================================== */
:root{
  --navy:#08275d;
  --blue:#0878ec;
  --blue2:#0b63c9;
  --cyan:#13b9cf;
  --green:#18aa55;
  --amber:#f6b610;
  --red:#ef4c52;
  --bg:#f8fbfe;
  --line:#d9e6f2;
  --muted:#667791;
  --shadow:0 16px 46px rgba(4,38,88,.12)
}
body{background:#edf7fc!important;color:var(--navy)}
.wrap{max-width:1450px}
.head{background:#fff;border:1px solid #ddebf5;border-radius:20px;padding:12px 16px;box-shadow:0 8px 28px rgba(4,38,88,.06)}
.head img{width:162px!important}
.info{background:#fff!important;border-color:#dbe9f4!important;box-shadow:0 8px 28px rgba(4,38,88,.04)}
.phone{height:844px!important;max-width:400px!important;background:#fff!important;border:7px solid #10151c!important;border-radius:43px!important;box-shadow:0 24px 60px rgba(5,30,70,.18)!important}
.phone:before{width:112px!important;height:28px!important;top:7px!important}
.app,.screen{background:#fff!important}
.status{height:44px!important;padding:12px 18px 0!important;color:#050a12!important}
.screen{padding-bottom:72px!important}

/* top app bar like reference screens */
.top{height:62px!important;position:sticky!important;padding:8px 14px!important;justify-content:center!important;border-bottom:0!important;background:#fff!important}
.top img{width:112px!important;margin:auto!important}
.top .spacer{display:none!important}
.top .back{position:absolute!important;left:13px!important;top:12px!important;width:36px!important;height:36px!important;border:0!important;background:transparent!important;border-radius:50%!important;color:#153768!important;font-size:27px!important;padding:0!important}
.top .chip{position:absolute!important;right:14px!important;top:16px!important;background:transparent!important;padding:0!important;color:#8795a8!important;font-size:8px!important;max-width:100px!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

.content{padding:15px 17px 22px!important}
.title{font-size:20px!important;font-weight:850!important;letter-spacing:-.25px!important;line-height:1.08!important;color:#071d49!important;margin:7px 0 7px!important}
.subtitle{font-size:13px!important;font-weight:850!important;color:#071d49!important;margin:18px 0 8px!important}
.muted{font-size:10.5px!important;color:#677890!important;line-height:1.42!important}

.card{background:#fff!important;border:1px solid #dce7f1!important;border-radius:12px!important;padding:12px!important;box-shadow:0 3px 12px rgba(4,38,88,.035)!important}
.row{gap:11px!important}
.avatar{width:56px!important;height:56px!important;border:2px solid #eff5f9!important}
.photo{height:142px!important;border-radius:12px!important;border:1px solid #e0e8ef!important}
.tag{border-radius:7px!important;padding:5px 7px!important;font-size:8px!important;letter-spacing:.01em!important}

.btn{min-height:48px!important;border-radius:9px!important;font-size:12.5px!important;font-weight:850!important;margin-top:10px!important;box-shadow:none!important}
.btn.primary{background:linear-gradient(180deg,#0b83f4,#0968d4)!important;color:#fff!important}
.btn.success{background:linear-gradient(180deg,#20b85b,#139847)!important;color:#fff!important}
.btn.light{background:#edf4fb!important;color:#20416d!important}
.btn.amber{background:#f5b810!important;color:#4b3600!important}
.btn.danger{background:#fff1f2!important;color:#ca333c!important}

.field{margin:11px 0!important}
.field label{font-size:10px!important;font-weight:800!important;color:#0b2654!important;margin-bottom:5px!important}
.field input,.field textarea,.field select{border:1px solid #d6e3ef!important;border-radius:10px!important;padding:11px 12px!important;font-size:14px!important;min-height:43px!important;color:#132e58!important;background:#fff!important;box-shadow:inset 0 1px 2px rgba(5,30,70,.02)!important}
.field textarea{min-height:85px!important}
.seg{gap:7px!important}
.seg button{min-height:47px!important;border:1px solid #d9e5f1!important;border-radius:10px!important;background:#fff!important;color:#16355e!important;font-size:8.5px!important;padding:8px 5px!important}
.seg button.on{background:#eef6ff!important;border:2px solid #0878ec!important;color:#075bb7!important}

.notice{border-radius:10px!important;padding:10px 11px!important;font-size:9.5px!important;box-shadow:none!important}
.scoreBox{background:#fff!important;border:1px solid #dce7f1!important;color:#09275a!important;border-radius:14px!important;box-shadow:none!important}
.scoreBox .n{color:#13b6c9!important}
.stars button{color:#f7b600!important}

/* clean bottom navigation from the supplied mockup */
.bottom{height:64px!important;border-top:1px solid #e4edf5!important;background:#fff!important}
.nav{font-size:7.5px!important;color:#8997ac!important;font-weight:750!important}
.nav i{font-size:18px!important}
.nav.active{color:#056bdd!important}

/* Home: clean HEROIS onboarding-style entry, not a second design system */
.homeHero{min-height:355px!important;padding:20px 18px 18px!important;background:#fff!important;border-bottom:1px solid #edf2f6!important}
.heroHead{justify-content:center!important;position:relative!important}
.heroHead img{width:176px!important;margin:18px auto 2px!important}
.heroHead .city{position:absolute!important;right:0!important;top:0!important;border:1px solid #dce8f2!important;background:#fff!important;border-radius:999px!important;color:#15325f!important;font-size:8px!important;padding:7px 9px!important}
.heroHead .bell{display:none!important}
.heroText{text-align:center!important;margin-top:14px!important}
.heroText h1{font-size:23px!important;line-height:1.08!important;letter-spacing:-.45px!important;margin:0 auto 8px!important;max-width:310px!important;color:#08265a!important}
.heroText h1 b{color:#0c8ddd!important}
.search{display:none!important}
.heroActions{grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:25px!important}
.heroAction{min-height:112px!important;border-radius:14px!important;padding:13px!important;border:0!important;box-shadow:none!important}
.heroAction .bubble{width:40px!important;height:40px!important;border-radius:11px!important;font-size:20px!important}
.heroAction strong{font-size:12px!important;margin-top:17px!important;letter-spacing:-.1px!important}
.heroAction small{font-size:8px!important}
.heroAction.need{background:linear-gradient(180deg,#0a80ef,#0868d5)!important;color:#fff!important}
.heroAction.help{background:linear-gradient(180deg,#17bfd1,#10a8be)!important;color:#fff!important}
.heroAction.help .bubble{background:rgba(255,255,255,.90)!important}
.heroAction.blesk{grid-column:1/-1!important;min-height:76px!important;display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto auto!important;column-gap:11px!important;align-items:center!important;background:#fff8dd!important;border:1px solid #f2d66f!important;color:#18345d!important}
.heroAction.blesk .bubble{grid-row:1/3!important;background:#fff0a8!important}
.heroAction.blesk strong{margin:0!important;font-size:12px!important}
.heroAction.blesk small{margin:0!important}

.sectionHead{margin:18px 0 8px!important}.sectionHead h2{font-size:16px!important}.sectionHead span{font-size:8px!important}
.quick,.catGrid,.moduleGrid{gap:8px!important}
.quick button,.catGrid button,.moduleGrid button{border:1px solid #dce7f1!important;border-radius:12px!important;background:#fff!important;padding:11px!important;box-shadow:none!important}
.quick b,.catGrid b,.moduleGrid b{font-size:9.5px!important;color:#0b2858!important}
.quick small,.catGrid small,.moduleGrid small{font-size:7.5px!important}
.catGrid .ico,.moduleGrid .ico{font-size:21px!important}
.moduleGrid button{min-height:74px!important;background:#fff!important}

/* Offer / helper cards from screen 9 */
.card .btn.success,.card .btn.primary{min-height:36px!important;width:auto!important;min-width:94px!important;padding:8px 14px!important;display:inline-block!important}
.pinBox{gap:9px!important}.pinCard{background:#f8fbfe!important;border:1px solid #d7e5f0!important;border-radius:10px!important}.pinCard b{color:#0a6edc!important}
.timeline{padding:8px 0!important}.tl{margin:10px 0!important}.dot{width:20px!important;height:20px!important;background:#d7e1ec!important}.tl.done .dot{background:#0a73de!important}

/* Work screen */
.screen .content>div[style*="font-size:33px"]{font-size:31px!important;color:#0a1d45!important;letter-spacing:1px!important}

/* Preview badges outside the phone */
.label{font-size:11px!important;color:#12315e!important}
.toast{background:#08275d!important;border-radius:9px!important}

/* Design helper classes used only in 2.0 markup */
.designWelcome{padding:25px 17px 10px;text-align:center;background:#fff}
.designWelcome img{width:190px;margin:15px auto 12px}
.designWelcome .tagline{font-size:10px;font-weight:800;color:#08275d;letter-spacing:.04em}
.designWelcome h1{font-size:23px;line-height:1.1;margin:25px 0 6px;color:#08275d}
.designWelcome p{font-size:10px;color:#728197;line-height:1.45;margin:0 auto;max-width:275px}
.designMainChoice{display:grid;gap:10px;margin-top:22px}
.designMainChoice button{height:58px;border:0;border-radius:10px;color:#fff;font-size:13px;font-weight:850;cursor:pointer}
.designMainChoice .request{background:linear-gradient(180deg,#0b80ef,#0868d4)}
.designMainChoice .helping{background:linear-gradient(180deg,#16bfd1,#11a7bc)}
.designSubtleCard{border:1px solid #dce7f1;border-radius:11px;padding:11px;background:#fff;margin:9px 0}
.designPhotoRow{display:grid;grid-template-columns:1.45fr .85fr;gap:9px;margin:10px 0}
.designPhotoRow img{width:100%;height:96px;object-fit:cover;border-radius:10px;border:1px solid #dde7ef}
.addPhoto{border:1px solid #dbe6f0;border-radius:10px;background:#f5f9fd;display:grid;place-items:center;color:#24528a;font-size:10px;font-weight:800;min-height:96px}
.addPhoto b{display:block;font-size:28px;line-height:1;font-weight:400;text-align:center}
.optionStack{display:grid;gap:7px;margin:9px 0}
.optionCard{display:grid;grid-template-columns:34px 1fr 20px;gap:9px;align-items:center;border:1px solid #dce6f0;border-radius:10px;padding:10px;background:#fff}
.optionCard.active{border:2px solid #0878ec;background:#f7fbff}
.optionCard .oi{font-size:22px}.optionCard b{display:block;font-size:10px;color:#0c2958}.optionCard small{display:block;font-size:8px;color:#7c899c;margin-top:2px}.optionCard .radio{width:16px;height:16px;border:1.5px solid #7390b3;border-radius:50%;display:grid;place-items:center;color:#0878ec;font-size:10px}.optionCard.active .radio:after{content:'●'}
.actionIcons{display:flex;justify-content:space-around;margin-top:22px}.actionIcons span{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#eaf4ff;font-size:18px}.actionIcons span:last-child{background:#ffebee;color:#ef4b51}


/* ===== HEROIS 2.0 SETTINGS ===== */
.settingsHero{
  padding:20px 16px 14px;background:linear-gradient(145deg,#eef9ff,#fff);
  border-bottom:1px solid var(--line)
}
.settingsHero .settingsAvatar{
  width:86px;height:108px;border-radius:20px;object-fit:cover;object-position:center top;border:4px solid #fff;
  box-shadow:0 8px 24px rgba(8,43,102,.14)
}
.settingsHero h1{font-size:23px;line-height:1.05;margin:10px 0 4px;color:var(--navy)}
.settingsHero p{font-size:10px;line-height:1.4;color:var(--muted);margin:0}
.settingsGroup{margin:14px 0 18px}
.settingsGroup h3{
  margin:0 0 7px;padding:0 3px;font-size:10px;text-transform:uppercase;
  letter-spacing:.08em;color:#7c91aa
}
.settingsCard{
  background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 6px 17px rgba(8,43,102,.045)
}
.settingRow{
  width:100%;min-height:61px;border:0;border-bottom:1px solid #edf2f7;background:#fff;
  display:flex;align-items:center;gap:12px;padding:10px 13px;text-align:left;color:var(--navy);
  cursor:pointer
}
.settingRow:last-child{border-bottom:0}
.settingRow .sicon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eef7ff;
  display:grid;place-items:center;font-size:18px
}
.settingRow .stext{flex:1;min-width:0}
.settingRow .stext b{display:block;font-size:12px;line-height:1.15}
.settingRow .stext small{display:block;font-size:9px;line-height:1.3;color:var(--muted);margin-top:3px}
.settingRow .svalue{font-size:9.5px;font-weight:850;color:#6a83a0;max-width:95px;text-align:right}
.settingRow .chev{font-size:22px;color:#a4b3c3}
.switch{
  width:45px;height:26px;border-radius:999px;background:#dce7f1;position:relative;flex:0 0 45px;
  transition:.18s
}
.switch:after{
  content:"";position:absolute;width:20px;height:20px;top:3px;left:3px;border-radius:50%;
  background:#fff;box-shadow:0 2px 6px rgba(8,43,102,.18);transition:.18s
}
.switch.on{background:#18b9dd}
.switch.on:after{left:22px}
.settingsBadge{
  display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;
  background:#e9f8f1;color:#15945a;font-size:9px;font-weight:900
}
.settingsWarning{
  border:1px solid #f3dfb1;background:#fff8e8;border-radius:16px;padding:11px 12px;
  font-size:9.5px;line-height:1.4;color:#7a5b18;margin:10px 0
}
.settingsDanger{
  width:100%;border:1px solid #ffd4d4;background:#fff7f7;color:#c84040;border-radius:15px;
  min-height:46px;font-size:11px;font-weight:900;cursor:pointer;margin-top:8px
}
.settingsInfo{
  background:#eef8ff;border:1px solid #d5ecff;border-radius:16px;padding:11px 12px;
  font-size:9.5px;line-height:1.4;color:#456a8c;margin:10px 0
}
.settingsPillRow{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.settingsPill{
  border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;
  font-size:9px;font-weight:850;color:var(--navy)
}
.settingsPill.on{background:#e9f8f1;color:#118b4c;border-color:#cdeedc}


/* ===== HEROIS 2.1 FUNCTION FLOW ===== */
.flowBanner{margin:12px 0;padding:12px;border-radius:17px;background:linear-gradient(135deg,#eaf9ff,#f7fffd);border:1px solid #d6eef5}
.flowBanner b{display:block;font-size:11px;color:var(--navy)}
.flowBanner small{display:block;margin-top:3px;color:var(--muted);font-size:9px;line-height:1.35}
.statusLine{display:flex;align-items:center;gap:8px;margin:8px 0}
.statusDot{width:9px;height:9px;border-radius:50%;background:#bcc9d6}
.statusDot.on{background:#16b879;box-shadow:0 0 0 4px rgba(22,184,121,.10)}
.phoneCode{font-size:28px;font-weight:950;letter-spacing:.25em;text-align:center;color:var(--navy);margin:15px 0}
.zoneCard{border-radius:18px;padding:13px;margin:10px 0;border:1px solid #cfeadc;background:#f1fbf6}
.zoneCard.off{background:#fff6f1;border-color:#ffd8c7}
.zoneCard b{display:block;font-size:11px}
.zoneCard small{font-size:9px;color:var(--muted);line-height:1.4}
.chatList{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.chatMsg{max-width:84%;padding:9px 11px;border-radius:15px;background:#eef5fb;font-size:10px;line-height:1.35}
.chatMsg.mine{align-self:flex-end;background:#dff7f0}
.chatMsg .who{font-size:8px;font-weight:900;color:#6c839a;margin-bottom:3px}
.completionStep{display:flex;gap:10px;align-items:flex-start;padding:11px 0;border-bottom:1px solid #edf2f7}
.completionStep:last-child{border-bottom:0}
.completionStep .num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eaf6ff;color:#0879bc;font-size:11px;font-weight:950;flex:0 0 28px}
.completionStep.done .num{background:#def7ea;color:#11955b}
.ratingPerson{display:flex;gap:10px;align-items:center;margin:10px 0;padding:11px;border-radius:16px;border:1px solid var(--line);background:#fff}
.ratingPerson .grow b{font-size:11px}
.badgeGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.badgeCard{padding:11px;border-radius:15px;background:#f7fbff;border:1px solid var(--line);text-align:left}
.badgeCard .bi{font-size:22px}
.badgeCard b{font-size:10px;display:block;margin-top:4px}
.badgeCard small{font-size:8px;color:var(--muted)}
.levelBar{height:8px;border-radius:999px;background:#e8eef4;overflow:hidden;margin:8px 0}
.levelBar span{display:block;height:100%;background:linear-gradient(90deg,#1eb7de,#27c9a3);border-radius:999px}
.favoriteBtn{border:0;background:#f4f8fb;border-radius:12px;width:35px;height:35px;font-size:17px;cursor:pointer;flex:0 0 35px}
.favoriteBtn.on{background:#fff0f0}
.futureModule{opacity:.78;border-style:dashed!important}
.adminValue{font-weight:950;color:#0879bc;font-size:11px}
.miniActionRow{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.miniAction{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8.5px;font-weight:900;color:var(--navy);cursor:pointer}
.inlineDone{display:inline-flex;gap:5px;align-items:center;background:#eaf9f2;color:#138b55;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}


/* ===== HEROIS 2.3 SIMPLE FUNCTIONAL MODULES ===== */
.moduleTabs{display:flex;gap:6px;overflow:auto;margin:10px 0 12px;padding-bottom:2px}
.moduleTabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;white-space:nowrap;color:var(--navy)}
.moduleTabs button.on{background:#e8f8f5;border-color:#a8e7d8;color:#0b8f6f}
.itemPhoto{height:92px;border-radius:14px;background:linear-gradient(135deg,#eaf5fb,#effbf7);display:grid;place-items:center;font-size:36px;margin-bottom:8px}
.metricGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.metric{background:#f7fbff;border:1px solid var(--line);border-radius:15px;padding:10px}
.metric b{font-size:17px;display:block}.metric small{font-size:8px;color:var(--muted)}
.actionStrip{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.actionStrip button{border:0;border-radius:11px;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer;background:#eaf6ff;color:#0875b5}
.actionStrip button.good{background:#e5f8ef;color:#0a8a57}
.actionStrip button.warn{background:#fff1e8;color:#b35c18}
.historyItem{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}
.historyItem:last-child{border-bottom:0}.historyItem .hi{font-size:22px;width:30px;text-align:center}
.notificationItem{padding:11px;border-radius:15px;border:1px solid var(--line);margin:8px 0;background:#fff}
.notificationItem.unread{background:#f0f9ff;border-color:#cbeaff}
.notificationItem b{font-size:10px}.notificationItem small{display:block;color:var(--muted);font-size:8px;margin-top:3px}
.voiceBox{padding:14px;border-radius:18px;background:#071c31;color:#fff;margin:10px 0}
.voiceBox b{font-size:12px}.voiceBox small{display:block;font-size:9px;color:#bbd4e8;margin-top:4px;line-height:1.45}
.bigAssist{width:100%;border:0;border-radius:18px;padding:16px;background:linear-gradient(135deg,#15aee0,#22c69d);color:white;font-size:12px;font-weight:950;cursor:pointer;margin:8px 0}
.dangerOutline{width:100%;border:1px solid #ffd5d5;background:#fff;border-radius:14px;padding:10px;color:#b22;font-size:9px;font-weight:900;cursor:pointer}


/* ===== HEROIS 2.4 HOME – CASTLE REFERENCE ===== */
.homeRefHero{
  min-height:360px!important;
  padding:18px 16px 78px!important;
  border-radius:0 0 30px 30px;
  overflow:visible!important;
  color:#fff;
  isolation:isolate;
  background-position:center top!important;
  background-size:cover!important;
}
.homeRefHero:after{
  content:"";
  position:absolute;inset:0;
  border-radius:0 0 30px 30px;
  background:
    linear-gradient(180deg,rgba(0,69,150,.48) 0%,rgba(0,90,185,.35) 35%,rgba(0,84,173,.58) 74%,rgba(2,55,120,.80) 100%),
    linear-gradient(90deg,rgba(0,68,147,.58),rgba(0,111,210,.10) 72%);
  z-index:0;
  pointer-events:none;
}
.homeRefHero>*{position:relative;z-index:2}
.homeRefHero .heroHead{display:flex;align-items:center;gap:8px}
.homeRefHero .heroHead img{
  width:120px;
  filter:brightness(0) invert(1);
  opacity:.97;
}
.homeRefHero .city{
  margin-left:auto;
  color:#fff!important;
  background:rgba(5,47,99,.32)!important;
  border:1px solid rgba(255,255,255,.40)!important;
  backdrop-filter:blur(8px);
}
.homeRefHero .bell{
  color:#fff;
  background:rgba(5,47,99,.32)!important;
  border:1px solid rgba(255,255,255,.40)!important;
  backdrop-filter:blur(8px);
}
.homeRefHero .heroCopy{margin-top:78px;width:88%}
.homeRefHero .heroCopy .pilot{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);
  backdrop-filter:blur(7px);border-radius:999px;padding:7px 10px;
  font-size:8px;font-weight:950;letter-spacing:.08em
}
.homeRefHero .heroCopy h1{
  margin:11px 0 7px;
  font-size:30px;line-height:1.00;letter-spacing:-.8px;color:#fff;
  text-shadow:0 2px 13px rgba(0,38,91,.20)
}
.homeRefHero .heroCopy p{
  margin:0;max-width:285px;
  font-size:10px;line-height:1.45;color:rgba(255,255,255,.92);font-weight:650
}
.homePrimaryPanel{
  position:absolute!important;z-index:4!important;
  left:14px;right:14px;bottom:-56px;
  display:grid;grid-template-columns:1fr 1fr;gap:10px
}
.homePrimary{
  min-height:117px;border:0;border-radius:20px;padding:13px;
  text-align:left;cursor:pointer;box-shadow:0 13px 30px rgba(4,45,102,.19);
  display:flex;flex-direction:column;justify-content:space-between
}
.homePrimary.need{background:linear-gradient(145deg,#0d80f4,#0665d2);color:#fff}
.homePrimary.help{background:linear-gradient(145deg,#28c8ce,#0eaabf);color:#fff}
.homePrimary .hi{
  width:43px;height:43px;border-radius:14px;background:rgba(255,255,255,.93);
  display:grid;place-items:center;font-size:21px;color:#0a6fd9
}
.homePrimary.help .hi{color:#0da6b7}
.homePrimary strong{display:block;font-size:12px;line-height:1.05}
.homePrimary small{display:block;font-size:8px;line-height:1.25;margin-top:4px;color:rgba(255,255,255,.88)}
.homeRefContent{padding-top:72px!important;background:#f6fafe}
.homeRefStatus{
  display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dce8f3;
  border-radius:15px;padding:10px 11px;margin-bottom:11px
}
.homeRefStatus .pulse{
  width:9px;height:9px;border-radius:50%;background:#1abd72;
  box-shadow:0 0 0 4px rgba(26,189,114,.12);flex:0 0 auto
}
.homeRefStatus b{font-size:9px}.homeRefStatus small{font-size:7.5px;color:var(--muted);display:block;margin-top:2px}
.homeFastGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}
.homeFast{
  border:1px solid #dce8f3;background:#fff;border-radius:16px;padding:11px 9px;
  text-align:left;cursor:pointer;min-height:92px
}
.homeFast .fi{font-size:23px;display:block;margin-bottom:8px}
.homeFast b{font-size:9px;display:block;color:#0a2e63}
.homeFast small{font-size:7px;color:var(--muted);line-height:1.25;display:block;margin-top:3px}
.homeFast.quickassist{background:#eff9ff}
.homeFast.urgent{background:#fff3ef}
.homeFast.blesk{background:#fff8dc}
.homeSectionTitle{display:flex;justify-content:space-between;align-items:end;margin:20px 1px 9px}
.homeSectionTitle h2{font-size:16px;margin:0;color:#0a2b5f}
.homeSectionTitle span{font-size:8px;color:#7d8ea4}
.homeRefContent .quick button,
.homeRefContent .catGrid button,
.homeRefContent .moduleGrid button{
  border-radius:15px!important;
  border:1px solid #dce7f1!important;
  box-shadow:0 4px 12px rgba(8,43,102,.035)!important;
}
.homeRefContent .catGrid{grid-template-columns:1fr 1fr!important}
.homeRefContent .moduleGrid{grid-template-columns:1fr 1fr!important}
.homeFuture{
  width:100%;text-align:left;cursor:pointer;
  border:1px dashed #cddae7!important;background:#fbfdff!important;border-radius:15px!important
}


/* ===== HEROIS 2.5 EXACT HOME REFERENCE ===== */
.phone:has(.homeExact) .status{
  position:absolute;top:0;left:0;right:0;z-index:70;
  color:transparent;background:transparent;pointer-events:none;
}
.phone:has(.homeExact) .app{height:100%}
.phone:has(.homeExact) .screen{padding-bottom:82px;background:#f5f8fc}

.homeExactHero{
  min-height:408px;
  padding:50px 14px 16px;
  position:relative;
  background-position:56% top!important;
  background-size:auto 430px!important;
  border-radius:0!important;
}
.homeExactHero:after{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(223,246,255,.80) 0%,rgba(222,244,255,.44) 17%,rgba(255,255,255,.12) 52%,rgba(255,255,255,.86) 100%),
    linear-gradient(90deg,rgba(238,249,255,.78) 0%,rgba(238,249,255,.32) 54%,rgba(255,255,255,.04) 100%);
  pointer-events:none;z-index:0;
}
.homeExactHero>*{position:relative;z-index:2}
.homeExactTop{display:flex;align-items:center;gap:8px}
.homeExactTop img{
  width:140px;height:auto;object-fit:contain;
  filter:none!important;border-radius:0!important;
}
.homeExactTop .cityPill{
  margin-left:auto;
  background:#fff;border:1px solid rgba(13,78,150,.08);
  box-shadow:0 4px 12px rgba(17,70,130,.08);
  border-radius:999px;padding:9px 12px;
  font-size:9px;font-weight:950;color:#082d67;
}
.homeExactTop .bellExact{
  width:41px;height:41px;border-radius:50%;border:0;background:#fff;
  box-shadow:0 4px 12px rgba(17,70,130,.10);font-size:17px;cursor:pointer
}
.homeExactHeadline{
  margin-top:50px;
  width:82%;
  color:#082d67;
  font-size:27px;
  line-height:1.05;
  letter-spacing:-.65px;
  font-weight:950;
  text-shadow:0 1px 0 rgba(255,255,255,.34)
}
.homeExactHeadline .blue{color:#0b82f6}
.homeExactSearch{
  position:absolute!important;
  left:13px;right:13px;bottom:16px;
  min-height:61px;
  border-radius:21px;background:#fff;
  box-shadow:0 9px 25px rgba(4,45,102,.13);
  display:flex;align-items:center;gap:10px;
  padding:8px 9px 8px 14px;
  cursor:pointer;
}
.homeExactSearch .mag{font-size:22px;color:#082d67}
.homeExactSearch .placeholder{
  flex:1;font-size:11px;line-height:1.35;color:#71839e;font-weight:800
}
.homeExactSearch .filter{
  width:43px;height:43px;border-radius:14px;border:0;background:#eff7ff;
  color:#082d67;font-size:19px;cursor:pointer
}

.homeExactBody{padding:18px 13px 26px;background:#f5f8fc}
.homeMain3{display:grid;grid-template-columns:1.08fr 1fr .92fr;gap:9px;margin-bottom:25px}
.homeMainCard{
  min-height:153px;border-radius:21px;border:1px solid rgba(255,255,255,.7);
  padding:12px 11px;text-align:left;display:flex;flex-direction:column;
  justify-content:space-between;cursor:pointer;box-shadow:0 7px 18px rgba(8,46,100,.06)
}
.homeMainCard.need{background:#118cf6;color:#fff}
.homeMainCard.help{background:#d6f8f8;color:#082d67}
.homeMainCard.blesk{background:#fff0b9;color:#082d67}
.homeMainCard .cardIcon{
  width:47px;height:47px;border-radius:14px;background:rgba(255,255,255,.92);
  display:grid;place-items:center;font-size:24px;color:#0b78dc
}
.homeMainCard strong{font-size:11px;line-height:1.02;display:block}
.homeMainCard small{font-size:7.5px;line-height:1.25;display:block;margin-top:6px;opacity:.92}
.homeSectionExact{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.homeSectionExact h2{font-size:17px;color:#082d67;margin:0;letter-spacing:-.25px}
.homeSectionExact button{border:0;background:none;color:#087cf0;font-size:9px;font-weight:950;cursor:pointer}
.homeServicesGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.homeService{
  min-height:91px;background:#fff;border:1px solid #d8e5f2;border-radius:18px;
  padding:12px;display:flex;gap:10px;align-items:center;text-align:left;cursor:pointer;
  box-shadow:0 4px 12px rgba(8,43,102,.025)
}
.homeService .si{
  width:42px;height:42px;border-radius:13px;background:#edf8ff;
  display:grid;place-items:center;font-size:22px;flex:0 0 42px
}
.homeService b{font-size:9px;line-height:1.15;color:#082d67;display:block}
.homeService small{font-size:7px;line-height:1.25;color:#7b8ca5;display:block;margin-top:4px}

.bottom.exactBottom{
  height:76px;
  grid-template-columns:repeat(5,1fr);
  padding:0 6px;
  align-items:end;
}
.bottom.exactBottom .nav{padding-bottom:9px;font-size:7.5px}
.bottom.exactBottom .nav i{font-size:20px}
.bottom.exactBottom .navCreateWrap{
  border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer;height:76px
}
.bottom.exactBottom .navCreate{
  width:61px;height:61px;margin-top:-22px;border-radius:50%;
  border:0;background:#1595f5;color:#fff;font-size:30px;font-weight:300;
  box-shadow:0 8px 18px rgba(16,119,220,.30);cursor:pointer
}


/* ===== HEROIS 2.6 REGISTRATION BEFORE HOME ===== */
.onboardScreen{
  min-height:100%;
  background:#fff;
  padding:18px 18px 30px;
  color:#071d43;
}
.onboardLogo{
  display:block;
  width:132px;
  margin:13px auto 18px;
  object-fit:contain;
}
.onboardLogo.big{
  width:190px;
  margin-top:116px;
  margin-bottom:2px;
}
.onboardTagline{
  text-align:center;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  color:#071d43;
  margin-bottom:38px;
}
.onboardTitle{
  font-size:18px;
  line-height:1.08;
  font-weight:950;
  color:#111;
  margin:12px 0 6px;
}
.onboardSub{
  font-size:9px;
  line-height:1.45;
  color:#53657d;
  margin-bottom:15px;
}
.onboardHeroButtons{
  margin-top:120px;
  display:flex;
  flex-direction:column;
  gap:11px;
}
.onboardHeroButtons button{
  min-height:54px;
  border:0;
  border-radius:12px;
  color:#fff;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.onboardHeroButtons .need{
  background:linear-gradient(135deg,#0f66db,#0959c5);
}
.onboardHeroButtons .help{
  background:linear-gradient(135deg,#18bdd0,#0daec1);
}
.phoneField{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:47px;
  border:1px solid #d9e1ea;
  border-radius:11px;
  padding:0 11px;
  background:#fff;
  margin:10px 0 12px;
}
.phoneField span{
  font-size:16px;
}
.phoneField input{
  border:0!important;
  outline:0!important;
  padding:0!important;
  margin:0!important;
  font-size:12px!important;
  font-weight:800;
  color:#17243a;
  background:transparent!important;
}
.otpRow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:13px 0 8px;
}
.otpBox{
  height:43px;
  border:1px solid #d9e1ea;
  border-radius:9px;
  display:grid;
  place-items:center;
  font-size:14px;
  font-weight:900;
  color:#111;
  background:#fff;
}
.resend{
  text-align:center;
  font-size:8px;
  color:#5e718d;
  margin-top:8px;
}
.resend b{color:#087af0}
.profileAvatarWrap{
  position:relative;
  width:88px;
  margin:5px auto 15px;
}
.profileAvatarBig{
  width:112px;height:142px;border-radius:22px;
  object-fit:cover;object-position:center top;border:4px solid #f3f5f7;
}
.profileCamera{
  position:absolute;right:-3px;bottom:5px;
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  background:#0a5fce;color:#fff;border:3px solid #fff;
  font-size:12px;
}
.profileGrid4{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:8px 0 16px;
}
.profileType{
  min-height:62px;
  border:1px solid #dfe6ee;
  background:#fff;
  border-radius:10px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:4px;cursor:pointer;
  font-size:9px;font-weight:850;color:#111;
}
.profileType span{font-size:24px}
.profileType.active{
  border:2px solid #1683f7;
  background:#f4f9ff;
}
.skillsGrid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
  margin:7px 0 15px;
}
.skillCard{
  min-height:65px;
  border:1px solid #dfe6ee;
  background:#fff;
  border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;font-size:8px;font-weight:850;cursor:pointer;text-align:center;
}
.skillCard span{font-size:21px}
.skillCard.active{
  border:2px solid #13a5bf;
  background:#f0fcfd;
}
.radioList{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:7px 0 15px;
}
.radioLine{
  display:flex;align-items:center;gap:8px;
  font-size:10px;color:#202b3c;
  cursor:pointer;
}
.radioCircle{
  width:15px;height:15px;border:1.5px solid #c9d3de;border-radius:50%;
  display:grid;place-items:center;
}
.radioLine.active .radioCircle{
  border-color:#136ecb;
}
.radioLine.active .radioCircle:after{
  content:"";
  width:7px;height:7px;border-radius:50%;background:#136ecb;
}
.availabilityGrid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:7px 0 18px;
}
.availBtn{
  min-height:43px;
  border:1px solid #c9d8e5;
  border-radius:8px;
  background:#fff;
  font-size:9px;font-weight:850;cursor:pointer;color:#1f2b3c;
}
.availBtn.active{
  color:#fff;
  background:#18ad62;
  border-color:#18ad62;
}
.onboardPrimary{
  width:100%;
  min-height:48px;
  border:0;border-radius:9px;
  background:linear-gradient(135deg,#0c72e7,#075bd0);
  color:#fff;font-size:11px;font-weight:950;cursor:pointer;
  margin-top:10px;
}
.onboardDone{
  text-align:center;
  padding-top:64px;
}
.onboardDone .check{
  width:78px;height:78px;border-radius:50%;
  margin:15px auto 24px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#25c8cf,#18aebe);
  color:#fff;font-size:42px;font-weight:900;
}
.onboardDone h2{
  font-size:18px;margin:0 0 10px;color:#111;
}
.onboardDone p{
  font-size:10px;line-height:1.45;color:#5c6b80;
  max-width:260px;margin:0 auto 65px;
}
.onboardProgress{
  display:flex;justify-content:center;gap:5px;margin:0 0 12px;
}
.onboardProgress i{
  width:7px;height:7px;border-radius:50%;background:#d9e3ed;
}
.onboardProgress i.on{background:#1385f5}
.onboardLegal{
  margin:8px 0 13px;
  padding:10px 11px;
  border-radius:10px;
  background:#f7fafc;
  border:1px solid #e2e8ef;
  font-size:8px;line-height:1.5;color:#5f6f83;
}
.onboardLegal b{color:#122a4e}


/* ===== HEROIS 2.7 QUICK FUNCTION WINS ===== */
.navBadge{
  position:absolute;top:5px;right:19px;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#ff375f;color:#fff;font-size:7px;font-weight:950;
  display:grid;place-items:center;border:2px solid #fff
}
.bottom .nav{position:relative}
.searchLive{
  position:sticky;top:0;z-index:5;background:#fff;padding-bottom:8px
}
.searchInputWrap{
  display:flex;align-items:center;gap:9px;border:1px solid #d9e5ef;background:#fff;
  border-radius:17px;padding:9px 11px;box-shadow:0 5px 15px rgba(8,43,102,.04)
}
.searchInputWrap span{font-size:18px;color:#082d67}
.searchInputWrap input{
  border:0!important;outline:0!important;margin:0!important;padding:0!important;
  flex:1;font-size:11px!important;background:transparent!important
}
.searchResultCard{
  border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:11px;margin:8px 0;
  cursor:pointer
}
.searchResultCard b{font-size:10px;color:#082d67}
.searchResultCard small{display:block;font-size:8px;color:#788ba3;margin-top:4px;line-height:1.35}
.manageGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.manageAction{
  border:1px solid #dce7f1;background:#fff;border-radius:15px;padding:13px 10px;
  text-align:left;cursor:pointer;min-height:78px
}
.manageAction span{font-size:22px;display:block;margin-bottom:8px}
.manageAction b{font-size:9px;color:#082d67;display:block}
.manageAction small{font-size:7px;color:#7c8ba0;display:block;margin-top:3px}
.manageAction.danger{background:#fff8f8;border-color:#ffdada}
.profileEditAvatar{
  width:112px;height:142px;border-radius:22px;object-fit:cover;object-position:center top;margin:6px auto 16px;display:block;
  border:4px solid #f0f4f8
}
.fieldToggle{
  display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf2f6
}
.fieldToggle b{font-size:10px}.fieldToggle small{font-size:8px;color:#7b8da4;display:block}
.badgeBubble{
  display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;
  padding:0 5px;border-radius:999px;background:#ff375f;color:#fff;font-size:8px;font-weight:950
}


/* ===== HEROIS 2.8 TASKS / PRESENCE / HELP CENTER ===== */
.presenceStrip{
  display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbe7f1;
  border-radius:15px;padding:10px 11px;margin:10px 0
}
.presenceDot{width:10px;height:10px;border-radius:50%;background:#aab8c7}
.presenceDot.on{background:#18b66d;box-shadow:0 0 0 4px rgba(24,182,109,.12)}
.presenceStrip b{font-size:9px}.presenceStrip small{display:block;font-size:7.5px;color:#7b8da4;margin-top:2px}
.taskTabs{display:flex;gap:6px;overflow:auto;margin:10px 0}
.taskTabs button{border:1px solid #dce7f1;background:#fff;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;white-space:nowrap}
.taskTabs button.on{background:#eaf6ff;color:#0876db;border-color:#c5e3ff}
.nextTask{
  background:linear-gradient(135deg,#eaf7ff,#f2fffb);border:1px solid #cfe8f2;
  border-radius:17px;padding:12px;margin:10px 0
}
.nextTask b{font-size:11px;color:#082d67}
.nextTask small{display:block;font-size:8px;color:#6e839b;margin-top:4px;line-height:1.35}
.replacementBox{
  background:#fff8e9;border:1px solid #ffe0a3;border-radius:15px;padding:11px;margin:10px 0
}
.replacementBox b{font-size:10px;color:#7c5200}
.replacementBox small{display:block;font-size:8px;color:#8a7042;margin-top:4px}
.faqItem{
  border:1px solid #dce7f1;background:#fff;border-radius:14px;padding:11px;margin:8px 0
}
.faqItem b{font-size:10px;color:#082d67}
.faqItem small{display:block;font-size:8px;color:#6f829a;line-height:1.45;margin-top:5px}


/* ===== HEROIS 2.9 INBOX / OFFER ACTIONS / LOCATION / CONTACTS ===== */
.threadCard{
  width:100%;border:1px solid #dce7f1;background:#fff;border-radius:16px;
  padding:11px;margin:8px 0;text-align:left;cursor:pointer
}
.threadCard .top{display:flex;align-items:center;gap:9px}
.threadCard .bubbleAvatar{
  width:39px;height:39px;border-radius:50%;background:#eaf6ff;display:grid;place-items:center;font-size:18px
}
.threadCard b{font-size:9.5px;color:#082d67}
.threadCard small{display:block;font-size:7.5px;color:#73869e;margin-top:3px}
.threadCard .unread{margin-left:auto;background:#ff375f;color:#fff;border-radius:999px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;font-size:7px;font-weight:950}
.offerActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.offerActions button{min-height:44px;border-radius:12px;font-size:9px;font-weight:950;cursor:pointer}
.offerAccept{border:0;background:#14b96d;color:#fff}
.offerDecline{border:1px solid #ffd5d5;background:#fff7f7;color:#b62d2d}
.locationModeGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.locationMode{
  border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:13px;text-align:left;cursor:pointer
}
.locationMode.on{border:2px solid #1284f5;background:#f2f8ff}
.locationMode span{font-size:24px;display:block;margin-bottom:7px}
.locationMode b{font-size:9px;color:#082d67;display:block}
.locationMode small{font-size:7px;color:#778aa1;display:block;margin-top:3px;line-height:1.3}
.zoneBig{
  border-radius:17px;padding:13px;margin:10px 0;border:1px solid #dce7f1;background:#fff
}
.zoneBig.ok{background:#effbf5;border-color:#c8eedb}
.zoneBig.no{background:#fff6f5;border-color:#ffd9d3}
.zoneBig b{font-size:10px}.zoneBig small{display:block;font-size:8px;color:#70839b;margin-top:4px}
.contactCard{
  border:1px solid #dce7f1;background:#fff;border-radius:17px;padding:13px;margin:10px 0
}
.contactCard .phoneNum{font-size:17px;font-weight:950;color:#082d67;margin:10px 0}
.contactActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.contactActions button{min-height:43px;border:0;border-radius:12px;background:#edf7ff;color:#0876d7;font-size:9px;font-weight:950}


/* ===== HEROIS 3.0 ALL-CLICKS PASS ===== */
.heroProfileHead{
  text-align:center;padding:7px 0 12px
}
.heroProfileHead .avatar{
  width:88px;height:88px;margin-bottom:8px
}
.heroProfileHead h2{font-size:18px;color:#082d67;margin:3px 0}
.heroProfileHead .starsLine{font-size:12px;color:#f5ad00;font-weight:900}
.heroStatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}
.heroStat{background:#f6faff;border:1px solid #dce8f2;border-radius:14px;padding:10px;text-align:center}
.heroStat b{display:block;font-size:15px;color:#082d67}.heroStat small{font-size:7px;color:#788ba2}
.reviewCard{border:1px solid #dce7f1;background:#fff;border-radius:15px;padding:11px;margin:8px 0;text-align:left}
.reviewCard .starsTiny{color:#f6ad00;font-size:12px;letter-spacing:1px}
.reviewCard b{font-size:9px;color:#082d67}.reviewCard small{display:block;font-size:8px;color:#73869e;line-height:1.4;margin-top:4px}
.languageChoice{
  width:100%;border:1px solid #dce7f1;background:#fff;border-radius:14px;
  padding:12px;display:flex;align-items:center;gap:10px;margin:8px 0;cursor:pointer;text-align:left
}
.languageChoice.on{border:2px solid #1284f5;background:#f2f8ff}
.languageChoice .flag{font-size:23px}.languageChoice b{font-size:10px;color:#082d67}
.languageChoice small{font-size:7.5px;color:#74869d;display:block;margin-top:2px}
.notificationButton{
  width:100%;border:0;background:none;padding:0;text-align:left;cursor:pointer
}
.notificationItem .go{
  float:right;color:#0878dc;font-size:8px;font-weight:950
}
.ratingStarsSelect{display:flex;gap:4px;margin:8px 0}
.ratingStar{
  border:0;background:none;font-size:25px;color:#d4dce6;padding:0;cursor:pointer;line-height:1
}
.ratingStar.on{color:#f5b000}
.ratingSubmit{
  border:0;border-radius:10px;background:#0c76e8;color:#fff;padding:8px 11px;font-size:8px;font-weight:950;cursor:pointer
}
.favoriteEmpty{text-align:center;padding:35px 15px;color:#7588a0;font-size:9px}
.clickHint{font-size:7px;color:#0b7bdd;font-weight:900;margin-top:5px}


/* ===== HEROIS 3.1 MY HEROIS / MOTIVATION / SUPPORT / SHARE ===== */
.levelHero{
  border-radius:20px;padding:16px;background:linear-gradient(135deg,#0d76e8,#19b6cf);color:#fff;margin:10px 0
}
.levelHero .levelName{font-size:20px;font-weight:950}
.levelHero small{display:block;font-size:8px;opacity:.9;margin-top:4px}
.levelProgress{height:9px;border-radius:999px;background:rgba(255,255,255,.28);overflow:hidden;margin:12px 0 6px}
.levelProgress span{display:block;height:100%;background:#fff;border-radius:999px}
.badgeGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.badgeCard{border:1px solid #dce7f1;background:#fff;border-radius:15px;padding:12px;text-align:center}
.badgeCard .bi{font-size:28px}.badgeCard b{display:block;font-size:9px;color:#082d67;margin-top:6px}.badgeCard small{display:block;font-size:7px;color:#788ba1;margin-top:4px}
.supportTypeGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:10px 0}
.supportType{border:1px solid #dce7f1;background:#fff;border-radius:14px;padding:10px;text-align:center;cursor:pointer;font-size:8px;font-weight:900;color:#082d67}
.supportType.on{border:2px solid #0f83f4;background:#f1f8ff}
.ticketCard{border:1px solid #dce7f1;background:#fff;border-radius:15px;padding:11px;margin:8px 0}
.ticketCard b{font-size:9px;color:#082d67}.ticketCard small{display:block;font-size:8px;color:#74879f;margin-top:4px}
.shareBox{border:1px solid #d9e6f1;background:#fff;border-radius:17px;padding:13px;margin:10px 0}
.shareText{white-space:pre-line;font-size:9px;line-height:1.45;color:#23374f;background:#f7fafc;border-radius:12px;padding:11px;margin-top:8px}
.privacyChecklist{font-size:8px;color:#476078;line-height:1.7}
.privacyChecklist b{color:#0a8a57}
.myHeroisTop{text-align:center;padding:10px 0}
.myHeroisTop .avatar{width:82px;height:82px}
.myHeroisTop h2{font-size:18px;color:#082d67;margin:6px 0 2px}


/* ===== HEROIS 3.2 HOME FIX ===== */
.bottom.exactBottom.fourNav{
  grid-template-columns:repeat(4,1fr)!important;
  height:68px!important;
  padding:0 8px!important;
  align-items:center!important;
}
.bottom.exactBottom.fourNav .nav{
  padding:8px 0 7px!important;
  font-size:7.5px!important;
}
.bottom.exactBottom.fourNav .nav i{
  font-size:19px!important;
  margin-bottom:2px!important;
}
.bottom.exactBottom .navCreateWrap,
.bottom.exactBottom .navCreate{
  display:none!important;
}
.phone:has(.homeExact) .screen{
  padding-bottom:76px!important;
  overflow-y:auto!important;
}
.homeExactHero{
  min-height:318px!important;
  padding:42px 14px 11px!important;
  background-size:auto 340px!important;
  background-position:57% top!important;
}
.homeExactTop img{
  width:124px!important;
}
.homeExactTop .cityPill{
  padding:7px 9px!important;
}
.homeExactTop .bellExact{
  width:37px!important;
  height:35px!important;
}
.homeExactHeadline{
  margin-top:27px!important;
  width:86%!important;
  font-size:22px!important;
  line-height:1.01!important;
}
.homeExactSearch{
  left:12px!important;
  right:12px!important;
  bottom:10px!important;
  min-height:52px!important;
  border-radius:17px!important;
  padding:6px 7px 6px 12px!important;
}
.homeExactSearch .mag{font-size:19px!important}
.homeExactSearch .placeholder{
  font-size:9.2px!important;
}
.homeExactSearch .filter{
  width:37px!important;
  height:37px!important;
}
.homeExactBody{
  padding:11px 12px 18px!important;
}
.homeMain3{
  gap:7px!important;
  margin-bottom:11px!important;
}
.homeMainCard{
  min-height:104px!important;
  border-radius:16px!important;
  padding:9px 8px!important;
}
.homeMainCard .cardIcon{
  width:36px!important;
  height:36px!important;
  border-radius:11px!important;
  font-size:18px!important;
}
.homeMainCard strong{
  font-size:9px!important;
}
.homeMainCard small{
  font-size:6.3px!important;
  margin-top:2px!important;
}
.homeSectionExact{
  margin:0 1px 6px!important;
}
.homeSectionExact h2{
  font-size:14px!important;
}
.homeSectionExact button{
  font-size:7.5px!important;
}
.homeServicesGrid{
  gap:6px!important;
}
.homeService{
  min-height:66px!important;
  border-radius:14px!important;
  padding:8px!important;
  gap:7px!important;
}
.homeService .si{
  width:60px!important;
  height:60px!important;
  flex-basis:60px!important;
  border-radius:14px!important;
  font-size:33px!important;
}
.homeService b{
  font-size:15.3px!important;
  line-height:1.05!important;
  font-weight:950!important;
}
.homeService small{
  font-size:10.6px!important;
  line-height:1.1!important;
  margin-top:3px!important;
}


/* ===== HEROIS 3.3 APPROVED HERO VISUAL ===== */
.phone:has(.approvedHeroHome) .screen{
  padding-bottom:72px!important;
  overflow-y:auto!important;
  background:#f5f8fc!important;
}
.approvedHeroWrap{
  position:relative;
  width:100%;
  overflow:hidden;
  line-height:0;
  background:#fff;
}
.approvedHeroImg{
  display:block;
  width:100%;
  height:auto;
}
.heroCityHotspot,.heroBellHotspot{
  position:absolute;
  border:0;
  background:transparent;
  cursor:pointer;
  z-index:4;
}
.heroCityHotspot{
  top:8%;
  right:15%;
  width:29%;
  height:19%;
}
.heroBellHotspot{
  top:7%;
  right:2%;
  width:13%;
  height:21%;
}
.approvedHomeBody{
  padding:6px 12px 22px;
  background:#f5f8fc;
}
.approvedSearch{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:17px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 8px 7px 12px;
  margin:0 0 12px;
  box-shadow:0 5px 14px rgba(8,43,102,.07);
  cursor:pointer;
  text-align:left;
}
.approvedSearch .mag{font-size:19px;color:#082d67}
.approvedSearch .placeholder{
  flex:1;
  font-size:9.5px;
  line-height:1.3;
  color:#71839e;
  font-weight:800;
}
.approvedSearch .filter{
  width:36px;height:36px;border-radius:12px;background:#eff7ff;
  display:grid;place-items:center;color:#082d67;font-size:17px
}
.approvedMain3{gap:7px!important;margin-bottom:11px!important}
.approvedMain3 .homeMainCard{
  min-height:99px!important;padding:8px!important;border-radius:16px!important
}
.approvedMain3 .cardIcon{
  width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important
}
.approvedMain3 strong{font-size:8.8px!important}
.approvedMain3 small{font-size:6.2px!important;margin-top:2px!important}
.approvedSection{margin:0 1px 6px!important}
.approvedSection h2{font-size:14px!important}
.approvedSection button{font-size:7.4px!important}
.approvedServices{gap:6px!important}
.approvedServices .homeService{
  min-height:64px!important;border-radius:14px!important;padding:8px!important;gap:7px!important
}
.approvedServices .si{
  width:32px!important;height:32px!important;flex-basis:32px!important;border-radius:10px!important;font-size:16px!important
}
.approvedServices b{font-size:7.8px!important}
.approvedServices small{font-size:5.9px!important;margin-top:2px!important}


/* ===== HEROIS 3.4 SAVED PLACES / SAVED REQUESTS / CITY SELECTOR ===== */
.savedPlaceCard,.savedRequestCard,.citySelectCard{border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:12px;margin:8px 0}
.savedPlaceCard .pi,.citySelectCard .ci{width:40px;height:40px;border-radius:13px;background:#edf8ff;display:grid;place-items:center;font-size:20px;flex:0 0 40px}
.savedPlaceCard b,.savedRequestCard b,.citySelectCard b{font-size:9.5px;color:#082d67}.savedPlaceCard small,.savedRequestCard small,.citySelectCard small{display:block;font-size:7.5px;color:#74869d;line-height:1.35;margin-top:3px}
.savedActions{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.savedActions button{border:1px solid #d8e5ef;background:#f7fbff;border-radius:999px;padding:6px 9px;font-size:7px;font-weight:950;color:#176fbf;cursor:pointer}.savedActions button.danger{background:#fff5f5;color:#b93636;border-color:#ffd9d9}
.offerUtilityRow{display:flex;gap:7px;margin:9px 0}.offerUtilityRow button{flex:1;min-height:39px;border-radius:11px;border:1px solid #dbe6f0;background:#fff;font-size:7.5px;font-weight:950;color:#426078;cursor:pointer}.offerUtilityRow button.on{background:#edf7ff;color:#0877dc;border-color:#c7e2f9}
.citySelectCard.active{background:#effaf5;border-color:#cdebdc}.citySelectCard.wait{background:#fbfdff}.historyStatus{font-size:7px;font-weight:950;border-radius:999px;padding:4px 7px;background:#edf7ff;color:#0876d8}


/* ===== HEROIS 3.5 REQUEST EDITOR + CATEGORIES ===== */
.categoryHero{border-radius:22px;padding:16px;background:linear-gradient(135deg,#edf5ff,#eef4ff);border:1px solid #d7eaf3;margin:8px 0 12px}.categoryHero .bigIcon{font-size:38px;margin-bottom:8px}.categoryHero h2{font-size:18px;color:#082d67;margin:0 0 5px}.categoryHero p{font-size:8px;color:#6f829a;margin:0;line-height:1.4}
.subGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 14px}.subBtn{border:1px solid #dce7f1;background:#fff;border-radius:22px;padding:12px;cursor:pointer;color:#082d67;display:flex;align-items:center;gap:12px;text-align:left;min-height:106px;box-shadow:0 6px 16px rgba(8,43,102,.06)}.subBtn.on{border:2px solid #1683f7;background:#f3f9ff;box-shadow:0 8px 18px rgba(22,131,247,.10)}.subThumb{width:60px;height:60px;flex:0 0 60px;border-radius:18px;display:grid;place-items:center}.subThumb svg{width:34px!important;height:34px!important}.subThumb.tone0{background:#eaf5ff}.subThumb.tone1{background:#eaf5ff}.subThumb.tone2{background:#eaf5ff}.subThumb.tone3{background:#eaf5ff}.subCopy{display:block;min-width:0;flex:1}.subCopy b{display:block;font-size:10.8px;line-height:1.08;color:#082d67;font-weight:950;margin-bottom:6px}.subCopy small{display:block;font-size:7.8px;line-height:1.32;color:#7d8faa;font-weight:700}.subArrow{margin-left:auto;font-size:26px;line-height:1;color:#96aac5;font-weight:900;flex:0 0 auto}.lockedDemoField{border:1px solid #dce8f5;background:#f7fbff;border-radius:14px;padding:11px 12px}.lockedDemoField b{display:block;font-size:11px;color:#082d67}.lockedDemoField small{display:block;margin-top:4px;font-size:8px;color:#718097;line-height:1.35}
.editorCategory{width:100%;border:1px solid #dce7f1;background:#fff;border-radius:14px;padding:11px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.editorCategory .ci{font-size:24px}.editorCategory b{font-size:9px;color:#082d67}.editorCategory small{display:block;font-size:7px;color:#74869d;margin-top:3px}
.formChoice{width:100%;border:1px solid #dce7f1;background:#fff;border-radius:14px;padding:11px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.formChoice.on{border:2px solid #1284f5;background:#f3f8ff}.formChoice .fi{font-size:20px}.formChoice b{font-size:9px;color:#082d67}.formChoice small{display:block;font-size:7px;color:#74869d;margin-top:3px}
.draftCard{border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:12px;margin:9px 0}.draftCard b{font-size:10px;color:#082d67}.draftCard small{font-size:7.5px;color:#74869d;display:block;margin-top:4px}.draftActions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.draftActions button{border:0;border-radius:10px;padding:8px;font-size:7px;font-weight:950;cursor:pointer}.draftOpen{background:#edf7ff;color:#0873d7}.draftPublish{background:#eaf9f1;color:#0a8a57}.draftDelete{background:#fff2f2;color:#bc3030}
.photoPreviewWrap{position:relative}.photoPreviewWrap .removePhoto{position:absolute;right:8px;top:8px;width:29px;height:29px;border-radius:50%;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:14px;cursor:pointer}


/* ===== HEROIS 3.6 FUNCTIONAL MODULES ===== */
.moduleHero{
  background:linear-gradient(135deg,#eef8ff,#f3fffb);
  border:1px solid #d9eaf3;border-radius:18px;padding:13px;margin:7px 0 12px;
}
.moduleHero b{font-size:12px;color:#082d67}.moduleHero small{display:block;font-size:8px;color:#6f8299;margin-top:4px;line-height:1.4}
.moduleTabBar{display:flex;gap:6px;overflow:auto;margin:9px 0 12px}
.moduleTabBar button{border:1px solid #dce7f1;background:#fff;border-radius:999px;padding:7px 10px;font-size:7.5px;font-weight:950;color:#526982;white-space:nowrap;cursor:pointer}
.moduleTabBar button.on{background:#0d80ea;color:#fff;border-color:#0d80ea}
.moduleListCard{
  border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:12px;margin:8px 0
}
.moduleListCard b{font-size:10px;color:#082d67}
.moduleListCard small{display:block;font-size:7.5px;color:#71849c;line-height:1.45;margin-top:3px}
.moduleActions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.moduleActions button{border:0;border-radius:11px;padding:8px 10px;font-size:7.5px;font-weight:950;cursor:pointer}
.moduleActions .primary{background:#0b7be8;color:#fff}
.moduleActions .good{background:#e9f9f1;color:#078552}
.moduleActions .warn{background:#fff4e6;color:#9b6300}
.moduleActions .danger{background:#fff1f1;color:#b83030}
.moduleActions .light{background:#edf6fd;color:#0b70c6}
.editorPreview{
  width:100%;min-height:88px;border-radius:15px;background:#edf7fd;
  display:grid;place-items:center;font-size:36px;margin:8px 0 12px
}
.choiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.choiceCard{
  border:1px solid #dce7f1;background:#fff;border-radius:14px;padding:11px;cursor:pointer;text-align:left
}
.choiceCard.on{border:2px solid #1484f5;background:#f1f8ff}
.choiceCard span{font-size:23px;display:block;margin-bottom:6px}.choiceCard b{font-size:8.5px;color:#082d67}.choiceCard small{display:block;font-size:6.8px;color:#788aa1;margin-top:2px}
.interestChips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 13px}
.interestChip{border:1px solid #dce7f1;background:#fff;border-radius:999px;padding:7px 9px;font-size:7px;font-weight:900;color:#597089;cursor:pointer}
.interestChip.on{background:#e8f6ff;color:#0875d7;border-color:#bfe0fb}
.videoStage{
  min-height:310px;border-radius:20px;background:linear-gradient(145deg,#17212f,#26394c);
  position:relative;overflow:hidden;color:#fff;margin:8px 0 12px;
  display:flex;align-items:flex-end;padding:16px
}
.videoStage .face{position:absolute;inset:0;display:grid;place-items:center;font-size:94px;opacity:.95}
.videoStage .videoName{position:relative;z-index:2}.videoStage .videoName b{font-size:15px}.videoStage .videoName small{font-size:8px;display:block;opacity:.8;margin-top:2px}
.videoControls{display:flex;justify-content:center;gap:10px;margin:12px 0}
.videoControls button{width:48px;height:48px;border-radius:50%;border:0;background:#172638;color:#fff;font-size:19px;cursor:pointer}
.videoControls button.end{background:#ef4e58}
.videoBilling{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:10px 0}
.videoBilling div{background:#f4f8fc;border:1px solid #e0e8ef;border-radius:13px;padding:9px;text-align:center}
.videoBilling b{font-size:11px;color:#082d67;display:block}.videoBilling small{font-size:6.5px;color:#75889f}
.matchCard{text-align:center;padding:16px}.matchCard .avatarXL{width:94px;height:94px;border-radius:50%;object-fit:cover;margin-bottom:10px}.matchCard h3{font-size:17px;color:#082d67;margin:3px 0}.matchCard p{font-size:8px;color:#71849a;line-height:1.45}
.petAlert{background:#fff1f1;border:1px solid #ffd2d2;border-radius:16px;padding:12px;margin:9px 0}.petAlert b{color:#b12d2d;font-size:10px}.petAlert small{display:block;color:#8b5b5b;font-size:7.5px;margin-top:4px;line-height:1.4}


/* ===== HEROIS 3.8 TRUE BOTTOM NAV ===== */
.app{
  overflow:hidden!important;
}
.screen{
  padding-bottom:88px!important;
}
.app > .bottom.exactBottom.fourNav{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  top:auto!important;
  margin:0!important;
  transform:none!important;
  height:68px!important;
  min-height:68px!important;
  z-index:120!important;
  background:#fff!important;
  border-top:1px solid #dfe8f1!important;
  box-shadow:0 -5px 18px rgba(8,43,102,.06)!important;
}
.app > .bottom.exactBottom.fourNav .nav{
  height:68px!important;
  padding:7px 0 6px!important;
  justify-content:center!important;
}
.phone:has(.approvedHeroHome) .approvedHeroHome,
.phone:has(.homeExact) .homeExact{
  padding-bottom:88px!important;
}
.approvedHomeBody,
.homeExactBody{
  padding-bottom:24px!important;
}


/* ===== HEROIS 3.9 ACTION FLOWS / CHAT COMPOSER ===== */
.reasonCard{
  border:1px solid #dce7f1;background:#fff;border-radius:15px;padding:11px;margin:8px 0;
  display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;width:100%;
}
.reasonCard.on{border:2px solid #0d82ef;background:#f2f8ff}
.reasonCard .ri{width:34px;height:34px;border-radius:11px;background:#edf7ff;display:grid;place-items:center;font-size:17px}
.reasonCard b{font-size:9px;color:#082d67}.reasonCard small{display:block;font-size:7px;color:#75889f;margin-top:2px}
.reasonSummary{
  border-radius:15px;padding:12px;background:#f7fafc;border:1px solid #dfe8f0;margin:10px 0;
}
.reasonSummary b{font-size:10px;color:#082d67}.reasonSummary small{display:block;font-size:8px;color:#73869d;margin-top:4px}
.chatComposer{
  position:sticky;bottom:0;background:#fff;padding:9px 0 2px;margin-top:10px;
  display:flex;gap:7px;align-items:flex-end
}
.chatComposer textarea{
  flex:1;min-height:44px;max-height:95px;resize:none;border:1px solid #d8e4ee;border-radius:14px;
  padding:10px;font-size:9px;font-family:inherit;outline:none
}
.chatComposer button{
  width:44px;height:44px;border:0;border-radius:14px;background:#0b7de9;color:#fff;
  font-size:17px;font-weight:950;cursor:pointer
}
.teamProgress{
  background:#f4f9fd;border:1px solid #dce8f1;border-radius:14px;padding:10px;margin:9px 0;
}
.teamProgress .bar{height:7px;background:#dce8f1;border-radius:999px;overflow:hidden;margin-top:7px}
.teamProgress .bar span{display:block;height:100%;background:#10ad6d;border-radius:999px}
.manualLocationBox{
  background:#fff;border:1px solid #dce7f1;border-radius:16px;padding:12px;margin:10px 0
}


/* HEROIS 4.2 – larger content inside original category cards */
.homeService{
  align-items:center!important;
  gap:8px!important;
}
.homeService > span:last-child{
  min-width:0!important;
}
.homeService b,
.homeService small{
  overflow-wrap:anywhere;
}


/* ===== HEROIS 4.4 OFFICIAL LOGO + NEW ICONS ===== */
.top img{object-fit:contain!important;background:transparent!important;max-height:39px!important}
.onboardLogo,.onboardLogo.big{object-fit:contain!important;background:transparent!important}
.heroOfficialLogo{position:absolute!important;left:13px!important;top:14px!important;width:116px!important;height:auto!important;z-index:7!important}
.heroCityHotspot{top:13px!important;right:53px!important;width:auto!important;height:36px!important;padding:0 9px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(8,45,103,.10)!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:4px!important;color:#082d67!important;box-shadow:0 4px 12px rgba(8,45,103,.08)!important}
.heroCityHotspot b{font-size:8px!important;color:#082d67!important}
.heroBellHotspot{top:12px!important;right:11px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(8,45,103,.10)!important;display:grid!important;place-items:center!important;box-shadow:0 4px 12px rgba(8,45,103,.08)!important}
.approvedSearch .mag,.approvedSearch .filter,.approvedMain3 .cardIcon{display:grid!important;place-items:center!important}
.approvedMain3 .need .cardIcon svg path,.approvedMain3 .need .cardIcon svg circle{stroke:#fff!important}

/* Card frames unchanged; inner content enlarged. */
.approvedServices .homeService{min-height:64px!important;height:64px!important;padding:5px 6px!important;gap:8px!important;align-items:center!important;overflow:hidden!important}
.approvedServices .homeService .si{width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#edf5ff,#e6efff)!important}
.approvedServices .homeService .si svg{width:34px!important;height:34px!important;display:block!important}
.approvedServices .homeService .serviceCopy{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:left!important}
.approvedServices .homeService b{font-size:12.8px!important;line-height:1.03!important;font-weight:950!important;letter-spacing:-.15px!important;color:#082d67!important;margin:0!important}
.approvedServices .homeService small{font-size:7.9px!important;line-height:1.08!important;font-weight:650!important;color:#6f8198!important;margin-top:4px!important}
/* HEROIS 6.4: category accents use brand blue instead of turquoise. */
.approvedServices .homeService .si svg [stroke="#0CB9D3"],
.categoryHero svg [stroke="#0CB9D3"],
.subBtn svg [stroke="#0CB9D3"]{stroke:#1683f7!important}
.moduleGrid .ico svg [stroke="#0CB9D3"]{stroke:#1683f7!important}
.moduleGrid .ico svg path,.moduleGrid .ico svg circle{stroke:#1683f7!important}
.subBtn svg path,.subBtn svg circle,.categoryHero svg path,.categoryHero svg circle{stroke:#1683f7!important}

.moduleGrid .ico{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:linear-gradient(145deg,#edf5ff,#e6efff)!important}
.moduleGrid .ico svg{width:27px!important;height:27px!important}
.bottom.exactBottom .nav i{display:grid!important;place-items:center!important}
.bottom.exactBottom .nav i svg{width:21px!important;height:21px!important}
.searchResultCard svg{vertical-align:middle!important;margin-right:5px!important}
.categoryHero .bigIcon svg{width:42px!important;height:42px!important}
.editorCategory .ci svg{width:30px!important;height:30px!important}


/* ===== HEROIS 4.5 QUICK FUNCTIONAL UX ===== */
.searchFilterRow{
  display:flex;gap:6px;overflow-x:auto;margin:10px 0 12px;padding-bottom:2px
}
.searchFilterRow button{
  border:1px solid #d8e5ef;background:#fff;border-radius:999px;padding:7px 10px;
  font-size:7.5px;font-weight:950;color:#63778e;white-space:nowrap;cursor:pointer
}
.searchFilterRow button.on{
  background:#0b7de9;color:#fff;border-color:#0b7de9
}
.recentSearches{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0 12px}
.recentSearches button{
  border:1px solid #dce7f1;background:#f7fbff;border-radius:999px;
  padding:6px 9px;font-size:7px;font-weight:900;color:#2d628c;cursor:pointer
}
.homePresence{
  margin:10px 0 13px;border:1px solid #dce8f1;background:#fff;border-radius:15px;
  padding:9px 10px;display:flex;align-items:center;gap:9px
}
.homePresence .dot{
  width:10px;height:10px;border-radius:50%;background:#c4ced9;flex:0 0 10px
}
.homePresence .dot.on{background:#17b66d;box-shadow:0 0 0 4px rgba(23,182,109,.11)}
.homePresence b{font-size:8.8px;color:#082d67}
.homePresence small{display:block;font-size:6.9px;color:#77899e;margin-top:2px}
.homePresence button{
  border:0;border-radius:999px;background:#edf7ff;color:#0b73d2;padding:7px 9px;
  font-size:6.8px;font-weight:950;cursor:pointer
}
.heroBellBadge{
  position:absolute;right:-2px;top:-2px;min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;background:#ef3e5c;color:#fff;border:2px solid #fff;
  display:grid;place-items:center;font-size:6px;font-weight:950;line-height:1
}
.repeatMini{
  border:1px solid #d9e7f0;background:#f8fcff;border-radius:15px;padding:10px;
  display:flex;align-items:center;gap:9px;margin:12px 0
}
.repeatMini .ri{
  width:38px;height:38px;border-radius:12px;background:#eaf6ff;
  display:grid;place-items:center;font-size:21px
}
.repeatMini b{font-size:8.5px;color:#082d67}.repeatMini small{display:block;font-size:6.8px;color:#74879d;margin-top:2px}
.repeatMini button{
  border:0;background:#0b7de9;color:#fff;border-radius:10px;padding:7px 8px;
  font-size:6.7px;font-weight:950;cursor:pointer
}
.searchCount{font-size:7px;color:#71849a;margin:-2px 0 8px}


/* ===== HEROIS 4.6 REGISTRATION FLOW FIX ===== */
.resendBtn{
  border:0!important;
  background:transparent!important;
  color:#0b7de9!important;
  font:inherit!important;
  font-weight:900!important;
  padding:0!important;
  cursor:pointer!important;
}
.onboardPrimary{
  cursor:pointer!important;
  pointer-events:auto!important;
}
.otpBox{
  user-select:none!important;
}


/* ===== HEROIS 4.7 CORE FLOW FUNCTIONALITY ===== */
.legalCheck{
  display:inline-flex;align-items:center;gap:6px;margin:3px 0;
  font-size:7.5px;color:#4c647e;cursor:pointer
}
.legalCheck input{width:14px;height:14px;accent-color:#0b7de9}
.field small.muted{display:block;margin-top:4px;font-size:6.8px;color:#7a8da3}


/* ===== HEROIS 4.9 REAL VERIFICATION INPUTS ===== */
.otpInput{
  text-align:center!important;
  font-size:15px!important;
  font-weight:950!important;
  color:#082d67!important;
  outline:none!important;
  padding:0!important;
}
.otpInput:focus{
  border-color:#0b7de9!important;
  box-shadow:0 0 0 3px rgba(11,125,233,.10)!important;
}


/* ===== HEROIS 5.0 OTP LAYOUT + FLOW FIX ===== */
.otpRow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}
.otpRow .otpInput{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:43px!important;
  box-sizing:border-box!important;
  display:block!important;
}


/* ===== HEROIS 5.1 OTP + REGISTRATION RENDER HARDENING ===== */
.otpRow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
}
.otpRow .otpInput{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  flex:1 1 0!important;
}


/* ===== HEROIS 5.2 HOME HERO SPACING / TOP-RIGHT FIX ===== */

/* Move the baked castle/headline/city/bell artwork lower.
   This increases the visual gap between the official HEROIS logo
   and the headline, and clears the phone status bar. */
.approvedHeroWrap{
  background:#eef9ff!important;
  padding-top:15px!important;
}
.approvedHeroImg{
  margin-top:0!important;
}

/* Official logo stays clean above the headline. */
.heroOfficialLogo{
  top:14px!important;
  left:14px!important;
  width:106px!important;
  z-index:8!important;
}

/* The city pill and bell already exist inside the approved hero JPG.
   Keep these buttons only as invisible clickable hotspots, so nothing
   is drawn twice or overlaps the status bar. */
.heroCityHotspot{
  top:31px!important;
  right:62px!important;
  width:98px!important;
  height:40px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:22px!important;
  color:transparent!important;
  overflow:visible!important;
}
.heroCityHotspot > svg,
.heroCityHotspot > b,
.heroCityHotspot > span{
  display:none!important;
}

.heroBellHotspot{
  top:37px!important;
  right:8px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:50%!important;
}
.heroBellHotspot > svg{
  display:none!important;
}

/* Keep only the unread badge on top of the baked bell icon. */
.heroBellBadge{
  display:grid!important;
  right:-1px!important;
  top:-3px!important;
  z-index:10!important;
}

/* Slightly soften the join created by the top offset. */
.approvedHeroWrap::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:18px;
  background:linear-gradient(180deg,#f3fbff 0%,#eaf8ff 100%);
  z-index:0;
}
.approvedHeroImg{position:relative!important;z-index:1!important}
.heroOfficialLogo,.heroCityHotspot,.heroBellHotspot{position:absolute!important}


/* ===== HEROIS 5.3 SOS VISUAL / FUNCTION DISABLED ===== */
.homeSOS{
  width:100%!important;
  min-height:54px!important;
  margin:8px 0 13px!important;
  border:0!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ff2637 0%,#ed0b22 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:.2px!important;
  box-shadow:0 6px 15px rgba(223,16,37,.18)!important;
  opacity:1!important;
  pointer-events:none!important;
  cursor:default!important;
}
.homeSOS .sosIcon{
  font-size:21px!important;
  line-height:1!important;
}


/* ===== HEROIS 5.4 HOME HEADER + SOS FINAL FIX ===== */

/* Original user logo, aligned horizontally with the Trenčín control. */
.heroOfficialLogo{
  top:31px!important;
  left:14px!important;
  width:108px!important;
  height:auto!important;
  z-index:8!important;
}

/* Existing baked Trenčín and bell stay visible; hotspots are invisible only. */
.heroCityHotspot{
  top:31px!important;
  right:62px!important;
  width:98px!important;
  height:40px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.heroBellHotspot{
  top:37px!important;
  right:8px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Compact SOS button: only phone icon + centered SOS 112. */
.homeSOS{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:8px 0 13px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(180deg,#ff2637 0%,#ed0b22 100%)!important;
  color:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  box-shadow:0 5px 12px rgba(223,16,37,.16)!important;
  pointer-events:none!important;
  cursor:default!important;
}
.homeSOS .sosIcon{
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.16)!important;
  display:grid!important;
  place-items:center!important;
}
.homeSOS .sosIcon svg{
  width:17px!important;
  height:17px!important;
}
.homeSOS .sosIcon svg path{
  stroke:#fff!important;
}
.homeSOS .sosLabel{
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.1px!important;
}

/* Absolutely remove any accidental Home presence button remnants. */
.approvedHomeBody > button[data-act="togglePresence"]{
  display:none!important;
}


/* ===== HEROIS 5.5 FIXED CASTLE PHOTO ===== */
.fixedCastleHero{
  height:238px!important;
  min-height:238px!important;
  padding:0!important;
  background:#eaf7ff!important;
  overflow:hidden!important;
  position:relative!important;
}
.fixedCastleHero .approvedHeroImg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:58% 32%!important;
  margin:0!important;
  z-index:1!important;
}
.heroCastleFade{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.84) 35%,rgba(255,255,255,.23) 65%,rgba(255,255,255,0) 100%),
    linear-gradient(180deg,rgba(255,255,255,.02) 52%,rgba(255,255,255,.72) 100%)!important;
}
.fixedCastleHero .heroOfficialLogo{
  top:26px!important;
  left:13px!important;
  width:112px!important;
  height:auto!important;
  z-index:6!important;
}
.fixedCastleHero .heroCityHotspot{
  top:10px!important;
  right:54px!important;
  width:auto!important;
  height:37px!important;
  padding:0 9px!important;
  border:1px solid rgba(8,45,103,.11)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 4px 12px rgba(8,45,103,.08)!important;
  color:#082d67!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  z-index:7!important;
}
.fixedCastleHero .heroCityHotspot > svg,
.fixedCastleHero .heroCityHotspot > b,
.fixedCastleHero .heroCityHotspot > span{
  display:block!important;
}
.fixedCastleHero .heroCityHotspot b{
  font-size:8.5px!important;
  color:#082d67!important;
  font-weight:950!important;
}
.fixedCastleHero .heroBellHotspot{
  top:10px!important;
  right:10px!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  border:1px solid rgba(8,45,103,.11)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 4px 12px rgba(8,45,103,.08)!important;
  display:grid!important;
  place-items:center!important;
  z-index:7!important;
}
.fixedCastleHero .heroBellHotspot > svg{
  display:block!important;
}
.heroSOS{
  position:absolute!important;
  top:78px!important;
  right:8px!important;
  width:56px!important;
  height:56px!important;
  border:4px solid rgba(255,255,255,.95)!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#ff3e4b 0%,#ee0f23 100%)!important;
  box-shadow:0 8px 20px rgba(221,18,43,.24)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  color:#fff!important;
  pointer-events:none!important;
  z-index:7!important;
}
.heroSOS .heroSOSIcon{
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
}
.heroSOS .heroSOSIcon svg{width:16px!important;height:16px!important}
.heroSOS .heroSOSIcon svg path{stroke:#fff!important}
.heroSOS .heroSOSLabel{
  font-size:8px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.15px!important;
}
.heroHeadline{
  position:absolute!important;
  left:14px!important;
  top:84px!important;
  width:252px!important;
  z-index:5!important;
  text-align:left!important;
}
.heroHeadline strong{
  display:block!important;
  font-size:23px!important;
  line-height:1.02!important;
  letter-spacing:-.55px!important;
  font-weight:950!important;
  color:#082d67!important;
}
.heroHeadline em{
  color:#087ff2!important;
  font-style:normal!important;
}

/* ===== HOME HERO: FULL PROMO IMAGE ===== */
.promoWholeHero{height:auto!important;min-height:0!important;padding:0 0 10px 0!important;background:#fff!important;overflow:hidden!important;position:relative!important;border-bottom:1px solid #edf2f6!important}
.promoWholeHero .promoWholeHeroImg{display:block!important;width:100%!important;height:auto!important;margin:0!important}
.promoHeroMiniCats{position:relative;left:auto;right:auto;bottom:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;z-index:4;margin:8px 10px 0}
.promoHeroMiniCats .miniCat{background:rgba(255,255,255,.94);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(211,227,242,.95);border-radius:16px;padding:8px 4px 7px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:72px;box-shadow:0 8px 18px rgba(6,55,120,.10)}
.promoHeroMiniCats .miniCat .miniCircle{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:900;line-height:1;margin-bottom:5px;box-shadow:0 6px 14px rgba(9,74,146,.18)}
.promoHeroMiniCats .miniCat b{display:block;text-align:center;color:#11366f;font-size:8px;line-height:1.12;font-weight:950;letter-spacing:-.01em}
.promoHeroMiniCats .miniCat.red .miniCircle{background:linear-gradient(135deg,#ff544d,#ff2f35)}
.promoHeroMiniCats .miniCat.blue .miniCircle{background:linear-gradient(135deg,#3393ff,#1f72ff)}
.promoHeroMiniCats .miniCat.purple .miniCircle{background:linear-gradient(135deg,#9a57ff,#7040ff)}
.promoHeroMiniCats .miniCat.green .miniCircle{background:linear-gradient(135deg,#38cf71,#14a754)}
.promoHeroMiniCats .miniCat.orange .miniCircle{background:linear-gradient(135deg,#ffbf3a,#ff9f1a)}
.promoHeroMiniCats .miniCat.cyan .miniCircle{background:linear-gradient(135deg,#24c9d7,#10b2c2)}
@media(max-width:390px){.promoHeroMiniCats{margin:7px 8px 0;gap:5px}.promoHeroMiniCats .miniCat{min-height:68px;padding:7px 3px 6px;border-radius:14px}.promoHeroMiniCats .miniCat .miniCircle{width:28px;height:28px;font-size:14px;margin-bottom:4px}.promoHeroMiniCats .miniCat b{font-size:7px}}

/* ===== REDESIGN OF LOWER HOME CARDS / ĎALŠIE MOŽNOSTI ===== */
.approvedHomeBody .moduleGrid{gap:10px!important}
.approvedHomeBody .moduleGrid button{
  position:relative!important;
  height:80px!important;
  min-height:80px!important;
  padding:10px 36px 10px 10px!important;
  overflow:hidden!important;
  border:1px solid #d7e3ef!important;
  border-radius:16px!important;
  box-shadow:0 10px 22px rgba(18,58,110,.06)!important;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease!important;
  background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%)!important;
}
.approvedHomeBody .moduleGrid button:hover,
.approvedHomeBody .moduleGrid button:active{
  transform:translateY(-1px)!important;
  box-shadow:0 14px 26px rgba(18,58,110,.10)!important;
  border-color:#bfd5ea!important;
}
.approvedHomeBody .moduleGrid button::after{
  content:'›';
  position:absolute;
  right:12px; top:50%; transform:translateY(-50%);
  font-size:18px; font-weight:900; color:#9db2c8;
}
.approvedHomeBody .moduleGrid .ico{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  margin:0 0 5px 0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7), 0 8px 16px rgba(32,92,164,.12)!important;
}
.approvedHomeBody .moduleGrid .ico svg{
  width:25px!important;
  height:25px!important;
}
.approvedHomeBody .moduleGrid b{
  font-size:13.2px!important;
  line-height:1.03!important;
  font-weight:980!important;
  letter-spacing:-.02em!important;
  margin-top:0!important;
  color:#0b2f67!important;
}
.approvedHomeBody .moduleGrid small{
  font-size:9px!important;
  line-height:1.16!important;
  font-weight:700!important;
  margin-top:3px!important;
  color:#7c8fa5!important;
}
.approvedHomeBody .moduleGrid button:nth-child(1){background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(2){background:linear-gradient(180deg,#ffffff 0%,#f8f5ff 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(3){background:linear-gradient(180deg,#ffffff 0%,#eef9f3 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(4){background:linear-gradient(180deg,#ffffff 0%,#f5fbff 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(5){background:linear-gradient(180deg,#ffffff 0%,#fff9f0 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(6){background:linear-gradient(180deg,#ffffff 0%,#f2fbff 100%)!important}
.approvedHomeBody .moduleGrid button:nth-child(7){background:linear-gradient(180deg,#ffffff 0%,#f9f8ff 100%)!important}
.approvedHomeBody .moduleGrid .ico svg [stroke="#0CB9D3"]{stroke:currentColor!important}
.approvedHomeBody .moduleGrid button:nth-child(1) .ico{background:linear-gradient(135deg,#edf5ff,#ffffff)!important;color:#2c8cff!important}
.approvedHomeBody .moduleGrid button:nth-child(2) .ico{background:linear-gradient(135deg,#eef2ff,#ffffff)!important;color:#3f86ff!important}
.approvedHomeBody .moduleGrid button:nth-child(3) .ico{background:linear-gradient(135deg,#e9fbef,#ffffff)!important;color:#17ad63!important}
.approvedHomeBody .moduleGrid button:nth-child(4) .ico{background:linear-gradient(135deg,#edf6ff,#ffffff)!important;color:#2f8af4!important}
.approvedHomeBody .moduleGrid button:nth-child(5) .ico{background:linear-gradient(135deg,#fff3e6,#ffffff)!important;color:#f0a329!important}
.approvedHomeBody .moduleGrid button:nth-child(6) .ico{background:linear-gradient(135deg,#eefcff,#ffffff)!important;color:#18b5c7!important}
.approvedHomeBody .moduleGrid button:nth-child(7) .ico{background:linear-gradient(135deg,#f3f2ff,#ffffff)!important;color:#7c6cf2!important}
.approvedHomeBody .moduleGrid button:nth-child(1)::after{color:#9bb7df!important}
.approvedHomeBody .moduleGrid button:nth-child(2)::after{color:#a9b7e6!important}
.approvedHomeBody .moduleGrid button:nth-child(3)::after{color:#9fd2b5!important}
.approvedHomeBody .moduleGrid button:nth-child(4)::after{color:#9dbbdc!important}
.approvedHomeBody .moduleGrid button:nth-child(5)::after{color:#d1bf94!important}
.approvedHomeBody .moduleGrid button:nth-child(6)::after{color:#9ccfd3!important}
.approvedHomeBody .moduleGrid button:nth-child(7)::after{color:#b5afe6!important}


/* ===== HEROIS 5.6 UNIFIED REGISTRATION + MODERN ONBOARD ICONS ===== */

.singleRegistration{
  width:100%!important;
}
.singleRegistration .need{
  width:100%!important;
  min-height:56px!important;
  font-size:12px!important;
  letter-spacing:.15px!important;
  background:linear-gradient(135deg,#0b79ea 0%,#075fcf 100%)!important;
}

/* Card sizes remain unchanged; only icon presentation is upgraded. */
.profileType > span,
.skillCard > span{
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 42px!important;
  background:linear-gradient(145deg,#edf8ff 0%,#e8fbfb 100%)!important;
}
.profileType > span svg,
.skillCard > span svg{
  width:29px!important;
  height:29px!important;
  display:block!important;
}
.profileType.active > span,
.skillCard.active > span{
  background:linear-gradient(145deg,#e5f5ff 0%,#e2fbfc 100%)!important;
  box-shadow:0 3px 10px rgba(10,126,230,.08)!important;
}
.profileType{
  gap:5px!important;
}
.skillCard{
  gap:5px!important;
}



/* ===== HEROIS 5.7 POLISHED HELP PREFERENCES SCREEN ===== */
.onboardPreferences .onboardLogo{margin-top:22px;margin-bottom:16px}
.onboardPreferences .onboardTitle{
  font-size:18px!important;
  line-height:1.12!important;
  font-weight:950!important;
  color:#0a2b64!important;
  margin:10px 0 8px!important;
  letter-spacing:-.01em;
}
.onboardPreferences .prefIntro{
  font-size:10px!important;
  line-height:1.5!important;
  color:#617289!important;
  margin-bottom:14px!important;
}
.onboardPreferences .radioList{
  gap:9px!important;
  margin:8px 0 16px!important;
}
.onboardPreferences .radioLine{
  min-height:44px;
  border:1px solid #d9e4ef;
  border-radius:14px;
  background:#fff;
  padding:0 14px;
  font-size:11px!important;
  font-weight:750!important;
  color:#143156!important;
  box-shadow:0 6px 18px rgba(11,45,90,.04);
  transition:.15s ease;
}
.onboardPreferences .radioLine.active{
  border-color:#0d79eb;
  background:linear-gradient(180deg,#f5fbff 0%, #eef8ff 100%);
  color:#0a63d2;
  box-shadow:0 10px 24px rgba(13,121,235,.10);
}
.onboardPreferences .radioCircle{
  width:18px!important;height:18px!important;border-width:1.7px!important;
  flex:0 0 18px;
}
.onboardPreferences .radioLine.active .radioCircle:after{width:8px;height:8px}
.onboardPreferences .availabilityGrid{
  gap:10px!important;
  margin:8px 0 18px!important;
}
.onboardPreferences .availBtn{
  min-height:48px!important;
  border-radius:13px!important;
  font-size:11px!important;
  font-weight:850!important;
  color:#153255!important;
  border-color:#d8e2ee!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(11,45,90,.04);
}
.onboardPreferences .availBtn.active{
  background:linear-gradient(135deg,#24bd66 0%, #15a254 100%)!important;
  border-color:#19ae59!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(33,181,95,.18);
}
.onboardPreferences .onboardLegal{
  margin-top:4px!important;
  padding:13px 14px!important;
  border-radius:14px!important;
  font-size:9px!important;
  line-height:1.65!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f5f9fd 100%)!important;
  border:1px solid #dce7f1!important;
  color:#5c6d83!important;
}
.onboardPreferences .legalCheck{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:10px!important;
  font-weight:650!important;
  color:#153255!important;
  margin:0 0 8px;
}
.onboardPreferences .legalCheck input{
  width:16px!important;height:16px!important;flex:0 0 16px;margin-top:1px;
}
.onboardPreferences .onboardPrimary{
  min-height:52px!important;
  border-radius:14px!important;
  font-size:12px!important;
  letter-spacing:.01em;
  box-shadow:0 14px 32px rgba(11,100,215,.20);
}


/* ===== HEROIS 5.8 SHORT REGISTRATION: TYPE + CONSENTS ===== */
.onboardTypeConsent .onboardTitle{
  font-size:19px!important;
  color:#0a2b64!important;
  margin:12px 0 9px!important;
}
.onboardTypeConsent .profileGrid4{
  margin-bottom:18px!important;
}
.onboardTypeConsent .profileType{
  min-height:70px!important;
  border-radius:13px!important;
  font-size:10px!important;
  color:#0c2d61!important;
}
.onboardTypeConsent .profileType.active{
  border-color:#0b7de9!important;
  background:linear-gradient(180deg,#f5fbff,#edf7ff)!important;
  box-shadow:0 8px 20px rgba(11,125,233,.09)!important;
}
.consentOnType{
  padding:14px 14px 11px!important;
  border-radius:14px!important;
  margin:4px 0 15px!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f5f9fd 100%)!important;
  border:1px solid #dce7f1!important;
}
.consentOnType .legalCheck{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin:0 0 11px!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:700!important;
  color:#12315c!important;
}
.consentOnType .legalCheck input{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  margin-top:0!important;
}
.consentOnType .legalCheck b{
  color:#12315c!important;
  font-weight:900!important;
}
.consentOnType .legalNote{
  font-size:8.5px!important;
  color:#667991!important;
  padding-top:2px!important;
}
.onboardTypeConsent .onboardPrimary{
  min-height:52px!important;
  border-radius:13px!important;
  font-size:12px!important;
}


/* ===== HEROIS 6.8 ETAPA 1: drafts + history + profile polish ===== */
.editingDraftNotice{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:9px 11px;border:1px solid #cfe1f7;border-radius:13px;background:#eef6ff;color:#082d67;font-size:8px;font-weight:850}
.historyCard{width:100%;border:1px solid #dce7f1;background:#fff;border-radius:16px;padding:11px;margin:8px 0;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px}.historyCard .hi{width:36px;height:36px;border-radius:11px;background:#edf5ff;display:grid;place-items:center;font-size:18px;flex:0 0 36px}.historyCard b{display:block;font-size:10px;color:#082d67}.historyCard small{display:block;font-size:7.5px;color:#74869d;margin-top:3px;line-height:1.3}.historyCard .chev{margin-left:auto;font-size:20px;color:#91a5c0}
.historyDetailHero{border:1px solid #dce7f1;background:linear-gradient(145deg,#f5f9ff,#fff);border-radius:18px;padding:14px;margin:8px 0 12px}.historyDetailHero .status{display:inline-block;border-radius:999px;padding:5px 9px;background:#edf5ff;color:#0873d7;font-size:7px;font-weight:950;margin-bottom:8px}.historyDetailHero h2{margin:0 0 5px;font-size:17px;color:#082d67}.historyDetailHero p{margin:0;font-size:8px;color:#6f8198;line-height:1.4}


/* ===== HEROIS 7.3 FINAL RESPONSIVE + EMPTY STATES ===== */
.backendStatus{display:flex;align-items:center;gap:8px;border:1px solid #dce8f5;background:#f7fbff;border-radius:14px;padding:10px 12px;margin:10px 0;font-size:8px;color:#6f8198}.backendStatus b{font-size:9px;color:#082d67}.backendDot{width:9px;height:9px;border-radius:50%;background:#a8b6c7;flex:0 0 9px}.backendStatus.online .backendDot{background:#19b66b;box-shadow:0 0 0 3px rgba(25,182,107,.12)}.backendStatus.error .backendDot{background:#e64a59;box-shadow:0 0 0 3px rgba(230,74,89,.10)}
.emptyState{margin:14px 0;padding:22px 15px;border:1px dashed #cbdceb;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f4f9ff);text-align:center;color:#718097}
.emptyState .emptyIcon{width:54px;height:54px;margin:0 auto 10px;border-radius:17px;background:#eaf4ff;display:grid;place-items:center;color:#087ef5}
.emptyState .emptyIcon svg{width:30px!important;height:30px!important}
.emptyState b{display:block;color:#082d67;font-size:12px;margin-bottom:5px}
.emptyState small{display:block;font-size:9px;line-height:1.45}
.errorState{margin:12px 0;padding:13px;border:1px solid #ffd0d0;border-radius:14px;background:#fff5f5;color:#8b3434;font-size:9.5px;line-height:1.45}
.screen button,.screen input,.screen textarea,.screen select{max-width:100%}
.card,.moduleListCard,.searchResultCard,.draftCard,.historyCard,.ticketCard{min-width:0;overflow-wrap:anywhere}
.row>.grow{min-width:0}
@media(max-width:430px){
  body{background:#fff!important;overflow-x:hidden!important}
  .wrap{padding:0!important;max-width:none!important}
  .head,.info,.deviceLabel{display:none!important}
  .devices{display:block!important}
  .devices>div{margin:0!important}
  .phone{width:100%!important;max-width:none!important;height:100svh!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
  .phone:before{display:none!important}
  .status{height:32px!important;padding:8px 15px 0!important}
  .app{height:calc(100% - 32px)!important}
  .screen{padding-bottom:74px!important}
  .content{padding-left:13px!important;padding-right:13px!important}
  .title{font-size:19px!important}
  .subtitle{font-size:12.5px!important}
  .subGrid{gap:8px!important}
  .subBtn{min-height:94px!important;padding:9px!important;gap:8px!important}
  .subThumb{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:14px!important}
  .subThumb svg{width:29px!important;height:29px!important}
  .subCopy b{font-size:9.8px!important}.subCopy small{font-size:7.2px!important}
  .homeMain3{gap:6px!important}.approvedMain3 .homeMainCard{min-width:0!important;padding:7px!important}
  .approvedServices .homeService b{font-size:11.5px!important}
  .approvedServices .homeService small{font-size:7.3px!important}
}
@media(max-width:350px){
  .subGrid{grid-template-columns:1fr!important}
  .approvedServices{grid-template-columns:1fr!important}
  .homeMain3{grid-template-columns:1fr 1fr!important}.homeMainCard.blesk{grid-column:1/-1!important}
}


/* HEROIS 9.3 · PWA + offline */
.pwaStatusCard{border:1px solid #dce9f7;border-radius:18px;padding:14px;margin:12px 0;background:#f8fbff}.pwaStatusCard b{display:block;font-size:15px}.pwaStatusCard small{display:block;color:#64748b;margin-top:4px;line-height:1.35}.pwaDot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:#16a34a}.pwaDot.off{background:#ef4444}.pwaInstallRow .sicon{background:#e8f3ff;color:#0a6fd8}.pwaOfflineBanner{position:sticky;top:0;z-index:20;background:#fff3cd;color:#664d03;border-bottom:1px solid #ffecb5;padding:7px 10px;text-align:center;font-size:12px;font-weight:800}.pwaReadyBadge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#eaf7ef;color:#166534;padding:5px 8px;font-size:11px;font-weight:900}.pwaReadyBadge.off{background:#fff1f2;color:#991b1b}

/* HEROIS 1.24 – full-screen services catalogue, based on reference image */
.helpCategoriesScreen124{background:linear-gradient(180deg,#f8fbff 0%,#f4f9fd 100%)}
.helpCategoriesTop124{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:62px;padding:12px 15px;background:#fff;border-bottom:1px solid #e4eef8}
.helpCategoriesTop124 .back{font-size:25px;line-height:1;background:transparent;color:#0862b9}
.helpCategoriesTop124 strong{text-align:center;color:#082b66;font-weight:950;font-size:21px}
.helpCategoriesBrand124{text-align:right;color:#0b7be8;font-weight:950;font-size:9px;letter-spacing:-.25px}
.helpCategoriesBody124{padding:15px 15px 28px}
.helpCategoriesIntro124{font-weight:850;font-size:13px;color:#6c819a;margin:1px 2px 13px;text-align:left}
.helpCategoriesList124{display:flex;flex-direction:column;gap:11px}
.helpCategoryCard124{width:100%;min-height:73px;border:1px solid #e1eaf6;border-radius:18px;background:white;padding:12px 13px;display:flex;align-items:center;gap:15px;text-align:left;color:#082b66;box-shadow:0 4px 16px rgba(8,43,102,.045);cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s}
.helpCategoryCard124:active{transform:scale(.985);background:#f7fbff}
.helpCategoryCard124:focus-visible{outline:3px solid #087ef5;outline-offset:1px}
.helpCategoryIcon124{width:49px;height:49px;flex:0 0 49px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:#ecf6ff;color:#087ef5}
.helpCategoryIcon124 svg{width:30px;height:30px}
.helpCategoryCopy124{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.helpCategoryCopy124 b{font-weight:950;font-size:14px;line-height:1.2}
.helpCategoryCopy124 small{font-size:10px;line-height:1.25;color:#75869e;font-weight:550}
.helpCategoryArrow124{font-size:28px;font-weight:300;line-height:1;color:#7894b7;padding:0 1px}

/* HEROIS 1.24: centered POMOC heading + accessible 8th card */
.helpCategoriesTop124{position:sticky!important;grid-template-columns:44px minmax(0,1fr) 44px!important}
.helpCategoriesTop124>.back{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;grid-column:1;grid-row:1;width:36px;height:39px;justify-self:start;padding:0;margin:0}
.helpCategoriesTop124>strong{grid-column:2;grid-row:1;justify-self:center;white-space:nowrap;font-size:21px;letter-spacing:.2px}
.helpCategoriesTop124>.helpCategoriesBrand124{grid-column:3;grid-row:1;justify-self:end;white-space:nowrap;font-size:9px}
.helpCategoriesList124{padding-bottom:84px}

/* HEROIS 1.29 · original castle photo with non-destructive blue light map layer */
.fixedCastleHero .castleNeon129{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;opacity:.91;}
.fixedCastleHero .castleNeon129 svg{width:100%;height:100%;display:block;filter:drop-shadow(0 0 4px rgba(0,152,255,.65));}
@media (prefers-reduced-motion:no-preference){.castleNeon129 .lightPulse129{animation:heroGlow129 4s ease-in-out infinite alternate}}
@keyframes heroGlow129{from{opacity:.7}to{opacity:1}}
/* HEROIS 1.29 · personal profile facelift, no change to global settings screens */
.heroisProfile129 .profileContent129{padding:12px 13px 94px!important;text-align:left!important;background:#f5f9fd;}
.heroisProfile129 .profileIdentity129{display:flex;align-items:center;gap:13px;padding:16px 13px;background:linear-gradient(135deg,#fff 50%,#e8f6ff);border:1px solid #daeaf9;border-radius:19px;margin:4px 0 12px;box-shadow:0 5px 16px rgba(8,43,102,.045);}
.heroisProfile129 .profilePortrait129{width:77px!important;height:77px!important;border-radius:50%;object-fit:cover;background:#e8f5ff;border:4px solid white;box-shadow:0 3px 12px rgba(6,76,151,.12);flex:none;margin:0!important;}
.heroisProfile129 .profileIdentityText129{min-width:0;flex:1;}
.heroisProfile129 .profileIdentityText129 h2{margin:0 0 4px;color:#082b66;font-size:19px;line-height:1.1;font-weight:950;overflow-wrap:anywhere;}
.heroisProfile129 .profileIdentityText129 small{display:block;color:#657e9b;font-size:10px;line-height:1.45;}
.heroisProfile129 .profileLabel129{display:inline-flex;color:#076dda;background:#e7f2ff;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:850;margin:7px 0 0;}
.heroisProfile129 .profileEditBtn129{border:1px solid #c9dfff;background:white;color:#0877e4;border-radius:12px;font-size:10px;font-weight:900;padding:9px;align-self:flex-start;flex:none;cursor:pointer;}
.heroisProfile129 .profileNumbers129{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 14px;}
.heroisProfile129 .profileNum129{background:#fff;border:1px solid #e1ebf7;padding:11px 3px;border-radius:14px;text-align:center;min-width:0;}
.heroisProfile129 .profileNum129 .pnIcon129{display:block;font-size:17px;margin:0 0 3px;line-height:1.1}
.heroisProfile129 .profileNum129 b{display:block;color:#092c64;font-weight:950;font-size:15px;line-height:1.2;overflow-wrap:anywhere;}
.heroisProfile129 .profileNum129 small{display:block;color:#7389a4;font-size:8px;line-height:1.3;margin-top:3px;}
.heroisProfile129 .profilePanel129{background:#fff;border:1px solid #dceaf8;border-radius:18px;padding:13px;margin-bottom:11px;box-shadow:0 3px 12px rgba(8,43,102,.025);}
.heroisProfile129 .profileSectionHeader129{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:0 0 10px;}
.heroisProfile129 .profileSectionHeader129 h3{font-size:14px;font-weight:950;color:#082b66;margin:0;}
.heroisProfile129 .profileSectionHeader129 small{color:#8396aa;font-size:9px;}
.heroisProfile129 .profileAbout129{font-size:11px;line-height:1.6;color:#566e8b;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;}
.heroisProfile129 .profileSkillChips129{display:flex;gap:6px;flex-wrap:wrap;}
.heroisProfile129 .profileSkillChips129 span{display:inline-block;padding:6px 9px;background:#edf6ff;color:#156cc4;border:1px solid #d6eafe;font-size:9px;font-weight:800;border-radius:999px;}
.heroisProfile129 .profileDetailRow129{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid #eef3f9;}
.heroisProfile129 .profileDetailRow129:last-child{border-bottom:0;padding-bottom:0}
.heroisProfile129 .pdIcon129{background:#edf6ff;color:#0980e5;border-radius:10px;width:30px;height:30px;display:grid;place-items:center;flex:none;font-size:16px;}
.heroisProfile129 .profileDetailRow129 b{display:block;color:#102f62;font-size:11px;margin-top:1px;}
.heroisProfile129 .profileDetailRow129 small{display:block;color:#71849d;font-size:10px;line-height:1.4;margin-top:2px;overflow-wrap:anywhere;}
.heroisProfile129 .profileLevelProgress129{height:6px;border-radius:100px;background:#e7edf4;overflow:hidden;margin-top:9px;}
.heroisProfile129 .profileLevelProgress129 span{display:block;height:100%;background:linear-gradient(90deg,#0786f1,#0ac9c6);border-radius:inherit;}
.heroisProfile129 .profilePortfolio129{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;}
.heroisProfile129 .portfolioTile129{position:relative;min-width:0;aspect-ratio:1.25;overflow:hidden;border-radius:13px;border:1px solid #d8e6f5;background:#eaf3fd;}
.heroisProfile129 .portfolioTile129 img{width:100%;height:100%;object-fit:cover;display:block;}
.heroisProfile129 .portfolioRemove129{position:absolute;top:5px;right:5px;border:0;background:rgba(4,24,56,.83);color:#fff;border-radius:99px;width:24px;height:24px;font-weight:900;cursor:pointer;}
.heroisProfile129 .portfolioAddTile129{min-height:100px;border:1px dashed #76baff;background:#eff8ff;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;font-size:10px;font-weight:850;color:#076ed3;border-radius:13px;cursor:pointer;}
.heroisProfile129 .portfolioAddTile129 span{font-size:24px;font-weight:600;line-height:1;}
.heroisProfile129 .portfolioHint129{margin-top:8px;color:#8898ac;font-size:9px;line-height:1.45;}
.heroisProfile129 .profileEmpty129{font-size:11px;color:#7c8da5;background:#f5f9fd;border-radius:10px;padding:9px;}
.heroisProfile129 .profileBadges129{display:flex;gap:8px;flex-wrap:wrap;}
.heroisProfile129 .profileBadges129 .badgeItem129{background:#f0f7ff;border:1px solid #dbeafb;padding:8px;border-radius:10px;font-size:10px;font-weight:850;color:#093975;}
.heroisProfile129 .profileLinks129{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;}
.heroisProfile129 .profileLink129{border:1px solid #dce9f8;background:#fff;border-radius:14px;min-height:63px;text-align:left;padding:10px;display:flex;align-items:center;gap:9px;font-size:10px;font-weight:900;color:#0a2e66;cursor:pointer;line-height:1.3;}
.heroisProfile129 .profileLink129 .lk129{font-size:21px;display:inline-grid;place-items:center;background:#edf6ff;border-radius:10px;width:35px;height:35px;flex:none;}
.heroisProfile129 .profileLink129:focus-visible,.heroisProfile129 .profileEditBtn129:focus-visible,.heroisProfile129 .portfolioAddTile129:focus-visible{outline:3px solid #0e87ff;outline-offset:2px}
.heroisProfileEdit129 .profileContent129{background:#f5f9fd!important;padding:12px 14px 90px!important;}
.heroisProfileEdit129 .profileEditIntro129{text-align:center;background:#fff;border-radius:18px;border:1px solid #deebf8;padding:15px 10px;margin-bottom:12px;}
.heroisProfileEdit129 .profileEditIntro129 h2{font-size:16px;margin:7px 0 2px;color:#082b66}
.heroisProfileEdit129 .profileEditForm129{background:#fff;border:1px solid #dce9f8;border-radius:18px;padding:14px;margin-bottom:12px;}
.heroisProfileEdit129 .profileEditForm129 .field{margin-top:6px;}
.heroisProfileEdit129 .profileEditForm129 textarea{width:100%;min-height:93px;resize:vertical;}
.heroisProfileEdit129 .profileEditForm129 label{color:#092c65;font-weight:900;font-size:11px;}
.heroisProfileEdit129 .profileEditForm129 .subtitle{font-size:13px;margin:13px 0 8px;}
.heroisProfileEdit129 .editTip129{margin-top:8px;font-size:10px;color:#7086a1;line-height:1.5;}
@media(max-width:385px){.heroisProfile129 .profileIdentity129{gap:8px;padding:12px 9px}.heroisProfile129 .profilePortrait129{width:64px!important;height:64px!important}.heroisProfile129 .profileIdentityText129 h2{font-size:16px}.heroisProfile129 .profileEditBtn129{font-size:9px;padding:7px}.heroisProfile129 .profileNum129 b{font-size:12px}}


.promoHeroMiniCats{display:none!important}

/* HEROIS MAPA 1.53 - linked map object actions, same visual system */
.mapDetail153{margin:8px 0 10px}
.mapHint153{background:#eef6ff;color:#416b91;border:1px solid #cfe3f8;border-radius:13px;padding:11px 12px;font-size:11px;line-height:1.45}
.mapSelectedCard153{background:#fff;border:1px solid #cbdff2;border-radius:17px;padding:13px 12px;box-shadow:0 8px 20px rgba(7,54,112,.07)}
.mapSelectedLabel153{display:block;font-size:10px;letter-spacing:.045em;font-weight:900;color:#187ee3;margin-bottom:6px}
.mapSelectedCard153>b{display:block;font-size:17px;line-height:1.25;color:#082e67}
.mapSelectedCard153>small{display:block;color:#687e96;font-size:11px;line-height:1.35;margin-top:5px}
.mapSelectedCard153>p{margin:9px 0;color:#22496f;font-size:12px;line-height:1.5}
.mapSelectedActions153{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.mapSelectedActions153 button,.mapQuickLinks153 button,.mapPopupOpen153{border:1px solid #bcd8f8;background:#edf6ff;border-radius:11px;color:#0d5caf;cursor:pointer;font-size:11px;font-weight:900;min-height:37px;padding:9px 11px;flex:1}
.mapSelectedActions153 button.primary153{background:#087df3;border-color:#087df3;color:white}
.mapSelectedActions153 button:disabled{cursor:not-allowed;opacity:.55}
.mapStatus153{margin-top:9px;color:#667d92;font-size:10px;line-height:1.4}
.mapDisabled153{font-size:10px;color:#64778e;padding:6px}
.mapQuickLinks153{display:flex;gap:9px;margin:11px 0 15px}
.mapPopupOpen153{margin-top:8px;min-height:28px;padding:5px 8px;display:block;width:100%}
.mapEntry134:focus-visible,.heroMapMarker139:focus-visible,.mapSelectedActions153 button:focus-visible{outline:3px solid #087ef5;outline-offset:2px}


/* HEROIS 1.58 — Map provider cards and private opt-in directory. */
.mapProviderCard158{border:1px solid #cce1f6;border-radius:17px;background:#fff;padding:13px;box-shadow:0 9px 25px #10396912;margin:10px 0;color:#14385e}
.mapProviderIdentity158{display:flex;align-items:center;gap:11px;min-width:0}
.mapProviderAvatar158{width:59px;height:59px;flex-shrink:0;border-radius:16px;object-fit:cover;background:#e8f5ff;border:2px solid #e1efff}
.mapProviderIdentity158 strong{display:block;font-size:16px;line-height:1.2;color:#082f66;overflow-wrap:anywhere}
.mapProviderIdentity158 small{display:block;font-size:11px;color:#587694;line-height:1.5;margin-top:4px}
.mapProviderStar158{color:#b26d0f;font-weight:900}
.mapProviderChips158{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.mapProviderChips158 span{padding:5px 8px;background:#f0f7ff;border:1px solid #d9eafa;color:#1258a1;border-radius:99px;font-size:10px;font-weight:750}
.mapProviderActions158{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.mapProviderActions158 button{min-height:42px;border:1px solid #1c78d2;border-radius:11px;background:#f4faff;color:#0a5eaf;font-size:12px;font-weight:900;padding:8px 6px;cursor:pointer}
.mapProviderActions158 button:last-child{background:#1177e9;color:white}
.mapProviderActions158 button:disabled{opacity:.48;cursor:not-allowed}
.mapVisibility158{border:1px solid #cfe5fa;border-radius:13px;background:#f6fbff;padding:10px 12px;margin:9px 0;display:flex;align-items:center;gap:8px}
.mapVisibility158 div{flex:1;min-width:0}
.mapVisibility158 b{font-size:12px;color:#103668;display:block}
.mapVisibility158 small{font-size:10px;color:#637b92;line-height:1.5;display:block;margin-top:3px}
.mapVisibility158 button{white-space:nowrap;border:1px solid #0e78ee;background:#0e78ee;color:#fff;font-weight:900;font-size:11px;border-radius:10px;padding:9px 10px}
.mapVisibility158 button.is-on{background:#fff;color:#1359a8}
.mapProviderPage158{padding:14px 13px 110px}
.mapProviderHero158{background:linear-gradient(125deg,#e9f6ff,#ffffff);border:1px solid #d9eafa;border-radius:20px;padding:20px 15px;text-align:center}
.mapProviderHero158 img{display:block;margin:0 auto 12px;width:130px;height:130px;object-fit:cover;border-radius:25px;box-shadow:0 10px 23px #184d8d1e}
.mapProviderHero158 h2{font-size:23px;color:#102e60;margin:8px 0}
.mapProviderHero158 p{font-size:13px;color:#55718d;margin:5px 0;line-height:1.5}
.mapProviderSection158{background:#fff;border:1px solid #e0edf7;border-radius:16px;padding:14px;margin-top:12px}
.mapProviderSection158 h3{font-size:15px;margin:0 0 9px;color:#123b70}
.mapProviderSection158 .svc158{display:block;border-bottom:1px solid #edf2fa;padding:9px 0;font-size:13px;color:#295273}
.mapProviderSection158 .svc158:last-child{border:0}
.mapDirectIntro158{margin:10px 0 13px;background:#f1f8ff;border:1px solid #cce6ff;border-radius:15px;padding:12px;color:#164a82}
.mapDirectIntro158 strong{font-size:13px;display:block}
.mapDirectIntro158 small{font-size:11px;display:block;margin:6px 0;line-height:1.4}
.mapDirectIntro158 label{display:block;font-size:11px;font-weight:850;margin-top:9px}
.mapDirectIntro158 select{width:100%;min-height:38px;font-size:12px;margin-top:4px;padding:6px;border-radius:10px;border:1px solid #c3dff8;background:#fff;color:#113d6e}
.mapDirectIntro158 button{font-size:11px;border:0;background:transparent;color:#1b62ab;text-decoration:underline;margin:8px 0 0;padding:2px}
.heroMapInfo139 .mapProviderCard158{box-shadow:none;padding:9px;margin:0;border:0;background:transparent}
.heroMapInfo139 .mapProviderAvatar158{width:45px;height:45px;border-radius:12px}
.heroMapInfo139 .mapProviderIdentity158 strong{font-size:13px}
.heroMapInfo139 .mapProviderIdentity158 small{font-size:10px}
.heroMapInfo139 .mapProviderActions158 button{font-size:10px;min-height:34px}

/* 1.59: provider services are selectable actions, not plain static text. */
.mapProviderSection158 button.svc158{width:100%;appearance:none;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #edf2fa;text-align:left;cursor:pointer;font:inherit;font-size:13px;color:#295273;min-height:42px;padding:10px 0}
.mapProviderSection158 button.svc158 span{font-size:20px;font-weight:900;color:#1478e6}
.mapProviderSection158 button.svc158:hover{color:#0c72db;background:#f6fbff}
.mapProviderSection158 button.svc158:focus-visible{outline:2px solid #1481e8;outline-offset:2px;border-radius:6px}