.aop-staff { min-width:0; margin:0 0 20px; border:1px solid var(--border,#cadcde); border-left:3px solid #218a8e; border-radius:14px; background:var(--card,#fff); color:var(--text,#12343c); }
.aop-staff summary { padding:20px; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; list-style:none; }
.aop-staff summary::-webkit-details-marker { display:none; }
.aop-staff summary>span:first-child { display:grid; gap:5px; min-width:0; }
.aop-staff small { color:var(--muted,#58757d); font-size:10px; letter-spacing:.14em; font-weight:700; }
.aop-staff strong { font-size:15px; font-weight:650; }
.aop-status { font-size:11px; border-radius:6px; padding:6px 10px; background:var(--bg2,#edf7f6); white-space:normal; text-align:right; }
.aop-body { padding:0 20px 22px; min-width:0; overflow-wrap:anywhere; }
.aop-note { color:var(--muted,#58757d); font-size:12px; line-height:1.7; margin:13px 0; }
.aop-domain { font-size:12px; line-height:1.6; padding:10px 0; margin:0; }
.aop-steps { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0; font-size:11px; color:var(--muted,#58757d); }
.aop-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:12px 0; }
.aop-staff :is(button,a.aop-primary) { border:1px solid var(--border,#cadcde); border-radius:8px; min-height:40px; padding:10px 13px; color:inherit; background:var(--bg2,#f4f8f8); font:inherit; font-size:12px; cursor:pointer; text-decoration:none; }
.aop-staff a.aop-primary { background:#137e85; border-color:#137e85; color:#fff; font-weight:650; }
.aop-staff button:disabled { opacity:.45; cursor:default; }
.aop-staff :is(button,a,input,select,summary):focus-visible { outline:2px solid #218a8e; outline-offset:3px; }
.aop-import,.aop-credentials { display:grid; gap:16px; margin:24px 0 18px; padding-top:22px; border-top:1px solid var(--border,#cadcde); min-width:0; }
.aop-staff label { display:grid; gap:8px; font-size:12px; line-height:1.5; min-width:0; }
.aop-staff :is(input,select) { width:100%; min-width:0; max-width:100%; padding:11px; border-radius:8px; border:1px solid var(--border,#cadcde); background:var(--bg2,#f4f8f8); color:inherit; font:inherit; font-size:13px; }
.aop-staff :is(ul,p) { max-width:100%; overflow-wrap:anywhere; }
.aop-files,.aop-received { margin:0; padding-left:18px; font-size:12px; line-height:1.7; }
.aop-files li,.aop-received li { margin:9px 0; }
.aop-error { color:#c45636; }
.aop-task { display:inline-block; font-size:12px; color:var(--text,#12343c); text-underline-offset:4px; margin-top:14px; }
.aop-dialog { width:min(760px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); border:1px solid var(--border,#cadcde); border-radius:20px; padding:0; background:var(--card,#fff); color:var(--text,#12343c); }
.aop-dialog::backdrop { background:rgba(3,25,32,.65); backdrop-filter:blur(5px); }
.aop-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px; border-bottom:1px solid var(--border,#cadcde); }
.aop-dialog h2 { font:inherit; font-size:20px; margin:0; }
.aop-dialog>header button { padding:10px 14px; border-radius:8px; border:1px solid var(--border,#cadcde); background:var(--bg2,#f4f8f8); color:inherit; }
.aop-dialog-body { padding:20px; }
.aop-dialog .aop-staff { margin:0; }
@media(max-width:600px) { .aop-staff summary { flex-wrap:wrap; padding:16px; } .aop-body{padding:0 16px 18px}.aop-status{text-align:left}.aop-steps{display:grid;gap:8px}.aop-dialog-body{padding:12px}.aop-actions>*{width:100%;text-align:center} }
@media(prefers-reduced-motion:no-preference) { .aop-staff[open] .aop-body { animation:aop-appear .18s ease-out; } @keyframes aop-appear { from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none} } }