/* Responsiv Full-uppgradering och fakturadialog */
.billing-banner{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.billing-banner p{margin:5px 0 0}.billing-banner>div{flex:1;min-width:180px}
.billing-highlight{border-color:#93d8c5;background:linear-gradient(125deg,#f6fefa,#e8f7f0)}
.billing-highlight strong{font-size:17px}.billing-banner>.btn{white-space:nowrap}
.billing-modal-overlay{position:fixed;z-index:80;inset:0;background:rgba(9,31,38,.62);display:flex;align-items:center;justify-content:center;padding:13px}
.billing-dialog{background:#fff;width:min(100%,660px);max-height:95vh;max-height:95dvh;border:1px solid #bdcfce;border-radius:19px;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 22px 80px rgba(0,0,0,.3)}
.billing-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border);padding:19px 21px 13px}
.billing-dialog-head h2{margin:5px 0}
.billing-close{font-size:28px;line-height:1;border:1px solid var(--border);background:#f0f5f4;color:var(--ink);border-radius:11px;width:40px;height:40px;flex-shrink:0}
.billing-dialog-content{padding:17px 21px 23px}
.billing-dialog-content h3{margin:16px 0 11px}.billing-dialog-content .field{margin-bottom:13px}
.billing-price{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #b4dbca;border-radius:12px;background:#eaf8f1;padding:12px;flex-wrap:wrap}
.billing-price strong{font-size:17px;color:#145d4b}.billing-price small{display:block;font-size:11px;color:var(--sub)}
.billing-price>span:last-child{text-align:right}
.billing-fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.billing-fields-row>.field{min-width:0}
.billing-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:19px}
@media(max-width:560px){
 .billing-banner{align-items:stretch}.billing-banner>.btn{width:100%;white-space:normal}
 .billing-dialog-head{padding:13px 15px 10px}.billing-dialog-content{padding:14px 15px 17px}
 .billing-fields-row{grid-template-columns:1fr;gap:0}
 .billing-price strong{font-size:14px}.billing-dialog-actions>.btn{flex:1}
}

/* Diskret Full-ruta samt abonnemangshantering för anläggningsägaren */
.billing-status-holder{display:flex;justify-content:flex-start;align-items:center}
.billing-full-tile{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;max-width:184px;min-width:0;padding:8px 12px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.15;text-align:center;background:#d8f3eb;color:#176d5e;border:1px solid #9ad9c5;border-radius:11px;box-shadow:var(--shadow)}
.billing-full-tile strong{font-size:16px;font-weight:800}
.billing-full-tile span{font-size:10px;font-weight:550;line-height:1.2;color:#276f60;max-width:145px}
button.billing-full-tile{cursor:pointer}
.billing-readonly{cursor:default}
button.billing-full-tile:hover,button.billing-full-tile:focus-visible,.billing-header-full:hover,.billing-header-full:focus-visible{border-color:var(--jade);box-shadow:0 5px 16px rgba(8,125,113,.16)}
.billing-header-full{border:1px solid #9ad9c5;cursor:pointer;min-width:62px;justify-content:center}
.billing-manage{max-width:540px}
.billing-manage-price{background:#ebf8f1;border:1px solid #b4dbca;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.billing-manage-actions{display:grid;gap:10px;margin:18px 0 10px}
.billing-manage-actions .btn{width:100%;min-height:46px;text-align:center;white-space:normal}
.billing-cancel-trigger{border:1px solid #efc2bb!important;color:#a42e28!important;background:#fff1ed!important}
.billing-cancel-trigger:hover{background:#ffdfd8!important}
.billing-cancel-confirm{background:#af382b!important;color:#fff!important}
.billing-confirm-label{background:#fff7f4;border:1px solid #efb8aa;padding:12px;border-radius:12px;align-items:flex-start}
.billing-confirm-label input{flex-shrink:0;margin-top:4px}
.billing-dialog .danger-note p{margin:8px 0}