/* ClokIt USA — scalable Client Folder library v3 */
.cllib-shell{display:grid;gap:10px;min-width:0}
.cllib-titlebar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid #d8e4ed;border-radius:18px;padding:17px 18px;box-shadow:0 8px 22px rgba(17,49,72,.045)}
.cllib-kicker{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.14em;color:#1689c2;margin-bottom:4px}.cllib-titlebar h1{margin:0;font-size:27px;line-height:1.05;letter-spacing:-.04em;color:#0f2d43}.cllib-titlebar p{margin:5px 0 0;color:#708596;font-size:12px}.cllib-title-actions{display:flex;gap:8px;align-items:center}.cllib-title-actions .btn{min-height:40px;border-radius:11px}.cllib-title-actions .btn.primary{background:#0c3550;color:#fff}.cllib-clean-btn{border-color:#e3c36e!important;background:#fff9e8!important;color:#815a00!important}
.cllib-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border:1px solid #d8e4ed;border-radius:14px;overflow:hidden}.cllib-summary>div{padding:9px 12px;border-right:1px solid #e6edf2}.cllib-summary>div:last-child{border-right:0}.cllib-summary span{display:block;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.09em;color:#8092a0}.cllib-summary b{display:block;margin-top:1px;font-size:18px;color:#133248;letter-spacing:-.03em}.cllib-summary small{display:block;margin-top:1px;color:#9a7a31;font-size:8px}.cllib-summary .attention{background:#fff7e6}.cllib-summary .attention b{color:#9a6500}.cllib-summary .attention-soft{background:#fffdf6;cursor:pointer}.cllib-summary .attention-soft:hover{background:#fff8e6}
.cllib-controls{display:grid;grid-template-columns:minmax(320px,1fr) auto auto;gap:9px;align-items:center;background:#fff;border:1px solid #d8e4ed;border-radius:14px;padding:8px}.cllib-search{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;align-items:center;height:39px;border:1px solid #d1dde7;border-radius:10px;padding:0 11px;background:#f9fbfd;color:#6d8496}.cllib-search:focus-within{border-color:#74b9dd;box-shadow:0 0 0 3px rgba(18,151,213,.09);background:#fff}.cllib-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;min-height:0!important;font-size:12px;color:#183348}.cllib-filter,.cllib-view{display:flex;gap:3px;padding:3px;background:#eef4f8;border-radius:9px}.cllib-filter button,.cllib-view button{border:0;background:transparent;border-radius:7px;padding:7px 9px;color:#60798c;font-size:10px;font-weight:900;white-space:nowrap}.cllib-filter button small{opacity:.65;font-size:9px}.cllib-filter button.active,.cllib-view button.active{background:#fff;color:#0b7caf;box-shadow:0 2px 8px rgba(14,53,78,.08)}.cllib-sort{height:39px;border:1px solid #d1dde7;border-radius:10px;background:#fff;color:#3f5d73;padding:0 9px;font-size:10px;font-weight:850;outline:0}.cllib-control-right{display:flex;gap:7px;align-items:center}
.cllib-result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;padding:4px 3px 0}.cllib-result-head>div{display:flex;align-items:baseline;gap:9px}.cllib-result-head h2{margin:0;font-size:17px;color:#173247;letter-spacing:-.02em}.cllib-result-head span{font-size:10px;color:#8394a1;font-weight:800}.cllib-density-note{font-weight:700!important;color:#91a0ab!important}
.cllib-table{background:#fff;border:1px solid #d8e4ed;border-radius:14px;overflow:hidden;box-shadow:0 8px 20px rgba(17,49,72,.035)}.cllib-table-head,.cllib-table-row{display:grid;grid-template-columns:minmax(190px,1.25fr) 76px minmax(230px,1.5fr) 105px 120px 64px;gap:10px;align-items:center}.cllib-table-head{padding:8px 12px;background:#f4f8fb;border-bottom:1px solid #dfe8ef;color:#718799;font-size:8px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.cllib-table-row{width:100%;border-bottom:1px solid #edf2f5;background:#fff;padding:9px 12px;color:#193348;transition:background .14s ease,border-color .14s ease;cursor:pointer}.cllib-table-row:last-child{border-bottom:0}.cllib-table-row:hover{background:#f7fbfe}.cllib-table-row.empty{background:#fbfcfd}.cllib-table-row>span,.cllib-table-row>div{min-width:0}.cllib-table-client{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center}.cllib-mini-folder{width:31px;height:22px;border-radius:6px 6px 7px 7px;background:linear-gradient(145deg,#20a9e4,#168cc8);position:relative;box-shadow:0 4px 9px rgba(18,142,199,.16)}.cllib-mini-folder:before{content:"";position:absolute;left:4px;top:-5px;width:16px;height:7px;background:inherit;border-radius:4px 4px 0 0}.cllib-table-row.empty .cllib-mini-folder{filter:saturate(.45);opacity:.65}.cllib-table-client b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-table-client small{display:block;margin-top:2px;color:#80909d;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-project-count{display:grid;gap:1px}.cllib-project-count b{font-size:15px;color:#15364e}.cllib-project-count small{font-size:8px;color:#748a9a}.cllib-table-project b{display:block;font-size:10px;color:#36556b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-table-project small{display:block;font-size:8px;color:#8a99a5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-table-date{font-size:9px;color:#71889a}.cllib-health{display:grid;justify-items:start;gap:2px}.cllib-health small{font-size:8px;color:#9b6c1c}.cllib-row-actions{display:flex;justify-content:flex-end;align-items:center}.cllib-arrow{font-size:17px;color:#1688bf;text-align:right}.cllib-state{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;background:#eaf8f2;color:#167653;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.04em}.cllib-state.empty{background:#f0f3f6;color:#738695}.cllib-state.system{background:#e9f5fb;color:#1479a9}.cllib-delete{border:1px solid #efd3d7;background:#fff;color:#a3414b;border-radius:8px;min-height:27px;padding:4px 8px;font-size:9px;font-weight:900;cursor:pointer}.cllib-delete:hover{background:#fff2f3;border-color:#eab8bf}.cllib-delete.compact{padding:4px 7px;min-width:28px}
.cllib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:9px}.cllib-folder{position:relative;display:grid;grid-template-rows:auto auto auto 1fr auto;min-width:0;min-height:160px;text-align:left;border:1px solid #d9e5ee;background:#fff;border-radius:14px;padding:12px;cursor:pointer;box-shadow:0 6px 16px rgba(20,54,78,.04);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.cllib-folder:hover{transform:translateY(-2px);border-color:#9bcce7;box-shadow:0 10px 22px rgba(20,73,107,.08)}.cllib-folder.special{background:linear-gradient(180deg,#f7fcff,#fff);border-color:#c9e3f1}.cllib-folder.empty{background:#fbfcfd}.cllib-folder-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cllib-folder-icon{width:42px;height:31px;border-radius:7px 7px 9px 9px;background:linear-gradient(145deg,#20a9e4,#168cc8);box-shadow:0 5px 12px rgba(15,142,199,.18);position:relative;margin:2px 0 9px}.cllib-folder-icon:before{content:"";position:absolute;left:5px;top:-6px;width:22px;height:9px;border-radius:5px 5px 0 0;background:inherit}.cllib-folder.empty .cllib-folder-icon{filter:saturate(.45);opacity:.68}.cllib-folder h3{margin:0;color:#102d43;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-folder-count{margin-top:2px;color:#758896;font-size:9px}.cllib-folder-count b{font-size:11px;color:#31546b}.cllib-folder-latest{margin-top:8px;padding-top:7px;border-top:1px solid #edf2f5;min-width:0}.cllib-folder-latest span{display:block;color:#8797a4;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.cllib-folder-latest b{display:block;margin-top:2px;color:#466177;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-folder-latest small{display:block;margin-top:1px;color:#8a9aa6;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cllib-folder-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.cllib-folder-actions{display:flex;align-items:center;gap:5px}.cllib-folder-date{font-size:8px;color:#8798a5}.cllib-open{font-size:9px;color:#1387bf;font-weight:900}
.cllib-empty-results{border:1px dashed #bdd1df;background:#f8fbfd;border-radius:14px;padding:28px;text-align:center;color:#667d8e}.cllib-empty-results b{display:block;color:#17364d;margin-bottom:4px}
.cllib-delete-modal{width:min(470px,calc(100vw - 28px));background:#fff;border:1px solid #d9e4ec;border-radius:20px;padding:24px;box-shadow:0 26px 80px rgba(8,31,48,.28)}.cllib-delete-modal h2{margin:10px 0 6px;color:#102d43;font-size:22px}.cllib-delete-modal p{margin:0;color:#61798b;line-height:1.55;font-size:12px}.cllib-delete-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#fff1f2;color:#a23f4a;font-size:22px;font-weight:900}.cllib-delete-note{margin-top:14px;padding:10px 12px;border-radius:11px;background:#f8fafc;border:1px solid #e2e9ef;color:#6d8190;font-size:10px}.cllib-delete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.cllib-delete-actions .btn{min-width:110px}
@media(min-width:1450px){.cllib-table-head,.cllib-table-row{grid-template-columns:minmax(220px,1.2fr) 80px minmax(280px,1.6fr) 115px 130px 70px}.cllib-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}}
@media(max-width:1120px){.cllib-controls{grid-template-columns:1fr}.cllib-control-right{justify-content:space-between}.cllib-table-head,.cllib-table-row{grid-template-columns:minmax(180px,1.2fr) 70px minmax(170px,1fr) 90px 64px}.cllib-table-head>*:nth-child(5),.cllib-table-row>*:nth-child(5){display:none}.cllib-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media(max-width:820px){.cllib-titlebar{grid-template-columns:1fr;padding:15px}.cllib-title-actions{display:grid;grid-template-columns:1fr 1fr}.cllib-title-actions .btn:first-child:nth-last-child(3){grid-column:1/-1}.cllib-title-actions .btn{justify-content:center}.cllib-summary{grid-template-columns:repeat(5,minmax(70px,1fr));overflow-x:auto}.cllib-summary>div{min-width:78px}.cllib-control-right{display:grid;grid-template-columns:1fr}.cllib-filter,.cllib-view{width:100%;overflow:auto}.cllib-sort{width:100%}.cllib-result-head{align-items:flex-start}.cllib-density-note{display:none}.cllib-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cllib-folder{min-height:145px}.cllib-folder-latest small{display:none}.cllib-table-head{display:none}.cllib-table-row{grid-template-columns:minmax(0,1fr) 52px 38px;gap:8px;padding:11px}.cllib-table-row>*:nth-child(3),.cllib-table-row>*:nth-child(4),.cllib-table-row>*:nth-child(5){display:none}.cllib-result-head>div{display:block}.cllib-result-head span{display:block;margin-top:2px}}
@media(max-width:430px){.cllib-grid{grid-template-columns:1fr 1fr}.cllib-folder{min-height:132px;padding:10px}.cllib-folder-icon{width:38px;height:28px}.cllib-titlebar h1{font-size:24px}.cllib-delete-actions{display:grid;grid-template-columns:1fr}.cllib-delete-actions .btn{width:100%}}

/* v4 readability pass — comfortable at normal browser zoom for mixed-age office users */
@media(min-width:821px){
  .cllib-shell{gap:12px}
  .cllib-titlebar{padding:20px 20px}
  .cllib-kicker{font-size:11px}
  .cllib-titlebar h1{font-size:31px}
  .cllib-titlebar p{font-size:14px;line-height:1.45}
  .cllib-title-actions .btn{min-height:44px;font-size:14px;padding-inline:16px}
  .cllib-summary>div{padding:12px 14px}
  .cllib-summary span{font-size:10px;letter-spacing:.08em}
  .cllib-summary b{font-size:22px;margin-top:3px}
  .cllib-summary small{font-size:10px;margin-top:2px}
  .cllib-controls{padding:10px;gap:10px}
  .cllib-search{height:44px;padding-inline:13px}
  .cllib-search input{font-size:14px}
  .cllib-filter button,.cllib-view button{font-size:12px;padding:9px 11px}
  .cllib-filter button small{font-size:11px}
  .cllib-sort{height:44px;font-size:12px;padding-inline:11px}
  .cllib-result-head{padding-top:6px}
  .cllib-result-head h2{font-size:21px}
  .cllib-result-head span{font-size:12px}
  .cllib-table-head{padding:10px 14px;font-size:10px}
  .cllib-table-row{padding:13px 14px;min-height:67px}
  .cllib-table-client{grid-template-columns:38px minmax(0,1fr);gap:11px}
  .cllib-mini-folder{width:36px;height:26px}
  .cllib-mini-folder:before{width:19px;height:8px;top:-6px}
  .cllib-table-client b{font-size:14px;line-height:1.25}
  .cllib-table-client small{font-size:10px;line-height:1.35;margin-top:3px}
  .cllib-project-count b{font-size:18px}
  .cllib-project-count small{font-size:10px}
  .cllib-table-project b{font-size:13px;line-height:1.25}
  .cllib-table-project small{font-size:10px;line-height:1.35;margin-top:3px}
  .cllib-table-date{font-size:11px}
  .cllib-health small{font-size:10px}
  .cllib-state{font-size:9px;padding:5px 8px}
  .cllib-delete{min-height:32px;font-size:11px;padding:5px 9px}
  .cllib-arrow{font-size:20px}
  .cllib-folder h3{font-size:15px}
  .cllib-folder-count{font-size:11px}
  .cllib-folder-count b{font-size:13px}
  .cllib-folder-latest span{font-size:9px}
  .cllib-folder-latest b{font-size:11px}
  .cllib-folder-latest small{font-size:10px}
  .cllib-folder-date{font-size:10px}
  .cllib-open{font-size:11px}
}