/* Procurement only. Use the live light/dark theme tokens on every paired foreground/background. */
:root #page .r216{--r216-border:var(--line,#d8dce3);--surface-alt:var(--surface2,#f3f5f8);--r216-muted:var(--muted,#596273);color:var(--ink,#252b3c);max-width:100%;min-width:0;padding-bottom:max(16px,env(safe-area-inset-bottom))}
:root #page .r216 :is(.card,.r223-track-row,.r247-panel){background:var(--surface,#fff);color:var(--ink,#252b3c);border-color:var(--r216-border)}
:root #page .r216 :is(table,tbody,td,th){color:var(--ink,#252b3c);border-color:var(--r216-border)}
:root #page .r216 tbody :is(td,th){background:var(--surface,#fff)}
:root #page .r216 tbody tr:nth-child(even)>:is(td,th){background:var(--surface2,#f3f5f8)}
:root #page .r216 thead th,:root #page .r216 .r217-register thead th:first-child{background:var(--surface2,#f3f5f8);color:var(--ink,#252b3c)}
:root #page .r216 :is(input,select,textarea){min-inline-size:0;max-inline-size:100%;box-sizing:border-box;background:var(--surface,#fff);color:var(--ink,#252b3c)}
:root #page .r216 input[type=month]{display:block;inline-size:100%;min-width:0;max-width:100%;min-inline-size:0;-webkit-appearance:none;appearance:none}
:root #page .r216 input[type=month]::-webkit-date-and-time-value{min-width:0;text-align:left}
:root #page .r216 .r247-toolbar>label{min-width:0;max-width:100%;width:auto;grid-area:auto}
:root #page .r216 .r247-toolbar>*{min-width:0;max-width:100%;box-sizing:border-box}
:root #page .r216 .r247-panel-heading{background:var(--surface,#fff);color:var(--ink,#252b3c)}
:root #page .r216 .r216-late{background:var(--d11-bad-bg,#fff1f2);color:var(--d11-bad,#a9222d)}
:root #page .r216 .r216-badge.received{background:var(--d11-good-bg,#e7f4ed);color:var(--d11-good,#267052)}
:root #page .r216 .r216-badge.invoice_approval{background:var(--d11-warn-bg,#fbf1de);color:var(--d11-warn,#85571f)}
:root #page .r251-tracking .r216-header>div>p{display:none}
:root #page .r251-tracking .r216-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px}
:root #page .r251-tracking .r216-metrics .card{padding:8px;overflow-wrap:anywhere}
:root #page .r251-tracking .r216-metrics strong{font-size:21px;line-height:1.2;margin:2px 0 0}
:root #page .r251-tracking .r216-metrics span{font-size:12px;line-height:1.2;display:block}
.r251-master{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);gap:14px;align-items:start;min-width:0;max-width:100%}
:root #page .r216 .r251-list{max-height:calc(100dvh - 200px);overflow:auto;overscroll-behavior:contain;position:sticky;top:12px;min-width:0}
.r251-list .r223-track-head,.r251-list .r223-route{display:none}
:root #page .r216 .r251-list .r223-track-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:'number number' 'topic topic' 'route route' 'holder deadline';gap:5px 10px;padding:12px;text-align:left;min-width:0}
:root #page .r216 .r251-list .r223-track-row.r251-selected{background:var(--soft,var(--surface2,#edf0ff));box-shadow:inset 3px 0 var(--accent,#5464bb)}
.r251-list .r223-topic strong{font-size:15px}.r251-list .r223-holder strong,.r251-list .r223-deadline strong{font-size:12px}.r251-list .r223-stage-caption{margin:0}
.r251-list .r223-holder:before,.r251-list .r223-deadline:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted,#596273)}
.r251-detail{min-width:0;max-width:100%;scroll-margin-top:12px;outline:none}.r251-detail:focus-visible{outline:2px solid var(--accent,#5464bb);outline-offset:3px}
:root #page .r251-embedded .r216{gap:10px}:root #page .r251-embedded .r216-header h2{font-size:19px;margin:0}:root #page .r251-embedded .r216-header>div>p{display:none}:root #page .r251-embedded .r216 .card{padding:14px}:root #page .r251-embedded .r216-grid{grid-template-columns:minmax(0,1fr)}
.r251-track ol{list-style:none;margin:10px 0;padding:0;display:grid;gap:0}.r251-track li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;position:relative;padding:0 0 14px;min-width:0}.r251-track li:not(:last-child):before{content:'';position:absolute;left:12px;top:25px;bottom:0;border-left:2px solid var(--line,#d8dce3)}.r251-track li>div{min-width:0;overflow-wrap:anywhere}.r251-track li strong{font-size:14px}.r251-dot{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface2,#f3f5f8);border:1px solid var(--line,#d8dce3);font-size:12px}.r251-track .current .r251-dot{background:var(--accent,#5464bb);color:var(--d11-on-accent,#fff);border-color:var(--accent,#5464bb)}.r251-track .done .r251-dot{background:var(--d11-good-bg,#e7f4ed);color:var(--d11-good,#267052)}.r251-next{margin:0;border-top:1px solid var(--line,#d8dce3);padding-top:10px}
@media(max-width:900px){.r251-master{grid-template-columns:minmax(0,1fr)}:root #page .r216 .r251-list{position:static;max-height:none;overflow:visible}.r251-master:not(.r251-open)>.r251-detail{display:none}.r251-master.r251-open>.r251-list{display:none}:root #page .r251-mobile-detail>.r216-header,:root #page .r251-mobile-detail>#r216-body>.r247-filters,:root #page .r251-mobile-detail .r216-metrics,:root #page .r251-mobile-detail .r216-pagination,:root #page .r251-mobile-detail .r227-workspace{display:none}.r251-embedded .r216-header{display:flex;gap:8px}.r251-embedded .r216-header>.r216-actions{margin:0}.r251-track{scroll-margin-top:12px}}
@media(max-width:650px){:root #page .r216 .r247-toolbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:root #page .r216 .r247-toolbar>label:first-child{grid-column:1/-1;grid-row:1}:root #page .r216 .r247-toolbar>label:nth-child(2){grid-column:1/-1;grid-row:2}:root #page .r216 .r247-toolbar>.r247-toggle{grid-column:1;grid-row:3}:root #page .r216 .r247-toolbar>button[type=submit]{grid-column:2;grid-row:3}:root #page .r216 .r247-toolbar>#r216-reset{grid-column:3;grid-row:3}:root #page .r216 .r247-toolbar>button{padding:8px 5px;font-size:13px;white-space:normal}:root #page .r251-tracking .r216-metrics span{font-size:11px}:root #page .r251-tracking .r216-metrics .card{padding:6px}:root #page .r216 .r219-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

:root #page .r216 .r222-urgent{background:var(--d11-bad-bg,#fff1f2)!important;color:var(--d11-bad,#881337)!important}

/* Keep deletion separate from opening a request. */
:root #page .r216 .r349-entry{min-width:0;max-width:100%}
:root #page .r216 .r349-entry>.r223-track-row{width:100%;box-sizing:border-box}
:root #page .r216 .r349-actions{display:flex;justify-content:flex-end;margin-top:4px}
:root #page .r216 button.r349-delete{min-height:44px;min-width:72px;padding:8px 12px;white-space:normal;border:1px solid var(--line,#d8dce3);border-radius:8px;color:var(--d11-bad,#a9222d);background:var(--surface,#fff)}
:root #page .r216 button.r349-delete:hover{background:var(--d11-bad-bg,#fff1f2)}
:root #page .r216 button.r349-delete:focus-visible{outline:2px solid var(--accent,#5464bb);outline-offset:2px}
:root #page .r216 .r217-register th .r349-delete{display:block;margin-top:6px}