.tr-surface{color:var(--paper)!important;background:var(--graphite-900)!important;border:1px solid var(--graphite-700);border-radius:12px;padding:18px;font-family:inherit;line-height:1.5;box-sizing:border-box}
dialog.tr-surface{width:min(620px,calc(100vw - 24px));max-height:85dvh;overflow:auto;box-shadow:0 20px 70px #0006}
dialog.tr-surface::backdrop{background:#0009}
.tr-surface h2,.tr-surface h3,.tr-surface p,.tr-surface label,.tr-surface summary,.tr-surface strong,.tr-surface small{color:var(--paper)!important;opacity:1!important}
.tr-surface h2{font-size:20px;margin:0}.tr-surface h3{font-size:16px;margin:0 0 8px}
.tr-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tr-surface button,.tr-surface select,.tr-surface input,.tr-surface textarea{font:inherit!important;font-size:15px!important;color:var(--paper)!important;background:var(--graphite-800)!important;border:1px solid var(--graphite-700)!important;border-radius:7px;padding:10px!important;min-height:44px;box-sizing:border-box}
.tr-surface button{cursor:pointer;font-weight:700!important}.tr-surface button:disabled{opacity:.6;cursor:wait}
.tr-surface button.tr-primary{background:var(--amber-500)!important;color:var(--graphite-950)!important;border-color:var(--amber-500)!important}
.tr-surface label{display:block;font-weight:700;margin:12px 0}
.tr-surface label input,.tr-surface label select,.tr-surface label textarea{display:block;width:100%;margin-top:6px}
.tr-surface textarea{resize:vertical}.tr-surface :focus-visible{outline:3px solid #14532d;outline-offset:2px}
.tr-issue{border:1px solid var(--amber-500);border-left:5px solid var(--amber-500);border-radius:8px;padding:12px;background:var(--graphite-800);margin:10px 0;color:var(--paper)}
.tr-history-row{border-top:1px solid #cbd2cc;padding:14px 0;overflow-wrap:anywhere}
.tr-history-row p{white-space:pre-wrap}
#trRecurring{margin-bottom:16px}
.tr-badge{display:inline-flex;align-items:center;gap:5px;background:#fff0b3!important;color:#382900!important;border:1px solid #a16e00!important;border-radius:999px!important;padding:6px 10px!important;font-size:12px!important;font-weight:800!important;min-height:36px;cursor:pointer}
@media(max-width:600px){.tr-surface{padding:14px}.tr-top{align-items:flex-start}}
@media print{#trRecurring,dialog.tr-surface,.tr-badge{display:none!important}}