/* BorDoc — Nastavení → Úložiště a synchronizace. Reuses acc-* layout. */

.st-portfolio{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:var(--fg-on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);padding:11px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}
.st-portfolio .lic{width:19px;height:19px;flex:none;color:var(--fg-on-accent)}
.st-portfolio .name{font-weight:500;color:var(--fg-on-accent)}

.st-helper{font-size:13px;color:var(--fg3);line-height:1.5;margin:0 0 16px}

/* storage option grid */
.st-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.st-opt{position:relative;display:flex;flex-direction:column;gap:8px;text-align:left;padding:16px 16px 16px 44px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);cursor:pointer;transition:border-color var(--dur) var(--ease)}
.st-opt:hover{border-color:var(--border-strong)}
.st-opt.sel{border-color:var(--accent);background:var(--bg-selected);box-shadow:var(--ring-focus)}
.st-opt.locked{cursor:default}
.st-check{position:absolute;top:15px;left:15px;width:18px;height:18px;border-radius:var(--radius-sm);border:1.5px solid var(--border-strong);background:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}
.st-check.on{background:var(--accent);border-color:var(--accent)}
.st-opt.locked .st-check.on{background:var(--fg3);border-color:var(--fg3)}
.st-check .lic{width:12px;height:12px}
.st-opt-top{display:flex;align-items:center;gap:10px}
.st-opt-ic{width:34px;height:34px;flex:none;border-radius:var(--radius-sm);background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--fg2)}
.st-opt.sel .st-opt-ic{background:var(--accent-tint);color:var(--accent-text)}
.st-opt-ic .lic{width:19px;height:19px}
.st-opt-title{font-size:14.5px;font-weight:500;color:var(--fg1);display:flex;align-items:center;gap:8px}
.st-default-badge{font-size:11px;font-weight:500;color:var(--accent-text);background:var(--accent-tint);border-radius:var(--radius-full);padding:2px 8px}
.st-opt-sub{font-size:12.5px;color:var(--fg3);line-height:1.45;flex:1}
.st-opt .btn{align-self:flex-start;margin-top:2px}
.st-note{font-size:12.5px;color:var(--fg3);line-height:1.45;margin-top:14px}

/* custom-server connection form */
.cs-card-conn{margin-top:8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);width:100%}
.cs-cc-row{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--success);margin-bottom:3px}
.cs-cc-meta{font-size:11.5px;color:var(--fg3);line-height:1.5}
.cs-mono{font-family:var(--font-mono)}
.cs-modal{max-width:460px;max-height:90vh;display:flex;flex-direction:column;padding:0;text-align:left}
.cs-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 13px;border-bottom:1px solid var(--border)}
.cs-head h2{margin:0;font-size:17px;font-weight:500;color:var(--fg1);display:flex;align-items:center;gap:9px}
.cs-head h2 .lic{color:var(--accent-text)}
.cs-x{width:32px;height:32px;border:none;background:none;border-radius:var(--radius-sm);color:var(--fg3);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cs-x:hover{background:var(--bg-hover);color:var(--fg1)}
.cs-body{padding:16px 20px;overflow-y:auto}
.cs-l{display:block;font-size:12px;color:var(--fg3);margin:14px 0 6px}
.cs-l:first-child,.cs-body > .cs-l:first-of-type{margin-top:0}
.cs-in{width:100%;height:38px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg1);font-family:var(--font-sans);font-size:14px;outline:none}
.cs-in:focus{border-color:var(--accent);box-shadow:var(--ring-focus)}
.cs-ta{height:auto;padding:9px 11px;resize:vertical;line-height:1.45}
.cs-grid{display:grid;grid-template-columns:1fr 96px;gap:0 12px}
.cs-seg{display:flex;gap:6px}
.cs-seg button{flex:1;height:36px;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--fg2);cursor:pointer;font-family:var(--font-sans)}
.cs-seg button.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-text)}
.cs-secret{position:relative}
.cs-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:none;color:var(--fg3);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cs-hint{font-size:12px;color:var(--fg3);line-height:1.45;margin:10px 0 0}
.cs-foot{display:flex;justify-content:flex-end;gap:10px;padding:13px 20px;border-top:1px solid var(--border)}
.cs-errbox{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:6px;background:var(--danger-tint);color:var(--danger);border-radius:var(--radius-md);font-size:12.5px;line-height:1.45}
.cs-errbox .lic{flex:none;margin-top:1px}
/* testing */
.cs-testing{padding:40px 20px;text-align:center;color:var(--fg1);font-size:15px}
.cs-testing-sub{font-size:12.5px;color:var(--fg3);margin-top:6px}
.cs-spin{display:inline-block;width:30px;height:30px;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:var(--radius-full);animation:cs-rot .7s linear infinite;margin-bottom:14px}
@keyframes cs-rot{to{transform:rotate(360deg)}}
/* result */
.cs-result{padding:22px 20px;text-align:center}
.cs-result-ic.ok{color:var(--success);display:inline-flex;margin-bottom:8px}
.cs-result h3{margin:0 0 8px;font-size:17px;font-weight:500;color:var(--fg1)}
.cs-result .btn{margin-top:16px}
/* fingerprint warning */
.cs-warnbox{display:flex;gap:12px;text-align:left;padding:14px;border:1px solid var(--attention);background:var(--attention-tint);border-radius:var(--radius-md)}
.cs-warnbox-ic{flex:none;color:var(--attention-text)}
.cs-warnbox-h{font-size:14.5px;font-weight:500;color:var(--attention-text);margin-bottom:4px}
.cs-warnbox p{font-size:13px;color:var(--fg2);line-height:1.5;margin:0 0 10px}
.cs-fp-row{display:flex;gap:8px;font-size:11.5px;margin-top:3px}
.cs-fp-lbl{color:var(--fg3);min-width:48px}
.cs-fp-new{color:var(--attention-text)}

/* header-protection panel (Google Drive) */
.hp-panel{margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-subtle)}
.hp-head{display:flex;align-items:flex-start;gap:11px}
.hp-ic{width:32px;height:32px;flex:none;border-radius:var(--radius-sm);background:var(--accent-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center}
.hp-head-txt{flex:1;min-width:0}
.hp-title{font-size:14px;font-weight:500;color:var(--fg1)}
.hp-sub{font-size:12.5px;color:var(--fg3);line-height:1.5;margin:3px 0 0}
.hp-badge{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:500;border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap}
.hp-badge .lic{width:12px;height:12px}
.hp-badge.active{background:var(--success-tint);color:var(--success)}
.hp-badge.needs{background:var(--attention-tint);color:var(--attention-text)}
.hp-badge.unavail{background:var(--bg-subtle);color:var(--fg3);border:1px solid var(--border)}
.hp-instr{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface)}
.hp-instr-h{font-size:12.5px;font-weight:500;color:var(--fg1);margin-bottom:4px}
.hp-instr-note{font-size:11.5px;color:var(--fg3);font-style:italic;margin:0 0 10px}
.hp-steps{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px}
.hp-steps li{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--fg2);line-height:1.45}
.hp-step-n{flex:none;width:20px;height:20px;border-radius:var(--radius-full);background:var(--accent-tint);color:var(--accent-text);font-size:11.5px;font-weight:500;display:flex;align-items:center;justify-content:center}
.hp-unavail{margin:12px 0 0;font-size:12.5px;color:var(--fg3);line-height:1.5}
.hp-demo{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px;padding-top:11px;border-top:1px dashed var(--border-strong);font-size:11.5px;color:var(--fg3)}
.hp-demo button{height:26px;padding:0 10px;border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:var(--radius-full);font-size:11.5px;color:var(--fg2);cursor:pointer;font-family:var(--font-sans)}
.hp-demo button.on{background:var(--accent-tint);border-color:var(--accent);color:var(--accent-text)}

/* cloud sync card states */
.st-sync-pill.syncing{background:var(--accent-tint);color:var(--accent-text)}
.st-sync-pill.err{background:var(--danger-tint);color:var(--danger)}
.st-sync-pill.reauth{background:var(--attention-tint);color:var(--attention-text)}
.hp-mini-spin{width:11px;height:11px;border:2px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:cs-rot .7s linear infinite;opacity:.7}
.st-cloud-acc{font-size:12px;color:var(--fg3);margin:2px 0 4px}
.st-cloud-acc .cs-mono{color:var(--fg2)}
.st-reauth{display:flex;align-items:flex-start;gap:10px;margin:8px 0;padding:11px 13px;border:1px solid var(--attention);background:var(--attention-tint);border-radius:var(--radius-md)}
.st-reauth > .lic{flex:none;color:var(--attention-text);margin-top:1px}
.st-reauth b{font-size:13px;color:var(--attention-text)}
.st-reauth p{font-size:12.5px;color:var(--fg2);line-height:1.45;margin:3px 0 0}
.st-reauth .btn{flex:none;align-self:center}
.st-syncerr{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:9px 12px;border-radius:var(--radius-md);background:var(--danger-tint);color:var(--danger);font-size:12.5px}
.st-syncerr .btn{margin-left:auto}
/* OAuth info */
.oa-info{display:flex;align-items:center;gap:13px;padding:4px 0 2px}
.oa-info-ic{width:44px;height:44px;flex:none;border-radius:var(--radius-md);background:var(--accent-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center}
.oa-info p{font-size:14px;color:var(--fg1);line-height:1.5;margin:0}

/* sync journal */
.sj-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.sj-sel{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--fg1);font-family:var(--font-sans);font-size:13px;outline:none}
.sj-sel:focus{border-color:var(--accent);box-shadow:var(--ring-focus)}
.sj-tablewrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md)}
.sj-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.sj-table th{text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--fg3);padding:9px 12px;border-bottom:1px solid var(--border);background:var(--bg-subtle);white-space:nowrap}
.sj-table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top;color:var(--fg1)}
.sj-table tr:last-child td{border-bottom:none}
.sj-table tr.failed{background:var(--danger-tint)}
.sj-mono{font-family:var(--font-mono);font-size:12px;white-space:nowrap}
.sj-op{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.sj-op .lic{color:var(--fg3);flex:none}
.sj-detail{font-size:11.5px;color:var(--danger);margin-top:4px;line-height:1.4;max-width:280px;white-space:normal}
.sj-prov{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.sj-logo{width:16px;height:16px}
.sj-prov-name{font-size:12.5px;color:var(--fg2)}
.sj-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;border-radius:var(--radius-full);padding:2px 9px;white-space:nowrap}
.sj-badge .lic{width:12px;height:12px}
.sj-badge.ok{background:var(--success-tint);color:var(--success)}
.sj-badge.err{background:var(--danger-tint);color:var(--danger)}
.sj-docid{color:var(--fg2)}
.sj-muted{color:var(--fg3);font-family:var(--font-sans);font-size:12px}
.sj-empty{display:flex;flex-direction:column;align-items:center;gap:9px;padding:34px;color:var(--fg3);font-size:13.5px}
/* provider brand logos */
.st-brandlogo{width:20px;height:20px;object-fit:contain;display:block}
.st-sync-ic.plain{background:none}

/* disabled sync card */
.st-card-disabled{opacity:1}
.st-disabled-note{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--fg3);line-height:1.5;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}
.st-disabled-note .lic{flex:none;margin-top:1px;color:var(--fg3)}

/* active sync block */
.st-sync{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface);padding:16px;margin-bottom:14px}
.st-sync-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.st-sync-ic{width:32px;height:32px;flex:none;border-radius:var(--radius-sm);background:var(--bg-subtle);display:flex;align-items:center;justify-content:center;color:var(--fg2)}
.st-sync-name{font-size:14.5px;font-weight:500;color:var(--fg1);flex:1}
.st-sync-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--success);background:var(--success-tint);border-radius:var(--radius-full);padding:3px 11px}
.st-sync-pill .lic{width:12px;height:12px}
.st-field{display:block;margin-bottom:12px}
.st-field-label{display:block;font-size:13px;color:var(--fg2);margin-bottom:6px}
.st-input{width:100%;height:var(--control-h);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--fg1);padding:0 12px;font-size:14px}
.st-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring-focus)}
.st-field-help{display:block;font-size:12px;color:var(--fg3);line-height:1.45;margin-top:6px}
.st-field-row{display:flex;gap:8px;align-items:center}
.st-field-row .st-input{flex:1}
.st-field-row .btn{flex:none}
.st-checkrow{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--fg1);line-height:1.4;margin-bottom:12px;cursor:pointer}
.st-checkrow input{width:17px;height:17px;flex:none;margin-top:1px;accent-color:var(--accent)}
.st-checkrow .st-field-help{margin-top:4px}

/* connected status rows (no IDs shown) */
.st-status{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.st-status-row{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;flex-wrap:wrap}
.st-status-row > .lic{width:16px;height:16px;flex:none;color:var(--success);margin-top:1px}
.st-status-main{color:var(--fg1);flex:1 1 60%;min-width:0;word-break:break-word}
.st-status-sub{color:var(--fg3)}
.st-status-link{font-size:12.5px;color:var(--accent-text);text-decoration:none;margin-left:auto;flex:none}
.st-status-link:hover{text-decoration:underline}
.st-sync-last{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--fg3);margin-bottom:14px}
.st-sync-last .lic{width:14px;height:14px;flex:none}
.st-sync-btns{display:flex;flex-wrap:wrap;gap:10px}

/* tree toggle */
.st-tree-toggle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--fg1);background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;margin-bottom:14px;transition:background var(--dur) var(--ease)}
.st-tree-toggle:hover{background:var(--bg-hover)}
.st-tree-toggle .lic{width:16px;height:16px;flex:none;color:var(--fg2)}

/* folder tree */
.st-tree{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:14px}
.st-tree-row{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--fg1);padding:2px 0;line-height:1.3}
.st-tree-row .lic{width:15px;height:15px;flex:none;color:var(--accent)}
.st-tree-row.sheet .lic{color:var(--success)}
.st-tree-row .lbl{font-weight:400}
.st-tree-note{font-size:11.5px;color:var(--fg3);font-style:italic}
.st-tree-note::before{content:"— "}
.st-guide{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--accent-text);text-decoration:none}
.st-guide:hover{text-decoration:underline}
.st-guide .lic{width:16px;height:16px;flex:none}