/* AP OneFlow 08.2.57 - UI Correction + Desktop Dashboard Enhancement */
:root{
  --ap257-red:#ef233c;
  --ap257-red2:#ff4c69;
  --ap257-pink:#fff0f4;
  --ap257-ink:#1d2638;
  --ap257-muted:#747d8f;
  --ap257-line:#f1dce2;
  --ap257-shadow:0 18px 46px rgba(39,31,38,.10);
}

/* DESKTOP: restore the card-based dashboard; do not mimic mobile navigation. */
@media(min-width:769px){
  .ap2-f11-dashboard .ap256-desktop-category-shell,
  .ap2-f11-dashboard .ap256-category-intro{display:none!important}
  .ap2-f11-dashboard .clean-module-grid.ap256-grid-hidden{display:grid!important}
  .ap2-f11-dashboard .clean-module-card.ap256-card-hidden{display:grid!important}

  .ap2-f11-dashboard .ap2-f11-hero{
    min-height:268px!important;
    padding:38px 44px!important;
    background:
      radial-gradient(circle at 82% 22%,rgba(255,255,255,.94) 0 9%,rgba(255,255,255,.18) 30%,transparent 44%),
      linear-gradient(118deg,#fff 0%,#fff4f7 38%,#ffd9e3 100%)!important;
    border:1px solid #f6c8d3!important;
    box-shadow:0 22px 58px rgba(74,37,49,.11)!important;
  }
  .ap2-f11-dashboard .ap2-f11-hero:before{
    content:"";position:absolute;right:-75px;top:-120px;width:360px;height:360px;border-radius:50%;
    border:1px solid rgba(239,35,60,.13);box-shadow:0 0 0 48px rgba(239,35,60,.025),0 0 0 96px rgba(239,35,60,.018);pointer-events:none
  }
  .ap2-f11-dashboard .ap255-kicker{font-size:12px!important;color:var(--ap257-red)!important}
  .ap2-f11-dashboard .ap255-hero-copy h1{font-size:clamp(42px,3.9vw,66px)!important;max-width:680px!important}
  .ap2-f11-dashboard .ap255-hero-copy p{font-size:17px!important;line-height:1.55!important;color:#687187!important;max-width:590px!important}
  .ap2-f11-dashboard .ap255-hero-visual{width:390px!important;right:28px!important;filter:drop-shadow(0 24px 26px rgba(95,39,56,.14))}

  .ap2-f11-dashboard .ap2-master-overview{margin:24px 0 28px!important}
  .ap2-f11-dashboard .ap2-master-overview-head{margin:0 2px 14px!important}
  .ap2-f11-dashboard .ap2-master-overview-head h2{font-size:26px!important;color:var(--ap257-ink)!important}
  .ap2-f11-dashboard .ap2-master-insight-grid{grid-template-columns:1.18fr .9fr .9fr!important;gap:16px!important}
  .ap2-f11-dashboard .ap2-master-insight{
    min-height:165px!important;border-radius:25px!important;border:1px solid #eee9ec!important;
    box-shadow:0 14px 36px rgba(27,35,51,.075)!important;overflow:hidden!important
  }
  .ap2-f11-dashboard .ap2-master-completion{background:linear-gradient(145deg,#fff,#fff7f9)!important}
  .ap2-f11-dashboard .ap2-master-attention{background:linear-gradient(145deg,#fff,#fff9ef)!important}
  .ap2-f11-dashboard .ap2-master-sync{background:linear-gradient(145deg,#fff,#f5fbf8)!important}

  .ap2-f11-dashboard .clean-module-grid.ap2-f11-module-grid{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin-top:12px!important
  }
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card{
    min-height:246px!important;padding:20px!important;grid-template-columns:150px minmax(0,1fr)!important;gap:18px!important;
    border-radius:27px!important;border:1px solid #ede7ea!important;box-shadow:0 16px 40px rgba(29,37,54,.085)!important
  }
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(1),
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(4){background:linear-gradient(145deg,#fff,#fff2f5)!important}
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(2),
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(5){background:linear-gradient(145deg,#fff,#fff8f1)!important}
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(3),
  .ap2-f11-dashboard .clean-module-card.ap2-f11-module-card:nth-child(6){background:linear-gradient(145deg,#fff,#f5f8ff)!important}
  .ap2-f11-dashboard .ap2-f11-art{min-height:166px!important;border-radius:24px!important;background:rgba(255,255,255,.72)!important;border:1px solid rgba(255,255,255,.88)!important}
  .ap2-f11-dashboard .ap2-f11-art img{width:148px!important;height:136px!important}
  .ap2-f11-dashboard .ap2-f11-card-copy h3{font-size:20px!important;line-height:1.2!important;color:var(--ap257-ink)!important}
  .ap2-f11-dashboard .ap2-f11-card-copy small{font-size:13px!important;line-height:1.5!important;color:#747d8f!important}
  .ap2-f11-dashboard .ap2-f11-action{color:var(--ap257-red)!important;font-weight:800!important}
}

/* LOGIN DESKTOP: preserve split-screen, remove dead space and odd seam corners. */
@media(min-width:861px){
  .auth-page{grid-template-columns:minmax(0,1.38fr) minmax(410px,.82fr)!important;background:#fff!important}
  .auth-page .brand-panel{padding:clamp(28px,3.2vw,58px) clamp(42px,6vw,104px)!important;min-height:100vh!important}
  .auth-page .brand-panel:after{border-radius:0!important;display:none!important}
  .auth-page .form-panel{padding:24px clamp(34px,5vw,76px)!important;align-items:center!important;background:#fff!important}
  .auth-page .auth-card{max-width:420px!important;transform:translateY(-12px)}
  .auth-page .auth-card .shield{width:50px!important;height:50px!important;border-radius:16px!important;margin:0 0 16px!important}
  .auth-page .auth-card h2{font-size:32px!important;margin-bottom:5px!important}
  .auth-page .auth-card .intro{margin:0 0 22px!important}
  .auth-page .auth-card form{gap:11px!important}
  .auth-page .auth-card .input-shell,.auth-page .auth-card input:not([type=checkbox]){min-height:52px!important;border-radius:15px!important}
  .auth-page .auth-card .primary{height:54px!important;border-radius:15px!important;margin-top:2px}
  .auth-page .support{margin-top:14px!important;padding-top:12px!important}
  .auth-page>footer{right:34px!important;bottom:14px!important}
  .ap256-auth-brand-copy .auth-brand-logo{margin-bottom:26px!important}
  .ap256-auth-kicker{margin-bottom:10px!important}
  .ap256-auth-brand-copy h1{font-size:clamp(46px,4.5vw,70px)!important;max-width:640px!important}
  .ap256-auth-brand-copy>p{margin-top:18px!important}
  .ap256-auth-visual{margin-top:20px!important;height:190px!important}
}

/* LOGIN MOBILE: compact, single-viewport oriented. */
@media(max-width:860px){
  .auth-page{min-height:100svh!important;background:linear-gradient(160deg,#dc0a31 0%,#f42a4d 48%,#ff7188 100%)!important}
  .auth-page .brand-panel{display:block!important;min-height:185px!important;height:185px!important;padding:18px 20px 0!important;overflow:hidden!important}
  .ap256-auth-brand-copy .auth-brand-logo{width:132px!important;margin:4px 0 14px!important}
  .ap256-auth-kicker{display:none!important}
  .ap256-auth-brand-copy h1{font-size:27px!important;line-height:1.03!important;max-width:260px!important;margin:0!important}
  .ap256-auth-brand-copy>p{font-size:12.5px!important;margin-top:8px!important;max-width:230px!important}
  .ap256-auth-visual{height:74px!important;margin:0!important;position:absolute!important;right:13px!important;bottom:8px!important;width:104px!important}
  .ap256-auth-visual>img{width:98px!important;height:80px!important;right:0!important;bottom:-6px!important}
  .ap256-auth-orb-a{width:88px!important;height:88px!important;right:2px!important;bottom:-8px!important}
  .ap256-auth-orb-b,.ap256-auth-chip{display:none!important}

  .auth-page .form-panel{margin-top:-18px!important;padding:0 14px calc(16px + env(safe-area-inset-bottom))!important;min-height:0!important;background:transparent!important;align-items:flex-start!important}
  .auth-page .auth-card{max-width:520px!important;padding:17px 18px 15px!important;border-radius:24px 24px 0 0!important;background:#fff!important;box-shadow:0 -10px 32px rgba(64,18,31,.08)!important}
  .auth-page .auth-card .shield{width:40px!important;height:40px!important;border-radius:13px!important;margin:0 0 9px!important}
  .auth-page .auth-card h2{font-size:27px!important;line-height:1.1!important;text-align:left!important;margin:0 0 3px!important}
  .auth-page .auth-card .intro{font-size:12.5px!important;text-align:left!important;margin:0 0 13px!important}
  .auth-page .auth-card form{gap:8px!important}
  .auth-page .auth-card label{font-size:12px!important}
  .auth-page .auth-card .input-shell,.auth-page .auth-card input:not([type=checkbox]){min-height:48px!important;height:48px!important;border-radius:14px!important;margin-top:4px!important}
  .auth-page .auth-card .input-shell input{height:46px!important;min-height:46px!important;margin:0!important}
  .auth-page .form-row{font-size:11.5px!important;gap:8px!important}
  .auth-page .remember input{width:19px!important;height:19px!important;margin-right:7px!important}
  .auth-page .auth-card .primary{height:50px!important;border-radius:15px!important;font-size:15px!important;margin-top:2px!important}
  .auth-page .message{min-height:10px!important;font-size:11px!important}
  .auth-page .support{margin-top:10px!important;padding-top:9px!important;font-size:11px!important}
  .auth-page>footer{display:none!important}
}

@media(max-width:430px){
  .auth-page .brand-panel{height:170px!important;min-height:170px!important;padding:14px 16px 0!important}
  .ap256-auth-brand-copy .auth-brand-logo{width:120px!important;margin-bottom:10px!important}
  .ap256-auth-brand-copy h1{font-size:24px!important;max-width:230px!important}
  .ap256-auth-brand-copy>p{font-size:11.5px!important}
  .auth-page .form-panel{margin-top:-14px!important;padding-left:10px!important;padding-right:10px!important}
  .auth-page .auth-card{padding:15px 16px 13px!important;border-radius:22px 22px 0 0!important}
  .auth-page .auth-card .shield{width:36px!important;height:36px!important;margin-bottom:7px!important}
  .auth-page .auth-card h2{font-size:25px!important}
  .auth-page .auth-card .intro{margin-bottom:11px!important}
  .auth-page .auth-card .input-shell,.auth-page .auth-card input:not([type=checkbox]){height:46px!important;min-height:46px!important}
  .auth-page .auth-card .primary{height:48px!important}
}