.ocg-hub .ocg-admin-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ocg-hub .ocg-admin-hidden-field{display:none!important}
.ocg-hub .ocg-section-heading-with-help h3{margin-bottom:0!important}
.ocg-hub .ocg-membership-download-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 16px;padding:12px;border:1px solid #dcdcde;border-radius:8px;background:#f6f7f7}
.ocg-hub .ocg-membership-download-panel p{margin:4px 0 0}
.ocg-hub .ocg-membership-download-panel .ocg-actions{flex:0 0 auto;margin:0}
.ocg-hub .ocg-membership-download-panel .ocg-button{white-space:normal;text-align:center}
.ocg-hub .ocg-client-card-toolbar{display:flex;justify-content:flex-end;margin:0 0 10px}
.ocg-hub .ocg-client-index-controls{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin:12px 0 14px}
.ocg-hub .ocg-client-index-controls .ocg-field{margin:0;min-width:0}
.ocg-hub .ocg-client-index-controls input,.ocg-hub .ocg-client-index-controls select{width:100%;box-sizing:border-box}
.ocg-hub .ocg-client-index-controls input[type="search"],.ocg-hub .ocg-client-index-controls select{min-height:40px}
.ocg-hub .ocg-client-index-controls input[type="search"]{border:1px solid #c3c4c7;border-radius:8px;background:#fff;color:#000;font-size:14px;line-height:normal;padding:10px}
.ocg-hub .ocg-client-index-controls__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ocg-hub .ocg-client-index-summary{margin:0 0 10px;color:#646970;font-size:13px}
.ocg-hub .ocg-client-bulk-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;margin:0 0 12px;padding:10px 12px;border:1px solid #dcdcde;border-radius:8px;background:#fbfcfd}
.ocg-hub .ocg-client-bulk-toolbar__selection{display:flex;gap:12px;align-items:center;flex-wrap:wrap;min-width:0}
.ocg-hub .ocg-client-bulk-option{display:inline-flex;align-items:center;gap:6px;margin:0;font-weight:600;color:#475467}
.ocg-hub .ocg-client-bulk-option input{margin:0}
.ocg-hub .ocg-client-bulk-toolbar__status{display:flex;gap:4px;align-items:center;color:#1d2327;white-space:nowrap}
.ocg-hub .ocg-client-bulk-toolbar__actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ocg-hub .ocg-client-bulk-toolbar__actions .ocg-button:disabled{opacity:.55;cursor:not-allowed}
.ocg-hub .ocg-client-index-table-wrap{overflow-x:auto;border:1px solid #dcdcde;border-radius:8px;background:#fff}
.ocg-hub .ocg-client-index-table{width:100%;border-collapse:collapse;min-width:980px}
.ocg-hub .ocg-client-index-table th,.ocg-hub .ocg-client-index-table td{padding:10px 12px;border-bottom:1px solid #eef0f2;text-align:left;vertical-align:middle;font-size:13px;line-height:1.35}
.ocg-hub .ocg-client-index-table th{background:#f6f7f7;color:#1d2327;font-weight:700;white-space:nowrap}
.ocg-hub .ocg-client-sortable-col{padding:0!important}
.ocg-hub .ocg-client-sort-link{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:39px;padding:10px 12px;color:#1d2327;text-decoration:none}
.ocg-hub .ocg-client-sort-link:hover,.ocg-hub .ocg-client-sort-link:focus{background:#eef6fc;color:#0a4b78;text-decoration:none}
.ocg-hub .ocg-client-sort-link:focus-visible{outline:2px solid #2271b1;outline-offset:-2px}
.ocg-hub .ocg-client-sort-indicator{display:inline-flex;align-items:center;justify-content:center;color:#0a4b78;font-size:14px;font-weight:700;line-height:1}
.ocg-hub .ocg-client-index-table tbody tr:last-child td{border-bottom:0}
.ocg-hub .ocg-client-index-table tbody tr.is-selected td{background:#f0f6fc}
.ocg-hub .ocg-client-index-table tbody tr.is-bulk-selected td{background:#f8fbff}
.ocg-hub .ocg-client-index-table td{overflow-wrap:anywhere}
.ocg-hub .ocg-client-index-table tbody tr.ocg-client-detail-drawer-row td{padding:0;border-bottom:1px solid #dcdcde;background:#fff}
.ocg-hub .ocg-client-detail-drawer-row{animation:ocg-client-drawer-row-in .18s ease-out both}
.ocg-hub .ocg-client-detail-drawer-row.is-closing{animation:ocg-client-drawer-row-out .14s ease-in both}
.ocg-hub .ocg-client-index-select-col{width:42px;text-align:center!important}
.ocg-hub .ocg-client-index-select-col input{margin:0}
.ocg-hub .ocg-client-index-actions{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}
.ocg-hub .ocg-client-index-actions .ocg-button{white-space:nowrap}
.ocg-hub .ocg-client-index-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px}
.ocg-hub .ocg-client-index-pagination .ocg-actions{margin:0}
.ocg-hub .ocg-selected-client-detail-grid{grid-template-columns:minmax(0,1fr)!important;margin-top:16px}
.ocg-hub .ocg-admin-client-card{display:flex;flex-direction:column;gap:12px}
.ocg-hub .ocg-admin-client-card.is-open-target{border-color:#2271b1;box-shadow:0 0 0 2px rgba(34,113,177,.14),0 1px 2px rgba(0,0,0,.04)}
.ocg-hub .ocg-client-detail-drawer-row .ocg-selected-client-detail{margin:0;border:0;border-radius:0;box-shadow:none;transform-origin:top center;animation:ocg-client-drawer-content-in .2s ease-out both}
.ocg-hub .ocg-client-detail-drawer-row.is-closing .ocg-selected-client-detail{animation:ocg-client-drawer-content-out .14s ease-in both}
.ocg-hub .ocg-client-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ocg-hub .ocg-client-detail-close{flex:0 0 auto}
.ocg-hub .ocg-admin-client-card details{border-top:1px solid #eef0f2;padding-top:12px;margin-top:4px}
.ocg-hub .ocg-admin-client-card summary{cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:space-between;list-style:none}
.ocg-hub .ocg-admin-client-card summary::-webkit-details-marker{display:none}
.ocg-hub .ocg-client-detail-section{padding:12px;border:1px solid #eef0f2;border-radius:8px;background:#fff}
.ocg-hub .ocg-client-detail-section h4{margin:0 0 10px;font-size:13px;line-height:1.35}
.ocg-hub .ocg-client-detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px}
.ocg-hub .ocg-client-detail-section-heading h4{margin:5px 0 0}
.ocg-hub .ocg-client-detail-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 10px}
.ocg-hub .ocg-client-detail-form-grid p{margin:0;min-width:0}
.ocg-hub .ocg-client-readonly-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;padding:0}
.ocg-hub .ocg-client-readonly-list div{min-width:0}
.ocg-hub .ocg-client-readonly-list dt{margin:0;color:#646970;font-size:12px;line-height:1.35}
.ocg-hub .ocg-client-readonly-list dd{margin:2px 0 0;color:#1d2327;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ocg-hub .ocg-client-editor-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:0 0 10px;padding:10px;border:1px solid #eef0f2;border-radius:6px;background:#fbfcfd}
.ocg-hub .ocg-client-editor-meta div{min-width:0}
.ocg-hub .ocg-client-editor-meta dt{margin:0;color:#646970;font-size:12px;line-height:1.35}
.ocg-hub .ocg-client-editor-meta dd{margin:2px 0 0;color:#1d2327;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel{position:relative;border:0;padding:0;margin:0;flex:0 0 auto}
.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel summary{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid #c3c4c7;border-radius:6px;background:#f6f7f7;color:#1d2327;font-size:13px;line-height:1.35;white-space:nowrap}
.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel summary::after,.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel[open] summary::after{content:none}
.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel form{position:absolute;right:0;top:36px;z-index:10;width:min(460px,calc(100vw - 48px));padding:12px;border:1px solid #dcdcde;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16)}
.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel[open] form{transform-origin:top right;animation:ocg-client-popover-in .16s ease-out both}
.ocg-hub .ocg-admin-action-group{display:grid;gap:6px;margin-top:12px}
.ocg-hub .ocg-admin-action-group:first-child{margin-top:0}
@keyframes ocg-client-drawer-row-in{from{opacity:0}to{opacity:1}}
@keyframes ocg-client-drawer-row-out{from{opacity:1}to{opacity:0}}
@keyframes ocg-client-drawer-content-in{from{opacity:0;transform:translateY(-8px) scaleY(.985)}to{opacity:1;transform:translateY(0) scaleY(1)}}
@keyframes ocg-client-drawer-content-out{from{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-6px) scaleY(.985)}}
@keyframes ocg-client-popover-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (prefers-reduced-motion:reduce){.ocg-hub .ocg-client-detail-drawer-row,.ocg-hub .ocg-client-detail-drawer-row .ocg-selected-client-detail,.ocg-hub .ocg-client-detail-drawer-row.is-closing,.ocg-hub .ocg-client-detail-drawer-row.is-closing .ocg-selected-client-detail,.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel[open] form{animation:none!important}}
@media (min-width:1560px){.ocg-hub .ocg-admin-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){.ocg-hub .ocg-admin-client-grid{grid-template-columns:1fr}}
@media (max-width:1280px){.ocg-hub .ocg-client-index-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.ocg-hub .ocg-client-index-controls__actions{justify-content:flex-start}}
@media (max-width:960px){.ocg-hub [data-ocg-view="client-management"] .ocg-admin-form-grid{grid-template-columns:1fr}}
@media (max-width:767px){.ocg-hub .ocg-client-index-controls{grid-template-columns:1fr}.ocg-hub .ocg-client-bulk-toolbar{grid-template-columns:1fr}.ocg-hub .ocg-client-bulk-toolbar__actions{justify-content:flex-start}.ocg-hub .ocg-client-index-pagination{display:block}.ocg-hub .ocg-client-index-pagination .ocg-actions{margin-top:8px}.ocg-hub .ocg-client-detail-section-heading{display:block}.ocg-hub .ocg-client-detail-section-heading h4{margin:0 0 8px}.ocg-hub .ocg-client-detail-form-grid{grid-template-columns:1fr}.ocg-hub .ocg-client-readonly-list,.ocg-hub .ocg-client-editor-meta{grid-template-columns:1fr}.ocg-hub .ocg-admin-client-card .ocg-client-edit-panel form{position:static;width:auto;margin-top:10px;box-shadow:none}.ocg-hub .ocg-help-menu__panel{right:auto;left:0}.ocg-hub .ocg-membership-download-panel{display:block}.ocg-hub .ocg-membership-download-panel .ocg-actions{margin-top:10px}}
