/* v7.6 service, branch and media task views share the active light/dark tokens. */
.s76-product,.s76-branch,.s76-media{min-width:0;color:var(--ui-text,#192330)}
.s76-product [hidden],.s76-branch [hidden],.s76-media [hidden]{display:none!important}
.s76-intro h2{font-size:1.3rem;margin:0 0 8px}.s76-intro p,.s76-note{font-size:.9rem;line-height:1.6;color:var(--ui-muted,#637080)}
.s76-context{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}.s76-context>div{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.s76-context p{margin:0}
.s76-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.s76-actions button,.s76-context button{min-height:44px}
.s76-stale{padding:14px;margin-bottom:16px;border:1px solid var(--ui-border,#d5dce7);border-radius:12px;background:var(--ui-wait-bg,#fff3dd);color:var(--ui-wait-fg,#855000)}
.s76-create,.s76-secondary{border:1px solid var(--ui-border,#d5dce7);border-radius:14px;padding:0 18px;background:var(--ui-surface,#fff);margin:16px 0}
.s76-create>summary,.s76-secondary>summary{min-height:48px;cursor:pointer;font-weight:600;padding:14px 0;line-height:1.5}
.s76-create[open],.s76-secondary[open]{padding-bottom:16px}.s76-secondary .ui62-card{box-shadow:none}
.s76-product-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--ui-border,#d5dce7)}.s76-product-row:last-child{border-bottom:0}.s76-product-row strong{display:block;font-size:1rem}.s76-product-row p{margin:6px 0 0;font-size:.875rem;color:var(--ui-muted,#637080)}
.s76-procedure{display:flex;list-style:none;margin:12px 0 16px;padding:14px 0;background:var(--ui-display-bg,#eef3f9);border:1px solid var(--ui-border,#d5dce7);border-radius:12px}
.s76-procedure li{position:relative;flex:1;text-align:center;display:flex;align-items:center;flex-direction:column;gap:6px;padding:0 10px;font-size:.875rem;min-width:0;line-height:1.5}
.s76-procedure li:before{content:"";position:absolute;top:12px;left:-50%;right:50%;height:2px;background:var(--ui-border,#a3b4ca)}.s76-procedure li:first-child:before{display:none}
.s76-procedure li>span{display:inline-grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;z-index:1;background:var(--ui-selected,#dcecff);color:var(--ui-info,#0066cc);border:1px solid var(--ui-border,#a3b4ca);font-weight:600}
.s76-field-group{border:1px solid var(--ui-border,#d5dce7);border-radius:12px;margin:0;padding:16px;background:var(--ui-surface,#fff)}
.s76-field-group>h4{margin:0 0 14px;font-size:1rem}.s76-field-group>summary{font-weight:600;cursor:pointer;min-height:36px;line-height:1.7}
.s76-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.s76-fields>*{min-width:0}
.s76-fields>textarea,.s76-fields>details,.s76-fields>fieldset,.s76-fields>.v7-full{grid-column:1/-1}.s76-fields .field:has(textarea){grid-column:1/-1}
.s76-field-group[open]>.s76-fields{margin-top:14px}.s76-field-group .branch73-hours{margin:0}.s76-field-group .v7-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.s76-review{padding:20px;background:var(--ui-display-bg,#eef3f9);border:1px solid var(--ui-border,#d5dce7);border-radius:14px}.s76-review h3{margin:0 0 8px}.s76-review p{line-height:1.7;font-size:.9rem}
.s76-table{overflow:auto;max-width:100%;margin:12px 0 18px}.s76-table table{width:100%;border-collapse:collapse;background:var(--ui-surface,#fff)}.s76-table th,.s76-table td{padding:12px;text-align:start;vertical-align:top;border-bottom:1px solid var(--ui-border,#d5dce7);overflow-wrap:anywhere}.s76-table th{background:var(--ui-display-bg,#eef3f9);font-size:.875rem}
.s76-table td button{min-height:44px;min-width:112px}.s76-media-pair{background:var(--ui-display-bg,#eef3f9);padding:12px;border-radius:10px;line-height:1.6}.s76-media-pair.s76-invalid{background:var(--ui-wait-bg,#fff3dd);color:var(--ui-wait-fg,#855000)}
@media(max-width:800px){.s76-fields,.s76-field-group .v7-fields{grid-template-columns:1fr!important}.s76-product-row{align-items:start;flex-direction:column}.s76-product-row .s76-actions{width:100%}.s76-product-row button{flex:1}.s76-context{align-items:start;flex-direction:column}.s76-procedure li{padding:0 5px;font-size:.875rem}.s76-context button{max-width:100%;white-space:normal}}
@media(max-width:480px){.s76-procedure{padding:12px 3px}.s76-procedure li{font-size:.8rem}.s76-field-group,.s76-review{padding:12px}.s76-create,.s76-secondary{padding-left:12px;padding-right:12px}.s76-table th,.s76-table td{padding:10px}.s76-context>div{gap:8px}}