/* ClokIt USA mobile workboard v5 — guided field workflow */
@media (max-width:760px){
  html.clokit-mobile-workboard-active body{background:#eef4f8!important;}
  .clokit-mobile-workboard{padding:0 10px 96px!important;background:linear-gradient(180deg,#f8fbfd 0%,#edf3f7 100%)!important;}
  .clokit-mobile-workboard .project-hub-shell,.clokit-mobile-workboard .project-command-layout,.clokit-mobile-workboard .project-command-clean{display:block!important;margin:0!important;padding:0!important;background:transparent!important;}

  .clokit-mobile-workboard-head{margin:0 -10px 14px;padding:14px 14px 15px;background:radial-gradient(circle at 92% 0%,rgba(30,166,219,.28),transparent 34%),linear-gradient(145deg,#081d2d 0%,#0c3b57 65%,#10658a 125%);color:#fff;border-radius:0 0 22px 22px;box-shadow:0 14px 34px rgba(8,29,45,.18);overflow:hidden;animation:clokitFlowDrop .38s ease both}
  @keyframes clokitFlowDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  .clokit-flow-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.clokit-flow-top>span{font-size:7px;font-weight:950;letter-spacing:.14em;color:#89d8fa}
  .clokit-flow-back{min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;font-size:9px;font-weight:950;touch-action:manipulation}.clokit-flow-back:active{transform:translateY(1px);background:rgba(255,255,255,.15)}
  .clokit-flow-title{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:12px;align-items:center}.clokit-flow-title small{display:block;font-size:6.5px;font-weight:950;letter-spacing:.13em;color:#74cff4}.clokit-flow-title h1{margin:3px 0 0;font-size:22px;line-height:1.02;letter-spacing:-.04em;color:#fff}.clokit-flow-title p{margin:6px 0 0;font-size:8.5px;line-height:1.4;color:#cfe3ed;max-width:34ch}
  .clokit-flow-ring{--p:0;position:relative;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;text-align:center;background:conic-gradient(#27c5f3 calc(var(--p)*1%),rgba(255,255,255,.12) 0);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.clokit-flow-ring:before{content:'';position:absolute;inset:6px;border-radius:50%;background:#0a3048}.clokit-flow-ring b,.clokit-flow-ring span{position:relative;z-index:1;display:block}.clokit-flow-ring b{font-size:16px;line-height:1}.clokit-flow-ring span{font-size:6px;color:#9fd6ec;margin-top:2px}
  .clokit-flow-resume{width:100%;margin-top:13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;padding:10px 11px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.10);color:#fff;box-shadow:none;touch-action:manipulation}.clokit-flow-resume small{display:block;font-size:6px;font-weight:950;letter-spacing:.1em;color:#91d9f5}.clokit-flow-resume b{display:block;margin-top:2px;font-size:11px}.clokit-flow-resume i{font-style:normal;font-size:8px;font-weight:950;padding:6px 8px;border-radius:8px;background:#fff;color:#0d4967}.clokit-flow-resume:active{transform:scale(.995)}
  .clokit-flow-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.clokit-flow-stats span{padding:6px 5px;border-radius:9px;background:rgba(255,255,255,.055);font-size:6.5px;color:#a9cbd9;text-align:center}.clokit-flow-stats b{font-size:9px;color:#fff;margin-right:2px}

  .clokit-mobile-workboard .section-workboard{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;}
  .clokit-mobile-workboard .section-workboard-head,.clokit-mobile-workboard .workboard-head-tools,.clokit-mobile-workboard .workboard-key{display:none!important}
  .clokit-mobile-workboard .module-rows{position:relative;display:grid!important;gap:8px!important;margin:0!important;padding:0 0 0 6px!important}.clokit-mobile-workboard .module-rows:before{content:'';position:absolute;left:20px;top:20px;bottom:20px;width:2px;background:linear-gradient(#bfe3f0,#dce8ed);border-radius:99px}
  .clokit-mobile-workboard .module-row{position:relative;display:grid!important;grid-template-columns:38px minmax(0,1fr) 30px!important;grid-template-areas:'step main arrow' 'step meta arrow';gap:4px 9px!important;align-items:center!important;min-height:74px!important;margin:0!important;padding:10px 9px!important;border:1px solid #dbe5eb!important;border-radius:16px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 7px 18px rgba(15,36,55,.045)!important;overflow:hidden!important;cursor:pointer!important;animation:clokitStepIn .34s ease both;animation-delay:var(--delay,0ms)}
  @keyframes clokitStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .clokit-mobile-workboard .module-row:before{content:attr(data-clokit-step);grid-area:step;z-index:2;align-self:start;display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:#eef6fa;border:1px solid #d3e5ed;color:#0a638c;font-size:9px;font-weight:950;box-shadow:0 0 0 4px #f8fbfd}.clokit-mobile-workboard .module-row[data-clokit-status='Complete']:before{background:#e8f8f1;color:#16805a;border-color:#c9ebdc}.clokit-mobile-workboard .module-row[data-clokit-status='In progress']:before{background:#fff7df;color:#9a7113;border-color:#efdeaa}
  .clokit-mobile-workboard .module-row-main{grid-area:main!important;display:block!important;min-width:0!important}.clokit-mobile-workboard .module-row-icon,.clokit-mobile-workboard .module-mini-sections,.clokit-mobile-workboard .row-pills,.clokit-mobile-workboard .module-row-status{display:none!important}
  .clokit-mobile-workboard .module-row-title h3{margin:0!important;font-size:13.5px!important;line-height:1.08!important;letter-spacing:-.02em!important;color:#10293c!important}.clokit-mobile-workboard .module-row-title p{margin:3px 0 0!important;font-size:7.5px!important;line-height:1.25!important;color:#6f8290!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .clokit-mobile-workboard .module-row-metrics{grid-area:meta!important;display:block!important;min-width:0!important}.clokit-mobile-workboard .row-health{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:'pct state' 'bar bar'!important;gap:3px 6px!important;align-items:center!important}.clokit-mobile-workboard .row-health b{grid-area:pct!important;font-size:10px!important;line-height:1!important;color:#173d53!important}.clokit-mobile-workboard .row-health span{grid-area:state!important;font-size:6px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#82939f!important}.clokit-mobile-workboard .row-health i{grid-area:bar!important;display:block!important;height:4px!important;border-radius:999px!important;background:#e6eef2!important;overflow:hidden!important}.clokit-mobile-workboard .row-health i em{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#1597d1,#31c993)!important}
  .clokit-mobile-workboard .module-row-open{grid-area:arrow!important;align-self:stretch!important;display:grid!important;place-items:center!important;width:30px!important;min-width:30px!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#0c4c69!important;font-size:0!important;box-shadow:none!important}.clokit-mobile-workboard .module-row-open:after{content:'›';font-size:24px;line-height:1;font-weight:500}.clokit-mobile-workboard .module-row:active{transform:scale(.995)!important;background:#fbfdff!important}

  .clokit-mobile-card-nav{position:sticky;top:0;z-index:90;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 4px;gap:6px 9px;align-items:center;margin:0;padding:8px 10px 7px;background:rgba(246,250,252,.97);border-bottom:1px solid #dbe5eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 5px 14px rgba(15,36,55,.045)}
  .clokit-mobile-card-nav>button{grid-row:1;display:inline-flex;align-items:center;min-height:31px;padding:5px 9px;border:1px solid #cfdae2;border-radius:9px;background:#fff;color:#123b52;font-size:8.5px;font-weight:950;touch-action:manipulation}.clokit-card-context{min-width:0}.clokit-card-context small{display:block;font-size:6.5px;font-weight:950;letter-spacing:.08em;color:#148abf;text-transform:uppercase}.clokit-card-context b{display:block;margin-top:1px;font-size:10px;color:#10293c}.clokit-card-meter{grid-column:1/-1;height:4px;border-radius:999px;background:#e3ebef;overflow:hidden}.clokit-card-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168fc8,#2cc498);transition:width .3s ease}

  .clokit-section-complete{margin:12px 0 92px;padding:16px 14px;border:1px solid #d6e4eb;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:0 12px 28px rgba(15,36,55,.08);text-align:center;animation:clokitStepIn .32s ease both}.clokit-complete-mark{width:38px;height:38px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;background:#e5f8ef;color:#16805a;font-size:18px;font-weight:950}.clokit-section-complete>small{display:block;font-size:6.5px;font-weight:950;letter-spacing:.12em;color:#1691c6}.clokit-section-complete h3{margin:4px 0 0;font-size:16px;color:#10293c}.clokit-section-complete p{margin:6px auto 12px;max-width:34ch;font-size:8.5px;line-height:1.4;color:#687d8b}.clokit-section-complete>div:last-child{display:grid;grid-template-columns:1fr 1.25fr;gap:7px}.clokit-section-complete button{min-height:38px;padding:8px;border:1px solid #cfdae2;border-radius:11px;background:#fff;color:#15394f;font-size:8.5px;font-weight:950}.clokit-section-complete button.primary{border-color:#0c3c57;background:#0b2f46;color:#fff}

  @media (prefers-reduced-motion:reduce){.clokit-mobile-workboard-head,.clokit-mobile-workboard .module-row,.clokit-section-complete{animation:none!important}.clokit-card-meter i{transition:none!important}}
}