.xmh-root { color: #0f172a; }
.xmh-panel { margin-bottom: 1.5rem; padding: 1.25rem; }
.xmh-root h3 { font-size: 1rem; font-weight: 700; }
.xmh-root p { margin: .4rem 0; overflow-wrap: anywhere; }
.xmh-root .xmh-hint { color: #475569; font-size: .8125rem; line-height: 1.6; }
.xmh-root .xmh-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.xmh-list { max-height: 28rem; overflow: auto; }
.xmh-row { border-bottom: 1px solid #e2e8f0; padding: 1rem 0; font-size: .875rem; }
.xmh-field { display: flex; flex-direction: column; gap: .45rem; margin: .85rem 0; font-size: .875rem; font-weight: 600; }
.xmh-root input, .xmh-root select { width: 100%; min-height: 2.6rem; background: #fff; color: #0f172a; }
.xmh-root input:focus-visible, .xmh-root button:focus-visible, .xmh-root select:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }
.xmh-root fieldset { min-width: 0; border: 0; padding: 0; margin: 0; }
.xmh-root fieldset:disabled { opacity: .7; }
.xmh-root [role="alert"] { color: #9a3412; font-size: .875rem; line-height: 1.6; }
.xmh-hours { border-top: 1px solid #e2e8f0; margin: 1rem 0; padding-top: .65rem; }
.xmh-status { color: #1d4ed8; font-weight: 600; }
.xmh-declared { color: #334155; }
.xmh-history { max-width: 48rem; padding: 1.25rem; }
.xmh-dialog { max-height: 90dvh; overflow-y: auto; }
.dark .xmh-root { color: #e2e8f0; }
.dark .xmh-root .xmh-hint, .dark .xmh-root .xmh-declared { color: #cbd5e1; }
.dark .xmh-root input, .dark .xmh-root select { background: #0f172a; color: #f1f5f9; border-color: #475569; }
.dark .xmh-root .xmh-row, .dark .xmh-root .xmh-hours { border-color: #475569; }
.dark .xmh-root .xmh-status { color: #93c5fd; }
.dark .xmh-root [role="alert"] { color: #fdba74; }
.dark .xmh-root .text-blue-700 { color: #93c5fd; }
.dark .xmh-root .text-amber-700 { color: #fcd34d; }
.dark .xmh-root .text-slate-500 { color: #cbd5e1; }
.dark .xmh-root .border-slate-200 { border-color: #475569; }
@media (max-width: 480px) { .xmh-panel, .xmh-history { padding: 1rem; } .xmh-root .xmh-actions button { min-height: 2.6rem; } }