/* ============================================
   HPT Editor Web - Dark/Orange PAT Theme
   Full rebuild with Admin + Account pages
   ============================================ */
:root {
    --bg-main:#0b0f14; --bg-deep:#06080c; --panel-bg:#121821; --panel-bg2:#0f141c;
    --panel-border:rgba(255,255,255,.10); --accent:#ff8a00; --accent2:#ffb24d;
    --accent-glow:rgba(255,138,0,.15); --text-main:#eef0f2; --text-muted:#b4bbc4;
    --text-dim:#919aa2; --input-bg:#0f141c; --danger:#ff4757; --success:#2ed573;
    --warning:#ffa502; --info:#3498db; --sidebar-w:260px; --topbar-h:48px;
    --statusbar-h:26px; --radius:6px; --radius-lg:10px;
    --font-body:'Inter',-apple-system,sans-serif; --font-mono:'JetBrains Mono','Consolas',monospace;
    --transition:.2s ease;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:13px;line-height:1.5;overflow:hidden}
::selection{background:var(--accent);color:#000}
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#2a3040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent2)}
hr.card-divider{border:none;border-top:1px solid var(--panel-border);margin:14px 0}
.hidden{display:none!important}
.view{display:none;height:100vh}.view.active{display:flex}
/* ---- Auth ---- */
.auth-container{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px}
.auth-logo{text-align:center}.logo-icon{font-size:56px;line-height:1;filter:drop-shadow(0 0 30px var(--accent));margin-bottom:8px}
.auth-logo h1{font-size:24px;font-weight:700}.accent{color:var(--accent)}.version-tag{color:var(--text-dim);font-size:11px;font-family:var(--font-mono)}
.auth-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:28px;width:370px;max-width:95vw;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.auth-tabs{display:flex;margin-bottom:20px;border-bottom:1px solid var(--panel-border)}
.auth-tab{flex:1;padding:8px;background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}
.auth-tab:hover{color:var(--text-main)}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.auth-form{display:none;flex-direction:column;gap:14px}.auth-form.active{display:flex}
.form-group{display:flex;flex-direction:column;gap:5px}
.form-group label{font-size:11px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.form-group label i{width:14px;color:var(--accent)}
.form-group input,.field-row input,select.filter-select,select.convert-select,.search-input{background:var(--input-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:8px 12px;border-radius:var(--radius);font-family:var(--font-body);font-size:13px;transition:var(--transition)}
.form-group input:focus,.field-row input:focus,.field-row select:focus,.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}
.error-msg{background:rgba(255,71,87,.1);border:1px solid rgba(255,71,87,.3);color:var(--danger);padding:8px 12px;border-radius:var(--radius);font-size:12px}
/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid transparent;border-radius:var(--radius);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}
.btn i{font-size:11px}
.btn-primary{background:var(--accent);color:#000;border-color:var(--accent)}.btn-primary:hover{background:var(--accent2);box-shadow:0 0 12px var(--accent-glow)}
.btn-secondary{background:var(--panel-bg2);color:var(--text-main);border-color:var(--panel-border)}.btn-secondary:hover{border-color:var(--accent)}
.btn-warning{background:rgba(255,138,0,.12);color:var(--accent);border-color:rgba(255,138,0,.25)}.btn-warning:hover{background:rgba(255,138,0,.22)}
.btn-danger{background:rgba(255,71,87,.12);color:var(--danger);border-color:rgba(255,71,87,.25)}.btn-danger:hover{background:rgba(255,71,87,.22)}
.btn-success{background:rgba(46,213,115,.12);color:var(--success);border-color:rgba(46,213,115,.25)}.btn-success:hover{background:rgba(46,213,115,.22)}
.btn-ghost{background:none;color:var(--text-muted);border-color:transparent}.btn-ghost:hover{color:var(--accent)}
.btn-sm{padding:4px 9px;font-size:11px}.btn-full{width:100%;justify-content:center}
.btn.gated{opacity:.45;cursor:not-allowed;position:relative}.btn.gated::after{content:'🔒';position:absolute;right:-2px;top:-4px;font-size:9px}
/* ---- Topbar ---- */
#app-view{flex-direction:column}
.topbar{height:var(--topbar-h);background:var(--bg-deep);border-bottom:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;z-index:100}
.topbar-left{display:flex;align-items:center;gap:10px}.topbar-center{display:flex;gap:0}.topbar-right{display:flex;align-items:center;gap:12px}
.nav-brand{font-size:15px;font-weight:700;letter-spacing:-.3px}.nav-version{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);background:var(--panel-bg);padding:1px 6px;border-radius:3px}
.nav-link{background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:12px;font-weight:500;padding:6px 14px;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}
.nav-link:hover{color:var(--text-main)}.nav-link.active{color:var(--accent);border-bottom-color:var(--accent)}
.user-info{color:var(--text-muted);font-size:12px}.user-info i{color:var(--accent)}
/* ---- Page Content ---- */
.page-content{display:none;flex:1;overflow:hidden}.page-content.active{display:flex}
.page-inner{flex:1;padding:20px;overflow-y:auto}
.page-title{font-size:20px;font-weight:700;margin-bottom:20px}.page-title i{color:var(--accent);margin-right:6px}
/* ---- Sidebar ---- */
.app-layout{display:flex;flex:1;overflow:hidden}
.sidebar{width:var(--sidebar-w);background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}
.sidebar-section{padding:12px;display:flex;flex-direction:column;flex:1;overflow:hidden}
.sidebar-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:10px}.sidebar-section h3 i{color:var(--accent);margin-right:5px}
.file-actions{margin-bottom:10px}.upload-btn{cursor:pointer}
.file-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px}
.file-item{padding:8px 10px;background:var(--panel-bg2);border:1px solid transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;gap:3px}
.file-item:hover{border-color:var(--panel-border);background:rgba(255,138,0,.04)}.file-item.active{border-color:var(--accent);background:var(--accent-glow)}
.file-item-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-item-meta{font-size:10px;color:var(--text-dim);font-family:var(--font-mono);display:flex;gap:6px;align-items:center}
.file-item-meta .tag{background:rgba(255,138,0,.1);color:var(--accent);padding:0 4px;border-radius:2px;font-size:9px}
.file-item-meta .locked{background:rgba(255,71,87,.12);color:var(--danger)}
.file-item-actions{display:flex;gap:3px;margin-top:2px}
.empty-state{text-align:center;color:var(--text-dim);padding:30px 16px;font-size:12px}.empty-state i{font-size:28px;margin-bottom:6px;display:block}
.main-content{flex:1;overflow-y:auto;padding:16px;background:var(--bg-main)}
.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg)}
.welcome-panel{display:flex;align-items:center;justify-content:center;min-height:350px}
.welcome-content{text-align:center;max-width:440px}.welcome-icon{font-size:60px;margin-bottom:12px;filter:drop-shadow(0 0 40px var(--accent))}
.welcome-content h2{font-size:22px;margin-bottom:6px}.welcome-content p{color:var(--text-muted);margin-bottom:20px;font-size:13px}
/* ---- Editor Panel ---- */
.editor-panel{display:flex;flex-direction:column}
.editor-tabs{display:flex;border-bottom:1px solid var(--panel-border);padding:0 12px;flex-shrink:0}
.editor-tab{padding:10px 14px;background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}
.editor-tab:hover{color:var(--text-main)}.editor-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.tab-content{display:none;padding:16px;overflow-y:auto;max-height:calc(100vh - var(--topbar-h) - var(--statusbar-h) - 100px)}.tab-content.active{display:block}
.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:10px}
.editor-header h2{font-size:16px;font-weight:600}.editor-header h2 i{color:var(--accent)}
.editor-actions{display:flex;gap:6px;flex-wrap:wrap}
.metadata-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}
.meta-section{background:var(--panel-bg2);border:1px solid var(--panel-border);border-radius:var(--radius);padding:14px}.meta-section.wide{grid-column:1/-1}
.meta-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--panel-border)}.meta-section h3 i{margin-right:5px}
.field-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.field-row label{width:90px;font-size:11px;color:var(--text-muted);flex-shrink:0;text-align:right}
.field-row input,.field-row select{flex:1;padding:5px 8px;font-size:12px;border-radius:4px}
.field-row select{cursor:pointer;-webkit-appearance:menulist;appearance:menulist}
select.convert-select option,select.filter-select option{background:var(--panel-bg);color:var(--text-main)}
.field-row input.field-readonly{color:var(--text-dim);cursor:default}
.mono-input{font-family:var(--font-mono)!important;letter-spacing:.5px}
.status-badge{padding:2px 8px;border-radius:3px;font-size:11px;font-weight:600;font-family:var(--font-mono)}
.status-unlocked{background:rgba(46,213,115,.12);color:var(--success)}.status-locked{background:rgba(255,71,87,.12);color:var(--danger)}
.data-table{width:100%;border-collapse:collapse;font-size:11px}
.data-table th{text-align:left;padding:6px 8px;background:var(--bg-deep);color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:1px solid var(--panel-border);position:sticky;top:0;z-index:1}
.data-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.03);font-family:var(--font-mono);color:var(--text-muted)}
.data-table tr:hover td{background:rgba(255,138,0,.03);color:var(--text-main)}
#segments-table-container,.table-wrap{max-height:300px;overflow-y:auto}
/* Hex */
.hex-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.hex-select{background:var(--input-bg);border:1px solid var(--panel-border);color:var(--text-main);padding:3px 6px;border-radius:4px;font-size:11px;min-width:180px;min-height:50px}
.hex-info{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}
.hex-view{background:var(--bg-deep);border:1px solid var(--panel-border);border-radius:var(--radius);padding:12px;font-family:var(--font-mono);font-size:11px;line-height:1.7;overflow:auto;max-height:450px}
.hex-line{display:flex;white-space:nowrap}.hex-addr{color:var(--accent);min-width:72px;user-select:none}.hex-bytes{color:var(--text-muted);min-width:380px;letter-spacing:.4px}
.hex-ascii{color:var(--text-dim);border-left:1px solid var(--panel-border);padding-left:10px;margin-left:10px}
.hex-placeholder{text-align:center;color:var(--text-dim);padding:50px}.hex-placeholder i{font-size:28px;display:block;margin-bottom:6px}
.hex-nav{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}
/* Convert / Swap */
.convert-panel,.segswap-panel,.info-panel{max-width:560px}.convert-panel h3,.segswap-panel h3,.info-panel h3{color:var(--accent);margin-bottom:10px}.convert-panel h3 i,.segswap-panel h3 i,.info-panel h3 i{margin-right:5px}
.convert-panel p,.segswap-panel p{color:var(--text-muted);margin-bottom:16px;font-size:13px}
.convert-info{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:14px;background:var(--panel-bg2);border-radius:var(--radius)}
.convert-current,.convert-target{display:flex;flex-direction:column;gap:3px}
.convert-current .label,.convert-target .label{font-size:10px;color:var(--text-dim);text-transform:uppercase}
.convert-current .value{font-family:var(--font-mono);font-size:16px;color:var(--accent);font-weight:700}
.convert-arrow{color:var(--text-dim);font-size:18px}
.segswap-files{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}
.segswap-file{display:flex;align-items:center;gap:10px}.segswap-file label{width:70px;font-size:11px;color:var(--text-muted)}
.file-badge{font-family:var(--font-mono);color:var(--accent);font-size:12px}
#swap-candidates{margin-top:16px}#swap-candidates h4{color:var(--text-main);margin-bottom:6px;font-size:13px}
#swap-candidates-list{max-height:250px;overflow-y:auto;margin-bottom:10px}
.swap-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--panel-bg2);border-radius:var(--radius);margin-bottom:3px;font-family:var(--font-mono);font-size:11px}
.swap-item input[type="checkbox"]{accent-color:var(--accent)}
.info-panel{max-width:100%}
#chunk-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;margin-bottom:16px}
.chunk-card{background:var(--panel-bg2);border:1px solid var(--panel-border);border-radius:var(--radius);padding:8px;font-size:11px;font-family:var(--font-mono)}
.chunk-card .type{color:var(--accent);font-weight:700}.chunk-card .detail{color:var(--text-dim)}
.raw-meta-list{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.raw-meta-item{padding:3px 8px;background:var(--panel-bg2);border-radius:2px;font-family:var(--font-mono);font-size:10px;display:flex;gap:8px}
.raw-meta-key{color:var(--accent);min-width:45px}.raw-meta-val{color:var(--text-muted);word-break:break-all}
/* ---- Subscription UI ---- */
.sub-badge{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600;font-family:var(--font-mono);display:flex;align-items:center;gap:4px}
.sub-badge.sub-active{background:rgba(46,213,115,.12);color:var(--success);border:1px solid rgba(46,213,115,.25)}
.sub-badge.sub-free{background:rgba(255,138,0,.08);color:var(--accent);border:1px solid rgba(255,138,0,.15);cursor:pointer}
.sub-badge.sub-free:hover{background:rgba(255,138,0,.16)}
.sub-badge.sub-pastdue{background:rgba(255,71,87,.08);color:var(--danger);border:1px solid rgba(255,71,87,.2)}
.sub-badge.sub-admin{background:rgba(52,152,219,.12);color:var(--info);border:1px solid rgba(52,152,219,.25)}
.sub-banner{background:linear-gradient(135deg,rgba(255,138,0,.06),rgba(255,71,87,.03));border:1px solid rgba(255,138,0,.15);border-radius:var(--radius-lg);margin-bottom:12px}
.sub-banner-content{display:flex;align-items:center;gap:14px;padding:10px 16px;flex-wrap:wrap}
.sub-banner-icon{font-size:24px}.sub-banner-text{flex:1;font-size:12px;color:var(--text-muted);min-width:180px}.sub-banner-text strong{color:var(--accent)}
/* ---- Account Page ---- */
.account-grid,.config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px}
.card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:18px}
.card.wide{grid-column:1/-1}
.card h3{font-size:13px;color:var(--accent);margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}.card h3 i{margin-right:5px}
.card h4{font-size:12px;color:var(--text-muted);margin-bottom:8px}
.card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.scroll-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}
.scroll-list.tall{max-height:300px}.scroll-list.xtall{max-height:450px}
.log-item{padding:6px 10px;background:var(--panel-bg2);border-radius:3px;font-size:11px;display:flex;gap:10px;align-items:flex-start}
.log-item .log-time{color:var(--text-dim);font-family:var(--font-mono);min-width:130px;font-size:10px;flex-shrink:0}
.log-item .log-action{color:var(--accent);font-weight:600;min-width:80px;font-size:10px;text-transform:uppercase;flex-shrink:0}
.log-item .log-detail{color:var(--text-muted);word-break:break-all;flex:1}
.log-item .log-user{color:var(--info);font-family:var(--font-mono);font-size:10px;min-width:70px;flex-shrink:0}
.log-item.log-error{border-left:2px solid var(--danger)}
.sub-detail{display:flex;gap:10px;padding:6px 0;align-items:center;font-size:12px}
.sub-detail .sub-label{color:var(--text-dim);width:120px;flex-shrink:0}.sub-detail .sub-value{color:var(--text-main);font-family:var(--font-mono)}
.sub-value.active{color:var(--success)}.sub-value.expired{color:var(--danger)}.sub-value.free{color:var(--text-dim)}
.payment-item{padding:5px 8px;background:var(--panel-bg2);border-radius:3px;font-size:11px;display:flex;gap:8px;font-family:var(--font-mono)}
.payment-item .pay-date{color:var(--text-dim);min-width:90px}
.payment-item .pay-amount{color:var(--success);min-width:60px;font-weight:600}
.payment-item .pay-status{min-width:60px}.pay-status.succeeded{color:var(--success)}.pay-status.failed{color:var(--danger)}
/* ---- Admin ---- */
.admin-tabs{display:flex;gap:0;border-bottom:1px solid var(--panel-border);margin-bottom:16px}
.admin-tab{padding:10px 18px;background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:var(--transition)}
.admin-tab:hover{color:var(--text-main)}.admin-tab.active{color:var(--accent);border-bottom-color:var(--accent)}
.admin-tab-content{display:none}.admin-tab-content.active{display:block}
.admin-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.admin-toolbar .search-input{width:220px}.admin-toolbar span{font-size:12px;color:var(--text-dim)}
.filter-select{font-size:12px;min-width:130px}
.table-wrap{max-height:500px;overflow:auto}
.data-table .role-admin{color:var(--info);font-weight:600}.data-table .role-user{color:var(--text-dim)}
.data-table .plan-annual{color:var(--success)}.data-table .plan-free{color:var(--text-dim)}
.data-table .status-active-cell{color:var(--success)}.data-table .status-disabled{color:var(--danger)}
/* ---- Modal ---- */
.modal-overlay{position:fixed;inset:0;background:rgba(6,8,12,.8);display:flex;align-items:center;justify-content:center;z-index:9000}
.modal-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);width:480px;max-width:95vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--panel-border)}
.modal-header h3{font-size:15px;color:var(--accent)}
.modal-body{padding:18px;overflow-y:auto;flex:1}
.modal-footer{padding:12px 18px;border-top:1px solid var(--panel-border);display:flex;gap:8px;justify-content:flex-end}
/* ---- Status Bar ---- */
.statusbar{height:var(--statusbar-h);background:var(--bg-deep);border-top:1px solid var(--panel-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:11px;color:var(--text-dim);flex-shrink:0}
.text-success{color:var(--success)}
/* ---- Toast ---- */
#toast-container{position:fixed;top:56px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:6px}
.toast{padding:10px 16px;border-radius:var(--radius);font-size:12px;max-width:380px;box-shadow:0 6px 24px rgba(0,0,0,.4);animation:slideIn .3s ease;display:flex;align-items:center;gap:6px}
.toast-success{background:rgba(46,213,115,.12);border:1px solid rgba(46,213,115,.25);color:var(--success)}
.toast-error{background:rgba(255,71,87,.12);border:1px solid rgba(255,71,87,.25);color:var(--danger)}
.toast-info{background:rgba(52,152,219,.12);border:1px solid rgba(52,152,219,.25);color:var(--info)}
@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}
/* ---- Loading ---- */
#loading-overlay{position:fixed;inset:0;background:rgba(6,8,12,.85);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;gap:12px}
.spinner{width:36px;height:36px;border:3px solid var(--panel-border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
#loading-text{color:var(--text-muted);font-size:13px}
.log-filters{display:flex;gap:8px;margin-bottom:10px}
/* ---- Settings Cards ---- */
.config-section-title{font-size:14px;font-weight:600;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;gap:6px}
.config-section-title i{color:var(--accent)}
.config-section-title .btn{font-size:10px;padding:3px 6px}
.settings-card .field-row{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:12px}
.settings-card .field-row label{min-width:180px;color:var(--text-dim);display:flex;align-items:center;gap:4px;flex-shrink:0;font-size:11px}
.settings-card .field-row input{flex:1;min-width:0;font-size:11px;padding:5px 8px;background:var(--panel-bg2);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text-main);font-family:var(--font-mono)}
.settings-card .field-row input:focus{border-color:var(--accent);outline:none}
.settings-card .card-actions{margin-top:14px;padding-top:10px;border-top:1px solid var(--panel-border)}
.restart-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;color:var(--warning,#ffa502);background:rgba(255,165,2,.12);border:1px solid rgba(255,165,2,.25);border-radius:50%;cursor:help;flex-shrink:0}
.source-badge{font-size:8px;font-weight:700;font-family:var(--font-mono);padding:1px 4px;border-radius:2px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}
.env-badge{background:rgba(52,152,219,.12);color:var(--info);border:1px solid rgba(52,152,219,.25)}
.db-badge{background:rgba(46,213,115,.12);color:var(--success);border:1px solid rgba(46,213,115,.25)}
.settings-toggle-vis{padding:4px 6px!important;flex-shrink:0;font-size:10px;cursor:pointer;background:none;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text-dim)}
.settings-toggle-vis:hover{color:var(--accent);border-color:var(--accent)}
/* ---- Responsive ---- */
@media(max-width:900px){.sidebar{width:200px}.metadata-grid,.account-grid,.config-grid{grid-template-columns:1fr}}
@media(max-width:640px){.sidebar{display:none}.topbar{padding:0 10px}.main-content,.page-inner{padding:10px}.topbar-center{display:none}}
/* ---- EFI/CTZ Convert Sections ---- */
.convert-divider { border: none; border-top: 1px solid var(--border); margin: 24px 0; }
.efi-convert-section { background: var(--bg-tertiary, rgba(255,255,255,0.03)); border: 1px solid var(--border); border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.efi-convert-section h4 { font-size: 14px; font-weight: 600; color: var(--text-primary, #fff); margin: 0 0 12px 0; }
.efi-convert-section .small-note { font-size: 12px; color: var(--text-muted, #888); margin-bottom: 12px; }
.upload-inline { cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.convert-panel { max-width: 700px; }
#tab-convert { overflow-y: auto; max-height: calc(100vh - 200px); padding-right: 8px; }