.ops-form{display:grid;gap:16px}.ops-form>label{display:flex;flex-direction:column;gap:6px}.ops-row{padding:16px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.ops-row button{margin:4px}.ops-feedback{color:var(--danger,#b32c36);white-space:pre-wrap}
#operations-dialog{width:min(1200px,calc(100vw - 40px));max-height:calc(100dvh - 40px);z-index:170}#operations-backdrop{z-index:169}#operations-dialog .employee-dialog-body{overflow:auto}#operations-dialog .employee-dialog-head{display:flex;justify-content:space-between;position:sticky;top:0}#operations-body form{padding:10px}#operations-body input:not([type=checkbox]),#operations-body select,#operations-body textarea{max-width:100%}
#operations-body form>button[type=submit]{position:sticky;bottom:0;z-index:2;min-height:44px;margin-top:8px;box-shadow:0 0 0 6px var(--surface,#fff)}#operations-body pre{white-space:pre-wrap;overflow-wrap:anywhere}#operations-body label:has(input[type=checkbox]){display:inline-flex;align-items:center;gap:8px}#operations-body input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
@media(max-width:700px){#operations-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}}

#operations-body .invitation-scope-form{min-width:0;padding:0;gap:18px}
#operations-body:has(.invitation-scope-form){padding-bottom:0}
.invitation-scope-hint{margin:0;line-height:1.55;color:var(--text-secondary,var(--muted))}
.invitation-scope-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0;padding:0;border:0}
.invitation-scope-list legend{margin-bottom:12px;padding:0;font-weight:600}
#operations-body .invitation-scope-option{display:flex;align-items:center;gap:12px;min-width:0;min-height:48px;margin:0;padding:12px;border:1px solid var(--border);border-radius:var(--radius-md,10px);background:var(--surface);cursor:pointer}
.invitation-scope-option span{min-width:0;overflow-wrap:anywhere;line-height:1.4}
#operations-body .invitation-scope-option input{margin:0;accent-color:var(--accent)}
#operations-body .invitation-scope-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
#operations-body .invitation-scope-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.invitation-scope-actions{display:flex;justify-content:flex-end;position:sticky;bottom:0;z-index:2;padding:14px 0 16px;border-top:1px solid var(--border);background:var(--surface)}
.invitation-scope-actions button{min-height:44px}
@media(max-width:600px){.invitation-scope-list{grid-template-columns:minmax(0,1fr)}.invitation-scope-actions button{width:100%}}
.invitations-panel { min-width:0;display:flex;flex-direction:column;max-height:min(560px,calc(100dvh - 200px)); }
.invitations-content { min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.invitations-content[aria-busy="true"] { opacity:.72; }
.invitations-panel > :is(.invitations-tabs,.personal-list-pagination) { flex:none; }
.invitations-panel > .personal-list-pagination { margin:0;padding:10px 0 0; }
.invitations-tabs { display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:4px; }
html:root .invitations-tabs button { margin:0;min-height:36px;padding:6px 12px;font-size:.85rem; }
html:root .invitations-tabs [aria-selected="true"] { background:var(--accent-soft);color:var(--accent);border-color:var(--accent); }
.invitation-row { display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,.8fr) auto;align-items:center;gap:10px 18px;padding:12px 0;border-bottom:1px solid var(--border);font-size:.88rem; }
.invitation-info { min-width:0;overflow-wrap:anywhere; }
.invitation-info p { margin:3px 0 0;line-height:1.4; }
.invitation-status { font-size:.78rem;color:var(--text-secondary); }
.invitation-dates { display:grid;gap:4px;font-variant-numeric:tabular-nums; }
.invitation-row-actions { display:flex;gap:6px;flex-wrap:wrap; }
html:root .invitation-row-actions button { min-height:36px;margin:0;padding:6px 9px;font-size:.78rem; }
@media(max-width:1000px) { .invitation-row { grid-template-columns:minmax(0,1fr) auto; }.invitation-dates { grid-column:1; }.invitation-row-actions { grid-column:2;grid-row:2;justify-content:flex-end; } }
@media(max-width:600px),(pointer:coarse) { html:root .invitations-tabs button,html:root .invitation-row-actions button { min-height:44px; } }
@media(max-width:600px) { .invitation-row { grid-template-columns:minmax(0,1fr);gap:8px; }.invitation-row-actions,.invitation-dates { grid-column:auto;grid-row:auto;justify-content:flex-start; }.invitations-tabs { display:grid;grid-template-columns:1fr; } }
