:root {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #12233f;
    background: #eef3f9;
    --cm-blue: #0b4f98;
    --cm-blue-2: #0a3f7b;
    --cm-blue-3: #072f60;
    --cm-blue-soft: #eaf3ff;
    --cm-white: #ffffff;
    --cm-border: #d9e3ee;
    --cm-muted: #69778a;
    --cm-main-bg: #f7f9fc;
    --cm-card: rgba(255, 255, 255, .88);
    --cm-card-solid: #ffffff;
    --cm-shadow: 0 18px 50px rgba(27, 55, 92, .08);
}

* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; background: #eef3f9; }
button, input, select { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

/* Portal shell */
.portal-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    grid-template-rows: 70px minmax(0, 1fr);
    background: var(--cm-main-bg);
}

.portal-topbar {
    grid-column: 1 / -1;
    grid-row: 1;
    display: grid;
    grid-template-columns: minmax(300px, auto) minmax(260px, 650px) auto;
    align-items: center;
    gap: 22px;
    padding: 0 20px;
    background: linear-gradient(105deg, var(--cm-blue-3), var(--cm-blue) 72%, #1267bd);
    color: #fff;
    position: sticky;
    top: 0;
    z-index: 80;
    box-shadow: 0 8px 28px rgba(4, 34, 71, .18);
}

.topbar-brand-area { display: flex; align-items: center; min-width: 0; gap: 16px; }
.topbar-logo { display: inline-flex; align-items: center; text-decoration: none; min-width: 118px; }
.topbar-logo img { display: block; max-width: 150px; max-height: 44px; object-fit: contain; filter: brightness(0) invert(1); }
.topbar-wordmark { font-size: 1.25rem; font-weight: 850; letter-spacing: -.035em; color: #fff; }
.topbar-wordmark span { color: #b9dcff; }
.portal-title { font-weight: 700; white-space: nowrap; color: rgba(255,255,255,.91); font-size: .95rem; }

.topbar-search {
    min-width: 0;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0 13px;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(255,255,255,.27);
    border-radius: 12px;
    backdrop-filter: blur(12px);
}
.topbar-search:focus-within { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.5); }
.search-icon { font-size: 1.15rem; color: rgba(255,255,255,.75); }
.topbar-search input { width: 100%; border: 0; outline: 0; color: #fff; background: transparent; font-size: .9rem; }
.topbar-search input::placeholder { color: rgba(255,255,255,.65); }

.topbar-actions { justify-self: end; display: flex; align-items: center; gap: 12px; }
.topbar-action-button, .user-icon-button, .menu-button {
    border: 1px solid rgba(255,255,255,.25);
    color: #fff;
    background: rgba(255,255,255,.10);
    cursor: pointer;
}
.topbar-action-button { min-height: 38px; padding: 8px 13px; border-radius: 10px; font-weight: 700; font-size: .86rem; }
.topbar-action-button:hover, .user-icon-button:hover, .menu-button:hover { background: rgba(255,255,255,.18); }
.user-menu-wrap { position: relative; }
.user-icon-button { width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center; font-weight: 800; }
.menu-button { display: none; width: 39px; height: 39px; border-radius: 10px; font-size: 1.2rem; }

.user-dropdown {
    position: absolute;
    right: 0;
    top: calc(100% + 12px);
    width: 230px;
    padding: 8px;
    color: #17243a;
    background: rgba(255,255,255,.98);
    border: 1px solid #d8e1ec;
    border-radius: 14px;
    box-shadow: 0 20px 55px rgba(16, 39, 69, .22);
    backdrop-filter: blur(18px);
    z-index: 120;
}
.user-dropdown[hidden] { display: none; }
.user-dropdown-head { padding: 10px 10px 12px; border-bottom: 1px solid #e8edf4; margin-bottom: 5px; display: grid; gap: 3px; }
.user-dropdown-head strong { font-size: .9rem; }
.user-dropdown-head span { color: #748195; font-size: .76rem; overflow-wrap: anywhere; }
.user-menu-item { width: 100%; text-align: left; border: 0; background: transparent; padding: 10px; border-radius: 8px; color: #314159; cursor: pointer; }
.user-menu-item:hover:not(:disabled) { background: #edf4fc; }
.user-menu-item:disabled, .user-menu-item.is-pending { color: #9aa5b4; cursor: default; }
.danger-item { color: #9b3131; }
.logout-form { margin: 0; }

.portal-sidebar {
    grid-column: 1;
    grid-row: 2;
    min-height: 0;
    overflow-y: auto;
    background: linear-gradient(180deg, #0a4384 0%, #07376f 58%, #062f61 100%);
    border-right: 1px solid rgba(255,255,255,.08);
    padding: 14px 10px 24px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.22) transparent;
}
.nav { display: grid; gap: 3px; }
.nav-item { min-width: 0; }
.nav-link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 39px;
    border: 0;
    border-radius: 9px;
    padding: 8px 10px;
    text-decoration: none;
    color: rgba(255,255,255,.84);
    background: transparent;
    font-size: .84rem;
    font-weight: 650;
    text-align: left;
    cursor: pointer;
}
.nav-link:hover, .nav-link.active { background: rgba(255,255,255,.13); color: #fff; }
.nav-placeholder { cursor: default; color: rgba(255,255,255,.72); }
.nav-placeholder:hover { background: rgba(255,255,255,.06); }
.nav-group-toggle { font: inherit; }
.nav-chevron { transition: transform .18s ease; font-size: 1.1rem; opacity: .8; }
.nav-group-toggle[aria-expanded="true"] .nav-chevron { transform: rotate(90deg); }
.nav-children { display: none; padding: 3px 0 5px 12px; }
.nav-children.open { display: grid; gap: 2px; }
.nav-item.depth-1 .nav-link { min-height: 34px; font-size: .79rem; font-weight: 560; color: rgba(255,255,255,.76); padding-left: 12px; }
.nav-item.depth-1 .nav-link.active { color: #fff; background: rgba(255,255,255,.14); }

.main-workspace {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
    min-height: 0;
    overflow: auto;
    background: var(--cm-main-bg);
    transition: background .2s ease, color .2s ease;
}
.content { padding: 30px; max-width: 1600px; margin: 0 auto; }

body.workspace-dark .main-workspace { background: #131b27; color: #eaf0f7; }
body.workspace-dark .main-workspace .glass-card,
body.workspace-dark .main-workspace .welcome-only { background: rgba(28, 39, 54, .92); border-color: #344457; box-shadow: none; }
body.workspace-dark .main-workspace .muted,
body.workspace-dark .main-workspace .form-footnote,
body.workspace-dark .main-workspace .empty-state,
body.workspace-dark .main-workspace .user-detail-header span,
body.workspace-dark .main-workspace .mini-stat span,
body.workspace-dark .main-workspace .clean-list small,
body.workspace-dark .main-workspace .assignment-bulk-row small,
body.workspace-dark .main-workspace .module-check-line small { color: #a7b4c4; }
body.workspace-dark .main-workspace .form-field > span,
body.workspace-dark .main-workspace .detail-list-block h3 { color: #d9e4ef; }
body.workspace-dark .main-workspace .form-field input,
body.workspace-dark .main-workspace .form-field select { background: #101925; color: #eef4fb; border-color: #3a4a5e; }
body.workspace-dark .main-workspace .module-assignment-row,
body.workspace-dark .main-workspace .mini-stat,
body.workspace-dark .main-workspace .user-detail-header,
body.workspace-dark .main-workspace .detail-list-block { border-color: #354457; background: rgba(13, 22, 34, .46); }
body.workspace-dark .main-workspace .secondary-button { background: #152131; color: #dce8f5; border-color: #41546a; }

/* Common */
.eyebrow { margin: 0; text-transform: uppercase; letter-spacing: .09em; font-size: .69rem; font-weight: 800; color: #6f8095; }
.muted { margin: 0; color: var(--cm-muted); line-height: 1.55; }
.page-heading { margin-bottom: 22px; display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; }
.page-heading h1 { margin: 5px 0 6px; font-size: clamp(1.55rem, 3vw, 2.15rem); letter-spacing: -.03em; }
.compact-heading { margin-bottom: 18px; }

.welcome-only {
    min-height: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #fff;
    border: 1px solid var(--cm-border);
    border-radius: 20px;
    box-shadow: var(--cm-shadow);
    padding: 42px;
}
.welcome-only h1 { margin: 8px 0 10px; font-size: clamp(1.9rem, 4vw, 2.7rem); letter-spacing: -.035em; }
.welcome-only p:last-child { max-width: 680px; color: var(--cm-muted); line-height: 1.6; }

.glass-card {
    background: var(--cm-card);
    border: 1px solid rgba(211, 223, 236, .95);
    border-radius: 18px;
    padding: 22px;
    box-shadow: var(--cm-shadow);
    backdrop-filter: blur(18px);
}
.card-heading { display: flex; gap: 16px; justify-content: space-between; align-items: flex-start; margin-bottom: 18px; }
.card-heading h2 { margin: 4px 0 0; font-size: 1.22rem; }
.role-badge { display: inline-flex; align-items: center; min-height: 29px; padding: 5px 9px; border-radius: 999px; background: #eaf3ff; color: #1f5d9f; font-size: .72rem; font-weight: 750; white-space: nowrap; }

.user-management-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr); gap: 22px; align-items: start; }
.management-column { display: grid; gap: 22px; }
.assignment-card { min-height: 540px; }
.clean-form, .assignment-selectors { display: grid; gap: 16px; }
.form-grid { display: grid; gap: 14px; }
.form-grid.two-column, .assignment-selectors { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-span-two { grid-column: 1 / -1; }
.form-field { display: grid; gap: 7px; min-width: 0; }
.form-field > span { font-size: .8rem; font-weight: 750; color: #34445a; }
.form-field input, .form-field select {
    width: 100%;
    min-height: 44px;
    border: 1px solid #cbd7e4;
    background: rgba(255,255,255,.94);
    border-radius: 10px;
    padding: 9px 11px;
    color: #17243a;
    outline: none;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}
.form-field input:focus, .form-field select:focus { border-color: #4f87c7; box-shadow: 0 0 0 3px rgba(11,79,152,.10); }
.form-field select:disabled { opacity: .64; cursor: not-allowed; }
.primary-button, .secondary-button {
    min-height: 44px;
    border-radius: 10px;
    padding: 9px 15px;
    font-weight: 750;
    cursor: pointer;
}
.primary-button { border: 1px solid var(--cm-blue); background: var(--cm-blue); color: #fff; }
.primary-button:hover { background: var(--cm-blue-2); }
.secondary-button { border: 1px solid #b9c8d9; background: #fff; color: var(--cm-blue-2); }
.secondary-button:hover { background: #f4f8fd; }
.compact-button { min-height: 34px; padding: 6px 10px; font-size: .76rem; }
.form-footnote { margin: 0; color: #7c8898; font-size: .76rem; line-height: 1.5; }
.form-alert { margin-bottom: 16px; border-radius: 10px; padding: 11px 13px; font-size: .84rem; line-height: 1.5; }
.form-alert-error { background: #fff2f2; border: 1px solid #f0caca; color: #8f2d2d; }
.form-alert-success { background: #eff9f1; border: 1px solid #cbe5d0; color: #28643a; }
.empty-state { margin: 0; color: #7a8798; line-height: 1.55; }
.empty-state.small { font-size: .81rem; }

.detail-selector { margin-bottom: 16px; }
.user-detail-header { display: flex; align-items: center; gap: 12px; border: 1px solid #e0e7ef; background: rgba(249,251,253,.86); padding: 12px; border-radius: 12px; }
.avatar-circle { width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--cm-blue); color: #fff; font-weight: 800; flex: 0 0 auto; }
.user-detail-header > div:last-child { display: grid; gap: 2px; min-width: 0; }
.user-detail-header strong { font-size: .9rem; }
.user-detail-header span { color: #728095; font-size: .75rem; }
.mini-stat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.mini-stat { border: 1px solid #e1e8f0; background: rgba(250,252,254,.9); border-radius: 11px; padding: 11px; display: grid; gap: 2px; }
.mini-stat strong { font-size: 1.15rem; }
.mini-stat span { color: #758297; font-size: .72rem; line-height: 1.35; }
.detail-list-block { margin-top: 13px; border: 1px solid #e1e8f0; border-radius: 12px; padding: 12px; background: rgba(255,255,255,.58); }
.detail-list-block h3 { margin: 0 0 9px; font-size: .83rem; color: #33445c; }
.clean-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.clean-list li { display: flex; gap: 10px; justify-content: space-between; align-items: center; font-size: .79rem; }
.clean-list small { color: #8490a0; text-transform: capitalize; }
.module-summary-list { max-height: 190px; overflow: auto; padding-right: 4px; }

.assignment-selectors { padding-bottom: 17px; border-bottom: 1px solid #e1e8ef; margin-bottom: 16px; }
.assignment-bulk-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.assignment-bulk-row > div:first-child { display: grid; gap: 2px; }
.assignment-bulk-row strong { font-size: .86rem; }
.assignment-bulk-row small { color: #7b8796; font-size: .72rem; }
.button-pair { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.module-assignment-list { border: 1px solid #e0e7ef; border-radius: 13px; overflow: hidden; max-height: 580px; overflow-y: auto; }
.module-assignment-row { border-bottom: 1px solid #e7edf3; background: rgba(255,255,255,.75); }
.module-assignment-row:last-child { border-bottom: 0; }
.module-assignment-row.depth-1 { background: rgba(246,249,252,.88); }
.module-check-line { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; cursor: pointer; }
.module-check-line input { margin-top: 3px; accent-color: var(--cm-blue); }
.module-check-line span { display: grid; gap: 2px; }
.module-check-line strong { font-size: .81rem; }
.module-check-line small { color: #8994a4; font-size: .69rem; }
.module-assignment-row.depth-1 .module-check-line { padding-left: 32px; }
.assignment-submit-row { display: flex; justify-content: flex-end; padding-top: 15px; }

/* Authentication */
.auth-body { min-height: 100vh; display: grid; place-items: center; padding: 28px; background: linear-gradient(135deg, #eff5fc 0%, #f8fafc 55%, #edf4fb 100%); }
.auth-shell { width: min(980px, 100%); min-height: 600px; display: grid; grid-template-columns: .9fr 1.1fr; background: #fff; border: 1px solid rgba(208, 220, 235, .85); border-radius: 24px; overflow: hidden; box-shadow: 0 28px 75px rgba(30, 53, 85, .12); }
.auth-brand-panel { padding: 56px 48px; color: #fff; background: linear-gradient(155deg, #0b3d7a, #1553a3 70%, #1c66bd); display: flex; flex-direction: column; justify-content: center; }
.auth-brand-panel h1 { margin: 10px 0 14px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; }
.auth-brand-panel p { color: rgba(255,255,255,.86); line-height: 1.65; margin: 0; }
.auth-kicker { text-transform: uppercase; letter-spacing: .12em; font-size: .74rem; font-weight: 800; }
.auth-logo-wrap { margin-bottom: 36px; }
.auth-logo-image { display: block; max-width: 220px; max-height: 72px; object-fit: contain; filter: brightness(0) invert(1); }
.auth-wordmark { display: inline-flex; width: fit-content; background: #fff; color: #17243a; border-radius: 12px; padding: 10px 14px; font-size: 1.35rem; font-weight: 850; letter-spacing: -.03em; }
.auth-wordmark span { color: var(--cm-blue); }
.auth-security-note { margin-top: 34px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.09); border-radius: 12px; color: rgba(255,255,255,.9); font-size: .86rem; line-height: 1.5; }
.auth-form-panel { padding: 54px 58px; display: flex; flex-direction: column; justify-content: center; }
.auth-form-heading { margin-bottom: 26px; }
.auth-form-heading h2 { margin: 7px 0 8px; font-size: 1.85rem; }
.auth-form { display: grid; gap: 18px; }
.verification-methods { margin: 0; padding: 0; border: 0; display: grid; gap: 9px; }
.verification-methods legend { margin-bottom: 7px; font-size: .88rem; font-weight: 700; color: #34425a; }
.method-card { display: flex; gap: 11px; align-items: flex-start; border: 1px solid #d8e1ec; border-radius: 10px; padding: 11px 12px; cursor: pointer; }
.method-card:has(input:checked) { border-color: #73a0d2; background: #f3f8fe; }
.method-card input { margin-top: 4px; }
.method-card span { display: grid; gap: 2px; }
.method-card strong { font-size: .88rem; }
.method-card small { color: var(--cm-muted); line-height: 1.4; }
.email-code-form { margin-top: 18px; padding-top: 18px; border-top: 1px dashed #d7e0ea; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.compact-field { min-width: 0; }
.auth-link-row { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e6ecf3; display: flex; flex-wrap: wrap; gap: 9px 18px; }
.auth-link { color: var(--cm-blue); text-decoration: none; font-size: .86rem; font-weight: 650; }
.auth-link:hover { text-decoration: underline; }
.auth-link.is-disabled { color: #99a4b4; cursor: not-allowed; text-decoration: none; }
.auth-link-row.single-line { justify-content: flex-start; }

.mobile-backdrop { position: fixed; inset: 70px 0 0; background: rgba(1, 15, 31, .44); z-index: 60; }
.mobile-backdrop[hidden] { display: none; }

@media (max-width: 1120px) {
    .portal-topbar { grid-template-columns: auto minmax(220px, 1fr) auto; gap: 14px; }
    .portal-title { display: none; }
    .user-management-grid { grid-template-columns: 1fr; }
}

@media (max-width: 860px) {
    .portal-shell { grid-template-columns: 1fr; }
    .portal-topbar { grid-column: 1; grid-template-columns: auto 1fr auto; padding: 0 12px; }
    .menu-button { display: grid; place-items: center; }
    .topbar-logo { min-width: auto; }
    .topbar-logo img { max-width: 118px; }
    .topbar-search { min-width: 0; }
    .portal-sidebar { position: fixed; top: 70px; bottom: 0; left: 0; width: 262px; z-index: 70; transform: translateX(-105%); transition: transform .2s ease; box-shadow: 12px 0 30px rgba(2, 24, 50, .22); }
    .portal-sidebar.open { transform: translateX(0); }
    .main-workspace { grid-column: 1; grid-row: 2; }
    .content { padding: 20px; }
}

@media (max-width: 620px) {
    .portal-topbar { grid-template-columns: auto 1fr auto; gap: 8px; }
    .topbar-logo { display: none; }
    .topbar-search { height: 38px; }
    .topbar-search input { font-size: .82rem; }
    .topbar-action-button { padding: 7px 9px; font-size: .75rem; }
    .form-grid.two-column, .assignment-selectors { grid-template-columns: 1fr; }
    .form-span-two { grid-column: auto; }
    .mini-stat-grid { grid-template-columns: 1fr; }
    .assignment-bulk-row { align-items: flex-start; flex-direction: column; }
    .button-pair { justify-content: flex-start; }
    .auth-body { padding: 14px; }
    .auth-shell { grid-template-columns: 1fr; max-width: 620px; border-radius: 17px; }
    .auth-brand-panel { padding: 28px 22px; }
    .auth-brand-panel h1 { font-size: 2rem; }
    .auth-logo-wrap { margin-bottom: 22px; }
    .auth-security-note { margin-top: 22px; }
    .auth-form-panel { padding: 30px 22px; }
    .email-code-form { grid-template-columns: 1fr; }
}

/* Invitation onboarding */
.invite-shell { max-width: 1220px; }
.invite-panel { overflow-y: auto; }
.invite-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 18px; }
.invite-summary > div { padding:11px 12px; border:1px solid #dde6f0; border-radius:11px; background:#f8fbff; display:grid; gap:3px; }
.invite-summary span { color:#718096; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.invite-summary strong { font-size:.88rem; overflow-wrap:anywhere; }
.totp-setup-box { border:1px solid #c9dbef; background:#f3f8ff; border-radius:13px; padding:14px; display:grid; gap:8px; }
.totp-setup-box p { margin:0; color:#627289; line-height:1.45; font-size:.85rem; }
.setup-key { font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:1rem; letter-spacing:.08em; overflow-wrap:anywhere; padding:10px; border-radius:9px; background:#fff; border:1px dashed #9db9da; user-select:all; }
.break-code { display:block; overflow-wrap:anywhere; white-space:normal; margin-top:8px; font-size:.74rem; }
.confirm-line { display:flex; align-items:flex-start; gap:9px; font-size:.85rem; color:#45566d; }
.confirm-line input { margin-top:3px; }
@media (max-width:700px){ .invite-summary{grid-template-columns:1fr;} }

.invitation-result-box { margin:0 0 18px; padding:14px 16px; border:1px solid #a9c9ec; background:#eef7ff; border-radius:13px; }
.invitation-result-box p { margin:5px 0 10px; color:#5d6f86; font-size:.84rem; }
.invitation-link-row { display:grid; gap:7px; }
.invitation-link-row input { width:100%; border:1px solid #bdd2e9; border-radius:9px; background:#fff; padding:10px; font-size:.82rem; }
.invitation-link-row span { font-size:.74rem; color:#6a7a8e; }
.user-status-actions { display:flex; justify-content:flex-end; margin:12px 0; }
.user-status-actions form { margin:0; }
.danger-soft { color:#922f2f !important; border-color:#ddb7b7 !important; background:#fff7f7 !important; }
.install-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 16px}.install-check{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:9px;font-size:.8rem}.install-check.ok{background:#eefaf4;color:#276749}.install-check.bad{background:#fff1f1;color:#9b2c2c}@media(max-width:700px){.install-check-grid{grid-template-columns:1fr}}

/* Phase 004: hierarchy, profile and facilities */
.contextual-create-field[hidden]{display:none!important}.form-field small{font-weight:500;color:#8190a3}.profile-grid,.facility-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.profile-preview{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:12px;border:1px solid #e1e8f0;border-radius:12px;background:rgba(250,252,254,.8)}.profile-preview>div:last-child{display:grid;gap:3px}.profile-preview span{font-size:.8rem;color:#758297}.profile-large-image,.avatar-circle.large{width:72px;height:72px;border-radius:50%;object-fit:cover}.avatar-circle.large{display:grid;place-items:center;font-size:1.5rem}.topbar-profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-menu-item{display:block;width:100%;box-sizing:border-box;text-align:left;text-decoration:none}.facility-client-selector{margin-bottom:18px}.facility-list{display:grid;gap:10px}.facility-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border:1px solid #dfe7f0;border-radius:12px;padding:13px;background:rgba(255,255,255,.78)}.facility-row.sub{margin-left:24px;border-left:3px solid #7ea9d7}.facility-row>div:first-child{display:grid;gap:3px}.facility-row span,.facility-row small{color:#78879a;font-size:.76rem}.facility-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.facility-row-actions a{color:var(--cm-blue);font-weight:700;font-size:.78rem}.status-pill{padding:4px 7px;border:1px solid #d4dfeb;border-radius:999px;background:#f8fbfe}.secondary-link-button{display:inline-block;margin-left:10px;color:var(--cm-blue);font-weight:700;text-decoration:none}.invite-email-code-form{margin-bottom:18px}.invite-email-code-form>div{display:grid;gap:3px}.invite-email-code-form p{margin:0;font-size:.8rem}
@media(max-width:980px){.profile-grid,.facility-grid{grid-template-columns:1fr}}

/* ========================================================================
   CareMedox Portal v004.2 — modern visual refresh
   ======================================================================== */
:root {
    --cm-blue: #087fbd;
    --cm-blue-2: #066da5;
    --cm-blue-3: #07325f;
    --cm-navy: #062b55;
    --cm-cyan: #35a9d7;
    --cm-blue-soft: #edf7fc;
    --cm-border: #dfe8f2;
    --cm-muted: #68788d;
    --cm-main-bg: #f4f7fb;
    --cm-card: rgba(255,255,255,.96);
    --cm-shadow: 0 12px 34px rgba(17, 51, 88, .07);
}

body { background: #f4f7fb; color: #14243b; }
.portal-shell {
    grid-template-columns: 264px minmax(0, 1fr);
    grid-template-rows: 76px minmax(0, 1fr);
    background: #f4f7fb;
}
.portal-topbar {
    grid-template-columns: minmax(320px, auto) minmax(320px, 680px) auto;
    min-height: 76px;
    gap: 24px;
    padding: 0 22px;
    background: linear-gradient(110deg, #062d59 0%, #07457f 54%, #087fbd 115%);
    border-bottom: 1px solid rgba(255,255,255,.11);
    box-shadow: 0 8px 26px rgba(5, 35, 70, .16);
}
.topbar-brand-area { gap: 18px; }
.topbar-logo { min-width: 178px; height: 54px; align-items: center; }
.topbar-logo img {
    width: 178px;
    max-width: 178px;
    max-height: 52px;
    height: auto;
    object-fit: contain;
    filter: none;
}
.portal-title {
    position: relative;
    padding-left: 18px;
    font-size: .92rem;
    font-weight: 720;
    color: rgba(255,255,255,.9);
    letter-spacing: .01em;
}
.portal-title::before { content: ''; position: absolute; left: 0; top: 2px; bottom: 2px; width: 1px; background: rgba(255,255,255,.22); }
.topbar-search {
    height: 44px;
    padding: 0 15px;
    border-radius: 14px;
    background: rgba(255,255,255,.10);
    border-color: rgba(255,255,255,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.topbar-search:focus-within { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.48); box-shadow: 0 0 0 3px rgba(108,190,232,.12); }
.search-icon { opacity: .84; }
.topbar-actions { gap: 10px; }
.theme-icon-button {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
    padding: 0;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 1.02rem;
}
.user-icon-button {
    width: 42px;
    height: 42px;
    border: 2px solid rgba(255,255,255,.30);
    background: rgba(255,255,255,.12);
    box-shadow: 0 5px 14px rgba(3,27,56,.18);
}
.user-dropdown { top: calc(100% + 10px); width: 250px; border-radius: 16px; padding: 8px; box-shadow: 0 22px 50px rgba(13,34,59,.22); }

.portal-sidebar {
    background: linear-gradient(180deg, #073965 0%, #062f59 48%, #05284e 100%);
    padding: 18px 12px 28px;
    border-right: 1px solid rgba(14, 80, 132, .32);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.025);
}
.nav { gap: 5px; }
.nav-link {
    min-height: 42px;
    border-radius: 11px;
    padding: 9px 11px;
    font-size: .84rem;
    font-weight: 640;
    color: rgba(239,247,255,.82);
    transition: background .15s ease, color .15s ease, transform .15s ease;
}
.nav-link:hover { color: #fff; background: rgba(84,176,224,.12); }
.nav-link.active {
    color: #fff;
    background: linear-gradient(90deg, rgba(46,169,219,.26), rgba(255,255,255,.07));
    box-shadow: inset 3px 0 0 #65c2e8;
}
.nav-placeholder { color: rgba(239,247,255,.70); }
.nav-placeholder:hover { background: rgba(255,255,255,.025); }
.nav-children { padding: 3px 0 7px 10px; }
.nav-item.depth-1 .nav-link { color: rgba(236,246,255,.70); font-size: .79rem; min-height: 37px; }

.main-workspace {
    background:
        radial-gradient(circle at 92% 4%, rgba(58,164,214,.08), transparent 28%),
        linear-gradient(180deg, #f8fafd 0%, #f3f7fb 100%);
}
.content { padding: 34px 36px 48px; max-width: 1540px; }
.page-heading { margin-bottom: 22px; }
.page-heading h1 { font-size: clamp(1.75rem, 2.8vw, 2.35rem); color: #102540; letter-spacing: -.035em; }
.eyebrow { color: #6e8198; letter-spacing: .11em; }
.muted { color: #718096; }

.glass-card {
    background: rgba(255,255,255,.98);
    border: 1px solid #e1e9f2;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 12px 32px rgba(24,55,91,.065);
    backdrop-filter: none;
}
.glass-card:hover { border-color: #d7e4ef; }
.card-heading { margin-bottom: 20px; }
.card-heading h2 { font-size: 1.25rem; color: #162b47; }
.role-badge { background: #edf7fc; color: #0874aa; border: 1px solid #d1ebf8; }

.form-grid { gap: 16px; }
.clean-form, .assignment-selectors { gap: 18px; }
.form-field { gap: 8px; }
.form-field > span { color: #334a66; font-size: .79rem; font-weight: 720; }
.form-field input, .form-field select {
    min-height: 48px;
    border-radius: 12px;
    border: 1px solid #cedbe8;
    background: #fff;
    padding: 10px 13px;
    color: #172b45;
    box-shadow: 0 1px 1px rgba(20,49,80,.015);
}
.form-field input:hover, .form-field select:hover { border-color: #b8cadc; }
.form-field input:focus, .form-field select:focus { border-color: #49a4d2; box-shadow: 0 0 0 4px rgba(40,155,208,.10); }
.form-field input[type="file"] { padding: 8px 10px; }
.primary-button, .secondary-button {
    min-height: 44px;
    border-radius: 11px;
    padding: 10px 16px;
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease;
}
.primary-button {
    background: linear-gradient(135deg, #087fbd, #086ca6);
    border-color: #0876b2;
    box-shadow: 0 8px 18px rgba(8,127,189,.18);
}
.primary-button:hover { background: linear-gradient(135deg, #0875af, #075f94); transform: translateY(-1px); box-shadow: 0 10px 22px rgba(8,108,166,.22); }
.secondary-button { border-color: #c8d7e5; background: #fff; color: #0a659a; }
.secondary-button:hover { background: #f3f9fc; border-color: #a9c9dc; }
.button-link { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.form-action-row { display: flex; justify-content: flex-end; padding-top: 2px; }

.user-management-grid { grid-template-columns: minmax(0, .95fr) minmax(440px, 1.05fr); gap: 24px; }
.invitation-result-box { border-radius: 16px; border: 1px solid #cce7d3; box-shadow: 0 8px 24px rgba(38,100,58,.06); }
.user-detail-header { border-radius: 14px; padding: 14px; }
.avatar-circle {
    background: linear-gradient(135deg, #0b6fa8, #38a9d4);
    color: #fff;
    box-shadow: 0 7px 18px rgba(8,111,168,.18);
}

/* Profile */
.profile-grid { gap: 22px; align-items: start; }
.profile-main-card { min-width: 0; }
.profile-auth-card { grid-column: 1 / -1; }
.modern-profile-preview {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 15px 16px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #f8fbfe, #f2f8fc);
    border: 1px solid #e1ebf4;
    border-radius: 16px;
}
.profile-preview-copy { display: flex !important; flex-direction: column; gap: 4px; min-width: 0; }
.profile-preview-copy strong { color: #162b47; font-size: .98rem; line-height: 1.25; }
.profile-preview-copy span { color: #75869b; font-size: .81rem; overflow-wrap: anywhere; line-height: 1.35; }
.profile-large-image, .avatar-circle.large { width: 76px; height: 76px; flex: 0 0 76px; border-radius: 50%; }
.profile-large-image { object-fit: cover; border: 3px solid #fff; box-shadow: 0 7px 20px rgba(15,64,104,.14); }
.upload-field input[type="file"] { background: #f9fbfd; }

/* TOTP QR is generated locally in the browser. The secret never leaves CareMedox. */
.modern-totp-box {
    display: grid;
    grid-template-columns: minmax(0,1fr) 210px;
    gap: 22px;
    align-items: center;
    padding: 18px;
    border-radius: 16px;
    background: linear-gradient(135deg, #f3f9fd, #fbfdff);
    border: 1px solid #cfe5f2;
}
.totp-setup-copy { min-width: 0; }
.totp-setup-copy > strong { display: block; color: #17314f; font-size: 1rem; margin-bottom: 7px; }
.totp-setup-copy p { margin: 0 0 14px; color: #6b7d91; font-size: .84rem; line-height: 1.55; }
.setup-key-label { color: #60758d; font-size: .72rem; font-weight: 760; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 6px; }
.setup-key { background: #fff; border-color: #a9cfe3; color: #12324f; }
.totp-qr {
    width: 210px;
    min-height: 210px;
    display: grid;
    place-items: center;
    background: #fff;
    border: 1px solid #d8e7ef;
    border-radius: 14px;
    padding: 10px;
    color: #8391a0;
    font-size: .75rem;
}
.totp-qr svg { width: 188px; height: 188px; display: block; }
.totp-qr-fallback { padding: 18px; text-align: center; line-height: 1.5; }
.inline-security-action, .profile-security-start { margin-top: 14px; }

/* Facilities */
.facility-empty-card { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.facility-empty-card h2 { margin: 5px 0 8px; color: #172d49; }
.facility-row { border-radius: 14px; background: #fbfdff; }
.facility-row.sub { border-left-color: #44a8d5; }

/* Auth / invitation */
.auth-body {
    background:
        radial-gradient(circle at 8% 10%, rgba(58,169,215,.12), transparent 28%),
        linear-gradient(135deg, #edf4fa 0%, #f8fafc 50%, #eef6fb 100%);
}
.auth-shell { border-radius: 26px; border-color: #dce7f1; box-shadow: 0 28px 80px rgba(23,54,88,.13); }
.auth-brand-panel { background: linear-gradient(150deg, #052d57 0%, #07457e 58%, #087fbd 125%); }
.auth-logo-image { max-width: 285px; max-height: 82px; width: 100%; height: auto; object-fit: contain; filter: none; }
.auth-logo-fallback { display: none; }
.auth-form-panel { padding: 54px 58px; }
.auth-security-note { border-radius: 14px; }
.invite-summary { border-radius: 14px; }
.method-card { border-radius: 12px; }

body.workspace-dark .main-workspace {
    background: linear-gradient(180deg, #111a26 0%, #121d29 100%);
}
body.workspace-dark .main-workspace .glass-card { background: #182431; border-color: #2c4053; box-shadow: none; }
body.workspace-dark .main-workspace .page-heading h1,
body.workspace-dark .main-workspace .card-heading h2,
body.workspace-dark .main-workspace .profile-preview-copy strong { color: #eef5fb; }
body.workspace-dark .main-workspace .modern-profile-preview,
body.workspace-dark .main-workspace .modern-totp-box { background: #13202c; border-color: #30475b; }

@media (max-width: 1150px) {
    .portal-topbar { grid-template-columns: minmax(270px, auto) minmax(220px, 1fr) auto; gap: 14px; }
    .portal-title { display: none; }
    .topbar-logo { min-width: 164px; }
    .topbar-logo img { width: 164px; }
    .user-management-grid { grid-template-columns: 1fr; }
}
@media (max-width: 920px) {
    .portal-shell { grid-template-columns: 1fr; grid-template-rows: 72px minmax(0,1fr); }
    .portal-topbar { min-height: 72px; grid-template-columns: auto minmax(140px,1fr) auto; padding: 0 14px; }
    .topbar-logo { min-width: 142px; }
    .topbar-logo img { width: 142px; }
    .portal-sidebar { top: 72px; }
    .content { padding: 24px 18px 38px; }
    .profile-grid, .facility-grid { grid-template-columns: 1fr; }
    .profile-auth-card { grid-column: auto; }
}
@media (max-width: 680px) {
    .topbar-search { display: none; }
    .portal-topbar { grid-template-columns: 1fr auto; }
    .topbar-brand-area { gap: 10px; }
    .topbar-actions { grid-column: 2; }
    .form-grid.two-column, .assignment-selectors { grid-template-columns: 1fr; }
    .modern-totp-box { grid-template-columns: 1fr; }
    .totp-qr { width: min(220px,100%); margin: 0 auto; }
    .facility-empty-card { align-items: flex-start; flex-direction: column; }
    .auth-form-panel { padding: 34px 24px; }
    .auth-brand-panel { padding: 38px 26px; }
}

/* ============================================================
   Phase 005 - My Team management
   ============================================================ */
.my-team-heading{align-items:flex-end;gap:24px}.filter-state-block{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border,#d8e3ef);border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(19,58,96,.07)}.filter-reset-link{font-weight:800;color:#0c67b1;text-decoration:underline;text-underline-offset:4px}.filter-state-label{font-size:.82rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#5d7187}.team-filter-card{padding:20px}.team-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.team-filter-grid label,.team-dialog-form label,.delete-user-form label{display:flex;flex-direction:column;gap:7px;font-weight:800;color:#304961;font-size:.86rem}.team-filter-grid input,.team-filter-grid select,.team-dialog-form input,.team-dialog-form select,.delete-user-form input{width:100%;min-height:44px;border:1px solid #c9d9e9;border-radius:12px;background:#fff;color:#17324d;padding:10px 12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.team-filter-grid input:focus,.team-filter-grid select:focus,.team-dialog-form input:focus,.team-dialog-form select:focus,.delete-user-form input:focus{border-color:#2589d8;box-shadow:0 0 0 3px rgba(37,137,216,.13)}.team-filter-submit{display:flex;align-items:flex-end}.team-record-card{padding:0;overflow:hidden}.team-record-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #dce7f1;background:linear-gradient(180deg,#fff,#f8fbfe)}.team-record-toolbar>div:first-child{display:flex;flex-direction:column;gap:2px}.team-record-toolbar small{color:#73869a}.quick-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quick-actions>span{font-size:.75rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#6e8298;margin-right:4px}.team-table-wrap{overflow:auto}.team-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px}.team-table th{position:sticky;top:0;z-index:2;background:#f1f6fb;color:#35506a;text-align:left;font-size:.77rem;letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #d7e3ee;padding:12px 10px;white-space:nowrap}.team-table th a{color:inherit;text-decoration:none}.team-table td{padding:13px 10px;border-bottom:1px solid #edf2f7;color:#29435c;vertical-align:middle}.team-table tbody tr{cursor:pointer;transition:background .15s ease}.team-table tbody tr:hover{background:#f5faff}.team-table td strong{display:block;color:#17324d}.team-table td small{display:block;color:#8293a5;margin-top:2px;font-size:.7rem}.check-column{width:42px;text-align:center!important}.check-column input{width:17px;height:17px;accent-color:#1479c9}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:900;letter-spacing:.03em}.status-active{background:#e8f8ef;color:#177244}.status-disabled{background:#fff0f0;color:#b43838}.status-invited{background:#fff7df;color:#966d09}.recovery-link-card{margin-bottom:18px;padding:16px;border:1px solid #a9d5f4;border-radius:16px;background:#eef8ff;box-shadow:0 8px 24px rgba(20,93,148,.08)}.recovery-link-card p{margin:5px 0 10px;color:#557087}.recovery-url-row{display:flex;gap:8px}.recovery-url-row input{flex:1;min-width:0;border:1px solid #bedbf0;border-radius:10px;padding:10px;background:#fff}.recovery-link-card small{display:block;margin-top:8px;color:#63809a}.team-dialog{width:min(920px,calc(100vw - 28px));max-height:90vh;border:0;border-radius:22px;padding:0;background:#fff;box-shadow:0 28px 80px rgba(5,30,55,.28);overflow:auto;color:#1c3852}.team-dialog-wide{width:min(1020px,calc(100vw - 28px))}.team-dialog::backdrop{background:rgba(4,24,44,.56);backdrop-filter:blur(4px)}.dialog-close-form{position:sticky;top:0;z-index:5;height:0;text-align:right}.dialog-close{margin:12px 14px 0 0;width:38px;height:38px;border:1px solid #d2dfeb;border-radius:50%;background:#fff;color:#476079;font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 5px 16px rgba(21,62,99,.12)}.dialog-heading{padding:26px 30px 18px;border-bottom:1px solid #e2ebf3;background:linear-gradient(140deg,#f8fbfe 0%,#eef7fd 100%)}.dialog-heading h2{margin:2px 0 5px;color:#102f4e}.dialog-heading p{margin:0;color:#6b8094}.user-dialog-heading h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.team-dialog-form{padding:0 30px 28px}.dialog-section{padding:22px 0;border-bottom:1px solid #e9eff5}.dialog-section:last-of-type{border-bottom:0}.dialog-section h3{margin:0 0 14px;color:#163a5d;font-size:1rem}.dialog-grid{display:grid;gap:14px}.dialog-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.team-dialog-form select[multiple]{min-height:135px;padding:8px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px}.security-action-panel,.danger-zone{margin:0 30px 24px;padding:18px;border:1px solid #dce7f1;border-radius:16px;background:#f9fbfd}.security-action-buttons{display:flex;gap:9px;flex-wrap:wrap}.security-action-buttons form{margin:0}.danger-zone{border-color:#f0c3c3;background:#fff7f7}.danger-zone h3{color:#9d2626}.danger-button{border:0;border-radius:11px;background:#b42323;color:#fff;font-weight:900;padding:11px 16px;cursor:pointer}.delete-user-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.delete-user-form label{flex:1;min-width:220px}.workspace-dark .filter-state-block,.workspace-dark .team-record-toolbar,.workspace-dark .team-table th,.workspace-dark .team-dialog,.workspace-dark .dialog-close{background:#132b42;color:#dce9f4;border-color:#284963}.workspace-dark .team-table td{color:#cfe0ef;border-color:#24445f}.workspace-dark .team-table td strong,.workspace-dark .dialog-heading h2,.workspace-dark .dialog-section h3{color:#f0f7fc}.workspace-dark .team-table tbody tr:hover{background:#183750}.workspace-dark .dialog-heading{background:#102840;border-color:#294963}.workspace-dark .team-dialog-form input,.workspace-dark .team-dialog-form select{background:#10283d;color:#e9f3fb;border-color:#365673}.workspace-dark .security-action-panel{background:#10283d;border-color:#365673}.workspace-dark .danger-zone{background:#3b2025;border-color:#70434a}
@media(max-width:1100px){.team-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-record-toolbar{align-items:flex-start;flex-direction:column}.quick-actions{width:100%}}
@media(max-width:780px){.my-team-heading{align-items:flex-start}.filter-state-block{width:100%;justify-content:space-between}.team-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-grid.two,.dialog-grid.three{grid-template-columns:1fr}.team-dialog-form{padding-left:18px;padding-right:18px}.dialog-heading{padding-left:18px;padding-right:18px}.security-action-panel,.danger-zone{margin-left:18px;margin-right:18px}.quick-actions .compact-button{flex:1}.recovery-url-row{flex-direction:column}}
@media(max-width:520px){.team-filter-grid{grid-template-columns:1fr}.team-filter-submit .primary-button{width:100%}.quick-actions{display:grid;grid-template-columns:1fr 1fr}.quick-actions>span{grid-column:1/-1}.team-dialog{width:calc(100vw - 12px);border-radius:16px}.security-action-buttons{flex-direction:column}.security-action-buttons form,.security-action-buttons button{width:100%}}

/* ================================================================
   Phase 006B — CareMedox My Share Drive
   ================================================================ */
.drive-body { overflow: hidden; }
.drive-shell { min-height: 100vh; display: grid; grid-template-columns: 238px minmax(0,1fr); grid-template-rows: 64px minmax(0,1fr); background: #f4f7fb; }
.drive-topbar { grid-column: 1/-1; grid-template-columns: minmax(320px,auto) 1fr auto; }
.drive-topbar-spacer { min-width: 0; }
.drive-sidebar { grid-column:1; grid-row:2; min-height:0; overflow-y:auto; background:linear-gradient(180deg,#0a4384 0%,#07366d 58%,#052d5b 100%); padding:14px 10px 28px; border-right:1px solid rgba(255,255,255,.08); }
.drive-nav { display:grid; gap:4px; }
.drive-nav-link,.drive-nav-details>summary { display:flex; align-items:center; gap:9px; min-height:41px; padding:9px 11px; border-radius:10px; color:rgba(255,255,255,.84); text-decoration:none; font-size:.85rem; font-weight:650; cursor:pointer; list-style:none; }
.drive-nav-link:hover,.drive-nav-link.active,.drive-nav-details>summary:hover { color:#fff; background:rgba(255,255,255,.13); }
.drive-nav-details>summary::-webkit-details-marker{display:none}.drive-nav-details>summary::after{content:'›';margin-left:auto;transition:transform .18s}.drive-nav-details[open]>summary::after{transform:rotate(90deg)}
.drive-nav-sub { display:grid; gap:2px; padding:2px 4px 7px 16px; }
.drive-nav-sub a,.drive-nav-empty { padding:7px 9px; border-radius:8px; color:rgba(255,255,255,.72); text-decoration:none; font-size:.78rem; line-height:1.25; }
.drive-nav-sub a:hover { background:rgba(255,255,255,.1); color:#fff; }.drive-nav-empty{font-style:italic;opacity:.7}
.drive-main { grid-column:2; grid-row:2; min-width:0; min-height:0; overflow:auto; background:var(--cm-main-bg); }
.drive-content { max-width:1800px; margin:0 auto; padding:18px 22px 40px; }
.workspace-dark .drive-main { background:#131b27; color:#eaf0f7; }
.drive-pathbar { min-height:48px; display:flex; gap:14px; align-items:center; justify-content:space-between; padding:9px 12px; margin-bottom:12px; border:1px solid #d9e3ef; border-radius:12px; background:#fff; box-shadow:0 5px 20px rgba(21,49,83,.05); }
.drive-path { min-width:0; display:flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:.84rem; color:#61728a; }.drive-path a{color:#1c5d9d;text-decoration:none;font-weight:650}.drive-path a:hover{text-decoration:underline}.path-label{font-weight:800;color:#263a54}
.workspace-dark .drive-pathbar,.workspace-dark .drive-table-wrap,.workspace-dark .drive-dialog,.workspace-dark .file-phase-placeholder { background:#1b2736; border-color:#35475d; color:#e9f0f7; }
.workspace-dark .drive-path{color:#aab7c7}.workspace-dark .path-label{color:#e1e9f2}.workspace-dark .drive-path a{color:#8fc1f4}
.drive-toolbar { display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-bottom:10px; }
.drive-tool,.drive-tool-menu>summary { border:1px solid #cbd8e6; background:#fff; color:#263b55; border-radius:9px; min-height:36px; padding:7px 11px; font-size:.79rem; font-weight:700; cursor:pointer; list-style:none; }
.drive-tool:hover,.drive-tool-menu>summary:hover { background:#edf5fd; border-color:#9db9d7; }.danger-tool{color:#9b3131}.drive-tool-menu{position:relative}.drive-tool-menu>summary::-webkit-details-marker{display:none}.drive-tool-menu>div{position:absolute;z-index:70;top:calc(100% + 6px);left:0;min-width:190px;padding:7px;background:#fff;border:1px solid #d5e0ec;border-radius:11px;box-shadow:0 16px 35px rgba(20,45,75,.18);display:grid;gap:3px}.drive-tool-menu button{border:0;background:transparent;text-align:left;padding:8px 9px;border-radius:7px;color:#27384f;cursor:pointer}.drive-tool-menu button:hover{background:#eef5fc}.workspace-dark .drive-tool,.workspace-dark .drive-tool-menu>summary{background:#1a2635;color:#dfeaf6;border-color:#41536a}.workspace-dark .drive-tool-menu>div{background:#1c2939;border-color:#43566c}.workspace-dark .drive-tool-menu button{color:#dce7f3}.workspace-dark .drive-tool-menu button:hover{background:#26384c}
.drive-search { margin-left:auto; display:flex; min-width:min(360px,100%); gap:6px; }.drive-search input{flex:1;min-width:150px;border:1px solid #cbd8e6;border-radius:9px;padding:8px 10px;background:#fff;color:#17243a}.drive-search button{border:1px solid #0b4f98;background:#0b4f98;color:#fff;border-radius:9px;padding:7px 11px;font-weight:700}.workspace-dark .drive-search input{background:#101925;color:#eef4fb;border-color:#40516a}
.drive-folder-name,.drive-page-head { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:12px 2px 14px; }.drive-folder-name span:first-child{font-size:.69rem;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#73849a}.drive-folder-name h1,.drive-page-head h1{margin:2px 0 0;font-size:1.55rem;letter-spacing:-.025em}.drive-page-head{align-items:flex-end}.drive-page-head p{margin:0}.authority-head{align-items:center}
.status-badge { display:inline-flex; align-items:center; min-height:25px; padding:4px 8px; border-radius:999px; font-size:.7rem; font-weight:800; white-space:nowrap; }.status-pending{background:#fff3d8;color:#8a5a00}.status-in_process{background:#e7f2ff;color:#205d9b}.status-queried{background:#ffe6e6;color:#9a3030}.status-verification_pending{background:#f1e8ff;color:#6e3ba3}.status-done{background:#e5f7ea;color:#287243}
.drive-table-wrap { overflow:auto; border:1px solid #d6e1ed; border-radius:14px; background:#fff; box-shadow:0 8px 30px rgba(18,48,82,.06); }.drive-table{width:100%;border-collapse:collapse;font-size:.8rem;min-width:850px}.drive-table th{position:sticky;top:0;z-index:2;background:#f3f7fb;color:#53657b;font-size:.69rem;text-transform:uppercase;letter-spacing:.045em;text-align:left;padding:10px 11px;border-bottom:1px solid #dce5ef;white-space:nowrap}.drive-table td{padding:10px 11px;border-bottom:1px solid #edf1f5;color:#31435a;vertical-align:middle}.drive-table tbody tr:hover{background:#f8fbff}.drive-table tbody tr.selected{background:#eaf4ff}.drive-table tr:last-child td{border-bottom:0}.drive-name{display:flex;align-items:center;gap:8px;color:#1d527f;text-decoration:none;font-weight:750;min-width:180px}.drive-file-icon{font-size:1.05rem}.select-col{width:38px}.drive-empty{text-align:center!important;padding:34px!important;color:#7c899a!important}.workspace-dark .drive-table th{background:#202e40;color:#aab8c9;border-color:#35475b}.workspace-dark .drive-table td{color:#d9e5f1;border-color:#2f4054}.workspace-dark .drive-table tbody tr:hover{background:#1f2d3e}.workspace-dark .drive-table tbody tr.selected{background:#243b55}.workspace-dark .drive-name{color:#98c7f3}
.drive-dialog { width:min(540px,calc(100vw - 32px)); border:1px solid #d3deea; border-radius:16px; padding:0; color:#17243a; box-shadow:0 24px 70px rgba(13,37,67,.28); }.drive-dialog::backdrop{background:rgba(8,23,42,.52);backdrop-filter:blur(3px)}.drive-dialog form{padding:22px;display:grid;gap:16px}.drive-dialog h2{margin:0;font-size:1.25rem}.drive-dialog textarea{min-height:100px;border:1px solid #cbd7e4;border-radius:10px;padding:9px 11px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.dialog-actions>button:not(.primary-button):not(.danger-button){border:1px solid #cbd7e4;background:#fff;border-radius:9px;padding:8px 13px;cursor:pointer}.wide-dialog{width:min(780px,calc(100vw - 32px))}.workspace-dark .drive-dialog textarea{background:#101925;color:#eef4fb;border-color:#40516a}.workspace-dark .dialog-actions>button:not(.primary-button):not(.danger-button){background:#172334;color:#dfe8f3;border-color:#40516a}
.danger-button{border:1px solid #a73838;background:#a73838;color:#fff;border-radius:10px;min-height:40px;padding:8px 13px;font-weight:750;cursor:pointer}.danger-button:hover{background:#8f2929}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.inline-form{display:inline}.review-due{display:inline-block;margin-left:6px;color:#9b3131;font-weight:800;font-size:.7rem}.check-line{display:flex;gap:8px;align-items:center;font-size:.84rem}.drive-context-menu{position:fixed;z-index:500;min-width:160px;padding:6px;background:#fff;border:1px solid #d5e0ec;border-radius:10px;box-shadow:0 18px 45px rgba(14,38,67,.24)}.drive-context-menu button{width:100%;border:0;background:transparent;text-align:left;padding:8px;border-radius:7px;cursor:pointer}.drive-context-menu button:hover{background:#eef5fc}
.drive-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.drive-folder-card,.drive-empty-card{min-height:130px;padding:18px;border:1px solid #d7e2ee;border-radius:15px;background:#fff;text-decoration:none;color:#29415f;display:flex;flex-direction:column;gap:6px;justify-content:center}.drive-folder-card>span{font-size:1.7rem}.drive-folder-card strong{font-size:.95rem}.drive-folder-card small{color:#79889b}.drive-folder-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(20,48,82,.08)}
.drive-filterbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:0 0 13px}.drive-filterbar label{display:grid;gap:5px;font-size:.72rem;font-weight:750;color:#51647c}.drive-filterbar select,.drive-filterbar input{min-height:38px;border:1px solid #cbd7e4;border-radius:9px;background:#fff;padding:7px 9px;color:#17243a}.drive-export-row{display:flex;justify-content:flex-end;margin:0 0 10px}.audit-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.audit-search{margin-left:0}.authority-filter{margin-bottom:14px}.authority-table-wrap{max-height:65vh}.authority-table td:not(:first-child),.authority-table th:not(:first-child){text-align:center}.tree-name{padding-left:calc(var(--depth) * 20px);display:flex;align-items:center;gap:6px;white-space:nowrap}.authority-apply{display:flex;justify-content:flex-end;padding-top:12px}.tab-authority-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tab-authority-grid label{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #dce5ef;border-radius:10px}.technical-detail{background:#fff9df;border-radius:7px;padding:6px}
.file-phase-placeholder{min-height:260px;border:1px solid #d6e1ed;border-radius:18px;background:#fff;padding:34px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.file-placeholder-icon{font-size:3rem}.file-phase-placeholder h1{margin:0}.file-phase-placeholder p{max-width:720px}.file-meta-strip{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:12px;font-size:.75rem;color:#6d7c90}.file-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.drive-details-list{margin:0;display:grid;gap:8px}.drive-details-list>div{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:7px 0;border-bottom:1px solid #edf1f5}.drive-details-list dt{font-size:.73rem;color:#74839a;font-weight:800}.drive-details-list dd{margin:0;overflow-wrap:anywhere;font-size:.82rem;color:#2c3f57}.version-list{display:grid;gap:8px}.version-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #e0e7ef;padding:10px;border-radius:10px}.version-row div{display:grid;gap:3px}.version-row small{color:#7a899b}
@media(max-width:900px){.drive-shell{grid-template-columns:1fr}.drive-sidebar{position:fixed;left:0;top:64px;bottom:0;width:270px;z-index:150;transform:translateX(-105%);transition:transform .2s}.drive-sidebar.open{transform:translateX(0)}.drive-main{grid-column:1}.drive-topbar{grid-template-columns:1fr auto}.drive-topbar-spacer{display:none}.drive-topbar .menu-button{display:grid}.drive-content{padding:14px}.file-detail-grid{grid-template-columns:1fr}.audit-tools{align-items:stretch;flex-direction:column}.drive-search{margin-left:0;width:100%}}
@media(max-width:620px){.drive-toolbar{align-items:stretch}.drive-tool,.drive-tool-menu>summary{flex:1}.drive-search{order:10}.drive-pathbar{align-items:flex-start;flex-direction:column}.drive-table{min-width:760px}.tab-authority-grid{grid-template-columns:1fr}.drive-details-list>div{grid-template-columns:1fr;gap:3px}}
.drive-folder-card-wrap{position:relative}.drive-folder-card-wrap .drive-folder-card{height:100%}.breakglass-button{position:absolute;right:10px;bottom:10px;border:1px solid #d2a0a0;background:#fff7f7;color:#8e2d2d;border-radius:8px;padding:6px 9px;font-size:.7rem;font-weight:800;cursor:pointer}.breakglass-button:hover{background:#ffeaea}.workspace-dark .breakglass-button{background:#3a2024;color:#ffc7c7;border-color:#704047}
.quick-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px}.quick-link-row a{min-width:0;overflow:hidden;text-overflow:ellipsis}.quick-link-row form{margin:0}.quick-link-row button{border:0;background:transparent;color:rgba(255,255,255,.62);font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:6px}.quick-link-row button:hover{background:rgba(255,255,255,.12);color:#fff}

/* Phase 006B record detail helpers */
.drive-inline-details{min-width:130px}.drive-inline-details>summary{cursor:pointer;font-weight:700;color:var(--cm-navy,#123f73)}.manifest-list{display:grid;gap:.45rem;min-width:280px;max-width:520px;padding:.65rem 0}.manifest-list>div{display:grid;gap:.1rem;border-bottom:1px solid rgba(15,49,88,.1);padding:.35rem 0}.manifest-list small{color:var(--muted,#687a90);overflow-wrap:anywhere}.compact-details{margin:.55rem 0;min-width:320px}.disabled-option{opacity:.55}.authority-table input:indeterminate{accent-color:#718096}

/* =========================================================
   Phase 006C - Secure Documentation (orange protected UI)
   ========================================================= */
.secure-doc-body{overflow:hidden;background:#f8f5f1}.secure-doc-shell{min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);background:#f8f5f1}.secure-doc-topbar{grid-column:1/-1;border-bottom:2px solid #e58629}.secure-doc-topbar-spacer{flex:1}.secure-doc-sidebar{grid-column:1;grid-row:2;min-height:0;overflow:auto;padding:15px 10px 28px;background:linear-gradient(180deg,#8b3f0f 0%,#a44b0e 45%,#71300d 100%);border-right:1px solid #74310d}.secure-doc-nav{display:grid;gap:5px}.secure-doc-nav>a{color:#fff1e4;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:.85rem;font-weight:750}.secure-doc-nav>a:hover{background:rgba(255,255,255,.12);color:#fff}.secure-doc-nav-note{margin-top:14px;padding:13px;border:1px solid rgba(255,255,255,.18);border-radius:12px;color:#fff0e1;background:rgba(255,255,255,.07);display:grid;gap:5px}.secure-doc-nav-note strong{font-size:.78rem}.secure-doc-nav-note span{font-size:.69rem;line-height:1.45;opacity:.83}.secure-doc-main{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;background:linear-gradient(180deg,#fbf8f5,#f5f7fa)}.secure-doc-content{max-width:1900px;margin:0 auto;padding:20px 24px 42px}.secure-doc-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px 22px;margin-bottom:14px;border:1px solid #ead9ca;border-radius:16px;background:linear-gradient(135deg,#fff,#fff7ef);box-shadow:0 9px 30px rgba(115,58,20,.07)}.secure-doc-kicker{color:#b45b13;text-transform:uppercase;letter-spacing:.09em;font-size:.68rem;font-weight:850}.secure-doc-hero h1{margin:5px 0 6px;font-size:1.7rem}.secure-doc-hero p{margin:0;color:#6f6258;max-width:760px}.secure-doc-health{display:flex;gap:9px;align-items:center;min-width:190px;padding:10px 13px;border-radius:12px;background:#fff;border:1px solid #eee0d4}.secure-doc-health-dot{width:10px;height:10px;border-radius:50%;background:#38a169;box-shadow:0 0 0 4px #e5f5eb}.secure-doc-health div{display:grid}.secure-doc-health small{color:#7d7066;font-size:.7rem}.secure-doc-search{display:flex;gap:8px;margin-bottom:13px}.secure-doc-search input{flex:1;min-width:180px;border:1px solid #dccab9;border-radius:10px;padding:10px 12px}.secure-doc-search button,.secure-doc-search a{border:1px solid #b45b13;background:#b45b13;color:#fff;text-decoration:none;border-radius:10px;padding:9px 14px;font-weight:750}.secure-doc-search a{background:#fff;color:#9a4b11}.secure-doc-table-wrap{overflow:auto;border:1px solid #e5d9cf;border-radius:15px;background:#fff}.secure-doc-table{width:100%;border-collapse:collapse;min-width:820px;font-size:.81rem}.secure-doc-table th{background:#fff7ef;color:#765d4b;text-align:left;padding:10px 12px;border-bottom:1px solid #eadfd5;text-transform:uppercase;font-size:.68rem;letter-spacing:.04em}.secure-doc-table td{padding:11px 12px;border-bottom:1px solid #f1eae4}.secure-doc-file{display:flex;gap:8px;align-items:center;color:#8b440f;text-decoration:none;font-weight:750}.secure-doc-open,.secure-doc-primary,.secure-doc-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:8px 12px;font-weight:750;font-size:.78rem}.secure-doc-open,.secure-doc-primary{background:#b45b13;color:#fff;border:1px solid #b45b13}.secure-doc-secondary{background:#fff;color:#8e4a17;border:1px solid #d9bda7}.secure-doc-filebar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:12px;padding:10px 2px}.secure-doc-filebar h1{margin:3px 0;font-size:1.35rem}.secure-doc-filebar p{margin:0;color:#7a6c61;font-size:.78rem}.secure-doc-filebar>a,.secure-doc-filebar div>a{color:#99501b}.secure-doc-file-actions{display:flex;gap:8px;flex-wrap:wrap}.secure-doc-workbench{display:grid;grid-template-columns:78px minmax(0,1fr) 235px;min-height:calc(100vh - 170px);border:1px solid #decfc3;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 12px 38px rgba(86,50,24,.08)}.secure-doc-tools{padding:10px 8px;background:#2b3036;display:flex;flex-direction:column;gap:6px}.secure-doc-tools button{border:1px solid #545d66;background:#383f46;color:#f5f5f5;border-radius:8px;padding:8px 5px;font-size:.69rem;cursor:pointer}.secure-doc-tools button:hover{background:#4b555e}.secure-doc-tools .tool-save{background:#b45b13;border-color:#c56b22}.secure-doc-tools hr{width:100%;border:0;border-top:1px solid #4a525a}.secure-doc-stage-wrap{position:relative;display:grid;grid-template-rows:minmax(0,1fr) 30px;min-width:0;background:#e5e7ea}.secure-doc-stage{position:relative;min-height:560px;overflow:auto;display:flex;align-items:center;justify-content:center;padding:18px}.secure-doc-media-surface{position:relative;display:inline-block;max-width:95%;max-height:calc(100vh - 240px);line-height:0;transform-origin:center center;transition:transform .15s}.secure-doc-image{display:block;max-width:100%;max-height:calc(100vh - 240px);box-shadow:0 4px 24px rgba(0,0,0,.22)}.secure-doc-pdf{width:100%;height:calc(100vh - 205px);min-height:600px;border:0;background:#fff;transition:transform .15s}.secure-doc-annotation-layer{position:absolute;inset:0;pointer-events:none;line-height:normal}.cm-annotation{position:absolute;box-sizing:border-box;pointer-events:auto;display:flex;align-items:center;justify-content:center;cursor:move;font-size:14px;overflow:hidden}.cm-annotation-text{background:rgba(255,255,255,.92);border:1px solid #e19143;color:#6e390f;padding:4px}.cm-annotation-stamp{border:3px solid #c2412d;color:#c2412d;background:rgba(255,255,255,.72);font-weight:900;letter-spacing:.06em}.cm-annotation-rectangle{border:3px solid #e15d2a;background:transparent}.cm-annotation-highlight{background:rgba(255,220,46,.35);border:1px solid rgba(190,150,0,.35)}.cm-annotation-arrow{font-size:42px;color:#d14b20;font-weight:900}.secure-doc-status{padding:6px 10px;background:#30363d;color:#dce3ea;font-size:.7rem}.secure-doc-status.is-error{background:#7e2d24;color:#fff}.secure-doc-inspector{padding:17px 15px;background:#fff9f3;border-left:1px solid #ead8c8;overflow:auto}.secure-doc-inspector h2{margin:0 0 12px;font-size:1rem}.secure-doc-inspector dl{display:grid;gap:8px}.secure-doc-inspector dl div{display:grid;gap:2px;padding-bottom:8px;border-bottom:1px solid #eee0d5}.secure-doc-inspector dt{font-size:.64rem;text-transform:uppercase;color:#8c7666;font-weight:800}.secure-doc-inspector dd{margin:0;font-size:.78rem;color:#443b35}.secure-doc-note{margin-top:18px;padding:11px;border-radius:10px;background:#fff;border:1px solid #ecd8c7}.secure-doc-note strong{font-size:.75rem;color:#9b4d14}.secure-doc-note p{font-size:.7rem;line-height:1.45;color:#75665b;margin:5px 0 0}.secure-doc-empty-preview{text-align:center;padding:38px;color:#6c625a;background:#fff;border:1px dashed #d9c6b5;border-radius:14px;max-width:620px}.secure-doc-empty-preview span{display:block;font-weight:850;font-size:1.05rem;margin-bottom:6px}.secure-office-head{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:8px;border:1px solid #ead8c7;border-radius:10px;background:#fff8f2;font-size:.76rem}.secure-office-head a{color:#8f4813;text-decoration:none;font-weight:800}.caremedox-office-editor{height:calc(100vh - 150px);min-height:650px;border:1px solid #d7c6b8;border-radius:12px;overflow:hidden;background:#fff}.doc-picker-body{margin:0;background:#faf7f4;font-family:Arial,sans-serif;color:#2f2925}.doc-picker{max-width:980px;margin:0 auto;padding:18px}.doc-picker header{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:12px;padding:15px;border:1px solid #e4d4c6;border-radius:13px;background:#fff}.doc-picker header>div{display:grid;gap:3px}.doc-picker header small{color:#7a6d63}.doc-picker header form{display:flex;gap:6px}.doc-picker input{border:1px solid #d8c4b2;border-radius:8px;padding:8px 9px}.doc-picker button{cursor:pointer}.doc-picker-list{display:grid;gap:7px}.doc-picker-item{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border:1px solid #eaded4;background:#fff;border-radius:10px;padding:11px}.doc-picker-item:hover{border-color:#d89153;background:#fff8f1}.doc-picker-item>span:last-child{display:grid;gap:2px}.doc-picker-item small{color:#82746a}
.workspace-dark .secure-doc-main{background:#161c23;color:#edf1f5}.workspace-dark .secure-doc-hero,.workspace-dark .secure-doc-table-wrap,.workspace-dark .secure-doc-inspector,.workspace-dark .secure-doc-health{background:#222a33;border-color:#39444f;color:#ecf1f5}.workspace-dark .secure-doc-table th{background:#2d3238;color:#d7c7ba}.workspace-dark .secure-doc-table td{border-color:#343d46}.workspace-dark .secure-doc-inspector dd,.workspace-dark .secure-doc-hero p,.workspace-dark .secure-doc-filebar p{color:#bfc8d0}.workspace-dark .secure-doc-note{background:#2b333b;border-color:#434c55}
@media(max-width:980px){.secure-doc-shell{grid-template-columns:1fr}.secure-doc-sidebar{position:fixed;z-index:300;left:0;top:64px;bottom:0;width:240px;transform:translateX(-105%);transition:.2s}.sidebar-open .secure-doc-sidebar{transform:translateX(0)}.secure-doc-main{grid-column:1}.secure-doc-workbench{grid-template-columns:62px minmax(0,1fr)}.secure-doc-inspector{display:none}.secure-doc-content{padding:14px}.secure-doc-hero{align-items:flex-start;flex-direction:column}.secure-doc-filebar{align-items:flex-start;flex-direction:column}.secure-doc-pdf{height:70vh;min-height:480px}}
.file-launch-actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-top:13px}