.test-mode-banner{display:flex;gap:12px;align-items:center;margin:12px 0;padding:11px 14px;border:1px solid #78a6c5;border-radius:9px;background:#eef7fc;color:#24536f}.status-period-bar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:18px 0}.status-period-bar label{display:flex;flex-direction:column;gap:6px;color:#52636b;font-size:13px}.status-period-bar select{min-width:220px;padding:10px;border:1px solid #cbd5d9;border-radius:8px;background:#fff}.status-period-bar>span{color:#667780}.invoice-status-overview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.invoice-status-overview button{display:flex;flex-direction:column;min-height:82px;padding:13px;border:1px solid #dce3e6;border-radius:11px;background:#fff;color:inherit;text-align:left;cursor:pointer}.invoice-status-overview button:hover,.invoice-status-overview button.selected{border-color:#087f72;box-shadow:0 0 0 2px #d7ebe8}.invoice-status-overview button.attention{border-color:#e8c46c;background:#fff9e9}.invoice-status-overview strong{font-size:22px}.invoice-status-overview span{margin-top:4px;color:#667780;font-size:12px}.status-grid-panel{border-top:1px solid #dce3e6;border-radius:12px}.invoice-detail-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.invoice-detail-heading>div{display:flex;flex-direction:column}.invoice-detail-heading span{color:#667780;font-size:12px}.irreversible-warning{margin:12px 0;padding:14px;border:1px solid #e2a09a;border-radius:9px;background:#fff3f2;color:#8b2720}.irreversible-warning p{margin:5px 0 0}.billing-confirm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.billing-confirm-summary>div{display:flex;flex-direction:column;padding:11px;border:1px solid #dce3e6;border-radius:8px}.billing-confirm-summary span{font-size:12px;color:#667780}.confirm-period{display:flex;flex-direction:column;gap:7px}.confirm-period input{padding:10px;border:1px solid #cbd5d9;border-radius:7px}:root[data-theme="dark"] .test-mode-banner{background:#18313e;border-color:#3d718c;color:#c9e5f3}:root[data-theme="dark"] .invoice-status-overview button,:root[data-theme="dark"] .status-period-bar select{background:#182327;border-color:#34454b;color:#e7edef}:root[data-theme="dark"] .irreversible-warning{background:#39201e;border-color:#7c4641;color:#ffd5d1}@media(max-width:1100px){.invoice-status-overview{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.invoice-status-overview,.billing-confirm-summary{grid-template-columns:repeat(2,1fr)}.status-period-bar{align-items:stretch;flex-direction:column}}