/* File Explorer */
.ex { display: flex; flex-direction: column; height: 100%; background: #fff; font: var(--w32-font); }
.ex-top { flex: none; display: flex; gap: 4px; align-items: center; padding: 6px 8px; border-bottom: 1px solid #e5e5e5; }
.ex-nav { width: 28px; height: 26px; border: 1px solid transparent; background: none; font-size: 15px; color: #1b1b1b; }
.ex-nav:hover:not(:disabled) { background: var(--w32-hot); border-color: var(--w32-sel-border); }
.ex-nav:disabled { color: #b8b8b8; }
.inp.ex-addr { flex: 1; min-width: 0; }
.inp.ex-search { width: 200px; }
.ex-cmd { flex: none; display: flex; gap: 2px; padding: 3px 8px; border-bottom: 1px solid #e5e5e5; background: #fafafa; }
.ex-cbtn { border: 1px solid transparent; background: none; padding: 3px 10px; font: inherit; color: #1b1b1b; }
.ex-cbtn:hover:not(:disabled) { background: var(--w32-hot); border-color: var(--w32-sel-border); }
.ex-cbtn:disabled { color: #a0a0a0; }
.ex-body { flex: 1; min-height: 0; display: flex; }
.ex-tree { width: 230px; flex: none; border-right: 1px solid #e5e5e5; display: flex; }
.ex-tree .tv { flex: 1; border: 0; }
.ex-main { flex: 1; min-width: 0; display: flex; overflow: auto; }
.ex-list { flex: 1; min-width: 0; display: flex; }
.ex-list .lv { flex: 1; }
.ex-pc { padding: 10px 16px; flex: 1; }
.ex-group { color: #1e3287; border-bottom: 1px solid #e5e5e5; padding-bottom: 2px; margin-bottom: 8px; }
.ex-drives { display: flex; flex-wrap: wrap; gap: 8px; }
.ex-drive { width: 260px; display: flex; gap: 8px; padding: 6px; border: 1px solid transparent; }
.ex-drive:hover { background: var(--w32-hot); border-color: var(--w32-sel-border); }
.ex-dic svg { width: 40px; height: 40px; display: block; }
.ex-bar { height: 12px; width: 190px; border: 1px solid #bcbcbc; background: #e6e6e6; margin: 3px 0; }
.ex-bar i { display: block; height: 100%; background: #26a0da; }
.ex-dim { color: #6d6d6d; }
.ex-status { flex: none; padding: 2px 10px; border-top: 1px solid #e5e5e5; color: #444; white-space: pre; }
.ex-phead { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; }
.ex-phead .inp { flex: 1; }
.ex-pic svg { width: 32px; height: 32px; display: block; }
.ex-attrs { display: flex; gap: 14px; }
.ex-list .lv-row.ex-cut { opacity: .5; }
.inp.ex-rename { height: 20px; padding: 0 3px; width: 240px; }
/* Notepad */
.np { display: flex; flex-direction: column; height: 100%; background: #fff; }
.np-text { flex: 1; min-height: 0; border: 0; border-top: 1px solid #e5e5e5; resize: none; outline: 0; padding: 2px 4px; font: 14px/1.35 Consolas, "Lucida Console", monospace; white-space: pre; overflow: auto; user-select: text; -webkit-user-select: text; }
.np-text.wrap { white-space: pre-wrap; }
.np-status { flex: none; border-top: 1px solid #e5e5e5; padding: 2px 10px; color: #444; white-space: pre; text-align: right; font: var(--w32-font); }