/* Dragon Commander — Total Commander look (Windows 10/11 theme). */
.dc{--dc-row:22px;--dc-font:13px;--dc-face:#f0f0f0;--dc-line:#c9c9c9;--dc-frame:#a9a9a9;--dc-blue:#0063b1;--dc-blue-dark:#004e8c;
  --dc-cur:#cce4f7;--dc-cur-line:#64a6dc;--dc-hover:#e8f2fb;--dc-mark:#d40000;--dc-text:#1b1b1b;--dc-dim:#6b6b6b;
  display:flex;flex-direction:column;min-height:380px;background:var(--dc-face);color:var(--dc-text);
  font:var(--dc-font)/1.3 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;
  border:1px solid var(--dc-frame);box-shadow:0 2px 8px #0000001a;user-select:none;-webkit-user-select:none;overflow:hidden;outline:none}
.dc[data-density=compact]{--dc-row:19px;--dc-font:12px}
.dc[data-density=large]{--dc-row:28px;--dc-font:14px}
.dc *,.dc-dialog *,.dc-menu *{box-sizing:border-box}
.dc button,.dc-dialog button,.dc-menu button{font:inherit;color:inherit;background:none;border:1px solid transparent;border-radius:2px;padding:0 6px;min-height:0;margin:0;cursor:default;line-height:1.2}
.dc button:hover,.dc-menu button:hover{background:none}
.dc button:focus-visible,.dc-dialog button:focus-visible,.dc-menu button:focus-visible,.dc input:focus-visible,.dc-dialog input:focus-visible,.dc-dialog textarea:focus-visible{outline:1px dotted #000;outline-offset:-3px}
.dc .dc-svg{display:block;flex:none}
.dc kbd{font:inherit}
.dc-sep{width:1px;align-self:stretch;margin:3px 4px;background:#c6c6c6;box-shadow:1px 0 #fff}
.dc-mb-fill{flex:1}

/* menu bar */
.dc-menubar{display:flex;align-items:center;gap:1px;height:25px;padding:0 3px;background:#fff;border-bottom:1px solid #e3e3e3;white-space:nowrap}
.dc-menubar>button{height:21px;padding:0 9px}
.dc-menubar>button:hover,.dc-menubar>button:focus-visible{background:#e5f1fb;border-color:#cce4f7}
.dc-menubar .dc-mb-burger{display:none;padding:0 6px}
.dc-brand{color:#9a9a9a;font-size:11px;letter-spacing:.3px;padding:0 6px}
.dc-jobchip,.dc-autosync{display:flex;align-items:center;gap:5px;height:20px!important;font-size:12px;color:#004e8c;border-color:#b9d7f0!important;background:#eef6fd!important;margin-right:4px;max-width:340px;overflow:hidden}
.dc-autosync span{overflow:hidden;text-overflow:ellipsis}
.dc-autosync.warn{color:#8a5300;background:#fff6e5!important;border-color:#f0cf8c!important}
.dc-spin{width:10px;height:10px;border-radius:50%;border:2px solid #9cc5e8;border-top-color:#0063b1;animation:dc-spin .8s linear infinite;flex:none}
@keyframes dc-spin{to{transform:rotate(360deg)}}

/* tool bar */
.dc-toolbar{display:flex;align-items:center;gap:1px;padding:2px 3px;background:linear-gradient(#fbfbfb,#ececec);border-bottom:1px solid var(--dc-line);overflow-x:auto;scrollbar-width:none;flex:none}
.dc-toolbar::-webkit-scrollbar{display:none}
.dc-toolbar>button{display:flex;align-items:center;gap:4px;height:28px;min-width:28px;justify-content:center;color:#24476e;white-space:nowrap;flex:none}
.dc-toolbar>button span{color:#1b1b1b;font-size:12px}
.dc-toolbar>button:hover,.dc-fkeys button:hover{background:#e5f1fb;border-color:#99c9ef}
.dc-toolbar>button:active,.dc-fkeys button:active{background:#cce4f7;border-color:#569de5}

/* panes */
.dc-paneswitch{display:none}
.dc-panes{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;padding:3px 3px 0}
.dc-pane{display:flex;flex-direction:column;min-width:0;min-height:0;margin:0}
.dc p{font-size:inherit}
.dc-drives{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding:1px 0 3px;flex:none}
.dc-drives::-webkit-scrollbar{display:none}
.dc-drives button{display:flex;align-items:center;gap:3px;height:21px;padding:0 6px;font-size:12px;white-space:nowrap;border:1px solid #c4c4c4;background:linear-gradient(#fff,#ebebeb);border-radius:2px;flex:none;max-width:160px}
.dc-drives button span{overflow:hidden;text-overflow:ellipsis}
.dc-drives button:hover{border-color:#7eb4ea;background:linear-gradient(#f4f9fe,#e1effb)}
.dc-drives button[aria-pressed=true]{background:#d9ebf9;border-color:#5b9bd5;box-shadow:inset 0 1px 2px #0002}
.dc-drives button.offline{color:#9a9a9a}
.dc-drives .dc-adddrive{color:#0063b1;font-weight:600}
.dc-driveline{display:flex;align-items:center;gap:3px;height:24px;flex:none}
.dc-driveline .dc-drivesel{display:flex;align-items:center;gap:6px;height:21px;max-width:55%;padding:0 4px 0 6px;border:1px solid #adadad;background:#fff;border-radius:0}
.dc-drivesel span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-drivesel b{font-weight:400;color:#555;font-size:10px}
.dc-drivesel:hover{border-color:#5b9bd5}
.dc-free{flex:1;min-width:0;color:#444;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:4px}
.dc-driveline>button:not(.dc-drivesel){height:21px;min-width:24px;border:1px solid #c4c4c4;background:linear-gradient(#fff,#ebebeb);font-weight:600}
.dc-driveline>button:not(.dc-drivesel):hover{border-color:#7eb4ea}
.dc-path{display:flex;align-items:center;height:22px;background:#d9d9d9;color:#333;border:1px solid #bdbdbd;flex:none;min-width:0}
.dc-pane.active .dc-path{background:var(--dc-blue);border-color:var(--dc-blue-dark);color:#fff}
.dc-crumbs{flex:1;display:flex;align-items:center;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;height:100%;cursor:text}
.dc-crumbs::-webkit-scrollbar{display:none}
.dc-crumbs button{height:18px;padding:0 3px;flex:none;cursor:pointer}
.dc-crumbs button:hover{text-decoration:underline}
.dc-crumbs i{font-style:normal;opacity:.7;padding:0 1px}
.dc-crumbs .dc-filtertag{margin-left:8px;padding:0 6px;border-radius:8px;background:#ffe9a8;color:#5a4300;font-size:11px;opacity:1}
.dc-path>button{height:20px;padding:0 5px;opacity:.85}
.dc-path>button:hover{background:#ffffff33}
.dc-pathedit{flex:1;height:20px;border:0;padding:0 4px;font:inherit;color:#000;background:#fff;outline:1px solid var(--dc-blue-dark)!important}
.dc-filterbar{display:flex;align-items:center;gap:4px;height:24px;padding:0 2px 0 6px;background:#fff8dc;border:1px solid #e6d28a;border-top:0;font-size:12px;flex:none}
.dc-filterbar input{flex:1;min-width:0;height:19px;border:1px solid #c8b56a;padding:0 4px;font:inherit;background:#fff}
.dc-head{display:grid;grid-template-columns:var(--dc-cols,minmax(90px,1fr) 58px 84px 136px);height:21px;background:linear-gradient(#fff,#f0f0f0);border:1px solid #bdbdbd;border-top:0;border-bottom-color:#a9a9a9;flex:none}
.dc-head button{display:flex;align-items:center;gap:4px;height:100%;padding:0 6px;font-size:12px;border:0;border-right:1px solid #dcdcdc;border-radius:0;text-align:left;white-space:nowrap;overflow:hidden;cursor:pointer}
.dc-head button:nth-child(3),.dc-head button:nth-child(4){justify-content:flex-end}
.dc-head button:hover{background:#e5f1fb}
.dc-head button.sorted{font-weight:600}
.dc-head button.sorted::after{content:attr(data-dir);font-size:9px;color:#0063b1;order:-1}
.dc-head button:nth-child(-n+2).sorted::after{order:1}
.dc-list{--dc-cols:minmax(90px,1fr) 58px 84px 136px;flex:1;min-height:0;position:relative;overflow:auto;background:#fff;border:1px solid #bdbdbd;border-top:0;outline:none;contain:strict}
.dc-pane.drop .dc-list{background:#f2f8ff;box-shadow:inset 0 0 0 2px #3c8ce0}
.dc-spacer{width:1px}
.dc-rows{position:absolute;left:0;right:0;top:0;will-change:transform}
.dc-row{display:grid;grid-template-columns:var(--dc-cols);align-items:center;height:var(--dc-row);white-space:nowrap;cursor:default;position:relative}
.dc-row:hover{background:var(--dc-hover)}
.dc-row.cur{box-shadow:inset 0 0 0 1px #9a9a9a}
.dc-pane.active .dc-row.cur{background:var(--dc-cur);box-shadow:inset 0 0 0 1px var(--dc-cur-line)}
.dc-row.mark{color:var(--dc-mark)}
.dc-row.mark .dc-n{font-weight:600}
.dc-row.na{color:#9a9a9a}
.dc-row.droptarget{background:#cfe6ff!important;box-shadow:inset 0 0 0 2px #3c8ce0!important}
.dc-c{overflow:hidden;text-overflow:ellipsis;padding:0 6px;min-width:0}
.dc-cname{display:flex;align-items:center;gap:5px;padding-left:4px}
.dc-ico{display:inline-flex;flex:none;width:16px;height:16px;font-style:normal;position:relative}
.dc-ico svg{width:16px;height:16px}
.dc-n,.dc-nm{overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap}
.dc-x,.dc-sub{display:none}
.dc-cext{color:#555}
.dc-csize,.dc-cdate{text-align:right;font-variant-numeric:tabular-nums;color:#333}
.dc-row.dir .dc-csize{color:#555}
.dc-row.mark .dc-cext,.dc-row.mark .dc-csize,.dc-row.mark .dc-cdate{color:var(--dc-mark)}
.dc-overlay{position:absolute;left:0;right:0;padding:18px 16px;text-align:center;color:#444;line-height:1.7}
.dc-overlay p{margin:0 0 10px}
.dc-overlay .dc-btn{margin:0 4px}
.dc-dim{color:var(--dc-dim)!important}
.dc-status{display:flex;justify-content:space-between;gap:10px;height:20px;align-items:center;padding:0 4px;font-size:12px;color:#333;white-space:nowrap;overflow:hidden;flex:none}
.dc-st-main{overflow:hidden;text-overflow:ellipsis}
.dc-st-side{color:#004e8c;font-weight:600}

/* function keys */
.dc-fkeys{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:2px;padding:3px 52px 3px 3px;border-top:1px solid #dcdcdc;flex:none}
.dc-fkeys button{display:flex;align-items:center;justify-content:center;gap:6px;height:26px;border:1px solid #c4c4c4;background:linear-gradient(#fdfdfd,#e9e9e9);white-space:nowrap;overflow:hidden;padding:0 4px}
.dc-fkeys kbd{font-weight:700;color:#0b4f8a;font-size:12px}

/* dialogs */
.dc-dialog{padding:0;border:1px solid #7a7a7a;border-radius:6px;background:#f0f0f0;color:#1b1b1b;box-shadow:0 10px 36px #0005;
  width:min(470px,calc(100vw - 20px));max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);overflow:hidden;
  font:13px/1.45 "Segoe UI","Microsoft YaHei UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif;flex-direction:column}
.dc-dialog[open]{display:flex}
.dc-dialog.wide{width:min(860px,calc(100vw - 20px))}
.dc-dialog::backdrop{background:#0000002e}
.dc-dlg-title{display:flex;align-items:center;gap:8px;height:34px;padding:0 4px 0 12px;background:#fff;border-bottom:1px solid #dedede;flex:none}
.dc-dlg-title span{flex:1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-dlg-x{width:34px;height:28px;font-size:14px!important}
.dc-dlg-x:hover{background:#e81123!important;color:#fff!important}
.dc-dlg-body{padding:14px 16px;overflow:auto;min-height:0;flex:1;user-select:text;-webkit-user-select:text}
.dc-dlg-body p{margin:0 0 10px}
.dc-dlg-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 14px;background:#f0f0f0;border-top:1px solid #dedede;flex:none}
.dc-btn{min-width:84px;height:28px!important;padding:0 12px!important;border:1px solid #adadad!important;background:#e1e1e1!important;border-radius:3px!important;cursor:pointer!important}
.dc-btn:hover{background:#e5f1fb!important;border-color:#0078d7!important}
.dc-btn.dc-primary{border:2px solid #0078d7!important}
.dc-btn.dc-danger{color:#a4000f}
.dc-btn.dc-danger.dc-primary{border-color:#c42b1c!important;background:#fbe9e7!important}
.dc-pre{white-space:pre-wrap}
.dc-note{color:#5c5c5c;font-size:12px}
.dc-field{display:grid;gap:6px}
.dc-field input{height:28px;border:1px solid #7a7a7a;border-radius:2px;padding:0 6px;font:inherit;background:#fff;width:100%}
.dc-check{display:inline-flex;align-items:center;gap:6px;margin:10px 14px 0 0;white-space:nowrap}
.dc-route{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 10px;margin:4px 0 12px;padding:8px 10px;background:#fff;border:1px solid #d5d5d5}
.dc-route span{color:#666}
.dc-route b{font-weight:600;overflow-wrap:anywhere}
.dc-cname-big{font-weight:600;overflow-wrap:anywhere}
.dc-cmp{width:100%;border-collapse:collapse;margin:6px 0 10px;background:#fff}
.dc-cmp th,.dc-cmp td{border:1px solid #ddd;padding:5px 8px;text-align:left;font-weight:400}
.dc-cmp th{background:#f5f5f5;color:#555}
.dc-newer{color:#0a7a2f;font-weight:600;font-size:11px;margin-left:4px}
.dc-conflict .dc-dlg-buttons .dc-btn{min-width:0}
.dc-errors{margin:0;padding:8px 8px 8px 26px;max-height:46dvh;overflow:auto;background:#fff;border:1px solid #ddd;font-size:12px}
.dc-errors li{margin:2px 0;overflow-wrap:anywhere}

/* progress */
.dc-progress{position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 20px));height:fit-content;z-index:900}
.dc-progress .dc-pg-file{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 6px}
.dc-bar{height:16px;border:1px solid #bcbcbc;background:#e6e6e6;margin-bottom:12px;overflow:hidden}
.dc-bar i{display:block;height:100%;width:0;background:#06b025;transition:width .2s}
.dc-bar.total i{background:#0078d7}
.dc-pg-total{margin:0 0 6px!important}
.dc-pg-stats{color:#555;font-size:12px;margin:0!important;min-height:18px}

/* menus */
.dc-menu{position:fixed;z-index:1000;min-width:230px;max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px);overflow:auto;padding:3px;background:#f9f9f9;border:1px solid #a0a0a0;box-shadow:2px 4px 12px #0003;
  font:13px "Segoe UI","Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;color:#1b1b1b;user-select:none}
.dc-menu button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;width:100%;min-height:26px;padding:0 10px 0 26px;text-align:left;position:relative;cursor:default}
.dc-menu button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dc-menu button:hover:not(:disabled),.dc-menu button:focus{background:#cce4f7;border-color:#99c9ef;outline:none}
.dc-menu button:disabled{color:#a0a0a0}
.dc-menu button.danger{color:#a4000f}
.dc-menu button.checked::before{content:"✓";position:absolute;left:9px}
.dc-menu kbd{color:#6b6b6b;font:12px inherit}
.dc-mremove{font-weight:400;color:#888;padding:0 2px}
.dc-mremove:hover{color:#c42b1c}
.dc-msep{display:block;height:1px;background:#d7d7d7;margin:3px 4px}
.dc-mhead{padding:6px 10px 2px 26px;font-size:11px;color:#0063b1;font-weight:600}

/* viewer & editor */
.dc-viewer{width:min(1180px,calc(100vw - 20px));height:min(860px,calc(100dvh - 20px))}
.dc-viewer .dc-dlg-body{padding:0;background:#2b2b2b;display:flex;align-items:center;justify-content:center}
.dc-viewer-body{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto}
.dc-viewer-body img,.dc-viewer-body video{max-width:100%;max-height:100%;object-fit:contain;display:block}
.dc-viewer-body iframe{width:100%;height:100%;border:0;background:#fff}
.dc-viewer-body:has(.dc-text){align-items:stretch;justify-content:flex-start;flex-direction:column;background:#fff}
.dc-text{flex:1;margin:0;padding:10px 14px;font:13px/1.5 Consolas,"Cascadia Mono","Sarasa Mono SC",monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#111;user-select:text;-webkit-user-select:text}
.dc-viewer-body .dc-note{margin:0;padding:4px 14px;background:#f3f3f3;border-top:1px solid #ddd}
.dc-viewer .dc-dim,.dc-viewer .dc-noview{color:#ddd!important}
.dc-noview{text-align:center;padding:20px}
.dc-noview svg,.dc-audio svg{width:72px;height:72px}
.dc-audio{display:grid;justify-items:center;gap:14px;color:#eee;padding:20px}
.dc-audio audio{width:min(480px,80vw)}
.dc-editdlg{width:min(1100px,calc(100vw - 20px));height:min(820px,calc(100dvh - 20px))}
.dc-editdlg .dc-dlg-body{padding:0;display:flex}
.dc-editor{flex:1;display:flex;flex-direction:column;min-height:0}
.dc-editor textarea{flex:1;resize:none;border:0;padding:10px 12px;font:13px/1.5 Consolas,"Cascadia Mono","Sarasa Mono SC",monospace;outline:none;tab-size:4;background:#fff;color:#111}
.dc-editor .dc-note{margin:0;padding:4px 12px;border-top:1px solid #ddd;background:#f3f3f3}
.dc-props table{width:100%;border-collapse:collapse}
.dc-props th{width:84px;text-align:left;font-weight:400;color:#666;padding:4px 8px 4px 0;vertical-align:top}
.dc-props td{padding:4px 0;overflow-wrap:anywhere}

/* synchronize directories */
.dc-syncdlg{width:min(980px,calc(100vw - 20px));height:min(760px,calc(100dvh - 20px))}
.dc-syncdlg .dc-dlg-body{display:flex}
.dc-sync{flex:1;display:flex;flex-direction:column;min-height:0;width:100%}
.dc-sync-sides{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dc-sync-sides>div{background:#fff;border:1px solid #d5d5d5;padding:6px 10px;min-width:0}
.dc-sync-sides small{display:block;color:#666}
.dc-sync-sides b{font-weight:600;overflow-wrap:anywhere}
.dc-sync-opts{display:flex;align-items:center;flex-wrap:wrap;gap:0 4px;margin:10px 0 6px}
.dc-sync-opts .dc-check{margin:4px 12px 4px 8px}
.dc-sync-opts .dc-btn{margin-left:auto}
.dc-seg{display:inline-flex;border:1px solid #adadad;border-radius:3px;overflow:hidden}
.dc-seg button{height:28px;padding:0 14px!important;border:0!important;border-radius:0!important;background:#fff!important;cursor:pointer!important}
.dc-seg button+button{border-left:1px solid #adadad!important}
.dc-seg button[aria-pressed=true]{background:#0078d7!important;color:#fff}
.dc-sync-summary{margin:4px 0 8px!important;color:#333}
.dc-sync-list{flex:1;min-height:120px;overflow:auto;background:#fff;border:1px solid #c8c8c8}
.dc-sync-list table{width:100%;border-collapse:collapse;font-size:12px}
.dc-sync-list th{position:sticky;top:0;background:linear-gradient(#fff,#f0f0f0);border-bottom:1px solid #bdbdbd;text-align:left;font-weight:400;padding:4px 6px;white-space:nowrap}
.dc-sync-list td{padding:3px 6px;border-bottom:1px solid #f0f0f0;white-space:nowrap;font-variant-numeric:tabular-nums}
.dc-sync-list td small{display:block;color:#777}
.dc-sync-list tr.skip td{color:#a0a0a0}
.dc-sync-name{max-width:0;width:50%;overflow:hidden;text-overflow:ellipsis}
.dc-sync-arrow{text-align:center;color:#0063b1;font-weight:700;font-size:14px}
.dc-sync-arrow small{font-weight:400;font-size:11px}
.dc-sync-ok{padding:24px;text-align:center;color:#0a7a2f}
.dc-sync-auto{margin-top:10px!important;white-space:normal!important}

/* help */
.dc-help-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px}
.dc-help table{border-collapse:collapse;width:100%;font-size:12px}
.dc-help th{text-align:left;font-weight:400;padding:3px 10px 3px 0;white-space:nowrap;vertical-align:top}
.dc-help td{padding:3px 0}
.dc-help kbd{display:inline-block;padding:0 5px;border:1px solid #c4c4c4;border-bottom-width:2px;border-radius:3px;background:#fff;font:11px Consolas,monospace}
.dc-help h4{margin:0 0 4px;font-size:13px}
.dc-help h4+p{font-size:12px;color:#444;margin-bottom:12px}

/* the portal page around it */
#page-files.hub-page{margin-top:0}

/* phones: one pane at a time, larger rows, touch actions */
@media (max-width:700px){
  .dc{--dc-row:46px;--dc-font:14px;border-left:0;border-right:0;min-height:420px}
  .dc[data-density=compact]{--dc-row:38px}.dc[data-density=large]{--dc-row:54px}
  .dc-menubar>button:not(.dc-mb-burger):not(.dc-jobchip):not(.dc-autosync){display:none}
  .dc-menubar .dc-mb-burger{display:block}
  .dc-menubar{height:30px}
  .dc-toolbar>button{height:34px;min-width:34px}
  .dc-toolbar>button span{display:none}
  .dc-paneswitch{display:grid;grid-template-columns:1fr auto 1fr;gap:3px;padding:3px 3px 0;flex:none}
  .dc-paneswitch button{height:34px;border:1px solid #c4c4c4!important;background:linear-gradient(#fff,#ebebeb)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px!important}
  .dc-paneswitch button[aria-selected=true]{background:var(--dc-blue)!important;color:#fff;border-color:var(--dc-blue-dark)!important}
  .dc-paneswitch button b{font-weight:600;margin-right:2px}
  .dc-panes{grid-template-columns:minmax(0,1fr)}
  .dc-pane:not(.active){display:none}
  .dc-drives button{height:30px;padding:0 9px}
  .dc-driveline{height:32px}
  .dc-driveline .dc-drivesel{height:28px}
  .dc-driveline>button:not(.dc-drivesel){height:28px;min-width:36px}
  .dc-path{height:32px}.dc-path>button{height:30px;padding:0 9px}
  .dc-head{display:none}
  .dc-list{--dc-cols:minmax(0,1fr)}
  .dc-cext,.dc-csize,.dc-cdate{display:none}
  .dc-cname{gap:10px;padding:0 10px}
  .dc-ico{width:26px;height:26px;align-items:center;justify-content:center}
  .dc-ico svg{width:24px;height:24px}
  .dc-row.mark .dc-ico::after{content:"✓";position:absolute;right:-5px;bottom:-4px;width:15px;height:15px;border-radius:50%;background:var(--dc-mark);color:#fff;font-size:10px;line-height:15px;text-align:center;font-weight:700}
  .dc-n{display:flex;flex-direction:column;line-height:1.3}
  .dc-nm{display:block}
  .dc-x{display:inline}
  .dc-sub{display:block;font-size:11px;color:#777;font-weight:400}
  .dc-row.mark .dc-sub{color:#c46a6a}
  .dc-row:hover{background:none}
  .dc-status{height:22px}
  .dc-fkeys{grid-template-columns:repeat(4,minmax(0,1fr));padding:3px 48px max(3px,env(safe-area-inset-bottom)) 3px}
  .dc-fkeys button{flex-direction:column;gap:0;height:42px;font-size:12px;line-height:1.15}
  .dc-fkeys kbd{font-size:10px;font-weight:600;color:#6b8db3}
  .dc-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}
  .dc-viewer,.dc-editdlg,.dc-syncdlg{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;border-radius:0}
  .dc-dlg-buttons{gap:6px;padding:8px}
  .dc-btn{min-width:0;height:36px!important;flex:1 1 auto}
  .dc-menu button{min-height:40px}
  .dc-help-grid{grid-template-columns:1fr}
  .dc-sync-sides{grid-template-columns:1fr}
  .dc-sync-list td:nth-child(3) small,.dc-sync-list td:nth-child(5) small{display:none}
  .dc-sync-opts .dc-btn{margin-left:0;flex:none}
}
@media (pointer:coarse){.dc-row:hover{background:none}}