html.mk-on h1, html.mk-on h2, html.mk-on h3, html.mk-on h4, html.mk-on h5, html.mk-on h6 { font-family: var(--mk-font) !important; color: var(--mk-text); letter-spacing: 0; line-height: 1.25; font-weight: 800; }
html.mk-on h1 { font-size: 26px; }
html.mk-on h2 { font-size: 21px; }
html.mk-on h3 { font-size: 18px; }
html.mk-on h4 { font-size: 16px; }
html.mk-on h5, html.mk-on h6 { font-size: 15px; }
html.mk-on h1 small, html.mk-on h2 small, html.mk-on h3 small { color: var(--mk-text-2); font-weight: 500; }
html.mk-on p { color: var(--mk-body); }
html.mk-on a { color: var(--mk-link); font-weight: 600; }
html.mk-on a:hover, html.mk-on a:focus { color: var(--mk-link-hover); }
html.mk-on a:focus-visible, html.mk-on button:focus-visible, html.mk-on .btn:focus-visible { outline: 2px solid var(--mk-focus); outline-offset: 2px; }
html.mk-on strong, html.mk-on b { font-weight: 700; }
html.mk-on .text-muted, html.mk-on .help-block, html.mk-on small { color: var(--mk-text-2); }
html.mk-on hr { border-top-color: var(--mk-line); }
html.mk-on code { background: var(--mk-surface-2); border-color: var(--mk-line); color: var(--mk-text); white-space: normal; }
html.mk-on pre { background: var(--mk-surface-2); border-color: var(--mk-line); color: var(--mk-text); margin: 16px 0; }
html.mk-on ::placeholder { color: var(--mk-text-3); opacity: 1; }
html.mk-on .page-header { border-bottom: 0; margin: 0 0 20px; padding: 0; }
html.mk-on .page-header h1 { margin: 0; }
html.mk-on .page-header p, html.mk-on .page-header .lead { color: var(--mk-text-2); margin: 6px 0 0; font-size: 15px; }
html.mk-on .lead { font-size: 16px; color: var(--mk-text-2); font-weight: 400; }
@media (min-width: 980px) {
  html.mk-on h1 { font-size: 32px; }
  html.mk-on h2 { font-size: 22px; }
}

html.mk-on .form-control,
html.mk-on input[type="text"], html.mk-on input[type="email"], html.mk-on input[type="password"], html.mk-on input[type="tel"],
html.mk-on input[type="number"], html.mk-on input[type="url"], html.mk-on input[type="search"], html.mk-on input[type="date"],
html.mk-on textarea, html.mk-on select {
  font-family: var(--mk-font); font-size: 16px; line-height: 1.4; min-height: 44px; box-sizing: border-box;
  color: var(--mk-text); background-color: var(--mk-surface); border: 1px solid var(--mk-line-strong); border-radius: 8px; box-shadow: none;
}
html.mk-on .form-control, html.mk-on input[type="text"], html.mk-on input[type="email"], html.mk-on input[type="password"],
html.mk-on input[type="tel"], html.mk-on input[type="number"], html.mk-on input[type="url"], html.mk-on input[type="search"], html.mk-on input[type="date"] { height: 44px; padding: 0 12px; }
html.mk-on textarea, html.mk-on textarea.form-control { height: auto; min-height: 120px; padding: 10px 12px; }
html.mk-on select, html.mk-on select.form-control {
  height: 44px; padding: 0 34px 0 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
  background-position: calc(100% - 18px) 50%, calc(100% - 13px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat;
}
html.mk-on select[multiple], html.mk-on select[size] { height: auto; padding: 6px 12px; background-image: none; }
html.mk-on .form-control:focus, html.mk-on input:focus, html.mk-on textarea:focus, html.mk-on select:focus { border-color: var(--mk-focus); outline: 2px solid var(--mk-focus); outline-offset: 0; box-shadow: none; }
html.mk-on .form-control[disabled], html.mk-on .form-control[readonly], html.mk-on input[disabled], html.mk-on input[readonly] { background-color: var(--mk-surface-2); color: var(--mk-text-2); }
html.mk-on input[type="file"] { font-size: 16px; color: var(--mk-text); }
html.mk-on input[type="checkbox"], html.mk-on input[type="radio"] { width: 20px !important; height: 20px; accent-color: var(--mk-brand); vertical-align: -4px; }
html.mk-on label, html.mk-on .control-label { color: var(--mk-text); font-weight: 700; font-size: 14px; }
html.mk-on .checkbox label, html.mk-on .radio label { font-weight: 500; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; padding-left: 0; }
html.mk-on .checkbox input, html.mk-on .radio input { position: static; margin: 0; }
html.mk-on input[type="checkbox"].form-control, html.mk-on input[type="radio"].form-control { display: inline-block; height: 20px; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: none; }
html.mk-on input[type="checkbox"]:focus:not(:focus-visible), html.mk-on input[type="radio"]:focus:not(:focus-visible) { outline: none; box-shadow: none; }
html.mk-on .intl-tel-input { display: block; }
html.mk-on .intl-tel-input input[type="text"], html.mk-on .intl-tel-input input[type="tel"] { padding-left: 52px !important; }
html.mk-on #valid-msg { display: none !important; }
html.mk-on #error-msg { color: var(--mk-bad); }
html.mk-on .input-group-addon { background: var(--mk-surface-2); border-color: var(--mk-line-strong); color: var(--mk-text-2); font-size: 15px; }
html.mk-on .input-group .form-control:first-child { border-radius: 8px 0 0 8px; }
html.mk-on .input-group .form-control:last-child { border-radius: 0 8px 8px 0; }
html.mk-on .has-error .form-control { border-color: var(--mk-bad); }
html.mk-on .has-error .help-block, html.mk-on .has-error .control-label { color: var(--mk-bad); }
html.mk-on .has-success .form-control { border-color: var(--mk-meter); }
html.mk-on .form-group { margin-bottom: 18px; }

html.mk-on .btn { font-family: var(--mk-font); font-size: 16px; font-weight: 700; line-height: 1.2; min-height: 44px; padding: 11px 18px; border-radius: 10px; border: 2px solid transparent; box-shadow: none; text-shadow: none; background-image: none; white-space: normal; letter-spacing: 0; text-transform: none; }
html.mk-on .btn-lg { min-height: 52px; font-size: 17px; padding: 14px 24px; }
html.mk-on .btn-sm, html.mk-on .btn-xs { min-height: 36px; font-size: 14px; padding: 7px 12px; }
html.mk-on .btn-primary, html.mk-on .btn-success, html.mk-on .btn-danger, html.mk-on .btn-info { background: var(--mk-brand); border-color: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on .btn-primary:hover, html.mk-on .btn-success:hover, html.mk-on .btn-danger:hover, html.mk-on .btn-info:hover,
html.mk-on .btn-primary:focus, html.mk-on .btn-success:focus, html.mk-on .btn-danger:focus, html.mk-on .btn-info:focus,
html.mk-on .btn-primary:active, html.mk-on .btn-success:active, html.mk-on .btn-danger:active, html.mk-on .btn-info:active { background: var(--mk-brand-hover); border-color: var(--mk-brand-hover); color: var(--mk-on-brand); }
html.mk-on .open > .dropdown-toggle.btn-primary, html.mk-on .btn-primary.active, html.mk-on .btn-primary:active, html.mk-on .open > .dropdown-toggle.btn-primary:hover, html.mk-on .btn-primary.active:hover, html.mk-on .btn-primary:active:hover, html.mk-on .open > .dropdown-toggle.btn-primary:focus, html.mk-on .btn-primary.active:focus, html.mk-on .btn-primary:active:focus, html.mk-on .open > .dropdown-toggle.btn-success, html.mk-on .btn-success.active, html.mk-on .btn-success:active, html.mk-on .open > .dropdown-toggle.btn-success:hover, html.mk-on .btn-success.active:hover, html.mk-on .btn-success:active:hover, html.mk-on .open > .dropdown-toggle.btn-success:focus, html.mk-on .btn-success.active:focus, html.mk-on .btn-success:active:focus, html.mk-on .open > .dropdown-toggle.btn-danger, html.mk-on .btn-danger.active, html.mk-on .btn-danger:active, html.mk-on .open > .dropdown-toggle.btn-danger:hover, html.mk-on .btn-danger.active:hover, html.mk-on .btn-danger:active:hover, html.mk-on .open > .dropdown-toggle.btn-danger:focus, html.mk-on .btn-danger.active:focus, html.mk-on .btn-danger:active:focus, html.mk-on .open > .dropdown-toggle.btn-info, html.mk-on .btn-info.active, html.mk-on .btn-info:active, html.mk-on .open > .dropdown-toggle.btn-info:hover, html.mk-on .btn-info.active:hover, html.mk-on .btn-info:active:hover, html.mk-on .open > .dropdown-toggle.btn-info:focus, html.mk-on .btn-info.active:focus, html.mk-on .btn-info:active:focus { background: var(--mk-brand-hover); border-color: var(--mk-brand-hover); color: var(--mk-on-brand); }
html.mk-on .btn-default, html.mk-on .btn-warning, html.mk-on .btn-link.btn-outline { background: var(--mk-surface); border-color: var(--mk-text); color: var(--mk-text); }
html.mk-on .btn-default:hover, html.mk-on .btn-warning:hover, html.mk-on .btn-default:focus, html.mk-on .btn-warning:focus { background: var(--mk-surface-2); border-color: var(--mk-text); color: var(--mk-text); }
html.mk-on .btn-link { color: var(--mk-link); font-weight: 700; background-color: transparent; border-color: transparent; }
html.mk-on .btn.disabled, html.mk-on .btn[disabled] { opacity: .55; }
html.mk-on input[type="submit"], html.mk-on input[type="button"], html.mk-on button[type="submit"]:not(.btn):not(.mk-ib) { font-family: var(--mk-font); }

html.mk-on .panel, html.mk-on .well, html.mk-on .whiteboxhp, html.mk-on .mk-card { background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; box-shadow: none; color: var(--mk-body); }
html.mk-on .panel-heading, html.mk-on .panel-default > .panel-heading { background: transparent; border-bottom: 1px solid var(--mk-line); color: var(--mk-text); font-weight: 800; padding: 14px 16px; border-radius: 10px 10px 0 0; }
html.mk-on .panel-title { font-size: 17px; font-weight: 800; color: var(--mk-text); }
html.mk-on .panel-body { padding: 16px; }
html.mk-on .panel-footer { background: var(--mk-surface-2); border-top: 1px solid var(--mk-line); border-radius: 0 0 10px 10px; }
html.mk-on .panel-primary, html.mk-on .panel-success, html.mk-on .panel-info, html.mk-on .panel-warning, html.mk-on .panel-danger { border-color: var(--mk-line); }
html.mk-on .panel-primary > .panel-heading, html.mk-on .panel-success > .panel-heading, html.mk-on .panel-info > .panel-heading { background: var(--mk-ok-bg); color: var(--mk-ok); border-color: var(--mk-line); }
html.mk-on .panel-danger > .panel-heading { background: var(--mk-bad-bg); color: var(--mk-bad); }
html.mk-on .panel-warning > .panel-heading { background: var(--mk-warn-bg); color: var(--mk-warn); }
html.mk-on .well { padding: 16px; }
html.mk-on .list-group-item { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-body); }
html.mk-on a.list-group-item:hover { background: var(--mk-row-hover); }
html.mk-on .list-group-item.active, html.mk-on .list-group-item.active:hover { background: var(--mk-chrome-on); border-color: var(--mk-chrome-on); color: var(--mk-chrome-on-text); }

html.mk-on .table-responsive { border: 1px solid var(--mk-line); border-radius: 10px; background: var(--mk-surface); margin-bottom: 20px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
html.mk-on .table-responsive > .table { margin-bottom: 0; border: 0; }
html.mk-on .table { background: var(--mk-surface); color: var(--mk-body); font-size: 15px; border-collapse: separate; border-spacing: 0; }
html.mk-on .table > thead > tr > th { border-bottom: 1px solid var(--mk-line); border-top: 0; font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mk-text-3); padding: 10px 14px; vertical-align: bottom; background: var(--mk-surface); }
html.mk-on .table > thead > tr > th a { color: var(--mk-text-3); font-weight: 700; }
html.mk-on .table > tbody > tr > td, html.mk-on .table > tbody > tr > th, html.mk-on .table > tfoot > tr > td { border-top: 1px solid var(--mk-line-soft); padding: 12px 14px; vertical-align: middle; }
html.mk-on .table-striped > tbody > tr:nth-of-type(odd), html.mk-on .table-striped > tbody > tr:nth-child(odd), html.mk-on .table-hover > tbody > tr:hover, html.mk-on .table-striped > tbody > tr:nth-child(odd) > td, html.mk-on .table-striped > tbody > tr:nth-child(odd) > th, html.mk-on .table-striped > tbody > tr:nth-of-type(odd) > td { background: transparent; }
html.mk-on .table-hover > tbody > tr:hover > td, html.mk-on .table > tbody > tr:hover > td { background: var(--mk-row-hover); }
html.mk-on .table-bordered, html.mk-on .table-bordered > tbody > tr > td, html.mk-on .table-bordered > thead > tr > th { border-color: var(--mk-line); }
html.mk-on .table > tbody > tr.active > td, html.mk-on .table > tbody > tr.success > td { background: var(--mk-ok-bg); }
html.mk-on .table > tbody > tr.danger > td { background: var(--mk-bad-bg); }
html.mk-on .table > tbody > tr.warning > td { background: var(--mk-warn-bg); }
html.mk-on .table > tbody > tr.info > td { background: var(--mk-info-bg); }

html.mk-on .alert { border-radius: 10px; border: 1px solid var(--mk-line); background: var(--mk-surface); color: var(--mk-body); padding: 14px 16px; font-size: 15px; text-shadow: none; box-shadow: none; }
html.mk-on .alert a { color: inherit; text-decoration: underline; }
html.mk-on .alert-danger, html.mk-on .alert-error { background: var(--mk-alert-bg); border-color: var(--mk-bad-line); color: var(--mk-bad); }
html.mk-on .alert-warning { background: var(--mk-warn-bg); border-color: var(--mk-warn-line); color: var(--mk-warn); }
html.mk-on .alert-success { background: var(--mk-ok-bg); border-color: var(--mk-ok-bg); color: var(--mk-ok); }
html.mk-on .alert-info { background: var(--mk-info-bg); border-color: var(--mk-info-line); color: var(--mk-info); }

html.mk-on .label, html.mk-on .badge, html.mk-on .mk-pl { display: inline-block; font-family: var(--mk-font); font-size: 12px; font-weight: 700; line-height: 1; padding: 5px 9px; border-radius: 999px; white-space: nowrap; text-shadow: none; vertical-align: 2px; background: var(--mk-mid-bg); color: var(--mk-mid); }
html.mk-on .label-success, html.mk-on .label.active, html.mk-on .label.paid, html.mk-on .mk-pl.ok, html.mk-on .label-primary { background: var(--mk-ok-bg); color: var(--mk-ok); }
html.mk-on .label-danger, html.mk-on .label-important, html.mk-on .label.overdue, html.mk-on .label.unpaid, html.mk-on .badge-important, html.mk-on .mk-pl.bad { background: var(--mk-bad-bg); color: var(--mk-bad); }
html.mk-on .label-warning, html.mk-on .label.pending, html.mk-on .mk-pl.warn { background: var(--mk-warn-bg); color: var(--mk-warn); }
html.mk-on .label-info, html.mk-on .badge-info, html.mk-on .mk-pl.info { background: var(--mk-info-bg); color: var(--mk-info); }
html.mk-on .label-default, html.mk-on .label.cancelled, html.mk-on .label.refunded, html.mk-on .label.terminated, html.mk-on .mk-pl.mid { background: var(--mk-mid-bg); color: var(--mk-mid); }

html.mk-on .nav-tabs { border-bottom: 1px solid var(--mk-line); display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; }
html.mk-on .nav-tabs > li { float: none; flex: none; }
html.mk-on .nav-tabs > li > a { border: 0; border-bottom: 3px solid transparent; border-radius: 0; color: var(--mk-text-2); font-weight: 700; min-height: 44px; display: flex; align-items: center; margin: 0; padding: 0 14px; background: transparent; }
html.mk-on .nav-tabs > li > a:hover { background: transparent; color: var(--mk-text); border-bottom-color: var(--mk-line-strong); }
html.mk-on .nav-tabs > li.active > a, html.mk-on .nav-tabs > li.active > a:hover, html.mk-on .nav-tabs > li.active > a:focus { border: 0; border-bottom: 3px solid var(--mk-text); color: var(--mk-text); background: transparent; }
html.mk-on .nav-pills > li > a { border-radius: 999px; color: var(--mk-text); font-weight: 700; min-height: 40px; display: flex; align-items: center; }
html.mk-on .nav-pills > li.active > a, html.mk-on .nav-pills > li.active > a:hover { background: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on .tab-content { padding-top: 16px; }
html.mk-on .pagination > li > a, html.mk-on .pagination > li > span { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-text); min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
html.mk-on .pagination > .active > a, html.mk-on .pagination > .active > span { background: var(--mk-brand); border-color: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on .pagination > .disabled > a, html.mk-on .pagination > .disabled > span { background: var(--mk-surface-2); color: var(--mk-text-3); }
html.mk-on .breadcrumb { background: transparent; padding: 0; margin: 0 0 12px; font-size: 14px; }
html.mk-on .breadcrumb > li + li:before { color: var(--mk-text-3); }
html.mk-on .breadcrumb > .active { color: var(--mk-text-2); }
html.mk-on .dropdown-menu { background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; box-shadow: var(--mk-shadow-2); padding: 6px; }
html.mk-on .dropdown-menu > li > a { color: var(--mk-text); min-height: 40px; display: flex; align-items: center; border-radius: 8px; font-weight: 600; }
html.mk-on .dropdown-menu > li > a:hover, html.mk-on .dropdown-menu > li > a:focus { background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .dropdown-menu .divider { background: var(--mk-line); }
html.mk-on .modal-content { background: var(--mk-surface); color: var(--mk-body); border: 1px solid var(--mk-line); border-radius: 14px; box-shadow: var(--mk-shadow-2); }
html.mk-on .modal-header, html.mk-on .modal-footer { border-color: var(--mk-line); }
html.mk-on .modal-title { color: var(--mk-text) !important; font-family: var(--mk-font) !important; font-weight: 800; }
html.mk-on .modal-body { color: var(--mk-body) !important; font-family: var(--mk-font) !important; }
html.mk-on .modal-backdrop.in { background: var(--mk-scrim); opacity: 1; }
html.mk-on .close { color: var(--mk-text); opacity: .7; text-shadow: none; min-width: 44px; min-height: 44px; }
html.mk-on .progress { background: var(--mk-surface-2); border-radius: 999px; box-shadow: none; height: 10px; }
html.mk-on .progress-bar { background: var(--mk-meter); box-shadow: none; }
html.mk-on .progress-bar-danger { background: var(--mk-accent); }
html.mk-on .progress-bar-warning { background: var(--mk-warn); }
html.mk-on .tooltip-inner { background: var(--mk-chrome); color: var(--mk-chrome-text); font-family: var(--mk-font); }
html.mk-on .popover { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-body); }
html.mk-on #back-to-top { display: none !important; }
html.mk-on .select2-container .select2-choice, html.mk-on .select2-container .select2-choices, html.mk-on .chosen-container .chosen-single { min-height: 44px; line-height: 42px; font-size: 16px; background: var(--mk-surface); color: var(--mk-text); border-color: var(--mk-line-strong); border-radius: 8px; background-image: none; box-shadow: none; }
html.mk-on .select2-drop, html.mk-on .chosen-container .chosen-drop { background: var(--mk-surface); color: var(--mk-text); border-color: var(--mk-line-strong); }
html.mk-on .select2-results .select2-highlighted { background: var(--mk-chrome-on); color: var(--mk-chrome-on-text); }

.mk-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin: 0 0 20px; }
.mk-home > .mk-head { margin-bottom: 0; }
.mk-head .mk-eyebrow { font-size: 14px; font-weight: 600; color: var(--mk-text-2); }
html.mk-on .mk-head h1 { margin: 4px 0 0; }
.mk-head .mk-acts { display: flex; flex-wrap: wrap; gap: 10px; }
.mk-stack { display: flex; flex-direction: column; gap: 20px; }
.mk-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
html.mk-on a.mk-tile { display: flex; flex-direction: column; gap: 4px; min-height: 96px; padding: 14px; box-sizing: border-box; background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; color: var(--mk-text); text-decoration: none; font-weight: 400; }
html.mk-on a.mk-tile:hover { border-color: var(--mk-hover-line); color: var(--mk-text); }
.mk-tile .mk-tl { font-size: 13px; font-weight: 600; color: var(--mk-text-2); }
.mk-tile .mk-tn { font-size: 26px; font-weight: 800; line-height: 1.1; color: var(--mk-text); }
.mk-tile .mk-tn.is-due { color: var(--mk-bad); }
.mk-tile .mk-ts { font-size: 13px; color: var(--mk-text-2); }
.mk-card { overflow: hidden; }
.mk-ch { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px 10px; }
html.mk-on .mk-ch h2 { margin: 0; font-size: 17px; }
html.mk-on .mk-ch a { font-size: 14px; display: inline-flex; align-items: center; min-height: 44px; }
html.mk-on a.mk-row, .mk-row { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 13px 16px; border-top: 1px solid var(--mk-line-soft); color: var(--mk-text); text-decoration: none; font-weight: 400; }
html.mk-on a.mk-row:hover { background: var(--mk-row-hover); color: var(--mk-text); }
.mk-row .mk-rb { flex: 1 1 auto; min-width: 0; }
.mk-row .mk-rn { display: block; font-size: 15px; font-weight: 700; color: var(--mk-text); overflow-wrap: anywhere; }
.mk-row .mk-rs { display: block; font-size: 13px; color: var(--mk-text-2); margin-top: 2px; }
.mk-row .mk-ra { flex: none; text-align: right; }
.mk-row .mk-amt { display: block; font-size: 16px; font-weight: 800; color: var(--mk-text); }
.mk-empty { padding: 4px 16px 16px; color: var(--mk-text-2); font-size: 14px; }
.mk-needs { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; border-radius: 10px; background: var(--mk-alert-bg); border: 1px solid var(--mk-bad-line); }
.mk-needs .mk-nt { display: flex; gap: 12px; align-items: flex-start; }
.mk-needs .mk-dot { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--mk-accent); margin-top: 6px; }
.mk-needs .mk-h { font-size: 15px; font-weight: 700; color: var(--mk-text); }
.mk-needs .mk-s { font-size: 14px; color: var(--mk-text-2); margin-top: 2px; }
html.mk-on a.mk-btn, .mk-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border-radius: 10px; box-sizing: border-box; font-size: 15px; font-weight: 700; text-decoration: none; border: 2px solid transparent; cursor: pointer; font-family: var(--mk-font); }
html.mk-on a.mk-btn.pri, .mk-btn.pri { background: var(--mk-brand); border-color: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on a.mk-btn.pri:hover { background: var(--mk-brand-hover); color: var(--mk-on-brand); }
html.mk-on a.mk-btn.sec, .mk-btn.sec { background: var(--mk-surface); border-color: var(--mk-text); color: var(--mk-text); }
html.mk-on a.mk-btn.sec:hover { background: var(--mk-surface-2); color: var(--mk-text); }
.mk-btn.wide { display: flex; width: 100%; }
.mk-grid2 { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
@media (min-width: 760px) {
  .mk-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
  html.mk-on a.mk-tile { padding: 18px; }
  .mk-tile .mk-tn { font-size: 30px; }
  .mk-needs { flex-direction: row; align-items: center; padding: 16px 20px; }
  .mk-needs .mk-nt { flex: 1 1 auto; align-items: center; }
  .mk-needs .mk-dot { margin-top: 0; }
  .mk-needs .mk-btn.wide { width: auto; flex: none; }
  .mk-ch { padding: 16px 20px 8px; }
  html.mk-on a.mk-row, .mk-row { padding: 14px 20px; }
}
@media (min-width: 1100px) {
  .mk-grid2 { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 24px; }
}

.mk-foot { border-top: 1px solid var(--mk-line); background: var(--mk-surface); color: var(--mk-text-2); font-size: 14px; }
.mk-foot-in { max-width: 1920px; margin: 0 auto; padding: 20px 16px; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; }
.mk-foot-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; }
.mk-foot-call, .mk-foot-links { display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px; }
html.mk-on .mk-foot a { display: inline-flex; align-items: center; min-height: 44px; color: var(--mk-text); font-weight: 600; text-decoration: none; }
html.mk-on .mk-foot a:hover, html.mk-on .mk-foot .mk-foot-btn:hover { color: var(--mk-link-hover); }
html.mk-on .mk-foot .mk-foot-btn { display: inline-flex; align-items: center; min-height: 44px; padding: 0; border: 0; background: none; color: var(--mk-text); font: inherit; font-weight: 600; cursor: pointer; }

html.mk-on .cky-btn-revisit-wrapper { display: none !important; }
.mk-foot-base { border-top: 1px solid var(--mk-line-soft); padding-top: 10px; font-size: 13px; }
html.mk-on .mk-foot-base p { margin: 0; color: var(--mk-text-2); }
@media (min-width: 980px) { .mk-foot-in { padding: 20px 32px; } }

html.mk-on .mk-desc { margin: 6px 0 0; font-size: 15px; color: var(--mk-text-2); max-width: 70ch; }
html.mk-on .mk-tabs { margin: -4px 0 20px; }
.mk-row .mk-pl { margin-top: 4px; }
.mk-wide { display: none; }
.mk-due { align-items: center; }
.mk-due-l { font-size: 15px; color: var(--mk-text-2); }
.mk-due-l strong { margin-left: 6px; font-size: 20px; font-weight: 800; }
.mk-owed { color: var(--mk-bad); }
.mk-zero { color: var(--mk-text); }
html.mk-on .table .mk-num { text-align: right; white-space: nowrap; }
html.mk-on .table .mk-acts-cell { text-align: right; white-space: nowrap; }
html.mk-on .table .mk-acts-cell a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 8px; }
.mk-pager { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; font-size: 14px; color: var(--mk-text-2); }
.mk-pager-b { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
html.mk-on .mk-pager form { display: inline-block; margin: 0; }
html.mk-on .mk-pager select { float: none !important; width: auto; min-width: 88px; }
@media (min-width: 760px) {
  .mk-narrow { display: none; }
  .mk-wide { display: block; }
}

html.mk-on a.mk-back { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin: -8px 0 4px; font-size: 14px; text-decoration: none; }
.mk-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
html.mk-on .mk-title-row h1 { margin: 0; }
.mk-inv { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
.mk-inv-main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
html.mk-on .mk-inv .panel { margin: 0; }
html.mk-on .mk-flat.table-responsive { border: 0; border-radius: 0; margin: 0; background: transparent; }
html.mk-on .table tfoot td { border-top: 1px solid var(--mk-line-soft); padding: 10px 14px; }
html.mk-on .table .mk-k { color: var(--mk-text-2); }
html.mk-on .table tr.mk-total td { font-size: 18px; font-weight: 800; color: var(--mk-text); border-top: 1px solid var(--mk-line); }
.mk-addr { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; }
html.mk-on .mk-addr .panel { padding: 16px; font-size: 14px; }
html.mk-on .mk-addr h2, html.mk-on .mk-eco h2 { font-size: 15px; margin: 0 0 6px; }
html.mk-on .mk-addr p { margin: 0; line-height: 1.6; color: var(--mk-text-2); overflow-wrap: anywhere; }
html.mk-on .mk-pay { padding: 18px; display: flex; flex-direction: column; gap: 14px; box-shadow: var(--mk-shadow); }
.mk-pay-sum { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 16px; font-weight: 700; color: var(--mk-text); }
.mk-pay-sum strong { font-size: 28px; font-weight: 800; }
html.mk-on .mk-pay-gw { display: flex; flex-direction: column; gap: 6px; margin: 0; }
html.mk-on .mk-pay-gw select { width: 100%; }
html.mk-on .mk-pay-m { margin: 0; color: var(--mk-text-2); font-size: 14px; }
html.mk-on .mk-pay-btn form { margin: 0; }
html.mk-on .mk-pay-btn input[type="submit"], html.mk-on .mk-pay-btn input[type="button"], html.mk-on .mk-pay-btn button, html.mk-on .mk-pay-btn .btn {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 52px; padding: 0 20px; border: 0; border-radius: 10px;
  background: var(--mk-brand); color: var(--mk-on-brand); font-family: var(--mk-font); font-size: 17px; font-weight: 700; cursor: pointer; }
html.mk-on .mk-pay-btn input[type="submit"]:hover, html.mk-on .mk-pay-btn button:hover { background: var(--mk-brand-hover); }
html.mk-on .mk-credit { margin: 0; padding-top: 14px; border-top: 1px solid var(--mk-line); font-size: 14px; }
html.mk-on .mk-credit p { margin: 0 0 8px; color: var(--mk-text-2); }
.mk-credit-row { display: flex; gap: 8px; }
html.mk-on .mk-credit-row input[type="text"] { flex: 1 1 auto; min-width: 0; }
.mk-cards { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 16px; color: var(--mk-text-2); }
.mk-cardmark { display: block; width: 40px; height: 26px; background: currentColor; -webkit-mask: var(--m) center / contain no-repeat; mask: var(--m) center / contain no-repeat; }
.mk-cm-visa { --m: url(../../../orderforms/kualoorder/images/cards/visa.svg); }
.mk-cm-mastercard { --m: url(../../../orderforms/kualoorder/images/cards/mastercard.svg); }
.mk-cm-americanexpress { --m: url(../../../orderforms/kualoorder/images/cards/americanexpress.svg); }
.mk-cm-paypal { --m: url(../../../orderforms/kualoorder/images/cards/paypal.svg); }
html.mk-on .mk-eco { padding: 18px; margin: 0 0 20px; }
html.mk-on .mk-eco p { margin: 0 0 10px; color: var(--mk-body); }
.mk-eco-bar { display: flex; align-items: center; gap: 12px; margin: 6px 0 12px; font-size: 14px; font-weight: 700; color: var(--mk-text); }
html.mk-on .mk-eco .kprogress { flex: 1 1 auto; height: 10px; border-radius: 999px; background: var(--mk-surface-2); overflow: hidden; margin: 0; border: 0; box-shadow: none; }
html.mk-on .mk-eco .kpbar { height: 100%; border-radius: 999px; background: var(--mk-meter); box-shadow: none; }
html.mk-on .mk-eco .currenttotal, html.mk-on .mk-eco .target { position: static; font-size: 14px; color: var(--mk-text); width: auto; padding: 0; float: none; }
@media (min-width: 760px) {
  .mk-addr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .mk-inv { grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr); gap: 24px; }
  .mk-pay { position: sticky; top: 24px; }
}
@media print {
  .mk-pay, .mk-head .mk-acts, .mk-back, .mk-foot { display: none !important; }
}
html.mk-on .mk-flat > .table > tbody > tr > td, html.mk-on .mk-flat > .table > thead > tr > th, html.mk-on .mk-flat > .table > tfoot > tr > td { white-space: normal; }
html.mk-on .mk-flat > .table .mk-num { white-space: nowrap; width: 1%; }
.mk-pay { order: -1; }
@media (min-width: 1100px) { .mk-pay { order: 0; } }
html.mk-on .mk-credit-row .btn { white-space: nowrap; flex: none; }

html.mk-on .mk-lead { margin: 0 0 14px; font-size: 16px; color: var(--mk-text-2); }
.mk-topics { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
html.mk-on a.mk-topic { display: flex; flex-direction: column; gap: 2px; min-height: 44px; padding: 14px 16px; box-sizing: border-box; border-radius: 10px; background: var(--mk-surface); border: 2px solid var(--mk-line); color: var(--mk-text); text-decoration: none; font-weight: 400; }
html.mk-on a.mk-topic:hover, html.mk-on a.mk-topic:focus { border-color: var(--mk-hover-line); color: var(--mk-text); }
.mk-topic-t { font-size: 16px; font-weight: 700; }
.mk-topic-d { font-size: 14px; color: var(--mk-text-2); }
html.mk-on .mk-incident { border-width: 2px; }
html.mk-on .mk-incident h2 { margin: 0 0 8px; font-size: 17px; color: inherit; }
html.mk-on .mk-incident p { color: inherit; margin: 0 0 8px; }
@media (min-width: 760px) { .mk-topics { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } }
@media (min-width: 1100px) { .mk-topics { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html.mk-on .hazard-border { background-color: var(--mk-warn-bg) !important; color: var(--mk-warn); width: 100%; box-sizing: border-box; border-radius: 4px; }
html.mk-on .hazard-border h3, html.mk-on .hazard-border p { color: var(--mk-warn); }

.mk-svc { flex-wrap: wrap; }
.mk-svc .mk-rb { flex: 1 1 200px; }
.mk-svc .mk-rs + .mk-rs { margin-top: 0; }
.mk-svc-acts { display: flex; gap: 8px; flex-wrap: wrap; }

html.mk-on [data-kq-ended][hidden] { display: none !important; }
.mk-svc-sub .mk-rb { padding-left: 14px; border-left: 2px solid var(--mk-line); }

html.mk-on tr.mk-svc-sub > td:first-child { position: relative; padding-left: 34px; }
html.mk-on tr.mk-svc-sub > td:first-child::before { content: ""; position: absolute; left: 18px; top: 12px; bottom: 12px; width: 2px; border-radius: 1px; background: var(--mk-line); }
.mk-svc-more { padding: 12px 16px; }
.mk-svc-more .mk-btn { width: 100%; }
html.mk-on .mk-page form .input-group { margin-bottom: 16px; }
html.mk-on .input-group-btn > .btn { min-height: 44px; border-radius: 0 8px 8px 0; }
@media (min-width: 1100px) { html.mk-on .table-responsive.mk-menus { overflow: visible; } }
.mk-wide-ib { display: none !important; }
@media (min-width: 760px) { .mk-wide-ib { display: inline-block !important; } .btn-group.mk-wide-ib { display: inline-flex !important; } }
html.mk-on .btn-group { display: inline-flex; flex-wrap: nowrap; vertical-align: middle; }
html.mk-on .btn-group > .btn { white-space: nowrap; float: none; }
html.mk-on .btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; margin-left: 0; border-left: 1px solid var(--mk-brand-hover); }

html.mk-on .mk-page table.table td .btn, html.mk-on .mk-page table.table td .btn-group > .btn { background: var(--mk-surface); border-color: var(--mk-line-strong); color: var(--mk-text); font-size: 14px; min-height: 44px; padding: 0 14px; display: inline-flex; align-items: center; vertical-align: middle; }
html.mk-on .mk-page table.table td .btn:hover, html.mk-on .mk-page table.table td .btn:focus, html.mk-on .mk-page table.table td .btn-group.open > .btn { background: var(--mk-surface-2); border-color: var(--mk-text); color: var(--mk-text); }
html.mk-on .mk-page table.table td .btn-group > .btn:first-child:not(:last-child) { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
html.mk-on .mk-page table.table td .btn-group > .btn + .dropdown-toggle { border-left: 1px solid var(--mk-line); border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 0 13px; }
html.mk-on .mk-page table.table td .btn-group > .dropdown-toggle .caret { width: 8px; height: 8px; margin: -4px 0 0; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s; }
html.mk-on .mk-page table.table td .btn-group.open > .dropdown-toggle .caret { transform: rotate(-135deg); margin-top: 4px; }
html.mk-on .mk-page table.table .dropdown-menu > li > a { gap: 10px; padding: 0 12px; }
html.mk-on .mk-page table.table .dropdown-menu > li > a > i[class^="icon-"], html.mk-on .mk-page table.table .dropdown-menu > li > a > i.icon { display: none; }
html.mk-on .mk-page table.table td .btn .icon, html.mk-on .mk-page table.table td .btn .glyphicon { display: none; }
html.mk-on .mk-page table.table td:last-child { white-space: nowrap; }
html.mk-on .mk-page table.table td:last-child > .btn, html.mk-on .mk-page table.table td:last-child > .btn-group { margin: 2px 6px 2px 0; }

html.mk-on .mk-page ul.nav-tabs { position: static !important; top: auto !important; margin-bottom: 16px; }
html.mk-on .text-success { color: var(--mk-ok); }
html.mk-on .text-danger { color: var(--mk-bad); }
html.mk-on .text-warning { color: var(--mk-warn); }
html.mk-on .text-info { color: var(--mk-info); }
html.mk-on .text-primary { color: var(--mk-text); }
html.mk-on .label.expired, html.mk-on .label.suspended, html.mk-on .label.fraud { background: var(--mk-bad-bg); color: var(--mk-bad); }
html.mk-on .label.pendingtransfer, html.mk-on .label.pendingregistration { background: var(--mk-warn-bg); color: var(--mk-warn); }
html.mk-on .tab-pane h4 + p.lead { font-size: 13px; color: var(--mk-text-2); }

html.mk-on .nav-tabs > li, html.mk-on .nav-tabs > li:first-child { background: transparent; border: 0; }
html.mk-on .nav-tabs:before, html.mk-on .nav-tabs:after { display: none; }
html.mk-on .tab-content { overflow: visible; padding: 16px; border: 1px solid var(--mk-line); border-radius: 10px; background: var(--mk-surface); }
html.mk-on .kqsp .tab-content { padding: 0; border: 0; background: none; border-radius: 0; }

@media (max-width: 759px) {
  html.mk-on .mk-page table:not(.table-responsive > table) { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

html.mk-on input[type="submit"]:not(.btn), html.mk-on input[type="button"]:not(.btn), html.mk-on button.modulebutton, html.mk-on input.modulebutton {
  min-height: 44px; padding: 0 18px; border-radius: 10px; border: 2px solid var(--mk-brand); background: var(--mk-brand); color: var(--mk-on-brand);
  font-family: var(--mk-font); font-size: 16px; font-weight: 700; line-height: 1.2; cursor: pointer; box-shadow: none; text-shadow: none; background-image: none; }
html.mk-on input[type="submit"]:not(.btn):hover, html.mk-on input[type="button"]:not(.btn):hover { background: var(--mk-brand-hover); border-color: var(--mk-brand-hover); }

html.mk-on .jumbotron { background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; color: var(--mk-body); padding: 20px 16px; margin-bottom: 16px; }
html.mk-on .jumbotron h1 { font-size: 30px; color: var(--mk-text); margin: 0 0 4px; }
html.mk-on .jumbotron p { font-size: 14px; font-weight: 600; color: var(--mk-text-2); margin: 0; }
html.mk-on a.btn-block:not(.btn) { display: block; background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; color: var(--mk-text); text-decoration: none; margin-bottom: 10px; }
html.mk-on a.btn-block:not(.btn) h1, html.mk-on a.btn-block:not(.btn) .lead { color: inherit; }
html.mk-on a.btn-block.btn-danger:not(.btn) { border-color: var(--mk-bad-line); background: var(--mk-alert-bg); color: var(--mk-bad); }
html.mk-on a.btn-block.btn-warning:not(.btn) { border-color: var(--mk-warn-line); background: var(--mk-warn-bg); color: var(--mk-warn); }
html.mk-on a.btn-block.btn-success:not(.btn) { border-color: var(--mk-ok-bg); background: var(--mk-ok-bg); color: var(--mk-ok); }
html.mk-on a.btn-block:not(.btn):hover { border-color: var(--mk-hover-line); }

html.mk-on .kqcn { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-text); font-family: var(--mk-font); }
html.mk-on .kqcn-ok > summary, html.mk-on .kqcn-cl { background: var(--mk-ok-bg); }
html.mk-on .kqcn-wip > summary { background: var(--mk-warn-bg); }
html.mk-on .kqcn.kqcn-wip { border-color: var(--mk-warn-line); }
html.mk-on .kqcn-chk > summary { background: var(--mk-info-bg); }
html.mk-on .kqcn.kqcn-chk { border-color: var(--mk-info-line); }
html.mk-on .kqcn > summary strong, html.mk-on .kqcn-names strong, html.mk-on .kqcn-body p, html.mk-on .kqcn-txt { color: var(--mk-text); }
html.mk-on .kqcn .kqcn-sum, html.mk-on .kqcn .kqcn-muted, html.mk-on .kqcn .kqcn-names, html.mk-on .kqcn-tbl th, html.mk-on .kqcn-dlg .kqcn-muted { color: var(--mk-text-2); }
html.mk-on .kqcn-tog, html.mk-on .kqcn-sub > summary { color: var(--mk-link); font-weight: 600; }
html.mk-on .kqcn-tag { background: var(--mk-warn-bg); color: var(--mk-warn); }
html.mk-on .kqcn-body, html.mk-on .kqcn-grp, html.mk-on .kqcn-bldin, html.mk-on .kqcn-tbl th, html.mk-on .kqcn-tbl td { border-color: var(--mk-line-soft); }
html.mk-on .kqcn-cl { border-color: var(--mk-line); color: var(--mk-text); }
html.mk-on .kqcn-safe, html.mk-on .kqcn-ok > summary .kqcn-ico svg, html.mk-on .kqcn-safe svg { color: var(--mk-ok); stroke: var(--mk-ok); }
html.mk-on .kqcn-ico svg { stroke: var(--mk-text); }
html.mk-on .kqcn a, html.mk-on .kqcn-dis > summary, html.mk-on .kqcn-linkbtn { color: var(--mk-link); }
html.mk-on .kqcn-pill { background: var(--mk-mid-bg) !important; color: var(--mk-mid) !important; }
html.mk-on .kqcn-pill.kqcn-p-ok, html.mk-on .kqcn-pill.kqcn-p-cl { background: var(--mk-ok-bg) !important; color: var(--mk-ok) !important; }
html.mk-on .kqcn-pill.kqcn-p-wip { background: var(--mk-warn-bg) !important; color: var(--mk-warn) !important; }
html.mk-on .kqcn-pill.kqcn-p-chk { background: var(--mk-info-bg) !important; color: var(--mk-info) !important; }
html.mk-on .kqcn-dlg { background: var(--mk-surface); border-color: var(--mk-line); color: var(--mk-text); }
html.mk-on .kqcn-dlg::backdrop { background: var(--mk-scrim); }
html.mk-on .kqcn-dlgx, html.mk-on .kqcn-log { background: var(--mk-surface-2); border-color: var(--mk-line); color: var(--mk-text); }

html.mk-on .kq-appnudge { background: var(--mk-surface) !important; border-color: var(--mk-line) !important; border-left-color: var(--mk-brand) !important; }
html.mk-on .kq-appnudge strong { color: var(--mk-text) !important; }
html.mk-on .kq-appnudge span { color: var(--mk-text-2) !important; }
html.mk-on .kq-appnudge svg { stroke: var(--mk-brand); }

html.mk-on body { padding-top: 0 !important; }

.mk-ppl-head { margin-bottom: 14px; }
.mk-ppl-contacts { margin-top: 32px; }
.mk-people > .mk-row:first-child { border-top: 0; }
html.mk-on .mk-people .mk-person { align-items: flex-start; padding: 16px; }
.mk-people .mk-pav { width: 40px; height: 40px; flex: none; font-size: 14px; }
.mk-people .mk-mail { overflow-wrap: anywhere; }
.mk-people .mk-can { color: var(--mk-text); font-size: 14px; margin-top: 4px; }
.mk-people .mk-pline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; margin-top: 8px; }
.mk-people .mk-pline .mk-pl, .mk-people .mk-pline .mk-rs { margin-top: 0; vertical-align: 0; }
.mk-people .mk-go { align-self: center; display: inline-flex; align-items: center; gap: 2px; min-height: 44px; font-size: 14px; font-weight: 700; color: var(--mk-link); }
.mk-empty-top { padding-top: 16px; }

@media (max-width: 599px) { .mk-people .mk-go .mk-gl { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } }

@media (max-width: 979px) { .mk-page { padding-bottom: 96px; } }
html.mk-on .kq2-pillbtn { border-radius: 10px !important; font-size: 16px; }

html.mk-on .mk-page .control-label.full { max-width: 100%; box-sizing: border-box; }

html.mk-on p.label { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; line-height: 1.3; text-align: left; }
html.mk-on .kqcn-linkbtn { min-height: 44px; }

html.mk-on :focus:not(:focus-visible) { outline: none; }
html.mk-on .btn:focus, html.mk-on .btn:active:focus, html.mk-on .btn.active:focus { outline: none; box-shadow: none; }
html.mk-on .btn:focus-visible, html.mk-on a:focus-visible, html.mk-on button:focus-visible { outline: 2px solid var(--mk-focus); outline-offset: 2px; }
html.mk-on .open > .dropdown-toggle, html.mk-on .open > .dropdown-toggle:focus { outline: none; box-shadow: none; }
html.mk-on .dropdown-menu > .active > a, html.mk-on .dropdown-menu > .active > a:hover, html.mk-on .dropdown-menu > .active > a:focus { background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .dropdown-menu .divider { height: 1px; margin: 6px 4px; background: var(--mk-line-soft); border: 0; overflow: hidden; }
html.mk-on .nav .open > a, html.mk-on .nav .open > a:hover, html.mk-on .nav .open > a:focus { background: var(--mk-surface-2); border-color: var(--mk-line); color: var(--mk-text); }
html.mk-on .text-primary { color: var(--mk-brand); }
html.mk-on .bg-primary { background: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on .has-success .form-control:focus { border-color: var(--mk-focus) !important; box-shadow: none !important; }
html.mk-on .select2-container-active .select2-choice, html.mk-on .select2-container-multi.select2-container-active .select2-choices, html.mk-on .select2-drop-active { border-color: var(--mk-focus); box-shadow: none; }
html.mk-on .select2-drop.select2-drop-above.select2-drop-active { border-top-color: var(--mk-focus); }
html.mk-on .select2-results .select2-highlighted, html.mk-on .chosen-container .chosen-results li.highlighted { background: var(--mk-surface-2); background-image: none; color: var(--mk-text); }
html.mk-on .chosen-container-active .chosen-single, html.mk-on .chosen-container-active .chosen-choices { border-color: var(--mk-focus); box-shadow: none; }

html.mk-on .posttitle { border-color: var(--mk-line); background: var(--mk-surface-2); color: var(--mk-text-2); }
html.mk-on .posttitle.staff { border-color: var(--mk-line); background: var(--mk-ok-bg); box-shadow: inset 3px 0 0 var(--mk-brand); }
html.mk-on .ticketpostname { color: var(--mk-text); }
html.mk-on .posttitle.staff .ticketpostname:after { background: var(--mk-brand); color: var(--mk-on-brand); }
html.mk-on .postdate { color: var(--mk-text-2); }
html.mk-on .rowpost { border-color: var(--mk-line); background: var(--mk-surface); color: var(--mk-text); }
html.mk-on .rowpost.staff { border-color: var(--mk-line); box-shadow: inset 3px 0 0 var(--mk-brand); }
html.mk-on .rowpost p, html.mk-on .rowpost li, html.mk-on .rowpost div, html.mk-on .rowpost span:not([style]) { color: inherit; }
html.mk-on .rowpost h1, html.mk-on .rowpost h2, html.mk-on .rowpost h3, html.mk-on .rowpost h4, html.mk-on .rowpost h5, html.mk-on .rowpost h6,
html.mk-on .kq-md-preview h1, html.mk-on .kq-md-preview h2, html.mk-on .kq-md-preview h3, html.mk-on .kq-md-preview h4 { color: var(--mk-text); }
html.mk-on .rowpost code, html.mk-on .kq-md-preview code, html.mk-on .kq-md-hint code { background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .rowpost pre code, html.mk-on .kq-md-preview pre code { background: transparent; }
html.mk-on .rowpost th, html.mk-on .rowpost td, html.mk-on .kq-md-preview th, html.mk-on .kq-md-preview td { border-color: var(--mk-line); }
html.mk-on .rowpost th, html.mk-on .kq-md-preview th { background: var(--mk-surface-2); }
html.mk-on .rowpost tbody tr:nth-child(even) td, html.mk-on .kq-md-preview tbody tr:nth-child(even) td { background: var(--mk-row-hover); }
html.mk-on .rowpost hr, html.mk-on .kq-md-preview hr { border-top-color: var(--mk-line); }
html.mk-on .rowpost a { color: var(--mk-link); }
html.mk-on .kq-md-tab { color: var(--mk-text-2); }
html.mk-on .kq-md-tab.is-on { border-color: var(--mk-line); background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .kq-md-tool { color: var(--mk-text-2); }
html.mk-on .kq-md-tool:hover, html.mk-on .kq-md-tool:focus { background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .kq-md textarea[name="message"] { border-color: var(--mk-line-strong); background: var(--mk-surface); color: var(--mk-text); }
html.mk-on .kq-md-preview { border-color: var(--mk-line-strong); background: var(--mk-surface); color: var(--mk-text); }
html.mk-on .kq-md-empty, html.mk-on .kq-md-hint { color: var(--mk-text-2); }
html.mk-on #closeticket.btn { border: 2px solid var(--mk-bad) !important; background: var(--mk-surface) !important; color: var(--mk-bad) !important; }
html.mk-on #closeticket.btn:hover { background: var(--mk-alert-bg) !important; }
html.mk-on input[name="postreply"].btn, html.mk-on .helpdesksubmit input[type="submit"].btn { border: 2px solid var(--mk-brand) !important; background: var(--mk-brand) !important; color: var(--mk-on-brand) !important; }
html.mk-on #showSecureData.btn { border: 2px solid var(--mk-text) !important; background: var(--mk-surface) !important; color: var(--mk-text) !important; }
html.mk-on #showSecureData.btn:hover { background: var(--mk-surface-2) !important; }
html.mk-on .helpdeskfeedback:hover, html.mk-on .helpdeskfeedback:focus { background: var(--mk-surface-2); color: var(--mk-text); }
html.mk-on .kq-jump-btn { border-color: var(--mk-line); background: var(--mk-surface); box-shadow: var(--mk-shadow-2); color: var(--mk-text); }
html.mk-on .kq-jump-btn:hover, html.mk-on .kq-jump-btn:focus { background: var(--mk-surface-2); }
html.mk-on .kq-md-tab:focus { outline: none; }
html.mk-on .kq-md-tab:focus-visible { outline: 2px solid var(--mk-focus); outline-offset: 1px; }

html.mk-on .mk-page #status[style] { color: var(--mk-text) !important; font-weight: 700; }

html.mk-on .mk-page input.swifttext { height: 44px; min-height: 44px; font-size: 16px; padding: 0 12px; box-sizing: border-box; max-width: 100%; border: 1px solid var(--mk-line-strong); border-radius: 8px; background: var(--mk-surface); color: var(--mk-text); }

html.mk-on .btn-group > .dropdown-menu { top: calc(100% + 6px) !important; margin-top: 0; }
html.mk-on .mk-page table.table .btn-group > .dropdown-menu { left: auto; right: 0; }
html.mk-on .btn-group.dropup > .dropdown-menu { top: auto !important; bottom: calc(100% + 6px); margin-bottom: 0; }

.mk-current { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; margin: 0 0 20px; }
.mk-current .mk-cur-l { font-size: 13px; font-weight: 600; color: var(--mk-text-2); }
.mk-current .mk-cur-n { font-size: 17px; font-weight: 800; color: var(--mk-text); overflow-wrap: anywhere; }
.mk-current .mk-cur-s { font-size: 14px; color: var(--mk-text-2); overflow-wrap: anywhere; }

html.mk-on .kq-notice-slot { position: relative; z-index: 1950; }
@media (min-width: 980px) { html.mk-on.mk-in .kq-notice-slot { margin-left: var(--mk-side-w); transition: margin-left 200ms cubic-bezier(0.2, 0.7, 0.2, 1); } }
html.mk-on .kq-notice { gap: 6px 14px !important; padding: 8px 16px !important; border: 0 !important; font-family: var(--mk-font) !important; font-size: 14px !important; font-weight: 500; line-height: 1.45 !important; align-items: center; }
@media (min-width: 980px) { html.mk-on .kq-notice-slot .kq-notice { padding: 8px 32px !important; } }
html.mk-on .kq-notice a { color: inherit !important; font-weight: 700; text-decoration: underline; }
html.mk-on .kq-notice-more { color: inherit !important; }
html.mk-on .kq-notice-x { min-height: 44px; min-width: 64px; padding: 0 12px !important; border: 1.5px solid currentColor !important; border-radius: 8px !important; font-size: 14px !important; font-weight: 700; color: inherit !important; }
html.mk-on .kq-notice-ic { flex: none; width: 26px; height: 26px; border-radius: 50%; display: inline-flex; position: relative; }
html.mk-on .kq-notice-ic::after { content: ''; position: absolute; inset: 5px; background: currentColor; -webkit-mask: var(--mk-n-icon) center / contain no-repeat; mask: var(--mk-n-icon) center / contain no-repeat; }
html.mk-on .kq-notice-critical { background: var(--mk-n-crit) !important; color: var(--mk-n-crit-text) !important; --mk-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6v8M12 18h.01'/%3E%3C/svg%3E"); }
html.mk-on .kq-notice-critical .kq-notice-ic { background: var(--mk-n-crit-text); color: var(--mk-n-crit); }
html.mk-on .kq-notice-warning { background: var(--mk-n-warn) !important; color: var(--mk-n-warn-text) !important; --mk-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l10 18H2z'/%3E%3Cpath d='M12 10v5M12 18h.01'/%3E%3C/svg%3E"); }
html.mk-on .kq-notice-warning .kq-notice-ic { background: var(--mk-n-warn-icon); color: var(--mk-n-warn); }
html.mk-on .kq-notice-slot .kq-notice-warning { box-shadow: inset 0 -1px 0 #E9C46A; }
html.mk-on .kq-notice-info { background: var(--mk-n-info) !important; color: var(--mk-n-info-text) !important; --mk-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 11v7M12 6h.01'/%3E%3C/svg%3E"); }
html.mk-on .kq-notice-info .kq-notice-ic { background: var(--mk-n-info-text); color: var(--mk-n-info); }
html.mk-on .kq-notice-resolved { background: var(--mk-n-done) !important; color: var(--mk-n-done-text) !important; --mk-n-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E"); }
html.mk-on .kq-notice-resolved .kq-notice-ic { background: var(--mk-n-done-text); color: var(--mk-n-done); }

html.mk-on .kq-notice-card .kq-notice { background: transparent !important; color: var(--mk-text) !important; padding: 14px 16px !important; border-top: 1px solid var(--mk-line-soft) !important; align-items: flex-start; }
html.mk-on .kq-notice-card .kq-notice-ic { width: 36px; height: 36px; }
html.mk-on .kq-notice-card .kq-notice-ic::after { inset: 9px; }
html.mk-on .kq-notice-card .kq-notice-info .kq-notice-ic { background: var(--mk-n-info); color: var(--mk-n-info-text); }
html.mk-on .kq-notice-card .kq-notice-resolved .kq-notice-ic { background: var(--mk-n-done); color: var(--mk-n-done-text); }
html.mk-on .kq-notice-card .kq-notice a { color: var(--mk-link) !important; }
html.mk-on .kq-notice-card .kq-notice-x { border: 0 !important; color: var(--mk-link) !important; }

.mk-home-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; align-items: start; }
.mk-home-main, .mk-home-side { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
@media (min-width: 1100px) { .mk-home-grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 24px; } .mk-home-main, .mk-home-side { gap: 24px; } }
@media (max-width: 759px) { .mk-head .mk-acts.mk-home-order { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .mk-home-order .mk-btn { width: 100%; padding-left: 10px; padding-right: 10px; white-space: nowrap; } .mk-home-order .mk-btn svg { display: none; } }
.mk-home-order .mk-short { display: none; }
@media (max-width: 759px) { .mk-home-order .mk-long { display: none; } .mk-home-order .mk-short { display: inline; } }
.mk-help-row { display: flex; flex-direction: column; gap: 20px; }
.mk-ch .mk-cn { font-size: 14px; font-weight: 600; color: var(--mk-text-2); margin-right: auto; margin-left: -4px; }
.mk-ch h2 + .mk-cn { margin-left: 0; }
.mk-hrow { padding-top: 6px; padding-bottom: 6px; }
html.mk-on a.mk-rlink { display: block; color: var(--mk-text); text-decoration: none; padding: 7px 0; }
html.mk-on a.mk-rlink:hover .mk-rn { color: var(--mk-link-hover); }
html.mk-on a.mk-quick { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font-size: 14px; font-weight: 700; color: var(--mk-link); }
html.mk-on a.mk-row.mk-row-more { justify-content: center; font-size: 14px; font-weight: 700; color: var(--mk-link); }
.mk-row.mk-quiet { margin: 0; color: var(--mk-text-2); font-size: 14px; border-top: 0; }
.mk-row.mk-quiet svg { flex: none; color: var(--mk-ok); }
.mk-ch + .mk-row { border-top: 0; }

.mk-notes-card:not(:has(.kqcn, .kq-appnudge, .kq-notice)) { display: none; }
.mk-notes-card > .mk-note + .mk-note, .mk-notes-card > .mk-note + .kq-notice-card .kq-notice:first-child { border-top: 1px solid var(--mk-line-soft); }
.mk-notes-card .kq-notice-card .kq-notice:first-child { border-top: 0 !important; }
.mk-notes-card > .mk-note ~ .kq-notice-card .kq-notice:first-child { border-top: 1px solid var(--mk-line-soft) !important; }
html.mk-on .mk-notes-card .kqcn { margin: 0; border: 0; border-radius: 0; }
html.mk-on .mk-notes-card .kqcn-ok > summary, html.mk-on .mk-notes-card .kqcn-wip > summary, html.mk-on .mk-notes-card .kqcn-chk > summary { background: transparent; }
html.mk-on .mk-notes-card .kq-appnudge { margin: 0 !important; border: 0 !important; border-radius: 0 !important; padding: 14px 16px !important; background: transparent !important; }
html.mk-on .mk-appbanner .kq-appnudge { margin: 0 !important; background: var(--mk-chrome) !important; border: 3px solid var(--mk-chrome-head) !important; border-radius: 10px !important; padding: 22px 24px !important; gap: 20px !important; }
html.mk-on .mk-appbanner .kq-appnudge > div:first-child { gap: 18px !important; align-items: center !important; }
html.mk-on .mk-appbanner .kq-appnudge svg { width: 56px; height: 56px; padding: 13px; box-sizing: border-box; border-radius: 14px; background: var(--mk-chrome-on); stroke: var(--mk-chrome-on-text); margin-top: 0 !important; }
html.mk-on .mk-appbanner .kq-appnudge strong { color: var(--mk-chrome-text) !important; font-size: 18px !important; line-height: 1.3; margin-bottom: 6px !important; }
html.mk-on .mk-appbanner .kq-appnudge span { color: var(--mk-chrome-text-2) !important; }
html.mk-on .mk-appbanner .kq-appnudge .btn-primary, html.mk-on .mk-appbanner .kq-appnudge .btn-primary:hover, html.mk-on .mk-appbanner .kq-appnudge .btn-primary:focus { background: var(--mk-chrome-on) !important; border-color: var(--mk-chrome-on) !important; color: var(--mk-chrome-on-text) !important; font-weight: 700; padding: 0 18px; border-radius: 8px; }
html.mk-on .mk-appbanner .kq-appnudge .btn-link, html.mk-on .mk-appbanner .kq-appnudge .btn-link:hover, html.mk-on .mk-appbanner .kq-appnudge .btn-link:focus { color: var(--mk-chrome-text) !important; border: 1px solid var(--mk-chrome-head) !important; border-radius: 8px; text-decoration: none; padding: 0 16px; background: transparent; }
@media (max-width: 600px) { html.mk-on .mk-appbanner .kq-appnudge { padding: 18px !important; } html.mk-on .mk-appbanner .kq-appnudge > div:last-child, html.mk-on .mk-appbanner .kq-appnudge > div:last-child > *, html.mk-on .mk-appbanner .kq-appnudge .btn { width: 100%; justify-content: center; } }

.mk-fy { border-radius: 10px; overflow: hidden; border: 1px solid var(--mk-chrome); box-shadow: var(--mk-shadow); background: var(--mk-surface); }
.mk-fy.mk-fy-nohero { border-color: var(--mk-line); box-shadow: none; }
.mk-fy-hero { background: var(--mk-chrome); color: var(--mk-chrome-text); padding: 20px 24px; display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: flex-start; }
.mk-fy-tile { flex: none; width: 56px; height: 56px; border-radius: 14px; background: var(--mk-n-crit); color: var(--mk-n-crit-text); display: flex; align-items: center; justify-content: center; }
.mk-fy-main { flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
html.mk-on .mk-fy-main h2 { margin: 0; font-size: 20px; line-height: 1.25; font-weight: 800; color: var(--mk-chrome-text); }
html.mk-on .mk-fy-main p { margin: 0; font-size: 15px; line-height: 1.45; color: var(--mk-chrome-text-2); }
html.mk-on .mk-fy-hero a { color: var(--mk-chrome-on); font-weight: 700; text-decoration: underline; }
html.mk-on .mk-fy-points { margin: 6px 0 2px; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.45; color: var(--mk-chrome-text-2); }
html.mk-on .mk-fy-points li, html.mk-on .kqnt-short li { position: relative; padding-left: 30px; }
html.mk-on .mk-fy-points li::before, html.mk-on .kqnt-short li::before { content: ""; position: absolute; left: 0; top: 1px; width: 20px; height: 20px; border-radius: 50%; background: var(--mk-chrome-on); }
html.mk-on .mk-fy-points li::after, html.mk-on .kqnt-short li::after { content: ""; position: absolute; left: 7px; top: 5px; width: 5px; height: 9px; border: solid var(--mk-chrome-on-text); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
html.mk-on .mk-fy-main .mk-fy-links { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 4px; }
html.mk-on .mk-fy-links a { display: inline-flex; align-items: center; min-height: 40px; }
html.mk-on .mk-fy-main .mk-fy-date { font-weight: 700; color: var(--mk-chrome-text); }
html.mk-on .mk-fy-main .mk-fy-err { color: var(--mk-chrome-text); font-weight: 700; }
.mk-fy-acts { flex: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
html.mk-on .mk-fy-go, html.mk-on .mk-fy-hero a.mk-fy-go { font: inherit; font-size: 15px; font-weight: 700; background: var(--mk-chrome-on); color: var(--mk-chrome-on-text); border: 0; border-radius: 10px; padding: 0 20px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; }
html.mk-on .mk-fy-later { font: inherit; font-size: 15px; font-weight: 600; background: transparent; color: var(--mk-chrome-text); border: 1px solid var(--mk-chrome-head); border-radius: 10px; padding: 0 16px; min-height: 46px; cursor: pointer; }
html.mk-on .mk-fy-small { flex: 1 1 100%; margin: 0; padding-top: 12px; border-top: 1px solid var(--mk-chrome-2); font-size: 13px; line-height: 1.5; color: var(--mk-chrome-text-2); }
html.mk-on .mk-fy-small a { color: var(--mk-chrome-text); font-weight: 600; }
.mk-fy-thanks { display: flex; gap: 14px; align-items: center; padding: 16px 24px; background: var(--mk-ok-bg); color: var(--mk-ok); font-size: 15px; line-height: 1.5; }
.mk-fy-tick { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--mk-brand); color: var(--mk-on-brand); display: flex; align-items: center; justify-content: center; }
html.mk-on .mk-fy-thanks a { color: var(--mk-ok); font-weight: 700; }
.mk-fy-lines { background: var(--mk-row-hover); padding: 2px 24px; }
.mk-fy-nohero .mk-fy-lines { background: var(--mk-surface); }
.mk-fy-lines > * + * { border-top: 1px solid var(--mk-line); }
.mk-fy-line, html.mk-on .mk-fy-more > summary { display: flex; gap: 14px; align-items: center; padding: 10px 0; min-height: 44px; }
.mk-fy-more > summary { cursor: pointer; list-style: none; }
.mk-fy-more > summary::-webkit-details-marker { display: none; }
.mk-fy-more[open] > summary .mk-fy-btn { display: none; }
.mk-fy-more > .mk-fy-hero { border-radius: 10px; margin: 0 0 12px; }
.mk-fy-ico { flex: none; width: 36px; height: 36px; border-radius: 10px; background: var(--mk-chrome-on); color: var(--mk-chrome-on-text); display: flex; align-items: center; justify-content: center; }
.mk-fy-ico svg { width: 20px; height: 20px; }
.mk-fy-lt { flex: 1 1 auto; min-width: 0; font-size: 15px; color: var(--mk-text); }
.mk-fy-lt strong { color: var(--mk-text); }
.mk-fy-lt > span { font-size: 14px; color: var(--mk-text-2); }
html.mk-on .mk-fy-btn { margin-left: auto; flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border-radius: 8px; border: 1px solid var(--mk-line-strong); color: var(--mk-text); font-size: 14px; font-weight: 700; text-decoration: none; background: var(--mk-surface); }
html.mk-on .mk-fy-status .kqcn { margin: 0; border: 0; border-radius: 0; background: transparent; }
html.mk-on .mk-fy-status .kqcn > summary { background: transparent; padding-left: 0; padding-right: 0; }
@media (max-width: 600px) {
  .mk-fy-hero { padding: 16px; gap: 12px 12px; align-items: flex-start; }
  .mk-fy-tile { width: 40px; height: 40px; border-radius: 11px; }
  .mk-fy-tile svg { width: 22px; height: 22px; }
  .mk-fy-main { flex: 1 1 0; }
  html.mk-on .mk-fy-main h2 { font-size: 18px; }
  html.mk-on .mk-fy-main p, html.mk-on .mk-fy-points { font-size: 14px; }
  html.mk-on .mk-fy-points { display: none; }
  html.mk-on .mk-fy-points li { padding-left: 26px; }
  html.mk-on .mk-fy-points li::before { width: 18px; height: 18px; top: 1px; }
  html.mk-on .mk-fy-points li::after { left: 6px; top: 4px; }
  .mk-fy-acts { width: 100%; flex-wrap: nowrap; }
  html.mk-on .mk-fy-acts > .mk-fy-go { flex: 1.5 1 0; min-width: 0; padding: 0 8px; font-size: 14px; white-space: nowrap; }
  html.mk-on .mk-fy-acts > .mk-fy-later { flex: 1 1 0; min-width: 0; padding: 0 8px; font-size: 14px; white-space: nowrap; }
  html.mk-on .mk-fy-main .mk-fy-links { gap: 0 16px; margin-top: 2px; }
  html.mk-on .mk-fy-links a { font-size: 14px; min-height: 36px; }
  .mk-fy-line .mk-fy-lt, .mk-fy-more > summary .mk-fy-lt { flex: 1 1 0; }
  html.mk-on .mk-fy-small { font-size: 12px; padding-top: 10px; }
  .mk-fy-lines { padding: 2px 16px; }
  .mk-fy-line, .mk-fy-more > summary { flex-wrap: wrap; }
  html.mk-on .mk-fy-line .mk-fy-btn, html.mk-on .mk-fy-more > summary .mk-fy-btn { width: 100%; margin-left: 0; box-sizing: border-box; justify-content: center; }
}

.mk-blog { overflow: hidden; }
html.mk-on a.mk-blog-a { display: block; color: var(--mk-text); text-decoration: none; }
.mk-blog-img { display: block; aspect-ratio: 16 / 9; background: var(--mk-surface-2); }
.mk-blog-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mk-blog-t { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; }
.mk-blog-k { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--mk-text-2); }
.mk-blog-h { font-size: 17px; line-height: 1.3; font-weight: 800; min-height: 44px; }
.mk-blog-d { font-size: 14px; line-height: 1.5; color: var(--mk-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mk-blog-m { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mk-text-2); min-height: 28px; }
.mk-blog-m img { border-radius: 50%; object-fit: cover; }
.mk-blog:not(.is-in) .mk-blog-h { background: var(--mk-surface-2); border-radius: 6px; }
html.mk-on a.mk-blog-a:hover .mk-blog-h { color: var(--mk-link-hover); }

html.mk-on .kq-notice { flex-wrap: nowrap !important; align-items: flex-start !important; }
html.mk-on .kq-notice-msg { flex: 1 1 0 !important; min-width: 0; }
html.mk-on .kq-notice-ic { margin-top: 1px; }
html.mk-on .kq-notice-more[style*="inline"], html.mk-on .kq-notice-msg > a { display: inline-flex !important; align-items: center; min-height: 44px; margin-right: 14px; vertical-align: middle; }

html.mk-on .nav-tabs:has(> li.dropdown) { overflow: visible; flex-wrap: wrap; }

html.mk-on .mk-notes-card .kqcn > summary { padding: 14px 16px; align-items: center; }
html.mk-on .mk-notes-card .kqcn > summary > .kqcn-ico { width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; background: var(--mk-ok-bg); }
html.mk-on .mk-notes-card .kqcn > summary > .kqcn-ico svg { stroke: var(--mk-ok); }
html.mk-on .mk-notes-card .kqcn-wip > summary > .kqcn-ico { background: var(--mk-warn-bg); }
html.mk-on .mk-notes-card .kqcn-wip > summary > .kqcn-ico svg { stroke: var(--mk-warn); }
html.mk-on .mk-notes-card .kqcn-chk > summary > .kqcn-ico { background: var(--mk-mid-bg); }
html.mk-on .mk-notes-card .kqcn-chk > summary > .kqcn-ico svg { stroke: var(--mk-mid); }
html.mk-on .mk-notes-card .kq-appnudge > div:first-child > svg { width: 36px; height: 36px; padding: 7px; box-sizing: border-box; border-radius: 50%; background: var(--mk-surface-2); stroke: var(--mk-text); margin-top: 0 !important; }

html.mk-on .mk-notes-card .kqcn[open] > .kqcn-body { background: var(--mk-surface-2); border-top: 1px solid var(--mk-line-soft); padding: 16px 16px 18px; }
@media (min-width: 760px) { html.mk-on .mk-notes-card .kqcn[open] > .kqcn-body { padding-left: 68px; padding-right: 24px; } }

@media (min-width: 1100px) {
  html.mk-on .mk-notes-card .kqcn[open] > .kqcn-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); grid-template-rows: auto auto 1fr; column-gap: 28px; align-items: start; }
  html.mk-on .mk-notes-card .kqcn-body > p { grid-column: 1; max-width: 68ch; }
  html.mk-on .mk-notes-card .kqcn-body > .kqcn-grps { grid-column: 2; grid-row: 1 / span 3; }
  html.mk-on .mk-notes-card .kqcn-grps > .kqcn-grp:first-child { margin-top: 0; }
}
html.mk-on .mk-notes-card .kqcn-body > p.kqcn-muted:first-child { margin: 0 0 4px; font-size: 15px; line-height: 1.6; color: var(--mk-text); }
html.mk-on .mk-notes-card .kqcn-grp { margin: 12px 0 0; padding: 14px 16px; background: var(--mk-surface); border: 1px solid var(--mk-line); border-radius: 10px; }
html.mk-on .mk-notes-card .kqcn-grp + .kqcn-grp { margin-top: 10px; }
html.mk-on .mk-notes-card .kqcn-txt > span:first-child { font-size: 16px; font-weight: 700; color: var(--mk-text); }
html.mk-on .mk-notes-card .kqcn-txt .kqcn-muted { font-size: 14px; line-height: 1.55; color: var(--mk-text-2); }
html.mk-on .mk-notes-card .kqcn-names { gap: 6px; font-size: 13px; }
html.mk-on .mk-notes-card .kqcn-names > span:first-child { width: 100%; font-weight: 600; }
html.mk-on .mk-notes-card .kqcn-names strong { padding: 3px 8px; border-radius: 6px; background: var(--mk-surface-2); font-weight: 600; font-size: 13px; }
html.mk-on .mk-notes-card .kqcn-body > p.kqcn-muted:not(:first-child) { font-size: 13px; line-height: 1.55; color: var(--mk-text-2); margin-top: 12px; }

html.mk-on .nav-tabs > li > a { transition: color 140ms, background-color 140ms, border-color 140ms; }

.kqnt-short { background: var(--mk-chrome); color: var(--mk-chrome-text); border-radius: 16px; padding: 20px 24px; }
html.mk-on .kqnt-short h2 { margin: 0 0 8px; font-size: 18px; color: var(--mk-chrome-text); }
html.mk-on .kqnt-short ul { margin: 0; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; font-size: 15px; line-height: 1.55; }
html.mk-on .kqnt-short p { margin: 10px 0 0; font-size: 14px; color: var(--mk-chrome-text-2); }
.kqnt-toc { display: flex; flex-wrap: wrap; gap: 8px; }
html.mk-on .kqnt-toc a { border: 1px solid var(--mk-line); background: var(--mk-surface); border-radius: 999px; padding: 0 14px; min-height: 40px; display: inline-flex; align-items: center; color: var(--mk-text); font-weight: 600; font-size: 14px; text-decoration: none; }
.kqnt-body { padding: 4px 24px 20px; }
.kqnt-sec { padding: 16px 0; border-bottom: 1px solid var(--mk-line-soft); scroll-margin-top: 80px; }
html.mk-on .kqnt-sec h2 { margin: 0 0 4px; font-size: 19px; color: var(--mk-text); }
html.mk-on .kqnt-sec p { margin: 0; color: var(--mk-text-2); font-size: 15px; line-height: 1.6; }
html.mk-on a.kqnt-more { display: inline-flex; min-height: 40px; align-items: center; font-weight: 700; color: var(--mk-link); }
html.mk-on .kqnt-intro { margin: 16px 0 4px; font-size: 16px; line-height: 1.6; color: var(--mk-text); }
.kqnt-sec h2 { scroll-margin-top: 80px; }
html.mk-on .kqnt-sec > p { margin: 0 0 10px; }
html.mk-on .kqnt-list { margin: 8px 0 0; padding-left: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; font-size: 15px; line-height: 1.6; color: var(--mk-text-2); }
html.mk-on .kqnt-list > li { position: relative; padding-left: 30px; }
html.mk-on .kqnt-list > li::before { content: ""; position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: var(--mk-ok-bg); }
html.mk-on .kqnt-list > li::after { content: ""; position: absolute; left: 7px; top: 7px; width: 5px; height: 9px; border: solid var(--mk-ok); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg); }
html.mk-on .kqnt-list > li > strong:first-child { display: block; color: var(--mk-text); margin-bottom: 2px; }
html.mk-on .kqnt-list strong { color: var(--mk-text); }
html.mk-on .kqnt-list p { margin: 10px 0 0; color: var(--mk-text-2); }
html.mk-on .kqnt-list a, html.mk-on .kqnt-sec a, html.mk-on .kqnt-docs a, html.mk-on .kqnt-intro a { color: var(--mk-link); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
html.mk-on .kqnt-tbl { width: 100%; max-width: 520px; margin: 12px 0 0; border-collapse: separate; border-spacing: 0; border: 1px solid var(--mk-line); border-radius: 10px; overflow: hidden; font-size: 15px; font-variant-numeric: tabular-nums; background: var(--mk-surface); }
html.mk-on .kqnt-tbl th, html.mk-on .kqnt-tbl td { padding: 8px 12px; text-align: left; border-top: 1px solid var(--mk-line-soft); color: var(--mk-text); }
html.mk-on .kqnt-tbl thead th { border-top: 0; background: var(--mk-surface-2); font-size: 13px; font-weight: 700; color: var(--mk-text-2); }
html.mk-on .kqnt-tbl tbody th { font-weight: 600; }
html.mk-on .kqnt-tbl td:last-child { font-weight: 700; color: var(--mk-text); }
html.mk-on .kqnt-docs { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--mk-line-soft); font-size: 15px; line-height: 1.8; color: var(--mk-text-2); }
html.mk-on .kqnt-note { margin: 16px 0 0; font-size: 14px; color: var(--mk-text-2); line-height: 1.6; }
.kqnt-accept { background: var(--mk-surface); border: 2px solid var(--mk-brand); border-radius: 12px; padding: 18px 22px; display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; }
.kqnt-at { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; }
.kqnt-at strong { color: var(--mk-text); font-size: 16px; }
.kqnt-at span { color: var(--mk-text-2); font-size: 14px; }
.kqnt-accept form { margin: 0; }
html.mk-on .kqnt-q { font-size: 14px; color: var(--mk-text-2); margin: 0; }
@media (max-width: 600px) { .kqnt-short, .kqnt-body { padding-left: 16px; padding-right: 16px; } .kqnt-accept form, .kqnt-accept .mk-btn { width: 100%; } }
.mk-filterbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0 16px; margin: 0 0 16px; padding: 4px 16px; border-radius: 10px; background: var(--mk-info-bg); border: 1px solid var(--mk-info-line); color: var(--mk-info); font-size: 14px; }
html.mk-on .mk-filterbar a { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--mk-link); }
.mkt-bar { display: flex; flex-direction: column; gap: 12px; margin: 0 0 16px; }
html.mk-on .mkt-sx { flex: none; width: 100%; min-height: 48px; background: var(--mk-surface); border-color: var(--mk-line-strong); font-size: 16px; }
.mkt-chips { display: flex; flex-wrap: wrap; gap: 6px; }
html.mk-on .mkt-chips a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border: 1px solid var(--mk-line); border-radius: 999px; background: var(--mk-surface); color: var(--mk-text); font-size: 14px; font-weight: 600; text-decoration: none; box-sizing: border-box; white-space: nowrap; }
html.mk-on .mkt-chips a:hover { border-color: var(--mk-hover-line); color: var(--mk-text); }
html.mk-on .mkt-chips a.on { background: var(--mk-brand); border-color: var(--mk-brand); color: var(--mk-on-brand); }
@media (min-width: 760px) { .mkt-bar { flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; } .mkt-chips { order: -1; } html.mk-on .mkt-sx { width: 360px; } }
html.mk-on .mkt-said { margin: 0 0 16px; font-size: 15px; color: var(--mk-text-2); }
html.mk-on .mkt-said a { font-weight: 700; }
html.mk-on .mkt-table > tbody > tr { position: relative; }
html.mk-on .mkt-table a.mkt-go::after { content: ""; position: absolute; inset: 0; }
html.mk-on .mkt-table > tbody > tr:hover { cursor: pointer; }
html.mk-on .mkt-table .mk-acts-cell a { position: relative; z-index: 1; }
.mk-row .mk-rn { font-weight: 600; }
.mkt-subj { display: flex; align-items: center; gap: 8px; }
html.mk-on .mkt-table .mkt-subj a { font-weight: 600; overflow-wrap: anywhere; }
.mkt-num { display: block; margin-top: 2px; font-size: 13px; color: var(--mk-text-2); }
.mkt-table td.mkt-when { white-space: nowrap; color: var(--mk-text-2); }
html.mk-on .mkt-table > thead > tr > th { white-space: nowrap; }
.mkt-none { padding: 20px 16px; }
html.mk-on .mkt-none h2 { margin: 0 0 6px; font-size: 18px; }
html.mk-on .mkt-none p { margin: 0; color: var(--mk-text-2); font-size: 15px; }
.mkt-none p a { font-weight: 700; }
html.mk-on .mkt-none .mkt-none-a { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }

.mk-tap-hint { display: none; }
@media (hover: none), (pointer: coarse) { .mk-key-hint { display: none; } .mk-tap-hint { display: inline; } }
html.mk-on .mk-sectabs { display: flex; gap: 22px; margin: 0 0 16px; border-bottom: 1px solid var(--mk-line); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
html.mk-on .mk-sectabs::-webkit-scrollbar { display: none; }
html.mk-on .mk-sectabs a.mk-sub { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 2px; margin-bottom: -1px; border-bottom: 3px solid transparent; color: var(--mk-text-2); font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
html.mk-on .mk-sectabs a.mk-sub:hover, html.mk-on .mk-sectabs a.mk-sub:focus { color: var(--mk-text); text-decoration: none; }
html.mk-on .mk-sectabs a.mk-sub.on { color: var(--mk-text); border-bottom-color: var(--mk-brand); }
html.mk-on .mk-sectabs a.mk-sub:focus-visible { outline: 2px solid var(--mk-focus); outline-offset: -2px; }
html.mk-on .mk-foot a.mk-foot-pin { gap:6px; flex-wrap:wrap; }
.mk-foot-pin svg { color:var(--mk-text-2); }
.mk-foot-pin-note { font-weight:400; color:var(--mk-text-2); font-size:13px; margin-left:4px; }
html.mk-on .kq-notice-msg { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 12px; }
html.mk-on .kq-notice-text { flex: 1 1 240px; min-width: 0; }
html.mk-on .kq-notice:not(.kq-open) .kq-notice-text { -webkit-line-clamp: 1 !important; line-clamp: 1 !important; }
html.mk-on .kq-notice:not(.kq-open) .kq-notice-text br { display: none; }
html.mk-on .kq-notice.kq-open .kq-notice-text { flex-basis: 100%; }
html.mk-on .kq-notice-more { flex: none; margin: 0 !important; font-size: 14px; white-space: nowrap; }
html.mk-on .kq-notice-msg > a { flex: none; white-space: nowrap; }
html.mk-on .kq-notice-x { min-height: 36px !important; min-width: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 8px !important; background: rgba(0, 0, 0, 0.07) !important; font-size: 13px !important; font-weight: 600 !important; }
html.mk-on .kq-notice-x:hover { background: rgba(0, 0, 0, 0.13) !important; }
html.mk-on .kq-notice-card .kq-notice-x { background: none !important; }
@media (max-width: 599px) { html.mk-on .kq-notice:not(.kq-open) .kq-notice-text { -webkit-line-clamp: 2 !important; line-clamp: 2 !important; } }
html.mk-on .kq-notice-slot .kq-notice, html.mk-on .kq-notice { align-items: center !important; }
html.mk-on .kq-notice-more { min-height: 36px; display: inline-flex; align-items: center; }