/* ClokIt USA mobile dashboard field command center. Desktop remains untouched. */
@media (max-width:760px){
  html:not([data-public-report="true"]) body{background:#f3f7fa!important;}
  .clokit-mobile-dashboard{padding:10px 10px 96px!important;background:linear-gradient(180deg,#f8fbfd 0%,#eef4f8 100%)!important;}
  .clokit-mobile-dashboard .clokit-mobile-dashboard-head{margin:0 0 8px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .clokit-mobile-dashboard .clokit-mobile-dashboard-head h1{display:none!important;}

  .clokit-mobile-command-center{display:block;margin:0 0 14px;}
  .clokit-mobile-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:2px 2px 12px;}
  .clokit-mobile-eyebrow{display:block;font-size:9px;font-weight:950;letter-spacing:.14em;color:#1c8ec7;margin-bottom:5px;}
  .clokit-mobile-command-head h1{margin:0;color:#10293c;font-size:20px;line-height:1.05;letter-spacing:-.03em;font-weight:950;}
  .clokit-mobile-command-head p{margin:5px 0 0;color:#708392;font-size:11px;line-height:1.35;}
  .clokit-mobile-live-dot{width:10px;height:10px;margin-top:8px;border-radius:999px;background:#27c685;box-shadow:0 0 0 5px rgba(39,198,133,.12);flex:0 0 auto;}

  .clokit-mobile-active-project{width:100%;text-align:left;border:0;border-radius:18px;padding:15px;background:linear-gradient(145deg,#0c2639 0%,#103a54 62%,#168fc8 130%);color:#fff;box-shadow:0 14px 32px rgba(15,36,55,.18);}
  .clokit-mobile-project-topline{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px;font-size:9px;font-weight:950;letter-spacing:.12em;color:#a9d9ef;}
  .clokit-mobile-active-project>strong{display:block;font-size:20px;line-height:1.1;letter-spacing:-.03em;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .clokit-mobile-active-project>small{display:block;font-size:11px;line-height:1.35;color:#cfe1eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .clokit-mobile-project-progress{height:5px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;margin:13px 0 10px;}
  .clokit-mobile-project-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#31c7ff,#72e4ad);}
  .clokit-mobile-project-footer{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:900;color:#fff;}
  .clokit-mobile-project-footer b{font-size:18px;line-height:1;}
  .clokit-mobile-empty-project{display:block;cursor:default;}
  .clokit-mobile-empty-project>small{white-space:normal!important;max-width:31ch;}
  .clokit-mobile-start-project{margin-top:14px;width:100%;min-height:44px;border:0;border-radius:13px;background:#fff;color:#0d3147;font-size:12px;font-weight:950;letter-spacing:-.01em;box-shadow:0 8px 18px rgba(0,0,0,.13);touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
  .clokit-mobile-start-project:active{transform:translateY(1px);}

  .clokit-mobile-today{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;}
  .clokit-mobile-today>div{background:#fff;border:1px solid #dbe5ec;border-radius:14px;padding:10px 9px;box-shadow:0 6px 16px rgba(15,36,55,.045);}
  .clokit-mobile-today span{display:block;font-size:8px;letter-spacing:.09em;font-weight:950;color:#788b99;margin-bottom:4px;}
  .clokit-mobile-today strong{display:block;font-size:16px;line-height:1;color:#10293c;}

  .clokit-mobile-source-project-focus,.clokit-mobile-source-recent,.clokit-mobile-hide-original-greeting{display:none!important;}

  .clokit-mobile-dashboard .clokit-resources-panel{padding:0!important;margin:0 0 14px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .clokit-mobile-dashboard .clokit-resources-panel .v220-panel-head{padding:0 2px 9px!important;}
  .clokit-mobile-dashboard .clokit-resources-panel .v220-panel-head h2{font-size:17px!important;line-height:1.1!important;letter-spacing:-.025em!important;margin:0 0 3px!important;}
  .clokit-mobile-dashboard .clokit-resources-panel .v220-panel-head p{font-size:10px!important;line-height:1.35!important;margin:0!important;}
  .clokit-mobile-dashboard .clokit-resource-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:0 1px!important;overflow:visible!important;}
  .clokit-mobile-dashboard .clokit-resource-card{min-width:0!important;min-height:132px!important;padding:12px!important;border-radius:15px!important;gap:6px!important;box-shadow:0 7px 18px rgba(15,36,55,.05)!important;}
  .clokit-mobile-dashboard .clokit-resource-card:nth-child(3){grid-column:1 / -1!important;min-height:110px!important;}
  .clokit-mobile-dashboard .clokit-resource-icon{width:34px!important;height:34px!important;border-radius:10px!important;font-size:16px!important;}
  .clokit-mobile-dashboard .clokit-resource-status{font-size:7px!important;letter-spacing:.07em!important;gap:4px!important;}
  .clokit-mobile-dashboard .clokit-resource-status:before{width:5px!important;height:5px!important;}
  .clokit-mobile-dashboard .clokit-resource-card h3{font-size:13px!important;line-height:1.15!important;}
  .clokit-mobile-dashboard .clokit-resource-card p{font-size:9px!important;line-height:1.35!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;}
  .clokit-mobile-dashboard .clokit-resource-actions{gap:5px!important;}
  .clokit-mobile-dashboard .clokit-resource-actions button,.clokit-mobile-dashboard .clokit-resource-actions a{min-height:31px!important;padding:7px 9px!important;font-size:9px!important;border-radius:9px!important;}

  .clokit-mobile-training-panel{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
  .clokit-mobile-training-panel>.clokit-mobile-training-summary{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;text-align:left!important;border:1px solid #dbe5ec!important;border-radius:15px!important;background:#fff!important;padding:12px 13px!important;box-shadow:0 7px 18px rgba(15,36,55,.045)!important;color:#10293c!important;}
  .clokit-mobile-training-summary span{min-width:0;}
  .clokit-mobile-training-summary b{display:block;font-size:13px;line-height:1.15;}
  .clokit-mobile-training-summary small{display:block;margin-top:3px;color:#748694;font-size:9px;line-height:1.3;}
  .clokit-mobile-training-summary>strong{font-size:18px;}
  .clokit-mobile-training-panel:not(.is-open)>:not(.clokit-mobile-training-summary){display:none!important;}
  .clokit-mobile-training-panel.is-open>.clokit-mobile-training-summary{margin-bottom:10px!important;}

  /* Mobile new-project setup: compact, safe, field-first, and scrollable. */
  html.clokit-mobile-project-setup-active,
  html.clokit-mobile-project-setup-active body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain!important;background:#eef4f8!important;-webkit-overflow-scrolling:touch!important;}
  .clokit-mobile-project-setup{height:auto!important;min-height:calc(100dvh - 58px)!important;overflow:visible!important;padding:0 10px 96px!important;background:linear-gradient(180deg,#f6fafc 0%,#edf4f8 100%)!important;}
  .clokit-mobile-project-setup>.app-shell,
  .clokit-mobile-project-setup>.workspace,
  .clokit-mobile-project-setup>section,
  .clokit-mobile-project-setup>main{height:auto!important;min-height:0!important;overflow:visible!important;}
  .clokit-mobile-setup-hero{position:relative!important;margin:0 0 8px!important;padding:44px 12px 11px!important;border-radius:0 0 15px 15px!important;background:linear-gradient(135deg,#0b2940,#0d4f72)!important;color:#fff!important;box-shadow:0 8px 18px rgba(15,36,55,.13)!important;}
  .clokit-mobile-setup-hero h1,
  .clokit-mobile-setup-hero h2{font-size:19px!important;line-height:1.06!important;letter-spacing:-.035em!important;margin:0 0 4px!important;color:#fff!important;}
  .clokit-mobile-setup-hero p{font-size:9px!important;line-height:1.3!important;margin:0!important;color:#d8eaf4!important;max-width:34ch!important;}
  .clokit-mobile-setup-hero .eyebrow,
  .clokit-mobile-setup-hero [class*="eyebrow"]{position:absolute!important;left:72px!important;top:14px!important;font-size:7px!important;line-height:1!important;letter-spacing:.14em!important;margin:0!important;color:#8dd8fb!important;white-space:nowrap!important;}
  .clokit-mobile-setup-back{position:absolute!important;left:10px!important;top:9px!important;z-index:5!important;display:inline-flex!important;align-items:center!important;gap:5px!important;min-height:27px!important;padding:5px 8px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:9px!important;background:rgba(255,255,255,.10)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:none!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;touch-action:manipulation!important;}
  .clokit-mobile-setup-back:active{transform:translateY(1px)!important;background:rgba(255,255,255,.17)!important;}
  .clokit-mobile-setup-form{height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:11px!important;border-radius:15px!important;background:#fff!important;border:1px solid #dbe6ee!important;box-shadow:0 10px 24px rgba(15,36,55,.07)!important;}
  .clokit-mobile-setup-form>.panel-head,
  .clokit-mobile-setup-form [class*="panel-head"]{padding:0 0 10px!important;margin:0 0 11px!important;min-height:28px!important;border-bottom:1px solid #e6edf2!important;background:transparent!important;align-items:center!important;}
  .clokit-mobile-setup-form h2,
  .clokit-mobile-setup-form h3{font-size:15px!important;line-height:1.1!important;margin:0!important;letter-spacing:-.02em!important;}
  .clokit-mobile-setup-form .panel-body,
  .clokit-mobile-setup-form [class*="panel-body"]{padding:0!important;}
  .clokit-mobile-setup-form .field-grid,
  .clokit-mobile-setup-form form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 7px!important;align-content:start!important;}
  .clokit-mobile-setup-form .field,
  .clokit-mobile-setup-form label{min-width:0!important;}
  .clokit-mobile-setup-form .field.full,
  .clokit-mobile-setup-form .full,
  .clokit-mobile-setup-form textarea{grid-column:1 / -1!important;}
  .clokit-mobile-setup-form .field{gap:4px!important;}
  .clokit-mobile-setup-form .field label,
  .clokit-mobile-setup-form label{font-size:7px!important;line-height:1.1!important;font-weight:900!important;color:#23394b!important;}
  .clokit-mobile-setup-form input,
  .clokit-mobile-setup-form select,
  .clokit-mobile-setup-form textarea{min-height:34px!important;height:34px!important;border-radius:9px!important;padding:6px 8px!important;font-size:10px!important;line-height:1.2!important;border:1px solid #cfdae3!important;background:#fbfdff!important;box-shadow:none!important;}
  .clokit-mobile-setup-form textarea{height:48px!important;min-height:48px!important;resize:none!important;}
  .clokit-mobile-setup-form input:focus,
  .clokit-mobile-setup-form select:focus,
  .clokit-mobile-setup-form textarea:focus{border-color:#1597e5!important;box-shadow:0 0 0 2px rgba(21,151,229,.10)!important;}
  .clokit-mobile-setup-form small,
  .clokit-mobile-setup-form .muted{font-size:7px!important;line-height:1.2!important;}
  .clokit-mobile-setup-form .btn,
  .clokit-mobile-setup-form button:not(.clokit-mobile-setup-back){min-height:34px!important;padding:7px 9px!important;border-radius:9px!important;font-size:9px!important;}

  .v220-mobile-tabs,.bottom-nav{z-index:2147483000!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
}