.familiar-shell{min-height:100vh}.familiar-sidebar{width:232px;position:fixed;inset:0 auto 0 0;background:#102e42;color:#d9e6ed;overflow-y:auto;padding:0 12px;z-index:45}.familiar-sidebar nav a{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:4px;padding:10px 12px;border-radius:5px;font-size:14px;text-decoration:none;color:inherit}.familiar-sidebar nav a:hover{background:#244b5d}.familiar-sidebar nav a[aria-current=page]{background:#254f60;color:#b8f6e5;border-left:3px solid #8adfc9}.familiar-sidebar .brand{padding:24px 4px}.familiar-sidebar .brand img{object-fit:contain;background:white;border-radius:5px}.familiar-sidebar .sidebar-foot{display:block}.familiar-workspace{margin-left:232px;min-width:0}.familiar-content{padding:28px 34px;max-width:1600px;margin:auto}.familiar-content>.main-content{padding:0;max-width:none}.environment-banner{background:#e9f2f6;border:1px solid #c7dce5;border-radius:7px;padding:14px 18px;margin-bottom:24px;font-size:13px;line-height:1.6}.environment-banner strong{letter-spacing:.7px}.environment-banner.is-training{background:#fff4da;border-color:#e1bd68;color:#79531c}.environment-banner p{margin:4px 0 0}.familiar-shell .topbar{min-height:66px;height:auto;padding:14px 34px;flex-wrap:wrap}.familiar-shell .top-actions{display:flex;gap:20px;flex-wrap:wrap;font-size:13px}.familiar-shell a{text-underline-offset:3px}.mobile-menu{display:none}.training-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.training-card,.review-panel{display:block;background:white;border:1px solid #d7e2e7;border-radius:8px;padding:24px;text-decoration:none}.training-card p,.review-panel p{margin:12px 0;line-height:1.6;color:#526b79}.training-card span{color:#0c665f;font-weight:600}.training-card:hover{border-color:#0c665f}.pagination,.layout-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:18px 0}.pagination button,.review-refresh{background:white;border:1px solid #b6cbd5;border-radius:5px;padding:10px 15px}.pagination button:disabled{opacity:.5}.count-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:24px}.count-grid dd{font-size:26px;font-weight:600}.layout-scroll{overflow:auto;max-width:100%;border:1px solid #c7dce5;background:#e8f2f6;padding:16px}.layout-map{position:relative;overflow:hidden;flex-shrink:0}.layout-map>img{width:100%;height:auto;max-width:none}.layout-position{position:absolute;transform:translate(-50%,-50%);background:#dbe9ef;border:1px solid #304f61;border-radius:50%;padding:0}.layout-position.selected{background:#f4b94c;outline:3px solid #112e42;z-index:2}.skip-link{position:fixed;top:-100px;left:250px;z-index:100;background:white;padding:12px}.skip-link:focus{top:0}.nav-backdrop{display:none}.familiar-content .page-heading{gap:16px;flex-wrap:wrap}.familiar-content .table-wrap{max-width:100%}.familiar-content td{overflow-wrap:anywhere}.familiar-content .source-note{line-height:1.6}.familiar-shell .sidebar-note{margin-top:24px}
@media(max-width:767px){.familiar-sidebar{transform:translateX(-100%);transition:transform .15s}.familiar-sidebar.is-open{transform:none}.familiar-workspace{margin-left:0}.familiar-content{padding:20px 16px}.familiar-shell .topbar{padding:12px 16px}.mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:white;border:1px solid #d7e2e7;border-radius:5px}.nav-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:40}.familiar-shell .top-actions{gap:16px}.familiar-shell h1{font-size:27px}.skip-link{left:16px}.training-grid{grid-template-columns:1fr}}

.action-notice{display:block;padding:10px 12px;margin:8px 0;background:#e8f5ef;border:1px solid #a4cdb9;border-radius:5px;color:#175b40;font-size:14px;line-height:1.5;max-width:560px}.action-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;max-width:500px}.action-group [role=alert]{color:#942d2d}.action-group span{font-size:14px;line-height:1.5}@media(max-width:767px){.action-group{flex-direction:column;align-items:stretch}.action-group span{order:-1}}

/* Sidebar control remains beside the breadcrumb at every screen size. */
.familiar-shell .topbar{position:sticky;top:0;z-index:60}.sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:white;border:1px solid #d7e2e7;border-radius:5px;flex-shrink:0}.familiar-sidebar[hidden]{display:none}.sidebar-closed .familiar-workspace{margin-left:0}.sidebar-closed .skip-link{left:16px}@media(max-width:767px){.familiar-sidebar{top:var(--marina-topbar-height,110px)}.nav-backdrop{top:var(--marina-topbar-height,110px)}}

/* Utilities reload feedback */
#utilities-reload-status:not(:empty){display:block;padding:10px 12px;border:1px solid #a3c957;border-radius:6px;background:#ecfccb;color:#365314;line-height:1.5;font-size:14px;max-width:560px}
#utilities-reload-status[role="alert"]:not(:empty){background:#fff0f0;border-color:#d89a9a;color:#8b2424}

.permission-feedback[role="status"]{padding:10px 12px;border:1px solid #a3c957;border-radius:6px;background:#ecfccb;color:#365314}.permission-feedback[role="alert"]{padding:10px 12px;border:1px solid #d89a9a;background:#fff0f0;color:#8b2424}.permission-detail{margin-top:20px}.migration-checks{list-style:decimal;padding-left:24px;line-height:1.8}