/* Uses the existing MARK colors, type and dialog components. */
.card .msg{white-space:pre-line;overflow-wrap:anywhere;}
.btn:disabled{opacity:.4;cursor:default;}
.field textarea{width:100%;resize:vertical;min-height:150px;background:var(--surface-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font:inherit;font-size:16px;line-height:1.6;}
.import-card{width:min(540px,100%);padding-bottom:0;}
.import-filename{font-size:12px;color:var(--text-dim);overflow-wrap:anywhere;}
.import-controls{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;}
.import-controls .btn{padding:0 10px;background:var(--surface);min-height:44px;}
.import-count{font-size:13px;color:var(--accent);line-height:1.6;}
.import-tree{border-top:1px solid var(--border);padding-top:6px;}
.import-row{display:flex;align-items:flex-start;gap:8px;min-height:48px;padding:4px 0;min-width:0;}
.import-row input[type=checkbox]{appearance:auto;flex:none;width:20px;height:20px;margin:12px 0;accent-color:var(--accent);}
.import-row>.fav{flex:none;margin-top:13px;}
.import-label{display:flex;flex-direction:column;justify-content:center;gap:3px;flex:1;min-width:0;min-height:44px;padding:4px 0;font-size:13px;overflow-wrap:anywhere;}
.import-label small{font-size:11px;color:var(--text-dim);overflow-wrap:anywhere;}
.import-label .import-badge{color:var(--accent);}
.import-badge:empty{display:none;}
.import-folder{flex:1;min-width:0;}
.import-folder>summary{padding:12px 0;min-height:44px;cursor:pointer;overflow-wrap:anywhere;font-size:13px;}
.import-children{border-left:1px solid var(--border);padding-left:6px;}
.import-warning{color:var(--danger);font-size:12px;line-height:1.6;}
.import-privacy{font-size:11px;line-height:1.6;color:var(--text-faint);margin:14px 0;}
.import-actions{position:sticky;bottom:0;background:var(--surface-menu);border-top:1px solid var(--border);margin:0 -4px;padding:12px 0 calc(12px + env(safe-area-inset-bottom));}
.import-actions .btn{min-height:44px;}
@media(max-width:359px){.import-card{padding:12px 12px 0;}.import-row{gap:6px;}.import-controls .btn{font-size:12px;}}
/* Deep folder previews must not squeeze links out of a phone viewport. */
.import-row:has(>.import-folder){display:block;position:relative;}
.import-row:has(>.import-folder)>input{position:absolute;left:0;top:4px;}
.import-folder>summary{padding-left:28px;}
.import-children .import-children .import-children{padding-left:0;border-left:0;}
/* Chrome guide (T13): Takeout shortcut first, three phone steps, received-file picker, PC steps folded. */
.guide-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;text-align:center;}
.guide-card{word-break:keep-all;}
.guide-pick{background:var(--surface-press);border:1px solid var(--border-strong);}
.guide-steps{margin:14px 0 14px 20px;padding:0;font-size:13px;line-height:1.6;color:var(--text-dim);}
.guide-steps li{margin:0 0 6px;padding-left:2px;}
.guide-error{margin:10px 0 0;}
.guide-error:empty{display:none;}
.guide-pc{margin:14px 0 12px;border-top:1px solid var(--border);}
.guide-pc>summary{padding:12px 0;min-height:44px;cursor:pointer;font-size:13px;}
.guide-pc .msg{margin:2px 0 4px;}