/* ClokIt USA mobile library workspace — Year > Client > Project */
@media (max-width:760px){
  html.clokit-mobile-library-active,html.clokit-mobile-library-active body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#eef4f8!important;}
  html.clokit-mobile-library-active .v221-side{display:none!important;}
  html.clokit-mobile-library-active .v221-page{display:block!important;width:100%!important;max-width:100%!important;min-height:100dvh!important;background:#eef4f8!important;padding:0!important;overflow-x:hidden!important;}
  html.clokit-mobile-library-active .v221-main{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0 12px 94px!important;overflow-x:hidden!important;}
  .clokit-library-mobile{display:block!important;}
  .clokit-library-hero{width:calc(100% + 24px)!important;max-width:none!important;margin-left:-12px!important;margin-right:-12px!important;padding:14px max(14px,env(safe-area-inset-right)) 16px max(14px,env(safe-area-inset-left));box-sizing:border-box!important;border-radius:0 0 22px 22px;background:radial-gradient(circle at 95% 0%,rgba(54,187,238,.22),transparent 34%),linear-gradient(145deg,#081d2d 0%,#0c3a55 70%,#0c607f 130%);color:#fff;box-shadow:0 14px 30px rgba(8,29,45,.16);}
  .clokit-library-kicker{font-size:7px;font-weight:950;letter-spacing:.14em;text-transform:uppercase;color:#77d2f3;}
  .clokit-library-hero h1{margin:4px 0;font-size:24px;line-height:1;letter-spacing:-.04em;color:#fff;}
  .clokit-library-hero p{margin:0;font-size:9px;line-height:1.4;color:#cfe3ed;max-width:36ch;}
  .clokit-library-search{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:12px;}
  .clokit-library-search input{min-height:40px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.1);color:#fff;padding:0 12px;outline:none;font-size:16px;}
  .clokit-library-search input::placeholder{color:#b9d4df;}
  .clokit-library-search button{min-width:42px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:#fff;color:#0b3b56;font-weight:950;font-size:18px;}
  .clokit-year-strip{display:flex;gap:7px;overflow-x:auto;padding:1px 0 9px;scrollbar-width:none;}
  .clokit-year-strip::-webkit-scrollbar{display:none;}
  .clokit-year-chip{flex:0 0 auto;min-height:34px;border:1px solid #d6e2e9;border-radius:999px;background:#fff;color:#496273;padding:0 13px;font-size:9px;font-weight:950;box-shadow:0 4px 12px rgba(15,36,55,.035);}
  .clokit-year-chip.active{background:#0c3a55;border-color:#0c3a55;color:#fff;box-shadow:0 7px 16px rgba(12,58,85,.16);}
  .clokit-library-summary{display:grid;grid-template-columns:1.35fr .65fr;gap:8px;margin-bottom:10px;}
  .clokit-library-summary>button,.clokit-library-summary>div{border:1px solid #d7e3ea;border-radius:15px;background:#fff;padding:11px;text-align:left;box-shadow:0 6px 17px rgba(15,36,55,.04);}
  .clokit-library-summary small{display:block;font-size:6px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#7c909e;}
  .clokit-library-summary b{display:block;margin-top:3px;font-size:15px;color:#10293c;}
  .clokit-library-summary span{display:block;margin-top:2px;font-size:7px;color:#7c909e;}
  .clokit-client-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:12px 1px 8px;}
  .clokit-client-head h2{margin:0;font-size:16px;letter-spacing:-.025em;color:#10293c;}
  .clokit-client-head span{font-size:7px;color:#7b909e;}
  .clokit-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .clokit-client-folder{position:relative;min-height:132px;border:1px solid #d9e4ea;border-radius:17px;background:linear-gradient(180deg,#fff,#fbfdff);padding:12px 12px 36px;text-align:left;color:#10293c;box-shadow:0 7px 18px rgba(15,36,55,.045);overflow:hidden;touch-action:manipulation;contain:content;content-visibility:auto;contain-intrinsic-size:132px;}
  .clokit-client-folder:active{transform:scale(.993);}
  .clokit-client-folder::after{content:"";position:absolute;right:-24px;bottom:-28px;width:78px;height:78px;border-radius:50%;background:rgba(30,161,214,.055);}
  .clokit-folder-glyph{width:34px;height:29px;border-radius:8px 8px 9px 9px;background:linear-gradient(145deg,#43b8ea,#1182bb);box-shadow:inset 0 -3px 7px rgba(0,0,0,.08),0 6px 13px rgba(17,130,187,.15);position:relative;margin-bottom:11px;}
  .clokit-folder-glyph::before{content:"";position:absolute;left:3px;top:-5px;width:15px;height:8px;border-radius:5px 5px 0 0;background:#5bc5ef;}
  .clokit-client-folder h3{margin:0;position:relative;z-index:1;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .clokit-client-folder p{margin:5px 0 0;position:relative;z-index:1;font-size:7px;line-height:1.35;color:#78909f;white-space:normal;}
  .clokit-client-folder footer{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;z-index:1;font-size:7px;line-height:1.25;color:#6e8796;}
  .clokit-client-folder footer span{display:block;min-width:0;white-space:normal;overflow-wrap:anywhere;}
  .clokit-client-folder footer strong{color:#0c638d;font-size:14px;font-weight:600;line-height:1;}
  .clokit-client-empty{grid-column:1/-1;border:1px dashed #cad9e2;border-radius:16px;background:#f8fbfd;padding:18px;text-align:center;color:#6d8493;font-size:9px;}
  .clokit-folder-project-page{width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-bottom:94px;overflow-x:hidden!important;}
  .clokit-folder-project-head{width:calc(100% + 24px)!important;max-width:none!important;margin-left:-12px!important;margin-right:-12px!important;padding:13px max(14px,env(safe-area-inset-right)) 15px max(14px,env(safe-area-inset-left));box-sizing:border-box!important;border-radius:0 0 21px 21px;background:linear-gradient(145deg,#081d2d,#0d4966);color:#fff;box-shadow:0 12px 26px rgba(8,29,45,.13);overflow:hidden!important;}
  .clokit-folder-head-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .clokit-folder-head-actions>button{min-height:32px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:rgba(255,255,255,.08);color:#fff;padding:0 9px;font-size:8px;font-weight:950;}
  .clokit-folder-head-actions .clokit-folder-rename{background:rgba(255,255,255,.14)}
  .clokit-folder-project-head small{display:block;margin-top:10px;font-size:6px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:#7ed2f2;}
  .clokit-folder-project-head h1{margin:3px 0;font-size:22px;line-height:1.02;letter-spacing:-.04em;color:#fff;}
  .clokit-folder-project-head p{margin:0;font-size:8px;color:#cfe3ed;}
  .clokit-folder-project-tools{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:10px;}
  .clokit-folder-project-tools input{min-height:39px;border:1px solid rgba(255,255,255,.17);border-radius:10px;background:rgba(255,255,255,.09);color:#fff;padding:0 11px;font-size:16px;}
  .clokit-folder-project-tools button{border:0;border-radius:10px;background:#fff;color:#0b3c57;padding:0 11px;font-size:8px;font-weight:950;}
  .clokit-project-stack{display:grid;gap:8px;}
  .clokit-project-record{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:9px;align-items:stretch;border:1px solid #d8e4ea;border-radius:16px;background:#fff;padding:11px 9px 9px 11px;box-shadow:0 7px 18px rgba(15,36,55,.04);contain:content;content-visibility:auto;contain-intrinsic-size:94px;}
  .clokit-project-record h3{margin:0;font-size:12px;color:#10293c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .clokit-project-record .address{margin-top:2px;font-size:7px;color:#78909f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .clokit-record-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;}
  .clokit-record-meta span{border-radius:999px;background:#eef5f8;padding:4px 6px;font-size:6px;font-weight:850;color:#607989;}
  .clokit-record-meta span.verified{background:#eaf8ef;color:#187345;}
  .clokit-project-progress{height:4px;border-radius:999px;background:#e7eef2;overflow:hidden;margin-top:8px;}
  .clokit-project-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1597d1,#31c993);}
  .clokit-project-record-actions{display:grid;grid-template-rows:1fr 34px;gap:5px}
  .clokit-project-open,.clokit-project-more{border:0;border-radius:11px;background:#0d3c57;color:#fff;font-size:18px;font-weight:500;touch-action:manipulation;}
  .clokit-project-more{background:#eef5f8;color:#365569;font-size:18px}
  .clokit-project-empty{border:1px dashed #cad9e2;border-radius:16px;background:#f8fbfd;padding:20px;text-align:center;color:#6d8493;font-size:9px;}
  .clokit-project-actions-sheet{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-end;background:rgba(7,24,39,.46);padding:12px 12px max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(8px)}
  .clokit-project-actions-card{width:100%;border:1px solid #d9e4ea;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(7,24,39,.24);overflow:hidden}
  .clokit-project-actions-head{display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:10px;padding:14px;border-bottom:1px solid #e7eef2;background:#fbfdfe}
  .clokit-project-actions-head small{font-size:6px;font-weight:950;letter-spacing:.12em;color:#7a8f9d}.clokit-project-actions-head h3{margin:3px 0 2px;font-size:14px;color:#10293c}.clokit-project-actions-head p{margin:0;font-size:7px;color:#78909f}.clokit-project-actions-head>button{border:0;border-radius:10px;background:#eef4f7;color:#476173;font-size:18px}
  .clokit-project-action-list{display:grid;padding:7px}.clokit-project-action-list>button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid #eef3f6;background:#fff;padding:11px;text-align:left;color:#10293c}.clokit-project-action-list>button:last-child{border-bottom:0}.clokit-project-action-list>button>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf6fa;color:#0d628d;font-size:14px}.clokit-project-action-list b{display:block;font-size:10px}.clokit-project-action-list small{display:block;margin-top:2px;font-size:7px;color:#78909f}
  .v220-mobile-tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important;}
  .v220-mobile-tabs button span{font-size:7px!important;}
}
@media (min-width:761px){.clokit-library-mobile,.clokit-folder-project-page{display:none!important;}}