.icloud-list-title { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.icloud-count { color:var(--text-muted); font-size:12px; font-weight:400; }
.icloud-actions { display:flex; align-items:center; gap:8px; }
.icloud-mailbox-main-email { color:var(--text-muted); font-size:12px; margin-top:6px; }
#icloudMainEmailFilter { width:220px; }
.icloud-table-scroll td.icloud-mailbox-card-codes { min-width:240px; max-width:280px; white-space:normal; }
.icloud-mailbox-card-codes .icloud-actions { flex-wrap:wrap; margin:4px 0; }
.icloud-mailbox-card-codes code { min-width:0; flex:1; overflow-wrap:anywhere; font-size:12px; }
.icloud-filters { display:flex; gap:10px; flex-wrap:wrap; padding:0 0 20px; align-items:center; }
.icloud-filters input { width:260px; max-width:100%; }
.icloud-filters select { width:130px; }
.icloud-table-scroll { overflow-x:auto; }
.icloud-floating-scroll { position:fixed; bottom:12px; z-index:30; display:flex; align-items:center; gap:8px; padding:8px; box-sizing:border-box; background:var(--bg-surface); border:1px solid var(--border); border-radius:8px; box-shadow:0 2px 12px rgba(0,0,0,.16); }
.icloud-floating-scroll[hidden] { display:none; }
.icloud-floating-scroll-track { flex:1; min-width:0; height:20px; overflow-x:scroll; overflow-y:hidden; }
.icloud-floating-scroll-track::-webkit-scrollbar { height:14px; }
.icloud-floating-scroll-track::-webkit-scrollbar-track { background:var(--bg-subtle); border-radius:7px; }
.icloud-floating-scroll-track::-webkit-scrollbar-thumb { background:var(--text-muted); border:3px solid var(--bg-subtle); border-radius:7px; }
.icloud-table-scroll table { width:100%; }
.icloud-table-scroll th,.icloud-table-scroll td { white-space:nowrap; }
.icloud-value { display:inline-block; max-width:300px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; font-family:monospace; font-size:12px; }
.icloud-value.icloud-api-compact { width:clamp(160px,20vw,260px); max-width:260px; white-space:nowrap; }
.icloud-status { display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--text-muted); padding:4px 8px; background:var(--bg-subtle); border-radius:6px; }
.icloud-status.available { color:#15803d; background:#f0fdf4; }
.icloud-status::before { content:''; width:5px; height:5px; background:currentColor; border-radius:50%; }
.icloud-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 0 0; color:var(--text-muted); font-size:12px; }
.icloud-empty { text-align:center; padding:56px 20px; color:var(--text-muted); }
.icloud-empty strong { display:block; color:var(--text-main); margin-bottom:8px; font-weight:500; }
.icloud-feedback { background:var(--bg-subtle); border:1px solid var(--border); padding:12px 16px; border-radius:var(--radius); font-size:13px; margin:0 0 16px; }
.icloud-dialog { padding:0; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--bg-surface); color:var(--text-main); width:min(580px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; margin:auto; box-shadow:var(--shadow-lg); }
.icloud-dialog::backdrop { background:rgba(0,0,0,.38); }
.icloud-dialog label { display:block; font-size:13px; font-weight:500; margin-bottom:10px; }
.icloud-dialog textarea { min-height:160px; font-family:monospace; }
.icloud-file-picker { border:1px dashed var(--border-strong); border-radius:var(--radius); background:var(--bg-subtle); padding:20px; text-align:center; cursor:pointer; }
.icloud-file-picker span { display:block; color:var(--text-muted); font-size:12px; font-weight:400; margin-top:8px; overflow-wrap:anywhere; }
.icloud-file-picker:focus-within,.icloud-file-picker:hover { border-color:var(--primary); }
.icloud-file-input { display:block; max-width:100%; font-size:12px; margin:0 0 20px; }
.icloud-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.icloud-generate-summary { background:var(--bg-subtle); border-radius:var(--radius); padding:14px; font-size:13px; margin:18px 0; }
.icloud-format { font-size:12px; color:var(--text-muted); margin-top:14px; }
.icloud-format summary { cursor:pointer; }
.icloud-format pre { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.7; }
.icloud-dialog-footer { display:flex; justify-content:flex-end; gap:10px; border-top:1px solid var(--border); padding:16px 22px; }
.icloud-dialog-message { color:#b91c1c; font-size:13px; margin-top:16px; }
@media(max-width:640px) {
 
 #tab-icloud .k-card-header, #tab-icloud-cards .k-card-header { flex-wrap:wrap; padding:16px; }
 .icloud-filters { padding:0 0 16px; }.icloud-filters input { width:100%; }.icloud-filters select { flex:1; }
 .icloud-value { max-width:180px; }.icloud-pagination { padding:14px 0 0; }
 .icloud-form-grid { grid-template-columns:1fr; gap:12px; }
}

.icloud-import-modes { display:flex; gap:8px; margin-bottom:20px; }
#icloudURLFields .icloud-format { margin:16px 0; }
#icloudURLFields .icloud-format label { margin-top:16px; }

.icloud-value.icloud-value-full { display:block; width:clamp(220px, 32vw, 560px); max-width:none; white-space:normal; overflow:visible; text-overflow:clip; overflow-wrap:anywhere; line-height:1.6; user-select:text; }

.icloud-import-result { white-space:pre-wrap; overflow-wrap:anywhere; padding:12px; border:1px solid var(--border-color, #d1d5db); border-radius:8px; line-height:1.8; font-size:13px; }
.icloud-import-progress { margin-top:16px; padding:14px; border:1px solid var(--border); border-radius:var(--radius); background:var(--bg-subtle); font-size:13px; line-height:1.6; }
.icloud-import-progress progress { display:block; width:100%; height:12px; margin:10px 0; accent-color:var(--primary); }
.icloud-import-progress p { margin:6px 0 0; overflow-wrap:anywhere; color:var(--text-muted); }