/* ClokIt USA | polished mobile Client Folder and Report Route.
   Specific to in-app folder details and guided workboard; desktop untouched. */
@media screen and (max-width:760px){
  html.clokit-mobile-library-active .clokit-folder-project-page{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;overflow-x:clip!important;
    padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-head{
    width:100%!important;max-width:100%!important;
    margin:0 0 11px!important;padding:13px 1px 10px!important;
    border:0!important;border-bottom:1px solid #dce7ee!important;
    border-radius:0!important;background:transparent!important;
    box-shadow:none!important;color:#102e43!important;overflow:visible!important;
  }
  html.clokit-mobile-library-active .clokit-folder-head-actions{
    gap:8px!important;margin-bottom:10px!important;
  }
  html.clokit-mobile-library-active .clokit-folder-head-actions>button{
    min-height:42px!important;padding:7px 12px!important;
    border:1px solid #cbdfe9!important;border-radius:11px!important;
    background:#fff!important;color:#17425a!important;
    box-shadow:none!important;font-size:13px!important;
    font-weight:750!important;white-space:nowrap!important;
  }
  html.clokit-mobile-library-active .clokit-folder-head-actions .clokit-folder-rename{
    background:#f5fafc!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-head>small{
    margin:5px 0 4px!important;font-size:10px!important;line-height:1.3!important;
    letter-spacing:.11em!important;color:#167da9!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-head h1{
    margin:0!important;color:#102e43!important;font-weight:850!important;
    font-size:clamp(23px,6vw,27px)!important;
    line-height:1.17!important;letter-spacing:-.03em!important;
    overflow-wrap:anywhere!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-head p{
    color:#637d90!important;font-size:13px!important;line-height:1.4!important;
    margin:4px 0 0!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-tools{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    gap:9px!important;margin-top:11px!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-tools input{
    box-sizing:border-box!important;min-width:0!important;width:100%!important;
    min-height:46px!important;max-width:100%!important;
    padding:10px 12px!important;border:1px solid #d2e1e9!important;
    border-radius:12px!important;background:#fff!important;
    color:#143d53!important;box-shadow:none!important;
    font-size:16px!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-tools input::placeholder{
    color:#8a9eaa!important;opacity:1!important;
  }
  html.clokit-mobile-library-active .clokit-folder-project-tools button{
    min-height:46px!important;padding:0 15px!important;
    border:1px solid #0b7bb1!important;border-radius:12px!important;
    background:#0b7bb1!important;color:#fff!important;
    font-size:13px!important;font-weight:850!important;white-space:nowrap!important;
  }
  html.clokit-mobile-library-active .clokit-folder-head-actions button:focus-visible,
  html.clokit-mobile-library-active .clokit-folder-project-tools :focus-visible,
  html.clokit-mobile-library-active .clokit-project-record button:focus-visible{
    outline:3px solid #1e9ed0!important;outline-offset:2px!important;
  }
  html.clokit-mobile-library-active .clokit-project-stack{
    gap:9px!important;margin:0!important;padding:0!important;
  }
  html.clokit-mobile-library-active .clokit-project-record{
    box-sizing:border-box!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;
    gap:11px!important;align-items:center!important;
    padding:13px 12px!important;border:1px solid #dce7ee!important;
    border-radius:15px!important;box-shadow:0 2px 8px rgba(10,48,75,.035)!important;
    contain:none!important;content-visibility:visible!important;
  }
  html.clokit-mobile-library-active .clokit-project-record>div:first-child{
    min-width:0!important;
  }
  html.clokit-mobile-library-active .clokit-project-record h3{
    font-size:16px!important;line-height:1.25!important;
    letter-spacing:-.02em!important;
  }
  html.clokit-mobile-library-active .clokit-project-record .address{
    margin-top:3px!important;font-size:12px!important;line-height:1.4!important;
  }
  html.clokit-mobile-library-active .clokit-record-meta{
    margin-top:9px!important;gap:5px!important;
  }
  html.clokit-mobile-library-active .clokit-record-meta span{
    font-size:10px!important;line-height:1.3!important;
    padding:4px 7px!important;font-weight:750!important;
  }
  html.clokit-mobile-library-active .clokit-project-progress{
    margin-top:10px!important;height:5px!important;
  }
  html.clokit-mobile-library-active .clokit-project-record-actions{
    display:grid!important;grid-template-rows:44px 44px!important;gap:6px!important;
    width:44px!important;align-items:center!important;
  }
  html.clokit-mobile-library-active .clokit-project-open,
  html.clokit-mobile-library-active .clokit-project-more{
    width:44px!important;height:44px!important;min-height:44px!important;
    padding:0!important;border-radius:12px!important;
    font-size:21px!important;touch-action:manipulation!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard{
    padding:0 13px calc(86px + env(safe-area-inset-bottom,0px))!important;
    background:#f1f6f9!important;overflow-x:clip!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard-head{
    margin:0 -13px 11px!important;padding:12px 15px 13px!important;
    border-radius:0 0 17px 17px!important;
    background:linear-gradient(120deg,#0a293e,#105071)!important;
    box-shadow:0 5px 17px rgba(8,29,45,.11)!important;
    animation:none!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-top{
    gap:9px!important;margin:0 0 9px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-top>span{
    font-size:10px!important;letter-spacing:.13em!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-back{
    min-height:41px!important;padding:7px 12px!important;
    font-size:13px!important;font-weight:750!important;
    border-radius:11px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title{
    display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;
    align-items:center!important;gap:11px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title small{
    font-size:10px!important;line-height:1.3!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title h1{
    font-size:clamp(21px,5.5vw,25px)!important;
    line-height:1.14!important;letter-spacing:-.03em!important;
    margin:4px 0 0!important;overflow-wrap:break-word!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title p{
    font-size:12px!important;line-height:1.45!important;
    max-width:40ch!important;margin:6px 0 0!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-ring{
    width:64px!important;height:64px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-ring b{
    font-size:17px!important;line-height:1.1!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-ring span{
    font-size:9px!important;line-height:1.1!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-resume{
    margin-top:10px!important;padding:10px 12px!important;
    border-radius:12px!important;gap:9px!important;
    min-height:56px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-resume small{
    font-size:9px!important;line-height:1.25!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-resume b{
    font-size:14px!important;line-height:1.25!important;
    margin-top:3px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-resume i{
    font-size:11px!important;padding:8px 9px!important;
    white-space:nowrap!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-stats{
    gap:6px!important;margin-top:7px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-stats span{
    font-size:10px!important;line-height:1.35!important;
    padding:6px 3px!important;border-radius:9px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-stats b{
    font-size:12px!important;margin-right:3px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-rows{
    gap:8px!important;padding-left:3px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-rows:before{
    display:none!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr) 44px!important;
    grid-template-areas:'step main arrow' 'step meta arrow'!important;
    gap:5px 10px!important;min-height:86px!important;
    padding:11px!important;border:1px solid #d9e5eb!important;
    border-radius:15px!important;box-shadow:0 2px 9px rgba(10,48,75,.035)!important;
    animation:none!important;content-visibility:visible!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row:before{
    width:36px!important;height:36px!important;border-radius:11px!important;
    box-shadow:none!important;font-size:12px!important;align-self:center!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row-title h3{
    font-size:16px!important;line-height:1.24!important;font-weight:800!important;
    margin:0!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row-title p{
    font-size:11px!important;line-height:1.35!important;
    margin:3px 0 0!important;white-space:nowrap!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .row-health{
    gap:4px 7px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .row-health b{
    font-size:12px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .row-health span{
    font-size:9px!important;letter-spacing:.055em!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .row-health i{
    height:4px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row-open{
    width:44px!important;min-width:44px!important;min-height:44px!important;
    border-radius:12px!important;touch-action:manipulation!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row-open:after{
    font-size:24px!important;
  }
  html.clokit-mobile-workboard-active .clokit-mobile-workboard .module-row:focus-visible{
    outline:3px solid #1698ce!important;outline-offset:2px!important;
  }
}
@media screen and (max-width:355px){
  html.clokit-mobile-library-active .clokit-folder-head-actions>button{
    font-size:12px!important;padding-inline:9px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title{
    grid-template-columns:minmax(0,1fr) 56px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-ring{
    width:56px!important;height:56px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-title h1{
    font-size:20px!important;
  }
  html.clokit-mobile-workboard-active .clokit-flow-resume i{
    font-size:10px!important;padding-inline:7px!important;
  }
}