/* Usenet Prime · WHMCS native Twenty-One presentation layer, 2026-10-23.
 * Upstream templates own every field, price, status, action and payment flow.
 * Brand values match assets/page-shell.css in the approved public website.
 */
@font-face{font-family:Asap;font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/Asap-Variable.ttf") format("truetype")}
:root{
  --up-bg:#f3faff;--up-surface:#fff;--up-ink:#0f172a;--up-muted:#52627a;
  --up-blue:#0076c8;--up-blue-hover:#005e9f;--up-link:#0070bd;--up-sky:#00a3ff;
  --up-tint:#eaf6ff;--up-mint:#34d399;--up-mint-tint:#e7fbf4;--up-border:#dce9f2;
  --up-shadow:0 8px 28px rgba(35,99,140,.07);--up-focus:#003a66;
}
html.dark{
  color-scheme:dark;--up-bg:#0c1324;--up-surface:#151b2d;--up-ink:#f1f5f9;
  --up-muted:#bdcadd;--up-link:#6cc6ff;--up-tint:#142b43;--up-mint-tint:#102b2a;
  --up-border:#2b3b51;--up-shadow:0 8px 28px rgba(0,0,0,.25);--up-focus:#9ed8ff;
}
body,body.primary-bg-color{background:var(--up-bg);color:var(--up-ink);font-family:Asap,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body a{color:var(--up-link)}
body a:hover{color:var(--up-link);text-decoration:underline}
body h1,body h2,body h3,body h4,body h5,body h6{color:var(--up-ink);font-family:Asap,"Segoe UI",sans-serif;font-weight:700;line-height:1.18}
body h1{letter-spacing:-.035em}
body h2,body h3{letter-spacing:-.02em}
body p,body label,body td,body th{overflow-wrap:break-word}
body :is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--up-focus);outline-offset:3px}
body .text-muted,body .small-text{color:var(--up-muted)!important}
body .primary-content{min-width:0}
body #main-body{padding:32px 0 48px;background:transparent;min-height:45vh}
body .header-lined{margin-bottom:26px;border-color:var(--up-border)}
body .header-lined h1{border:0;color:var(--up-ink);font-weight:800;font-size:clamp(27px,3vw,36px)}
body .header-lined small{color:var(--up-muted)}
body .up-skip{position:absolute;top:-100px;left:16px;z-index:10000;padding:12px 18px;background:var(--up-blue);color:#fff;border-radius:10px;font-weight:700}
body .up-skip:focus{top:12px}

/* The public site's quiet pill navigation and existing approved illustration. */
.up-brand-shell{padding:20px 0 0;background:#dff3ff}
.up-brand-nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1120px;min-height:68px;margin:0 auto;padding:10px 14px 10px 24px;background:var(--up-surface);border:1px solid var(--up-border);border-radius:999px;box-shadow:0 6px 22px rgba(35,99,140,.08)}
.up-brand-logo{display:flex;align-items:center;flex-shrink:0;min-height:44px}
.up-brand-logo img{width:154px;height:auto;max-width:100%}
.up-logo-dark{display:none}
.up-brand-links,.up-brand-actions{display:flex;align-items:center;gap:28px}
.up-brand-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--up-ink);font-size:15px;font-weight:600;text-decoration:none}
.up-brand-links a:hover{text-decoration:underline;text-underline-offset:7px}
.up-brand-actions{gap:10px}
.up-theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--up-ink);cursor:pointer}
.up-theme-toggle:hover{background:var(--up-tint)}
.up-theme-toggle .up-sun{display:none}
.up-support-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:999px;background:var(--up-blue);color:#fff!important;font-size:15px;font-weight:700;white-space:nowrap;text-decoration:none!important}
.up-support-link:hover{background:var(--up-blue-hover)}
.up-account-band{position:relative;min-height:174px;margin-top:-34px;padding:62px max(24px,calc((100% - 1090px)/2)) 24px;background:#e5f5ff url("../img/account-landscape.webp") center 56%/cover no-repeat}
.up-account-band:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,250,255,.97) 0%,rgba(243,250,255,.92) 40%,rgba(243,250,255,.1) 75%)}
.up-account-band>div{position:relative;max-width:570px}
.up-account-band .up-eyebrow{margin:0 0 5px;font-size:12px;font-weight:800;letter-spacing:.13em;color:#005e9f}
.up-account-band .up-band-title{margin:0;font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.035em;line-height:1.15;color:#0f172a}
.up-account-band .up-band-copy{margin:7px 0 0;color:#435775;font-size:16px}
html.dark .up-brand-shell{background:#111e32}
html.dark .up-logo-dark{display:block}
html.dark .up-logo-light{display:none}
html.dark .up-theme-toggle .up-sun{display:block}
html.dark .up-theme-toggle .up-moon{display:none}
html.dark .up-account-band:before{background:linear-gradient(90deg,rgba(12,19,36,.97) 0%,rgba(12,19,36,.9) 42%,rgba(12,19,36,.25) 100%)}
html.dark .up-account-band .up-eyebrow{color:#6cc6ff}
html.dark .up-account-band .up-band-title{color:#f1f5f9}
html.dark .up-account-band .up-band-copy{color:#cbd5e1}

/* Keep WHMCS account menus, cart, search, alerts and mobile collapse intact. */
body #header.header{background:var(--up-surface);box-shadow:0 2px 10px rgba(35,99,140,.035)}
body #header .topbar{background:var(--up-tint);border-bottom:1px solid var(--up-border);color:var(--up-ink)}
body #header .topbar .btn,body #header .topbar .input-group-text{color:var(--up-ink)}
body #header .navbar{padding-top:12px;padding-bottom:12px}
body #header .navbar-brand{color:var(--up-ink);font-size:21px;font-weight:800}
body #header .navbar-brand img{max-width:180px;max-height:42px;width:auto;height:auto}
/* The website logo already appears above; distinguish the native account link. */
body #header .navbar-brand img{display:none}
body #header .navbar-brand::after{content:"Account home";font-size:17px;font-weight:700}
body #header .main-navbar-wrapper{padding:0;background:var(--up-surface);border-top:1px solid var(--up-border);border-bottom:1px solid var(--up-border)}
body #header .navbar-nav .nav-link{min-height:46px;display:flex;align-items:center;color:var(--up-ink);font-size:15px;font-weight:600}
body #header .navbar-nav .nav-link:hover,body #header .navbar-nav .active>.nav-link{background:var(--up-tint);color:var(--up-link)}
body #header .navbar-nav .dropdown-menu{background:var(--up-surface);border:1px solid var(--up-border);border-radius:12px;box-shadow:var(--up-shadow)}
body .dropdown-menu .dropdown-item{color:var(--up-ink);padding:9px 18px}
body .dropdown-menu .dropdown-item:hover,body .dropdown-menu .dropdown-item:focus{background:var(--up-tint);color:var(--up-link)}
body .dropdown-divider{border-color:var(--up-border)}
body #header .search .form-control{background:var(--up-bg);border-color:var(--up-border)}
body #header .search .btn{background:var(--up-bg);border-color:var(--up-border);color:var(--up-link)}
body .master-breadcrumb{background:transparent;border:0}
body .master-breadcrumb .breadcrumb{margin:0;padding:16px 0 0;background:transparent;font-size:13px}
body .breadcrumb-item.active{color:var(--up-muted)}

/* Cards, services, tickets, announcements and account summaries. */
body .card,body .panel{background:var(--up-surface);color:var(--up-ink);border:1px solid var(--up-border);border-radius:18px;box-shadow:var(--up-shadow)}
body .card .card-header,body .panel .panel-heading{border-bottom:1px solid var(--up-border);border-radius:17px 17px 0 0}
body .card-header:not(.bg-primary):not(.bg-info):not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-dark){background:var(--up-surface);color:var(--up-ink)}
body .card-header .card-title,body .card-header .card-subtitle{margin-bottom:0}
body .card-header.bg-info,body .card-header.bg-primary{background:var(--up-blue)!important}
body .card-header:is(.bg-info,.bg-primary,.bg-success,.bg-danger,.bg-dark) :is(h2,h3,h4,h5,h6){color:inherit}
body .card-footer,body .panel-footer{background:var(--up-bg);border-top:1px solid var(--up-border);border-radius:0 0 17px 17px}
body .sidebar .card{box-shadow:none;border-radius:16px;overflow:visible}
body .sidebar .card-header{padding:17px 18px;font-weight:700}
body .sidebar .list-group-item{padding:12px 18px}
body .list-group-item{background:var(--up-surface);border-color:var(--up-border);color:var(--up-ink)}
body .list-group-item.active{background:var(--up-blue);border-color:var(--up-blue);color:#fff}
body .list-group-item-action:hover{background:var(--up-tint);color:var(--up-link)}
body .list-group-item.active:hover{background:var(--up-blue-hover);color:#fff}
body .list-group-item .badge:not(.badge-danger):not(.badge-success):not(.badge-warning){background:var(--up-tint);color:var(--up-link)}
body .tiles{margin-bottom:28px}
body .tiles .tile{padding:22px 18px;background:var(--up-surface);border:1px solid var(--up-border);border-radius:16px;box-shadow:var(--up-shadow)}
body .tiles .tile .icon{color:var(--up-blue);opacity:.22}
body .tiles .tile .stat{color:var(--up-ink);font-weight:800;font-variant-numeric:tabular-nums}
body .tiles .tile .title{color:var(--up-muted);font-weight:600}
body .tiles .tile:hover{background:var(--up-tint)}
body .client-home-cards .card{margin-bottom:24px}
body .home-kb-search{background:var(--up-tint);color:var(--up-ink)}
body .login-form,body .logincontainer{max-width:520px;margin-left:auto;margin-right:auto}
body .login-form .card-body{padding:30px}
body .login-form .card{border-top:3px solid var(--up-sky)}
body .knowledgebase-cat,body .kbarticle{color:var(--up-ink)}
body .kbarticle :is(h1,h2,h3){margin-top:1.3em}
body .ticket-reply{background:var(--up-surface);border-color:var(--up-border);border-radius:14px}
body .ticket-reply .user{background:var(--up-tint);color:var(--up-ink);border-color:var(--up-border)}
body .ticket-reply.staff .user{background:var(--up-mint-tint)}
body .ticket-reply .message{color:var(--up-ink)}

/* Controls retain native IDs, names, validation, payment markup and behavior. */
body .btn{font-family:inherit;font-weight:600;border-radius:10px;transition:background-color .15s,border-color .15s,box-shadow .15s}
body .btn:not(.btn-sm):not(.btn-xs):not(.nav-link){min-height:44px}
body .btn-primary{background:var(--up-blue);border-color:var(--up-blue);color:#fff}
body .btn-primary:hover,body .btn-primary:focus{background:var(--up-blue-hover);border-color:var(--up-blue-hover);color:#fff}
body .btn-primary:not(:disabled):not(.disabled):active{background:#004b80;border-color:#004b80}
body .btn-default,body .btn-light{background:var(--up-surface);border-color:var(--up-border);color:var(--up-ink)}
body .btn-default:hover,body .btn-light:hover{background:var(--up-tint);border-color:var(--up-link);color:var(--up-link)}
body .btn-outline-primary{border-color:var(--up-blue);color:var(--up-link)}
body .btn-outline-primary:hover{background:var(--up-blue);color:#fff}
body .btn:disabled,body .btn.disabled{opacity:.55;cursor:not-allowed}
body .btn-link{color:var(--up-link)}
body .form-control,body .custom-select,body .field,body .input-group-text{font-family:inherit;border-color:#7b899a;border-radius:9px;background:var(--up-surface);color:var(--up-ink)}
body .form-control,body .custom-select{min-height:44px;font-size:16px}
body textarea.form-control{min-height:120px}
body .input-group-sm>.form-control,body .input-group-sm>.custom-select{min-height:34px;font-size:14px}
body .form-control::placeholder{color:var(--up-muted);opacity:1}
body .form-control:focus,body .custom-select:focus{background:var(--up-surface);color:var(--up-ink);border-color:var(--up-blue);box-shadow:0 0 0 3px rgba(0,118,200,.15)}
body .form-control:disabled,body .form-control[readonly]{background:var(--up-tint);color:var(--up-muted)}
body .form-control.is-invalid{border-color:#c0392b}
body .form-control.is-valid{border-color:#16834d}
body input[type=checkbox],body input[type=radio]{accent-color:var(--up-blue)}
body .form-group label{font-weight:600}
body .input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}
body .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
body .modal-content{background:var(--up-surface);color:var(--up-ink);border:1px solid var(--up-border);border-radius:18px;box-shadow:0 24px 80px rgba(0,30,60,.22)}
body .modal-header,body .modal-footer{border-color:var(--up-border)}
body .modal .close{color:var(--up-ink);text-shadow:none}
body .popover{background:var(--up-surface);border-color:var(--up-border);color:var(--up-ink);border-radius:12px}
body .popover-body{color:var(--up-ink)}

/* Tables stay dense and scrollable; status colors keep their WHMCS meaning. */
body .table{color:var(--up-ink);font-size:15px}
body .table td,body .table th{border-color:var(--up-border);vertical-align:middle}
body .table thead th,body .table thead td{background:var(--up-tint);color:var(--up-ink);border-bottom:1px solid var(--up-border);font-weight:700}
body .table-striped tbody tr:nth-of-type(odd){background:rgba(121,181,218,.045)}
body .table-hover tbody tr:hover{background:var(--up-tint);color:var(--up-ink)}
body .table-list>tbody>tr>td,body .table-list>thead>tr>th{border-color:var(--up-border)}
body .dataTables_wrapper .dataTables_filter label,body .dataTables_wrapper .dataTables_length label{color:var(--up-muted)}
body .dataTables_wrapper .dataTables_info{color:var(--up-muted)}
body .page-link{background:var(--up-surface);border-color:var(--up-border);color:var(--up-link)}
body .page-item.active .page-link{background:var(--up-blue);border-color:var(--up-blue);color:#fff}
body .page-item.disabled .page-link{background:var(--up-bg);border-color:var(--up-border);color:var(--up-muted)}
body .nav-tabs{border-color:var(--up-border)}
body .nav-tabs .nav-link{color:var(--up-muted)}
body .nav-tabs .nav-link.active{background:var(--up-surface);color:var(--up-link);border-color:var(--up-border) var(--up-border) var(--up-surface)}
body .nav-tabs .nav-link:hover{border-color:var(--up-border)}
body .badge-info{background:var(--up-blue);color:#fff}
body .alert{border-radius:12px}
body .alert-info{background:#eaf6ff;border-color:#bedff5;color:#164b70}
body .alert-success{background:#e7fbf0;border-color:#a7dec1;color:#175c38}
body .alert-warning{background:#fff7df;border-color:#e8d08b;color:#71521a}
body .alert-danger{background:#fff0f0;border-color:#edbcbc;color:#8d2f2f}

/* Standard Cart: prices, availability, tax and totals are always server values. */
body #order-standard_cart{color:var(--up-ink);font-size:16px;padding-bottom:24px}
body #order-standard_cart .header-lined h1{font-family:Asap,"Segoe UI",sans-serif;color:var(--up-ink);font-weight:800;font-size:clamp(27px,3vw,36px)}
body #order-standard_cart .header-lined p{color:var(--up-muted)}
body #order-standard_cart label{color:var(--up-ink);font-size:14px;font-weight:600}
body #order-standard_cart .field-help-text,body #order-standard_cart .order-summary .recurring-charges{color:var(--up-muted)}
body #order-standard_cart .order-summary .btn-continue-shopping{color:var(--up-link)}
body #order-standard_cart .products .product{margin-bottom:24px;border:1px solid var(--up-border);border-radius:18px;background:var(--up-surface);box-shadow:var(--up-shadow);overflow:hidden}
body #order-standard_cart .products .product header{padding:22px 24px;background:var(--up-surface);border-bottom:1px solid var(--up-border);color:var(--up-ink);font-size:20px;font-weight:700}
body #order-standard_cart .products .product header span{color:var(--up-ink);font-size:20px}
body #order-standard_cart .products .product header .qty{color:var(--up-muted);font-size:14px}
body #order-standard_cart .products .product .product-desc{padding:22px 24px;color:var(--up-muted);font-size:15px;line-height:1.65}
body #order-standard_cart .products .product .product-desc li{border-color:var(--up-border)}
body #order-standard_cart .products .product footer{padding:20px 24px;background:var(--up-tint);border-top:1px solid var(--up-border)}
body #order-standard_cart .products .product .product-pricing{color:var(--up-muted);font-size:14px}
body #order-standard_cart .products .product .product-pricing .price{color:var(--up-ink);font-family:inherit;font-size:32px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body #order-standard_cart .products .product .btn-order-now{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:var(--up-blue);border-color:var(--up-blue);border-radius:10px;color:#fff;font-size:16px}
body #order-standard_cart .products .product .btn-order-now:hover{background:var(--up-blue-hover);border-color:var(--up-blue-hover)}
body #order-standard_cart .order-summary{background:var(--up-surface);border:1px solid #9bddff;border-radius:16px;box-shadow:var(--up-shadow)}
body #order-standard_cart .order-summary h2{padding:18px 20px;background:var(--up-tint);color:var(--up-ink);font-weight:700;border-radius:15px 15px 0 0;font-size:22px}
body #order-standard_cart .summary-container{padding:20px;background:var(--up-surface);color:var(--up-ink);border-radius:0 0 15px 15px}
body #order-standard_cart .order-summary .total-due-today{padding:16px 0;color:var(--up-ink);border-color:var(--up-border)}
body #order-standard_cart .order-summary .total-due-today .amt{color:var(--up-ink);font-family:inherit;font-weight:800;letter-spacing:-.03em;font-size:32px}
body #order-standard_cart .order-summary .loader{background:var(--up-surface)}
body #order-standard_cart .order-summary .subtotal,body #order-standard_cart .order-summary .recurring-totals{border-color:var(--up-border)}
body #order-standard_cart .view-cart-items-header{padding:14px 18px;background:var(--up-blue);border-radius:12px 12px 0 0;color:#fff}
body #order-standard_cart .view-cart-items{border:1px solid var(--up-border);border-radius:0 0 12px 12px}
body #order-standard_cart .view-cart-items .item{padding:20px 18px;background:var(--up-surface);color:var(--up-ink);border-color:var(--up-border)}
body #order-standard_cart .view-cart-items .item:nth-child(even){background:var(--up-bg)}
body #order-standard_cart .view-cart-items .item-title{color:var(--up-ink);font-weight:700}
body #order-standard_cart .view-cart-items .item-price{color:var(--up-ink);font-variant-numeric:tabular-nums}
body #order-standard_cart .view-cart-items .item-domain{color:var(--up-muted)}
body #order-standard_cart .view-cart-tabs .nav-tabs{border-color:var(--up-border)}
body #order-standard_cart .view-cart-tabs .tab-content{padding:20px;background:var(--up-surface);border:1px solid var(--up-border);border-top:0;border-radius:0 0 12px 12px}
body #order-standard_cart .sub-heading{border-color:var(--up-border)}
body #order-standard_cart .sub-heading span{background:var(--up-bg);color:var(--up-ink);font-family:inherit;font-size:21px;font-weight:700}
body #order-standard_cart .sub-heading-borderless span{background:transparent}
body #order-standard_cart .field,body #order-standard_cart .form-control,body #order-standard_cart .custom-select{min-height:44px;background:var(--up-surface);color:var(--up-ink);border:1px solid #7b899a;border-radius:9px;font-family:inherit;font-size:16px}
body #order-standard_cart .field:focus,body #order-standard_cart .form-control:focus,body #order-standard_cart .custom-select:focus{border-color:var(--up-blue);box-shadow:0 0 0 3px rgba(0,118,200,.15)}
body #order-standard_cart .field:focus-visible,body #order-standard_cart .form-control:focus-visible,body #order-standard_cart .custom-select:focus-visible{outline:3px solid var(--up-focus);outline-offset:3px}
body #order-standard_cart .field[disabled],body #order-standard_cart .field[readonly],body #order-standard_cart .form-control[disabled],body #order-standard_cart .form-control[readonly]{background:var(--up-tint);color:var(--up-muted)}
body #order-standard_cart .prepend-icon .field{padding-left:36px}
body #order-standard_cart .prepend-icon .field-icon{color:var(--up-muted)}
body #order-standard_cart .product-info,body #order-standard_cart .panel-addon{background:var(--up-surface);color:var(--up-ink);border:1px solid var(--up-border);border-radius:12px}
body #order-standard_cart .panel-addon .panel-body{color:var(--up-ink)}
body #order-standard_cart .panel-addon .panel-body label{color:var(--up-ink)}
body #order-standard_cart .panel-addon .panel-price,body #order-standard_cart .apply-credit-container{background:var(--up-tint);color:var(--up-ink)}
body #order-standard_cart .panel-addon .panel-add{background:var(--up-tint);color:var(--up-link)}
body #order-standard_cart .panel-addon-selected{border-color:var(--up-blue)}
body #order-standard_cart .panel-addon-selected .panel-add{background:var(--up-blue);color:#fff}
body #order-standard_cart .account-select-container{background:var(--up-surface);border-color:var(--up-border);color:var(--up-ink)}
body #order-standard_cart .account-select-container.active{background:var(--up-tint);border-color:var(--up-blue)}
body #order-standard_cart .checkout-security-msg{background:var(--up-tint);border-color:var(--up-border);color:var(--up-muted);font-size:14px;line-height:1.5}
body #order-standard_cart .cc-input-container{background:var(--up-surface);color:var(--up-ink);border-color:var(--up-border);border-radius:12px}
body #order-standard_cart .cc-input-container .existing-cc-grid{color:var(--up-muted)}
body #order-standard_cart .view-cart-gateway-checkout,body #order-standard_cart .view-cart-promotion-code{background:var(--up-surface);border-color:var(--up-border);color:var(--up-ink)}
body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded=true],body #order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected=true]{background:var(--up-surface);border-color:var(--up-border);color:var(--up-link)}
body #order-standard_cart .gateway-errors{color:#8d2f2f}
body #order-standard_cart .payment-methods .payment-method{color:var(--up-ink)}
body #order-standard_cart .btn-primary,body #order-standard_cart #btnCompleteOrder{min-height:46px;padding:11px 20px;background:var(--up-blue);border:1px solid var(--up-blue);border-radius:10px;color:#fff;font-size:16px;font-weight:700}
body #order-standard_cart .btn-primary:hover,body #order-standard_cart #btnCompleteOrder:hover{background:var(--up-blue-hover);border-color:var(--up-blue-hover)}

/* Native standalone web invoice. PDF stays with the shipped invoicepdf.tpl. */
/* Native product descriptions may be empty. Keep price and action together. */
body #order-standard_cart .up-checkout-body{float:none;width:100%;margin-left:0;margin-right:0}
body #order-standard_cart .products .product .product-desc{float:none;width:auto;padding:12px 24px}
body #order-standard_cart .products .product .product-desc ul{margin-bottom:0}
body #order-standard_cart .products .product footer{float:none;width:auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left}
body #order-standard_cart .products .product .product-pricing{flex:1;min-width:0;margin:0;color:var(--up-muted)}
body #order-standard_cart .products .product .product-pricing .price{color:var(--up-ink);font-size:24px;font-weight:800;line-height:1.3}
body #order-standard_cart .products .product .btn-order-now{flex-shrink:0;margin:0;white-space:nowrap}
body .invoice-container{max-width:1000px;margin:36px auto 24px;padding:36px;background:var(--up-surface);border:1px solid var(--up-border);border-top:4px solid var(--up-sky);border-radius:18px;box-shadow:var(--up-shadow);color:var(--up-ink)}
body .invoice-container .invoice-header h3{font-size:28px;font-weight:800}
body .invoice-container .invoice-header img{max-width:220px;max-height:80px;width:auto;height:auto}
body .invoice-container hr{border-color:var(--up-border)}
body .invoice-container .invoice-status{font-weight:800;letter-spacing:-.02em}
body .invoice-container .invoice-status span{border-radius:8px}
body .invoice-container .total-row{background:var(--up-tint);color:var(--up-ink);font-variant-numeric:tabular-nums}
body .invoice-container address{line-height:1.65}
body .invoice-container .payment-btn-container{padding:14px 0}
body .invoice-container .bg-info{background:var(--up-blue)!important}

/* The native footer keeps legal terms, locale, currency and social links. */
body #footer.footer{margin-top:0;padding:30px 0;background:var(--up-surface);border-top:1px solid var(--up-border);color:var(--up-muted);font-size:14px}
body #footer .nav-link{color:var(--up-muted);font-weight:600}
body #footer .copyright{color:var(--up-muted);font-size:13px}
body #footer .btn{color:var(--up-ink)}
html.dark .bg-white,html.dark .bg-light,html.dark .bg-default{background-color:var(--up-surface)!important}
html.dark .text-dark{color:var(--up-ink)!important}
html.dark .border{border-color:var(--up-border)!important}
html.dark .form-control,html.dark .custom-select,html.dark #order-standard_cart .field{border-color:#6c7e98}
html.dark body #order-standard_cart .form-control,html.dark body #order-standard_cart .custom-select{border-color:#6c7e98}
html.dark .modal-localisation .modal-body{background:var(--up-surface)}
html.dark .modal-localisation .item{background:var(--up-tint);color:var(--up-ink)}

@media(min-width:1200px){body #main-body>.container{max-width:1160px}}
@media(max-width:1199px){.up-brand-nav{margin:0 24px}.up-brand-links{gap:20px}body #header #mainNavbar{padding:12px 0}body #header .navbar-nav .nav-link{padding-left:12px;padding-right:12px}body #header .dropdown-menu{margin-left:12px}}
@media(max-width:767px){
  .up-brand-shell{padding-top:12px}.up-brand-nav{margin:0 14px;min-height:60px;padding:7px 9px 7px 16px;gap:10px}
  .up-brand-logo img{width:132px}.up-brand-links{display:none}.up-brand-actions{gap:3px}.up-support-link{padding:10px 14px;font-size:13px}
  .up-account-band{min-height:158px;padding:58px 22px 22px;background-position:62% 50%}
  .up-account-band:before{background:rgba(243,250,255,.9)}.up-account-band .up-band-title{font-size:27px}.up-account-band .up-band-copy{font-size:14px;max-width:270px}
  html.dark .up-account-band:before{background:rgba(12,19,36,.9)}
  body #header .navbar{padding-top:10px;padding-bottom:10px}body #header .navbar-brand img{max-width:145px}
  body #main-body{padding:24px 0 32px}body .card-body{padding:20px}body .login-form .card-body{padding:24px}
  body .header-lined{margin-bottom:22px}body .tiles .tile{padding:16px 10px;border-radius:12px}
  /* Preserve Bootstrap row gutters inside native cart forms. */
  body .table{font-size:14px}body #order-standard_cart .cart-body{padding-left:15px;padding-right:15px}
  body #order-standard_cart .secondary-cart-body{padding-left:15px;padding-right:15px}body #order-standard_cart .secondary-cart-sidebar{max-width:100%}
  body #order-standard_cart .products .product header{padding:18px 20px}body #order-standard_cart .products .product .product-desc{padding:18px 20px}
  body #order-standard_cart .order-summary{margin-top:20px}body #order-standard_cart .view-cart-items .item{padding:16px 12px}
  body .invoice-container{width:calc(100% - 24px);margin:12px auto 20px;padding:22px 16px;border-radius:12px}
  body .invoice-container .invoice-header img{max-width:180px}body .invoice-container .invoice-status{margin:20px 0 10px}
}
@media(max-width:360px){.up-brand-logo img{width:112px}.up-support-link{padding:10px;font-size:12px}.up-theme-toggle{width:44px;flex-shrink:0}.up-brand-nav{margin:0 10px}}
@media(prefers-reduced-motion:reduce){body .btn,body .up-theme-toggle{transition:none}}
@media print{
  html,html.dark{color-scheme:light;--up-bg:#fff;--up-surface:#fff;--up-ink:#111;--up-muted:#444;--up-link:#111;--up-border:#ccc;--up-tint:#f3f5f7}
  body,body.primary-bg-color{background:#fff!important;color:#111!important;font-size:11pt}
  .up-brand-shell,.up-skip,#header,#footer,.master-breadcrumb,.sidebar,.d-print-none{display:none!important}
  body #main-body{padding:0}body .card,body .panel{box-shadow:none}
  body .invoice-container{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}
  body .invoice-container .invoice-header img{max-height:60px}body .invoice-container .table{font-size:10pt}
  body .invoice-container .card{break-inside:auto;box-shadow:none;border:1px solid #ccc}
  body .invoice-container tr,body .invoice-container address{break-inside:avoid}
  body .invoice-container thead{display:table-header-group}body .invoice-container .table-responsive{overflow:visible}
  body .invoice-container .invoice-status span{color:#111!important;border:1px solid #777}
  a[href]:after{content:none!important}
}