/* Original neutral surfaces. Typography and hover effects remain unchanged. */
html,body,.app-shell,.main-shell,.sidebar,.topbar{background:#000000}
:root{--bg:#000;--surface:#070707;--surface-2:#101010;--line:#242424;--text:#f3f3f3;--muted:#b0aab7;--faint:#98919f}
.panel,.metric,.resource-tile,.order-card,.logs-panel{border-color:#242424}
.panel,.metric,.resource-tile,.order-card{background:#070707}
.modal,.modal.wide:has(.detail-grid){background:#070707;border-color:#323232;box-shadow:0 25px 120px #000b}
.modal-summary{background:#090909;border-color:#252525}
.modal:has(.detail-grid) .detail-grid{background:#0a0a0a;border-color:#242424}
.modal:has(.detail-grid) .detail-items{border-color:#242424}
.modal:has(.detail-grid) .detail-actions .secondary-button,.secondary-button{background:#0b0b0b;border-color:#303030}
.scenario-options>button{background:#0a0a0a;border-color:#272727}
.builder-products{border-color:#242424}
.modal:has(.detail-grid) .timeline li:not(:last-child):before{background:#252525}
.modal:has(.detail-grid) .detail-grid small{color:#a47db9}
.modal:has(.detail-grid) .detail-grid strong{color:#e5e5e5}
.modal:has(.detail-grid) .timeline strong{color:#c9c9c9}
.modal:has(.detail-grid) .timeline small{color:#9e83ad}
.modal:has(.detail-grid) .input-hint{color:#aaa2b2}
.modal .eyebrow{color:#999}
.modal .modal-copy{color:#b6aebf}
.modal-summary>div>span{color:#a982bd}.modal-summary strong{color:#d5d5d5}
.scenario-options strong{color:#d5d5d5}.scenario-options small{color:#aa8abb}
.attention-banner{background:#26170d;border-color:#85471f;color:#f4a15e}
.attention-banner strong{color:#ffb579}
.attention-banner span{color:#dc9a66}
.attention-banner>.text-button{color:#ffb579}