/* My Account › Support, Project updates, contact honeypot. Plain CSS on the theme tokens
   (no Tailwind rebuild needed), namespaced .mz-tk. */
.mz-tk-hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.mz-tk .mz-tk-muted { color: var(--color-ink-muted, #55626c); }
.mz-tk .mz-tk-measure { max-width: 70ch; }
.mz-tk .mz-tk-break { overflow-wrap: anywhere; }
.mz-tk .mz-tk-label { display: block; font-size: .875rem; font-weight: 600; margin-bottom: .25rem; }
.mz-tk .mz-tk-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.6; }
.mz-tk .mz-tk-ref { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .8125rem; color: var(--color-ink, #1d252b); }
.mz-tk .mz-tk-btn-sm { padding: .375rem .875rem; font-size: .875rem; }
.mz-tk .mz-tk-card-flush { padding: 0; overflow: hidden; }

.mz-tk .mz-tk-section-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; margin-bottom: .75rem; }

/* status badges */
.mz-tk .mz-tk-badge { display: inline-block; white-space: nowrap; border-radius: 9999px; padding: .1rem .65rem; font-size: .75rem; font-weight: 600; line-height: 1.5; background: #f3f4f6; color: #374151; }
.mz-tk .mz-tk-badge-open { background: var(--color-primary-tint, #fdf0e6); color: var(--color-primary-darker, #9a4600); }
.mz-tk .mz-tk-badge-info { background: #e0f2fe; color: #075985; }
.mz-tk .mz-tk-badge-warn { background: #fef3c7; color: #92400e; }
.mz-tk .mz-tk-badge-done { background: #dcfce7; color: #166534; }
.mz-tk .mz-tk-new-reply { font-size: .75rem; font-weight: 600; color: var(--color-primary-darker, #9a4600); }

/* ticket list */
.mz-tk .mz-tk-list { border-top: 1px solid var(--color-line, #dfe3e7); }
.mz-tk .mz-tk-row { border-bottom: 1px solid var(--color-line, #dfe3e7); }
.mz-tk .mz-tk-row-link { display: flex; align-items: center; justify-content: space-between; gap: .75rem 1rem; padding: .875rem .25rem; text-decoration: none; color: inherit; }
.mz-tk .mz-tk-row-link:hover, .mz-tk .mz-tk-row-link:focus-visible { background: var(--color-bg, #f4f5f6); }
.mz-tk .mz-tk-row-main { min-width: 0; display: flex; flex-direction: column; gap: .2rem; }
.mz-tk .mz-tk-row-subject { font-weight: 600; overflow-wrap: anywhere; }
.mz-tk .mz-tk-row-link:hover .mz-tk-row-subject { text-decoration: underline; }
.mz-tk .mz-tk-row-meta { display: flex; flex-wrap: wrap; gap: .15rem .9rem; font-size: .8125rem; }
.mz-tk .mz-tk-row-side { display: flex; flex-direction: column; align-items: flex-end; gap: .25rem; flex-shrink: 0; }

/* form */
.mz-tk .mz-tk-grid { display: grid; gap: 1rem; grid-template-columns: 1fr; }
@media (min-width: 768px) {
    .mz-tk .mz-tk-grid { grid-template-columns: 1fr 1fr; }
    .mz-tk .mz-tk-span-2 { grid-column: span 2 / span 2; }
}

/* ticket view */
.mz-tk .mz-tk-ticket-head { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem 1rem; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid var(--color-line, #dfe3e7); }
.mz-tk .mz-tk-ticket-head-main { min-width: 0; display: flex; flex-direction: column; gap: .35rem; }
.mz-tk .mz-tk-thread { display: flex; flex-direction: column; gap: 1rem; }
.mz-tk .mz-tk-msg { border: 1px solid var(--color-line, #dfe3e7); border-radius: .5rem; padding: .875rem 1rem; background: #fff; }
.mz-tk .mz-tk-msg-staff { border-left: 4px solid var(--color-primary, #bf5700); background: var(--color-primary-tint, #fdf0e6); }
.mz-tk .mz-tk-msg-client { margin-left: 0; }
@media (min-width: 768px) {
    .mz-tk .mz-tk-msg-client { margin-left: 2.5rem; }
    .mz-tk .mz-tk-msg-staff { margin-right: 2.5rem; }
}
.mz-tk .mz-tk-msg-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; margin-bottom: .5rem; font-size: .8125rem; }
.mz-tk .mz-tk-msg-author { font-weight: 700; }

/* project updates */
.mz-tk .mz-tk-updates-list > li + li { border-top: 1px solid var(--color-line, #dfe3e7); }
.mz-tk .mz-tk-update { padding: 1rem 1.25rem; }
.mz-tk .mz-tk-update-latest { border-left: 4px solid var(--color-primary, #bf5700); }
.mz-tk .mz-tk-update-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; }
.mz-tk .mz-tk-update-title { font-weight: 600; font-size: 1rem; overflow-wrap: anywhere; }
.mz-tk .mz-tk-update-head time { font-size: .8125rem; white-space: nowrap; }
.mz-tk .mz-tk-update .mz-tk-text { margin-top: .35rem; font-size: .9375rem; }
.mz-tk .mz-tk-update-meta { display: flex; flex-wrap: wrap; gap: .15rem .9rem; margin-top: .35rem; font-size: .8125rem; }

@media (max-width: 480px) {
    .mz-tk .mz-tk-row-link { flex-direction: column; align-items: flex-start; }
    .mz-tk .mz-tk-row-side { flex-direction: row; align-items: center; }
    .mz-tk .mz-tk-ticket-head { flex-direction: column-reverse; }
    .mz-tk .mz-tk-update { padding: .875rem 1rem; }
}