/* Tweed Telecom brand for billing.tweedtel.co.uk (brand-split).
 * Colours and type from the tweedtel.co.uk website: flat #14171c, surfaces #1b1f26/#20252e, one red accent #D7262E, Manrope.
 * Selectors follow the live tt-blesta.css pattern (real Blesta bootstrap markup), namespaced
 * body.tw / .tw-* so nothing collides with The Tutor (body.tt). */
body.tw{--tw-bg:#14171c;--tw-surface:#1b1f26;--tw-surface-2:#20252e;--tw-surface-3:#262c36;--tw-on-dark:#f2f4f7;--tw-on-dark-2:#c8cdd6;--tw-on-dark-3:#8b93a1;--tw-red:#d7262e;--tw-red-dark:#a81c23;--tw-red-on-dark:#ff5a5f;--tw-border:#2b313b;--tw-border-strong:#3a424e;--tw-font:Manrope,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  background:var(--tw-bg);color:var(--tw-on-dark);font-family:var(--tw-font)}
body.tw a{color:var(--tw-red-on-dark)}
body.tw .header{background:var(--tw-bg);border-top:3px solid var(--tw-red);border-bottom:1px solid var(--tw-border);padding:14px 0}
body.tw .header .container-md{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
body.tw .header .logo img.tw-logo{height:40px;width:auto;display:block}
body.tw .tw-sitelinks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.tw .tw-sitelinks a{color:var(--tw-on-dark-2);font-weight:600;text-decoration:none}
body.tw .tw-sitelinks a:hover{color:var(--tw-on-dark);text-decoration:underline}
body.tw .tw-btn,body.tw .tw-sitelinks a.tw-btn{background:var(--tw-red);color:#fff!important;padding:9px 18px;border-radius:10px;text-decoration:none!important}
body.tw .tw-btn:hover{background:var(--tw-red-dark)}
body.tw .nav-content,body.tw .nav-content .navbar{background:var(--tw-surface)!important;border-bottom:1px solid var(--tw-border)}
body.tw .nav-content .nav-link{color:var(--tw-on-dark-2)!important}
body.tw .nav-content .nav-item.active>.nav-link,body.tw .nav-content .nav-link:hover{color:#fff!important;box-shadow:inset 0 -3px 0 var(--tw-red)}
body.tw .dropdown-menu{background:var(--tw-surface-2);border-color:var(--tw-border)}
body.tw .dropdown-item{color:var(--tw-on-dark-2)}
body.tw .dropdown-item:hover{background:var(--tw-surface-3);color:#fff}
/* dark title band, light text, a border */
body.tw .title{background:var(--tw-surface);border-bottom:1px solid var(--tw-border)}
body.tw .title h3{color:var(--tw-on-dark);font-weight:700}
body.tw .card,body.tw .content_section,body.tw .common_box{background:var(--tw-surface);color:var(--tw-on-dark);border-color:var(--tw-border);border-radius:10px}
body.tw .card-header,body.tw .common_box_header{background:var(--tw-surface-2);border-color:var(--tw-border);color:var(--tw-on-dark)}
body.tw .table{color:var(--tw-on-dark)}
body.tw .table th{color:var(--tw-on-dark-3);border-color:var(--tw-border)}
body.tw .table td{border-color:var(--tw-border)}
body.tw .table-striped tbody tr:nth-of-type(odd){background:var(--tw-surface-2)}
body.tw .form-control,body.tw .custom-select,body.tw select{background:var(--tw-surface-2);color:var(--tw-on-dark);border-color:var(--tw-border-strong)}
body.tw .form-control:focus{border-color:var(--tw-red);box-shadow:0 0 0 .15rem rgba(215,38,46,.35)}
body.tw .text-muted,body.tw .help-block{color:var(--tw-on-dark-3)!important}
body.tw .btn-primary,body.tw .btn-success{background:var(--tw-red);border-color:var(--tw-red);color:#fff}
body.tw .btn-primary:hover,body.tw .btn-success:hover{background:var(--tw-red-dark);border-color:var(--tw-red-dark)}
body.tw .btn-light,body.tw .btn-default,body.tw .btn-secondary{background:var(--tw-surface-3);border-color:var(--tw-border-strong);color:var(--tw-on-dark)}
body.tw .list-group-item{background:var(--tw-surface);border-color:var(--tw-border);color:var(--tw-on-dark-2)}
body.tw .list-group-item.active{background:var(--tw-red);border-color:var(--tw-red);color:#fff}
body.tw .badge-success{background:#3f9d6b}
body.tw .badge-warning{background:#d9a13b;color:#14171c}
body.tw .alert-info{background:var(--tw-surface-2);border-color:var(--tw-border);color:var(--tw-on-dark)}
body.tw .tw-footer{background:var(--tw-surface);color:var(--tw-on-dark-2);border-top:1px solid var(--tw-border);margin-top:40px;padding:32px 0 18px}
body.tw .tw-footer a{color:var(--tw-on-dark)}
body.tw .tw-footer h4{color:var(--tw-on-dark);font-size:15px;text-transform:uppercase;letter-spacing:.05em}
body.tw .tw-footer ul{list-style:none;padding:0;margin:0}
body.tw .tw-footer li{margin:6px 0}
body.tw .tw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
body.tw .tw-flogo{height:36px;width:auto}
body.tw .tw-footer-bottom{border-top:1px solid var(--tw-border);margin-top:20px;padding-top:12px;font-size:13px;color:var(--tw-on-dark-3)}
@media (max-width:767px){body.tw .tw-footer-grid{grid-template-columns:1fr}body.tw .header .logo img.tw-logo{height:32px}body.tw .tw-sitelinks{gap:12px;font-size:14px}}