/* SENOA v2.9.3 — Icon Reliability + Auth Experience Refresh */

/* Keep sidebar/icon alignment reliable even when new features add new icon names. */
.ui-v250 .side-link .senoa-icon,
.ui-v250 .mobile-drawer-link .senoa-icon{width:18px;height:18px;flex:0 0 18px;stroke-width:1.9}
.ui-v250 .side-link .senoa-icon-fallback,
.ui-v250 .mobile-drawer-link .senoa-icon-fallback{opacity:.78}
.ui-v250 .sidebar-support .senoa-icon{width:16px;height:16px}

/* ===== AUTH / LOGIN ===== */
body.auth-v293{margin:0;min-height:100dvh;background:#eef5fb;color:#102744;overflow-x:hidden;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.auth-v293 .auth-layout-v293{min-height:100dvh;display:grid;grid-template-columns:minmax(460px,.92fr) minmax(520px,1.08fr);background:#f4f8fc}

.auth-v293 .auth-story-v293{position:relative;min-height:100dvh;padding:46px 54px 38px;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:radial-gradient(circle at 72% 20%,rgba(42,183,212,.28),transparent 23rem),radial-gradient(circle at 18% 84%,rgba(22,136,245,.25),transparent 22rem),linear-gradient(145deg,#071d39 0%,#0b2d50 54%,#0a6c78 100%)}
.auth-v293 .auth-story-grid-v293{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.8) 58%,transparent 100%)}
.auth-v293 .auth-story-v293:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-100px;top:105px;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.018)}
.auth-v293 .auth-story-brand-v293{position:relative;z-index:2;display:inline-flex;width:max-content;align-items:center}
.auth-v293 .auth-story-brand-v293 img{height:48px;width:auto;filter:brightness(0) invert(1);opacity:.98}
.auth-v293 .auth-story-copy-v293{position:relative;z-index:2;max-width:620px;margin:auto 0 170px}
.auth-v293 .auth-story-kicker-v293{display:inline-flex;align-items:center;padding:.52rem .72rem;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);color:#aeeaf5;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.auth-v293 .auth-story-copy-v293 h1{font-size:clamp(2.7rem,4.2vw,5rem);line-height:.98;letter-spacing:-.055em;font-weight:850;margin:22px 0 20px;max-width:720px}
.auth-v293 .auth-story-copy-v293>p{max-width:590px;color:#d7e8f7;font-size:1.06rem;line-height:1.75;margin:0}
.auth-v293 .auth-story-points-v293{display:grid;gap:10px;margin-top:26px;max-width:560px}
.auth-v293 .auth-story-points-v293>div{display:flex;align-items:center;gap:.7rem;padding:.68rem .78rem;border-radius:15px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09);font-size:.9rem;font-weight:750;color:#eef8ff;backdrop-filter:blur(8px)}
.auth-v293 .auth-story-points-v293 .senoa-icon{width:18px;height:18px;flex:0 0 18px;color:#78e9df}
.auth-v293 .auth-story-mascot-v293{position:absolute;z-index:2;right:34px;bottom:38px;width:min(31%,230px);max-height:250px;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(0,10,35,.32))}
.auth-v293 .auth-story-foot-v293{position:relative;z-index:2;margin-top:auto;display:flex;align-items:center;gap:12px;color:rgba(224,242,255,.72);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.auth-v293 .auth-story-foot-v293 span:first-child{color:#fff}
.auth-v293 .auth-story-foot-v293 span+span:before{content:"•";margin-right:12px;color:#57d8d5}

.auth-v293 .auth-form-panel-v293{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:38px clamp(30px,6vw,92px);background:radial-gradient(circle at 88% 0%,rgba(42,183,212,.10),transparent 27rem),linear-gradient(180deg,#f9fcff,#eef5fb)}
.auth-v293 .auth-mobile-top-v293{display:none}
.auth-v293 .auth-form-wrap-v293{width:100%;max-width:570px;margin:auto}
.auth-v293 .auth-card-v293{padding:34px 36px 30px;border-radius:30px;background:rgba(255,255,255,.94);border:1px solid #d8e7f5;box-shadow:0 28px 80px rgba(10,45,82,.12);backdrop-filter:blur(16px)}
.auth-v293 .auth-card-head-v293{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:26px}
.auth-v293 .auth-kicker-v293{font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#0c9294;margin-bottom:8px}
.auth-v293 .auth-card-v293 h2{font-size:clamp(1.85rem,3vw,2.45rem);line-height:1.08;letter-spacing:-.035em;font-weight:850;color:#0b2d50;margin:0 0 10px}
.auth-v293 .auth-lead-v293{color:#687c94;line-height:1.65;margin:0;max-width:480px;font-size:.96rem}
.auth-v293 .auth-secure-chip-v293{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .66rem;border-radius:999px;background:#eaf8f7;border:1px solid #cfeae8;color:#0f7779;font-size:.72rem;font-weight:850;white-space:nowrap}
.auth-v293 .auth-secure-chip-v293 .senoa-icon{width:16px;height:16px}
.auth-v293 .auth-icon-v293{width:60px;height:60px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(135deg,#e9f8ff,#e2fbf6);color:#0c9294;border:1px solid #d2e9f1;margin-bottom:18px;box-shadow:0 10px 24px rgba(12,146,148,.10)}
.auth-v293 .auth-icon-v293 .senoa-icon{width:29px;height:29px}
.auth-v293 .auth-form-v293 .form-label,.auth-v293 .auth-card-v293 .form-label{font-size:.79rem;font-weight:850;color:#2d4968;margin-bottom:.48rem}
.auth-v293 .auth-password-note-v293{font-size:.68rem;color:#8b9aae;font-weight:650}
.auth-v293 .auth-field-v293{position:relative}
.auth-v293 .auth-field-icon-v293{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eef7fb;color:#0c9294;z-index:2;pointer-events:none}
.auth-v293 .auth-field-icon-v293 .senoa-icon{width:18px;height:18px}
.auth-v293 .auth-field-v293 .form-control{height:56px;padding:0 54px 0 60px;border-radius:16px;border:1px solid #d5e4f2;background:#fbfdff;color:#102744;font-size:.96rem;box-shadow:none;transition:.18s ease}
.auth-v293 .auth-field-v293 .form-control::placeholder{color:#9aa9b9}
.auth-v293 .auth-field-v293 .form-control:focus{background:#fff;border-color:#6bc9cc;box-shadow:0 0 0 4px rgba(12,146,148,.11)}
.auth-v293 .auth-password-field-v293 .form-control{padding-right:82px}
.auth-v293 .auth-password-toggle-v293{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:0;background:#eef6fb;color:#315b7e;border-radius:10px;padding:.4rem .55rem;font-size:.7rem;font-weight:850;z-index:3}
.auth-v293 .auth-password-toggle-v293:hover{background:#e2f1f7;color:#0c757d}
.auth-v293 .auth-code-field-v293 .form-control{text-align:center;letter-spacing:.16em;font-size:1.15rem;font-weight:850}
.auth-v293 .auth-remember-v293{border-radius:18px;padding:.9rem .95rem;background:linear-gradient(180deg,#f9fcff,#f1f8fc);border-color:#d6e6f3}
.auth-v293 .auth-remember-v293 strong{color:#173657}
.auth-v293 .auth-submit-v293{height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:.65rem;font-size:.95rem;box-shadow:0 14px 32px rgba(22,136,245,.19)}
.auth-v293 .auth-submit-v293 span{font-size:1.05rem;transition:transform .2s ease}
.auth-v293 .auth-submit-v293:hover span{transform:translateX(3px)}
.auth-v293 .auth-alert-v293{border-radius:16px;border-width:1px;font-size:.84rem;line-height:1.55;padding:.85rem 1rem}
.auth-v293 .auth-help-v293{display:flex;justify-content:center;margin-top:15px;color:#7a8da3;font-size:.72rem;font-weight:650}
.auth-v293 .auth-help-v293 span{display:flex;align-items:center;gap:.42rem}
.auth-v293 .auth-help-v293 .senoa-icon{width:14px;height:14px;color:#0c9294}
.auth-v293 .auth-trial-v293{margin-top:24px;padding:14px 15px;border-radius:18px;background:linear-gradient(135deg,#eff8ff,#edfafa);border:1px solid #d7e8f4;display:flex;align-items:center;justify-content:space-between;gap:14px}
.auth-v293 .auth-trial-v293 div{display:grid;gap:2px}
.auth-v293 .auth-trial-v293 strong{font-size:.82rem;color:#153656}
.auth-v293 .auth-trial-v293 span{font-size:.72rem;color:#6c8096}
.auth-v293 .auth-trial-v293 a{display:inline-flex;align-items:center;justify-content:center;padding:.52rem .72rem;border-radius:11px;background:#fff;border:1px solid #cfe1ef;color:#0c7d8d;text-decoration:none;font-size:.74rem;font-weight:900;white-space:nowrap}
.auth-v293 .auth-trial-v293 a:hover{background:#0c9294;border-color:#0c9294;color:#fff}
.auth-v293 .auth-back-home-v293{text-align:center;margin-top:18px}
.auth-v293 .auth-back-home-v293 a,.auth-v293 .auth-back-v293{color:#72849a!important;text-decoration:none;font-weight:700}
.auth-v293 .auth-back-home-v293 a:hover,.auth-v293 .auth-back-v293:hover{color:#0c7b86!important}
.auth-v293 .auth-footer-v293{text-align:center;color:#8091a5;font-size:.7rem;margin-top:16px}
.auth-v293 .auth-footer-v293 a{color:#0c8290;font-weight:850;text-decoration:none}

@media(max-width:1199.98px){
  .auth-v293 .auth-layout-v293{grid-template-columns:minmax(400px,.82fr) minmax(500px,1.18fr)}
  .auth-v293 .auth-story-v293{padding-left:38px;padding-right:38px}
  .auth-v293 .auth-story-copy-v293 h1{font-size:3.4rem}
  .auth-v293 .auth-story-mascot-v293{width:190px;right:18px}
  .auth-v293 .auth-form-panel-v293{padding-left:48px;padding-right:48px}
}

@media(max-width:991.98px){
  body.auth-v293{background:radial-gradient(circle at 90% 0%,rgba(42,183,212,.14),transparent 20rem),#eef5fb}
  .auth-v293 .auth-layout-v293{display:block;min-height:100dvh}
  .auth-v293 .auth-story-v293{display:none}
  .auth-v293 .auth-form-panel-v293{min-height:100dvh;padding:24px clamp(20px,7vw,58px) 28px;justify-content:flex-start}
  .auth-v293 .auth-mobile-top-v293{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:570px;margin:0 auto 30px;padding:4px 2px}
  .auth-v293 .auth-mobile-top-v293 img{height:40px;width:auto}
  .auth-v293 .auth-mobile-top-v293>span{display:inline-flex;align-items:center;padding:.38rem .55rem;border-radius:999px;background:#fff;border:1px solid #d8e7f5;color:#71859b;font-size:.66rem;font-weight:850;box-shadow:0 8px 24px rgba(12,45,80,.05)}
  .auth-v293 .auth-form-wrap-v293{margin:auto}
  .auth-v293 .auth-card-v293{padding:30px 30px 26px}
}

@media(max-width:575.98px){
  body.auth-v293{background:linear-gradient(180deg,#f8fcff 0%,#eef6fb 100%)}
  .auth-v293 .auth-form-panel-v293{padding:16px 14px 22px;min-height:100svh}
  .auth-v293 .auth-mobile-top-v293{margin-bottom:16px;padding:0 4px}
  .auth-v293 .auth-mobile-top-v293 img{height:33px}
  .auth-v293 .auth-card-v293{padding:24px 18px 20px;border-radius:24px;box-shadow:0 18px 48px rgba(10,45,82,.09);border-color:#dce9f5}
  .auth-v293 .auth-card-head-v293{display:block;margin-bottom:22px}
  .auth-v293 .auth-secure-chip-v293{margin-top:12px}
  .auth-v293 .auth-kicker-v293{font-size:.65rem}
  .auth-v293 .auth-card-v293 h2{font-size:1.85rem}
  .auth-v293 .auth-lead-v293{font-size:.88rem;line-height:1.6}
  .auth-v293 .auth-password-note-v293{display:none}
  .auth-v293 .auth-field-v293 .form-control{height:54px;border-radius:15px;font-size:.92rem;padding-left:56px}
  .auth-v293 .auth-field-icon-v293{left:11px;width:35px;height:35px}
  .auth-v293 .auth-remember-v293{padding:.8rem .82rem;gap:.72rem;border-radius:16px}
  .auth-v293 .auth-remember-v293 strong{font-size:.86rem}
  .auth-v293 .auth-remember-v293 small{font-size:.7rem}
  .auth-v293 .auth-submit-v293{height:54px;border-radius:15px}
  .auth-v293 .auth-trial-v293{padding:12px;border-radius:16px;align-items:flex-start}
  .auth-v293 .auth-trial-v293 span{line-height:1.45}
  .auth-v293 .auth-trial-v293 a{align-self:center}
  .auth-v293 .auth-footer-v293{margin-top:13px}
}

@media(max-width:380px){
  .auth-v293 .auth-form-panel-v293{padding-left:10px;padding-right:10px}
  .auth-v293 .auth-card-v293{padding-left:15px;padding-right:15px}
  .auth-v293 .auth-trial-v293{display:grid}
  .auth-v293 .auth-trial-v293 a{width:100%}
}
