.ntsh {
  --ntsh-ink: #15324a;
  --ntsh-muted: #617587;
  --ntsh-blue: #1478be;
  --ntsh-teal: #008d92;
  --ntsh-line: #dce5eb;
  --ntsh-soft: #f5f8fa;
  color: var(--ntsh-ink);
  font-family: inherit;
  margin: 0;
  max-width: none;
  width: 100%;
}
.ntsh *, .ntsh *::before, .ntsh *::after { box-sizing: border-box; }
.ntsh a { color: var(--ntsh-blue); }
.ntsh-heading { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin: 0 0 1.5rem; }
.ntsh-heading h2 { color: var(--ntsh-ink); font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.15; margin: 0; }
.ntsh-heading--card { border-bottom: 1px solid var(--ntsh-line); margin: -1.25rem -1.25rem 1.25rem; padding: 1.25rem; }
.ntsh-heading--card h2 { font-size: 1.35rem; }
.ntsh-card { background: #fff; border: 1px solid var(--ntsh-line); border-radius: 12px; box-shadow: 0 8px 28px rgba(21,50,74,.06); margin: 0 0 1.25rem; padding: 1.25rem; }
.ntsh-button { background: var(--ntsh-blue); border: 0; border-radius: 7px; color: #fff !important; cursor: pointer; display: inline-block; font: inherit; font-weight: 700; padding: .72rem 1.05rem; text-decoration: none !important; }
.ntsh-button:hover { background: #0d619b; }
.ntsh-button--gradient { background: linear-gradient(100deg, #9415b8 0%, #ff6424 100%); box-shadow: 0 5px 14px rgba(148,21,184,.18); }
.ntsh-button--gradient:hover { background: linear-gradient(100deg, #7d119d 0%, #eb5117 100%); box-shadow: 0 7px 18px rgba(148,21,184,.24); transform: translateY(-1px); }
.ntsh-button--secondary { background: var(--ntsh-ink) !important; margin-top: .5rem; }
.ntsh-grid { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ntsh-grid--ticket { align-items: start; grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); }
.ntsh-form { display: grid; gap: 1rem; }
.ntsh-form label { color: var(--ntsh-ink); display: grid; font-size: .92rem; font-weight: 700; gap: .35rem; }
.ntsh-form input:not([type="checkbox"]):not([type="file"]), .ntsh-form select, .ntsh-form textarea, .ntsh-filters input, .ntsh-filters select { background: #fff; border: 1px solid #b9c8d2; border-radius: 6px; color: var(--ntsh-ink); font: inherit; padding: .68rem .75rem; width: 100%; }
.ntsh-form textarea { resize: vertical; }
.ntsh-form small { color: var(--ntsh-muted); font-size: .78rem; font-weight: 400; }
.ntsh-form .ntsh-check { align-items: center; display: flex; font-weight: 500; grid-template-columns: auto 1fr; }
.ntsh-form-actions { border-top: 1px solid var(--ntsh-line); display: flex; justify-content: flex-end; margin: .5rem -1.25rem -1.25rem; padding: 1rem 1.25rem; }
.ntsh-ticket-form { padding-bottom: 1.25rem; }
.ntsh-ticket-form > .ntsh-heading--card { margin-top: 0; }
.ntsh-upload input { border: 1px dashed #b9c8d2; border-radius: 7px; padding: .8rem; }
.ntsh-back { font-size: .9rem; margin: 0 0 1rem; }
.ntsh-back a { color: var(--ntsh-muted); text-decoration: none; }
.ntsh-filters { display: grid; gap: .75rem; grid-template-columns: 2fr 1fr; margin-bottom: 1rem; }
.ntsh-toolbar { align-items: center; display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; }
.ntsh-toolbar > input { border: 1px solid #cbd6de; border-radius: 7px; font: inherit; max-width: 270px; padding: .62rem .75rem; width: 100%; }
.ntsh-tabs { background: var(--ntsh-soft); border: 1px solid var(--ntsh-line); border-radius: 8px; display: inline-flex; gap: 2px; padding: 3px; }
.ntsh-tabs button { background: transparent; border: 0; border-radius: 6px; color: var(--ntsh-muted); cursor: pointer; font: inherit; font-size: .88rem; font-weight: 700; padding: .42rem 1.1rem; }
.ntsh-tabs button.is-active { background: #fff; box-shadow: 0 1px 4px rgba(21,50,74,.1); color: var(--ntsh-ink); }
.ntsh-table-wrap { overflow-x: auto; }
.ntsh-table { border-collapse: collapse; min-width: 720px; width: 100%; }
.ntsh-table th, .ntsh-table td { border-bottom: 1px solid var(--ntsh-line); padding: .8rem .65rem; text-align: left; }
.ntsh-table th { color: var(--ntsh-muted); font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; }
.ntsh-ticket-title { color: var(--ntsh-ink) !important; display: block; font-weight: 750; text-decoration: none; }
.ntsh-ticket-summary { color: var(--ntsh-muted); display: block; font-size: .82rem; margin-top: .22rem; max-width: 540px; }
.ntsh-ticket-list > .ntsh-usage { background: var(--ntsh-soft); box-shadow: none; }
.ntsh-status { background: #edf3f7; border-radius: 999px; display: inline-block; font-size: .78rem; font-weight: 800; padding: .28rem .58rem; white-space: nowrap; }
.ntsh-status--open, .ntsh-status--reopened { background: #e8f2fb; color: #075a95; }
.ntsh-status--in_progress { background: #e8f7f7; color: #006c70; }
.ntsh-status--awaiting_user { background: #fff5da; color: #7a5300; }
.ntsh-status--resolved { background: #e8f6ec; color: #176832; }
.ntsh-status--closed { background: #eef0f2; color: #4b5964; }
.ntsh-feed { margin-top: 1.5rem; }
.ntsh-message { background: #fff; border: 1px solid var(--ntsh-line); border-left: 4px solid var(--ntsh-blue); border-radius: 8px; margin: 0 0 1rem; padding: 1rem; }
.ntsh-message--internal { background: #fff8f2; border-left-color: #d96b1d; }
.ntsh-message header { align-items: baseline; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: space-between; }
.ntsh-message header span { color: var(--ntsh-muted); font-size: .8rem; }
.ntsh-resolution { border-left: 4px solid #26924a; }
.ntsh-meta > div { border-bottom: 1px solid var(--ntsh-line); display: grid; gap: .1rem; padding: .65rem 0; }
.ntsh-meta > div:last-child { border-bottom: 0; }
.ntsh-meta span, .ntsh-usage span, .ntsh-usage small { color: var(--ntsh-muted); font-size: .78rem; }
.ntsh-usage { display: grid; gap: .6rem 1.5rem; grid-template-columns: repeat(3, 1fr); }
.ntsh-usage > div { display: grid; }
.ntsh-usage strong { font-size: 1.35rem; }
.ntsh-progress { background: #e3ebf0; border-radius: 999px; grid-column: 1 / -1; height: 8px; overflow: hidden; }
.ntsh-progress span { background: var(--ntsh-teal); display: block; height: 100%; }
.ntsh-usage small { grid-column: 1 / -1; }
.ntsh-notice { background: #eef6fb; border-left: 4px solid var(--ntsh-blue); margin: 1rem 0; padding: .8rem 1rem; }
.ntsh-notice--success { background: #edf8f0; border-left-color: #26924a; }
.ntsh-notice--warning { background: #fff8e5; border-left-color: #c68700; }
.ntsh-notice--error { background: #fff0f0; border-left-color: #c93434; }
.ntsh-sidebar-card { --ntsh-ink: #15324a; --ntsh-muted: #617587; --ntsh-blue: #1478be; --ntsh-line: #dce5eb; --ntsh-soft: #f5f8fa; color: var(--ntsh-ink); font-family: inherit; }
.ntsh-organisation-card { align-items: center; display: grid; gap: .85rem; text-align: center; }
.ntsh-organisation-card strong { font-size: 1.12rem; }
.ntsh-organisation-logo { display: block; height: auto; margin: 0 auto; max-height: 110px; max-width: 100%; object-fit: contain; width: auto; }
.ntsh-sidebar-card--empty { color: var(--ntsh-muted); font-size: .9rem; }
.ntsh-organisation-members .ntsh-member-count { color: var(--ntsh-muted); display: block; font-size: .78rem; margin-bottom: .75rem; }
.ntsh-organisation-members ul { display: grid; gap: .65rem; list-style: none; margin: 0; padding: 0; }
.ntsh-organisation-members li { align-items: center; display: flex; gap: .65rem; }
.ntsh-organisation-members li strong { color: var(--ntsh-ink); font-size: .9rem; }
.ntsh-member-avatar { align-items: center; background: linear-gradient(135deg, #9415b8, #ff6424); border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 2rem; font-size: .78rem; font-weight: 800; height: 2rem; justify-content: center; text-transform: uppercase; }
.ntsh-organisation-members p { color: var(--ntsh-muted); font-size: .85rem; margin: 0; }
.ntsh-admin-preview { align-items: center; background: #fff7e5; border: 1px solid #efd69d; border-radius: 10px; color: var(--ntsh-ink); display: flex; gap: 1rem; justify-content: space-between; margin-bottom: 1rem; padding: .9rem 1rem; }
.ntsh-admin-preview > div { display: grid; gap: .2rem; }
.ntsh-admin-preview strong { font-size: .88rem; }
.ntsh-admin-preview span { color: #78540e; font-size: .8rem; }
.ntsh-admin-preview form { align-items: center; display: flex; flex: 0 0 auto; gap: .5rem; margin: 0; }
.ntsh-admin-preview select { background: #fff; border: 1px solid #c9b780; border-radius: 6px; color: var(--ntsh-ink); font: inherit; font-size: .82rem; min-height: 38px; padding: .4rem 2rem .4rem .55rem; }
.ntsh-admin-preview .ntsh-button { font-size: .8rem; min-height: 38px; padding: .55rem .8rem; }
.ntsh-org-admin-actions { display: flex; flex-wrap: wrap; gap: .65rem; justify-content: flex-end; margin: -.25rem 0 1rem; }
.ntsh-org-admin-actions .ntsh-button { font-size: .82rem; }
.ntsh-allocation-plan, .ntsh-allocation-period, .ntsh-allocation-status, .ntsh-allocation-primary, .ntsh-allocation-advance, .ntsh-allocation-next { display: grid; gap: .16rem; }
.ntsh-allocation-plan, .ntsh-allocation-period { border-bottom: 1px solid var(--ntsh-line); margin-bottom: .75rem; padding-bottom: .7rem; }
.ntsh-allocation-card span, .ntsh-allocation-card small { color: var(--ntsh-muted); font-size: .75rem; }
.ntsh-allocation-plan small { margin-top: .05rem; }
.ntsh-allocation-period strong { font-size: .88rem; }
.ntsh-allocation-status { margin-bottom: .8rem; }
.ntsh-allocation-status strong { color: var(--ntsh-blue); font-size: .84rem; }
.ntsh-allocation-card--using_advance .ntsh-allocation-status strong, .ntsh-allocation-card--limit_reached .ntsh-allocation-status strong { color: #b45309; }
.ntsh-allocation-card--suspended .ntsh-allocation-status strong { color: #b42318; }
.ntsh-allocation-primary { background: var(--ntsh-soft); border-radius: 8px; margin-bottom: .8rem; padding: .7rem; }
.ntsh-allocation-primary strong { font-size: 1.35rem; }
.ntsh-allocation-breakdown { display: grid; gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: .85rem; }
.ntsh-allocation-breakdown > div { display: grid; gap: .1rem; }
.ntsh-allocation-breakdown strong { font-size: .88rem; }
.ntsh-allocation-message { background: #fff8e5; border-radius: 7px; color: #714b00; font-size: .78rem; line-height: 1.45; margin: 0 0 .8rem; padding: .65rem .7rem; }
.ntsh-allocation-card--suspended .ntsh-allocation-message { background: #fff0f0; color: #8a1c1c; }
.ntsh-allocation-advance, .ntsh-allocation-next, .ntsh-balance-meter { border-top: 1px solid var(--ntsh-line); padding-top: .7rem; margin-top: .7rem; }
.ntsh-balance-meter > div:first-child { align-items: baseline; display: flex; gap: .5rem; justify-content: space-between; }
.ntsh-balance-meter strong, .ntsh-allocation-next strong, .ntsh-allocation-advance strong { font-size: .82rem; }
.ntsh-balance-meter .ntsh-progress { margin: .45rem 0 .25rem; }
.ntsh-progress--rollover span { background: #d18b16; }
.ntsh-ticket-detail-card strong { display: block; font-size: 1rem; overflow-wrap: anywhere; }
.ntsh-privacy-card p { color: var(--ntsh-muted); font-size: .9rem; line-height: 1.55; margin-top: 0; }
.ntsh-privacy-card .ntsh-button { background: linear-gradient(100deg, #9415b8 0%, #ff6424 100%) !important; border: 0 !important; color: #fff !important; display: block !important; font-size: .86rem; margin: .25rem 0 0; opacity: 1 !important; text-align: center; visibility: visible !important; width: 100%; }
.ntsh-privacy-card .ntsh-button:hover { filter: brightness(.96); }
.ntsh-ticket-actions-card { display: grid; gap: .8rem; }
.ntsh-ticket-actions-card form { margin: 0; }
.ntsh-ticket-actions-card .ntsh-button { background: linear-gradient(100deg, #9415b8 0%, #ff6424 100%) !important; border: 0 !important; color: #fff !important; display: block !important; margin: 0; opacity: 1 !important; text-align: center; visibility: visible !important; width: 100%; }
.ntsh-ticket-actions-card .ntsh-button:hover { filter: brightness(.96); }
.ntsh-cost-approval { background: #fff7e5; border: 1px solid #efd69d; border-radius: 8px; color: var(--ntsh-ink); padding: .8rem; }
.ntsh-cost-approval p { color: var(--ntsh-muted); font-size: .82rem; line-height: 1.45; }
.ntsh-cost-approval form { display: grid; gap: .55rem; }
.ntsh-reopen-form { display: grid; gap: .6rem; }
.ntsh-reopen-form label { color: var(--ntsh-ink); display: grid; font-size: .78rem; font-weight: 700; gap: .35rem; }
.ntsh-reopen-form textarea { background: #fff; border: 1px solid #b9c8d2; border-radius: 6px; color: var(--ntsh-ink); font: inherit; padding: .6rem; resize: vertical; width: 100%; }
.ntsh-login { margin: 0 auto; max-width: 560px; width: 100%; }
.ntsh-login form { display: grid; gap: 1rem; }
.ntsh-login label { color: #292929; font-size: 1rem; font-weight: 700; }
.ntsh-login input[type="text"], .ntsh-login input[type="password"] { background: #fff; border: 1px solid #d2d6da; border-radius: 5px; font: inherit; padding: .82rem; width: 100%; }
.ntsh-login-remember { align-items: center; display: flex; gap: .35rem; }
.ntsh-login-button { background: linear-gradient(100deg, #ff6a24 0%, #e50058 100%); border: 0; border-radius: 6px; color: #fff; cursor: pointer; font: inherit; font-weight: 700; margin-top: .25rem; padding: .9rem 1rem; width: 100%; }
.ntsh-login-button:hover { filter: brightness(.96); }
.ntsh-login-reset { margin: 1.75rem 0 0; text-align: center; }
.ntsh-login-reset a { color: #ff5722; text-decoration: none; }
.ntsh-ticket-view { width: 100%; }
.ntsh-ticket-conversation { overflow: hidden; padding: 0; }
.ntsh-card-intro { padding: 1rem 1.3rem 0; }
.ntsh-card-intro .ntsh-back { margin: 0 0 .7rem; }
.ntsh-card-intro .ntsh-notice { margin: 0 0 1rem; }
.ntsh-conversation-header { align-items: center; display: flex; gap: 1rem; justify-content: space-between; padding: 1.15rem 1.3rem; }
.ntsh-conversation-header h2 { font-size: 1.2rem; line-height: 1.25; margin: 0 0 .2rem; }
.ntsh-conversation-header > div > span { color: var(--ntsh-muted); font-size: .78rem; }
.ntsh-ticket-state { align-items: flex-start; background: #edf3ff; border-bottom: 1px solid var(--ntsh-line); border-top: 1px solid var(--ntsh-line); display: flex; gap: .55rem; padding: .8rem 1.3rem; }
.ntsh-admin-ticket-tools { background: #f7f9fc; border-top: 1px solid var(--ntsh-line); padding: 1.25rem 1.3rem; }
.ntsh-admin-ticket-tools h3 { margin: 0 0 .35rem; }
.ntsh-admin-ticket-tools > p { color: var(--ntsh-muted); margin: 0 0 1rem; }
.ntsh-admin-ticket-tools .ntsh-form { background: #fff; border: 1px solid var(--ntsh-line); border-radius: 10px; padding: 1rem; }
.ntsh-admin-ticket-tools .ntsh-form-actions { margin-bottom: -1rem; }
.ntsh-time-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); max-width: 360px; }
.ntsh-ticket-status-card { display: grid; gap: .55rem; }
.ntsh-ticket-status-card > span { color: var(--ntsh-muted); font-size: .82rem; }
.ntsh-ticket-status-card .ntsh-status { justify-self: start; }
.ntsh-ticket-state span { color: #3266d5; }
.ntsh-ticket-state p { font-size: .84rem; line-height: 1.45; margin: 0; }
.ntsh-resolution-actions { background: #f8fafb; border-top: 1px solid var(--ntsh-line); padding: 1rem 1.3rem; }
.ntsh-resolution-actions h3 { font-size: 1rem; margin: 0 0 .75rem; }
.ntsh-resolution-actions .ntsh-form { gap: .7rem; }
.ntsh-ticket-conversation .ntsh-feed { margin: 0; }
.ntsh-ticket-conversation .ntsh-message { border: 0; border-radius: 0; border-top: 1px solid var(--ntsh-line); margin: 0; padding: 1.35rem; }
.ntsh-ticket-conversation .ntsh-message:first-child { border-top: 1px solid var(--ntsh-line); }
.ntsh-ticket-conversation .ntsh-message--internal { border-left: 4px solid #d96b1d; }
.ntsh-message header > div { align-items: center; display: flex; flex-wrap: wrap; gap: .45rem; }
.ntsh-message header time { color: var(--ntsh-muted); font-size: .75rem; }
.ntsh-author-badge { background: #e9eaff; border-radius: 999px; color: #3546d3 !important; font-size: .7rem !important; font-weight: 700; padding: .2rem .45rem; }
.ntsh-author-note { color: var(--ntsh-muted); font-size: .78rem; font-weight: 500; }
.ntsh-message-body { font-size: .94rem; line-height: 1.6; margin: .5rem 0 0; }
.ntsh-message-body > :last-child { margin-bottom: 0; }
.ntsh-attachment { display: inline-block; font-size: .84rem; margin-top: .75rem; }
.ntsh-ticket-conversation .ntsh-resolution { background: #edf8f0; border-left: 4px solid #26924a; border-top: 1px solid var(--ntsh-line); padding: 1rem 1.3rem; }
.ntsh-ticket-conversation .ntsh-resolution h3 { font-size: 1rem; margin-top: 0; }
.ntsh-reply { border-top: 1px solid var(--ntsh-line); padding: 1.3rem; }
.ntsh-reply h3 { font-size: 1.15rem; margin: 0 0 1rem; }
.ntsh-reply .ntsh-form-actions { margin-bottom: -1.3rem; }
.ntsh-org-intro { color: var(--ntsh-muted); font-size: .9rem; }
.ntsh-org-usage { overflow: hidden; padding: 0; }
.ntsh-org-usage-head { align-items: end; border-bottom: 1px solid var(--ntsh-line); display: flex; gap: 1.5rem; justify-content: space-between; padding: 1.2rem 1.3rem; }
.ntsh-org-usage-head h2 { color: var(--ntsh-ink); font-size: 1.2rem; margin: 0 0 .25rem; }
.ntsh-org-usage-head p { color: var(--ntsh-muted); font-size: .84rem; margin: 0; }
.ntsh-org-usage-head form { align-items: end; display: flex; flex-wrap: wrap; gap: .6rem; justify-content: flex-end; }
.ntsh-org-usage-head label { color: var(--ntsh-muted); display: grid; font-size: .7rem; font-weight: 700; gap: .25rem; text-transform: uppercase; }
.ntsh-org-usage-head input, .ntsh-org-usage-head select { background: #fff; border: 1px solid #c8d4dc; border-radius: 6px; color: var(--ntsh-ink); font: inherit; font-size: .82rem; min-height: 38px; padding: .45rem 2rem .45rem .55rem; }
.ntsh-org-usage-head .ntsh-button { font-size: .8rem; min-height: 38px; padding: .55rem .8rem; }
.ntsh-org-view-switch { background: var(--ntsh-soft); border: 1px solid var(--ntsh-line); border-radius: 8px; display: inline-flex; gap: 2px; padding: 3px; }
.ntsh-org-view-switch a { align-items: center; background: transparent; border: 0; border-radius: 6px; color: var(--ntsh-muted); display: inline-flex; font: inherit; font-size: .8rem; font-weight: 750; min-height: 30px; padding: .35rem .75rem; text-decoration: none; }
.ntsh-org-view-switch a.is-active { background: #fff; box-shadow: 0 1px 4px rgba(21,50,74,.12); color: var(--ntsh-ink); }
.ntsh-org-usage-note { background: #fff7e5; border-bottom: 1px solid #f0dfba; color: #78540e; font-size: .78rem; margin: 0; padding: .65rem 1.3rem; }
.ntsh-org-usage-summary { background: var(--ntsh-soft); border-bottom: 1px solid var(--ntsh-line); display: grid; grid-template-columns: repeat(3, 1fr); }
.ntsh-org-usage-summary > div { border-right: 1px solid var(--ntsh-line); display: grid; gap: .2rem; padding: .85rem 1.3rem; }
.ntsh-org-usage-summary > div:last-child { border-right: 0; }
.ntsh-org-usage-summary span { color: var(--ntsh-muted); font-size: .72rem; }
.ntsh-org-usage-summary strong { color: var(--ntsh-ink); font-size: 1.05rem; }
.ntsh-org-bar-chart { align-items: end; display: grid; gap: clamp(.55rem, 2vw, 1.4rem); grid-template-columns: repeat(var(--ntsh-periods, 6), minmax(55px, 1fr)); min-height: 300px; overflow-x: auto; padding: 1.5rem 1.5rem .9rem; }
.ntsh-org-bar { display: grid; grid-template-rows: 1.25rem 210px auto auto; min-width: 55px; text-align: center; }
.ntsh-org-bar-value { color: var(--ntsh-ink); font-size: .75rem; font-weight: 750; }
.ntsh-org-bar-track { align-items: end; background: linear-gradient(to top, rgba(220,229,235,.55) 1px, transparent 1px); background-size: 100% 25%; border-bottom: 1px solid #cbd6de; display: flex; height: 210px; justify-content: center; margin: 0 auto; max-width: 140px; padding: 0 12%; width: 100%; }
.ntsh-org-bar-track span { background: linear-gradient(180deg, #1478be 0%, #008d92 100%); border-radius: 7px 7px 2px 2px; box-shadow: 0 6px 14px rgba(20,120,190,.16); display: block; min-height: 0; transition: height .2s ease; width: 100%; }
.ntsh-org-usage--month .ntsh-org-bar-chart { gap: 4px; grid-template-columns: repeat(var(--ntsh-periods, 31), minmax(18px, 1fr)); padding-left: 1rem; padding-right: 1rem; }
.ntsh-org-usage--month .ntsh-org-bar { grid-template-rows: 1.25rem 210px auto auto; min-width: 18px; }
.ntsh-org-usage--month .ntsh-org-bar-value { font-size: .62rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ntsh-org-usage--month .ntsh-org-bar-track { padding: 0; width: 100%; }
.ntsh-org-usage--month .ntsh-org-bar-track span { border-radius: 3px 3px 0 0; margin: 0 auto; max-width: 7px; }
.ntsh-org-usage--month .ntsh-org-bar strong { font-size: .68rem; }
.ntsh-org-usage--month .ntsh-org-bar small { font-size: .56rem; }
.ntsh-org-bar strong { color: var(--ntsh-ink); font-size: .78rem; margin-top: .5rem; }
.ntsh-org-bar small { color: var(--ntsh-muted); font-size: .68rem; }
.ntsh-org-usage-footnote { border-top: 1px solid var(--ntsh-line); color: var(--ntsh-muted); font-size: .72rem; margin: 0; padding: .7rem 1.3rem; }
@media (max-width: 760px) {
	.ntsh-admin-preview { align-items: stretch; flex-direction: column; }
	.ntsh-admin-preview form { align-items: stretch; }
	.ntsh-admin-preview select { flex: 1 1 auto; min-width: 0; }
  .ntsh-heading { align-items: flex-start; flex-direction: column; }
  .ntsh-grid, .ntsh-grid--ticket, .ntsh-filters { grid-template-columns: 1fr; }
  .ntsh-usage { grid-template-columns: repeat(3, 1fr); }
  .ntsh-usage strong { font-size: 1rem; }
  .ntsh-toolbar { align-items: stretch; flex-direction: column; }
  .ntsh-toolbar > input { max-width: none; }
  .ntsh-tabs { width: 100%; }
  .ntsh-tabs button { flex: 1; }
  .ntsh-conversation-header { align-items: flex-start; }
  .ntsh-org-usage-head { align-items: stretch; flex-direction: column; }
	.ntsh-org-usage-head form { justify-content: flex-start; }
	.ntsh-org-admin-actions { justify-content: flex-start; }
  .ntsh-org-usage-summary { grid-template-columns: 1fr; }
  .ntsh-org-usage-summary > div { border-bottom: 1px solid var(--ntsh-line); border-right: 0; }
  .ntsh-org-usage-summary > div:last-child { border-bottom: 0; }
  .ntsh-org-bar-chart { grid-template-columns: repeat(var(--ntsh-periods, 6), minmax(70px, 1fr)); }
  .ntsh-org-usage--month .ntsh-org-bar-chart { grid-template-columns: repeat(var(--ntsh-periods, 31), minmax(18px, 1fr)); }
}