/* Streaminguy brand for billing.streaminguy.co.uk (brand-split).
 * Colours and type from the streaminguy.co.uk website: dark #202125 base, surfaces #2a2b30/#33343a,
 * red #d7303c buttons, light blue #a8c0ef links, navy/blue/red tartan strip, Nunito (self-hosted copy).
 * Selectors follow tweed-blesta.css (real Blesta bootstrap markup), namespaced body.su / .su-*. */
@font-face{font-family:"Nunito";src:url("../images/streaminguy/Nunito-Variable.woff2") format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
body.su{--su-bg:#202125;--su-bg-deep:#191a1e;--su-surface:#2a2b30;--su-surface-2:#33343a;--su-surface-3:#3b3c43;--su-navy:#1b2440;--su-blue:#3b5ba5;--su-blue-light:#a8c0ef;--su-red:#d7303c;--su-red-dark:#b82733;--su-white:#fff;--su-muted:#c9ccd3;--su-muted-2:#9a9ea8;--su-line:rgba(255,255,255,.12);--su-line-strong:rgba(255,255,255,.24);--su-font:Nunito,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:var(--su-bg);color:var(--su-white);font-family:var(--su-font)}
body.su a{color:var(--su-blue-light)}
body.su h1,body.su h2,body.su h3,body.su h4,body.su h5{font-weight:800;letter-spacing:-.015em}
body.su .su-tartan{height:9px;background:repeating-linear-gradient(90deg,var(--su-navy) 0 26px,var(--su-blue) 26px 34px,var(--su-red) 34px 38px,var(--su-navy) 38px 64px)}
body.su .header{background:rgba(32,33,37,.94);padding:14px 0;border-bottom:9px solid var(--su-navy);border-image:repeating-linear-gradient(90deg,var(--su-navy) 0 26px,var(--su-blue) 26px 34px,var(--su-red) 34px 38px,var(--su-navy) 38px 64px) 0 0 9 0 / 0 0 9px 0 / 0 repeat}
body.su .header .container-md{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
body.su .header .logo img.su-logo{height:40px;width:auto;display:block}
body.su .su-sitelinks{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.su .su-sitelinks a{color:var(--su-muted);font-weight:700;text-decoration:none;padding:.45rem .8rem;border-radius:999px}
body.su .su-sitelinks a:hover{color:#fff;background:rgba(255,255,255,.07)}
body.su .su-btn,body.su .su-sitelinks a.su-btn{background:var(--su-red);color:#fff!important;padding:.55rem 1.1rem;border-radius:999px;border:2px solid var(--su-red);font-weight:800;text-decoration:none!important}
body.su .su-btn:hover,body.su .su-sitelinks a.su-btn:hover{background:var(--su-red-dark);border-color:var(--su-red-dark)}
body.su .nav-content,body.su .nav-content .navbar{background:var(--su-surface)!important;border-bottom:1px solid var(--su-line)}
body.su .nav-content .nav-link{color:var(--su-muted)!important;font-weight:700}
body.su .nav-content .nav-item.active>.nav-link,body.su .nav-content .nav-link:hover{color:#fff!important;box-shadow:inset 0 -3px 0 var(--su-red)}
body.su .dropdown-menu{background:var(--su-surface-2);border-color:var(--su-line)}
body.su .dropdown-item{color:var(--su-muted)}
body.su .dropdown-item:hover{background:var(--su-surface-3);color:#fff}
body.su .title{background:var(--su-surface);border-bottom:1px solid var(--su-line)}
body.su .title h3{color:#fff;font-weight:800}
body.su .card,body.su .content_section,body.su .common_box{background:linear-gradient(160deg,#33343a,#26272c);color:#fff;border:1px solid var(--su-line);border-radius:20px}
body.su .card-header,body.su .common_box_header{background:var(--su-surface);border-color:var(--su-line);color:#fff;border-radius:20px 20px 0 0}
body.su .table{color:#fff}
body.su .table th{color:var(--su-muted-2);border-color:var(--su-line)}
body.su .table td{border-color:var(--su-line)}
body.su .table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.04)}
body.su .form-control,body.su .custom-select,body.su select{background:var(--su-surface);color:#fff;border-color:var(--su-line-strong);border-radius:12px}
body.su .form-control:focus{border-color:var(--su-blue-light);box-shadow:0 0 0 3px rgba(168,192,239,.35)}
body.su a:focus-visible,body.su .btn:focus-visible{outline:3px solid var(--su-blue-light);outline-offset:3px}
body.su .text-muted,body.su .help-block{color:var(--su-muted-2)!important}
body.su .btn{border-radius:999px;font-weight:800}
body.su .btn-primary,body.su .btn-success{background:var(--su-red);border-color:var(--su-red);color:#fff}
body.su .btn-primary:hover,body.su .btn-success:hover{background:var(--su-red-dark);border-color:var(--su-red-dark)}
body.su .btn-light,body.su .btn-default,body.su .btn-secondary{background:transparent;border:2px solid var(--su-line-strong);color:#fff}
body.su .btn-light:hover,body.su .btn-default:hover,body.su .btn-secondary:hover{background:rgba(255,255,255,.08);border-color:#fff}
body.su .list-group-item{background:var(--su-surface);border-color:var(--su-line);color:var(--su-muted)}
body.su .list-group-item.active{background:var(--su-red);border-color:var(--su-red);color:#fff}
body.su .badge-success{background:#3f9d6b}
body.su .badge-warning{background:#d9a13b;color:#202125}
body.su .alert-info{background:var(--su-surface-2);border-color:var(--su-line);color:#fff}
body.su .su-footer{background:var(--su-bg-deep);color:var(--su-muted);border-top:1px solid var(--su-line);margin-top:40px;padding:0 0 18px}
body.su .su-footer .su-tartan{margin-bottom:28px}
body.su .su-footer a{color:var(--su-muted)}
body.su .su-footer a:hover{color:#fff}
body.su .su-footer h4{color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.05em}
body.su .su-footer ul{list-style:none;padding:0;margin:0}
body.su .su-footer li{margin:6px 0}
body.su .su-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
body.su .su-flogo{height:36px;width:auto}
body.su .su-footer-bottom{border-top:1px solid var(--su-line);margin-top:20px;padding-top:12px;font-size:13px;color:var(--su-muted-2)}
@media (max-width:767px){body.su .su-footer-grid{grid-template-columns:1fr}body.su .header .logo img.su-logo{height:32px}body.su .su-sitelinks{gap:2px;font-size:14px}}
body.su .card-content,body.su .card-body{background:transparent;color:#fff}