:root,[data-bs-theme="light"]{color-scheme:light;--bs-primary:#3c572b;--bs-primary-rgb:60,87,43;--bs-link-color:#466237;--bs-link-color-rgb:70,98,55;--bs-link-hover-color:#263622;--bs-link-hover-color-rgb:38,54,34;--hm-page:#f3f5ef;--hm-card:#fff;--hm-text:#263622;--hm-muted:#59674f;--hm-border:#d8dfd1;--hm-field:#fff;--hm-accent:#3c572b;--hm-on-accent:#fff;--hm-hover:#263622;--hm-focus:rgba(60,87,43,.24)}
[data-bs-theme="dark"]{color-scheme:dark;--bs-primary:#b6d69c;--bs-primary-rgb:182,214,156;--bs-link-color:#b6d69c;--bs-link-color-rgb:182,214,156;--bs-link-hover-color:#d7ebc8;--bs-link-hover-color-rgb:215,235,200;--hm-page:#151a16;--hm-card:#202820;--hm-text:#edf3e8;--hm-muted:#b1bfaa;--hm-border:#46513f;--hm-field:#192019;--hm-accent:#b6d69c;--hm-on-accent:#1b2b14;--hm-hover:#cce5b7;--hm-focus:rgba(182,214,156,.28)}
.btn-primary{--bs-btn-bg:var(--hm-accent);--bs-btn-color:var(--hm-on-accent);--bs-btn-border-color:var(--hm-accent);--bs-btn-hover-bg:var(--hm-hover);--bs-btn-hover-color:var(--hm-on-accent);--bs-btn-hover-border-color:var(--hm-hover);--bs-btn-active-bg:var(--hm-hover);--bs-btn-active-color:var(--hm-on-accent)}
/* Shared shell. The header stays one row, including at tablet widths. */
.hm-header { min-height:64px; }
.hm-header > .container-fluid { flex-wrap:nowrap; gap:12px; }
.hm-header-brand, .hm-header-tools { flex-shrink:0; }
.hm-header .navbar-brand { margin:0; line-height:1; display:flex; align-items:center; }
.hm-header-brand { gap:10px; }
#hm-sidebar-toggle { min-width:40px; min-height:40px; }
.hm-header #searchform { flex:1 1 240px; max-width:520px; min-width:100px; }
.hm-header #searchform input { min-width:0; }
#wrapper > .sidebar { flex-shrink:0; }
#wrapper #content-wrapper { min-width:0; }
.hm-menu-backdrop { display:none; }
#content-wrapper .card, #content-wrapper .card-body { min-width:0; }
#content-wrapper .card-body img { max-width:100%; height:auto; }
#content-wrapper .card-body pre { white-space:pre-wrap; overflow-wrap:anywhere; }
#ticketTable_wrapper .dt-layout-table { overflow-x:auto; }
#ticketTable_wrapper .dt-layout-start, #ticketTable_wrapper .dt-layout-end { gap:8px; flex-wrap:wrap; }
#ticketTable_wrapper .dt-search input { max-width:100%; }
@media(max-width:1199.98px) {
  .hm-header .navbar-brand small, .hm-header .hm-integrations-link { display:none; }
}
@media(max-width:767.98px) {
  .hm-header { height:64px; padding:8px 0; z-index:1040; }
  .hm-header > .container-fluid { padding-inline:12px; gap:4px; }
  .hm-header-brand { gap:4px; min-width:0; }
  .hm-header .hm-brand { gap:6px; }
  .hm-header .hm-brand img[width="34"] { width:28px; height:28px; }
  .hm-header .hm-brand img[width="180"] { width:128px; height:auto; }
  .hm-header-tools > .dropdown { margin-right:0!important; }
  .hm-header-tools .nav-link { padding:10px 8px; min-height:44px; }
  .hm-header-tools .dropdown-toggle::after { display:none; }
  .hm-header .navbar-nav { flex-direction:row; }
  #wrapper > .sidebar {
    display:none; position:fixed; z-index:1039; inset:64px auto 0 0;
    width:min(280px, calc(100vw - 48px))!important; min-height:0;
    overflow-y:auto; overscroll-behavior:contain; background:var(--hm-card);
    border-right:1px solid var(--hm-border); padding:12px 8px;
  }
  body.hm-menu-open { overflow:hidden; }
  .hm-menu-open #wrapper > .sidebar { display:flex; }
  .hm-menu-open .hm-menu-backdrop { display:block; position:fixed; inset:64px 0 0; z-index:1038; border:0; background:rgba(0,0,0,.5); }
  #wrapper > .sidebar .nav-link { width:100%; display:flex; align-items:center; gap:14px; padding:14px 16px; text-align:left; border-radius:8px; }
  #wrapper > .sidebar .nav-link span { display:inline; font-size:15px; }
  #wrapper > .sidebar .nav-link i { width:20px; text-align:center; }
  #wrapper > .sidebar .dropdown-menu { position:static!important; transform:none!important; max-width:100%; min-width:0; }
  #wrapper #content-wrapper { padding-top:12px; }
  #content-wrapper > .container-fluid { padding-inline:16px; }
  #content-wrapper .breadcrumb { margin-bottom:16px; font-size:14px; overflow-wrap:anywhere; }
  #content-wrapper .card-body { padding:16px; overflow-wrap:anywhere; }
  #content-wrapper .card-header { flex-wrap:wrap; gap:8px; overflow-wrap:anywhere; }
  #content-wrapper input:not([type="checkbox"]):not([type="radio"]),
  #content-wrapper select, #content-wrapper textarea { max-width:100%; font-size:16px; }
  #content-wrapper .input-group { flex-wrap:wrap; }
  #content-wrapper .table-responsive { max-width:100%; }
  #content-wrapper .nav-tabs { flex-wrap:wrap; }
  #content-wrapper .nav-tabs .nav-link { padding:10px 12px; }
  .hm-ticket-detail .d-flex:has(> h2) { flex-wrap:wrap; gap:8px; margin-bottom:16px; }
  .hm-ticket-detail .d-flex > h2 { flex-basis:100%; font-size:22px; line-height:1.35; margin:0; }
  .hm-ticket-detail .d-flex:has(> h2) > .dropdown { margin-left:0!important; }
  .hm-ticket-detail .row-cols-1 > .col { width:50%; }
  .hm-ticket-detail .row-cols-1 > .col:has(form),
  .hm-ticket-detail .row-cols-1 > .col:has(.input-group),
  .hm-ticket-detail .row-cols-1 > .col:has(ul) { width:100%; }
  div.dt-button-collection { max-width:calc(100vw - 32px); }
  .offcanvas { max-width:100vw; }
  #ticketTable_wrapper > .row { margin:0; gap:12px; }
  #ticketTable_wrapper > .row > div { padding:0; width:100%; min-width:0; }
  #ticketTable_wrapper .dt-layout-start { display:flex!important; justify-content:flex-start!important; gap:8px; }
  #ticketTable_wrapper .dt-layout-end { display:flex!important; flex-wrap:wrap; gap:12px; justify-content:flex-start!important; }
  #ticketTable_wrapper .dt-search { width:100%; margin:0; text-align:left; }
  #ticketTable_wrapper .dt-search label { display:block; font-size:13px; margin:0 0 6px; color:var(--hm-muted); }
  #ticketTable_wrapper .dt-search input { display:block; margin:0; width:100%; min-height:44px; }
  #ticketTable_wrapper .btn, #ticketTable_wrapper .page-link { min-height:44px; }
  #ticketTable_wrapper .dt-buttons { width:auto; text-align:left; }
  #ticketTable_wrapper .dt-layout-table { overflow:visible; }
  #ticketTable_wrapper .dt-layout-table > div { display:block!important; }
  #ticketTable_wrapper .dt-info { width:100%; text-align:left; padding-top:8px; font-size:14px; }
  #ticketTable_wrapper .dt-length { text-align:left; font-size:14px; }
  #ticketTable_wrapper .pagination { margin:0; flex-wrap:wrap; }
  #ticketTable_wrapper .dropdown-menu { max-width:calc(100vw - 64px); }
  #ticketTable.hm-ticket-cards { display:block; width:100%!important; margin-block:16px!important; border:0; }
  #ticketTable.hm-ticket-cards colgroup, #ticketTable.hm-ticket-cards thead { display:none; }
  #ticketTable.hm-ticket-cards tbody { display:grid; gap:12px; }
  #ticketTable.hm-ticket-cards tbody tr { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px 16px; position:relative; padding:16px; border:1px solid var(--hm-border); border-radius:12px; background:var(--hm-card); }
  #ticketTable.hm-ticket-cards tbody td { display:block; width:auto!important; padding:0; min-width:0; border:0; box-shadow:none; background:none; text-align:left; overflow-wrap:anywhere; }
  #ticketTable.hm-ticket-cards tbody td::before { content:attr(data-label); display:block; font-size:11px; font-weight:500; letter-spacing:.04em; text-transform:uppercase; color:var(--hm-muted); margin-bottom:4px; }
  #ticketTable.hm-ticket-cards tbody td[data-field="id"] { position:absolute; top:14px; right:10px; width:40px!important; }
  #ticketTable.hm-ticket-cards tbody td[data-field="id"] .form-check { margin:0; padding:8px; }
  #ticketTable.hm-ticket-cards tbody td[data-field="id"] input { float:none; margin:0; width:20px; height:20px; }
  #ticketTable.hm-ticket-cards tbody td[data-field="ticket"] { grid-column:1/-1; padding-right:32px; font-size:16px; font-weight:600; line-height:1.5; }
  #ticketTable.hm-ticket-cards tbody td[data-field="ticket"] a { display:block; }
  #ticketTable.hm-ticket-cards .tickettitle { min-width:0; max-width:100%; }
  #ticketTable.hm-ticket-cards tbody td[data-field="id"]::before,
  #ticketTable.hm-ticket-cards tbody td[data-field="ticket"]::before { display:none; }
  #ticketTable.hm-ticket-cards tbody td[data-field="submitter"],
  #ticketTable.hm-ticket-cards tbody td[data-field="last_followup"],
  #ticketTable.hm-ticket-cards tbody td.dt-empty { grid-column:1/-1; }
  #ticketTable.hm-ticket-cards tbody td.hm-empty-cell { display:none; }
}
.navbar-brand{font-weight:700;letter-spacing:-.5px}.card{border-radius:12px}.hm-brand{display:inline-flex;gap:12px;align-items:center}.hm-brand-dark{display:none}[data-bs-theme="dark"] .hm-brand-dark{display:inline-block}[data-bs-theme="dark"] .hm-brand-light{display:none}.hm-login{min-height:100vh;min-height:100dvh;background:var(--hm-page);display:grid;place-items:center;padding:30px 16px;color:var(--hm-text)}.hm-login-card{width:100%;max-width:420px;background:var(--hm-card);border:1px solid var(--hm-border);border-radius:18px;padding:36px}.hm-wordmark{display:flex;gap:12px;align-items:center}.hm-login h1{font-size:22px;margin:32px 0 8px}.hm-login .form-control,.hm-login .form-select{background:var(--hm-field);color:var(--hm-text);border-color:var(--hm-border)}.hm-login .form-control{padding:12px}.hm-login .form-control:focus,.hm-login .form-select:focus{border-color:var(--hm-accent);box-shadow:0 0 0 .25rem var(--hm-focus)}.hm-login .btn{padding:12px}.hm-login .muted{color:var(--hm-muted);font-size:14px}.hm-login input:-webkit-autofill{-webkit-text-fill-color:var(--hm-text);box-shadow:0 0 0 1000px var(--hm-field) inset}.hm-theme{display:flex;gap:12px;align-items:center;margin-top:24px;font-size:13px}.hm-theme select{width:auto;margin-left:auto}.hm-login hr{border-color:var(--hm-border);opacity:1}@media(max-width:420px){.hm-login-card{padding:28px 24px}}