/* ClokIt USA mobile project navigation v3 — stable Dashboard > Sections > Cards > Field */
@media (max-width:760px){
  .section-edge-tab{display:none!important;visibility:hidden!important;pointer-events:none!important;}
  .cards-drawer{z-index:140!important;}

  html.clokit-mobile-card-index-active body{background:#edf3f7!important;}
  html.clokit-mobile-card-index-active .v22121-module-body{padding-bottom:92px!important;}
  html.clokit-mobile-card-index-active .v22121-module-body>.mobile-card-status,
  html.clokit-mobile-card-index-active .v22121-module-body>.mobile-card-jump,
  html.clokit-mobile-card-index-active .v22121-module-body>.subnav,
  html.clokit-mobile-card-index-active .v22121-module-body>.form-panel,
  html.clokit-mobile-card-index-active .v22121-module-body>.bottom-nav{display:none!important;}

  .clokit-mobile-card-index{
    display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:2!important;
    margin:0!important;padding:0 0 96px!important;background:linear-gradient(180deg,#eef5f8 0%,#f7fafc 38%,#eef4f7 100%)!important;
    min-height:calc(100dvh - 54px)!important;color:#10293c!important;overflow:visible!important;
  }

  .clokit-card-index-head{
    display:block!important;margin:0!important;padding:12px 14px 14px!important;border:0!important;border-radius:0 0 22px 22px!important;
    background:radial-gradient(circle at 94% 5%,rgba(55,190,236,.20),transparent 30%),linear-gradient(145deg,#071c2c 0%,#0a3650 68%,#0e5e82 125%)!important;
    color:#fff!important;box-shadow:0 14px 34px rgba(7,28,44,.18)!important;position:relative!important;overflow:hidden!important;
    animation:clokitCardIndexIn .28s ease both!important;
  }
  .clokit-card-index-head:after{content:"";position:absolute;right:-42px;bottom:-54px;width:150px;height:150px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 44px rgba(255,255,255,.015);pointer-events:none;}
  @keyframes clokitCardIndexIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

  .clokit-card-index-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;position:relative!important;z-index:1!important;}
  .clokit-card-index-top>button{min-height:32px!important;padding:6px 10px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:8px!important;font-weight:950!important;touch-action:manipulation!important;}
  .clokit-card-index-top>span{font-size:6px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#8ddcf8!important;}

  .clokit-card-index-title{display:grid!important;grid-template-columns:minmax(0,1fr) 62px!important;align-items:end!important;gap:10px!important;margin-top:14px!important;position:relative!important;z-index:1!important;}
  .clokit-card-index-title small{display:block!important;font-size:6px!important;font-weight:950!important;letter-spacing:.13em!important;color:#83d8f6!important;}
  .clokit-card-index-title h1{margin:3px 0 0!important;font-size:22px!important;line-height:1!important;letter-spacing:-.035em!important;color:#fff!important;}
  .clokit-card-index-title p{margin:5px 0 0!important;font-size:8px!important;line-height:1.35!important;color:#c6dde8!important;}
  .clokit-card-index-progress{width:60px;height:60px;border-radius:18px;display:grid!important;place-content:center!important;text-align:center!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.11)!important;backdrop-filter:blur(12px);}
  .clokit-card-index-progress b{font-size:16px!important;line-height:1!important;color:#fff!important;}
  .clokit-card-index-progress span{margin-top:3px!important;font-size:5.5px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9bc8da!important;}

  .clokit-card-index-next{width:100%!important;min-height:46px!important;margin-top:12px!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:13px!important;background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.05))!important;color:#fff!important;text-align:left!important;position:relative!important;z-index:1!important;touch-action:manipulation!important;}
  .clokit-card-index-next small{display:block!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.10em!important;color:#78d6f6!important;}
  .clokit-card-index-next b{display:block!important;margin-top:2px!important;font-size:10px!important;line-height:1.1!important;color:#fff!important;}
  .clokit-card-index-next>strong{font-size:8px!important;color:#fff!important;white-space:nowrap!important;}
  .clokit-card-index-next:active{transform:scale(.995)!important;}

  .clokit-card-index-content{padding:11px 10px 0!important;}
  .clokit-card-index-label{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:8px!important;margin:0 2px 8px!important;}
  .clokit-card-index-label b{font-size:10px!important;color:#10293c!important;}
  .clokit-card-index-label span{font-size:6px!important;color:#8095a3!important;}

  .clokit-card-index-list{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;opacity:1!important;visibility:visible!important;}
  .clokit-card-index-row{
    width:100%!important;min-height:64px!important;display:grid!important;grid-template-columns:34px minmax(0,1fr) 22px!important;gap:9px!important;align-items:center!important;
    text-align:left!important;padding:9px 10px!important;border:1px solid #d8e4ea!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;color:#10293c!important;
    box-shadow:0 6px 16px rgba(15,36,55,.045)!important;touch-action:manipulation!important;opacity:1!important;visibility:visible!important;animation:clokitCardRowIn .24s ease both!important;
  }
  .clokit-card-index-row.current{border-color:#9fd4e8!important;box-shadow:0 7px 20px rgba(21,151,209,.09)!important;}
  .clokit-card-index-row:nth-child(2){animation-delay:25ms!important}.clokit-card-index-row:nth-child(3){animation-delay:50ms!important}.clokit-card-index-row:nth-child(4){animation-delay:75ms!important}.clokit-card-index-row:nth-child(5){animation-delay:100ms!important}.clokit-card-index-row:nth-child(6){animation-delay:125ms!important}.clokit-card-index-row:nth-child(n+7){animation-delay:150ms!important}
  @keyframes clokitCardRowIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
  .clokit-card-index-row:active{transform:scale(.995)!important;background:#fbfdff!important;}
  .clokit-card-index-num{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#edf6fa!important;border:1px solid #d3e5ed!important;color:#0b658f!important;font-size:8px!important;font-weight:950!important;}
  .clokit-card-index-main{min-width:0!important;display:block!important;}
  .clokit-card-index-main>small{display:block!important;font-size:5.5px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#7b909e!important;}
  .clokit-card-index-main>b{display:block!important;margin-top:1px!important;font-size:11px!important;line-height:1.08!important;color:#10293c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .clokit-card-index-main>span{display:block!important;margin-top:3px!important;font-size:6px!important;color:#82939f!important;}
  .clokit-card-index-main>em{display:block!important;height:3px!important;margin-top:6px!important;border-radius:999px!important;background:#e5edf1!important;overflow:hidden!important;font-style:normal!important;}
  .clokit-card-index-main>em i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#1597d1,#31c993)!important;transition:width .25s ease!important;}
  .clokit-card-index-row>strong{font-size:18px!important;font-weight:500!important;color:#0b5a7e!important;text-align:center!important;}

  .mobile-field-dock{grid-template-columns:repeat(4,1fr)!important;z-index:500!important;pointer-events:auto!important;}
  .mobile-field-dock button{touch-action:manipulation!important;pointer-events:auto!important;position:relative!important;z-index:2!important;}
  .mobile-field-dock button span{font-size:8px!important;}
  .mobile-field-dock button b{font-size:13px!important;}
  .mobile-field-dock button.active{background:#fff!important;color:#0b3c57!important;box-shadow:0 2px 10px rgba(0,0,0,.08)!important;}

  html.clokit-mobile-card-active .mobile-card-status,
  html.clokit-mobile-card-active .mobile-card-jump,
  html.clokit-mobile-card-active .subnav{display:none!important;}
  html.clokit-mobile-card-active .clokit-mobile-card-nav{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;}
  html.clokit-mobile-card-active .clokit-mobile-card-nav .clokit-card-meter{display:none!important;}
  html.clokit-mobile-card-active .clokit-card-context small{font-size:6px!important;}
  html.clokit-mobile-card-active .clokit-card-context b{font-size:9px!important;color:#617988!important;font-weight:800!important;}

  @media(prefers-reduced-motion:reduce){.clokit-card-index-head,.clokit-card-index-row{animation:none!important}}
}