.cf-toolbar{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin-bottom:1.2rem}.cf-toolbar .search-input-wrap{min-width:260px}.cf-client-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.3rem}.cf-client-card{cursor:pointer}.cf-client-card:hover td{background:#f0f6ff!important}.cf-sub{font-size:.74rem;color:var(--muted);margin-top:.2rem}.cf-breadcrumbs{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.82rem;margin-bottom:1.2rem}.cf-breadcrumbs button{border:0;background:none;color:var(--bright);cursor:pointer;font:inherit;padding:.2rem}.cf-breadcrumbs button:hover{text-decoration:underline}.cf-breadcrumbs span{color:var(--muted)}
.cf-explorer-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.cf-view-actions{display:flex;gap:.5rem;flex-wrap:wrap}.cf-dropzone{border:2px dashed var(--border);border-radius:8px;padding:1.2rem;text-align:center;color:var(--muted);margin-bottom:1rem;transition:.2s}.cf-dropzone.drag{border-color:var(--bright);background:var(--blue-l);color:var(--blue-t)}.cf-upload-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.cf-upload-item{background:#f8fafd;border:1px solid var(--border);border-radius:5px;padding:.65rem}.cf-progress{height:5px;background:var(--border);border-radius:4px;overflow:hidden;margin-top:.4rem}.cf-progress i{display:block;height:100%;background:var(--bright);transition:width .15s}
.cf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.cf-item{background:#fff;border:1px solid var(--border);border-radius:8px;padding:1rem;position:relative;min-width:0}.cf-item:hover{border-color:var(--sky);box-shadow:0 4px 14px rgba(10,22,40,.07)}.cf-item-icon{width:42px;height:42px;border-radius:8px;background:var(--blue-l);color:var(--blue-t);display:flex;align-items:center;justify-content:center;margin-bottom:.7rem;font-size:1.3rem}.cf-item.folder .cf-item-icon{background:var(--yellow-l);color:var(--yellow)}.cf-item-name{font-size:.87rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-item-meta{font-size:.7rem;color:var(--muted);margin-top:.3rem}.cf-item-actions{display:flex;gap:.3rem;margin-top:.8rem;flex-wrap:wrap}.cf-item-actions .btn{padding:.28rem .55rem;font-size:.7rem}
.cf-list .cf-item{display:grid;grid-template-columns:44px minmax(180px,1fr) 100px 125px minmax(150px,auto);align-items:center;gap:.8rem;border-radius:0;border-width:0 0 1px;padding:.7rem 1rem}.cf-list .cf-item-icon{margin:0;width:34px;height:34px}.cf-list .cf-item-actions{margin:0;justify-content:flex-end}.cf-empty{padding:3rem 1rem;text-align:center;color:var(--muted)}.cf-expired{color:var(--red);font-weight:600}.cf-expiring{color:var(--yellow);font-weight:600}.cf-ok{color:var(--green-t)}
.cf-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem 1.4rem}.cf-detail-grid label{display:block;font-size:.68rem;text-transform:uppercase;color:var(--muted)}.cf-detail-grid span{font-size:.86rem;word-break:break-word}.cf-version{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:.65rem 0}.cf-settings{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cf-trash-banner{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem}.cf-hidden{display:none!important}
@media(max-width:1000px){.cf-client-summary{grid-template-columns:repeat(2,1fr)}.cf-list .cf-item{grid-template-columns:40px minmax(150px,1fr) 90px minmax(130px,auto)}}
@media(max-width:768px){.cf-client-summary{grid-template-columns:1fr 1fr}.cf-explorer-head{flex-direction:column}.cf-list .cf-item{display:block;border:1px solid var(--border);border-radius:8px}.cf-list .cf-item-icon{margin-bottom:.5rem}.cf-list .cf-item-actions{justify-content:flex-start;margin-top:.7rem}.cf-detail-grid,.cf-settings{grid-template-columns:1fr}.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cf-client-summary,.cf-grid{grid-template-columns:1fr}.cf-toolbar>*{width:100%}.cf-toolbar .btn{justify-content:center}}