.operations-tasks,.operations-context,.directory-batch { margin:24px 0; padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:14px; min-width:0; }
.operations-tasks header,.operations-context > header,.operations-history header,.directory-batch header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.operations-tasks h3,.operations-context h3,.directory-batch h3 { margin:0; font-size:20px; }
.operations-tasks header > span,.operations-context header > p,.operations-note { color:var(--muted); font-size:14px; margin:0; }
.operations-tasks ul { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 24px; }
.operations-tasks li a { display:flex; align-items:center; gap:16px; min-height:76px; padding:12px 0; border-bottom:1px solid var(--line); color:var(--ink); text-decoration:none; }
.operations-tasks li a > strong { width:40px; font-size:24px; color:var(--teal-950); }
.operations-tasks li a > span:nth-child(2) { flex:1; }
.operations-tasks b,.operations-tasks small { display:block; }
.operations-tasks small { color:var(--muted); font-size:14px; }
.operations-context-counts { display:flex; flex-wrap:wrap; gap:24px 40px; margin:12px 0 20px; }
.operations-context-counts dt { color:var(--muted); font-size:14px; }
.operations-context-counts dd { margin:0; font-size:26px; font-weight:650; }
.operations-context-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }
.operations-history,.account-lifecycle { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.operations-history ol { list-style:none; padding:0; }
.operations-history li { display:flex; flex-wrap:wrap; gap:12px; padding:12px 0; border-bottom:1px solid var(--line); }
.operations-history li > * { min-width:0; overflow-wrap:anywhere; }
.account-lifecycle-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); list-style:none; gap:16px; padding:0; margin:20px 0; }
.account-lifecycle-step { border-top:3px solid var(--line-strong); padding:12px 0; }
.account-lifecycle-step[data-state="confirmed"] { border-color:var(--teal-800); }
.account-lifecycle-step strong,.account-lifecycle-step small,.account-lifecycle-step time { display:block; }
.account-lifecycle-note { color:var(--muted); font-size:14px; }
.account-lifecycle-timeline { padding-left:20px; }
.account-lifecycle-timeline li { margin:12px 0; }
.account-lifecycle-timeline time { color:var(--muted); margin-right:12px; }
.account-lifecycle-step h4 { margin:0 0 8px; font-size:15px; }
.account-lifecycle-state { margin:0; color:var(--muted); font-size:14px; }
.account-lifecycle-step[data-state="confirmed"] .account-lifecycle-state { color:var(--ink); }
.account-lifecycle-disclosure { border-top:1px solid var(--line); }
.account-lifecycle-disclosure > summary { min-height:44px; padding:12px 0; color:var(--ink-soft); font-weight:600; cursor:pointer; }
.account-lifecycle-disclosure > summary:focus-visible { outline:3px solid var(--teal-950); outline-offset:3px; }
.account-lifecycle-explanations { display:grid; gap:16px; margin:16px 0 24px; }
.account-lifecycle-explanations dt { color:var(--ink); font-weight:600; }
.account-lifecycle-explanations dd { margin:4px 0 0; color:var(--muted); font-size:14px; overflow-wrap:anywhere; }
.operations-table-wrap { overflow-x:auto; max-width:100%; }
.operations-table-wrap table { border-collapse:collapse; width:100%; text-align:left; }
.operations-table-wrap th,.operations-table-wrap td { padding:12px; border-bottom:1px solid var(--line); vertical-align:top; }
.operations-table-wrap thead { background:var(--paper); }
.operations-table-wrap small { display:block; color:var(--muted); font-weight:400; overflow-wrap:anywhere; }
.request-workbench { display:flex; flex-wrap:wrap; align-items:end; gap:16px; margin:16px 0; }
.request-workbench label { display:grid; gap:6px; min-width:160px; flex:1; }
.request-workbench input,.request-workbench select { min-height:44px; padding:8px 12px; border:1px solid var(--line-strong); border-radius:8px; background:white; max-width:100%; }
.request-workbench p { width:100%; color:var(--muted); font-size:14px; margin:0; }
@media(max-width:900px) { .account-lifecycle-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .operations-tasks,.operations-context,.directory-batch { padding:16px; } .operations-tasks ul,.account-lifecycle-steps { grid-template-columns:1fr; } .operations-context-actions .button { flex:1 1 200px; } .operations-context-counts { gap:16px 24px; } .operations-table-wrap th,.operations-table-wrap td { padding:10px 8px; } }