/* Bootstrap 3 Badge Contextual Colors */
.badge-success { background-color: #15803d; }
.badge-info { background-color: #0369a1; }
.badge-warning { background-color: #a16207; }
.badge-danger { background-color: #b91c1c; }
.badge-primary { background-color: #0f766e; }
.badge-default { background-color: #777777; }

/* Bootstrap 3 components; only layout, spacing and content overflow below. */
.neworder-page [hidden] { display: none !important; }
.neworder-heading { margin-top: 0; }
.service-picker__header { margin-bottom: 15px; }
.service-picker__header h2 { margin-top: 7px; }
.service-picker__item { margin-bottom: 10px; }
.service-picker__button { white-space: normal; }
.service-picker__button i { margin-inline-end: 6px; }
.neworder-tabs { margin-bottom: 20px; }
.neworder-details dd { margin-bottom: 15px; overflow-wrap: anywhere; }
.neworder-notes, #service_description { overflow-wrap: anywhere; }
.neworder-page #service_description { overflow-x: auto; }
.neworder-page #service_description img { max-width: 100%; height: auto; }
.neworder-page #service_description .panel-body { padding: 0; }
.neworder-search, .neworder-search .input-wrapper { position: relative; }
.neworder-search__button { position: absolute; top: 50%; transform: translateY(-50%); padding: 0 2px; background: none; border: 0; inset-inline-start: 12px; }
.neworder-search .form-control { padding-inline-start: 36px; }
@media (max-width: 767px) {
  .service-picker__button { min-height: 44px; }
  .service-picker__button i { margin-inline-end: 0; font-size: 18px; }
}
@media (min-width: 992px) {
  .neworder-main { width: 60%; }
  .neworder-sidebar { width: 40%; }
}


/* Commercial palette overrides — load style.css after bootstrap.css. */
@media print {
pre, blockquote {
  border: 1px solid #6b7280;
}
}
@media print {
.table-bordered th, .table-bordered td {
  border: 1px solid #dbe3ec !important;
}
}
body {
  color: #243447;
}
a {
  color: #0f766e;
}
a:hover, a:focus {
  color: #115e59;
}
.img-thumbnail {
  border: 1px solid #dbe3ec;
}
hr {
  border-top: 1px solid #edf2f7;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #64748b;
}
mark, .mark {
  background-color: #fffbeb;
}
.text-muted {
  color: #64748b;
}
.text-primary {
  color: #0f766e;
}
a.text-primary:hover, a.text-primary:focus {
  color: #115e59;
}
.text-success {
  color: #166534;
}
a.text-success:hover, a.text-success:focus {
  color: #14532d;
}
.text-info {
  color: #075985;
}
a.text-info:hover, a.text-info:focus {
  color: #0c4a6e;
}
.text-warning {
  color: #854d0e;
}
a.text-warning:hover, a.text-warning:focus {
  color: #713f12;
}
.text-danger {
  color: #991b1b;
}
a.text-danger:hover, a.text-danger:focus {
  color: #7f1d1d;
}
.bg-primary {
  background-color: #0f766e;
}
a.bg-primary:hover, a.bg-primary:focus {
  background-color: #115e59;
}
.bg-success {
  background-color: #ecfdf3;
}
a.bg-success:hover, a.bg-success:focus {
  background-color: #bbf7d0;
}
.bg-info {
  background-color: #f0f9ff;
}
a.bg-info:hover, a.bg-info:focus {
  background-color: #bae6fd;
}
.bg-warning {
  background-color: #fffbeb;
}
a.bg-warning:hover, a.bg-warning:focus {
  background-color: #fde68a;
}
.bg-danger {
  background-color: #fef2f2;
}
a.bg-danger:hover, a.bg-danger:focus {
  background-color: #fecaca;
}
.page-header {
  border-bottom: 1px solid #edf2f7;
}
abbr[title], abbr[data-original-title] {
  border-bottom: 1px dotted #64748b;
}
blockquote {
  border-left: 5px solid #edf2f7;
}
blockquote footer, blockquote small, blockquote .small {
  color: #64748b;
}
.blockquote-reverse, blockquote.pull-right {
  border-right: 5px solid #edf2f7;
}
kbd {
  background-color: #243447;
}
pre {
  color: #243447;
  background-color: #f1f5f9;
  border: 1px solid #cbd5e1;
}
caption {
  color: #64748b;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #dbe3ec;
}
.table > thead > tr > th {
  border-bottom: 2px solid #dbe3ec;
}
.table > tbody + tbody {
  border-top: 2px solid #dbe3ec;
}
.table-bordered {
  border: 1px solid #dbe3ec;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  border: 1px solid #dbe3ec;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f8fafc;
}
.table-hover > tbody > tr:hover {
  background-color: #f1f5f9;
}
.table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th {
  background-color: #f1f5f9;
}
.table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {
  background-color: #e2e8f0;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
  background-color: #ecfdf3;
}
.table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th {
  background-color: #dcfce7;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
  background-color: #f0f9ff;
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th {
  background-color: #e0f2fe;
}
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
  background-color: #fffbeb;
}
.table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th {
  background-color: #fef3c7;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
  background-color: #fef2f2;
}
.table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th {
  background-color: #fee2e2;
}
@media screen and (max-width: 767px) {
.table-responsive {
  border: 1px solid #dbe3ec;
}
}
legend {
  color: #243447;
  border-bottom: 1px solid #e2e8f0;
}
output {
  color: #475569;
}
.form-control {
  color: #475569;
  border: 1px solid #cbd5e1;
}
.form-control:focus {
  border-color: #0f766e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(15, 118, 110, .25);
}
.form-control::-moz-placeholder {
  color: #6b7280;
}
.form-control:-ms-input-placeholder {
  color: #6b7280;
}
.form-control::-webkit-input-placeholder {
  color: #6b7280;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #edf2f7;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #166534;
}
.has-success .form-control {
  border-color: #166534;
}
.has-success .form-control:focus {
  border-color: #14532d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #15803d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #15803d;
}
.has-success .input-group-addon {
  color: #166534;
  background-color: #ecfdf3;
  border-color: #166534;
}
.has-success .form-control-feedback {
  color: #166534;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #854d0e;
}
.has-warning .form-control {
  border-color: #854d0e;
}
.has-warning .form-control:focus {
  border-color: #713f12;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a16207;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #a16207;
}
.has-warning .input-group-addon {
  color: #854d0e;
  background-color: #fffbeb;
  border-color: #854d0e;
}
.has-warning .form-control-feedback {
  color: #854d0e;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #991b1b;
}
.has-error .form-control {
  border-color: #991b1b;
}
.has-error .form-control:focus {
  border-color: #7f1d1d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b91c1c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #b91c1c;
}
.has-error .input-group-addon {
  color: #991b1b;
  background-color: #fef2f2;
  border-color: #991b1b;
}
.has-error .form-control-feedback {
  color: #991b1b;
}
.help-block {
  color: #64748b;
}
.btn:hover, .btn:focus, .btn.focus {
  color: #243447;
}
.btn-default {
  color: #243447;
  border-color: #cbd5e1;
}
.btn-default:focus, .btn-default.focus {
  color: #243447;
  background-color: #e2e8f0;
  border-color: #64748b;
}
.btn-default:hover {
  color: #243447;
  background-color: #e2e8f0;
  border-color: #94a3b8;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #243447;
  background-color: #e2e8f0;
  border-color: #94a3b8;
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  color: #243447;
  background-color: #cbd5e1;
  border-color: #64748b;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
  border-color: #cbd5e1;
}
.btn-default .badge {
  background-color: #243447;
}
.btn-primary {
  background-color: #0f766e;
  border-color: #0d6962;
}
.btn-primary:focus, .btn-primary.focus {
  background-color: #115e59;
  border-color: #0b3936;
}
.btn-primary:hover {
  background-color: #115e59;
  border-color: #134e4a;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-color: #115e59;
  border-color: #134e4a;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  background-color: #134e4a;
  border-color: #0b3936;
}
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background-color: #0f766e;
  border-color: #0d6962;
}
.btn-primary .badge {
  color: #0f766e;
}
.btn-success {
  background-color: #15803d;
  border-color: #166534;
}
.btn-success:focus, .btn-success.focus {
  background-color: #166534;
  border-color: #123e25;
}
.btn-success:hover {
  background-color: #166534;
  border-color: #14532d;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background-color: #166534;
  border-color: #14532d;
}
.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
  background-color: #14532d;
  border-color: #123e25;
}
.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
  background-color: #15803d;
  border-color: #166534;
}
.btn-success .badge {
  color: #15803d;
}
.btn-info {
  background-color: #0369a1;
  border-color: #075985;
}
.btn-info:focus, .btn-info.focus {
  background-color: #075985;
  border-color: #083b59;
}
.btn-info:hover {
  background-color: #075985;
  border-color: #0c4a6e;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-color: #075985;
  border-color: #0c4a6e;
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
  background-color: #0c4a6e;
  border-color: #083b59;
}
.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
  background-color: #0369a1;
  border-color: #075985;
}
.btn-info .badge {
  color: #0369a1;
}
.btn-warning {
  background-color: #a16207;
  border-color: #854d0e;
}
.btn-warning:focus, .btn-warning.focus {
  background-color: #854d0e;
  border-color: #5f350f;
}
.btn-warning:hover {
  background-color: #854d0e;
  border-color: #713f12;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background-color: #854d0e;
  border-color: #713f12;
}
.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
  background-color: #713f12;
  border-color: #5f350f;
}
.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
  background-color: #a16207;
  border-color: #854d0e;
}
.btn-warning .badge {
  color: #a16207;
}
.btn-danger {
  background-color: #b91c1c;
  border-color: #991b1b;
}
.btn-danger:focus, .btn-danger.focus {
  background-color: #991b1b;
  border-color: #641717;
}
.btn-danger:hover {
  background-color: #991b1b;
  border-color: #7f1d1d;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  background-color: #991b1b;
  border-color: #7f1d1d;
}
.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
  background-color: #7f1d1d;
  border-color: #641717;
}
.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
  background-color: #b91c1c;
  border-color: #991b1b;
}
.btn-danger .badge {
  color: #b91c1c;
}
.btn-link {
  color: #0f766e;
}
.btn-link:hover, .btn-link:focus {
  color: #115e59;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #64748b;
}
.dropdown-menu {
  border: 1px solid #cbd5e1;
}
.dropdown-menu .divider {
  background-color: #e2e8f0;
}
.dropdown-menu > li > a {
  color: #243447;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  color: #1e293b;
  background-color: #f1f5f9;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  background-color: #0f766e;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #64748b;
}
.dropdown-header {
  color: #64748b;
}
.input-group-addon {
  color: #475569;
  background-color: #edf2f7;
  border: 1px solid #cbd5e1;
}
.nav > li > a:hover, .nav > li > a:focus {
  background-color: #edf2f7;
}
.nav > li.disabled > a {
  color: #64748b;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #64748b;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #edf2f7;
  border-color: #0f766e;
}
.nav .nav-divider {
  background-color: #e2e8f0;
}
.nav-tabs {
  border-bottom: 1px solid #dbe3ec;
}
.nav-tabs > li > a:hover {
  border-color: #edf2f7 #edf2f7 #dbe3ec;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #475569;
  border: 1px solid #dbe3ec;
}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dbe3ec;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #dbe3ec;
}
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #0f766e;
}
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus {
  border: 1px solid #dbe3ec;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #dbe3ec;
}
}
.navbar-default .navbar-collapsed .navbar-nav .open .dropdown-menu > li > a {
  color: #64748b;
}
.navbar-default .navbar-collapsed .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-collapsed .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #243447;
}
.navbar-default {
  background-color: #f8fafc;
  border-color: #dbe3ec;
}
.navbar-default .navbar-brand {
  color: #64748b;
}
.navbar-default .navbar-text {
  color: #64748b;
}
.navbar-default .navbar-nav > li > a {
  color: #64748b;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #243447;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #475569;
  background-color: #dbe3ec;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #cbd5e1;
}
.navbar-default .navbar-toggle {
  border-color: #dbe3ec;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #dbe3ec;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #dbe3ec;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #475569;
  background-color: #dbe3ec;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #64748b;
}
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
  color: #243447;
}
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #475569;
  background-color: #dbe3ec;
}
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #cbd5e1;
}
}
.navbar-default .navbar-link {
  color: #64748b;
}
.navbar-default .navbar-link:hover {
  color: #243447;
}
.navbar-default .btn-link {
  color: #64748b;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #243447;
}
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cbd5e1;
}
.navbar-inverse {
  background-color: #14263d;
  border-color: #0d1b2c;
}
.navbar-inverse .navbar-brand {
  color: #cbd5e1;
}
.navbar-inverse .navbar-text {
  color: #cbd5e1;
}
.navbar-inverse .navbar-nav > li > a {
  color: #cbd5e1;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #0d1b2c;
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #334155;
}
.navbar-inverse .navbar-toggle {
  border-color: #243447;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #243447;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #0d1b2c;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #0d1b2c;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
  border-color: #0d1b2c;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
  background-color: #0d1b2c;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
  color: #cbd5e1;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
  background-color: #0d1b2c;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
  color: #334155;
}
}
.navbar-inverse .navbar-link {
  color: #cbd5e1;
}
.navbar-inverse .btn-link {
  color: #cbd5e1;
}
.navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #334155;
}
.breadcrumb {
  background-color: #f1f5f9;
}
.breadcrumb > li + li:before {
  color: #cbd5e1;
}
.breadcrumb > .active {
  color: #64748b;
}
.pagination > li > a, .pagination > li > span {
  color: #0f766e;
  border: 1px solid #dbe3ec;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  color: #115e59;
  background-color: #edf2f7;
  border-color: #dbe3ec;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  background-color: #0f766e;
  border-color: #0f766e;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #64748b;
  border-color: #dbe3ec;
}
.pager li > a, .pager li > span {
  border: 1px solid #dbe3ec;
}
.pager li > a:hover, .pager li > a:focus {
  background-color: #edf2f7;
}
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
  color: #64748b;
}
.label-default {
  background-color: #64748b;
}
.label-primary {
  background-color: #0f766e;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #115e59;
}
.label-success {
  background-color: #15803d;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #166534;
}
.label-info {
  background-color: #0369a1;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #075985;
}
.label-warning {
  background-color: #a16207;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #854d0e;
}
.label-danger {
  background-color: #b91c1c;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #991b1b;
}
.badge {
  background-color: #64748b;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #0f766e;
}
.jumbotron {
  background-color: #edf2f7;
}
.thumbnail {
  border: 1px solid #dbe3ec;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #0f766e;
}
.thumbnail .caption {
  color: #243447;
}
.alert-success {
  color: #166534;
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}
.alert-success hr {
  border-top-color: #bbf7d0;
}
.alert-success .alert-link {
  color: #14532d;
}
.alert-info {
  color: #075985;
  background-color: #f0f9ff;
  border-color: #bae6fd;
}
.alert-info hr {
  border-top-color: #bae6fd;
}
.alert-info .alert-link {
  color: #0c4a6e;
}
.alert-warning {
  color: #854d0e;
  background-color: #fffbeb;
  border-color: #fde68a;
}
.alert-warning hr {
  border-top-color: #fde68a;
}
.alert-warning .alert-link {
  color: #713f12;
}
.alert-danger {
  color: #991b1b;
  background-color: #fef2f2;
  border-color: #fecaca;
}
.alert-danger hr {
  border-top-color: #fecaca;
}
.alert-danger .alert-link {
  color: #7f1d1d;
}
.progress {
  background-color: #f1f5f9;
}
.progress-bar {
  background-color: #0f766e;
}
.progress-bar-success {
  background-color: #15803d;
}
.progress-bar-info {
  background-color: #0369a1;
}
.progress-bar-warning {
  background-color: #a16207;
}
.progress-bar-danger {
  background-color: #b91c1c;
}
.list-group-item {
  border: 1px solid #dbe3ec;
}
a.list-group-item, button.list-group-item {
  color: #475569;
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
  color: #243447;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
  color: #475569;
  background-color: #f1f5f9;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  color: #64748b;
  background-color: #edf2f7;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #64748b;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  background-color: #0f766e;
  border-color: #0f766e;
}
.list-group-item-success {
  color: #166534;
  background-color: #ecfdf3;
}
a.list-group-item-success, button.list-group-item-success {
  color: #166534;
}
a.list-group-item-success:hover, button.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:focus {
  color: #166534;
  background-color: #dcfce7;
}
a.list-group-item-success.active, button.list-group-item-success.active, a.list-group-item-success.active:hover, button.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active:focus {
  background-color: #166534;
  border-color: #166534;
}
.list-group-item-info {
  color: #075985;
  background-color: #f0f9ff;
}
a.list-group-item-info, button.list-group-item-info {
  color: #075985;
}
a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
  color: #075985;
  background-color: #e0f2fe;
}
a.list-group-item-info.active, button.list-group-item-info.active, a.list-group-item-info.active:hover, button.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
  background-color: #075985;
  border-color: #075985;
}
.list-group-item-warning {
  color: #854d0e;
  background-color: #fffbeb;
}
a.list-group-item-warning, button.list-group-item-warning {
  color: #854d0e;
}
a.list-group-item-warning:hover, button.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:focus {
  color: #854d0e;
  background-color: #fef3c7;
}
a.list-group-item-warning.active, button.list-group-item-warning.active, a.list-group-item-warning.active:hover, button.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active:focus {
  background-color: #854d0e;
  border-color: #854d0e;
}
.list-group-item-danger {
  color: #991b1b;
  background-color: #fef2f2;
}
a.list-group-item-danger, button.list-group-item-danger {
  color: #991b1b;
}
a.list-group-item-danger:hover, button.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:focus {
  color: #991b1b;
  background-color: #fee2e2;
}
a.list-group-item-danger.active, button.list-group-item-danger.active, a.list-group-item-danger.active:hover, button.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active:focus {
  background-color: #991b1b;
  border-color: #991b1b;
}
.panel-footer {
  background-color: #f1f5f9;
  border-top: 1px solid #dbe3ec;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
  border-top: 1px solid #dbe3ec;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dbe3ec;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dbe3ec;
}
.panel-default {
  border-color: #dbe3ec;
}
.panel-default > .panel-heading {
  color: #243447;
  background-color: #f1f5f9;
  border-color: #dbe3ec;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dbe3ec;
}
.panel-default > .panel-heading .badge {
  color: #f1f5f9;
  background-color: #243447;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dbe3ec;
}
.panel-primary {
  border-color: #0f766e;
}
.panel-primary > .panel-heading {
  background-color: #0f766e;
  border-color: #0f766e;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #0f766e;
}
.panel-primary > .panel-heading .badge {
  color: #0f766e;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #0f766e;
}
.panel-success {
  border-color: #bbf7d0;
}
.panel-success > .panel-heading {
  color: #166534;
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bbf7d0;
}
.panel-success > .panel-heading .badge {
  color: #ecfdf3;
  background-color: #166534;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bbf7d0;
}
.panel-info {
  border-color: #bae6fd;
}
.panel-info > .panel-heading {
  color: #075985;
  background-color: #f0f9ff;
  border-color: #bae6fd;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bae6fd;
}
.panel-info > .panel-heading .badge {
  color: #f0f9ff;
  background-color: #075985;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bae6fd;
}
.panel-warning {
  border-color: #fde68a;
}
.panel-warning > .panel-heading {
  color: #854d0e;
  background-color: #fffbeb;
  border-color: #fde68a;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fde68a;
}
.panel-warning > .panel-heading .badge {
  color: #fffbeb;
  background-color: #854d0e;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fde68a;
}
.panel-danger {
  border-color: #fecaca;
}
.panel-danger > .panel-heading {
  color: #991b1b;
  background-color: #fef2f2;
  border-color: #fecaca;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fecaca;
}
.panel-danger > .panel-heading .badge {
  color: #fef2f2;
  background-color: #991b1b;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fecaca;
}
.well {
  background-color: #f1f5f9;
  border: 1px solid #dbe3ec;
}
.well blockquote {
  border-color: #dbe3ec;
}
.modal-content {
  border: 1px solid #6b7280;
}
.modal-header {
  border-bottom: 1px solid #e2e8f0;
}
.modal-footer {
  border-top: 1px solid #e2e8f0;
}
.popover {
  border: 1px solid #cbd5e1;
}
.popover-title {
  background-color: #f8fafc;
}
.popover.top > .arrow {
  border-top-color: #6b7280;
}
.popover.right > .arrow {
  border-right-color: #6b7280;
}
.popover.bottom > .arrow {
  border-bottom-color: #6b7280;
}
.popover.left > .arrow {
  border-left-color: #6b7280;
}
.titcket-title {
  border-bottom: 1px solid #dbe3ec;
}
.ticket-message blockquote {
  border-left: 3px solid #0f766e;
}
.ticket-message hr {
  border-top: 1px solid #243447;
}
.border-solid {
  border: 1px solid #dbe3ec;
}

/* Shared commercial surfaces. Color-only overrides keep Bootstrap behavior. */
@media screen {
  body { color: #243447; background-color: #f3f6fa; }
  .well { background-color: #fff; border-color: #dbe3ec; }
  .navbar-default { background-color: #14263d; border-color: #0d1b2c; }
  .navbar-default .navbar-brand,
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus { color: #fff; }
  .navbar-default .navbar-text,
  .navbar-default .navbar-link,
  .navbar-default .navbar-nav > li > a { color: #dbe7f3; }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-link:hover { color: #fff; background-color: #203a56; }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus { color: #fff; background-color: #0f766e; }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus { color: #94a3b8; background-color: transparent; }
  .navbar-default .navbar-toggle { border-color: #61758b; }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus { background-color: #203a56; }
  .navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form { border-color: #30465e; }
  .nav-tabs > li > a:hover,
  .nav-tabs > li > a:focus { background-color: #edf5f4; border-color: #dbe3ec #dbe3ec #dbe3ec; }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus { color: #115e59; background-color: #fff; border-color: #dbe3ec #dbe3ec transparent; }
  .table-hover > tbody > tr:hover { background-color: #edf5f4; }
  .table > thead > tr > th { color: #334155; border-bottom-color: #cbd5e1; }
  .input-group-addon { color: #475569; background-color: #edf2f7; border-color: #cbd5e1; }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus { color: #115e59; background-color: #edf5f4; }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus { color: #fff; background-color: #0f766e; }
  ::selection { color: #fff; background-color: #0f766e; }
}
@media screen and (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #dbe7f3; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: #203a56; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #0f766e; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #94a3b8; background-color: transparent; }
}

/* Authenticated shell: Bootstrap components with a persistent sidebar. */
.auth-layout { min-height: 100vh; padding-bottom: 0; }
.auth-shell { min-height: 100vh; }
.auth-shell [hidden] { display: none !important; }
.auth-sidebar { position: fixed; inset-block: 0; inset-inline-start: 0; width: 250px; overflow-y: auto; overscroll-behavior: contain; background: #fff; border-inline-end: 1px solid #dbe3ec; z-index: 1040; padding: 20px 15px; }
.auth-brand { display: block; padding: 0 10px 20px; color: #14263d; font-size: 22px; font-weight: 700; overflow-wrap: anywhere; }
.auth-brand img { display: block; max-width: 100%; max-height: 60px; width: auto; height: auto; }
.auth-user { display: flex; align-items: center; gap: 10px; padding: 15px 10px; margin-bottom: 15px; border-block: 1px solid #e2e8f0; overflow-wrap: anywhere; }
.auth-user i { font-size: 28px; color: #0f766e; }
.auth-menu > li > a { display: flex; align-items: center; gap: 10px; color: #475569; padding: 12px; overflow-wrap: anywhere; }
.auth-menu .navbar-icon { flex: 0 0 20px; text-align: center; margin: 0; }
.auth-menu > li > a > span { min-width: 0; }
.auth-workspace { display: flex; flex-direction: column; min-width: 0; min-height: 100vh; margin-inline-start: 250px; }
.auth-header { position: sticky; top: 0; z-index: 1020; display: flex; align-items: center; gap: 15px; min-height: 70px; padding: 12px 24px; background: #fff; border-bottom: 1px solid #dbe3ec; }
.auth-balance { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; flex: 1; min-width: 0; overflow-wrap: anywhere; }
.auth-balance .dropdown { max-width: 100%; }
.auth-balance .dropdown-toggle { max-width: 100%; white-space: normal; }
.auth-header-actions { display: flex; gap: 8px; flex-shrink: 0; }
.auth-header-actions .btn, .auth-menu-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; }
.auth-menu-toggle { display: none; }
.auth-content { flex: 1; min-width: 0; padding: 24px 10px; }
.auth-content > .container, .auth-content > .container-fluid { width: 100%; max-width: 1440px; }
.auth-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; padding: 18px 24px; background: #14263d; color: #fff; }
.auth-footer a { color: #fff; }
.auth-backdrop { position: fixed; inset: 0; width: 100%; height: 100%; background: rgba(20, 38, 61, .45); border: 0; z-index: 1030; }
@media (max-width: 991px) {
  .auth-workspace { margin-inline-start: 0; }
  .auth-sidebar { display: none; width: min(280px, 85vw); }
  .auth-shell.auth-menu-open .auth-sidebar { display: block; }
  .auth-menu-toggle { display: inline-flex; }
  body.auth-menu-open { overflow: hidden; }
  .auth-header { padding: 10px 12px; gap: 10px; }
  .auth-content { padding: 20px 0; }
  .auth-footer { padding: 16px 15px; }
}
@media (max-width: 360px) {
  .auth-header { gap: 6px; padding-inline: 8px; }
  .auth-header-actions { gap: 4px; }
  .auth-balance { font-size: 12px; gap: 3px; }
  .auth-balance .btn { font-size: 12px; padding-inline: 6px; }
}

/* Orders: Bootstrap panels with compact, responsive order summaries. */
.orders-page [hidden] { display: none !important; }
.orders-heading h1 { margin-top: 0; }
.orders-toolbar #history-search { margin-bottom: 18px; }
.orders-toolbar .input-group-btn > .btn { min-width: 40px; min-height: 34px; }
.orders-status-nav { overflow-x: auto; margin-bottom: 15px; }
.orders-status-tabs { display: flex; flex-wrap: nowrap; gap: 4px; margin-bottom: 0; }
.orders-status-tabs > li { float: none; flex: 0 0 auto; }
.orders-status-tabs > li > a { white-space: nowrap; }
.orders-selection { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; padding-top: 12px; border-top: 1px solid #dbe3ec; }
.orders-selection .checkbox-inline { padding-top: 0; }
.order-card__header, .order-card__identity { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.order-card__header { justify-content: space-between; }
.order-card__identity .panel-title { margin: 0; }
.order-card__identity .order-select { margin: 0; }
.order-card [data-copy-order], .order-card [data-copy-link] { min-width: 32px; min-height: 30px; }
.order-card__status { white-space: normal; line-height: 2; }
.order-card__date { font-size: 12px; }
.order-card__service { font-size: 15px; line-height: 1.6; margin: 0 0 14px; overflow-wrap: anywhere; }
.order-card__link { display: flex; align-items: center; gap: 10px; padding-block: 12px; border-block: 1px solid #e2e8f0; }
.order-card__url { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.order-card__link > .btn { flex-shrink: 0; }
.order-card__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; margin: 18px 0; }
.order-card__metrics dt { font-size: 12px; font-weight: 400; color: #64748b; margin-bottom: 4px; }
.order-card__metrics dd { font-weight: 600; overflow-wrap: anywhere; }
.order-card__bottom { display: flex; align-items: center; justify-content: space-between; gap: 15px; flex-wrap: wrap; }
.order-card__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.order-card__reason { margin: 15px 0 0; }
.order-card__details > .btn { margin-top: 12px; }
.order-card .modal-body { overflow-wrap: anywhere; }
.orders-pagination { overflow-x: auto; padding-bottom: 10px; }
.orders-pagination .pagination { display: inline-flex; }
.orders-empty { padding: 35px 20px; }
.orders-copy-buffer { position: fixed; top: 0; inset-inline-start: -9999px; }
@media (max-width: 767px) {
  .order-card__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .order-card__actions { width: 100%; }
  .order-card__actions .btn { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; }
  .order-card__link { flex-wrap: wrap; }
  .order-card__link > .text-muted { flex-basis: 100%; }
  .orders-toolbar { padding: 15px; }
}

/* Shared toastr palette; the library supplies layout and animations. */
#toast-container > .toast { opacity: 1; }
#toast-container > .toast-success { background-color: #15803d; }
#toast-container > .toast-info { background-color: #0369a1; }
#toast-container > .toast-warning { background-color: #a16207; }
#toast-container > .toast-error { background-color: #b91c1c; }
#toast-container .toast-message { overflow-wrap: anywhere; }
#site-toast-fallback { position: fixed; top: 15px; right: 15px; z-index: 999999; max-width: calc(100vw - 30px); width: 320px; overflow-wrap: anywhere; }
#site-toast-fallback[hidden] { display: none; }

/* Services: the same Bootstrap toolbar/panel vocabulary as Orders. */
#service-live-modal [hidden] { display: none !important; }
#service-live-modal .modal-body { overflow-wrap: anywhere; }
.service-live-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.service-live-summary .btn { white-space: normal; }
#service-live-title { overflow-wrap: anywhere; padding-inline-end: 20px; }
.service-live-scroll { max-height: 55vh; overflow: auto; }
.service-live-table { margin-bottom: 0; width: 100%; table-layout: fixed; }
.service-live-table thead th { position: sticky; top: 0; background: #edf3f7; z-index: 1; }
.service-live-table > tbody > tr > td { vertical-align: middle; }
.service-live-scroll > .service-live-table > thead > tr > th,
.service-live-scroll > .service-live-table > tbody > tr > td { white-space: normal; overflow-wrap: anywhere; }
.service-live-table .label { display: inline-block; white-space: normal; line-height: 1.5; max-width: 100%; }
@media (max-width: 767px) {
  .service-live-table > thead > tr > th, .service-live-table > tbody > tr > td { padding: 8px 5px; font-size: 12px; }
}
.service-live-table .progress { margin: 6px 0 0; height: 10px; }

/* Support pages share the toolbar and panel structure of Orders. */
.tickets-heading, .ticket-card-heading, .ticket-card-footer, .ticket-entry-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; }
.tickets-toolbar h1 { margin-top: 0; overflow-wrap: anywhere; }
.tickets-heading { margin-bottom: 18px; }
.tickets-heading p { margin-bottom: 0; }
.tickets-contact-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 16px; }
.ticket-card h2 { margin: 14px 0; line-height: 1.5; overflow-wrap: anywhere; }
.ticket-card-unread { border-inline-start: 4px solid #0f766e; }
.ticket-status { white-space: normal; line-height: 1.5; }
.ticket-card-footer { font-size: 13px; }
.tickets-empty { padding: 32px 20px; }
.tickets-page .pagination { display: flex; flex-wrap: wrap; }
.ticket-back { display: inline-block; margin-bottom: 16px; }
.ticket-entry { max-width: 88%; padding: 16px; margin-bottom: 20px; border: 1px solid #dbe3ec; border-radius: 8px; overflow-wrap: anywhere; }
.ticket-entry:last-child { margin-bottom: 0; }
.ticket-entry-user { margin-inline-start: auto; background: #edf5f6; border-color: #cde1e3; }
.ticket-entry-support { margin-inline-end: auto; background: #f6f8fb; }
.ticket-entry-meta { justify-content: flex-start; margin-bottom: 12px; }
.ticket-entry-meta small { margin-inline-start: auto; }
.ticket-entry-content { line-height: 1.7; }
.ticket-entry-content p, .ticket-entry-content li { white-space: pre-wrap; }
.ticket-entry-content img { max-width: 100%; height: auto; }
.ticket-entry-content pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.ticket-attachments { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid #dbe3ec; }
.ticket-attachments li + li { margin-top: 8px; }
#create-ticket-modal .modal-body { overflow-wrap: anywhere; }
@media (max-width: 767px) {
  .tickets-toolbar { padding: 15px; }
  .tickets-heading > .btn { width: 100%; }
  .ticket-entry { max-width: 100%; padding: 12px; }
  .ticket-entry-meta small { width: 100%; margin-inline-start: 0; }
  .ticket-reply .btn[type="submit"] { width: 100%; }
}

.services-page [hidden] { display: none !important; }
.services-toolbar h1 { margin-top: 0; }
.services-toolbar .row > div { margin-bottom: 12px; }
.services-toolbar-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.services-category-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; cursor: pointer; list-style: none; }
.services-category.panel-default > .services-category-heading { background-color: #e4eef3; border-color: #ccdde7; color: #294b60; transition: background-color .2s; }
.services-category.panel-default > .services-category-heading:hover { background-color: #d8e7ee; }
.services-category-heading .badge { background-color: #fff; color: #234567; }
.services-category-heading::-webkit-details-marker { display: none; }
.services-category-heading:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
.services-category-title { display: flex; align-items: center; gap: 10px; min-width: 0; overflow-wrap: anywhere; }
.services-category-icon { max-width: 24px; max-height: 24px; object-fit: contain; }
.services-category-meta { display: flex; align-items: center; gap: 12px; flex-shrink: 0; }
.services-category-meta > i { transition: transform .24s ease; }
.services-category-select > .dropdown-toggle { display: flex; align-items: center; width: 100%; text-align: start; gap: 8px; height: auto; min-height: 34px; }
.services-category-select .services-choice-label { display: flex; align-items: center; gap: 8px; flex: 1; min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.services-category-select .dropdown-menu { width: 100%; max-height: 320px; overflow-y: auto; }
.services-category-select .dropdown-menu button { display: flex; width: 100%; border: 0; background: transparent; padding: 8px 14px; text-align: start; color: #294b60; }
.services-category-select .dropdown-menu button:hover, .services-category-select .dropdown-menu button:focus { background: #e4eef3; }
.services-table td:last-child .btn { margin: 2px; }
@media (prefers-reduced-motion: reduce) {
  .services-category-meta > i, .services-category-heading { transition: none; }
}
.services-category[open] .services-category-meta > i { transform: rotate(180deg); }
.services-category .table { margin-bottom: 0; }
.services-category .table-responsive { margin-bottom: 0; }
.services-table td { vertical-align: middle !important; }
.services-table .service-name { overflow-wrap: anywhere; min-width: 200px; }
.services-table .favorite-active { color: #a16207; }
@media (max-width: 767px) {
  .services-category > .panel-body { padding: 0 15px; }
  .services-category .table-responsive { border: 0; overflow: visible; }
  .services-table, .services-table tbody { display: block; width: 100%; }
  .services-table thead { display: none; }
  .services-table tbody > tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 12px 0; border-bottom: 1px solid #dbe3ec; }
  .services-table tbody > tr:last-child { border-bottom: 0; }
  .services-category .table-responsive > .services-table > tbody > tr > td { display: block; border: 0; white-space: normal; overflow-wrap: anywhere; min-width: 0; }
  .services-table td::before { content: attr(data-label); display: block; color: #64748b; font-size: 12px; margin-bottom: 4px; }
  .services-table td.service-name { grid-column: 1 / -1; min-width: 0; max-width: none; }
  .services-table td:last-child { grid-column: 1 / -1; }
}

/* Public landing page: scoped separately from the authenticated workspace. */
body.guest-layout { background: #fff; padding-bottom: 0; color: #253b50; }
.guest-content { min-height: 45vh; }
.guest-navbar.navbar { margin-bottom: 0; border: 0; border-bottom: 1px solid #e3eaec; background: #fff; }
.guest-navbar .navbar-brand { height: auto; min-height: 72px; display: flex; align-items: center; font-weight: 700; color: #16334a; }
.guest-navbar.navbar-default .navbar-brand:hover,
.guest-navbar.navbar-default .navbar-brand:focus { color: #0f766e; background-color: transparent; }
.guest-navbar .navbar-brand img { max-width: 190px; max-height: 40px; }
.guest-navbar .navbar-nav > li > a { padding-top: 26px; padding-bottom: 26px; font-weight: 500; }
.guest-navbar.navbar-default .navbar-nav > li > a { color: #294b60; }
.guest-navbar.navbar-default .navbar-nav > li > a:hover { color: #0f766e; background: #edf5f3; }
.guest-navbar.navbar-default .navbar-nav > .active > a { color: #fff; background: #0f766e; }
.guest-navbar .navbar-toggle { margin-top: 18px; }
.guest-navbar.navbar-default .navbar-toggle .icon-bar { background-color: #294b60; }
.guest-navbar.navbar-default .navbar-toggle:hover, .guest-navbar.navbar-default .navbar-toggle:focus { background-color: #edf5f3; }
.guest-navbar.navbar-default .navbar-toggle { border-color: #7b8d9e; min-width: 44px; min-height: 44px; }
.guest-navbar.navbar-default .navbar-toggle:hover .icon-bar,
.guest-navbar.navbar-default .navbar-toggle:focus .icon-bar { background-color: #0f766e; }
.guest-content > .services-page { max-width: 1200px; padding-top: 32px; padding-bottom: 32px; }
@media (max-width: 767px) {
  .guest-content > .services-page { padding-top: 20px; padding-bottom: 20px; }
}
.guest-skip:focus { position: fixed; top: 8px; left: 8px; z-index: 1100; padding: 12px; background: #fff; }
.landing-page { --landing-ink: #16334a; --landing-teal: #0f766e; --landing-line: #dce7e8; }
.landing-page h1, .landing-page h2, .landing-page h3 { font-weight: 700; color: var(--landing-ink); }
.landing-page h2 { font-size: 32px; line-height: 1.25; margin-top: 0; letter-spacing: -.8px; }
.landing-page h3 { font-size: 18px; line-height: 1.45; }
.landing-page p { line-height: 1.85; }
.landing-page a:focus-visible, .guest-footer a:focus-visible { outline: 3px solid #16a394; outline-offset: 4px; }
.landing-eyebrow { font-size: 11px; letter-spacing: 1.7px; font-weight: 700; color: #0f766e; margin-bottom: 14px; }
.landing-hero { position: relative; padding: 72px 0 66px; background: radial-gradient(ellipse at 5% 5%, #234d5d 0, transparent 55%), #102b3d; }
.landing-hero-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.landing-hero .landing-eyebrow { color: #96dacc; }
.landing-hero h1 { font-size: clamp(36px, 4vw, 54px); line-height: 1.14; letter-spacing: -1.8px; color: #fff; margin: 0 0 24px; }
.landing-hero h1 span { color: #83d7c8; }
.landing-hero-description { font-size: 16px; color: #d3e2e9; max-width: 580px; margin-bottom: 26px; }
.landing-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.landing-hero-actions .btn { font-size: 14px; padding: 14px 20px; }
.landing-hero-actions .btn-primary { background: #0f766e; border-color: #0f766e; }
.landing-hero-actions .btn-primary:hover { background: #115e59; }
.landing-hero-actions .btn-default { background: transparent; color: #e7f1f4; border-color: #6c8798; }
.landing-hero-actions .btn-default:hover { background: #234556; }
.landing-hero-points { display: grid; gap: 10px; margin: 26px 0; color: #c3d7df; font-size: 13px; }
.landing-hero-points i { width: 22px; color: #83d7c8; }
.landing-platform-strip { display: flex; flex-wrap: wrap; gap: 14px 22px; border-top: 1px solid #3a5363; padding-top: 22px; color: #d3e2e9; font-size: 12px; }
.landing-platform-strip i { margin-inline-end: 6px; }
.landing-login.well { padding: 32px; margin: 0; background: #fff; border: 1px solid #e0e9ea; border-radius: 16px; box-shadow: 0 18px 45px #061a2733; min-width: 0; }
.landing-login-mark { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px; background: #eaf5f2; color: #0f766e; font-size: 24px; margin-bottom: 18px; }
.landing-login h2 { font-size: 24px; letter-spacing: -.6px; margin-bottom: 8px; }
.landing-login > p { font-size: 13px; margin-bottom: 24px; }
.landing-login .form-control { min-height: 44px; background: #f8fafb; }
.landing-login .form-group__password { padding-bottom: 28px; }
.landing-login .forgot-password { bottom: 0; top: auto; font-size: 12px; }
.landing-login-actions .btn { min-height: 44px; }
.landing-login-actions .g_id_signin { max-width: 100%; overflow-x: auto; }
.landing-captcha { max-width: 100%; overflow-x: auto; margin-bottom: 16px; }
.landing-signup-link { font-size: 13px; text-align: center; margin-top: 6px; }
.landing-section { padding: 76px 0; }
.landing-intro { background: #f6f8f5; border-bottom: 1px solid #e6ece7; }
.landing-intro-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 70px; align-items: center; }
.container.landing-intro-grid::before, .container.landing-intro-grid::after,
.container.landing-guidance-grid::before, .container.landing-guidance-grid::after,
.container.landing-faq-grid::before, .container.landing-faq-grid::after { display: none; }
.landing-intro p:last-child { margin-bottom: 0; }
.landing-section-heading { display: flex; gap: 24px; justify-content: space-between; align-items: center; }
.landing-section-heading h2 { max-width: 650px; }
.landing-section-heading > .btn { flex-shrink: 0; }
.landing-section-lead { color: #5f7281; max-width: 720px; margin: 8px 0 32px; }
.landing-services-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.landing-service-card { padding: 26px; border: 1px solid var(--landing-line); border-radius: 12px; display: flex; flex-direction: column; background: #fff; }
.landing-platform-icon { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: #eaf3f5; color: #285369; border-radius: 12px; font-size: 20px; }
.landing-service-card p { font-size: 14px; color: #5f7281; margin-bottom: 22px; }
.landing-service-card a { font-weight: 600; margin-top: auto; color: #0f766e; }
.landing-services + .landing-section { padding-top: 16px; }
.landing-steps { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 36px 0 0; }
.landing-steps li { border-top: 2px solid #bddbd4; padding-top: 20px; }
.landing-step-number { font-size: 32px; font-weight: 700; color: #0f766e; letter-spacing: -1px; }
.landing-steps p { font-size: 14px; color: #5f7281; }
.landing-guidance { background: #edf4f4; }
.landing-guidance-grid, .landing-faq-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 80px; align-items: start; }
.landing-guidance .btn { margin-top: 14px; }
.landing-checklist article { display: flex; align-items: flex-start; gap: 18px; padding: 22px 0; border-bottom: 1px solid #cddfdf; }
.landing-checklist article:first-child { padding-top: 0; }
.landing-checklist article:last-child { border-bottom: 0; padding-bottom: 0; }
.landing-checklist article > span { font-size: 12px; font-weight: 700; color: #0f766e; padding-top: 5px; }
.landing-checklist h3 { margin: 0 0 8px; }
.landing-checklist p { margin: 0; color: #526b78; }
.landing-faq-list details { border-bottom: 1px solid var(--landing-line); }
.landing-faq-list summary { cursor: pointer; padding: 20px 24px 20px 0; font-size: 16px; font-weight: 600; color: #16334a; }
.landing-faq-list summary:focus-visible { outline: 2px solid #0f766e; outline-offset: 2px; }
.landing-faq-list details p { padding-bottom: 16px; color: #5f7281; }
.landing-final { padding-top: 0; }
.landing-final-box { background: #f6f8f5; border: 1px solid #dce7dd; border-radius: 16px; padding: 40px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.landing-final-box h2 { font-size: 28px; max-width: 620px; }
.landing-final-box p:last-child { margin-bottom: 0; }
.landing-final-box > a { flex-shrink: 0; }
.landing-custom-content { padding-bottom: 40px; overflow-wrap: anywhere; }
.guest-footer { background: #102b3d; color: #b8cdd8; padding: 48px 0 0; }
.guest-footer-brand { display: inline-block; color: #fff; font-size: 24px; font-weight: 700; margin-bottom: 16px; }
.guest-footer p { font-size: 13px; line-height: 1.9; max-width: 440px; }
.guest-footer h2 { color: #fff; font-weight: 600; margin-top: 8px; margin-bottom: 20px; }
.guest-footer li { margin-bottom: 12px; }
.guest-footer li a { color: #c3d7df; font-size: 13px; }
.guest-footer a:hover { color: #fff; }
.guest-footer-bottom { margin-top: 32px; border-top: 1px solid #365060; padding: 22px 0; font-size: 12px; }
@media (max-width: 991px) {
  .landing-hero-grid { gap: 32px; grid-template-columns: 1fr 1fr; }
  .landing-login.well { padding: 24px; }
  .landing-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .landing-intro-grid, .landing-guidance-grid, .landing-faq-grid { gap: 32px; }
  .landing-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .guest-footer .col-md-5 { margin-bottom: 24px; }
}
@media (max-width: 767px) {
  .guest-navbar .navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; }
  .landing-hero { padding: 42px 0; }
  .landing-hero-grid, .landing-intro-grid, .landing-guidance-grid, .landing-faq-grid { grid-template-columns: minmax(0, 1fr); }
  .landing-hero h1 { font-size: 38px; }
  .landing-hero-actions .btn { flex: 1 1 auto; }
  .landing-section { padding: 48px 0; }
  .landing-page h2 { font-size: 27px; }
  .landing-login h2 { font-size: 23px; }
  .landing-section-heading { display: block; }
  .landing-section-heading > .btn { margin: 12px 0; }
  .landing-final-box { display: block; padding: 26px; }
  .landing-final-box > a { margin-top: 24px; }
  .landing-service-card { padding: 20px; }
  .landing-final { padding-top: 0; }
  .guest-footer { padding-top: 36px; }
}
@media (max-width: 479px) {
  .landing-services-grid, .landing-steps { grid-template-columns: minmax(0, 1fr); }
  .landing-login.well { padding: 22px 18px; }
  .landing-hero h1 { font-size: 34px; letter-spacing: -1px; }
}

/* Monitor component styles, scoped to its page. */
.monitor-page .service-monitor-panel {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
        border: 1px solid #e3e6f0;
        border-radius: 4px;
        margin-bottom: 20px;
    }
.monitor-page .service-monitor-panel .panel-heading {
        background-color: #fcfcfd;
        border-bottom: 1px solid #eaecf4;
        padding: 12px 18px;
    }
.monitor-page .service-monitor-panel .panel-title {
        font-size: 16px;
        font-weight: 600;
        color: #333;
    }
.monitor-page .progress-bar-primary {
        background-color: #337ab7;
    }
.monitor-page .status-distribution-legend {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 13px;
        color: #555;
    }
.monitor-page .status-distribution-legend .dist-legend-item {
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
        margin-right: 18px;
        margin-bottom: 4px;
        line-height: 1.2;
    }
.monitor-page .status-distribution-legend .dist-legend-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 6px;
        flex-shrink: 0;
    }
.monitor-page .table-monitor > tbody > tr > td {
        vertical-align: middle;
    }
.monitor-page .progress-box {
        min-width: 170px;
        max-width: 260px;
    }
.monitor-page .progress-meta {
        text-align: center;
        margin-bottom: 3px;
        font-size: 12px;
    }
.monitor-page .progress-bar-container {
        height: 14px;
        margin-bottom: 0;
        border-radius: 7px;
        background-color: #e9ecef;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }
.monitor-page .progress-bar-container .progress-bar {
        line-height: 14px;
        font-size: 10px;
        font-weight: bold;
        border-radius: 7px;
    }
.monitor-page .label-status {
        font-size: 11px;
        padding: 4px 8px;
        border-radius: 10px;
        text-transform: capitalize;
        display: inline-block;
    }


/* ================================================================
   Shared UI contract — keep component-specific rules above scoped.
   Bootstrap 3 owns behavior; these tokens own visual consistency.
   ================================================================ */
:root {
  --ui-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --ui-text: #243447;
  --ui-muted: #526477;
  --ui-primary: #0f766e;
  --ui-primary-hover: #115e59;
  --ui-surface: #ffffff;
  --ui-canvas: #f4f7fa;
  --ui-border: #dbe3ec;
  --ui-input-border: #7b8d9e;
  --ui-radius: 8px;
  --ui-space: 8px;
  --ui-motion: 160ms ease;
  --ui-shadow: 0 2px 8px rgba(20,38,61,.04);
}
body, .tooltip, .popover { font-family: var(--ui-font); font-weight: 400; }
body { font-size: 14px; line-height: 1.6; color: var(--ui-text); background-color: var(--ui-canvas); }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.35; }
b, strong { font-weight: 700; }
label, th, .btn, .nav-pills > li > a { font-weight: 500; }
.lead { font-weight: 400; }
.close { font-weight: 700; }
.text-muted, .help-block { color: var(--ui-muted); }
.form-control::placeholder { color: #5e7082; opacity: 1; }
.well { background: var(--ui-surface); border: 1px solid var(--ui-border); border-radius: var(--ui-radius); padding: 24px; box-shadow: var(--ui-shadow); margin-bottom: 24px; }
.panel { border-radius: var(--ui-radius); box-shadow: var(--ui-shadow); margin-bottom: 24px; }
.panel-default { border-color: var(--ui-border); }
.panel-default > .panel-heading { background-color: #edf3f7; border-color: var(--ui-border); color: var(--ui-text); }
.panel-heading { padding: 14px 20px; border-radius: 7px 7px 0 0; }
.panel-body { padding: 20px; }
.panel-title { font-size: 16px; font-weight: 600; line-height: 1.5; }
.btn { border-radius: 6px; min-height: 40px; padding: 8px 16px; line-height: 1.5; transition: background-color var(--ui-motion), border-color var(--ui-motion), color var(--ui-motion), box-shadow var(--ui-motion); }
.btn-sm { min-height: 34px; padding: 6px 10px; font-size: 12px; }
.btn-xs { min-height: 28px; padding: 3px 8px; font-size: 12px; }
.btn-lg { min-height: 48px; padding: 12px 22px; }
.btn-primary { background-color: var(--ui-primary); border-color: var(--ui-primary); color: #fff; }
.btn-primary:hover, .btn-primary:focus { background-color: var(--ui-primary-hover); border-color: var(--ui-primary-hover); color: #fff; }
.btn-default { color: var(--ui-text); border-color: var(--ui-input-border); }
.form-group { margin-bottom: 20px; }
.form-control { min-height: 40px; height: 40px; border: 1px solid var(--ui-input-border); border-radius: 6px; box-shadow: none; color: var(--ui-text); padding: 9px 12px; line-height: 1.5; transition: border-color var(--ui-motion), box-shadow var(--ui-motion); }
textarea.form-control { height: auto; resize: vertical; min-height: 120px; }
.input-sm { min-height: 34px; height: 34px; }
.input-lg { min-height: 48px; height: 48px; }
.form-control:focus { border-color: var(--ui-primary); box-shadow: 0 0 0 3px rgba(15,118,110,.16); }
.form-control[readonly], .form-control[disabled] { background: #edf2f6; color: #526477; }
.input-group .form-control { border-radius: 6px 0 0 6px; }
.input-group .form-control:last-child { border-radius: 0 6px 6px 0; }
.input-group-btn > .btn { min-height: 40px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--ui-primary); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex="0"]:focus-visible { outline: 2px solid var(--ui-primary); outline-offset: 3px; }
.nav-pills { margin-bottom: 20px; }
.nav-pills > li > a { border-radius: 6px; padding: 10px 14px; line-height: 1.5; transition: color var(--ui-motion), background-color var(--ui-motion); }
.auth-menu > li > a { padding: 12px; }
.badge, .label { font-weight: 600; font-size: 12px; }
.label-default, .badge-default { background-color: #526477; color: #fff; }
.table > thead > tr > th { font-size: 12px; font-weight: 600; color: #526477; background: #f4f7fa; border-bottom: 1px solid var(--ui-border); vertical-align: middle; }
.table > tbody > tr > td { padding-top: 12px; padding-bottom: 12px; vertical-align: middle; }
.table-responsive { border-radius: 6px; overscroll-behavior-x: contain; }
.alert { border-radius: var(--ui-radius); line-height: 1.7; overflow-wrap: anywhere; }
.alert .close { min-width: 28px; min-height: 28px; opacity: .75; }
.dropdown-menu { border-radius: var(--ui-radius); border-color: var(--ui-border); box-shadow: 0 8px 24px rgba(20,38,61,.12); }
.dropdown-menu > li > a { padding: 8px 16px; white-space: normal; overflow-wrap: anywhere; }
.modal-dialog { margin-top: 24px; margin-bottom: 24px; }
.modal-content { border: 1px solid var(--ui-border); border-radius: 12px; box-shadow: 0 20px 60px rgba(20,38,61,.2); display: flex; flex-direction: column; max-height: calc(100vh - 48px); max-height: calc(100dvh - 48px); }
.modal-header, .modal-footer { flex: 0 0 auto; padding: 16px 20px; border-color: var(--ui-border); }
.modal-body { padding: 20px; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.modal-title { font-size: 18px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.modal-header .close { min-width: 32px; min-height: 32px; }
.modal-footer { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.modal-footer::before, .modal-footer::after { display: none; }
.modal-footer .btn + .btn { margin-left: 0; }
.modal-backdrop.in { opacity: .45; }
.fade { transition: opacity 180ms ease; }
.modal.fade .modal-dialog { transition: transform 200ms ease-out; }
.ui-page-title { font-size: 26px; font-weight: 600; margin: 0 0 24px; overflow-wrap: anywhere; }
.template-page > .row > .col-md-8.col-md-offset-2,
.template-page > .row > .col-md-10.col-md-offset-1,
.template-page > .row > .col-lg-8.col-lg-offset-2 { width: 100%; margin-left: 0; }
.template-page > .row > .col-md-8.col-md-offset-2 > .well { max-width: 100%; }
.guest-content > .template-page { padding-top: 32px; padding-bottom: 32px; }
.template-signup, .template-resetpassword, .template-setnewpassword, .template-2fa, .template-confirmemail { max-width: 640px !important; }
.template-account, .template-addfunds, .template-notification, .template-massorder, .template-child-panel-order { max-width: 960px !important; }
.template-terms { max-width: 1000px !important; }
.template-terms h3 { margin-top: 28px; font-size: 18px; }
.template-terms p, .template-terms li { line-height: 1.85; }
.template-page pre { max-width: 100%; overflow: auto; font-size: 13px; }
.ui-captcha { max-width: 100%; overflow-x: auto; margin-bottom: 20px; }
.bank-qr-wrap { margin-top: 12px; }
.bank-transfer-qr { max-width: 240px; width: 100%; height: auto; border-radius: 12px; }
.auth-content, .guest-content { overflow-wrap: anywhere; }
.auth-content .pagination, .template-page .pagination { display: flex; flex-wrap: wrap; }
.template-page .nav-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.template-page .nav-pills > li { float: none; margin: 0; }
.template-page .nav-pills .search { min-width: 0; max-width: 100%; }
.monitor-page .label-status { font-size: 12px; }
.monitor-page .service-monitor-panel .panel-heading { background: #edf3f7; }
.monitor-page .service-monitor-panel .panel-title { color: var(--ui-text); }
.monitor-page .progress-meta { font-weight: 500; }
.guest-navbar .navbar-nav > li > a { font-weight: 500; }
.guest-navbar.navbar-default .navbar-nav > li > a:focus { color: #0f766e; background: #edf5f3; }
.guest-navbar.navbar-default .navbar-nav > .active > a:focus { color: #fff; background: #115e59; }
@media (max-width: 767px) {
  .well { padding: 16px; margin-bottom: 20px; }
  .panel { margin-bottom: 20px; }
  .panel-heading, .panel-body { padding: 16px; }
  .form-control { font-size: 16px; min-height: 44px; height: 44px; }
  textarea.form-control { height: auto; }
  .btn, .input-group-btn > .btn { min-height: 44px; }
  .btn-sm, .btn-xs { min-height: 40px; }
  .form-group { margin-bottom: 16px; }
  .modal-dialog { margin: 12px; }
  .modal-content { max-height: calc(100vh - 24px); max-height: calc(100dvh - 24px); }
  .modal-header, .modal-body, .modal-footer { padding: 16px; }
  .modal-footer > .btn { flex: 1 1 auto; }
  .ui-page-title { font-size: 23px; margin-bottom: 20px; }
  .template-page .nav-pills.pull-right { float: none !important; }
  .template-page .nav-pills .search { flex: 1 1 100%; }
  .template-page .width-40 { min-width: 160px; }
  .template-page .table { font-size: 13px; }
  .service-live-table > thead > tr > th, .service-live-table > tbody > tr > td { padding: 8px 5px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
.monitor-page .monitor-alert { margin-top: 16px; margin-bottom: 0; }
.monitor-page .monitor-section-title { margin: 0 0 12px; font-size: 16px; font-weight: 600; }
.monitor-page #status-distribution-bar { height: 14px; margin-bottom: 12px; }
.monitor-page #service-monitor-table { width: 100%; margin-bottom: 0; }
.monitor-page .monitor-service-column { min-width: 200px; }
.monitor-page .monitor-progress-column { min-width: 180px; }
/* Legacy wells must not expand to their table's intrinsic width. */
.template-page .well-float { display: block; float: none; width: auto; min-width: 0; max-width: 100%; }
.template-page .table-responsive { max-width: 100%; overflow-x: auto; }
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 90px; }
.guest-content .template-page { margin-bottom: 24px; }
@keyframes ui-sidebar-enter { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } }
@media (max-width: 991px) {
  .auth-shell.auth-menu-open .auth-sidebar { animation: ui-sidebar-enter 180ms ease-out; }
}
@media (max-width: 767px) {
  .alert .close, .modal-header .close { min-width: 40px; min-height: 40px; }
}

/* Google owns the button inside its iframe; style only our surrounding layout.
   data-width in the Twig uses a conservative mobile-safe provider width. */
.ui-google-auth.form-group { display: block; width: 100%; margin: 20px 0; }
.ui-auth-divider { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; color: var(--ui-muted); font-size: 13px; }
.ui-auth-divider::before, .ui-auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--ui-border); }
.ui-google-auth .g_id_signin { display: flex; justify-content: center; min-height: 44px; width: 100%; max-width: 100%; overflow-x: auto; padding: 2px 0; }
.ui-google-auth .g_id_signin > div { flex: 0 0 auto; }
.ui-signup-actions > .form-group { display: block; }
.ui-auth-switch { display: inline-block; font-size: 13px; line-height: 1.7; }