/* Functional additions; the original app layout remains in app.css. */
[hidden] { display: none !important; }
.save-status { display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px; font-size: .8rem; font-weight: 600; color: #416354; }
.save-status::before { content: ''; width: 7px; height: 7px; background: currentColor; border-radius: 50%; }
.save-status[data-state='saving'] { color: #526b77; }
.save-status[data-state='error'], .tariff-warning { color: #9d402e; }
.tariff-stamp { color: #5c7180; font-size: .8rem; margin: 8px 0; }
.account-security, .import-preview, .draft-offer { border: 1px solid #dce5ea; background: #f5f9fa; padding: 18px; border-radius: 10px; margin: 16px 0; }
.account-security p, .import-preview p { font-size: .9rem; line-height: 1.6; }
.account-security img { width: 180px; height: 180px; display: block; }
.import-preview table { width: 100%; }
.import-preview td, .import-preview th { padding: 8px; text-align: left; border-bottom: 1px solid #dce5ea; }
.import-steps { display: flex; gap: 8px; flex-wrap: wrap; padding: 0; list-style: none; font-size: .85rem; }
.import-steps li { padding: 7px 10px; background: #edf2f5; border-radius: 6px; }
.import-steps li[aria-current='step'] { background: #426f7d; color: #fff; }