/* UI-2026.07.17.01: server-backed billing export center. */
body[data-route="billing"] #viewHost .billing-export-center{position:fixed;z-index:70;inset:64px 0 0 auto;width:min(680px,100vw);padding:14px;background:rgba(15,31,56,.28)}
body[data-route="billing"] #viewHost .billing-export-panel{display:grid;gap:14px;height:100%;overflow:auto;padding:20px;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface-panel);box-shadow:var(--shadow)}
body[data-route="billing"] #viewHost .billing-export-panel>header{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-bottom:12px;border-bottom:1px solid var(--line)}
body[data-route="billing"] #viewHost .billing-export-panel h2,body[data-route="billing"] #viewHost .billing-export-panel h3,body[data-route="billing"] #viewHost .billing-export-panel p{margin:0}body[data-route="billing"] #viewHost .billing-export-panel header p,body[data-route="billing"] #viewHost .billing-export-panel small{color:var(--muted)}
body[data-route="billing"] #viewHost .billing-export-steps{display:grid;gap:12px}body[data-route="billing"] #viewHost .billing-export-steps>section{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface-panel-muted)}
body[data-route="billing"] #viewHost .billing-export-steps h3>span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent-blue);color:#fff;font-size:12px}
body[data-route="billing"] #viewHost .billing-export-tree{display:grid;gap:6px;max-height:270px;overflow:auto;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel)}
body[data-route="billing"] #viewHost .billing-export-scope-summary{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;border-radius:8px;background:var(--surface-panel)}body[data-route="billing"] #viewHost .billing-export-scope-summary span{color:var(--muted);font-size:12px}
body[data-route="billing"] #viewHost .billing-export-scope-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}body[data-route="billing"] #viewHost .billing-export-scope-tabs{display:flex;gap:8px;align-items:center}body[data-route="billing"] #viewHost .billing-export-scope-tabs .active{border-color:var(--accent-blue);color:var(--accent-blue);background:var(--surface-panel)}body[data-route="billing"] #viewHost .billing-export-scope-tabs label{display:flex;gap:6px;align-items:center;margin-left:auto;color:var(--muted);font-size:12px}
body[data-route="billing"] #viewHost .billing-export-node{display:grid;gap:6px}body[data-route="billing"] #viewHost .billing-export-node>details>summary{list-style:none;cursor:pointer;margin-left:26px;color:var(--muted);font-size:12px}body[data-route="billing"] #viewHost .billing-export-node>details>summary::-webkit-details-marker{display:none}body[data-route="billing"] #viewHost .billing-export-node>details>summary:before{content:"›";display:inline-block;width:16px;color:var(--muted);transition:transform .15s}body[data-route="billing"] #viewHost .billing-export-node>details[open]>summary:before{transform:rotate(90deg)}body[data-route="billing"] #viewHost .billing-export-node>details>div{display:grid;gap:5px;margin-left:18px;padding-left:10px;border-left:1px solid var(--line)}body[data-route="billing"] #viewHost .billing-export-node label,body[data-route="billing"] #viewHost .billing-export-steps fieldset label{display:inline-flex;gap:7px;align-items:center;min-height:28px}body[data-route="billing"] #viewHost .billing-export-node label span{display:inline-flex;gap:6px;align-items:baseline}body[data-route="billing"] #viewHost .billing-export-system-group{padding:4px 6px;border-radius:7px;background:var(--surface-panel)}
body[data-route="billing"] #viewHost .billing-export-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-route="billing"] #viewHost .billing-export-config label{display:grid;gap:5px;color:var(--muted);font-size:12px}
body[data-route="billing"] #viewHost .billing-export-steps fieldset{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:10px;border:1px solid var(--line);border-radius:8px}body[data-route="billing"] #viewHost .billing-export-preview,body[data-route="billing"] #viewHost .billing-export-detail{padding:10px;border-left:3px solid var(--accent-blue);background:var(--surface-panel)}
body[data-route="billing"] #viewHost .billing-export-preview dl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;margin:8px 0 0}body[data-route="billing"] #viewHost .billing-export-preview dt{color:var(--muted)}body[data-route="billing"] #viewHost .billing-export-preview dd{margin:0}
body[data-route="billing"] #viewHost .billing-export-preview-title{display:flex;align-items:center;justify-content:space-between;gap:10px}body[data-route="billing"] #viewHost .billing-export-estimate-badge{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid #f0b65b;border-radius:999px;background:#fff7e8;color:#9a5b00;font-size:12px;font-weight:700}
body[data-route="billing"] #viewHost .billing-export-jobs{display:grid;gap:8px}body[data-route="billing"] #viewHost .billing-export-jobs article{display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-panel)}body[data-route="billing"] #viewHost .billing-export-jobs article>div:last-of-type{display:flex;gap:7px;grid-column:1/-1}
body[data-route="billing"] #viewHost .billing-export-message{position:sticky;z-index:2;top:0;min-height:20px;padding:7px 10px;border-radius:8px;background:var(--surface-panel);color:var(--muted);box-shadow:0 1px 0 var(--line)}body[data-route="billing"] #viewHost .billing-export-message.error{color:var(--danger)}
body[data-route="billing"] #viewHost .billing-export-panel :is(button,input,select):focus-visible{outline:3px solid var(--accent-blue);outline-offset:2px}
@media (max-width:1279px){body[data-route="billing"] #viewHost .billing-export-center{inset:56px 0 0 auto;width:min(620px,100vw)}}
@media (max-width:767px){body[data-route="billing"] #viewHost .billing-export-center{inset:0;width:100%;padding:0}body[data-route="billing"] #viewHost .billing-export-panel{border-radius:0;padding:16px}body[data-route="billing"] #viewHost .billing-export-config{grid-template-columns:1fr}body[data-route="billing"] #viewHost .billing-export-scope-tools{grid-template-columns:1fr 1fr}body[data-route="billing"] #viewHost .billing-export-scope-tools .inp{grid-column:1/-1}body[data-route="billing"] #viewHost .billing-export-scope-summary{align-items:start;flex-direction:column}body[data-route="billing"] #viewHost .billing-export-jobs article{grid-template-columns:1fr}}