/* Vazzilo portal page system 4.0
 * Presentation-only rules for native Nexus/WHMCS output.
 * Dynamic forms, variables, tables, module output and actions remain native. */
:root{--vr-navy:#0b2239;--vr-blue:#0666ed;--vr-blue-dark:#004fb9;--vr-ink:#22384d;--vr-muted:#66788a;--vr-canvas:#f7f6f2;--vr-surface:#fffefa;--vr-white:#fff;--vr-line:#dbe3ea;--vr-line-strong:#b8c9d8;--vr-soft:#edf3fa;--vr-success:#18794e;--vr-success-bg:#e8f6ef;--vr-warning:#976400;--vr-warning-bg:#fff5d8;--vr-danger:#b42334;--vr-danger-bg:#fff0f1}
body.vz-review:not(.vz-homepage):not(.vz-auth){background:var(--vr-canvas);color:var(--vr-ink)}
body.vz-review .primary-content{min-width:0}
body.vz-review.vz-app #main-body>.container>.row>.primary-content{order:1}
body.vz-review.vz-app #main-body>.container>.row>.col-lg-4.col-xl-3{order:2}
body.vz-review .vz-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid var(--vr-line)}
body.vz-review .vz-page-heading h1{margin:0;color:var(--vr-navy);font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1.08;letter-spacing:-.035em}
body.vz-review .vz-page-heading h1:after{content:"";display:block;width:44px;height:2px;margin-top:14px;background:var(--vr-blue)}

/* Shared surfaces */
body.vz-review .card,body.vz-review .panel,body.vz-review .well{margin-bottom:18px;border:1px solid var(--vr-line);border-radius:4px;background:var(--vr-white);box-shadow:none;color:var(--vr-ink);overflow:visible}
body.vz-review .card-header,body.vz-review .panel-heading{min-height:56px;padding:16px 20px;border:0;border-bottom:1px solid var(--vr-line);border-radius:3px 3px 0 0;background:var(--vr-white);color:var(--vr-navy);font-size:16px;font-weight:700}
body.vz-review .card-body,body.vz-review .panel-body{padding:22px}
body.vz-review .card-footer,body.vz-review .panel-footer{padding:14px 20px;border:0;border-top:1px solid var(--vr-line);background:#fbfcfd}
body.vz-review .card-title{margin-bottom:18px;color:var(--vr-navy);font-size:19px;font-weight:700;letter-spacing:-.015em}
body.vz-review .card-title i{color:var(--vr-blue)}
body.vz-review hr{border-color:var(--vr-line)}
body.vz-review .list-group-item{padding:14px 18px;border-color:var(--vr-line);background:var(--vr-white);color:var(--vr-ink)}
body.vz-review a.list-group-item:hover,body.vz-review a.list-group-item:focus{background:#f3f7fc;color:var(--vr-blue)}

/* Buttons and controls */
body.vz-review .btn{min-height:40px;border-radius:3px;font-weight:600;box-shadow:none}
body.vz-review .btn-primary,body.vz-review .btn-success{border-color:var(--vr-blue);background:var(--vr-blue);color:#fff}
body.vz-review .btn-primary:hover,body.vz-review .btn-primary:focus,body.vz-review .btn-success:hover,body.vz-review .btn-success:focus{border-color:var(--vr-blue-dark);background:var(--vr-blue-dark);color:#fff}
body.vz-review .btn-default,body.vz-review .btn-secondary,body.vz-review .btn-info{border:1px solid var(--vr-line-strong);background:#fff;color:var(--vr-ink)}
body.vz-review .btn-default:hover,body.vz-review .btn-secondary:hover,body.vz-review .btn-info:hover{border-color:var(--vr-blue);background:#f2f7ff;color:var(--vr-blue)}
body.vz-review .btn-danger{border-color:#d96a76;background:#fff;color:var(--vr-danger)}
body.vz-review .btn-danger:hover,body.vz-review .btn-danger:focus{border-color:var(--vr-danger);background:var(--vr-danger);color:#fff}
body.vz-review .form-control,body.vz-review .custom-select,body.vz-review select.form-control{min-height:44px;border:1px solid var(--vr-line-strong);border-radius:3px;background:#fff;color:var(--vr-ink);box-shadow:none}
body.vz-review textarea.form-control{min-height:120px}
body.vz-review .form-control:focus,body.vz-review .custom-select:focus{border-color:var(--vr-blue);box-shadow:0 0 0 3px rgba(6,102,237,.12)}
body.vz-review .form-control:disabled,body.vz-review .form-control[readonly]{background:#f0f3f6;color:#53697d}
body.vz-review .form-group{margin-bottom:20px}
body.vz-review .form-group label,body.vz-review .col-form-label{color:var(--vr-ink);font-weight:650}
body.vz-review .input-group-text{border-color:var(--vr-line-strong);background:#f4f7fa;color:var(--vr-muted)}

/* Status and messages */
body.vz-review .alert{padding:14px 16px;border:1px solid var(--vr-line);border-radius:3px;background:#f1f6fd;color:var(--vr-ink)}
body.vz-review .alert-success{border-color:#b8dfcc;background:var(--vr-success-bg);color:#145f40}
body.vz-review .alert-warning{border-color:#ecd598;background:var(--vr-warning-bg);color:#725000}
body.vz-review .alert-danger,body.vz-review .alert-error{border-color:#efbcc2;background:var(--vr-danger-bg);color:#8f1f2b}
body.vz-review .label.status,body.vz-review .label[class*="label-"],body.vz-review .badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 10px;border-radius:14px;font-size:11px;font-weight:700;line-height:1.2}
body.vz-review .status-active,body.vz-review .status-paid,body.vz-review .label-success,body.vz-review .badge-success{background:var(--vr-success-bg)!important;color:var(--vr-success)!important}
body.vz-review .status-pending,body.vz-review .status-unpaid,body.vz-review .label-warning,body.vz-review .badge-warning{background:var(--vr-warning-bg)!important;color:var(--vr-warning)!important}
body.vz-review .status-suspended,body.vz-review .status-cancelled,body.vz-review .status-terminated,body.vz-review .status-overdue,body.vz-review .label-danger,body.vz-review .badge-danger{background:var(--vr-danger-bg)!important;color:var(--vr-danger)!important}
body.vz-review .status-custom,body.vz-review .status-open,body.vz-review .status-answered,body.vz-review .label-info,body.vz-review .badge-info{background:#e8f2ff!important;color:#0759c8!important}

/* Data tables and dense lists */
body.vz-review .table-container{clear:both;margin-bottom:22px;border:1px solid var(--vr-line);border-radius:4px;background:#fff;overflow-x:auto}
body.vz-review .table{width:100%;margin:0;color:var(--vr-ink)}
body.vz-review .table thead th{padding:13px 15px;border:0;border-bottom:1px solid var(--vr-line);background:#eef3f7;color:#354c62;font-size:12px;font-weight:700;letter-spacing:.02em;vertical-align:middle}
body.vz-review .table tbody td{padding:15px;border-color:var(--vr-line);vertical-align:middle}
body.vz-review .table-striped tbody tr:nth-of-type(odd){background:#fafbfd}
body.vz-review .table-list tbody tr{transition:background-color .15s ease}
body.vz-review .table-list tbody tr:hover{background:#f1f6fc}
body.vz-review .dataTables_wrapper{padding:18px;border:1px solid var(--vr-line);border-radius:4px;background:#fff}
body.vz-review .dataTables_wrapper .table-container{margin:14px -1px;border-radius:3px}
body.vz-review .dataTables_filter input,body.vz-review .dataTables_length select{min-height:40px;border:1px solid var(--vr-line-strong);border-radius:3px}
body.vz-review .dataTables_info{color:var(--vr-muted);font-size:12px}
body.vz-review .pagination{gap:4px;margin:18px 0}
body.vz-review .page-link{min-width:38px;min-height:38px;border-color:var(--vr-line);color:var(--vr-ink);text-align:center}
body.vz-review .page-item.active .page-link{border-color:var(--vr-blue);background:var(--vr-blue);color:#fff}

/* Tabs */
body.vz-review .nav-tabs{gap:4px;padding:0 10px;border:1px solid var(--vr-line);border-radius:4px 4px 0 0;background:#fff}
body.vz-review .nav-tabs .nav-link{min-height:48px;padding:14px 16px;border:0;border-bottom:2px solid transparent;color:var(--vr-muted);font-weight:600}
body.vz-review .nav-tabs .nav-link:hover{color:var(--vr-blue)}
body.vz-review .nav-tabs .nav-link.active{border-bottom-color:var(--vr-blue);background:transparent;color:var(--vr-blue)}
body.vz-review .product-details-tab-container,body.vz-review .tab-content>.tab-pane>.card:first-child{border-top-left-radius:0}

/* Services and domains */
body.vz-page-clientareaproductdetails .product-details .product-status{padding:24px;border:1px solid var(--vr-line);border-radius:4px;background:#f7f9fc}
body.vz-page-clientareaproductdetails .product-details .product-icon .fa-circle{color:#dcecff}
body.vz-page-clientareaproductdetails .product-details .product-icon .fa-inverse{color:var(--vr-blue)}
body.vz-page-clientareaproductdetails .product-details .product-icon h3{margin:12px 0 4px;color:var(--vr-navy);font-size:22px}
body.vz-page-clientareaproductdetails .product-details .product-icon h4{color:var(--vr-muted);font-size:14px}
body.vz-page-clientareaproductdetails .product-details .product-status-text{display:inline-flex;margin-top:14px;padding:5px 11px;border-radius:14px;background:#e8f2ff;color:#0759c8;font-size:11px;font-weight:700;text-transform:uppercase}
body.vz-page-clientareaproductdetails .product-actions-wrapper{gap:8px;margin-top:14px}
body.vz-page-clientareaproductdetails .product-actions-wrapper>[class*="col-"]{padding-block:3px}
body.vz-page-clientareaproductdetails .product-details>.row>.col-md-6:last-child{padding:22px;text-align:left!important;border-left:1px solid var(--vr-line)}
body.vz-page-clientareaproductdetails .product-details>.row>.col-md-6:last-child h4{display:inline-block;width:48%;margin:0 0 12px;color:var(--vr-muted);font-size:12px;font-weight:600}
body.vz-page-clientareadomaindetails #tabOverview>.card .row.mb-3{margin:0!important;padding:12px 0;border-top:1px solid var(--vr-line)}
body.vz-page-clientareadomaindetails #tabOverview>.card .row.mb-3:first-of-type{border-top:0}
body.vz-page-clientareadomaindetails .tab-pane>.card{max-width:1040px}
body.vz-page-clientareadomains .btn-group-sm .btn{min-height:38px}

/* Tickets */
body.vz-page-supportticketslist .ticket-number{display:block;margin-bottom:4px;color:var(--vr-blue);font-weight:700}
body.vz-page-supportticketslist .ticket-subject{color:var(--vr-navy);font-weight:600}
body.vz-page-viewticket .view-ticket{overflow:hidden}
body.vz-page-viewticket .view-ticket>.card-body:first-child{background:#f5f8fb}
body.vz-page-viewticket .ticket-reply{border:1px solid var(--vr-line);border-radius:4px;background:#fff;overflow:hidden}
body.vz-page-viewticket .ticket-reply.staff{border-left:3px solid var(--vr-blue)}
body.vz-page-viewticket .ticket-reply .posted-by{padding:13px 16px;border-bottom:1px solid var(--vr-line);background:#f7f9fb;color:var(--vr-navy);font-weight:700}
body.vz-page-viewticket .ticket-reply .message{color:var(--vr-ink);line-height:1.7}
body.vz-page-viewticket .attachments{border-top:1px solid var(--vr-line);background:#fafbfd}
body.vz-page-viewticket #ticketReplyContainer{margin-top:24px}

/* Billing, account, affiliates and knowledgebase */
body.vz-page-viewinvoice .invoice-container,body.vz-page-viewquote .invoice-container,body.vz-page-viewbillingnote .invoice-container{border:1px solid var(--vr-line);border-radius:4px;background:#fff;box-shadow:none}
body.vz-page-clientareadetails form>.card,body.vz-page-account-paymentmethods .card,body.vz-page-account-user-management .card{max-width:1120px}
body.vz-page-clientareadetails .card-body>.row.d-md-block:after{content:"";display:block;clear:both}
body.vz-page-affiliates .affiliate-stat{height:100%;min-height:150px;padding:24px;border:1px solid var(--vr-line);border-radius:4px;background:#fff!important;color:var(--vr-navy)}
body.vz-page-affiliates .affiliate-stat i{color:var(--vr-blue)}
body.vz-page-affiliates .affiliate-stat span{display:block;margin:10px 0 2px;font-size:30px;font-weight:750}
body.vz-page-knowledgebasearticle article{font-size:15px;line-height:1.8;color:var(--vr-ink)}
body.vz-page-knowledgebasearticle article h2,body.vz-page-knowledgebasearticle article h3{margin-top:28px;color:var(--vr-navy)}
body.vz-page-knowledgebasearticle .kb-article-item small{display:block;margin:5px 0 0 26px;color:var(--vr-muted)}

/* Contact, network and utility states */
body.vz-page-contact .card,body.vz-page-serverstatus .card{max-width:1080px}
body.vz-page-contact form{max-width:880px;margin:auto}
body.vz-page-serverstatus .card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.vz-page-page-not-found #main-body .container>.text-center,body.vz-page-internal-error #main-body .container>.text-center,body.vz-page-rate-limit-exceeded #main-body .container>.text-center{max-width:760px;margin:40px auto;padding:64px 28px!important;border:1px solid var(--vr-line);border-radius:4px;background:#fff}
body.vz-page-page-not-found .display-1,body.vz-page-internal-error .display-1,body.vz-page-rate-limit-exceeded .display-1{color:var(--vr-navy)!important}
body.vz-page-page-not-found i.display-1,body.vz-page-internal-error i.display-1,body.vz-page-rate-limit-exceeded i.display-1{color:var(--vr-blue)!important;font-size:56px}
body.vz-page-two-factor-challenge .mw-540{margin-inline:auto;border-top:3px solid var(--vr-blue)}
body.vz-review.vz-document{min-height:100vh;background:var(--vr-canvas);color:var(--vr-ink)}
body.vz-review.vz-document .invoice-container{max-width:1040px;margin:36px auto;padding:36px;border:1px solid var(--vr-line);border-radius:4px;background:#fff;box-shadow:none}
body.vz-review.vz-document .invoice-header{padding-bottom:22px;border-bottom:1px solid var(--vr-line)}
body.vz-review.vz-document .invoice-header img{width:auto;max-width:180px;height:auto}
body.vz-review.vz-document .invoice-status span{display:inline-flex;padding:7px 14px;border-radius:18px;font-weight:700}
body.vz-review.vz-document .invoice-status .paid{background:var(--vr-success-bg);color:var(--vr-success)}
body.vz-review.vz-document .invoice-status .unpaid,body.vz-review.vz-document .invoice-status .collections{background:var(--vr-danger-bg);color:var(--vr-danger)}
body.vz-review.vz-oauth section#header{padding:18px 0;border-bottom:1px solid var(--vr-line);background:#fff}
body.vz-review.vz-oauth section#header img{width:170px;height:auto}
body.vz-review.vz-oauth section#content{margin:0;padding:56px 20px;background:var(--vr-canvas)}
body.vz-review.vz-oauth .content-container{max-width:620px;padding:0;border:1px solid var(--vr-line);border-top:3px solid var(--vr-blue);border-radius:4px;background:#fff;overflow:hidden}
body.vz-review.vz-oauth .content-padded{padding:36px 42px}
body.vz-review.vz-oauth .action-buttons{display:flex;justify-content:flex-end;gap:10px;margin:0;padding:18px 24px;border-top:1px solid var(--vr-line);background:#f7f9fb}
body.vz-review.vz-oauth section#footer{margin:0;padding:22px;border-top:1px solid var(--vr-line);background:#fff;color:var(--vr-muted)}

/* Sidebar panels on legacy utility pages */
body.vz-review .sidebar .panel{overflow:hidden}
body.vz-review .sidebar .panel-heading{min-height:48px;padding:13px 16px;font-size:13px}
body.vz-review .sidebar .list-group-item{padding:12px 16px;font-size:13px}
body.vz-review .sidebar .list-group-item.active{border-color:var(--vr-blue);background:var(--vr-blue);color:#fff}

@media(max-width:991px){
 body.vz-review .vz-page-heading h1{font-size:32px}
 body.vz-review .card-body,body.vz-review .panel-body{padding:18px}
 body.vz-page-clientareaproductdetails .product-details>.row>.col-md-6:last-child{border-top:1px solid var(--vr-line);border-left:0}
}

/* Vazzilo invoice — browser and print presentation */
body.vz-page-viewinvoice {
  background: #f7f8f6;
  color: #08254a;
}

body.vz-review.vz-document.vz-page-viewinvoice .invoice-container {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 36px auto 18px;
  padding: 32px 42px 30px;
  border: 1px solid #cddbeb;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(8, 37, 74, .07);
}

body.vz-review.vz-document.vz-page-viewinvoice .invoice-container::after {
  display: block;
  clear: both;
  content: "";
}

.vz-page-viewinvoice .vz-invoice-header {
  align-items: center;
  margin: 0;
}

.vz-page-viewinvoice .vz-invoice-header .invoice-col {
  padding: 0;
}

.vz-page-viewinvoice .vz-invoice-header img {
  width: auto;
  max-width: 260px;
  max-height: 78px;
  object-fit: contain;
}

.vz-page-viewinvoice .vz-invoice-header h1 {
  margin: 24px 0 4px;
  color: #08254a;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  font-weight: 750;
  letter-spacing: -.035em;
}

.vz-page-viewinvoice .invoice-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 10px 18px;
  border-radius: 12px;
  background: #edf1f5;
  font-size: 1.2rem;
  line-height: 1;
}

.vz-page-viewinvoice .invoice-status .paid { color: #087f3f; }
.vz-page-viewinvoice .invoice-status .unpaid { color: #b42318; }
.vz-page-viewinvoice .invoice-status .draft,
.vz-page-viewinvoice .invoice-status .cancelled { color: #53657a; }
.vz-page-viewinvoice .invoice-status .refunded { color: #175cd3; }
.vz-page-viewinvoice .invoice-status .collections { color: #9a6700; }

.vz-page-viewinvoice .vz-invoice-rule {
  margin: 18px 0 24px;
  border-color: #cddbeb;
}

.vz-page-viewinvoice .vz-invoice-parties {
  margin: 0;
  border: 1px solid #c9dcf5;
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  background: #fff;
}

.vz-page-viewinvoice .vz-invoice-secondary-meta {
  border-top: 0;
  border-bottom: 1px solid #c9dcf5;
  border-radius: 0 0 10px 10px;
}

.vz-page-viewinvoice .vz-invoice-parties .invoice-col {
  display: flex;
  gap: 16px;
  min-height: 112px;
  padding: 22px;
  text-align: left !important;
}

.vz-page-viewinvoice .vz-invoice-parties .invoice-col + .invoice-col,
.vz-page-viewinvoice .vz-invoice-parties .invoice-col:first-child {
  border-left: 1px solid #dbe5f0;
}

.vz-page-viewinvoice .vz-invoice-parties .invoice-col:last-child {
  border-left: 0;
}

.vz-page-viewinvoice .vz-invoice-meta-icon {
  display: inline-flex;
  flex: 0 0 54px;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #edf5ff;
  color: #0666ee;
  font-size: 1.4rem;
}

.vz-page-viewinvoice .vz-invoice-meta-copy {
  flex: 1 1 auto;
  min-width: 0;
}

.vz-page-viewinvoice .vz-invoice-meta-copy strong {
  display: inline-block;
  margin-bottom: 3px;
  color: #08254a;
  font-size: 1rem;
}

.vz-page-viewinvoice .vz-invoice-meta-copy address,
.vz-page-viewinvoice .vz-invoice-meta-copy .small-text {
  margin: 0;
  color: #28466e;
  font-size: .92rem;
  line-height: 1.55;
}

.vz-page-viewinvoice .vz-invoice-meta-copy .float-sm-right {
  float: none !important;
}

.vz-page-viewinvoice .vz-invoice-section {
  overflow: hidden;
  margin-top: 20px;
  border: 1px solid #bfd6f3;
  border-radius: 10px;
  box-shadow: none;
}

.vz-page-viewinvoice .vz-invoice-section .card-header,
.vz-page-viewinvoice .vz-invoice-section > .card-title {
  padding: 14px 18px !important;
  border: 0;
  background: #edf6ff !important;
  color: #08254a !important;
}

.vz-page-viewinvoice .vz-invoice-section .card-title {
  font-size: 1.18rem !important;
  font-weight: 750;
}

.vz-page-viewinvoice .vz-invoice-section .card-title i {
  margin-right: 10px;
  color: #0666ee;
}

.vz-page-viewinvoice .vz-invoice-section table {
  margin: 0;
  color: #08254a;
}

.vz-page-viewinvoice .vz-invoice-section table td {
  padding: 14px 16px;
  vertical-align: middle;
  border-color: #dbe5f0;
}

.vz-page-viewinvoice .vz-invoice-section table thead td {
  background: #fff;
  color: #08254a;
}

.vz-page-viewinvoice .vz-invoice-section td.total-row {
  background: #edf6ff;
}

.vz-page-viewinvoice .vz-invoice-items tbody tr:last-child td {
  font-size: 1.05rem;
  font-weight: 750;
}

.vz-page-viewinvoice .vz-invoice-ledger .transactions-container tbody tr:only-child td {
  padding: 30px 16px;
  color: #63758f;
}

.vz-page-viewinvoice .vz-invoice-actions {
  gap: 10px;
  margin-top: 10px;
}

.vz-page-viewinvoice .vz-invoice-actions .btn {
  min-height: 44px;
  padding: 10px 20px;
  border-radius: 7px !important;
  font-size: .92rem;
  font-weight: 700;
}

.vz-page-viewinvoice .vz-invoice-actions .btn:last-child {
  border-color: #0666ee;
  background: #0666ee;
  color: #fff;
}

.vz-page-viewinvoice .vz-invoice-back {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin: 0 auto 36px;
  text-align: left !important;
}

.vz-page-viewinvoice .payment-btn-container {
  margin-top: 12px;
}

@media (max-width: 767px) {
  body.vz-review.vz-document.vz-page-viewinvoice .invoice-container {
    width: calc(100% - 20px);
    margin-top: 10px;
    padding: 22px 16px 28px;
  }

  .vz-page-viewinvoice .vz-invoice-header .invoice-col {
    text-align: left !important;
  }

  .vz-page-viewinvoice .vz-invoice-header .invoice-col:last-child {
    margin-top: 18px;
  }

  .vz-page-viewinvoice .vz-invoice-parties,
  .vz-page-viewinvoice .vz-invoice-secondary-meta {
    border: 1px solid #c9dcf5;
    border-radius: 10px;
  }

  .vz-page-viewinvoice .vz-invoice-secondary-meta { margin-top: 12px; }

  .vz-page-viewinvoice .vz-invoice-parties .invoice-col {
    min-height: 0;
    padding: 18px;
    border: 0 !important;
  }

  .vz-page-viewinvoice .vz-invoice-parties .invoice-col + .invoice-col {
    border-top: 1px solid #dbe5f0 !important;
  }

  .vz-page-viewinvoice .vz-invoice-parties .invoice-col:first-child { order: 2; }
  .vz-page-viewinvoice .vz-invoice-parties .invoice-col:last-child { order: 1; }

  .vz-page-viewinvoice .vz-invoice-meta-icon {
    flex-basis: 44px;
    width: 44px;
    height: 44px;
  }

  .vz-page-viewinvoice .vz-invoice-section table {
    min-width: 560px;
  }

  .vz-page-viewinvoice .vz-invoice-items table {
    min-width: 0;
  }

  .vz-page-viewinvoice .vz-invoice-actions {
    float: none !important;
    display: flex;
    width: 100%;
  }

  .vz-page-viewinvoice .vz-invoice-actions .btn { flex: 1 1 50%; }
}

@media print {
  body.vz-page-viewinvoice { background: #fff !important; }
  body.vz-review.vz-document.vz-page-viewinvoice .invoice-container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 20px;
    border: 0;
    box-shadow: none;
  }
}
@media(max-width:767px){
 body.vz-review .vz-page-heading{margin-bottom:16px;padding-bottom:14px}
 body.vz-review .vz-page-heading h1{font-size:27px}
 body.vz-review .card-header,body.vz-review .panel-heading{padding:14px 16px}
 body.vz-review .card-body,body.vz-review .panel-body{padding:16px}
 body.vz-review .dataTables_wrapper{padding:12px}
 body.vz-review .dataTables_wrapper .dataTables_filter,body.vz-review .dataTables_wrapper .dataTables_length{float:none!important;width:100%;margin-bottom:10px;text-align:left!important}
 body.vz-review .dataTables_wrapper .dataTables_filter input{width:100%;margin:6px 0 0}
 body.vz-review .table-container{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 body.vz-review .table{min-width:680px}
 body.vz-review .nav-tabs{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}
 body.vz-page-clientareaproductdetails .product-details>.row>.col-md-6:last-child h4{width:55%}
 body.vz-page-clientareadomaindetails #tabOverview>.card .row.mb-3>[class*="col-"]+>[class*="col-"]{margin-top:5px}
 body.vz-page-viewticket .ticket-actions{float:none!important;display:flex;gap:8px}
 body.vz-page-viewticket .ticket-actions .btn{flex:1}
 body.vz-page-page-not-found #main-body .container>.text-center,body.vz-page-internal-error #main-body .container>.text-center,body.vz-page-rate-limit-exceeded #main-body .container>.text-center{margin:10px auto;padding:40px 18px!important}
 body.vz-review.vz-document .invoice-container{margin:12px;padding:20px}
 body.vz-review.vz-oauth section#content{padding:24px 12px}
 body.vz-review.vz-oauth .content-padded{padding:24px 20px}
 body.vz-review.vz-oauth .action-buttons{align-items:stretch;flex-direction:column}
}
@media print{body.vz-review .card,body.vz-review .table-container{border-color:#bbb;box-shadow:none}}