:root {
--app-bg: #f3f4f8;
--app-surface: #ffffff;
--app-surface-soft: #f8fafc;
--app-surface-muted: #eef2f7;
--app-text: #0f172a;
--app-text-soft: #475467;
--app-text-muted: #667085;
--app-border: #e4e7ec;
--app-border-strong: #d0d5dd;
--app-border-soft: #eef2f7;
--app-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
--app-shadow-soft: 0 8px 24px rgba(15, 23, 42, 0.05);
--app-accent: #c1121f;
--app-accent-dark: #8f1018;
--app-accent-soft: #fff1f2;
--app-success: #15803d;
--app-warning: #b45309;
--app-danger: #b91c1c;
--app-info: #1d4ed8;
--app-white: #ffffff;
--app-success-soft: #f0fdf4;
--app-warning-soft: #fff7ed;
--app-danger-soft: #fff1f2;
--app-info-soft: #eff6ff;
--app-hero-start: #111827;
--app-hero-mid: #53111a;
--app-hero-end: #d71920;
--app-radius: 8px;
--app-radius-lg: 10px;
--app-shell-padding-x: clamp(14px, 1.8vw, 24px);
--app-shell-padding-y: 18px;
--app-content-max: 1680px;
--app-topnav-height: 68px;
--app-input-height: 42px;
--app-type-xs: 12px;
--app-type-sm: 13px;
--app-type-body: 14px;
--app-type-title: 17px;
--app-type-page: 26px;
}

body.app-theme[data-app-theme="graphite"] {
--app-bg: #f2f6f5;
--app-surface: #ffffff;
--app-surface-soft: #f0fdfa;
--app-surface-muted: #e7f4f1;
--app-text: #102a2a;
--app-text-soft: #3f5f5c;
--app-text-muted: #58736f;
--app-border: #d7e5e2;
--app-border-strong: #b9cfca;
--app-border-soft: #e2eeeb;
--app-shadow: 0 16px 40px rgba(15, 75, 70, 0.12);
--app-shadow-soft: 0 8px 24px rgba(15, 75, 70, 0.07);
--app-accent: #0f766e;
--app-accent-dark: #115e59;
--app-accent-soft: #ecfdf5;
--app-success: #15803d;
--app-warning: #b45309;
--app-danger: #be123c;
--app-info: #0369a1;
--app-success-soft: #ecfdf5;
--app-warning-soft: #fff7ed;
--app-danger-soft: #fff1f2;
--app-info-soft: #ecfeff;
--app-hero-start: #102a2a;
--app-hero-mid: #0f766e;
--app-hero-end: #0ea5a4;
}

body.app-theme[data-app-theme="isg-pro"] {
--app-bg: #f4f7fa;
--app-surface: #ffffff;
--app-surface-soft: #f8fafc;
--app-surface-muted: #edf2f6;
--app-text: #12212f;
--app-text-soft: #405365;
--app-text-muted: #647687;
--app-border: #d9e2e9;
--app-border-strong: #c3d0da;
--app-border-soft: #e8eef3;
--app-shadow: 0 16px 38px rgba(18, 33, 47, .08);
--app-shadow-soft: 0 6px 18px rgba(18, 33, 47, .055);
--app-accent: #d51f2b;
--app-accent-dark: #aa1721;
--app-accent-soft: #fff0f1;
--app-success: #16823b;
--app-warning: #d97706;
--app-danger: #c81e2a;
--app-info: #1769c2;
--app-success-soft: #edf9f0;
--app-warning-soft: #fff7e8;
--app-danger-soft: #fff0f1;
--app-info-soft: #edf5ff;
--app-hero-start: #102332;
--app-hero-mid: #334b5c;
--app-hero-end: #d51f2b;
--app-radius: 6px;
--app-radius-lg: 8px;
--app-topnav-height: 68px;
}

html {
font-size: 16px;
}

body.app-theme {
background: var(--app-bg);
color: var(--app-text);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

body.app-theme,
body.app-theme * {
box-sizing: border-box;
}

body.app-theme a {
transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, opacity .2s ease;
}

body.app-theme img,
body.app-theme video,
body.app-theme canvas,
body.app-theme svg {
max-width: 100%;
height: auto;
}

body.app-theme .container.body {
min-height: 100vh;
margin: 0 !important;
margin-top: -15px !important;
padding: 0 !important;
display: flow-root;
}

body.app-theme .main_container {
min-height: 100vh;
margin: 0 !important;
padding: 0 !important;
position: relative;
display: flow-root;
}

/* Legacy Gentelella flow offsets must not create a band above the app shell. */
body.app-theme .container.body .left_col {
top: 0 !important;
}

/* Legacy black/red theme, consolidated here so pages share one theme source. */
body.app-theme .left_col,
body.app-theme .nav_title {
background: #111111 !important;
}

body.app-theme .nav_title {
border-bottom: 1px solid #2a2a2a;
}

body.app-theme .site_title {
color: #ffffff !important;
font-weight: 700;
}

body.app-theme .site_title i {
color: var(--app-accent) !important;
}

body.app-theme .nav.side-menu > li > a {
color: #e5e5e5 !important;
}

body.app-theme .nav.side-menu > li > a:hover,
body.app-theme .nav.side-menu > li.active > a {
background: #1b1b1b !important;
color: #ffffff !important;
border-right: 4px solid var(--app-accent);
}

body.app-theme .nav.child_menu > li > a {
color: #d0d0d0 !important;
}

body.app-theme .nav.child_menu > li > a:hover {
color: #ffffff !important;
}

body.app-theme .top_nav .nav_menu {
background: var(--app-white);
border-bottom: 2px solid var(--app-accent);
}

body.app-theme footer {
background: var(--app-white);
border-top: 1px solid var(--app-border);
}

body.app-theme a {
color: #b10f1b;
}

body.app-theme a:hover {
color: #7f0c14;
}

body.app-theme .status-open {
background: var(--app-accent) !important;
color: #fff !important;
}

body.app-theme .status-in_progress {
background: #f0ad4e !important;
color: #fff !important;
}

body.app-theme .status-waiting_verification {
background: #5bc0de !important;
color: #fff !important;
}

body.app-theme .status-rejected {
background: #777 !important;
color: #fff !important;
}

body.app-theme .status-closed {
background: #5cb85c !important;
color: #fff !important;
}

body.app-theme .risk-low {
background: #d4edda !important;
color: #155724 !important;
}

body.app-theme .risk-medium {
background: #fff3cd !important;
color: #856404 !important;
}

body.app-theme .risk-high {
background: #f8d7da !important;
color: #721c24 !important;
}

body.app-theme .risk-very-high {
background: #b30000 !important;
color: #fff !important;
}

body.app-theme .well {
background: #fafafa;
border: 1px solid #ececec;
}

body.app-theme .thumbnail .caption {
min-height: 90px;
}

body.app-theme .tile_count .tile_stats_count {
padding: 18px 16px;
min-height: 120px;
}

body.app-theme .tile_count .tile_stats_count:before {
background: var(--app-accent) !important;
width: 3px;
}

body.app-theme .tile_count .tile_stats_count .count_top {
color: var(--app-text-muted);
font-size: 14px;
}

body.app-theme .tile_count .tile_stats_count .count {
color: var(--app-text);
font-size: 34px;
font-weight: 700;
line-height: 1.2;
}

/* Mobile sidebar: keep the full navigation available in a readable drawer. */
.app-mobile-sidebar-backdrop {
display: none;
}

@media (max-width: 767px) {
body.app-theme.sidebar-mobile-open {
overflow: hidden;
}

body.app-theme.sidebar-mobile-open .app-mobile-sidebar-backdrop {
display: block;
position: fixed;
inset: 0;
z-index: 1990;
border: 0;
background: rgba(15, 23, 42, .48);
}

body.app-theme.sidebar-mobile-open.nav-md .container.body .col-md-3.left_col,
body.app-theme.sidebar-mobile-open.nav-sm .container.body .col-md-3.left_col {
display: block !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: min(292px, calc(100vw - 48px)) !important;
height: 100dvh !important;
min-height: 100dvh !important;
overflow-y: auto !important;
z-index: 2000 !important;
}

body.app-theme.sidebar-mobile-open .left_col .scroll-view {
width: 100% !important;
min-height: 100dvh;
overflow: visible !important;
}

body.app-theme.sidebar-mobile-open .nav_title,
body.app-theme.sidebar-mobile-open .sidebar-nav-title {
width: 100% !important;
}

body.app-theme.sidebar-mobile-open .site_title span,
body.app-theme.sidebar-mobile-open .sidebar-tenant-box,
body.app-theme.sidebar-mobile-open .menu_section h3,
body.app-theme.sidebar-mobile-open .nav.side-menu li a span {
display: inline !important;
}

body.app-theme.sidebar-mobile-open .nav.side-menu > li > a {
display: flex !important;
align-items: center;
gap: 10px;
}

body.app-theme.sidebar-mobile-open .nav.side-menu > li > a > i {
width: 20px;
text-align: center;
}

body.app-theme.sidebar-mobile-open .nav.child_menu {
position: static !important;
width: auto !important;
box-shadow: none !important;
}
}

body.app-theme .top_nav {
margin-bottom: 0 !important;
min-height: var(--app-topnav-height);
}

body.app-theme .top_nav .nav_menu {
position: sticky;
top: 0;
z-index: 1040;
min-height: var(--app-topnav-height);
float: none !important;
}

body.app-theme.nav-md .container.body .right_col,
body.app-theme.nav-sm .container.body .right_col {
padding: 0 var(--app-shell-padding-x) 0 !important;
margin-top: -10px !important;
min-height: calc(100vh - var(--app-topnav-height));
}

body.app-theme .container.body .right_col {
background: var(--app-bg);
}

body.app-theme .right_col[role="main"] {
width: auto;
min-width: 0;
}

body.app-theme .right_col[role="main"] > * {
max-width: 100%;
}

body.app-theme .right_col[role="main"] > [class*="-shell"] {
margin-top: 0 !important;
}

body.app-theme .right_col[role="main"] > [class*="-shell"] > [class*="-hero"] {
margin-top: 0 !important;
}

/* Hero placement standard: the hero is the first visible page block below the top navigation. */
body.app-theme .top_nav {
position: relative;
z-index: 1100;
}

body.app-theme .right_col[role="main"] > [class*="-shell"] {
position: relative;
z-index: 1;
margin-top: 0 !important;
padding-top: 0 !important;
}

body.app-theme .right_col[role="main"] > [class*="-shell"] > [class*="-hero"] {
position: relative;
z-index: 1;
margin-top: 0 !important;
}

body.app-theme .right_col[role="main"] > [class*="-shell"] > [class*="-toast-stack"] {
position: fixed;
top: calc(var(--app-topnav-height) + 6px);
right: 18px;
z-index: 10040;
pointer-events: none;
}

@media (max-width: 767px) {
body.app-theme .right_col[role="main"] > [class*="-shell"] > [class*="-toast-stack"] {
left: 14px;
right: 14px;
}
}

body.app-theme .page-title {
min-height: auto !important;
padding: 0 !important;
margin-bottom: 18px;
}

body.app-theme .page-title .title_left,
body.app-theme .page-title .title_right {
margin-bottom: 0;
}

body.app-theme .page-title h3 {
margin: 0;
color: var(--app-text);
font-size: 1.25rem;
font-weight: 800;
}

body.app-theme .x_panel,
body.app-theme .card-panel,
body.app-theme .tile_count .tile_stats_count,
body.app-theme .app-card,
body.app-theme .app-panel {
background: var(--app-surface);
border: 1px solid var(--app-border);
border-radius: var(--app-radius-lg);
box-shadow: var(--app-shadow-soft);
}

body.app-theme .x_panel {
overflow: hidden;
}

body.app-theme .x_title {
border-bottom: 1px solid #edf2f7;
}

body.app-theme .x_title h2 {
color: var(--app-text);
font-weight: 800;
}

body.app-theme .form-control,
body.app-theme select.form-control,
body.app-theme textarea.form-control {
min-height: var(--app-input-height);
border-radius: var(--app-radius);
border-color: var(--app-border-strong);
box-shadow: none;
}

body.app-theme textarea.form-control {
min-height: 110px;
resize: vertical;
}

body.app-theme .form-control:focus,
body.app-theme select.form-control:focus,
body.app-theme textarea.form-control:focus {
border-color: #f04452;
box-shadow: 0 0 0 3px rgba(193, 18, 31, 0.12);
}

body.app-theme .btn {
min-height: 40px;
border-radius: var(--app-radius);
font-weight: 700;
box-shadow: none;
}

body.app-theme .btn-primary,
body.app-theme .app-btn-primary {
background: var(--app-accent) !important;
border-color: var(--app-accent) !important;
color: #fff !important;
}

body.app-theme .btn-primary:hover,
body.app-theme .btn-primary:focus,
body.app-theme .app-btn-primary:hover,
body.app-theme .app-btn-primary:focus {
background: var(--app-accent-dark) !important;
border-color: var(--app-accent-dark) !important;
}

body.app-theme .btn-default,
body.app-theme .btn-secondary,
body.app-theme .app-btn-soft {
background: #fff;
border-color: var(--app-border-strong);
color: var(--app-text-soft);
}

body.app-theme .btn-default:hover,
body.app-theme .btn-default:focus,
body.app-theme .btn-secondary:hover,
body.app-theme .btn-secondary:focus,
body.app-theme .app-btn-soft:hover,
body.app-theme .app-btn-soft:focus {
background: var(--app-surface-soft);
border-color: var(--app-accent);
color: var(--app-accent);
}

body.app-theme .table-responsive,
body.app-theme .app-table-wrap {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
border-radius: var(--app-radius);
}

body.app-theme .table {
margin-bottom: 0;
background: var(--app-surface);
}

body.app-theme .table thead th {
position: relative;
background: #111827;
color: #fff;
border-bottom: 0;
vertical-align: middle;
white-space: nowrap;
}

body.app-theme .table tbody td {
vertical-align: middle;
}

body.app-theme .table tbody tr:hover {
background: #fafbfc;
}

body.app-theme .badge,
body.app-theme .label {
border-radius: 999px;
font-weight: 700;
}

body.app-theme .top_nav .notif-badge {
min-width: 20px;
height: 20px;
line-height: 20px;
padding: 0 6px;
border-radius: 999px;
text-align: center;
font-size: 11px;
font-weight: 700;
color: #fff;
display: inline-block;
}

body.app-theme .top_nav .badge-danger { background: var(--app-danger) !important; }
body.app-theme .top_nav .badge-warning { background: #f0ad4e !important; color: #fff !important; }
body.app-theme .top_nav .badge-info { background: #f7c948 !important; color: #333 !important; }
body.app-theme .top_nav .badge-neutral { background: #9aa5b1 !important; }

body.app-theme .app-hero,
body.app-theme .module-hero {
background: linear-gradient(135deg, var(--app-hero-start) 0%, var(--app-hero-mid) 48%, var(--app-hero-end) 100%);
color: #fff;
border-radius: var(--app-radius-lg);
box-shadow: var(--app-shadow);
}

body.app-theme .app-grid {
display: grid;
gap: 16px;
}

body.app-theme .app-grid.cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.app-theme .app-grid.cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.app-theme .app-grid.cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.app-theme .app-toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
}

body.app-theme .app-toolbar-left,
body.app-theme .app-toolbar-right {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
min-width: 0;
}

body.app-theme .app-chip {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 34px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--app-border);
background: var(--app-surface-soft);
color: var(--app-text-soft);
font-size: 12px;
font-weight: 700;
}

body.app-theme .app-stat-card {
position: relative;
min-height: 118px;
padding: 16px 18px;
overflow: hidden;
}

body.app-theme .app-stat-card::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 4px;
background: var(--app-accent);
}

body.app-theme .app-stat-card strong {
display: block;
color: var(--app-text);
font-size: 1.7rem;
line-height: 1.15;
font-weight: 800;
}

body.app-theme .app-stat-card span {
display: block;
color: #667085;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: 8px;
}

body.app-theme .app-content-max {
width: 100%;
max-width: var(--app-content-max);
}

@media (max-width: 1199px) {
:root {
--app-content-max: 100%;
}
}

@media (max-width: 991px) {
body.app-theme .app-grid.cols-4,
body.app-theme .app-grid.cols-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.app-theme.nav-md .container.body .right_col,
body.app-theme.nav-sm .container.body .right_col {
padding-left: 14px !important;
padding-right: 14px !important;
}
}

@media (max-width: 767px) {
body.app-theme .app-grid.cols-4,
body.app-theme .app-grid.cols-3,
body.app-theme .app-grid.cols-2 {
grid-template-columns: minmax(0, 1fr);
}

body.app-theme .page-title h3 {
font-size: 1.1rem;
}

body.app-theme .x_panel,
body.app-theme .app-card,
body.app-theme .app-panel {
border-radius: var(--app-radius);
}

body.app-theme .table thead th,
body.app-theme .table tbody td {
font-size: 12px;
}
}

@media (max-width: 575px) {
body.app-theme .top_nav .nav_menu {
padding-left: 12px;
padding-right: 12px;
}

body.app-theme .btn,
body.app-theme .form-control,
body.app-theme select.form-control {
min-height: 38px;
}
}

/* Auth: Login */
body.login {
background: linear-gradient(135deg, #f4f7fa 0%, #e9eef5 100%);
overflow-x: hidden;
}

.login_wrapper,
.login_wrapper *,
.login_card,
.login_brand,
.login_form_side,
.login_form_wrap,
.input_wrap,
.modern_input,
.btn_login {
box-sizing: border-box;
min-width: 0;
max-width: 100%;
}

.login_wrapper {
width: min(100%, 1080px);
margin: 0 auto;
padding: 40px 20px;
}

.login_card {
display: flex;
width: 100%;
min-height: 620px;
background: #fff;
border-radius: 22px;
overflow: hidden;
box-shadow: 0 18px 45px rgba(17, 24, 39, .12);
}

.login_brand {
width: 45%;
background: linear-gradient(160deg, #1f3c88 0%, #0f172a 100%);
color: #fff;
padding: 48px 42px;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.login_brand:before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at top right, rgba(255,255,255,.16), transparent 30%),
radial-gradient(circle at bottom left, rgba(255,255,255,.10), transparent 28%);
pointer-events: none;
}

.brand_top,
.brand_bottom {
position: relative;
z-index: 2;
}

.brand_logo {
width: 62px;
height: 62px;
border-radius: 16px;
background: rgba(255,255,255,.14);
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
margin-bottom: 18px;
border: 1px solid rgba(255,255,255,.18);
}

.brand_title {
font-size: 30px;
font-weight: 800;
margin-bottom: 12px;
line-height: 1.2;
}

.brand_text {
font-size: 15px;
line-height: 1.7;
color: rgba(255,255,255,.88);
margin-bottom: 0;
}

.brand_features {
list-style: none;
padding: 0;
margin: 0;
}

.brand_features li {
margin-bottom: 12px;
font-size: 14px;
color: rgba(255,255,255,.92);
}

.brand_features li i {
width: 20px;
margin-right: 8px;
}

.login_form_side {
width: 55%;
padding: 54px 52px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
}

.login_form_wrap {
width: 100%;
max-width: 430px;
}

.login_badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: #eef4ff;
color: #1d4ed8;
padding: 8px 14px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
margin-bottom: 18px;
}

.login_title {
font-size: 30px;
font-weight: 800;
color: #111827;
margin-bottom: 8px;
}

.login_subtitle {
color: #6b7280;
font-size: 14px;
margin-bottom: 28px;
}

.modern-alert {
border-radius: 12px;
padding: 14px 16px;
font-size: 14px;
margin-bottom: 18px;
border: 1px solid #f5c2c7;
background: #fff5f5;
color: #b42318;
}

.form_group { margin-bottom: 18px; }

.form_label {
display: block;
font-size: 13px;
font-weight: 700;
color: #374151;
margin-bottom: 8px;
}

.input_wrap { position: relative; }

.input_wrap i {
position: absolute;
left: 14px;
top: 50%;
transform: translateY(-50%);
color: #9ca3af;
font-size: 14px;
}

.modern_input {
width: 100%;
height: 48px;
border: 1px solid #d1d5db;
border-radius: 12px;
padding: 0 14px 0 42px;
font-size: 14px;
transition: .2s ease;
outline: none;
background: #fff;
}

.modern_input:focus {
border-color: #2563eb;
box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

.btn_login {
width: 100%;
height: 50px;
border: 0;
border-radius: 12px;
background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
color: #fff;
font-weight: 800;
font-size: 15px;
letter-spacing: .2px;
transition: .2s ease;
box-shadow: 0 10px 18px rgba(37, 99, 235, .22);
}

.btn_login:hover {
transform: translateY(-1px);
background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
color: #fff;
}

.login_footer_note {
margin-top: 18px;
font-size: 12px;
color: #9ca3af;
text-align: center;
}

/* App: Alert / Confirm */
.app-alert-overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .42);
display: none;
align-items: center;
justify-content: center;
z-index: 12000;
padding: 20px;
}

.app-alert-overlay.is-open { display: flex; }

.app-alert-modal {
width: min(440px, 100%);
background: #fff;
border-radius: 22px;
box-shadow: 0 28px 60px rgba(15, 23, 42, .24);
overflow: hidden;
border: 1px solid #e5e7eb;
}

.app-alert-top {
padding: 18px 22px 12px;
display: flex;
align-items: center;
gap: 14px;
}

.app-alert-icon {
width: 52px;
height: 52px;
border-radius: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
flex: 0 0 auto;
}

.app-alert-success .app-alert-icon { background:#ecfdf3; color:#15803d; }
.app-alert-warning .app-alert-icon { background:#fff7ed; color:#c2410c; }
.app-alert-danger .app-alert-icon { background:#fef2f2; color:#b91c1c; }

.app-alert-title {
margin: 0 0 4px;
font-size: 20px;
font-weight: 800;
color: #0f172a;
}

.app-alert-eyebrow {
font-size: 12px;
color: #94a3b8;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
}

.app-alert-body {
padding: 0 22px 22px;
color: #475569;
line-height: 1.7;
font-size: 14px;
}

.app-alert-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
padding: 0 22px 22px;
}

.app-alert-btn {
border: 1px solid #e5e7eb;
background: #fff;
color: #0f172a;
border-radius: 12px;
padding: 10px 16px;
font-weight: 700;
min-width: 104px;
}

.app-alert-btn.primary {
background: #111827;
border-color: #111827;
color: #fff;
}

/* SaaS: License Suite */
.right_col[role="main"] > .ldx-shell,
.right_col[role="main"] > .sbi-shell,
.right_col[role="main"] > .tnx-shell,
.right_col[role="main"] > .plx-shell {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}

.ldx-shell,
.ldx-shell *,
.sbi-shell,
.sbi-shell *,
.tnx-shell,
.tnx-shell *,
.plx-shell,
.plx-shell * {
box-sizing: border-box;
min-width: 0;
max-width: 100%;
}

.ldx-shell,
.sbi-shell,
.tnx-shell,
.plx-shell {
width: 100%;
max-width: 100%;
padding: 0;
overflow-x: hidden;
}

.ldx-hero,
.sbi-hero,
.tnx-hero,
.plx-hero {
color: #fff;
border-radius: 8px;
padding: 22px 24px;
margin-bottom: 18px;
box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
}

.ldx-hero { background: linear-gradient(135deg, #0f172a 0%, #7f1d1d 54%, #dc2626 100%); }
.sbi-hero { background: linear-gradient(135deg, #0f172a 0%, #7f1d1d 54%, #dc2626 100%); }
.tnx-hero { background: linear-gradient(135deg, #111827 0%, #7c2d12 48%, #ea580c 100%); }
.plx-hero { background: linear-gradient(135deg, #111827 0%, #14532d 48%, #22c55e 100%); }

.ldx-hero h3,
.sbi-hero h3,
.tnx-hero h3,
.plx-hero h3 {
margin: 0 0 8px;
color: #fff;
font-size: 26px;
font-weight: 700;
line-height: 1.2;
}

.ldx-hero p,
.sbi-hero p,
.tnx-hero p,
.plx-hero p {
margin: 0;
color: rgba(255, 255, 255, .88);
font-size: 14px;
line-height: 1.6;
}

.ldx-hero p { max-width: 860px; }
.sbi-hero p, .tnx-hero p { max-width: 820px; }
.plx-hero p { max-width: 840px; }

.ldx-meta,
.sbi-meta,
.tnx-hero-meta,
.plx-hero-meta {
margin-top: 10px;
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.tnx-hero-meta { display: inline-flex; }

.ldx-pill,
.sbi-pill,
.tnx-hero-pill,
.plx-pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, .10);
border: 1px solid rgba(255, 255, 255, .28);
color: #fff;
font-size: 13px;
font-weight: 700;
}

.ldx-pill i,
.sbi-pill i,
.tnx-hero-pill i,
.plx-pill i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
background: rgba(255, 255, 255, .18);
font-size: 11px;
}

.ldx-actions,
.sbi-actions,
.tnx-hero-actions,
.plx-actions {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-top: 16px;
}

.ldx-action,
.sbi-action,
.tnx-primary,
.tnx-ghost,
.plx-action {
display: inline-flex;
align-items: center;
gap: 8px;
line-height: 1;
border-radius: 999px;
padding: 9px 16px;
font-weight: 700;
border: 1px solid rgba(255, 255, 255, .28);
background: rgba(255, 255, 255, .10);
color: #fff !important;
}

.tnx-primary,
.tnx-ghost {
border: 1px solid rgba(255, 255, 255, .28);
background: rgba(255, 255, 255, .10);
}

.ldx-action:hover,
.ldx-action:focus,
.sbi-action:hover,
.sbi-action:focus,
.tnx-primary:hover,
.tnx-primary:focus,
.tnx-ghost:hover,
.tnx-ghost:focus,
.plx-action:hover,
.plx-action:focus {
text-decoration: none;
background: rgba(255, 255, 255, .18);
color: #fff !important;
}

.ldx-summary,
.sbi-summary,
.tnx-summary,
.plx-summary {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 14px;
margin-bottom: 16px;
}

.ldx-card,
.sbi-card,
.tnx-card,
.plx-card {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.ldx-stat,
.sbi-stat,
.tnx-stat,
.plx-stat {
padding: 16px;
}

.ldx-stat.is-filter,
.sbi-stat.is-filter,
.plx-stat.is-filter {
cursor: pointer;
transition: .18s ease;
}

.ldx-stat.is-filter:hover,
.sbi-stat.is-filter:hover,
.plx-stat.is-filter:hover {
transform: translateY(-1px);
box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
}

.ldx-stat.is-active { border-color: #93c5fd; background: #eff6ff; }
.sbi-stat.is-active { border-color: #fb923c; background: #fff7ed; }
.plx-stat.is-active { border-color: #86efac; background: #f0fdf4; }

.ldx-stat span,
.sbi-stat span,
.tnx-stat span,
.plx-stat span {
display: block;
color: #667085;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
}

.ldx-stat strong,
.sbi-stat strong,
.tnx-stat strong,
.plx-stat strong {
display: block;
margin-top: 8px;
color: #0f172a;
font-size: 28px;
line-height: 1.1;
}

.ldx-stat p,
.sbi-stat p,
.tnx-stat p,
.plx-stat p {
margin: 8px 0 0;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}

.ldx-toolbar,
.sbi-toolbar,
.tnx-toolbar,
.plx-toolbar {
padding: 16px;
display: grid;
gap: 12px;
align-items: end;
}

.ldx-toolbar,
.sbi-toolbar,
.plx-toolbar {
grid-template-columns: repeat(4, minmax(0, 1fr));
}

.tnx-toolbar {
grid-template-columns: minmax(260px, 1.5fr) repeat(3, minmax(160px, .7fr));
}

.ldx-field label,
.sbi-field label,
.tnx-field label,
.plx-field label {
display: block;
margin-bottom: 6px;
color: #475467;
font-size: 12px;
font-weight: 700;
}

.ldx-field .form-control,
.sbi-field .form-control,
.tnx-field .form-control,
.plx-field .form-control {
border-radius: 8px;
min-height: 38px;
border-color: #d0d5dd;
box-shadow: none;
}

.ldx-toolbar-actions,
.sbi-toolbar-actions,
.tnx-toolbar-actions,
.plx-toolbar-actions {
padding: 0 16px 16px;
display: flex;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}

.ldx-tool-btn,
.sbi-tool-btn,
.tnx-tool-btn,
.plx-tool-btn {
display: inline-flex;
align-items: center;
gap: 8px;
min-height: 36px;
padding: 0 14px;
border-radius: 8px;
border: 1px solid #d0d5dd;
background: #fff;
color: #344054;
font-size: 12px;
font-weight: 700;
}

.ldx-tool-btn:hover,
.ldx-tool-btn:focus,
.sbi-tool-btn:hover,
.sbi-tool-btn:focus,
.tnx-tool-btn:hover,
.tnx-tool-btn:focus,
.plx-tool-btn:hover,
.plx-tool-btn:focus {
text-decoration: none;
background: #f8fafc;
color: #111827;
}

.ldx-active-filters,
.sbi-active-filters,
.plx-active-filters {
padding: 0 16px 16px;
display: none;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.ldx-active-filters.is-visible,
.sbi-active-filters.is-visible,
.plx-active-filters.is-visible {
display: flex;
}

.ldx-active-label,
.sbi-active-label,
.plx-active-label {
color: #667085;
font-size: 12px;
font-weight: 700;
}

.ldx-active-filter-chips,
.sbi-active-filter-chips,
.plx-active-filter-chips {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.ldx-filter-chip,
.sbi-filter-chip,
.plx-filter-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
border-radius: 999px;
background: #eff6ff;
border: 1px solid #bfdbfe;
color: #1d4ed8;
font-size: 12px;
font-weight: 700;
}

.ldx-filter-chip button,
.sbi-filter-chip button,
.plx-filter-chip button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border: 0;
background: rgba(29, 78, 216, .12);
color: #1d4ed8;
border-radius: 999px;
padding: 0;
}

.ldx-filter-chip button:hover,
.ldx-filter-chip button:focus,
.sbi-filter-chip button:hover,
.sbi-filter-chip button:focus,
.plx-filter-chip button:hover,
.plx-filter-chip button:focus {
background: rgba(29, 78, 216, .18);
outline: none;
}

.ldx-grid {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
gap: 16px;
margin: 16px 0;
}

.ldx-head,
.sbi-head,
.tnx-table-head,
.plx-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 16px;
border-bottom: 1px solid #eef2f7;
}

.ldx-head h2,
.sbi-head h2,
.tnx-table-head h2,
.plx-head h2 {
margin: 0;
color: #111827;
font-size: 16px;
font-weight: 700;
}

.ldx-head p,
.sbi-head p,
.tnx-table-head p,
.plx-head p {
margin: 4px 0 0;
color: #667085;
font-size: 12px;
}

.ldx-stack { display: grid; gap: 16px; min-width: 0; }
.ldx-insights { padding: 16px; }
.ldx-insight-list,
.ldx-plan-list { display: grid; gap: 12px; }

.ldx-insight-item {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 12px 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #f8fafc;
}

.ldx-insight-link,
.ldx-plan-link {
display: block;
color: inherit;
text-decoration: none;
}

.ldx-insight-link:hover,
.ldx-insight-link:focus,
.ldx-plan-link:hover,
.ldx-plan-link:focus {
text-decoration: none;
color: inherit;
}

.ldx-insight-link:hover .ldx-insight-item,
.ldx-plan-link:hover .ldx-plan-item {
border-color: #93c5fd;
box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
transform: translateY(-1px);
}

.ldx-insight-item strong,
.ldx-plan-head strong,
.ldx-line strong,
.sbi-line strong,
.tnx-name strong,
.plx-line strong {
display: block;
color: #101828;
font-size: 13px;
font-weight: 700;
}

.ldx-insight-item span,
.ldx-plan-head span,
.ldx-line span,
.sbi-line span,
.tnx-name span,
.plx-line span {
display: block;
margin-top: 4px;
color: #667085;
font-size: 12px;
line-height: 1.5;
}

.ldx-insight-count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
border-radius: 999px;
font-size: 14px;
font-weight: 800;
}

.ldx-insight-count.warn { background: #fff7ed; color: #c2410c; }
.ldx-insight-count.info { background: #eff6ff; color: #1d4ed8; }
.ldx-insight-count.danger { background: #fef2f2; color: #b91c1c; }
.ldx-insight-count.neutral { background: #f3f4f6; color: #475467; }

.ldx-plan-item {
display: grid;
gap: 8px;
padding: 12px 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
transition: .18s ease;
}

.ldx-plan-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}

.ldx-plan-bar {
height: 8px;
border-radius: 999px;
background: #e5e7eb;
overflow: hidden;
}

.ldx-plan-bar > span {
display: block;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #38bdf8 0%, #0f766e 100%);
}
.ldx-plan-bar-fill{width:0}
.ldx-action-col{width:118px;text-align:right!important}

.ldx-plan-meta,
.plx-chip-group,
.tnx-status-stack,
.tnx-subscription-cell,
.plx-status-stack,
.sbi-plan-cell {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.sbi-plan-cell,
.tnx-status-stack,
.tnx-subscription-cell,
.plx-status-stack {
align-items: center;
}

.ldx-mini-chip,
.ldx-chip,
.sbi-chip,
.tnx-chip,
.plx-chip {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
}

.ldx-mini-chip {
padding: 5px 9px;
background: #f8fafc;
border: 1px solid #e5e7eb;
color: #475467;
font-size: 11px;
}

.ldx-chip.success,
.sbi-chip.success,
.tnx-chip.success,
.plx-chip.success { background: #ecfdf3; color: #027a48; }

.ldx-chip.warn,
.sbi-chip.warn,
.tnx-chip.warn,
.plx-chip.warn { background: #fff7ed; color: #c2410c; }

.ldx-chip.danger,
.sbi-chip.danger,
.tnx-chip.danger,
.plx-chip.danger { background: #fef2f2; color: #b91c1c; }

.ldx-chip.info,
.sbi-chip.info,
.tnx-chip.info,
.plx-chip.info { background: #eff6ff; color: #1d4ed8; }

.ldx-chip.neutral { background: #f3f4f6; color: #475467; }

.ldx-table-wrap,
.sbi-table-wrap,
.tnx-table-wrap,
.plx-table-wrap {
width: 100%;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}

.ldx-table,
.sbi-table,
.tnx-table,
.plx-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}

.ldx-table th,
.sbi-table th,
.tnx-table th,
.plx-table th {
padding: 12px 14px;
background: #f8fafc;
border-bottom: 1px solid #e5e7eb;
color: #667085;
font-size: 12px;
font-weight: 700;
text-align: left;
white-space: nowrap;
}

.ldx-table td,
.sbi-table td,
.tnx-table td,
.plx-table td {
padding: 13px 14px;
border-bottom: 1px solid #eef2f7;
vertical-align: middle;
}

.ldx-table tr:hover td,
.sbi-table tr:hover td,
.tnx-table tr:hover td,
.plx-table tr:hover td {
background: #fbfdff;
}

.ldx-col-toggle,
.sbi-col-toggle { width: 44px; }
.ldx-row-toggle,
.sbi-row-toggle { display: none; }

.ldx-row-toggle-btn,
.sbi-row-toggle-btn,
.ldx-icon-btn,
.sbi-icon-btn,
.tnx-icon-btn,
.plx-icon-btn,
.sbi-modal-close,
.tnx-modal-close,
.plx-modal-close {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
border: 1px solid #d0d5dd;
background: #fff;
color: #344054;
}

.ldx-row-toggle-btn,
.sbi-row-toggle-btn {
width: 28px;
height: 28px;
font-size: 12px;
}

.ldx-row-toggle-btn:hover,
.ldx-row-toggle-btn:focus,
.sbi-row-toggle-btn:hover,
.sbi-row-toggle-btn:focus,
.ldx-icon-btn:hover,
.ldx-icon-btn:focus,
.sbi-icon-btn:hover,
.sbi-icon-btn:focus,
.tnx-icon-btn:hover,
.tnx-icon-btn:focus,
.plx-icon-btn:hover,
.plx-icon-btn:focus {
text-decoration: none;
background: #f8fafc;
color: #111827;
}

.ldx-row-toggle-btn i,
.sbi-row-toggle-btn i { transition: transform .18s ease; }

.ldx-row-toggle-btn[aria-expanded="true"] i,
.sbi-row-toggle-btn[aria-expanded="true"] i {
transform: rotate(45deg);
}

.ldx-detail-row,
.sbi-detail-row,
.sbi-modal-backdrop,
.tnx-modal-backdrop,
.plx-modal-backdrop { display: none; }

.ldx-detail-row.is-open,
.sbi-detail-row.is-open,
.tnx-modal-backdrop.is-open,
.plx-modal-backdrop.is-open { display: table-row; }

.tnx-modal-backdrop.is-open,
.plx-modal-backdrop.is-open,
.sbi-modal-backdrop.is-open {
display: flex;
}

.ldx-detail-cell,
.sbi-detail-cell {
padding: 0 !important;
background: #fbfdff;
}

.ldx-detail-wrap,
.sbi-detail-wrap {
padding: 14px 16px;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}

.ldx-detail-item,
.sbi-detail-item,
.sbi-modal-item,
.tnx-modal-item,
.plx-modal-item {
padding: 12px 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
}

.ldx-detail-item span,
.sbi-detail-item span,
.sbi-modal-item span,
.tnx-modal-item span,
.plx-modal-item span {
display: block;
color: #667085;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: .03em;
margin-bottom: 6px;
}

.ldx-detail-item strong,
.ldx-detail-item div,
.sbi-detail-item strong,
.sbi-detail-item div,
.sbi-modal-item strong,
.tnx-modal-item strong,
.plx-modal-item strong {
display: block;
color: #111827;
font-size: 13px;
line-height: 1.5;
word-break: break-word;
}

.tnx-toggle-form,
.plx-toggle-form { margin: 0; }

.tnx-toggle,
.plx-toggle {
position: relative;
width: 46px;
height: 26px;
border: 0;
background: transparent;
padding: 0;
cursor: pointer;
}

.tnx-toggle-track,
.plx-toggle-track {
position: absolute;
inset: 0;
border-radius: 999px;
background: #d0d5dd;
transition: .18s ease;
}

.tnx-toggle-knob,
.plx-toggle-knob {
position: absolute;
top: 3px;
left: 3px;
width: 20px;
height: 20px;
border-radius: 999px;
background: #fff;
box-shadow: 0 2px 6px rgba(15, 23, 42, .18);
transition: .18s ease;
}

.tnx-toggle.is-on .tnx-toggle-track,
.plx-toggle.is-on .plx-toggle-track { background: #16a34a; }

.tnx-toggle.is-on .tnx-toggle-knob,
.plx-toggle.is-on .plx-toggle-knob { transform: translateX(20px); }

.ldx-actions-col,
.sbi-actions-col,
.tnx-actions,
.plx-actions-col {
display: flex;
justify-content: flex-end;
gap: 8px;
}

.tnx-empty,
.ldx-empty,
.sbi-empty,
.plx-empty {
padding: 28px 18px;
text-align: center;
color: #667085;
}

.ldx-footer,
.sbi-footer,
.tnx-footer,
.plx-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 14px 16px;
}

.ldx-footer span,
.sbi-footer span,
.tnx-footer span,
.plx-footer span {
color: #667085;
font-size: 12px;
}

.ldx-pagination,
.sbi-pagination,
.tnx-pagination,
.plx-pagination {
display: flex;
align-items: center;
gap: 8px;
}

.ldx-page-btn,
.sbi-page-btn,
.tnx-page-btn,
.plx-page-btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
padding: 0 10px;
border-radius: 8px;
border: 1px solid #d0d5dd;
background: #fff;
color: #344054;
font-size: 12px;
font-weight: 700;
}

.ldx-page-btn.is-active { border-color: #dc2626; background: #fff1f2; color: #b42318; }
.sbi-page-btn.is-active,
.tnx-page-btn.is-active { border-color: #ea580c; background: #fff7ed; color: #c2410c; }
.plx-page-btn.is-active { border-color: #22c55e; background: #f0fdf4; color: #15803d; }

.ldx-page-btn:disabled,
.sbi-page-btn:disabled,
.tnx-page-btn:disabled,
.plx-page-btn:disabled {
opacity: .45;
cursor: not-allowed;
}

.sbi-modal-backdrop,
.tnx-modal-backdrop,
.plx-modal-backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .42);
align-items: center;
justify-content: center;
padding: 18px;
z-index: 1050;
}

.sbi-modal,
.tnx-modal,
.plx-modal {
background: #fff;
border-radius: 8px;
border: 1px solid #e5e7eb;
box-shadow: 0 24px 60px rgba(15, 23, 42, .22);
overflow: hidden;
}

.sbi-modal { width: min(560px, 100%); }
.tnx-modal { width: min(520px, 100%); }
.plx-modal { width: min(560px, 100%); }

.sbi-modal-head,
.tnx-modal-head,
.plx-modal-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
border-bottom: 1px solid #eef2f7;
}

.sbi-modal-head h3,
.tnx-modal-head h3,
.plx-modal-head h3 {
margin: 0;
color: #111827;
font-size: 18px;
font-weight: 700;
}

.sbi-modal-head p,
.tnx-modal-head p,
.plx-modal-head p {
margin: 4px 0 0;
color: #667085;
font-size: 13px;
}

.sbi-modal-body,
.tnx-modal-body,
.plx-modal-body { padding: 18px; }

.sbi-modal-grid,
.tnx-modal-grid,
.plx-modal-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}

.plx-modal-item.full { grid-column: 1 / -1; }
.plx-action-col{width:76px;text-align:right!important}

/* License plans: create / edit */
.pcf-shell,.pef-shell{width:100%}
.pcf-hero,.pef-hero{background:linear-gradient(135deg,#111827 0%,#14532d 48%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.pcf-hero h3,.pef-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.pcf-hero p,.pef-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.pef-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.pef-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.pef-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.pcf-flow,.pef-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}
.pcf-side,.pcf-main,.pef-side,.pef-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.pcf-side,.pef-side{padding:14px;position:sticky;top:20px;height:max-content}
.pcf-side h4,.pef-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.pcf-side button,.pef-side button{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:11px 12px;color:#344054;font-size:13px;font-weight:700}
.pcf-side button.active,.pcf-side button:hover,.pef-side button.active,.pef-side button:hover{background:#f8fafc;border-color:#dbeafe;color:#111827}
.pcf-main-head,.pef-main-head{padding:16px;border-bottom:1px solid #eef2f7}
.pcf-main-head h2,.pef-main-head h2{margin:0;color:#111827;font-size:17px;font-weight:700}
.pcf-main-head p,.pef-main-head p{margin:6px 0 0;color:#667085;font-size:13px}
.pcf-body,.pef-body{padding:18px}
.pcf-panel,.pef-panel{display:none}
.pcf-panel.active,.pef-panel.active{display:block}
.pcf-grid,.pef-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pcf-field label,.pef-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.pcf-field .form-control,.pef-field .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.pcf-help,.pcf-check-grid,.pef-help,.pef-check-grid{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}
.pcf-help,.pef-help{color:#475467;font-size:13px;line-height:1.6}
.pcf-check-grid,.pef-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pcf-check,.pef-check{display:flex;align-items:center;gap:10px;color:#344054;font-size:13px;font-weight:700}
.pcf-module-toolbar,.pef-module-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pcf-module-preset,.pef-module-preset{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.pcf-module-preset:hover,.pcf-module-preset:focus,.pef-module-preset:hover,.pef-module-preset:focus{text-decoration:none;background:#f8fafc;color:#111827}
.pcf-module-group,.pef-module-group{display:grid;gap:12px}
.pcf-module-box,.pef-module-box{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}
.pcf-module-box h3,.pef-module-box h3{margin:0 0 6px;color:#111827;font-size:14px;font-weight:700}
.pcf-module-box p,.pef-module-box p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.6}
.pcf-module-grid,.pef-module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pcf-module-card,.pef-module-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.pcf-module-card input,.pef-module-card input{margin-top:2px}
.pcf-module-card strong,.pef-module-card strong{display:block;color:#111827;font-size:13px;font-weight:700}
.pcf-module-card span,.pef-module-card span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
.pcf-alert,.pef-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.pcf-actions,.pef-actions{padding:0 18px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pcf-btn,.pef-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.pcf-btn.primary,.pef-btn.primary{background:#111827;border-color:#111827;color:#fff}
.pcf-span-all,.pef-span-all{grid-column:1/-1}

@media (max-width: 1360px) {
.ldx-row-toggle,
.sbi-row-toggle { display: table-cell; }
.ldx-col-optional,
.sbi-col-optional { display: none; }
.ldx-detail-wrap,
.sbi-detail-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1200px) {
.ldx-summary,
.sbi-summary,
.tnx-summary,
.plx-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ldx-toolbar,
.sbi-toolbar,
.plx-toolbar,
.ldx-grid,
.tnx-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
.login_wrapper { padding: 24px 14px; }
.login_card {
flex-direction: column;
min-height: auto;
border-radius: 18px;
}
.login_brand,
.login_form_side { width: 100%; }
.login_brand { padding: 36px 28px; }
.login_form_side { padding: 34px 24px 36px; }
.ldx-toolbar,
.sbi-toolbar,
.tnx-toolbar,
.plx-toolbar,
.ldx-grid { grid-template-columns: 1fr; }
.pcf-flow,.pef-flow{grid-template-columns:1fr}
.pcf-side,.pef-side{position:static}
.pcf-grid,.pcf-check-grid,.pcf-module-grid,.pef-grid,.pef-check-grid,.pef-module-grid{grid-template-columns:1fr}
}

@media (max-width: 767px) {
.ldx-hero,
.sbi-hero,
.tnx-hero,
.plx-hero { padding: 18px 16px; }
.ldx-summary,
.sbi-summary,
.tnx-summary,
.plx-summary,
.ldx-toolbar,
.sbi-toolbar,
.tnx-toolbar,
.plx-toolbar,
.ldx-grid,
.ldx-detail-wrap,
.sbi-detail-wrap,
.sbi-modal-grid,
.tnx-modal-grid,
.plx-modal-grid { grid-template-columns: 1fr; }
.ldx-toolbar-actions,
.ldx-footer,
.sbi-toolbar-actions,
.sbi-footer,
.tnx-toolbar-actions,
.tnx-footer,
.plx-toolbar-actions,
.plx-footer {
flex-direction: column;
align-items: flex-start;
}
.tnx-actions { justify-content: flex-start; }
}

@media (max-width: 575px) {
.login_brand { padding: 28px 18px; }
.login_form_side { padding: 26px 18px 28px; }
.brand_title,
.login_title { font-size: 24px; }
.brand_text,
.login_subtitle { font-size: 13px; }
}

.app-text-muted { color: #94a3b8; }
.app-inline-form { display: inline-block; margin: 0; }

/* Workplace: Index */
.wpx-shell{width:100%}.wpx-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 48%,#14b8a6 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.wpx-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}.wpx-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.wpx-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}.wpx-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}.wpx-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.wpx-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.wpx-ghost,.wpx-primary{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700}.wpx-ghost,.wpx-primary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.wpx-ghost:hover,.wpx-ghost:focus,.wpx-primary:hover,.wpx-primary:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}.wpx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.wpx-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wpx-stat{padding:16px}.wpx-stat span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.wpx-stat strong{display:block;margin-top:8px;color:#0f172a;font-size:28px;line-height:1.1}.wpx-stat p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5}.wpx-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.wpx-alert{padding:14px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:700}.wpx-alert.warn{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.wpx-alert.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.wpx-quality{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.wpx-quality-card{position:relative;overflow:hidden;padding:14px 16px 14px 18px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:700;box-shadow:0 8px 24px rgba(15,23,42,.05);cursor:pointer}.wpx-quality-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#dc2626}.wpx-quality-card span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.wpx-quality-card strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1}.wpx-quality-card small{display:block;margin-top:6px;color:#475569;font-size:12px;line-height:1.45;font-weight:600}.wpx-quality-card.is-active{border-color:#fecaca;background:#fff1f2}.wpx-toolbar{padding:16px;display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(150px,.7fr));gap:12px;align-items:end}.wpx-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.wpx-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}.wpx-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.wpx-toolbar-note{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px;font-weight:600}.wpx-toolbar-note i{color:#dc2626}.wpx-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.wpx-tool-btn:hover,.wpx-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.wpx-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef2f7}.wpx-table-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}.wpx-table-head p{margin:4px 0 0;color:#667085;font-size:12px}.wpx-table-wrap{width:100%;overflow:auto}.wpx-table{width:100%;border-collapse:separate;border-spacing:0}.wpx-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.wpx-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.wpx-table tr:hover td{background:#fbfdff}.wpx-logo{width:54px;height:54px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;padding:4px;display:flex;align-items:center;justify-content:center}.wpx-logo img{max-width:100%;max-height:100%;object-fit:contain}.wpx-name strong{display:block;color:#101828;font-size:13px;font-weight:700}.wpx-name span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}.wpx-mini-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wpx-mini-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#475467;font-size:11px;font-weight:700;line-height:1.2}.wpx-mini-tag.warn{border-color:#fed7aa;background:#fff7ed;color:#b45309}.wpx-mini-tag.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.wpx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.wpx-chip.status-active{background:#ecfdf3;color:#027a48}.wpx-chip.status-passive{background:#fef2f2;color:#b91c1c}.wpx-chip.hazard-az{background:#eff6ff;color:#1d4ed8}.wpx-chip.hazard-tehlikeli{background:#fff7ed;color:#c2410c}.wpx-chip.hazard-cok_tehlikeli{background:#fef2f2;color:#b91c1c}.wpx-chip.neutral{background:#f8fafc;color:#475467}.wpx-actions{display:flex;justify-content:flex-end;gap:8px}.wpx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.wpx-icon-btn:hover,.wpx-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.wpx-empty{padding:28px 18px;text-align:center;color:#667085}.wpx-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.wpx-footer span{color:#667085;font-size:12px}.wpx-pagination{display:flex;align-items:center;gap:8px}.wpx-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.wpx-page-btn:disabled{opacity:.45;cursor:not-allowed}
.wpx-action-col{width:92px;text-align:right!important}

/* Workplace: selector */
.wp-select-shell,.wp-select-shell *{box-sizing:border-box;min-width:0}
.wp-select-shell{width:100%}
.wp-select-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 54%,#14b8a6 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.wp-select-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.wp-select-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.wp-select-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.wp-select-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700;line-height:1}
.wp-select-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.wp-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wp-select-stat{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 14px 14px 18px}
.wp-select-stat:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#14b8a6}
.wp-select-stat.warn:before{background:#f59e0b}
.wp-select-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wp-select-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1;font-weight:800}
.wp-select-stat p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.45}
.wp-select-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.wp-select-feedback i{margin-top:2px}
.wp-select-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
.wp-select-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}
.wp-select-head h2{margin:0;font-size:15px;font-weight:700;color:#111827}
.wp-select-head p{margin:4px 0 0;color:#667085;font-size:12px}
.wp-select-body{padding:16px}
.wp-select-form{display:grid;gap:16px}
.wp-select-wrap{position:relative}
.wp-select-form label{display:block;margin-bottom:8px;color:#475467;font-size:12px;font-weight:700}
.wp-select-form .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.wp-select-note{padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}
.wp-select-note strong{display:block;color:#0f172a;font-size:13px}
.wp-select-note p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.6}
.wp-select-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.wp-select-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:13px;font-weight:700}
.wp-select-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}
@media(max-width:991px){.wp-select-grid{grid-template-columns:1fr}}
@media(max-width:767px){.wp-select-hero{padding:18px 16px}.wp-select-actions{justify-content:flex-start}.wp-select-actions .wp-select-btn{flex:1 1 0}}

/* Workplace: nace staffing report */
.nsr-body,.nsr-body *{box-sizing:border-box}
.nsr-body{margin:0;font-family:DejaVu Sans,Arial,sans-serif;color:#1f2937;background:#f4f6fb}
.nsr-page{max-width:1320px;margin:0 auto;padding:28px}
.nsr-sheet{background:#fff;border:1px solid #d8dee9;border-radius:10px;overflow:hidden}
.nsr-head{display:flex;justify-content:space-between;gap:24px;padding:24px 28px;border-bottom:1px solid #e5e7eb;background:linear-gradient(180deg,#ffffff 0%,#f9fafb 100%)}
.nsr-head-title small{display:inline-block;margin-bottom:8px;color:#b91c1c;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.nsr-head-title h1{margin:0 0 8px;font-size:28px;line-height:1.15}
.nsr-head-title p{margin:0;color:#4b5563;font-size:14px;line-height:1.6;max-width:760px}
.nsr-head-meta{min-width:320px;border:1px solid #e5e7eb;border-radius:10px;padding:16px 18px;background:#fff}
.nsr-meta-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #e5e7eb;font-size:13px}
.nsr-meta-row:last-child{border-bottom:0}
.nsr-meta-row strong{color:#111827}
.nsr-toolbar{display:flex;gap:10px;padding:16px 28px 0;flex-wrap:wrap}
.nsr-hidden{display:none!important}
.nsr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#111827;text-decoration:none;font-weight:600;font-size:13px}
.nsr-btn-primary{background:#b91c1c;border-color:#b91c1c;color:#fff}
.nsr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:20px 28px 0}
.nsr-card{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fff}
.nsr-card small{display:block;margin-bottom:6px;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.nsr-card strong{display:block;color:#111827;font-size:24px;line-height:1.1}
.nsr-card span{display:block;margin-top:8px;color:#4b5563;font-size:13px;line-height:1.5}
.nsr-section{padding:20px 28px 0}
.nsr-section h2{margin:0 0 12px;font-size:18px}
.nsr-summary-table,.nsr-roles-table{width:100%;border-collapse:collapse;background:#fff}
.nsr-summary-table th,.nsr-summary-table td,.nsr-roles-table th,.nsr-roles-table td{border:1px solid #d7dee8;padding:10px 12px;vertical-align:top;font-size:13px}
.nsr-summary-table th,.nsr-roles-table th{background:#f8fafc;color:#111827;font-weight:700}
.nsr-score{background:#fef2f2;color:#991b1b;font-weight:700}
.nsr-col-label{width:18%}
.nsr-col-value{width:32%}
.nsr-decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nsr-report-note{margin:20px 28px 0;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.7}
.nsr-report-note a{color:#1d4ed8;text-decoration:none;font-weight:700}
.nsr-decision{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fff}
.nsr-decision h3{margin:0 0 8px;font-size:15px}
.nsr-decision p{margin:0;color:#4b5563;font-size:13px;line-height:1.6}
.nsr-exception{border:1px solid #e5e7eb;border-radius:10px;padding:18px;background:#fff;border-left-width:4px;border-left-style:solid}
.nsr-exception.is-eligible{border-left-color:#059669}
.nsr-exception.is-ineligible{border-left-color:#b91c1c}
.nsr-exception.is-warning{border-left-color:#f59e0b}
.nsr-exception h3{margin:0 0 8px;font-size:16px}
.nsr-exception p{margin:0 0 10px;color:#374151;font-size:13px;line-height:1.6}
.nsr-exception ul,.nsr-notes ul{margin:0;padding-left:18px;color:#4b5563;font-size:13px;line-height:1.7}
.nsr-notes{padding-bottom:28px}
.nsr-signature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nsr-signature-grid-top{margin-top:16px}
.nsr-signature-box{height:110px;border:1px dashed #cbd5e1;border-radius:10px;padding:12px;background:#fff}
.nsr-signature-box strong{display:block;margin-bottom:42px;font-size:13px}
.nsr-signature-box span{display:block;border-top:1px solid #cbd5e1;padding-top:8px;color:#6b7280;font-size:12px}
@media print{.nsr-body{background:#fff}.nsr-page{max-width:none;padding:0}.nsr-sheet{border:0;border-radius:0}.nsr-head{padding-top:0}}
@media(max-width:991px){.nsr-grid,.nsr-decision-grid,.nsr-signature-grid{grid-template-columns:1fr 1fr}.nsr-head{flex-direction:column}.nsr-head-meta{min-width:0}}
@media(max-width:767px){.nsr-page{padding:16px}.nsr-grid,.nsr-decision-grid,.nsr-signature-grid{grid-template-columns:1fr}.nsr-toolbar{padding:16px 16px 0}.nsr-section,.nsr-head{padding-left:16px;padding-right:16px}.nsr-report-note{margin-left:16px;margin-right:16px}}

/* Documents: Index / Categories / Logs */
.ddx-shell{width:100%}.ddx-hero,.dci-hero{background:linear-gradient(135deg,#0f172a 0%,#0f766e 52%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.ddx-hero h3,.dci-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.ddx-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.dci-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.ddx-meta,.dci-meta,.dci-actions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.dci-actions{margin-top:12px}.ddx-pill,.dci-pill,.dci-ghost{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13px;font-weight:700}.ddx-pill,.dci-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.ddx-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.ddx-ghost,.dci-ghost,.ddl-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.ddx-ghost:hover,.ddx-ghost:focus,.dci-ghost:hover,.dci-ghost:focus,.ddl-ghost:hover,.ddl-ghost:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}.ddx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dci-summary,.ddl-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ddx-stat,.dci-stat,.ddl-stat{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px 17px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.ddx-stat span,.dci-stat span,.ddl-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.ddx-stat strong,.dci-stat strong,.ddl-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.ddx-stat small,.dci-stat small,.ddl-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px}.ddx-source-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ddx-source-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 17px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.ddx-source-card:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 14px 28px rgba(15,23,42,.08)}.ddx-source-card.is-active{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.08),0 14px 28px rgba(15,23,42,.08)}.ddx-source-copy strong{display:block;color:#0f172a;font-size:14px;font-weight:800}.ddx-source-copy span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.5}.ddx-source-count{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;font-size:13px;font-weight:800}.ddx-card,.dci-card,.ddl-side,.ddl-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.ddx-card,.dci-card,.ddl-card{overflow:hidden}.ddx-toolbar{padding:16px;display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(170px,.65fr) minmax(170px,.65fr) minmax(170px,.65fr);gap:12px;align-items:end;border-bottom:1px solid #eef2f7}.dci-toolbar{padding:16px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(170px,.4fr) minmax(170px,.4fr);gap:12px;align-items:end;border-bottom:1px solid #eef2f7}.ddl-toolbar{padding:16px;border-bottom:1px solid #eef2f7;display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.ddx-field label,.dci-field label,.ddl-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.ddx-field .form-control,.dci-field .form-control,.ddl-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}.ddl-field .form-control{min-height:40px}.ddx-toolbar-actions,.dci-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ddx-tool-btn,.dci-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.ddx-tool-btn:hover,.ddx-tool-btn:focus,.dci-btn:hover,.dci-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.ddx-table-wrap,.dci-table-wrap,.ddl-table-wrap{width:100%;overflow:auto}.ddx-table,.dci-table,.ddl-table{width:100%;border-collapse:separate;border-spacing:0}.ddx-col-toggle,.dci-col-toggle,.ddl-col-toggle{display:none;width:52px;text-align:center}.ddx-table th,.dci-table th,.ddl-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.ddl-table th{white-space:normal}.ddx-table td,.dci-table td,.ddl-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.ddl-table td{vertical-align:top}.ddx-table tr:hover td,.wpx-table tr:hover td{background:#fbfdff}.ddx-row-toggle,.dci-row-toggle,.ddl-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;color:#fff;font-size:14px;font-weight:800;line-height:1}.ddx-row-toggle{background:#dc2626;box-shadow:0 10px 22px rgba(220,38,38,.18)}.dci-row-toggle,.ddl-row-toggle{background:#16a34a;box-shadow:0 10px 22px rgba(22,163,74,.18)}.ddx-row-toggle:hover,.ddx-row-toggle:focus{background:#b91c1c;color:#fff}.dci-row-toggle:hover,.dci-row-toggle:focus,.ddl-row-toggle:hover,.ddl-row-toggle:focus{background:#15803d;color:#fff}.ddx-line strong,.dci-line strong,.ddl-line strong{display:block;color:#101828;font-size:13px;font-weight:700}.ddx-line span,.dci-line span,.ddl-line span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}.ddx-chip,.dci-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.ddx-chip.success,.dci-chip.success{background:#ecfdf3;color:#027a48}.ddx-chip.warn{background:#fff7ed;color:#c2410c}.ddx-chip.info{background:#eff6ff;color:#1d4ed8}.ddx-chip.danger{background:#fef2f2;color:#b91c1c}.ddx-chip.neutral,.dci-chip.neutral{background:#f3f4f6;color:#475467}.ddx-actions-col,.dci-actions-col{display:flex;justify-content:flex-end;gap:8px}.ddx-icon-btn,.dci-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.ddx-icon-btn:hover,.ddx-icon-btn:focus,.dci-icon-btn:hover,.dci-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.ddx-empty,.dci-empty,.ddl-empty{padding:28px 18px;text-align:center;color:#667085}.ddx-row-detail,.dci-row-detail,.ddl-row-detail{display:none}.ddx-row-detail td,.dci-row-detail td,.ddl-row-detail td{padding:0;border-bottom:1px solid #eef2f7;background:#fff}.ddx-row-detail-box,.dci-row-detail-box,.ddl-row-detail-box{padding:14px 16px;background:#f8fafc}.ddx-row-detail-grid,.dci-row-detail-grid,.ddl-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddx-row-detail-item small,.dci-row-detail-item small,.ddl-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ddx-row-detail-item span,.dci-row-detail-item span,.ddl-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.ddx-footer,.dci-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.ddx-footer span,.dci-footer span{color:#667085;font-size:12px}.ddx-pagination,.dci-pagination{display:flex;align-items:center;gap:8px}.ddl-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;border-top:1px solid #eef2f7}.ddl-pagination-info{color:#667085;font-size:12px}.ddl-pagination-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ddx-page-btn,.dci-page-btn,.ddl-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.ddx-page-btn.is-active,.dci-page-btn.is-active,.ddl-page-btn.is-active{border-color:#16a34a;background:#f0fdf4;color:#15803d}.wpx-page-btn.is-active{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.ddx-page-btn:disabled,.dci-page-btn:disabled,.ddl-page-btn:disabled{opacity:.45;cursor:not-allowed}.right_col[role="main"] .ddl-main,.right_col[role="main"] .ddl-main *{box-sizing:border-box}.right_col[role="main"] > .ddl-main{width:100%;min-width:0;max-width:100%}.ddl-main{width:100%;min-width:0}.ddl-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;min-width:0}.ddl-shell,.ddl-stack,.ddl-side,.ddl-card,.ddl-table-wrap{min-width:0;max-width:100%}.ddl-side{position:sticky;top:24px;padding:18px}.ddl-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}.ddl-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.ddl-side-meta{display:grid;gap:10px}.ddl-side-meta div{padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.ddl-side-meta label{display:block;margin-bottom:4px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ddl-side-meta strong,.ddl-side-meta span{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.45}.ddl-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 48%,#16a34a 100%);color:#fff;border-radius:8px;padding:24px 26px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px}.ddl-hero-kicker{display:block;margin-bottom:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ddl-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}.ddl-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6;max-width:860px}.ddl-pill-row{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.ddl-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}.ddl-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.ddl-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.ddl-flow-card{padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.ddl-flow-card strong{display:block;color:#0f172a;font-size:13px;font-weight:800}.ddl-flow-card span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.5}

@media(max-width:1100px){.wpx-summary,.wpx-alerts,.wpx-quality,.ddx-summary,.ddx-source-grid,.idx-summary,.idf-summary,.isdv-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wpx-toolbar,.ddx-toolbar,.dci-toolbar,.idx-toolbar,.risk-index-filter-row{grid-template-columns:1fr 1fr}.dci-summary{grid-template-columns:1fr}.ddl-shell,.dcf-shell,.dcr-shell,.dcc-shell,.dce-shell,.idf-shell,.isdv-layout,.risk-create-shell,.risk-edit-shell,.risk-show-shell,.risk-index-summary,.risk-create-overview,.risk-edit-overview,.risk-create-grid,.risk-edit-grid,.risk-method-grid,.risk-show-kpis{grid-template-columns:1fr}.ddl-side,.dcf-side,.dcr-side,.dcc-side,.dce-side,.idf-side{position:static}.ddl-summary,.ddl-flow,.dcf-note-grid,.dcr-note-grid,.idf-note-grid,.idf-repeat-grid,.isdv-section-grid{grid-template-columns:1fr}.dcf-col-8,.dcf-col-6,.dcf-col-4,.dcr-col-6,.dcr-col-4,.dcr-col-3,.dcc-col-6,.dcc-col-3,.dce-col-6,.dce-col-3,.idf-col-8,.idf-col-6,.idf-col-4{grid-column:span 12}.risk-index-table{min-width:760px}}
@media(max-width:980px){.ddx-col-toggle,.dci-col-toggle,.ddl-col-toggle,.idx-col-toggle{display:table-cell}.ddx-row-toggle,.dci-row-toggle,.ddl-row-toggle,.idx-row-toggle{display:inline-flex}.ddx-mobile-hide,.dci-mobile-hide,.ddl-mobile-hide,.idx-mobile-hide{display:none}.ddx-row-detail-grid,.dci-row-detail-grid,.ddl-row-detail-grid,.idx-row-detail-grid{grid-template-columns:1fr}}
@media(max-width:767px){.wpx-hero,.idf-hero,.idx-hero,.isdv-hero,.risk-index-hero,.risk-show-hero,.risk-create-hero,.risk-edit-hero{padding:18px 16px}.wpx-summary,.wpx-alerts,.wpx-quality,.wpx-toolbar,.ddx-summary,.ddx-source-grid,.ddx-toolbar,.dci-toolbar,.idx-summary,.idx-toolbar,.idf-summary,.isdv-summary,.risk-index-summary,.risk-index-filter-row,.risk-create-overview,.risk-edit-overview{grid-template-columns:1fr}.wpx-toolbar-actions,.wpx-footer,.ddx-footer,.dci-footer,.idx-footer,.risk-index-pager{flex-direction:column;align-items:flex-start}.wpx-actions{justify-content:flex-start}.idf-hero-actions,.idf-actions,.isdv-actions,.idx-actions,.risk-index-actions,.risk-create-actions,.risk-edit-actions,.risk-create-stepbar,.risk-edit-stepbar,.risk-show-stepbar{display:grid;grid-template-columns:1fr}.idf-btn,.idf-hero-btn,.isdv-ghost,.idx-ghost,.risk-index-btn,.risk-index-action,.risk-create-btn,.risk-create-action,.risk-edit-btn,.risk-edit-action,.risk-show-stepbtn{width:100%}.risk-index-tools,.risk-index-tool-left,.risk-index-tool-right,.risk-show-stepactions{width:100%}.risk-index-search,.risk-index-size{width:100%;max-width:none}.risk-show-item{display:block}.risk-show-badge{margin-top:10px}}
.ddx-action-col{width:118px;text-align:right!important}.dci-action-col{width:72px;text-align:right!important}
.idx-shell,.isdv-shell{width:100%}.idx-hero,.idf-hero,.isdv-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 52%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.idx-hero h3,.isdv-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.idx-hero p,.isdv-hero p{margin:0;max-width:860px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.idx-meta,.isdv-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.idx-pill,.isdv-pill,.isdv-ghost{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:700;color:#fff}.idx-actions,.isdv-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.idx-ghost,.isdv-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.idx-ghost:hover,.idx-ghost:focus,.isdv-ghost:hover,.isdv-ghost:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}.idx-sync-form{display:inline-flex}.idx-sync-btn{cursor:pointer}.idx-summary,.isdv-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.idx-stat,.isdv-stat{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px 17px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.idx-stat span,.isdv-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.idx-stat strong,.isdv-stat strong{display:block;color:#0f172a;font-size:22px;font-weight:800}.idx-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px}.idx-card,.isdv-side,.isdv-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.idx-card{overflow:hidden}.idx-toolbar{padding:16px;display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(190px,.7fr) minmax(170px,.7fr);gap:12px;align-items:end;border-bottom:1px solid #eef2f7}.idx-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.idx-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}.idx-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.idx-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.idx-tool-btn:hover,.idx-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.idx-table-wrap{width:100%;overflow:auto}.idx-table{width:100%;border-collapse:separate;border-spacing:0}.idx-col-toggle{display:none;width:52px;text-align:center}.idx-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.idx-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.idx-table tr:hover td{background:#fbfdff}.idx-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}.idx-row-toggle:hover,.idx-row-toggle:focus{background:#b91c1c;color:#fff}.idx-line strong{display:block;color:#101828;font-size:13px;font-weight:700}.idx-line span{display:block;margin-top:4px;color:#667085;font-size:12px}.idx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.idx-chip.success{background:#ecfdf3;color:#027a48}.idx-chip.warn{background:#fff7ed;color:#c2410c}.idx-chip.info{background:#eff6ff;color:#1d4ed8}.idx-chip.danger{background:#fef2f2;color:#b91c1c}.idx-chip.neutral{background:#f3f4f6;color:#475467}.idx-actions-col{display:flex;justify-content:flex-end;gap:8px}.idx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.idx-icon-btn:hover,.idx-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.idx-empty{padding:28px 18px;text-align:center;color:#667085}.idx-row-detail{display:none}.idx-row-detail td{padding:0;border-bottom:1px solid #eef2f7;background:#fff}.idx-row-detail-box{padding:14px 16px;background:#f8fafc}.idx-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.idx-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.idx-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.idx-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.idx-footer span{color:#667085;font-size:12px}.idx-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.idx-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.idx-page-btn.is-active{border-color:#b91c1c;background:#fff5f5;color:#b91c1c}.idx-page-btn:disabled{opacity:.45;cursor:not-allowed}.idx-action-col{width:118px;text-align:right!important}.idf-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.idf-side,.idf-main-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.idf-side{position:sticky;top:24px;padding:18px}.idf-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}.idf-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.idf-nav{display:grid;gap:10px}.idf-nav-item{padding:12px 13px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.idf-nav-item strong{display:block;font-size:13px;color:#0f172a}.idf-nav-item span{display:block;margin-top:4px;font-size:12px;color:#667085;line-height:1.5}.idf-hero{padding:24px 26px}.idf-hero-kicker{display:block;margin-bottom:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.idf-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}.idf-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6;max-width:860px}.idf-hero-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.idf-pill,.idf-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;color:#fff}.idf-hero-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.idf-hero-btn{padding:9px 16px;text-decoration:none}.idf-hero-btn:hover,.idf-hero-btn:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.idf-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.idf-stat{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:16px 17px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.idf-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.idf-stat strong{display:block;color:#0f172a;font-size:22px;font-weight:800}.idf-main-card{overflow:hidden}.idf-card-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.idf-card-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}.idf-card-head p{margin:6px 0 0;color:#667085;font-size:13px}.idf-body{padding:20px}.idf-alert{margin-bottom:16px;padding:13px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b42318;font-size:13px;font-weight:700}.idf-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.idf-note{padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.idf-note strong{display:block;color:#0f172a;font-size:13px;font-weight:800}.idf-note span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.5}.idf-form-grid{display:grid;gap:16px}.idf-section{padding:18px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}.idf-section+.idf-section{margin-top:16px}.idf-section h3{margin:0 0 6px;font-size:15px;font-weight:800;color:#0f172a}.idf-section p{margin:0 0 14px;color:#667085;font-size:12px}.idf-row{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.idf-col-12{grid-column:span 12}.idf-col-8{grid-column:span 8}.idf-col-6{grid-column:span 6}.idf-col-4{grid-column:span 4}.idf-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.idf-input,.idf-select,.idf-textarea{width:100%;min-height:40px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#111827;box-shadow:none}.idf-textarea{min-height:124px;resize:vertical}.idf-repeat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.idf-repeat{display:grid;gap:10px}.idf-repeat-item{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.idf-repeat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.idf-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.idf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-weight:700;border:1px solid #d0d5dd;background:#fff;color:#344054;text-decoration:none}.idf-btn:hover,.idf-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.idf-btn-primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.idf-btn-primary:hover,.idf-btn-primary:focus{background:#991b1b;color:#fff}.idf-btn-add{background:#f8fafc}.isdv-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.isdv-side,.isdv-card{padding:18px}.isdv-side h4,.isdv-card h4{margin:0 0 10px;color:#0f172a;font-size:18px;font-weight:800}.isdv-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.isdv-side-grid{display:grid;gap:10px}.isdv-side-item{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.isdv-side-item strong{display:block;color:#101828;font-size:13px}.isdv-side-item span{display:block;margin-top:4px;color:#667085;font-size:12px}.isdv-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.isdv-block{padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.isdv-block span{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.isdv-block div{margin-top:8px;color:#111827;font-size:13px;line-height:1.7;white-space:pre-wrap}
.isdr-body{font-family:DejaVu Sans,Arial,sans-serif;color:#111827;font-size:11px;line-height:1.55}.isdr-page{border:1px solid #d1d5db;border-radius:10px;overflow:hidden}.isdr-hero{padding:18px 20px;background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 54%,#dc2626 100%);color:#fff}.isdr-hero h1{margin:0 0 6px;font-size:20px}.isdr-hero p{margin:0;font-size:11px;color:rgba(255,255,255,.88)}.isdr-section{padding:14px 16px;border-top:1px solid #e5e7eb}.isdr-summary,.isdr-grid,.isdr-signatures{width:100%;border-collapse:separate}.isdr-summary{border-spacing:8px}.isdr-summary td{width:25%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;vertical-align:top}.isdr-summary span,.isdr-grid span{display:block;font-size:9px;text-transform:uppercase;font-weight:700;color:#667085;letter-spacing:.04em}.isdr-summary strong{display:block;margin-top:6px;font-size:11px}.isdr-grid{border-spacing:8px}.isdr-grid td{width:50%;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;vertical-align:top}.isdr-grid strong{display:block;margin-top:6px;font-size:11px;white-space:pre-wrap;font-weight:500}.isdr-signatures{margin-top:18px;border-spacing:18px 0}.isdr-signatures td{width:50%;padding-top:24px;border-top:1px solid #9ca3af;text-align:center;font-size:11px}
.risk-index-hero,.risk-create-hero,.risk-edit-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#f59e0b 100%);color:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px}.risk-index-hero{padding:22px 24px}.risk-create-hero,.risk-edit-hero{padding:24px 24px 22px}.risk-create-kicker,.risk-edit-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:rgba(255,255,255,.86);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.risk-index-hero h3,.risk-show-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-create-hero h3,.risk-edit-hero h3{margin:0 0 8px;color:#fff;font-size:27px;font-weight:800;line-height:1.2}.risk-index-hero p,.risk-create-hero p,.risk-edit-hero p{margin:0;color:rgba(255,255,255,.88);line-height:1.7;font-size:14px}.risk-index-hero p{max-width:900px}.risk-edit-hero p{max-width:920px}.risk-index-meta,.risk-index-actions,.risk-create-meta,.risk-create-actions,.risk-edit-meta,.risk-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-index-pill,.risk-create-pill,.risk-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:700}.risk-index-action,.risk-create-action,.risk-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;min-height:38px}.risk-index-action:hover,.risk-index-action:focus,.risk-create-action:hover,.risk-create-action:focus,.risk-edit-action:hover,.risk-edit-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none}.risk-index-shell{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.risk-index-panel,.risk-create-panel,.risk-edit-panel,.risk-show-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0}.risk-index-head,.risk-create-head,.risk-edit-head,.risk-show-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-index-head h4,.risk-create-head h4,.risk-edit-head h4,.risk-show-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.risk-index-head p,.risk-create-head p,.risk-edit-head p,.risk-show-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.risk-index-body,.risk-create-body,.risk-edit-body,.risk-show-body{padding:18px 20px}.risk-index-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-index-card,.risk-create-overview-card,.risk-edit-overview-card{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:13px 13px 13px 17px}.risk-create-overview-card,.risk-edit-overview-card{box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 14px 14px 18px}.risk-index-card:before,.risk-create-overview-card:before,.risk-edit-overview-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dc2626}.risk-index-card span,.risk-create-overview-card span,.risk-edit-overview-card span{display:block;color:#64748b;font-size:12px}.risk-index-card strong{display:block;margin-top:5px;color:#0f172a;font-size:22px;line-height:1}.risk-create-overview-card strong,.risk-edit-overview-card strong{display:block;margin-top:6px;color:#0f172a;font-size:15px;line-height:1.45}.risk-index-filter{display:grid;gap:10px}.risk-index-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.risk-index-filter label,.risk-create-field label,.risk-edit-field label{display:block;margin:0 0 6px;color:#334155;font-size:13px;font-weight:700}.risk-index-filter select,.risk-index-search,.risk-index-size,.risk-create-field input,.risk-create-field select,.risk-create-field textarea,.risk-edit-field input,.risk-edit-field select,.risk-edit-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.5}.risk-index-search,.risk-index-size{min-height:38px}.risk-index-filter-actions,.risk-create-actions-group,.risk-edit-actions-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.risk-index-btn,.risk-create-btn,.risk-edit-btn,.risk-show-stepbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;min-height:38px;cursor:pointer}.risk-index-btn:hover,.risk-index-btn:focus,.risk-create-btn:hover,.risk-create-btn:focus,.risk-edit-btn:hover,.risk-edit-btn:focus,.risk-show-stepbtn:hover,.risk-show-stepbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-index-btn.primary,.risk-create-btn.primary,.risk-edit-btn.primary,.risk-show-stepbtn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.risk-index-btn.primary:hover,.risk-index-btn.primary:focus,.risk-create-btn.primary:hover,.risk-create-btn.primary:focus,.risk-edit-btn.primary:hover,.risk-edit-btn.primary:focus,.risk-show-stepbtn.primary:hover,.risk-show-stepbtn.primary:focus{background:#b91c1c;color:#fff;border-color:#b91c1c}.risk-index-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.risk-index-tool-left,.risk-index-tool-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.risk-index-search{width:min(320px,100%)}.risk-index-size{width:110px}.risk-index-table-wrap{overflow:auto;min-width:0}.risk-index-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px}.risk-index-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-align:left;padding:11px 12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.risk-index-table td{padding:12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px;vertical-align:middle}.risk-index-title strong{display:block;color:#0f172a;font-size:13px;line-height:1.4}.risk-index-title span{display:block;margin-top:4px;color:#64748b;font-size:12px}.risk-index-badge,.risk-show-badge{display:inline-flex;align-items:center;gap:6px;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}.risk-index-badge{border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}.risk-index-badge.success,.risk-show-badge.success{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.risk-index-badge.muted{border-color:#e5e7eb;color:#64748b;background:#f8fafc}.risk-show-badge{align-self:flex-start;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}.risk-show-badge.danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.risk-index-actions-cell{display:flex;gap:7px;flex-wrap:nowrap}.risk-index-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;text-decoration:none}.risk-index-icon:hover,.risk-index-icon:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-index-empty,.risk-create-empty,.risk-hazard-empty,.risk-show-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;padding:18px;text-align:center}.risk-index-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:14px;color:#64748b;font-size:12px}.risk-index-pager-actions{display:flex;gap:8px}.risk-index-sync-form{display:inline-flex;margin:0}.risk-index-sync-btn{cursor:pointer}.risk-create-overview,.risk-edit-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.risk-create-shell,.risk-edit-shell,.risk-show-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-create-flow,.risk-edit-flow{display:grid;gap:8px}.risk-create-flow a,.risk-edit-flow a,.risk-show-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-create-flow a.active,.risk-create-flow a:hover,.risk-edit-flow a.active,.risk-edit-flow a:hover{background:#fff7ed;border-color:#fed7aa;color:#b45309;text-decoration:none}.risk-show-link:hover,.risk-show-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-show-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.risk-create-quick,.risk-edit-quick{display:grid;gap:10px;margin-top:14px}.risk-create-quick-card,.risk-edit-quick-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-create-quick-card span,.risk-edit-quick-card span,.risk-show-kpi span,.risk-show-side p{display:block;color:#64748b;font-size:12px}.risk-create-quick-card strong,.risk-edit-quick-card strong{display:block;margin-top:4px;color:#0f172a;font-size:13px;line-height:1.45}.risk-create-grid,.risk-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.risk-create-field,.risk-edit-field{display:grid;gap:7px}.risk-create-field.full,.risk-edit-field.full{grid-column:1/-1}.risk-create-field textarea,.risk-edit-field textarea{resize:vertical;min-height:120px}.risk-create-help,.risk-edit-help,.risk-create-stepnote,.risk-edit-stepnote,.risk-show-stepnote{color:#64748b;font-size:12px;line-height:1.5}.risk-create-help.inline-note,.risk-edit-help.inline-note{margin-top:2px}.risk-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-method-card{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.risk-method-card:hover{border-color:#fdba74;background:#fffaf5}.risk-method-card.active{border-color:#f59e0b;background:#fff7ed;box-shadow:0 10px 24px rgba(245,158,11,.14)}.risk-method-card strong{display:block;color:#0f172a;font-size:14px;line-height:1.35}.risk-method-card span{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}.risk-method-card input{position:absolute;opacity:0;pointer-events:none}.risk-create-checklist{display:grid;gap:10px}.risk-create-check{display:flex;align-items:flex-start;gap:10px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-create-check i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#fff7ed;color:#b45309;flex:0 0 auto}.risk-create-check strong{display:block;color:#0f172a;font-size:13px}.risk-create-check span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.risk-create-stepbar,.risk-edit-stepbar,.risk-show-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.risk-create-footer,.risk-edit-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.risk-create-loading,.risk-edit-loading{display:none;align-items:center;gap:8px;color:#dc2626;font-size:12px;font-weight:800}.risk-create-loading.open,.risk-edit-loading.open{display:inline-flex}.risk-hazard-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.risk-hazard-tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
.risk-hazard-tool:hover,.risk-hazard-tool:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#cbd5e1;box-shadow:0 8px 20px rgba(15,23,42,.06)}
.risk-hazard-tool .tool-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:6px;background:#f8fafc;color:inherit;flex:0 0 auto;font-size:11px}
.risk-hazard-tool.is-accent{border-color:#fed7aa;background:#fff7ed;color:#c2410c}
.risk-hazard-tool.is-accent .tool-icon{background:#ffedd5;color:#c2410c}
.risk-hazard-tool.is-accent:hover,.risk-hazard-tool.is-accent:focus{border-color:#fdba74;background:#ffedd5;color:#9a3412}
.risk-hazard-tool.is-strong{border-color:#fca5a5;background:#fef2f2;color:#b91c1c}
.risk-hazard-tool.is-strong .tool-icon{background:#fee2e2;color:#b91c1c}
.risk-hazard-tool.is-strong:hover,.risk-hazard-tool.is-strong:focus{border-color:#f87171;background:#fee2e2;color:#991b1b}
.risk-hazard-tool.is-soft{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}
.risk-hazard-tool.is-soft .tool-icon{background:#dbeafe;color:#1d4ed8}
.risk-hazard-tool.is-soft:hover,.risk-hazard-tool.is-soft:focus{border-color:#93c5fd;background:#dbeafe;color:#1d4ed8}
.risk-hazard-count{display:inline-flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:999px;background:#f8fafc;color:#475569;padding:8px 12px;font-size:12px;font-weight:700}.risk-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:15000}.risk-modal-backdrop.is-open{display:flex}.risk-modal{width:min(680px,100%);border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}.risk-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-modal-head strong{display:block;color:#0f172a;font-size:18px;font-weight:700}.risk-modal-head span{display:block;margin-top:5px;color:#64748b;font-size:13px;line-height:1.55}.risk-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.risk-modal-close:hover,.risk-modal-close:focus{background:#f8fafc;color:#0f172a}.risk-modal-body{padding:18px 20px}.risk-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.risk-modal-field{display:grid;gap:7px}.risk-modal-field.full{grid-column:1/-1}.risk-modal-field label{margin:0;color:#334155;font-size:13px;font-weight:700}.risk-modal-field input,.risk-modal-field select,.risk-modal-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.5}.risk-modal-field textarea{min-height:90px;resize:vertical}.risk-modal-check{display:flex;align-items:center;gap:8px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:10px 12px;color:#334155;font-size:13px;font-weight:700}.risk-modal-check input{width:auto}.risk-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.risk-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;pointer-events:none}.risk-toast{min-width:260px;max-width:360px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.14);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:#0f172a;pointer-events:auto}.risk-toast.success{border-color:#bbf7d0;background:#f0fdf4}.risk-toast.warning{border-color:#fed7aa;background:#fff7ed}.risk-toast i{margin-top:2px;font-size:15px;color:#15803d}.risk-toast.warning i{color:#c2410c}.risk-toast strong{display:block;font-size:13px;font-weight:700;line-height:1.3;margin-bottom:3px}.risk-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}.right_col[role="main"] .risk-show-page,.right_col[role="main"] .risk-show-page *{box-sizing:border-box}.right_col[role="main"] .risk-show-page,.right_col[role="main"]>.risk-show-page{width:100%;max-width:100%;min-width:0}.risk-show-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border-radius:8px;padding:22px 24px}.risk-show-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.92);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.risk-show-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-show-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-show-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-show-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-show-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-show-action:hover,.risk-show-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.risk-show-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.risk-show-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-show-side{display:grid;gap:16px;padding:18px}.risk-show-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-show-side p{margin:0;line-height:1.6}.risk-show-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-show-box small{display:block;margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-show-box strong,.risk-show-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55;word-break:break-word}.risk-show-main{display:grid;gap:18px;min-width:0}.risk-show-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.risk-show-kpi{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}.risk-show-kpi strong{display:block;margin-top:7px;color:#0f172a;font-size:24px;line-height:1;font-weight:800}.risk-show-list{display:grid;gap:10px}.risk-show-item{display:flex;justify-content:space-between;gap:14px;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff}.risk-show-item strong{display:block;color:#0f172a;font-size:13px;line-height:1.45}.risk-show-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}
.dcf-shell,.dcr-shell,.dcc-shell,.dce-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.dcf-side,.dcf-main-card,.dcr-side,.dcr-card,.dcc-side,.dcc-card,.dce-side,.dce-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.dcf-side,.dcr-side,.dcc-side,.dce-side{position:sticky;top:24px;padding:18px}.dcf-side h3,.dcr-side h3,.dcc-side h3,.dce-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}.dcf-side p,.dcr-side p,.dcc-side p,.dce-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.dcf-nav,.dcr-nav,.dcc-nav,.dce-nav{display:grid;gap:10px}.dcf-nav-item,.dcr-nav-item,.dcc-nav-item,.dce-nav-item{padding:12px 13px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.dcf-nav-item strong,.dcr-nav-item strong,.dcc-nav-item strong,.dce-nav-item strong{display:block;font-size:13px;color:#0f172a}.dcf-nav-item span,.dcr-nav-item span,.dcc-nav-item span,.dce-nav-item span{display:block;margin-top:4px;font-size:12px;color:#667085;line-height:1.5}.dcf-hero,.dcr-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 48%,#16a34a 100%);color:#fff;border-radius:8px;padding:24px 26px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px}.dcc-hero,.dce-hero{background:linear-gradient(135deg,#0f172a 0%,#0f766e 52%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px}.dcf-hero-kicker,.dcr-hero-kicker{display:block;margin-bottom:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dcf-hero h1,.dcr-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}.dcc-hero h1,.dce-hero h1{margin:0 0 8px;font-size:28px;font-weight:800;color:#fff}.dcf-hero p,.dcr-hero p,.dcc-hero p,.dce-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.dcf-hero p,.dcr-hero p{max-width:860px}.dcc-hero p,.dce-hero p{max-width:760px}.dcf-hero-meta,.dcr-pill-row,.dcc-meta,.dce-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.dcf-hero-meta,.dcr-pill-row{margin-top:14px}.dcf-pill,.dcr-pill,.dcc-pill,.dce-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}.dcf-hero-actions,.dcr-hero-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.dcf-ghost,.dcr-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.dcf-ghost:hover,.dcf-ghost:focus,.dcr-ghost:hover,.dcr-ghost:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}.dcf-main-card,.dcr-card,.dcc-card,.dce-card{overflow:hidden}.dcf-card-head,.dcr-head,.dcc-head,.dce-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.dcf-card-head h2,.dcr-head h2,.dcc-head h2,.dce-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}.dcf-card-head p,.dcr-head p,.dcc-head p,.dce-head p{margin:6px 0 0;color:#667085;font-size:13px}.dcf-body,.dcr-body,.dcc-body,.dce-body{padding:20px}.dcf-grid,.dcr-grid,.dcc-grid,.dce-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.dcf-col-12,.dcr-col-12,.dcc-col-12,.dce-col-12{grid-column:span 12}.dcf-col-8{grid-column:span 8}.dcf-col-6,.dcr-col-6,.dcc-col-6,.dce-col-6{grid-column:span 6}.dcf-col-4,.dcr-col-4{grid-column:span 4}.dcc-col-3,.dce-col-3,.dcr-col-3{grid-column:span 3}.dcf-field label,.dcr-field label,.dcc-field label,.dce-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.dcf-field .form-control,.dcr-field .form-control,.dcc-field .form-control,.dce-field .form-control{min-height:40px;border-radius:8px;border-color:#d0d5dd;box-shadow:none}.dcf-field textarea.form-control{min-height:124px;resize:vertical}.dcr-field textarea.form-control{min-height:120px;resize:vertical}.dcf-note-grid,.dcr-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.dcf-note,.dcr-note,.dcc-note,.dce-note{padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.dcc-note,.dce-note{margin-bottom:12px}.dcf-note strong,.dcr-note strong,.dcc-note strong,.dce-note strong{display:block;color:#0f172a;font-size:13px;font-weight:800}.dcf-note span,.dcr-note span,.dcc-note span,.dce-note span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.5}.dcf-section{padding:18px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}.dcf-section+.dcf-section{margin-top:16px}.dcf-section h3{margin:0 0 6px;font-size:15px;font-weight:800;color:#0f172a}.dcf-section p{margin:0 0 14px;color:#667085;font-size:12px}.dcf-actions,.dcr-actions,.dcc-actions,.dce-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.dcf-btn,.dcr-btn,.dcc-btn,.dce-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-weight:700;border:1px solid #d0d5dd;background:#fff;color:#344054}.dcf-btn:hover,.dcf-btn:focus,.dcr-btn:hover,.dcr-btn:focus,.dcc-btn:hover,.dcc-btn:focus,.dce-btn:hover,.dce-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.dcf-btn-primary,.dcr-btn-primary,.dcc-btn-primary,.dce-btn-primary{border-color:#16a34a;background:#16a34a;color:#fff}.dcf-btn-primary:hover,.dcf-btn-primary:focus,.dcr-btn-primary:hover,.dcr-btn-primary:focus,.dcc-btn-primary:hover,.dcc-btn-primary:focus,.dce-btn-primary:hover,.dce-btn-primary:focus{background:#15803d;color:#fff}.dcf-alert,.dcr-alert,.dcc-alert,.dce-alert{margin-bottom:16px;padding:13px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b42318;font-size:13px;font-weight:700}.dcf-context{margin-bottom:16px;padding:14px;border-radius:8px;border:1px solid #bbf7d0;background:#f0fdf4}.dcf-context strong{display:block;color:#166534;font-size:13px;font-weight:800}.dcf-context span{display:block;margin-top:4px;color:#166534;font-size:12px;line-height:1.55}

/* Compliance: Status / Obligations / Gap */
.cmp-shell,.cmpo-shell,.cga-shell{width:100%}
.cmp-hero,.cmpo-hero,.cga-hero{background:linear-gradient(135deg,#111827 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.cmp-hero h1,.cmpo-hero h1,.cga-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff}
.cmp-hero p,.cmpo-hero p,.cga-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.cmp-hero p{max-width:900px}.cmpo-hero p{max-width:920px}.cga-hero p{max-width:940px}
.cmp-meta,.cmp-actions,.cmpo-meta,.cmpo-actions,.cga-meta,.cga-actions{display:flex;gap:8px;flex-wrap:wrap}
.cmp-meta,.cmpo-meta,.cga-meta{margin-top:14px}
.cmp-actions,.cmpo-actions,.cga-actions{margin-top:16px}
.cmp-pill,.cmp-hero-btn,.cmpo-pill,.cmpo-hero-btn,.cga-pill,.cga-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}
.cmp-pill,.cmpo-pill,.cga-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.cmp-hero-btn,.cmpo-hero-btn,.cga-hero-btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.cmp-hero-btn:hover,.cmp-hero-btn:focus,.cmpo-hero-btn:hover,.cmpo-hero-btn:focus,.cga-hero-btn:hover,.cga-hero-btn:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}
.cmp-layout,.cmpo-layout,.cga-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.cmp-side,.cmp-main,.cmpo-side,.cmpo-main,.cga-side,.cga-main{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.cmp-side,.cmpo-side,.cga-side{position:sticky;top:24px;padding:18px}
.cmp-side h3,.cmpo-side h3,.cga-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}
.cmp-side p,.cmpo-side p,.cga-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}
.cmp-nav,.cmpo-nav,.cga-nav{display:grid;gap:10px}
.cmp-nav-item,.cmpo-nav-item,.cga-nav-item{display:block;padding:12px 13px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb;text-decoration:none}
.cmp-nav-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cmpo-nav-item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cmp-nav-copy,.cmpo-nav-copy{display:block;min-width:0}
.cmp-nav-item strong,.cmpo-nav-item strong,.cga-nav-item strong{display:block;font-size:13px;color:#0f172a}
.cmp-nav-item span,.cmpo-nav-item span,.cga-nav-item span{display:block;margin-top:4px;font-size:12px;color:#667085;line-height:1.5}
.cmp-nav-no,.cmpo-nav-no{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}
.cmp-nav-item:hover,.cmp-nav-item:focus,.cmpo-nav-item:hover,.cmpo-nav-item:focus,.cga-nav-item:hover,.cga-nav-item:focus{text-decoration:none;background:#fff5f5;border-color:#fecaca}
.cmp-nav-item.is-active,.cmpo-nav-item.is-active,.cga-nav-item.is-active{background:#fff5f5;border-color:#fca5a5;box-shadow:inset 0 0 0 1px #fecaca}
.cmp-nav-item.is-active .cmp-nav-no,.cmpo-nav-item.is-active .cmpo-nav-no{background:#b42318}
.cmp-side-stats,.cmpo-side-stats{display:grid;gap:10px;margin-top:14px}
.cmp-side-stat,.cmpo-side-stat{padding:12px 13px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa}
.cmp-side-stat strong,.cmpo-side-stat strong{display:block;font-size:18px;font-weight:800;color:#9a3412}
.cmp-side-stat span,.cmpo-side-stat span{display:block;margin-top:4px;font-size:12px;color:#9a3412}
.cmp-side-context,.cmpo-side-context{display:grid;gap:10px;margin-top:14px;padding:13px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}
.cmp-side-context-item small,.cmpo-side-context-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.cmp-side-context-item strong,.cmpo-side-context-item strong{display:block;color:#0f172a;font-size:13px;font-weight:800;line-height:1.5}
.cmp-main,.cmpo-main,.cga-main{overflow:hidden}
.cmp-section,.cmpo-section,.cga-section{padding:22px}
.cmp-section + .cmp-section,.cmpo-section + .cmpo-section,.cga-section + .cga-section{border-top:1px solid #eef2f7}
.cmp-section[hidden],.cmpo-section[hidden],.cga-section[hidden]{display:none}
.cmp-section-head,.cmpo-section-head,.cga-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.cmp-section-head h2,.cmpo-section-head h2,.cga-section-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}
.cmp-section-head p,.cmpo-section-head p,.cga-section-head p{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.6}
.cmp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cmp-gap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.cmpo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cga-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cmp-stat,.cmpo-stat,.cga-stat{border:1px solid #eef2f7;border-left:4px solid #dc2626;border-radius:8px;background:#fff;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.cmp-stat.success,.cmpo-stat.success,.cga-stat.success{border-left-color:#16a34a}
.cmp-stat.warn,.cmpo-stat.warn,.cga-stat.warn{border-left-color:#f59e0b}
.cmp-stat.danger{border-left-color:#dc2626}
.cmp-stat.info,.cmpo-stat.info,.cga-stat.info{border-left-color:#2563eb}
.cmp-stat-link,.cga-stat-link{display:block;text-decoration:none}
.cmp-stat-link:hover,.cmp-stat-link:focus,.cga-stat-link:hover,.cga-stat-link:focus{text-decoration:none}
.cmp-stat-link .cmp-stat,.cga-stat-link .cga-stat{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cmp-stat-link:hover .cmp-stat,.cmp-stat-link:focus .cmp-stat,.cga-stat-link:hover .cga-stat,.cga-stat-link:focus .cga-stat{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,23,42,.10)}
.cmp-stat span,.cmpo-stat span,.cga-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.cmp-stat strong,.cmpo-stat strong,.cga-stat strong{display:block;color:#101828;font-size:24px;font-weight:800}
.cmp-card-inner,.cmp-card-soft,.cmpo-card,.cga-card{border:1px solid #eef2f7;border-radius:8px;padding:16px}
.cmp-card-inner,.cmpo-card,.cga-card{background:#fcfcfd}
.cmp-card-soft,.cga-card.soft{background:#f8fafc}
.cmp-card-soft strong{display:block;color:#0f172a;font-size:13px;font-weight:800}
.cmp-card-soft span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.6}
.cmpo-card + .cmpo-card{margin-top:14px}
.cmpo-card h3{margin:0 0 6px;font-size:15px;font-weight:800;color:#0f172a}
.cmpo-card p{margin:0;color:#667085;font-size:13px;line-height:1.6}
.cmpo-list{display:grid;gap:12px}
.cmpo-list-item{padding:14px 15px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.cmpo-list-item strong{display:block;color:#0f172a;font-size:13px;font-weight:800}
.cmpo-list-item span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.6}
.cmp-field label,.cmpo-field label,.cga-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.cmp-field .form-control,.cmpo-inline-field .form-control,.cga-inline-field .form-control,.cga-field .form-control,.cmp-field .form-control{min-height:40px;border-radius:8px;border:1px solid #d0d5dd;box-shadow:none}
.cmp-form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}
.cmp-col-12{grid-column:span 12}.cmp-col-6{grid-column:span 6}.cmp-col-4{grid-column:span 4}
.cmp-table-tools,.cmpo-table-tools,.cga-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cmp-table-tools{margin-top:6px}.cmpo-table-tools{padding:0 18px;margin-bottom:12px}
.cmp-table-tools-left,.cmp-table-tools-right,.cmpo-table-tools-left,.cmpo-table-tools-right,.cga-table-tools-left,.cga-table-tools-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cmp-inline-field,.cmpo-inline-field,.cga-inline-field{display:flex;align-items:center;gap:8px}
.cmp-inline-field label,.cmpo-inline-field label,.cga-inline-field label{margin:0;color:#475467;font-size:12px;font-weight:700;white-space:nowrap}
.cmp-inline-field .form-control,.cmpo-inline-field .form-control,.cga-inline-field .form-control{min-height:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;min-width:84px}
.cmp-table-summary,.cmp-table-page-status,.cmpo-table-summary,.cmpo-table-page-status,.cga-table-summary,.cga-table-page-status,.cmp-flow-status,.cmpo-flow-status,.cga-flow-status{color:#667085;font-size:12px;font-weight:700}
.cmp-table-wrap,.cmpo-table-wrap,.cga-table-wrap{overflow:auto;margin-top:18px;border-top:1px solid #eef2f7}
.cmpo-table-wrap{padding:18px}
.cmp-table,.cmpo-table,.cga-table{width:100%;border-collapse:separate;border-spacing:0}
.cmp-col-toggle,.cmpo-col-toggle,.cga-col-toggle{display:none;width:52px;text-align:center}
.cmp-table th,.cmpo-table th,.cga-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.cmp-table td,.cmpo-table td,.cga-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top;background:#fff}
.cmp-table tr:hover td,.cmpo-table tr:hover td{background:#fbfdff}
.cmp-table tbody tr:last-child td,.cmpo-table tbody tr:last-child td{border-bottom:0}
.cmp-table tr.cmp-row-focus td,.cmpo-table tr.cmpo-row-focus td{background:#fff7ed!important;box-shadow:inset 0 1px 0 #fdba74,inset 0 -1px 0 #fdba74}
.cmp-table tr.cmp-row-focus td:first-child,.cmpo-table tr.cmpo-row-focus td:first-child{box-shadow:inset 3px 0 0 #dc2626,inset 0 1px 0 #fdba74,inset 0 -1px 0 #fdba74}
.cmp-row-detail.cmp-row-focus td,.cmpo-row-detail.cmpo-row-focus td{background:#fff7ed!important}
@keyframes cmpRowPulse{0%{background:#fee2e2}100%{background:#fff7ed}}
@keyframes cmpoRowPulse{0%{background:#fee2e2}100%{background:#fff7ed}}
.cmp-table tr.cmp-row-pulse td{animation:cmpRowPulse 1.4s ease}
.cmpo-table tr.cmpo-row-pulse td{animation:cmpoRowPulse 1.4s ease}
.cmp-chip,.cmpo-chip,.cga-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.cmp-chip.success{background:#ecfdf3;color:#027a48}.cmp-chip.warn,.cmpo-chip.warn{background:#fff7ed;color:#c2410c}.cmp-chip.danger,.cmpo-chip.danger{background:#fef2f2;color:#b91c1c}.cmpo-chip.info{background:#eff6ff;color:#1d4ed8}
.cga-chip.missing{background:#fef2f2;color:#b91c1c}.cga-chip.pending{background:#fff7ed;color:#c2410c}.cga-chip.non_compliant{background:#fee2e2;color:#991b1b}.cga-chip.compliant{background:#ecfdf3;color:#027a48}.cga-chip.action{background:#eff6ff;color:#1d4ed8}
.cmp-alert{margin:0 22px 18px;padding:13px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b42318;font-size:13px;font-weight:700}
.cmp-btn,.cmpo-btn,.cga-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #dc2626;background:#dc2626;color:#fff;font-weight:700}
.cmp-btn-ghost,.cmpo-btn-ghost,.cga-btn-ghost,.cga-toast-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700}
.cga-toast-btn{min-height:30px;padding:0 10px;font-size:12px}
.cmp-action-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 0}
.cmp-action-note{color:#667085;font-size:12px;line-height:1.6}
.cmp-evidence-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.cmp-evidence-card{border:1px solid #eef2f7;border-left:4px solid #dc2626;border-radius:8px;background:#fff;padding:14px 16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.cmp-evidence-card.mod-doc{border-left-color:#16a34a}.cmp-evidence-card.mod-dof{border-left-color:#dc2626}.cmp-evidence-card.mod-pc{border-left-color:#2563eb}.cmp-evidence-card.mod-other{border-left-color:#f59e0b}
.cmp-evidence-card span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.cmp-evidence-card strong{display:block;color:#101828;font-size:22px;font-weight:800}
.cmp-evidence{margin-top:6px;padding-top:6px;border-top:1px dashed #e5e7eb}
.cmp-evidence span{display:block;color:#667085;font-size:12px;line-height:1.5}
.cmp-evidence a{display:inline-flex;align-items:center;gap:6px;margin-top:6px;color:#b91c1c;font-size:12px;font-weight:700;text-decoration:none}
.cmp-evidence a:hover,.cmp-evidence a:focus{text-decoration:none;color:#991b1b}
.cmp-mini-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;margin-top:6px}
.cmp-mini-chip.mod-dof{background:#fef2f2;color:#b91c1c}.cmp-mini-chip.mod-doc{background:#ecfdf3;color:#027a48}.cmp-mini-chip.mod-pc{background:#eff6ff;color:#1d4ed8}.cmp-mini-chip.mod-edu{background:#f5f3ff;color:#6d28d9}.cmp-mini-chip.mod-workplace{background:#fff7ed;color:#c2410c}.cmp-mini-chip.mod-other{background:#f8fafc;color:#475467}
.cmp-row-toggle,.cmpo-row-toggle,.cga-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}
.cmp-row-toggle:hover,.cmp-row-toggle:focus,.cmpo-row-toggle:hover,.cmpo-row-toggle:focus{background:#b91c1c;color:#fff}
.cmp-row-detail,.cmpo-row-detail,.cga-row-detail{display:none}
.cmp-row-detail td,.cmpo-row-detail td,.cga-row-detail td{padding:0;border-bottom:1px solid #eef2f7;background:#fff}
.cmp-row-detail-box,.cmpo-row-detail-box,.cga-row-detail-box{padding:14px 16px;background:#f8fafc}
.cmp-row-detail-grid,.cmpo-row-detail-grid,.cga-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cmp-row-detail-item small,.cmpo-row-detail-item small,.cga-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.cmp-row-detail-item span,.cmpo-row-detail-item span,.cga-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}
.cmp-table-pagination,.cmpo-table-pagination,.cga-table-pagination,.cmp-flow-nav,.cmpo-flow-nav,.cga-flow-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cmp-table-pagination{justify-content:flex-end;margin-top:14px}.cmpo-table-pagination{justify-content:flex-end;padding:12px 18px;margin-top:0}.cga-table-pagination{margin-top:14px}
.cmp-flow-nav,.cmpo-flow-nav,.cga-flow-nav{padding:18px 22px;border-top:1px solid #eef2f7;background:#f8fafc}
.cmpo-icon-actions,.cga-icon-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.cmpo-icon-btn,.cga-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;text-decoration:none;box-shadow:0 8px 18px rgba(15,23,42,.06);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,color .18s ease}
.cmpo-icon-btn:hover,.cmpo-icon-btn:focus,.cga-icon-btn:hover,.cga-icon-btn:focus{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 22px rgba(15,23,42,.10)}
.cmpo-icon-btn.primary,.cga-icon-btn.primary{border-color:#fecaca;background:#fff5f5;color:#b91c1c}.cmpo-icon-btn.info{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.cmpo-icon-btn.ghost,.cga-icon-btn.ghost{color:#334155}
.cmp-toast-wrap,.cmpo-toast-wrap,.cga-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(380px,calc(100vw - 28px));pointer-events:none}
.cmp-toast,.cmpo-toast,.cga-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}
.cmp-toast.is-visible,.cmpo-toast.is-visible,.cga-toast.is-visible{opacity:1;transform:translateY(0)}
.cmp-toast.warning,.cmpo-toast.warning,.cga-toast.warning{border-color:#fed7aa;background:#fff7ed}
.cmp-toast.danger,.cmpo-toast.danger,.cga-toast.danger{border-color:#fecaca;background:#fef2f2}
.cmp-toast i,.cmpo-toast i,.cga-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}
.cmp-toast.warning i,.cmpo-toast.warning i,.cga-toast.warning i{background:#ffedd5;color:#c2410c}
.cmp-toast.danger i,.cmpo-toast.danger i,.cga-toast.danger i{background:#fee2e2;color:#b91c1c}
.cmp-toast strong,.cmpo-toast strong,.cga-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}
.cmp-toast span,.cmpo-toast span,.cga-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}
.cga-toast-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cmp-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.56);z-index:15000}
.cmp-modal.is-open{display:flex}
.cmp-modal-dialog{width:min(860px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.28)}
.cmp-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #eef2f7}
.cmp-modal-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}
.cmp-modal-head p{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.6}
.cmp-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.cmp-modal-close:hover,.cmp-modal-close:focus{text-decoration:none;background:#f8fafc;color:#111827}
.cmp-modal-body{padding:18px 20px}
.cmp-form-actions-end{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.cmp-spacer-top-12,.cmpo-spacer-top-12{margin-top:12px}
.cmp-spacer-top-18,.cmpo-spacer-top-18,.cga-spacer-top-18{margin-top:18px}
.cmp-head-compact{margin-bottom:10px}
.cmp-title-sm{font-size:16px!important}
.cmp-strip-tight{margin-top:0}
.cmp-grid-gap-bottom{margin-bottom:14px}
.cmp-empty-cell,.cmpo-empty-cell,.cga-empty-cell{padding:24px 14px!important;color:#667085!important}
.cmp-subline,.cmpo-subline,.cga-subline{color:#667085;font-size:12px}
.cmp-link-inline{display:inline-flex;align-items:center;gap:6px;margin-top:4px;color:#b91c1c;font-weight:700;text-decoration:none}
.cmp-link-inline:hover,.cmp-link-inline:focus{text-decoration:none;color:#991b1b}
.cmp-alert-inline{margin:0 0 18px}
.cmpo-card-top{margin-top:18px}
.cmpo-title-top{margin-top:14px}
.cmpo-action-link{margin:0 8px 8px 0}
.cga-actions-top{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.cga-head-top{margin-top:18px}
.cga-card-bottom{margin-bottom:14px}
.cga-flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cga-copy-strong{display:block;color:#0f172a;font-size:14px;font-weight:800}
.cga-copy-span{display:block;margin-top:4px;color:#667085;font-size:13px;line-height:1.6}
.cga-actions-wrap{display:flex;gap:8px;flex-wrap:wrap}
.cga-btn-ghost.is-suggested{border-color:#dc2626;color:#dc2626}

@media(max-width:1100px){.cmp-layout,.cmpo-layout,.cga-layout{grid-template-columns:1fr}.cmp-side,.cmpo-side,.cga-side{position:static}.cmp-grid,.cmpo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmp-gap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cga-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.cmp-toolbar{grid-template-columns:1fr}.cmp-col-6,.cmp-col-4{grid-column:span 12}.cmp-evidence-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.cmp-col-toggle,.cmpo-col-toggle,.cga-col-toggle{display:table-cell}.cmp-row-toggle,.cmpo-row-toggle,.cga-row-toggle{display:inline-flex}.cmp-mobile-hide,.cmpo-mobile-hide,.cga-mobile-hide{display:none}.cmp-row-detail-grid,.cmpo-row-detail-grid,.cga-row-detail-grid{grid-template-columns:1fr}}
@media(max-width:700px){.cmp-grid,.cmpo-grid,.cmp-gap-grid,.cmp-evidence-summary,.cga-grid{grid-template-columns:1fr}.cmp-table-tools,.cmp-flow-nav,.cmp-action-strip,.cmpo-flow-nav,.cmpo-table-tools,.cga-table-tools,.cga-flow-nav,.cga-table-pagination{flex-direction:column;align-items:stretch}.cmp-table-tools-left,.cmp-table-tools-right,.cmpo-table-tools-left,.cmpo-table-tools-right,.cga-table-tools-left,.cga-table-tools-right{width:100%}.cmp-inline-field,.cmpo-inline-field,.cga-inline-field{width:100%;justify-content:space-between}.cmp-inline-field .form-control,.cmpo-inline-field .form-control,.cga-inline-field .form-control{flex:1;min-width:0}}

/* Legislation: Index / Show / AI */
.leg-shell,.lga-shell{width:100%}
.onb-hero{background:linear-gradient(135deg,#0f172a 0%,#0f766e 48%,#16a34a 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.onb-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff}.onb-hero p{margin:0;max-width:920px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.bil-shell{width:100%;min-width:0}.bil-hero{background:linear-gradient(120deg,#0b3a53 0%,#0f766e 48%,#15803d 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,118,110,.16)}.bil-hero h1{margin:0 0 8px;color:#fff;font-size:30px;font-weight:800}.bil-hero p{margin:0;max-width:900px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6}.bil-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.bil-stat{display:block;border:1px solid #dbe5eb;border-left:4px solid #0f766e;border-radius:8px;background:#fff;padding:15px 16px;color:#17324a;text-decoration:none}.bil-stat:hover{color:#17324a;text-decoration:none;border-color:#9dc7c4}.bil-stat span{display:block;color:#52667a;font-size:11px;font-weight:800;text-transform:uppercase}.bil-stat strong{display:block;margin:6px 0 4px;font-size:22px;color:#112f45}.bil-stat small{display:block;color:#617386;font-size:12px;line-height:1.45}.bil-warn{border-left-color:#d97706}.bil-danger{border-left-color:#dc2626}.bil-success{border-left-color:#16a34a}.bil-table-tools{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;color:#52667a}.bil-table-tools label{display:flex;align-items:center;gap:7px;margin:0}.bil-table-tools select{width:72px;height:34px;padding:4px 8px}.bil-table-tools>span{margin-left:auto}.bil-search{position:relative;min-width:220px}.bil-search i{position:absolute;left:10px;top:10px;color:#68798a}.bil-search input{height:34px;padding-left:30px}.bil-table-wrap{width:100%;overflow:auto;border:1px solid #dbe5eb;border-radius:8px;background:#fff}.bil-table{width:100%;min-width:920px;border-collapse:collapse}.bil-table th{background:#f4f7f9;color:#385166;font-size:11px;text-transform:uppercase;font-weight:800;white-space:nowrap}.bil-table th,.bil-table td{padding:12px 13px;border-bottom:1px solid #e5edf1;vertical-align:middle}.bil-table td{font-size:13px;color:#31485c}.bil-table td>span:not(.bil-chip){display:block;margin-top:3px;color:#68798a;font-size:12px}.bil-table tbody tr:last-child td{border-bottom:0}.bil-empty{text-align:center!important;color:#6b7c8d!important;padding:30px!important}.bil-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.bil-chip.info{background:#e8f1f7;color:#2f5d80}.bil-chip.warn{background:#fff4dc;color:#9a5c00}.bil-chip.success{background:#e5f6eb;color:#18733d}.bil-chip.danger{background:#fdeaea;color:#b42318}.bil-muted{color:#718294;font-size:12px}.bil-action-col{width:70px}.bil-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #bed0db;border-radius:7px;color:#0f766e;background:#fff}.bil-icon-btn:hover{background:#ecf8f5;color:#0b5d57}.bil-pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:#617386}.bil-form{width:100%}.bil-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bil-detail-grid>div{border:1px solid #dfe8ed;border-radius:7px;padding:12px;background:#fbfcfd}.bil-detail-grid span{display:block;color:#68798a;font-size:11px;text-transform:uppercase;font-weight:800}.bil-detail-grid strong{display:block;margin-top:5px;color:#18344a;font-size:14px;line-height:1.5}.bil-detail-full{grid-column:1/-1}.bil-payment-form{padding:0 0 16px}.bil-form-actions{display:flex;justify-content:flex-end;margin-top:12px}@media(max-width:960px){.bil-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bil-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.bil-hero{padding:18px}.bil-hero h1{font-size:24px}.bil-summary{grid-template-columns:1fr}.bil-table-tools{flex-wrap:wrap}.bil-table-tools>span{margin-left:0}.bil-search{width:100%;min-width:0}.bil-detail-grid{grid-template-columns:1fr}.bil-pager{justify-content:space-between}}
.bil-print-body{margin:0;background:#edf2f5;color:#132c3d;font:13px/1.5 Arial,sans-serif}.bil-print-actions{max-width:1020px;margin:18px auto 0;display:flex;justify-content:flex-end;gap:8px}.bil-print-actions a,.bil-print-actions button{border:1px solid #0f766e;border-radius:7px;background:#fff;color:#0f766e;padding:9px 12px;font-size:12px;font-weight:800;text-decoration:none}.bil-print-actions button{background:#0f766e;color:#fff}.bil-print-sheet{max-width:1020px;margin:14px auto 24px;padding:34px;background:#fff;border:1px solid #d8e1e7}.bil-print-sheet header{display:flex;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:2px solid #0f766e}.bil-print-sheet header small{font-weight:800;letter-spacing:.12em;color:#0f766e}.bil-print-sheet h1{margin:4px 0;color:#16344a;font-size:24px}.bil-print-sheet header p{margin:0;color:#607386}.bil-print-sheet dl{display:grid;grid-template-columns:auto auto;gap:4px 15px;margin:0;font-size:12px}.bil-print-sheet dt{color:#607386}.bil-print-sheet dd{margin:0;font-weight:800;text-align:right}.bil-print-sheet section{margin-top:22px}.bil-print-sheet h2{margin:0 0 9px;color:#16344a;font-size:14px}.bil-print-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #d9e4e9}.bil-print-grid>div{padding:10px;border-right:1px solid #d9e4e9}.bil-print-grid>div:last-child{border-right:0}.bil-print-grid span,.bil-print-sheet td small{display:block;color:#637788;font-size:11px}.bil-print-grid strong{display:block;margin-top:3px}.bil-print-sheet table{width:100%;border-collapse:collapse}.bil-print-sheet th,.bil-print-sheet td{padding:9px;border:1px solid #d9e4e9;text-align:left;vertical-align:top}.bil-print-sheet th{background:#eff6f6;color:#25465a;font-size:11px;text-transform:uppercase}.bil-print-sheet footer{margin-top:28px;padding-top:12px;border-top:1px solid #d9e4e9;color:#637788;font-size:11px}@media print{.bil-print-actions{display:none!important}.bil-print-body{background:#fff}.bil-print-sheet{max-width:none;margin:0;border:0;padding:0}.bil-print-sheet h1{font-size:21px}}@media(max-width:720px){.bil-print-sheet{padding:20px}.bil-print-sheet header{display:block}.bil-print-sheet dl{margin-top:14px;width:max-content}.bil-print-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bil-print-grid>div:nth-child(2){border-right:0}}
.bil-form textarea.form-control,.bil-textarea{min-height:112px;line-height:1.55;resize:vertical}.bil-note-cell{min-width:220px;white-space:normal;line-height:1.55}
.bil-section-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:16px}.bil-invoice-edit{margin-top:16px;padding-top:16px;border-top:1px solid #e5edf1}.bil-danger-btn{border-color:#fecaca!important;color:#b42318!important;background:#fff5f5!important}.bil-danger-btn:hover,.bil-danger-btn:focus{border-color:#fca5a5!important;background:#fee2e2!important;color:#991b1b!important}
.bil-refund-form{margin-top:18px;padding-top:18px;border-top:1px solid #e5edf1}.bil-refund-head{margin-bottom:16px}.bil-refund-head h3{margin:0;color:#17324a;font-size:16px;font-weight:800}.bil-refund-head p{margin:5px 0 0;color:#617386;font-size:12px;line-height:1.55}
.leg-hero,.legd-hero,.lga-hero{background:linear-gradient(135deg,#111827 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.leg-hero h1,.legd-hero h1,.lga-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff}
.leg-hero p,.legd-hero p,.lga-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.leg-hero p{max-width:920px}.legd-hero p{max-width:900px}.lga-hero p{max-width:960px}
.leg-meta,.leg-actions,.legd-meta,.legd-actions,.lga-meta,.lga-actions{display:flex;gap:8px;flex-wrap:wrap}
.leg-meta,.legd-meta,.lga-meta{margin-top:14px}
.leg-actions,.legd-actions,.lga-actions{margin-top:16px}
.leg-pill,.leg-hero-btn,.legd-pill,.legd-btn,.lga-pill,.lga-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700}
.leg-pill,.legd-pill,.lga-pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}
.leg-hero-btn,.legd-btn,.lga-hero-btn{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.leg-hero-btn:hover,.leg-hero-btn:focus,.legd-btn:hover,.legd-btn:focus,.lga-hero-btn:hover,.lga-hero-btn:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}
.leg-layout,.lga-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.leg-side,.leg-main,.lga-side,.lga-main{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.leg-side,.lga-side{position:sticky;top:24px;padding:18px}
.leg-side h3,.lga-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}
.leg-side p,.lga-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}
.leg-nav,.lga-nav{display:grid;gap:10px}
.leg-nav-item,.lga-nav-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;text-decoration:none}
.leg-nav-item{display:block;padding:12px 13px}
.lga-nav-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:12px 13px}
.leg-nav-item strong,.lga-nav-item strong{display:block;font-size:13px;color:#0f172a}
.leg-nav-item span,.lga-nav-copy span{display:block;margin-top:4px;font-size:12px;color:#667085;line-height:1.5}
.leg-nav-item:hover,.leg-nav-item:focus,.lga-nav-item:hover,.lga-nav-item:focus{text-decoration:none;background:#fff5f5;border-color:#fecaca}
.leg-nav-item.is-active,.lga-nav-item.is-active{background:#fff5f5;border-color:#fca5a5;box-shadow:inset 0 0 0 1px #fecaca}
.leg-side-stats{display:grid;gap:10px;margin-top:14px}
.leg-side-stat{padding:12px 13px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa}
.leg-side-stat strong{display:block;font-size:18px;font-weight:800;color:#9a3412}
.leg-side-stat span{display:block;margin-top:4px;font-size:12px;color:#9a3412}
.leg-toast-wrap,.lga-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(380px,calc(100vw - 28px));pointer-events:none}
.leg-toast,.lga-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}
.leg-toast.is-visible,.lga-toast.is-visible{opacity:1;transform:translateY(0)}
.leg-toast.warning,.lga-toast.warning{border-color:#fed7aa;background:#fff7ed}
.leg-toast.danger,.lga-toast.danger{border-color:#fecaca;background:#fef2f2}
.leg-toast i,.lga-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}
.leg-toast.warning i,.lga-toast.warning i{background:#ffedd5;color:#c2410c}
.leg-toast.danger i,.lga-toast.danger i{background:#fee2e2;color:#b91c1c}
.leg-toast strong,.lga-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}
.leg-toast span,.lga-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}
.leg-main,.lga-main{overflow:hidden}
.leg-section,.lga-section{padding:22px}
.leg-section + .leg-section,.lga-section + .lga-section{border-top:1px solid #eef2f7}
.leg-section[hidden],.lga-section[hidden]{display:none}
.leg-section-head,.lga-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.leg-section-head h2,.lga-section-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}
.leg-section-head p,.lga-section-head p{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.6}
.leg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.leg-stat{border:1px solid #eef2f7;border-left:4px solid #dc2626;border-radius:8px;background:#fff;padding:16px;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.leg-stat.success{border-left-color:#16a34a}.leg-stat.info{border-left-color:#2563eb}.leg-stat.warn{border-left-color:#f59e0b}.leg-stat.neutral{border-left-color:#64748b}
.leg-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.leg-stat strong{display:block;color:#101828;font-size:24px;font-weight:800}
.leg-card,.lga-card{border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd;padding:16px}
.leg-card + .leg-card,.lga-card + .lga-card{margin-top:14px}
.leg-card h3,.lga-card h3{margin:0 0 8px;font-size:15px;font-weight:800;color:#0f172a}
.leg-card p,.lga-card p{margin:0;color:#667085;font-size:13px;line-height:1.7}
.leg-table-tools,.lga-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.leg-table-tools{margin-top:6px}
.leg-table-tools-left,.leg-table-tools-right,.lga-table-tools-left,.lga-table-tools-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.leg-inline-field,.lga-inline-field{display:flex;align-items:center;gap:8px}
.leg-inline-field label,.lga-inline-field label{margin:0;color:#475467;font-size:12px;font-weight:700;white-space:nowrap}
.leg-inline-field .form-control,.lga-inline-field .form-control{min-height:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;min-width:84px}
.leg-table-summary,.leg-table-page-status,.leg-flow-status,.lga-table-summary,.lga-table-page-status,.lga-flow-status{color:#667085;font-size:12px;font-weight:700}
.leg-table-wrap,.lga-table-wrap{overflow:auto;margin-top:18px;border-top:1px solid #eef2f7}
.leg-table,.lga-table{width:100%;border-collapse:separate;border-spacing:0}
.leg-col-toggle,.lga-col-toggle{display:none;width:52px;text-align:center}
.leg-table th,.lga-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.leg-table td,.lga-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top;background:#fff}
.leg-table tr:hover td,.lga-table tr:hover td{background:#fbfdff}
.leg-table tbody tr:last-child td{border-bottom:0}
.leg-chip,.lga-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.leg-chip.success{background:#ecfdf3;color:#027a48}.leg-chip.warn{background:#fff7ed;color:#c2410c}.leg-chip.neutral{background:#f3f4f6;color:#475467}.leg-chip.info,.lga-chip{background:#eff6ff;color:#1d4ed8}
.leg-actions-col{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.leg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.leg-icon-btn:hover,.leg-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.leg-row-toggle,.lga-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1}
.leg-row-toggle{box-shadow:0 10px 22px rgba(220,38,38,.18)}
.leg-row-toggle:hover,.leg-row-toggle:focus{background:#b91c1c;color:#fff}
.leg-row-detail,.lga-row-detail{display:none}
.leg-row-detail td,.lga-row-detail td{padding:0;border-bottom:1px solid #eef2f7;background:#fff}
.leg-row-detail-box,.lga-row-detail-box{padding:14px 16px;background:#f8fafc}
.leg-row-detail-grid,.lga-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.leg-row-detail-item small,.lga-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.leg-row-detail-item span,.lga-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}
.leg-table-pagination,.leg-flow-nav,.lga-table-pagination,.lga-flow-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.leg-table-pagination,.lga-table-pagination{margin-top:14px}
.leg-flow-nav,.lga-flow-nav{padding:18px 22px;border-top:1px solid #eef2f7;background:#f8fafc}
.leg-btn,.lga-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #dc2626;background:#dc2626;color:#fff;font-weight:700}
.leg-btn-ghost,.lga-btn-ghost,.lga-toast-btn,.lga-mini-btn,.lga-decision-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700}
.lga-toast-btn,.lga-mini-btn{min-height:30px;padding:0 10px;font-size:12px}
.leg-card-spaced,.lga-stack-top,.lga-card-gap{margin-top:18px}
.leg-section-head-compact,.lga-section-head-compact{margin-bottom:10px}
.leg-section-title-sm{font-size:16px!important}
.leg-text-right,.legd-text-right{text-align:right!important}
.leg-empty-cell,.lga-empty-cell{padding:24px 14px!important;color:#667085!important}
.leg-subline,.lga-subline{color:#667085;font-size:12px}
.leg-chip-offset{margin-left:6px}
.leg-link-inline{color:#b91c1c;font-weight:700;text-decoration:none}
.leg-link-inline:hover,.leg-link-inline:focus{text-decoration:none;color:#991b1b}
.lga-nav-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#fff;color:#b42318;border:1px solid #fecaca;font-size:12px;font-weight:800}
.lga-side-context{display:grid;gap:10px;margin-top:14px}
.lga-side-context-item{padding:12px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}
.lga-side-context-item small{display:block;margin-bottom:4px;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.lga-side-context-item strong{display:block;color:#0f172a;font-size:14px;font-weight:800;line-height:1.5}
.lga-side-context-item span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
.lga-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.lga-field .form-control{min-height:42px;border-radius:8px;border:1px solid #d0d5dd;box-shadow:none}
.lga-field textarea.form-control{min-height:120px;resize:vertical}
.lga-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.lga-col-12{grid-column:span 12}.lga-col-8{grid-column:span 8}.lga-col-4{grid-column:span 4}
.lga-actions-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.lga-filter-top,.lga-history-top,.lga-actions-top{margin-top:12px}
.lga-inline-top{margin-top:10px}
.lga-card.soft{background:#f8fafc}
.lga-list{display:grid;gap:12px}
.lga-list-item{padding:14px 15px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.lga-list-item strong{display:block;color:#0f172a;font-size:13px;font-weight:800}
.lga-list-item span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.6}
.lga-list-actions,.lga-inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.lga-decision{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;padding:16px;margin-bottom:14px}
.lga-decision.success{border-color:#bbf7d0;background:#f0fdf4}.lga-decision.warning{border-color:#fed7aa;background:#fff7ed}.lga-decision.danger{border-color:#fecaca;background:#fef2f2}
.lga-decision-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8;font-size:22px}
.lga-decision.success .lga-decision-icon{background:#dcfce7;color:#15803d}.lga-decision.warning .lga-decision-icon{background:#ffedd5;color:#c2410c}.lga-decision.danger .lga-decision-icon{background:#fee2e2;color:#b91c1c}
.lga-decision strong{display:block;color:#0f172a;font-size:16px;font-weight:800}
.lga-decision span{display:block;margin-top:4px;color:#475467;font-size:13px;line-height:1.6}
.lga-decision-points,.lga-answer-meta,.lga-action-pack,.lga-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.lga-answer-meta{grid-template-columns:repeat(3,minmax(0,1fr))}
.lga-action-pack,.lga-quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.lga-decision-point,.lga-answer-meta-item,.lga-action-pack-item{padding:14px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.lga-decision-point small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.lga-decision-point strong,.lga-quick-card strong{display:block;color:#0f172a;font-size:14px;font-weight:800;line-height:1.5}
.lga-decision-point span,.lga-answer-meta-item span,.lga-action-pack-item span,.lga-quick-card span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.6}
.lga-answer-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.lga-answer-block{padding:16px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.lga-answer-block h3{margin:0 0 8px;font-size:14px;font-weight:800;color:#0f172a}
.lga-answer-block p{margin:0;color:#475467;font-size:13px;line-height:1.7}
.lga-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.56);z-index:16000}
.lga-modal.is-open{display:flex}
.lga-modal-dialog{width:min(980px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:8px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.32)}
.lga-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px;border-bottom:1px solid #eef2f7}
.lga-modal-head h3{margin:0;color:#0f172a;font-size:20px;font-weight:800}
.lga-modal-head p{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.6}
.lga-modal-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:16px}
.lga-modal-body{padding:20px 22px}
.lga-modal-section + .lga-modal-section{margin-top:14px}
.lga-toast-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.lga-answer-meta-item strong,.lga-action-pack-item strong{display:block;color:#0f172a;font-size:16px;font-weight:800}
.lga-answer-meta-item strong{font-size:18px}
.lga-action-pack-item{border-left:4px solid #dc2626}
.lga-action-pack-item.role{border-left-color:#16a34a}.lga-action-pack-item.deadline{border-left-color:#f59e0b}.lga-action-pack-item.mod{border-left-color:#2563eb}.lga-action-pack-item.risk{border-left-color:#dc2626}
.lga-quick-card{display:block;padding:14px;border:1px solid #eef2f7;border-radius:8px;background:#fff;text-decoration:none}
.lga-quick-card:hover,.lga-quick-card:focus{text-decoration:none;background:#f8fafc}
.lga-quick-card.is-priority{border-color:#fca5a5;background:#fff5f5;box-shadow:inset 0 0 0 1px #fecaca}
.lga-steps,.lga-history-list{display:grid;gap:10px}
.lga-step-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:13px 14px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.lga-step-no{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#fff5f5;color:#b42318;border:1px solid #fecaca;font-size:12px;font-weight:800}
.lga-step-item strong{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.5}
.lga-answer-stack{display:grid;gap:14px}
.lga-history-item{padding:14px;border:1px solid #eef2f7;border-radius:8px;background:#fff}
.lga-history-item.is-hidden{display:none}.lga-history-item.is-pinned{border-color:#fca5a5;background:#fff5f5}
.lga-history-item strong{display:block;color:#0f172a;font-size:13px;font-weight:800;line-height:1.5}
.lga-history-item span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.6}
.lga-filter-chips{display:flex;gap:8px;flex-wrap:wrap}
.lga-filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#475467;font-size:12px;font-weight:700}
.lga-filter-chip.is-active{border-color:#fca5a5;background:#fff5f5;color:#b42318}
.lga-highlight{background:#fef3c7;color:#92400e;border-radius:4px;padding:0 2px;font-weight:700}
.legd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.legd-stat,.legd-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}
.legd-stat{padding:16px}
.legd-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}
.legd-stat strong{display:block;color:#101828;font-size:24px;font-weight:800}
.legd-stat small{display:block;margin-top:6px;color:#667085;font-size:12px}
.legd-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:18px;align-items:start}
.legd-sidebar-shell{grid-template-columns:minmax(220px,280px) minmax(0,1.3fr);gap:18px;align-items:start}
.legd-sidebar-menu{border:1px solid #eef2f7;border-radius:12px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:14px}
.legd-sidebar-menu h2{margin:0 0 12px;font-size:18px;font-weight:800;color:#0f172a}
.legd-sidebar-nav{display:grid;gap:8px}
.legd-sidebar-link{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#111827;text-decoration:none}
.legd-sidebar-link:hover,.legd-sidebar-link:focus{text-decoration:none;background:#fff5f5;border-color:#fecaca;color:#111827}
.legd-sidebar-link.is-active{border-color:#fca5a5;background:#fff5f5;box-shadow:inset 0 0 0 1px #fecaca}
.legd-sidebar-link strong{display:block;font-size:13px;font-weight:800;color:#111827}
.legd-sidebar-link span{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.45}
.legd-sidebar-no{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}
.legd-sidebar-link.is-active .legd-sidebar-no{background:#b42318}
.legd-sidebar-context{display:grid;gap:10px}
.legd-sidebar-context-item{padding:12px 13px;border:1px solid #e5e7eb;border-radius:8px;background:#fcfcfd}
.legd-sidebar-context-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.legd-sidebar-context-item strong,.legd-sidebar-context-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}
.legd-sidebar-menu-item{border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#f8fafc}
.legd-sidebar-menu-item strong{display:block;margin-bottom:10px;font-size:14px;font-weight:800;color:#111827}
.legd-sidebar-menu-item .legd-form-btn{width:100%;justify-content:flex-start}
.legd-card-column{display:flex;flex-direction:column;gap:18px}
.legd-shell + .legd-shell{margin-top:18px}
.legd-card{overflow:hidden}
.legd-head{padding:18px 20px;border-bottom:1px solid #eef2f7}
.legd-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}
.legd-head p{margin:6px 0 0;color:#667085;font-size:13px}
.legd-body{padding:20px}
.legd-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.legd-col-12{grid-column:span 12}.legd-col-8{grid-column:span 8}.legd-col-6{grid-column:span 6}.legd-col-4{grid-column:span 4}
.legd-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.legd-note{padding:14px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}
.legd-note small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.legd-note strong,.legd-note span{display:block;color:#0f172a;font-size:13px;line-height:1.5}
.legd-table-wrap{overflow:auto;margin-top:18px;border-top:1px solid #eef2f7;padding:18px}
.legd-table-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 18px;margin-bottom:12px}
.legd-table-tools-left,.legd-table-tools-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.legd-inline-field{display:flex;align-items:center;gap:8px}
.legd-inline-field label{margin:0;color:#475467;font-size:12px;font-weight:700;white-space:nowrap}
.legd-inline-field .form-control{min-height:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;min-width:84px}
.legd-table-summary{color:#667085;font-size:12px;font-weight:700}
.legd-table-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:12px 18px;margin-top:0}
.legd-page-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.legd-page-btn{border:1px solid #d0d5dd;background:#fff;color:#334155;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700}
.legd-page-btn.is-active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}
.legd-page-btn:disabled{opacity:.5;cursor:not-allowed}
.legd-table{width:100%;border-collapse:separate;border-spacing:0}
.legd-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.legd-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top;background:#fff}
.legd-table tr:hover td{background:#fbfdff}
.legd-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.legd-chip.success{background:#ecfdf3;color:#027a48}.legd-chip.warn{background:#fff7ed;color:#c2410c}.legd-chip.neutral{background:#f3f4f6;color:#475467}.legd-chip.info{background:#eff6ff;color:#1d4ed8}
.legd-line strong{display:block;color:#101828;font-size:13px;font-weight:700}
.legd-line span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
.legd-actions-col{display:flex;justify-content:flex-end;gap:8px}
.legd-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.legd-icon-btn:hover,.legd-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.legd-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.legd-field .form-control{min-height:40px;border-radius:8px;border-color:#d0d5dd;box-shadow:none}
.legd-field textarea.form-control{min-height:200px;resize:vertical}
.legd-alert{margin:0 20px 16px;padding:13px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b42318;font-size:13px;font-weight:700}
.legd-soft-alert{margin:16px 20px 0;padding:12px 14px;border-radius:8px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:700}
.legd-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid #eef2f7;background:#f8fafc}
.legd-form-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-weight:700;border:1px solid #d0d5dd;background:#fff;color:#344054}
.legd-form-btn:hover,.legd-form-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.legd-form-btn-primary{border-color:#dc2626;background:#dc2626;color:#fff}
.legd-form-btn-primary:hover,.legd-form-btn-primary:focus{background:#b91c1c;color:#fff}
.legd-tag-list{display:flex;gap:8px;flex-wrap:wrap}
.legd-tag-item{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#0f172a;font-size:12px;font-weight:700}
.legd-tag-item small{color:#667085;font-weight:700}
.legd-tag-remove{border:0;background:transparent;color:#b91c1c;font-size:12px;font-weight:800;padding:0}
.legd-ob-card{border:1px solid #eef2f7;border-radius:8px;padding:12px 14px;background:#fcfcfd}
.legd-ob-card strong{display:block;color:#101828;font-size:13px;font-weight:800}
.legd-ob-card span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
.legd-action-stack{display:grid;gap:12px}
.legd-action-card{border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd;padding:16px}
.legd-action-card h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#101828}
.legd-action-card p{margin:0 0 12px;color:#667085;font-size:13px;line-height:1.6}
.legd-ob-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.legd-ob-summary-card{border:1px solid #eef2f7;border-left:4px solid #dc2626;border-radius:8px;background:#fff;padding:14px 16px}
.legd-ob-summary-card.info{border-left-color:#2563eb}.legd-ob-summary-card.warn{border-left-color:#f59e0b}.legd-ob-summary-card.success{border-left-color:#16a34a}
.legd-ob-summary-card span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;margin-bottom:8px}
.legd-ob-summary-card strong{display:block;color:#101828;font-size:24px;font-weight:800}
.legd-ob-list{display:grid;gap:10px;margin-top:10px}
.legd-ob-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.legd-ob-tools-left,.legd-ob-tools-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.legd-ob-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:700}
.legd-ob-filter-chip.is-active{border-color:#fecaca;background:#fff5f5;color:#b42318}
.legd-ob-empty{padding:14px;border:1px dashed #d0d5dd;border-radius:8px;background:#fcfcfd;color:#667085;font-size:12px;text-align:center}
.legd-ob-item{border:1px solid #eef2f7;border-radius:8px;background:#fff;padding:12px}
.legd-ob-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.legd-ob-item-title{display:block;color:#101828;font-size:13px;font-weight:800}
.legd-ob-item-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.legd-ob-item-copy{display:block;margin-top:8px;color:#667085;font-size:12px;line-height:1.6}
.legd-mini-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
.legd-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;text-decoration:none}
.legd-mini-btn:hover,.legd-mini-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.legd-mini-btn.primary{border-color:#fecaca;background:#fff5f5;color:#b91c1c}.legd-mini-btn.info{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}
.legd-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(15,23,42,.56);z-index:15000}
.legd-modal.is-open{display:flex}
.legd-modal-dialog{width:min(960px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border-radius:8px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.34)}
.legd-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #eef2f7}
.legd-modal-head h2{margin:0;font-size:20px;font-weight:800;color:#101828}
.legd-modal-head p{margin:6px 0 0;color:#667085;font-size:13px;line-height:1.6}
.legd-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.legd-modal-close:hover,.legd-modal-close:focus{text-decoration:none;background:#f8fafc;color:#111827}
.legd-empty{padding:28px 18px;text-align:center;color:#667085}
.legd-stack-top{margin-top:14px}
.legd-empty-inline{color:#667085;font-size:12px}
.legd-form-top{margin-top:12px}
.legd-form-actions-inline{padding:12px 0 0;border:0;background:transparent}
.legd-link-dark{color:#101828}
.legd-body-tight{padding-top:16px;padding-bottom:0}
.legd-soft-alert-compact{margin:0 0 16px;padding:12px 14px}
.legd-body-no-top{padding-top:0}

@media(max-width:1180px){.legd-shell,.legd-sidebar-shell{grid-template-columns:1fr}.legd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.leg-layout,.lga-layout{grid-template-columns:1fr}.leg-side,.lga-side{position:static}.leg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.leg-col-toggle,.lga-col-toggle{display:table-cell}.leg-row-toggle,.lga-row-toggle{display:inline-flex}.leg-mobile-hide,.lga-mobile-hide{display:none}.leg-row-detail-grid,.lga-row-detail-grid{grid-template-columns:1fr}}
@media(max-width:900px){.legd-note-grid,.legd-ob-summary{grid-template-columns:1fr}}
@media(max-width:800px){.lga-col-8,.lga-col-4{grid-column:span 12}.lga-answer-meta,.lga-action-pack,.lga-answer-blocks,.lga-decision-points,.lga-quick-grid{grid-template-columns:1fr}.lga-decision{grid-template-columns:1fr}.lga-decision-action{width:100%}.lga-modal{padding:12px}}
@media(max-width:700px){.leg-grid,.lga-decision-points,.legd-stats{grid-template-columns:1fr}.leg-flow-nav,.leg-table-tools,.lga-table-tools,.lga-flow-nav,.lga-table-pagination{flex-direction:column;align-items:stretch}.leg-table-tools-left,.leg-table-tools-right,.lga-table-tools-left,.lga-table-tools-right{width:100%}.leg-inline-field,.lga-inline-field{width:100%;justify-content:space-between}.leg-inline-field .form-control,.lga-inline-field .form-control{flex:1;min-width:0}.legd-col-8,.legd-col-6,.legd-col-4{grid-column:span 12}.legd-table-tools{flex-direction:column;align-items:stretch}.legd-table-tools-left,.legd-table-tools-right{width:100%}.legd-inline-field{width:100%;justify-content:space-between}.legd-inline-field .form-control{flex:1;min-width:0}}

/* Document Show */
.right_col[role="main"] .dds-main,.right_col[role="main"] .dds-main *{box-sizing:border-box}.right_col[role="main"]>.dds-main{width:100%;min-width:0;max-width:100%}.dds-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;min-width:0}.dds-shell,.dds-stack,.dds-main,.dds-panel,.dds-table-wrap{min-width:0;max-width:100%}.dds-side,.dds-main-card,.dds-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.dds-side{position:sticky;top:24px;padding:18px}.dds-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}.dds-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.dds-nav{display:grid;gap:10px}.dds-nav-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 13px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#0f172a;text-align:left;font-weight:700}.dds-nav-btn small{display:block;margin-top:4px;color:#667085;font-size:12px;font-weight:400}.dds-nav-btn.is-active{border-color:#16a34a;background:#f0fdf4;color:#166534}.dds-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#fff;color:#0f172a;font-size:12px;font-weight:800}.dds-nav-btn.is-active .dds-nav-count{background:#dcfce7;color:#166534}.dds-side-card{margin-top:14px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.dds-side-card h4{margin:0 0 10px;font-size:13px;font-weight:800;color:#0f172a}.dds-side-meta{display:grid;gap:10px}.dds-side-meta div{padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.dds-side-meta label{display:block;margin-bottom:4px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dds-side-meta strong,.dds-side-meta span{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.45}.dds-main{min-width:0}.dds-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 48%,#16a34a 100%);color:#fff;border-radius:8px;padding:24px 26px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px}.dds-hero-kicker{display:block;margin-bottom:8px;color:rgba(255,255,255,.72);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dds-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff;line-height:1.2}.dds-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6;max-width:860px}.dds-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.dds-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}.dds-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.dds-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.dds-ghost:hover,.dds-ghost:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}.dds-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.dds-stat{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:16px 17px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.dds-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.dds-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.dds-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px}.dds-stat-date{font-size:18px!important;line-height:1.35!important}.dds-stack{display:grid;gap:18px}.dds-panel{padding:18px;display:none}.dds-panel.is-active{display:block}.dds-panel h2{margin:0 0 6px;font-size:18px;font-weight:800;color:#0f172a}.dds-panel p.dds-panel-sub{margin:0 0 16px;color:#667085;font-size:13px}.dds-panel-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px;gap:12px;align-items:end;margin-bottom:16px}.dds-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.dds-field .form-control{min-height:38px;border-radius:8px;border-color:#d0d5dd;box-shadow:none}.dds-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.dds-col-12{grid-column:span 12}.dds-col-6{grid-column:span 6}.dds-col-4{grid-column:span 4}.dds-info{padding:14px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}.dds-info label{display:block;margin-bottom:6px;color:#475467;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dds-info strong,.dds-info span{display:block;color:#0f172a;font-size:14px}.dds-info span{font-weight:500;line-height:1.6}.dds-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}.dds-chip.success{background:#ecfdf3;color:#027a48}.dds-chip.warn{background:#fff7ed;color:#c2410c}.dds-chip.info{background:#eff6ff;color:#1d4ed8}.dds-chip.danger{background:#fef2f2;color:#b91c1c}.dds-chip.neutral{background:#f3f4f6;color:#475467}.dds-table-wrap{overflow:auto;border:1px solid #eef2f7;border-radius:8px}.dds-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}.dds-col-toggle{display:none;width:52px;text-align:center}.dds-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.dds-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.dds-table tr:last-child td{border-bottom:none}.dds-cell-right{text-align:right!important}.dds-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#16a34a;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(22,163,74,.18)}.dds-row-toggle:hover,.dds-row-toggle:focus{background:#15803d;color:#fff}.dds-line strong{display:block;color:#101828;font-size:13px;font-weight:700}.dds-line span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}.dds-row-detail{display:none}.dds-row-detail td{padding:0;background:#fff}.dds-row-detail-box{padding:14px 16px;background:#f8fafc}.dds-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dds-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.dds-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.dds-row-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.dds-icon-btn,.dds-btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.dds-icon-btn{width:36px;padding:0}.dds-btn.success{border-color:#16a34a;background:#16a34a;color:#fff}.dds-btn.success:hover,.dds-btn.success:focus{background:#15803d;color:#fff}.dds-btn.danger{border-color:#dc2626;background:#dc2626;color:#fff}.dds-btn.danger:hover,.dds-btn.danger:focus{background:#b91c1c;color:#fff}.dds-btn:hover,.dds-btn:focus,.dds-icon-btn:hover,.dds-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.dds-inline-form{margin:0}.dds-empty{padding:28px 18px;text-align:center;color:#667085;border:1px dashed #d0d5dd;border-radius:8px;background:#f8fafc}.dds-empty-hidden{display:none;margin-top:14px}.dds-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.dds-flow-card{padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.dds-flow-card strong{display:block;color:#0f172a;font-size:13px;font-weight:800}.dds-flow-card span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.5}.dds-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.dds-pagination-info{color:#667085;font-size:12px}.dds-pagination-actions{display:flex;gap:8px;flex-wrap:wrap}.dds-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}.dds-page-btn.is-active{border-color:#16a34a;background:#f0fdf4;color:#15803d}.dds-page-btn:disabled{opacity:.45;cursor:not-allowed}

/* Workplace: NACE */
.nace-shell,.nace-shell *{box-sizing:border-box;min-width:0}.nace-shell{width:100%}.nace-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 54%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.nace-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}.nace-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}.nace-meta{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.nace-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700;line-height:1}.nace-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.nace-pill-accent{background:#fff5f5;border-color:#fecaca;color:#b42318}.nace-pill-accent-icon{background:#fee2e2!important;color:#b42318}.nace-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.nace-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff;font-size:13px;font-weight:700}.nace-action:hover,.nace-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18)}.nace-calc{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;margin-bottom:16px}.nace-calc-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.nace-calc-head{padding:16px 18px;border-bottom:1px solid #eef2f7}.nace-calc-head h2{margin:0;color:#111827;font-size:16px;font-weight:800}.nace-calc-head p{margin:6px 0 0;color:#667085;font-size:12px;line-height:1.6}.nace-calc-body{padding:16px 18px}.nace-calc-form{display:grid;gap:12px}.nace-calc-form label{display:block;margin-bottom:8px;color:#475467;font-size:12px;font-weight:700}.nace-calc-form .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}.nace-calc-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nace-calc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nace-calc-stat{position:relative;overflow:hidden;padding:14px 14px 14px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.nace-calc-stat:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#dc2626}.nace-calc-stat.ok:before{background:#16a34a}.nace-calc-stat.warn:before{background:#f59e0b}.nace-calc-stat.neutral:before{background:#2563eb}.nace-calc-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.nace-calc-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1}.nace-calc-stat p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.5}.nace-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.nace-calc-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.nace-role-card{display:grid;gap:10px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.nace-role-card h3{margin:0;color:#111827;font-size:14px;font-weight:800}.nace-role-card p{margin:0;color:#667085;font-size:12px;line-height:1.5}.nace-role-meta{display:grid;gap:6px}.nace-role-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#475569}.nace-role-row strong{color:#111827;font-size:12px;font-weight:800}.nace-role-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#fee2e2;color:#b42318;font-size:11px;font-weight:800}.nace-role-badge.ok{background:#ecfdf3;color:#027a48}.nace-notes{display:grid;gap:8px;margin-top:14px}.nace-note{padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.6}.nace-note.warn{border-color:#fecaca;background:#fef2f2;color:#991b1b}.nace-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px}.nace-stat{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 14px 14px 18px}.nace-stat:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#dc2626}.nace-stat.warn:before{background:#f59e0b}.nace-stat.ok:before{background:#16a34a}.nace-stat.filterable{cursor:pointer;text-align:left}.nace-stat.filterable.is-active{border-color:#fecaca;background:#fff1f2}.nace-stat span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.nace-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1;font-weight:800}.nace-stat p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.45}.nace-layout{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.nace-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.nace-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}.nace-card-head h2{margin:0;font-size:15px;font-weight:700;color:#111827}.nace-card-head p{margin:4px 0 0;color:#667085;font-size:12px}.nace-card-body{padding:16px}.nace-card-top-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #eef2f7}.nace-form{display:grid;gap:12px}.nace-form label{display:block;margin-bottom:8px;color:#475467;font-size:12px;font-weight:700}.nace-form .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}.nace-form textarea.form-control{min-height:96px}.nace-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nace-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.nace-filter-actions-reset{margin:0}.nace-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:13px;font-weight:700}.nace-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.nace-btn:hover,.nace-btn:focus{text-decoration:none}.nace-filter-bar{display:grid;grid-template-columns:auto auto minmax(220px,1fr) 220px 220px auto;gap:12px;align-items:end;margin-bottom:14px}.nace-filter-count{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:700;white-space:nowrap}.nace-filter-count i{color:#dc2626}.nace-filter-size{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:700;white-space:nowrap}.nace-filter-size label,.nace-page-label{margin:0;color:#475569;font-size:12px;font-weight:700}.nace-filter-size .form-control{width:auto;min-width:96px;height:34px;border-radius:8px}.nace-page-select{width:auto;min-width:88px;height:34px}.nace-inline-note{padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.6}.nace-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.nace-feedback i{margin-top:2px}.nace-mini-report{margin-bottom:16px}.nace-mini-report-card{display:grid;gap:10px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.nace-mini-report-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.nace-mini-report-head h3{margin:0;color:#111827;font-size:14px;font-weight:700}.nace-mini-report-head p{margin:4px 0 0;color:#667085;font-size:12px;line-height:1.5}.nace-mini-list{display:grid;gap:8px}.nace-mini-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc}.nace-mini-item strong{display:block;color:#111827;font-size:13px;font-weight:800}.nace-mini-item span{display:block;margin-top:2px;color:#64748b;font-size:11px;line-height:1.4}.nace-mini-item-count{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:7px 10px;border-radius:999px;background:#fee2e2;color:#b42318;font-size:12px;font-weight:800}.nace-usage-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.nace-usage-btn:hover,.nace-usage-btn:focus{text-decoration:none;color:#1e40af;background:#dbeafe}.nace-table-wrap{width:100%;overflow:auto}.nace-table{width:100%;border-collapse:separate;border-spacing:0}.nace-table th{font-size:12px;color:#667085;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;white-space:nowrap}.nace-table td{border-bottom:1px solid #eef2f7;padding:10px;vertical-align:middle;font-size:13px;color:#0f172a}.nace-table tr:hover td{background:#fbfdff}.nace-col-toggle{width:44px}.nace-th-actions{width:112px}.nace-row-toggle{display:none}.nace-row-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px}.nace-row-toggle-btn:hover,.nace-row-toggle-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.nace-row-toggle-btn i{transition:transform .18s ease}.nace-row-toggle-btn[aria-expanded="true"] i{transform:rotate(45deg)}.nace-detail-row{display:none}.nace-detail-row.is-open{display:table-row}.nace-detail-cell{padding:0!important;background:#fbfdff}.nace-detail-wrap{padding:14px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.nace-detail-item{padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.nace-detail-item span{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.nace-detail-item strong,.nace-detail-item div{display:block;color:#111827;font-size:13px;line-height:1.5}.nace-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.nace-table-empty{text-align:center;color:#667085;padding:18px 12px!important}.nace-code{font-weight:800;color:#111827}.nace-tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:800}.nace-tag.az{background:#ecfdf3;color:#027a48}.nace-tag.tehlikeli{background:#fff7ed;color:#b54708}.nace-tag.cok{background:#fef2f2;color:#b42318}.nace-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.nace-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.nace-icon-btn:hover,.nace-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.nace-icon-btn.danger{border-color:#fecaca;color:#b42318;background:#fff5f5}.nace-icon-btn.danger:hover,.nace-icon-btn.danger:focus{background:#fef2f2;color:#991b1b}.nace-icon-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}.nace-icon-btn.edit{border-color:#bfd7ff;background:#f8fbff;color:#1d4ed8}.nace-icon-btn.edit:hover,.nace-icon-btn.edit:focus{background:#eef4ff;color:#1e40af}.nace-usage{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}.nace-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;border-top:1px solid #eef2f7;margin-top:14px;flex-wrap:wrap}.nace-pager-left{display:flex;align-items:center;gap:10px;color:#64748b;font-size:12px;font-weight:700}.nace-pager-dot{width:8px;height:8px;border-radius:999px;background:#dc2626}.nace-pager-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.nace-pager-badge{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:34px;padding:0 12px;border:1px solid #fecaca;border-radius:999px;background:#fff5f5;color:#b42318;font-size:12px;font-weight:800}.nace-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.52);z-index:1055}.nace-modal.is-open{display:flex}.nace-modal-dialog{width:min(620px,100%);background:#fff;border-radius:8px;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(15,23,42,.24);overflow:hidden}.nace-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #eef2f7}.nace-modal-head h3{margin:0;color:#111827;font-size:16px;font-weight:700}.nace-modal-head p{margin:4px 0 0;color:#667085;font-size:12px;line-height:1.5}.nace-modal-body{padding:16px 18px;display:grid;gap:12px}.nace-modal-list{display:grid;gap:8px;max-height:360px;overflow:auto}.nace-modal-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc}.nace-modal-item strong{color:#111827;font-size:13px}.nace-modal-empty{padding:16px;border:1px dashed #d0d5dd;border-radius:8px;color:#667085;font-size:12px;text-align:center}.nace-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.nace-modal-close:hover,.nace-modal-close:focus{text-decoration:none;background:#f8fafc;color:#111827}.nace-form-group-reset{margin:0}.nace-inline-form{display:inline}

/* Workplace: NACE Staffing */
/* The global brand-link rule must not reduce contrast inside the dark NACE hero. */
body.app-theme .nace-hero .nace-action,
body.app-theme .nace-hero .nace-action:hover,
body.app-theme .nace-hero .nace-action:focus {
    color: #fff;
}
.right_col[role="main"]{position:relative;z-index:1}.nace-stat{grid-column:span 2}.ns-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;width:100%;max-width:100%;align-items:start;margin-bottom:16px}.ns-side-stack,.ns-content{display:grid;gap:18px;align-content:start;min-width:0}.ns-flow-card{padding:14px 14px 12px}.ns-flow-list{display:grid;gap:8px}.ns-flow-btn{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:11px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;text-align:left}.ns-flow-btn:hover,.ns-flow-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.ns-flow-btn.is-active{border-color:#fca5a5;background:#fff5f5;box-shadow:0 8px 18px rgba(185,28,28,.08)}.ns-flow-btn strong{display:block;font-size:13px;font-weight:800;line-height:1.4}.ns-flow-btn span{display:block;margin-top:3px;color:#6b7280;font-size:11px;line-height:1.45}.ns-flow-no{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:800}.ns-flow-btn.is-active .ns-flow-no{background:#b42318}.ns-card,.ns-report-card,.ns-role-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035)}.ns-card,.ns-report-card{padding:18px}.ns-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ns-section-head h3{margin:0;color:#111827;font-size:18px;font-weight:800}.ns-section-head p{margin:4px 0 0;color:#6b7280;font-size:12px;line-height:1.6}.ns-kicker{display:block;margin-bottom:6px;color:#b42318;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.ns-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#475467;font-size:11px;font-weight:800;white-space:nowrap}.ns-card h3,.ns-report-card h3,.ns-role-card h4{margin:0 0 10px;color:#111827}.ns-muted{color:#6b7280;font-size:13px;line-height:1.6}.ns-card-tone-danger{background:linear-gradient(180deg,#fff6f6 0%,#ffffff 100%);border-color:#fecaca}.ns-card-tone-warning{background:linear-gradient(180deg,#fffaf0 0%,#ffffff 100%);border-color:#fde68a}.ns-card-tone-safe{background:linear-gradient(180deg,#f3fcf7 0%,#ffffff 100%);border-color:#bbf7d0}.ns-card-tone-neutral{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-color:#e5e7eb}.ns-form-grid{display:grid;gap:14px}.ns-workplace-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:14px;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.ns-workplace-context{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ns-workplace-context>i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#475569}.ns-workplace-context strong,.ns-workplace-context span{display:block}.ns-workplace-context strong{color:#111827;font-size:13px;font-weight:800}.ns-workplace-context span{margin-top:3px;color:#667085;font-size:12px;line-height:1.5}.ns-workplace-context.is-linked{border-color:#bbf7d0;background:#f3fcf7}.ns-workplace-context.is-linked>i{background:#dcfce7;color:#15803d}.ns-threshold-simulator{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:14px;align-items:end;padding:14px;border:1px solid #dbe3ef;border-radius:8px;background:#fbfdff}.ns-threshold-simulator .ns-label span{color:#94a3b8;font-weight:600;text-transform:none}.ns-threshold-simulator p{margin:6px 0 0;color:#64748b;font-size:11px;line-height:1.5}.ns-threshold-presets{display:grid;grid-template-columns:repeat(4,minmax(54px,1fr));gap:7px}.ns-threshold-presets button{min-height:38px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;font-size:12px;font-weight:800}.ns-threshold-presets button:hover,.ns-threshold-presets button:focus,.ns-threshold-presets button.is-active{border-color:#0f766e;background:#ecfdf5;color:#115e59}.ns-period-picker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:10px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.ns-period-picker p{grid-column:1/-1;margin:0;color:#64748b;font-size:11px}.ns-assignment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ns-assignment-summary>div{padding:13px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}.ns-assignment-summary>div.has-gap{border-color:#fed7aa;background:#fff7ed}.ns-assignment-summary>div.is-complete{border-color:#bbf7d0;background:#f0fdf4}.ns-assignment-summary small,.ns-assignment-summary strong,.ns-assignment-summary span{display:block}.ns-assignment-summary small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.ns-assignment-summary strong{margin-top:5px;color:#111827;font-size:20px}.ns-assignment-summary span{margin-top:4px;color:#64748b;font-size:11px}.ns-assignment-table-wrap{margin-top:12px;max-width:100%;overflow-x:auto;border:1px solid #dbe3ef;border-radius:8px}.ns-assignment-table{width:100%;min-width:760px;border-collapse:collapse;background:#fff}.ns-assignment-table th,.ns-assignment-table td{padding:10px 12px;border-bottom:1px solid #eef2f7;text-align:left;font-size:11px}.ns-assignment-table th{background:#f8fafc;color:#475569;font-weight:800;text-transform:uppercase}.ns-assignment-table tr:last-child td{border-bottom:0}.ns-assignment-table td:nth-child(5){min-width:140px}.ns-progress{display:inline-block;width:82px;height:7px;margin-right:7px;border-radius:999px;background:#e2e8f0;overflow:hidden;vertical-align:middle}.ns-progress i{display:block;height:100%;border-radius:inherit;background:#16a34a}.ns-status-chip{display:inline-flex;padding:5px 7px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.ns-status-chip.is-open{background:#fff7ed;color:#c2410c}.ns-status-chip.is-ok{background:#ecfdf5;color:#15803d}.ns-assignment-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.ns-assignment-actions>span{color:#64748b;font-size:11px;line-height:1.5}.ns-empty-guidance{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc}.ns-empty-guidance>i{color:#64748b;font-size:20px}.ns-empty-guidance strong,.ns-empty-guidance span{display:block}.ns-empty-guidance strong{color:#334155;font-size:13px}.ns-empty-guidance span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.55}.ns-portfolio-handoff{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding:14px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff}.ns-portfolio-handoff-copy{display:flex;align-items:flex-start;gap:11px;min-width:0}.ns-portfolio-handoff-copy>i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:8px;background:#e0f2fe;color:#0369a1}.ns-portfolio-handoff-copy small,.ns-portfolio-handoff-copy strong,.ns-portfolio-handoff-copy span{display:block}.ns-portfolio-handoff-copy small{color:#0369a1;font-size:10px;font-weight:800;text-transform:uppercase}.ns-portfolio-handoff-copy strong{margin-top:3px;color:#0f172a;font-size:13px}.ns-portfolio-handoff-copy span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.5}.ns-portfolio-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.ns-portfolio-actions .ns-btn{min-height:36px;padding:7px 10px;font-size:11px}.ns-comparison-panel{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:8px;background:#f8fbff}.ns-comparison-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ns-comparison-head h4{margin:0;color:#111827;font-size:15px;font-weight:800}.ns-comparison-delta{padding:6px 9px;border-radius:6px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800;white-space:nowrap}.ns-comparison-delta.is-up{background:#fff7ed;color:#c2410c}.ns-comparison-delta.is-down{background:#ecfdf5;color:#15803d}.ns-comparison-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ns-comparison-summary>div{padding:11px 12px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.ns-comparison-summary small,.ns-comparison-summary strong,.ns-comparison-summary span{display:block}.ns-comparison-summary small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.ns-comparison-summary strong{margin-top:5px;color:#111827;font-size:16px}.ns-comparison-summary span{margin-top:3px;color:#64748b;font-size:11px}.ns-comparison-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.ns-comparison-table{width:100%;min-width:680px;border-collapse:collapse}.ns-comparison-table th,.ns-comparison-table td{padding:9px 11px;border-bottom:1px solid #eef2f7;text-align:left;font-size:11px;line-height:1.45}.ns-comparison-table th{background:#f8fafc;color:#475569;font-weight:800;text-transform:uppercase}.ns-comparison-table td{color:#334155}.ns-comparison-table tr:last-child td{border-bottom:0}.ns-label{display:block;margin-bottom:6px;color:#374151;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ns-input,.ns-select{width:100%;min-height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827}.ns-search-wrap{position:relative}.ns-search-results{position:absolute;left:0;right:0;top:calc(100% + 6px);display:none;max-height:280px;overflow:auto;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 18px 36px rgba(15,23,42,.12);z-index:30}.ns-search-results.is-open{display:block}.ns-search-item{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:left;cursor:pointer}.ns-search-item:last-child{border-bottom:0}.ns-search-item:hover,.ns-search-item:focus{background:#f8fafc;outline:none}.ns-search-item.is-active{background:#eef2ff}.ns-search-main strong{display:block;color:#111827;font-size:13px;font-weight:800}.ns-search-main span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}.ns-search-badge{display:inline-flex;align-items:center;justify-content:center;min-width:96px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;border:1px solid #e5e7eb;color:#475467;background:#f8fafc}.ns-search-badge.safe{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.ns-search-badge.warn{background:#fffbeb;border-color:#fde68a;color:#b45309}.ns-search-badge.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ns-search-empty{padding:12px 14px;color:#667085;font-size:12px;line-height:1.6}.ns-selected-nace{display:grid;gap:4px;margin-top:8px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.ns-selected-nace.is-hidden{display:none}.ns-selected-nace strong{color:#111827;font-size:13px;font-weight:800}.ns-selected-nace span{color:#667085;font-size:12px;line-height:1.5}.ns-form-help{margin-top:-2px;color:#667085;font-size:12px;line-height:1.6}.ns-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ns-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:700;text-decoration:none}.ns-btn:hover,.ns-btn:focus{text-decoration:none;color:#111827;background:#f8fafc}.ns-btn.primary{background:#b91c1c;border-color:#b91c1c;color:#fff}.ns-btn.primary:hover,.ns-btn.primary:focus{background:#991b1b;color:#fff}.ns-report-meta,.ns-summary-grid,.ns-decision-grid,.ns-role-grid{display:grid;gap:14px}.ns-report-meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.ns-summary-grid,.ns-decision-grid,.ns-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ns-decision-grid-top{margin-top:18px}.ns-rule-audit{display:grid;gap:14px;margin-top:18px;padding:16px;border:1px solid #cbd5e1;border-left:4px solid #0f766e;border-radius:8px;background:#f8fffe}.ns-rule-audit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ns-rule-audit-head h4{margin:0;color:#111827;font-size:15px;font-weight:800}.ns-rule-audit-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.6}.ns-rule-version{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid #99f6e4;border-radius:6px;background:#ccfbf1;color:#115e59;font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.ns-rule-facts{display:grid;grid-template-columns:.9fr .75fr 1.35fr;gap:10px}.ns-rule-facts>div{padding:11px 12px;border:1px solid #dbe3ef;border-radius:8px;background:#fff}.ns-rule-facts small,.ns-rule-facts strong{display:block}.ns-rule-facts small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.ns-rule-facts strong{margin-top:5px;color:#1f2937;font-size:12px;line-height:1.5}.ns-rule-formulas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ns-rule-formulas span{padding:9px 10px;border-radius:6px;background:#ecfdf5;color:#334155;font-size:11px;line-height:1.5}.ns-legal-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ns-legal-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #dbe3ef;border-radius:6px;background:#fff;color:#0f766e;font-size:11px;font-weight:700}.ns-legal-links a:hover,.ns-legal-links a:focus{border-color:#5eead4;color:#115e59;text-decoration:none}.nsr-rule-audit{border-left:4px solid #0f766e}.nsr-legal-list{margin:10px 0 0;padding-left:18px;color:#334155;font-size:11px;line-height:1.6}.ns-metric strong{display:block;color:#111827;font-size:24px;line-height:1.1}.ns-metric span{display:block;margin-top:8px;color:#4b5563;font-size:13px;line-height:1.55}.ns-decision{border:1px solid #e5e7eb;border-radius:10px;padding:16px;background:#fff}.ns-decision small{display:block;margin-bottom:6px;color:#6b7280;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ns-decision strong{display:block;margin-bottom:8px;color:#111827;font-size:16px}.ns-decision-danger{background:linear-gradient(180deg,#fff5f5 0%,#ffffff 100%);border-color:#fecaca}.ns-decision-warning{background:linear-gradient(180deg,#fff8eb 0%,#ffffff 100%);border-color:#fde68a}.ns-decision-safe{background:linear-gradient(180deg,#f3fcf7 0%,#ffffff 100%);border-color:#bbf7d0}.ns-role-card{padding:16px}.ns-role-card-danger{background:linear-gradient(180deg,#fff7f7 0%,#ffffff 100%);border-color:#fecaca}.ns-role-card-warning{background:linear-gradient(180deg,#fff9ef 0%,#ffffff 100%);border-color:#fde68a}.ns-role-card-safe{background:linear-gradient(180deg,#f4fcf7 0%,#ffffff 100%);border-color:#bbf7d0}.ns-role-card-neutral{background:linear-gradient(180deg,#f8fafc 0%,#ffffff 100%);border-color:#e5e7eb}.ns-role-table{width:100%;border-collapse:collapse;margin-top:10px}.ns-role-table td{padding:8px 0;border-bottom:1px dashed #e5e7eb;font-size:13px}.ns-role-table td:last-child{text-align:right;color:#111827;font-weight:700}.ns-role-table tr:last-child td{border-bottom:0}.ns-exception{border:1px solid #e5e7eb;border-left:4px solid #b91c1c;border-radius:10px;padding:18px;background:linear-gradient(180deg,#fff6f6 0%,#ffffff 100%)}.ns-exception.is-eligible{border-left-color:#059669;background:linear-gradient(180deg,#f3fcf7 0%,#ffffff 100%)}.ns-exception p{margin:0 0 10px;color:#374151;font-size:13px;line-height:1.65}.ns-exception ul,.ns-note-list{margin:0;padding-left:18px;color:#4b5563;font-size:13px;line-height:1.7}.ns-note-stack{display:grid;gap:14px}.ns-note-panel{padding:14px 16px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.ns-note-panel.warn{background:#fff5f5;border-color:#fecaca}.ns-note-panel h4{margin:0 0 8px;color:#111827;font-size:14px;font-weight:800}.ns-section{scroll-margin-top:96px}.ns-content.ns-sections-ready .ns-section{display:none}.ns-content.ns-sections-ready .ns-section.is-active{display:block}.ns-step-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.035)}.ns-step-meta{display:flex;align-items:center;gap:10px;color:#6b7280;font-size:12px;font-weight:700}.ns-step-dot{width:8px;height:8px;border-radius:999px;background:#dc2626}.ns-step-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ns-info-callout{display:grid;gap:10px;padding:14px 16px;margin-bottom:16px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc;color:#475569}.ns-info-callout-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ns-info-callout h4{margin:0;color:#111827;font-size:14px;font-weight:800}.ns-info-callout p{margin:4px 0 0;font-size:12px;line-height:1.65}.ns-info-callout ul{margin:0;padding-left:18px;font-size:12px;line-height:1.7}.ns-info-callout code{font-size:11px}.ns-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.ns-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.ns-toast i{width:18px;text-align:center;margin-top:2px}.ns-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.ns-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.ns-toast-success{border-left:4px solid #16a34a}.ns-toast-success i{color:#16a34a}.ns-toast-warning{border-left:4px solid #f59e0b}.ns-toast-warning i{color:#f59e0b}

@media print{.top_nav,.left_col,.nace-actions,.nace-form-actions,.nace-filter-actions,.nace-row-actions,.nace-pager,.nace-modal,.nace-filter-count,.nace-filter-size{display:none!important}.right_col{margin-left:0!important}.nace-layout{grid-template-columns:1fr}}
@media(max-width:1199px){.nace-grid,.nace-calc-grid,.nace-calc-roles,.nace-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nace-layout,.nace-calc,.ns-grid{grid-template-columns:1fr}.dds-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dds-shell{grid-template-columns:1fr}.dds-side{position:static}.ns-report-meta,.ns-summary-grid,.ns-decision-grid,.ns-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1360px){.nace-row-toggle{display:table-cell}.nace-col-optional{display:none}.nace-detail-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.dds-col-toggle{display:table-cell}.dds-row-toggle{display:inline-flex}.dds-mobile-hide{display:none}.dds-row-detail-grid{grid-template-columns:1fr}}
@media(max-width:767px){.nace-hero{padding:18px 16px}.nace-grid,.nace-form-row,.nace-filter-bar,.nace-calc-grid,.nace-calc-roles,.nace-decision-grid,.nace-detail-wrap,.dds-stats,.dds-flow,.ns-report-meta,.ns-summary-grid,.ns-decision-grid,.ns-role-grid{grid-template-columns:1fr}.nace-form-actions,.nace-actions,.nace-calc-actions{justify-content:flex-start}.nace-form-actions .nace-btn,.nace-actions .nace-action,.nace-calc-actions .nace-btn{flex:1 1 0}.dds-col-6,.dds-col-4,.dds-panel-toolbar{grid-template-columns:1fr}.dds-panel-toolbar{display:grid}.ns-step-pager{flex-direction:column;align-items:stretch}.ns-toast-stack{left:14px;right:14px}.ns-toast{min-width:0;max-width:none}}

/* AI Report Pages */
.right_col[role="main"] .aiu-shell,.right_col[role="main"] .aiu-shell *,.right_col[role="main"] .aiu-hero,.right_col[role="main"] .aiu-card,.right_col[role="main"] .aih-shell,.right_col[role="main"] .aih-shell *,.right_col[role="main"] .aih-hero,.right_col[role="main"] .aih-card{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.aiu-shell,.right_col[role="main"]>.aih-shell{width:100%;min-width:0;max-width:100%}.aiu-shell,.aih-shell{display:flex;flex-direction:column;gap:16px;width:100%}.aiu-hero,.aih-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 52%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.right_col[role="main"]>.aiu-shell>.aiu-hero,.right_col[role="main"]>.aih-shell>.aih-hero{margin-top:-18px}.aiu-kicker,.aih-kicker{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.82);font-size:11px;font-weight:800;margin-bottom:10px;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);text-transform:uppercase;letter-spacing:.05em}.aiu-title,.aih-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2}.aiu-desc,.aih-desc{margin:0;max-width:860px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.65}.aiu-actions,.aih-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.aiu-btn,.aih-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;min-height:42px}.aiu-btn:hover,.aiu-btn:focus,.aih-btn:hover,.aih-btn:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.16)}.aiu-btn strong,.aih-btn strong{display:block;color:#fff;font-size:13px;font-weight:800}.aiu-btn span,.aih-btn span{display:block;color:rgba(255,255,255,.8);font-size:11px;line-height:1.35}.aiu-summary,.aih-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.aiu-stat,.aih-stat{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.aiu-stat small,.aih-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.aiu-stat strong,.aih-stat strong{display:block;color:#101828;font-size:22px;font-weight:800}.aiu-stat span,.aih-stat span{display:block;margin-top:4px;color:#98a2b3;font-size:12px;line-height:1.45}.aiu-stat.good,.aih-stat.good{border-left-color:#16a34a}.aiu-stat.warn,.aih-stat.warn{border-left-color:#f59e0b}.aiu-stat.info,.aih-stat.info{border-left-color:#2563eb}.aih-stat.danger{border-left-color:#dc2626}.aiu-layout,.aih-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:16px;align-items:start}.aiu-sidebar,.aiu-main,.aih-sidebar,.aih-main{display:grid;gap:16px;min-width:0}.aiu-card,.aih-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.aiu-nav,.aih-nav{display:grid;gap:8px;padding:16px}.aiu-nav-link,.aih-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.aiu-nav-link:hover,.aiu-nav-link:focus,.aih-nav-link:hover,.aih-nav-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.aiu-nav-link.active,.aih-nav-link.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.aiu-side-body,.aih-side-body{display:grid;gap:14px;padding:16px}.aiu-side-body h4,.aih-side-body h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:800}.aiu-side-body p,.aih-side-body p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.aiu-note,.aih-note{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.aiu-note small,.aih-note small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.aiu-note span,.aih-note span{display:block;color:#334155;font-size:12px;line-height:1.55}.aiu-head,.aih-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff}.aiu-kicker-line,.aih-kicker-line{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.aiu-kicker-line i,.aih-kicker-line i{color:#dc2626}.aiu-head h3,.aih-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.aiu-head p,.aih-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.aiu-body,.aih-body{padding:18px}.aiu-toolbar,.aih-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.aiu-toolbar-left,.aiu-toolbar-right,.aih-toolbar-left,.aih-toolbar-right{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.aiu-field,.aih-field{display:grid;gap:5px}.aiu-field label,.aih-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.aiu-field input,.aiu-field select,.aih-field input,.aih-field select{height:38px;border:1px solid #dbe4ee;border-radius:8px;box-shadow:none}.aiu-field-search{min-width:240px}.aiu-field-action{width:190px}.aiu-field-page,.aih-field-page{width:140px}.aih-field-search{min-width:280px}.aih-field-status{width:160px}.aiu-range,.aih-range{color:#64748b;font-size:12px;line-height:1.5;white-space:nowrap}.aiu-table-wrap,.aih-table-wrap{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.aiu-table,.aih-table{width:100%;margin-bottom:0;border-collapse:separate;border-spacing:0}.aiu-table{min-width:860px}.aih-table{min-width:920px}.aiu-table th,.aih-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.aiu-table td,.aih-table td{padding:13px 14px;border-bottom:1px solid #edf2f7;vertical-align:middle;color:#475467;font-size:13px;line-height:1.5}.aiu-table tr:nth-child(even) td,.aih-table tr:nth-child(even) td{background:#fcfcfd}.aiu-table tbody tr:hover td,.aih-table tbody tr:hover td{background:#f8fafc}.aiu-cell,.aih-cell{display:grid;gap:4px}.aiu-cell strong,.aih-cell strong{color:#101828;font-size:13px;font-weight:800}.aiu-cell span,.aih-cell span{color:#667085;font-size:11px;line-height:1.4}.aiu-pill,.aih-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800}.aiu-pill.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.aiu-pill.good,.aih-pill.good{background:#ecfdf3;color:#027a48;border-color:#d1fadf}.aih-pill.warn{background:#fffaeb;color:#b54708;border-color:#fedf89}.aih-pill.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.aih-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid #dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:12px;font-weight:800}.aih-open:hover,.aih-open:focus{text-decoration:none;color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.aiu-empty,.aih-empty{padding:24px;text-align:center;color:#64748b}.aiu-empty-hidden,.aih-empty-hidden,.aiu-panel-hidden,.aih-panel-hidden{display:none}.aih-cell-right{text-align:right!important}.aiu-pagination,.aih-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #edf2f7}.aiu-pagination-info,.aih-pagination-info{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:12px;line-height:1.5}.aiu-pagination-info::before,.aih-pagination-info::before{content:"";width:8px;height:8px;border-radius:999px;background:#dc2626;flex:0 0 auto}.aiu-pagination-actions,.aih-pagination-actions{display:flex;gap:8px;flex-wrap:wrap}.aiu-page-btn,.aih-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:7px 13px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700}.aiu-page-btn:hover,.aiu-page-btn:focus,.aih-page-btn:hover,.aih-page-btn:focus{background:#f8fafc;color:#0f172a}.aiu-page-btn[disabled],.aih-page-btn[disabled]{opacity:.5;cursor:not-allowed}.aiu-stepbar,.aih-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #edf2f7}.aiu-stepcopy,.aih-stepcopy{color:#64748b;font-size:12px;line-height:1.55}.aiu-stepactions,.aih-stepactions{display:flex;gap:8px;flex-wrap:wrap}.aiu-stepbtn,.aih-stepbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.aiu-stepbtn:hover,.aiu-stepbtn:focus,.aih-stepbtn:hover,.aih-stepbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.aiu-stepbtn.primary,.aih-stepbtn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.aiu-stepbtn.primary:hover,.aiu-stepbtn.primary:focus,.aih-stepbtn.primary:hover,.aih-stepbtn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}

@media (max-width:991px){.aiu-summary,.aih-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.aiu-layout,.aih-layout{grid-template-columns:1fr}}
@media (max-width:767px){.aiu-hero,.aih-hero{padding:18px 16px}.aiu-summary,.aiu-toolbar,.aiu-actions,.aiu-stepactions,.aih-summary,.aih-toolbar,.aih-actions,.aih-stepactions{display:grid;grid-template-columns:1fr}.aiu-btn,.aiu-stepbtn,.aih-btn,.aih-stepbtn{width:100%}}

/* Contacts */
.right_col[role="main"] .ct-shell,.right_col[role="main"] .ct-shell *,.right_col[role="main"] .ct-hero,.right_col[role="main"] .ct-panel{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.ct-shell{width:100%;min-width:0;max-width:100%}.ct-shell{display:flex;flex-direction:column;gap:16px;width:100%}.ct-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 48%,#14b8a6 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.right_col[role="main"]>.ct-shell>.ct-hero{margin-top:-18px}.ct-kicker{color:rgba(255,255,255,.76);font-size:12px;font-weight:700;margin-bottom:7px}.ct-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2}.ct-desc{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65}.ct-hero-meta{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ct-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:700}.ct-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.ct-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ct-hero-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;padding:8px 16px;min-height:38px;font-size:13px;font-weight:700}.ct-hero-actions .btn:hover,.ct-hero-actions .btn:focus{text-decoration:none;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36);color:#fff}.ct-hero-actions .btn.btn-primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 12px 24px rgba(220,38,38,.18)}.ct-hero-actions .btn.btn-primary:hover,.ct-hero-actions .btn.btn-primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c}.ct-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ct-stat{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.ct-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ct-stat strong{display:block;color:#101828;font-size:22px;font-weight:800}.ct-stat span{display:block;margin-top:4px;color:#98a2b3;font-size:12px;line-height:1.45}.ct-stat.good{border-left-color:#16a34a}.ct-stat.warn{border-left-color:#f59e0b}.ct-stat.info{border-left-color:#2563eb}.ct-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ct-health-card{display:grid;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);cursor:pointer;transition:.18s ease}.ct-health-card:hover,.ct-health-card:focus{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.09);text-decoration:none}.ct-health-card.active{outline:2px solid rgba(220,38,38,.18);border-color:#fca5a5}.ct-health-card.info{border-left:4px solid #2563eb}.ct-health-card.good{border-left:4px solid #16a34a}.ct-health-card.warn{border-left:4px solid #f59e0b}.ct-health-card.danger{border-left:4px solid #dc2626}.ct-health-card small{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ct-health-card strong{color:#101828;font-size:24px;font-weight:800}.ct-health-card span{color:#64748b;font-size:12px;line-height:1.5}.ct-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.ct-panel-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff}.ct-panel-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.ct-panel-kicker i{color:#dc2626}.ct-panel-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.ct-panel-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.ct-panel-body{padding:18px}.ct-note{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;border-radius:8px;border:1px solid #e5e7eb;background:#fbfdff;color:#667085;font-size:12px;font-weight:700;line-height:1.45}.ct-note i{color:#dc2626}.ct-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.ct-toolbar-main,.ct-toolbar-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.ct-field{display:grid;gap:5px}.ct-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.ct-field input,.ct-field select{height:38px;border:1px solid #dbe4ee;border-radius:8px;box-shadow:none}.ct-field-search{min-width:260px}.ct-field-status{width:140px}.ct-field-full{grid-column:1/-1}.ct-table-info{color:#64748b;font-size:12px;line-height:1.5}.ct-toolbar-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ct-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:800}.ct-tool-btn:hover,.ct-tool-btn:focus{text-decoration:none;border-color:#98a2b3;color:#101828;background:#f8fafc}.ct-tool-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.16)}.ct-tool-btn.primary:hover,.ct-tool-btn.primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff}.ct-table-wrap{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ct-table{width:100%;min-width:980px;margin-bottom:0;border-collapse:separate;border-spacing:0}.ct-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ct-table td{padding:13px 14px;border-bottom:1px solid #edf2f7;vertical-align:middle;color:#475467;font-size:13px;line-height:1.5}.ct-table tr:nth-child(even) td{background:#fcfcfd}.ct-table tbody tr:hover td{background:#f8fafc}.ct-contact{display:grid;gap:4px}.ct-contact strong{color:#101828;font-size:13px;font-weight:800}.ct-contact span{color:#667085;font-size:11px;line-height:1.4}.ct-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800}.ct-pill.success{background:#ecfdf3;color:#027a48;border-color:#d1fadf}.ct-pill.warning{background:#fffaeb;color:#b54708;border-color:#fedf89}.ct-pill.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.ct-actions{display:flex;justify-content:flex-end;gap:8px}.ct-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.ct-icon-btn:hover,.ct-icon-btn:focus{text-decoration:none;border-color:#98a2b3;color:#101828;background:#f8fafc}.ct-icon-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.ct-icon-btn.primary:hover,.ct-icon-btn.primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff}.ct-icon-btn.danger{border-color:#f1caca;background:#fff5f5;color:#b42318}.ct-icon-btn.danger:hover,.ct-icon-btn.danger:focus{border-color:#dc2626;background:#fee2e2;color:#991b1b}.ct-empty{padding:24px;text-align:center;color:#64748b}.ct-health-table{width:100%;border-collapse:separate;border-spacing:0}.ct-health-table th,.ct-health-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}.ct-health-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ct-health-tone{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent}.ct-health-tone.good{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.ct-health-tone.warn{background:#fffaeb;color:#b54708;border-color:#fedf89}.ct-health-tone.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.ct-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:12px;line-height:1.55}.ct-banner strong{color:#7c2d12}.ct-banner-ready{background:#f8fafc;color:#475569}.ct-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.ct-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.ct-toast i{width:18px;text-align:center;margin-top:2px}.ct-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.ct-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.ct-toast-success{border-left:4px solid #16a34a}.ct-toast-success i{color:#16a34a}.ct-toast-warning{border-left:4px solid #f59e0b}.ct-toast-warning i{color:#f59e0b}.ct-toast-danger{border-left:4px solid #dc2626}.ct-toast-danger i{color:#dc2626}.ct-link-btn{padding:0;border:none;background:none;color:#101828;font-size:13px;font-weight:800;text-align:left}.ct-link-btn:hover,.ct-link-btn:focus{color:#dc2626;text-decoration:none;outline:none}.ct-cell-right{text-align:right!important}.ct-inline-form{display:inline}.ct-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.55);z-index:10060}.ct-modal.open{display:flex}.ct-modal-card{width:min(760px,100%);max-height:calc(100vh - 36px);overflow:auto;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 30px 60px rgba(15,23,42,.28)}.ct-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px;border-bottom:1px solid #eef2f7;background:#fbfdff}.ct-modal-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:800}.ct-modal-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.ct-modal-close{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}.ct-modal-close:hover,.ct-modal-close:focus{background:#f8fafc;color:#101828;text-decoration:none}.ct-modal-body{padding:18px 20px;display:grid;gap:16px}.ct-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ct-modal-stat{display:grid;gap:4px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}.ct-modal-stat small{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ct-modal-stat strong,.ct-modal-stat span{color:#101828;font-size:14px;font-weight:700}.ct-modal-form{display:grid;gap:14px}.ct-modal-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;border-top:1px solid #eef2f7}.ct-modal-note{color:#667085;font-size:12px;line-height:1.5}.ct-modal-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid #dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 24px rgba(220,38,38,.18)}.ct-modal-save:hover,.ct-modal-save:focus{text-decoration:none;color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.ct-inline-check{display:flex;align-items:center;gap:8px}.ct-inline-check-input{margin:0}

@media (max-width:991px){.ct-summary,.ct-health{grid-template-columns:1fr 1fr}.ct-toolbar{padding:12px}.ct-toolbar-main,.ct-toolbar-actions{width:100%;justify-content:flex-start}}
/* Contacts hero: shared transparent action treatment */
.ct-hero .ct-title{font-size:24px;font-weight:750;line-height:1.25}
.ct-hero .ct-desc{font-size:13px;line-height:1.6}
.ct-hero .ct-kicker,.ct-hero .ct-hero-pill{font-weight:650}
body.app-theme .ct-hero .ct-hero-actions .btn,
body.app-theme .ct-hero .ct-hero-actions .btn.btn-primary,
body.app-theme .ct-hero .ct-hero-actions .btn.btn-default{
    min-height:37px;
    padding:8px 13px;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:7px;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:12px;
    font-weight:650;
    line-height:1.2;
    text-shadow:none;
    box-shadow:none!important;
}
body.app-theme .ct-hero .ct-hero-actions .btn i{color:#fff!important}
body.app-theme .ct-hero .ct-hero-actions .btn:hover,
body.app-theme .ct-hero .ct-hero-actions .btn:focus{
    border-color:rgba(255,255,255,.82)!important;
    background:rgba(255,255,255,.15)!important;
    color:#fff!important;
    outline:none;
    box-shadow:0 0 0 3px rgba(255,255,255,.10)!important;
}
@media (max-width:767px){.ct-hero{padding:18px 16px}.ct-hero .ct-title{font-size:22px}.ct-summary,.ct-health,.ct-toolbar,.ct-toolbar-main,.ct-toolbar-actions,.ct-modal-grid{display:grid;grid-template-columns:1fr}.ct-hero-actions{display:grid;grid-template-columns:1fr}.ct-hero-actions .btn,.ct-modal-save{width:100%}}

/* Service planning */
.right_col[role="main"] .sp-shell,.right_col[role="main"] .sp-shell *,.right_col[role="main"] .sp-hero,.right_col[role="main"] .sp-panel{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.sp-shell{width:100%;min-width:0;max-width:100%}.sp-shell{width:100%;min-width:0;max-width:100%;overflow-x:clip;display:flex;flex-direction:column;gap:14px}.sp-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#2563eb 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin:0 0 18px;position:relative;z-index:1}.right_col[role="main"]>.sp-shell>.sp-hero{margin-top:-18px}.sp-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.sp-panel-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff}.sp-panel-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.sp-panel-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.sp-panel-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sp-panel-kicker i{color:#dc2626}.sp-panel-body{padding:18px}.sp-head{display:flex;flex-direction:column;gap:0;align-items:stretch}.sp-head>div{min-width:0;max-width:100%}.sp-kicker{color:rgba(255,255,255,.76);font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:7px}.sp-title{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.sp-desc{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.sp-title,.sp-desc{overflow-wrap:anywhere}.sp-hero-meta{display:inline-flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;margin-top:10px}.sp-hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600;white-space:normal;overflow-wrap:anywhere}.sp-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.sp-head-actions{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px;width:100%;min-width:0;max-width:100%}.sp-head-actions-group{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%}.sp-head-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;box-shadow:none;padding:8px 16px;min-height:38px;font-size:13px;font-weight:600;margin:0;white-space:nowrap}.sp-head-actions .btn:hover,.sp-head-actions .btn:focus{text-decoration:none;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36);color:#fff}.sp-head-actions .btn.btn-primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.sp-head-actions .btn.btn-primary:hover,.sp-head-actions .btn.btn-primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff}.sp-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.sp-stat{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff}.sp-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sp-stat strong{color:#101828;font-size:22px;font-weight:800}.sp-stat span{display:block;margin-top:4px;color:#98a2b3;font-size:12px;line-height:1.4}.sp-stat.is-good{border-left-color:#16a34a}.sp-stat.is-warn{border-left-color:#f59e0b}.sp-stat.is-danger{border-left-color:#dc2626}.sp-stat.is-info{border-left-color:#2563eb}.sp-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-items:end;margin-bottom:14px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.sp-period-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:end;padding:18px;border:1px solid #e4e7ec;border-radius:8px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);margin-bottom:18px}.sp-period-copy small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sp-period-copy strong{display:block;color:#101828;font-size:24px;font-weight:800;line-height:1.2}.sp-period-copy span{display:block;margin-top:6px;color:#475467;font-size:13px;line-height:1.6;max-width:620px}.sp-period-actions-head{display:grid;gap:4px}.sp-period-actions-head small{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sp-period-actions-head span{display:block;color:#475467;font-size:12px;line-height:1.5}.sp-period-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.sp-period-summary-item{display:grid;gap:6px;padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,42,.04);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.sp-period-summary-item:hover,.sp-period-summary-item:focus{text-decoration:none;border-color:#cbd5e1;box-shadow:0 12px 26px rgba(15,23,42,.08);transform:translateY(-1px);color:#0f172a}.sp-period-summary-item.is-active{border-color:#cbd5e1;box-shadow:0 12px 26px rgba(15,23,42,.08);transform:translateY(-1px)}.sp-period-summary-top{display:flex;align-items:center;gap:8px;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sp-period-summary-top i{font-size:12px}.sp-period-summary-value{font-size:20px;font-weight:800;line-height:1.1;color:#0f172a;text-align:center;justify-self:center}.sp-period-summary-note{color:#667085;font-size:12px;line-height:1.45;text-align:center}.sp-period-summary-all{border-left:4px solid #2563eb}.sp-period-summary-professional{border-left:4px solid #f59e0b}.sp-period-summary-personnel{border-left:4px solid #dc2626}.sp-period-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);max-width:100%;align-self:end}.sp-period-nav{display:flex;gap:8px;align-items:center;justify-content:space-between}.sp-period-nav-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.sp-period-nav .btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #f1caca;background:#fff5f5;color:#b42318;box-shadow:none}.sp-period-nav .btn:hover,.sp-period-nav .btn:focus{border-color:#dc2626;background:#fee2e2;color:#991b1b;text-decoration:none}.sp-period-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;align-items:end}.sp-period-field-action{display:flex;align-items:flex-end;gap:10px}.sp-period-field-action .sp-period-field{flex:1 1 auto}.sp-period-form-action{display:flex;align-items:end}.sp-period-form-action .btn{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0}.sp-period-apply-btn{border:1px solid #dc2626!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;font-weight:700;box-shadow:0 12px 24px rgba(220,38,38,.18)}.sp-period-apply-btn:hover,.sp-period-apply-btn:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#b91c1c!important;color:#fff!important;text-decoration:none;box-shadow:0 16px 28px rgba(220,38,38,.24)}.sp-period-apply-btn i{font-size:13px}.sp-period-field{min-width:0}.sp-period-field label{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:700}.sp-period-field .form-control{height:38px;border-radius:8px}.sp-period-note{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#475467;font-size:11px;font-weight:800;align-self:flex-end}.sp-period-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/-1}.sp-period-range-hidden{display:none!important}.sp-table-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.sp-section-note{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;border-radius:8px;border:1px solid #e5e7eb;background:#fbfdff;color:#667085;font-size:12px;font-weight:700;line-height:1.45}.sp-section-note i{color:#dc2626}.sp-table-tools,.sp-table-summary{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;min-width:0}.sp-table-summary{width:100%;justify-content:space-between;align-items:end}.sp-table-search,.sp-table-size,.sp-table-info-wrap{display:grid;gap:5px;margin:0}.sp-table-search{min-width:260px;max-width:360px;flex:1 1 300px}.sp-table-size{width:140px}.sp-table-info-wrap{min-width:180px;text-align:left;align-self:flex-end}.sp-table-primary-meta{display:flex;align-items:end;gap:12px;flex-wrap:wrap;min-width:0;justify-content:flex-start}.sp-table-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.sp-table-search label,.sp-table-size label{margin:0;color:#334155;font-size:12px;font-weight:700}.sp-table-search input,.sp-table-size select{height:38px;border:1px solid #dbe4ee;border-radius:8px;box-shadow:none}.sp-table-info{color:#64748b;font-size:12px;line-height:1.5}.sp-table-wrap{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.sp-table{width:100%;min-width:1180px;margin-bottom:0}.sp-table thead th{background:#f8fafc;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;padding:12px 14px}.sp-table td,.sp-table th{vertical-align:middle!important}.sp-table tbody td{padding:13px 14px;border-color:#edf2f7;color:#475467;font-size:13px;line-height:1.5}.sp-table tbody tr{transition:background .16s ease}.sp-table tbody tr:nth-child(4n+1),.sp-table tbody tr:nth-child(4n+2){background:#fff}.sp-table tbody tr:nth-child(4n+3),.sp-table tbody tr:nth-child(4n+4){background:#fcfcfd}.sp-table tbody tr:hover{background:#f8fafc}.sp-table-toggle-col{display:none;width:44px;text-align:center;vertical-align:middle!important}.sp-table-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:8px;border:1px solid #dc2626;background:#dc2626;color:#fff;line-height:1;text-align:center;vertical-align:middle;box-shadow:none}.sp-table-toggle-btn i{display:block;line-height:1;font-size:12px}.sp-table-toggle-btn:hover,.sp-table-toggle-btn:focus{background:#a30f1a;border-color:#a30f1a;color:#fff;text-decoration:none}.sp-table-toggle-btn.is-open{background:#7f1018;border-color:#7f1018;color:#fff}.sp-table-detail-row{display:none}.sp-table-detail-row td{padding:0!important;border-top:0!important;background:#fff}.sp-table-detail-box{display:none;padding:14px 16px 16px;border-top:1px solid #eaecf0;background:#fcfcfd}.sp-table-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sp-table-detail-item{display:grid;gap:4px}.sp-table-detail-item small{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.sp-table-detail-item div{color:#0f172a;font-size:13px;line-height:1.5}.sp-hour-metric{display:flex;flex-direction:column;gap:6px;min-width:84px}.sp-hour-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sp-hour-value{color:#101828;font-size:12px;font-weight:700;line-height:1.2}.sp-hour-track{position:relative;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.sp-hour-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px}.sp-hour-fill-required{background:#94a3b8}.sp-hour-fill-gap{background:#f97316}.sp-hour-note{color:#98a2b3;font-size:10px;line-height:1.2}.sp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800}.sp-good{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.sp-warn{background:#fff7ed;color:#c2410c;border-color:#fdba74}.sp-risk{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.sp-info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.sp-status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800;line-height:1;max-width:100%}.sp-status-badge i{font-size:13px}.sp-status-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-subtext{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.sp-primary-meta{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.45}.sp-mini-note{display:block;margin-top:4px;color:#98a2b3;font-size:10px;line-height:1.4}.sp-workplace-box{display:grid;gap:5px;min-width:0}.sp-workplace-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}.sp-workplace-sub{display:block;color:#667085;font-size:11px;line-height:1.45}.sp-compliance-box{display:grid;gap:6px;min-width:0}.sp-compliance-meter{position:relative;width:100%;max-width:132px;height:6px;border-radius:999px;background:#e5e7eb;overflow:hidden}.sp-compliance-meter>span{display:block;height:100%;border-radius:999px;background:currentColor}.sp-count-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:800;line-height:1;max-width:100%}.sp-count-badge i{font-size:13px}.sp-gap-box{display:grid;gap:5px;min-width:0}.sp-gap-note{display:block;color:#98a2b3;font-size:10px;line-height:1.4}.sp-row-actions{display:flex;justify-content:flex-end;gap:6px}.sp-row-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#334155;text-decoration:none;transition:.18s ease}.sp-row-icon:hover,.sp-row-icon:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#cbd5e1}.sp-form-btn{border-radius:8px!important;font-weight:800}.sp-table-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.sp-table-pager-meta{color:#64748b;font-size:12px}.sp-table-pager-actions{display:flex;align-items:center;gap:8px}.sp-table-pager-actions .btn{border-radius:8px;margin:0}.sp-table-page{min-width:56px;text-align:center;color:#334155;font-size:12px}.sp-table-empty{padding:24px!important;text-align:center;color:#64748b!important}.sp-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.sp-toast-stack.is-fading{opacity:0;transition:opacity .24s ease}.sp-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.sp-toast i{width:18px;text-align:center;margin-top:2px}.sp-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.sp-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.sp-toast-success{border-left:4px solid #16a34a}.sp-toast-success i{color:#16a34a}.sp-toast-warning{border-left:4px solid #f59e0b}.sp-toast-warning i{color:#f59e0b}.sp-toast-danger{border-left:4px solid #dc2626}.sp-toast-danger i{color:#dc2626}.sp-foundation-alert{margin-top:16px}.sp-cell-right{text-align:right!important}.sp-row-hidden{display:none}.sp-col-hide{white-space:normal}
@media (max-width:1199px){.sp-period-card{grid-template-columns:1fr}.sp-period-summary{grid-template-columns:1fr}}
@media (max-width:991px){.sp-stat-grid{grid-template-columns:1fr 1fr}.sp-period-card{align-items:stretch}.sp-period-actions,.sp-period-form,.sp-period-nav,.sp-period-range{width:100%;align-items:stretch}.sp-period-form{grid-template-columns:1fr 1fr}.sp-period-range{grid-template-columns:1fr}.sp-period-actions{align-items:stretch}.sp-period-nav{justify-content:flex-start;flex-wrap:wrap}.sp-period-note{align-self:flex-start}.sp-toolbar{padding:12px}.sp-table-summary,.sp-table-primary-meta,.sp-table-controls{width:100%;justify-content:flex-start}.sp-period-field-action{grid-column:1/-1}}
@media (max-width:1480px){.sp-table.is-compact .sp-table-toggle-col{display:table-cell}.sp-table.is-compact .sp-col-hide{display:none}.sp-table.is-compact .sp-table-detail-row.is-open{display:table-row}}
@media (max-width:767px){.sp-head-actions,.sp-head-actions-group{display:grid;grid-template-columns:1fr}.sp-head-actions .btn{width:100%}.sp-stat-grid{grid-template-columns:1fr}.sp-table-toolbar,.sp-table-tools,.sp-table-summary,.sp-table-pager,.sp-table-primary-meta,.sp-table-controls{display:grid;grid-template-columns:1fr}.sp-table-search,.sp-table-size,.sp-table-info-wrap{width:100%;min-width:0;max-width:100%}.sp-table-info-wrap{text-align:left}.sp-table{min-width:0}.sp-table-detail-grid{grid-template-columns:1fr}}

/* Service planning decision center */
body.app-theme .right_col[role="main"] .sp-hero {
    background: linear-gradient(112deg,#17251f 0%,#20564a 55%,#8f1d2c 100%) !important;
    color:#fff !important;
}
body.app-theme .sp-hero :is(.sp-kicker,.sp-title,.sp-desc,.sp-hero-pill) {color:#fff !important}
body.app-theme .sp-hero .sp-kicker,body.app-theme .sp-hero .sp-desc{color:rgba(255,255,255,.9)!important}
body.app-theme .sp-hero .sp-head-actions .btn,body.app-theme .sp-hero .sp-head-actions .btn:visited{border-color:rgba(255,255,255,.4)!important;background:rgba(12,33,28,.22)!important;color:#fff!important;box-shadow:none!important}
body.app-theme .sp-hero .sp-head-actions .btn:hover,body.app-theme .sp-hero .sp-head-actions .btn:focus{border-color:rgba(255,255,255,.76)!important;background:rgba(255,255,255,.14)!important;color:#fff!important}
body.app-theme .sp-hero .sp-head-actions .btn.btn-primary{border-color:#fff!important;background:#fff!important;color:#7f1d2d!important}
body.app-theme .sp-hero .sp-head-actions .btn.btn-primary:hover,body.app-theme .sp-hero .sp-head-actions .btn.btn-primary:focus{border-color:#fee2e2!important;background:#fee2e2!important;color:#7f1d2d!important}
.sp-decision-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.sp-decision-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;align-items:center;width:100%;min-height:128px;padding:15px 16px;border:1px solid #e2e8f0;border-left:4px solid #64748b;border-radius:8px;background:#fff;color:#172033;text-align:left;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.sp-decision-card:hover,.sp-decision-card:focus{transform:translateY(-1px);border-color:#94a3b8;box-shadow:0 13px 28px rgba(15,23,42,.09);outline:0}.sp-decision-card.is-active{box-shadow:0 0 0 2px rgba(15,118,110,.16),0 12px 26px rgba(15,23,42,.08)}
.sp-decision-card.is-info{border-left-color:#2563eb}.sp-decision-card.is-good{border-left-color:#15803d}.sp-decision-card.is-danger{border-left-color:#b91c1c}.sp-decision-card.is-warn{border-left-color:#d97706}.sp-decision-card.is-hours{border-left-color:#0f766e}
.sp-decision-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:#f1f5f9;color:#334155;font-size:16px}.sp-decision-card.is-good .sp-decision-icon{background:#ecfdf3;color:#15803d}.sp-decision-card.is-danger .sp-decision-icon{background:#fef2f2;color:#b91c1c}.sp-decision-card.is-warn .sp-decision-icon{background:#fff7ed;color:#c2410c}.sp-decision-card.is-hours .sp-decision-icon{background:#ecfdf5;color:#0f766e}
.sp-decision-card small,.sp-decision-card strong,.sp-decision-card em{display:block}.sp-decision-card small{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.sp-decision-card strong{margin-top:3px;color:#0f172a;font-size:24px;font-weight:800;line-height:1.05}.sp-decision-card em{margin-top:3px;color:#475569;font-size:11px;font-style:normal;font-weight:700}.sp-decision-note{grid-column:1/-1;color:#64748b;font-size:11px;font-weight:700;line-height:1.4}
.sp-intelligence-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:14px}.sp-intelligence-card{padding:18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.sp-intelligence-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.sp-intelligence-head small{display:block;margin-bottom:4px;color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase}.sp-intelligence-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800;line-height:1.3}.sp-intelligence-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}.sp-live-chip{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 9px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;font-size:10px;font-weight:800}
.sp-priority-list{display:grid;gap:7px}.sp-priority-row{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 11px;border:1px solid #edf2f7;border-radius:7px;background:#fbfdff;color:#172033;text-decoration:none}.sp-priority-row:hover,.sp-priority-row:focus{border-color:#b9d7ce;background:#f0fdfa;color:#172033;text-decoration:none}.sp-priority-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#7f1d2d;color:#fff;font-size:12px;font-weight:800}.sp-priority-copy strong,.sp-priority-copy small{display:block}.sp-priority-copy strong{color:#0f172a;font-size:13px;font-weight:800}.sp-priority-copy small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.4}.sp-priority-metric{display:inline-flex;align-items:center;gap:7px;color:#991b1b;font-size:12px;font-weight:800;white-space:nowrap}.sp-priority-empty{display:grid;justify-items:center;gap:6px;padding:24px;text-align:center;color:#166534}.sp-priority-empty i{font-size:24px}.sp-priority-empty strong{font-size:14px}.sp-priority-empty span{color:#64748b;font-size:12px}
.sp-health-card{display:flex;flex-direction:column}.sp-health-score{display:flex;align-items:flex-end;gap:9px;margin:4px 0 9px}.sp-health-score strong{color:#0f172a;font-size:34px;font-weight:800;line-height:1}.sp-health-score span{padding-bottom:3px;color:#64748b;font-size:11px;font-weight:700}.sp-health-progress{width:100%;height:9px;border:0;border-radius:999px;overflow:hidden;background:#e2e8f0}.sp-health-progress::-webkit-progress-bar{background:#e2e8f0}.sp-health-progress::-webkit-progress-value{background:#0f766e;border-radius:999px}.sp-health-progress::-moz-progress-bar{background:#0f766e;border-radius:999px}.sp-health-checks{display:grid;gap:7px;margin-top:14px}.sp-health-checks>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-radius:7px;background:#f8fafc;color:#475569;font-size:11px}.sp-health-checks>div i{text-align:center}.sp-health-checks>div strong{color:#0f172a;font-size:11px}.sp-health-checks>div.is-ready i{color:#15803d}.sp-health-checks>div.is-missing i,.sp-health-checks>div.is-missing strong{color:#b91c1c}.sp-health-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin-top:auto;padding:9px 12px;border:1px solid #b91c1c;border-radius:7px;background:#b91c1c;color:#fff;font-size:12px;font-weight:800;text-decoration:none}.sp-health-action:hover,.sp-health-action:focus{border-color:#991b1b;background:#991b1b;color:#fff;text-decoration:none}.sp-health-card a.sp-health-action,
.sp-health-card a.sp-health-action:visited,
.sp-health-card a.sp-health-action:active{border-color:#7f1d1d!important;background:#7f1d1d!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;text-shadow:none!important}
.sp-health-card a.sp-health-action i{color:#fff!important;-webkit-text-fill-color:#fff!important}
.sp-health-card a.sp-health-action:hover,
.sp-health-card a.sp-health-action:focus{border-color:#450a0a!important;background:#450a0a!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important;box-shadow:0 0 0 3px rgba(185,28,28,.18)}
.sp-shell .sp-period-card{margin-bottom:14px}.sp-shell .sp-table{min-width:1040px}.sp-shell .sp-row-icon{color:#0f766e}.sp-shell .sp-row-icon:hover,.sp-shell .sp-row-icon:focus{border-color:#99c8bc;background:#ecfdf5;color:#115e59}
@media(max-width:1250px){.sp-decision-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-intelligence-grid{grid-template-columns:1fr}}
@media(max-width:850px){.sp-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-intelligence-head{flex-direction:column}.sp-live-chip{align-self:flex-start}}
@media(max-width:600px){.sp-decision-grid{grid-template-columns:1fr}.sp-priority-row{grid-template-columns:30px minmax(0,1fr)}.sp-priority-metric{grid-column:2}.sp-intelligence-card{padding:15px}.sp-health-score{align-items:flex-start;flex-direction:column}.sp-health-score span{padding:0}}
/* Service planning detail */
.right_col[role="main"] .spd-shell{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.right_col[role="main"] .spd-hero,.right_col[role="main"] .spd-panel{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.spd-hero{background:linear-gradient(115deg,#172033 0%,#0f766e 54%,#9f1d2d 100%);color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.18);overflow:hidden}.right_col[role="main"]>.spd-shell>.spd-hero{margin-top:-18px}.spd-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.spd-panel-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.spd-panel-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.spd-panel-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.spd-panel-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spd-panel-kicker i{color:#dc2626}.spd-panel-body{padding:18px;min-width:0}.spd-flow-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start}.spd-flow-side,.spd-flow-main{min-width:0}.spd-flow-card{border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden;position:sticky;top:18px}.spd-flow-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.spd-flow-head h4{margin:0 0 4px;font-size:17px;font-weight:800;color:#0f172a}.spd-flow-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.spd-flow-nav{padding:10px}.spd-flow-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;transition:.18s ease}.spd-flow-navbtn+.spd-flow-navbtn{margin-top:6px}.spd-flow-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}.spd-flow-navbtn strong{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#0f172a}.spd-flow-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}.spd-flow-navbtn.is-active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}.spd-flow-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:4px 8px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:11px;font-weight:800;line-height:1}.spd-flow-count.good{background:#dcfce7;color:#166534}.spd-flow-count.warn{background:#ffedd5;color:#c2410c}.spd-flow-count.risk{background:#fee2e2;color:#b91c1c}.spd-flow-pane{display:none}.spd-flow-pane.is-active{display:block}.spd-flow-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7}.spd-flow-footer-note{display:grid;gap:3px;min-width:0}.spd-flow-footer-note strong{color:#101828;font-size:13px;font-weight:800}.spd-flow-footer-note span{color:#667085;font-size:12px;line-height:1.45}.spd-flow-footer-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.spd-flow-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#344054;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(15,23,42,.05)}.spd-flow-step-btn:hover,.spd-flow-step-btn:focus{text-decoration:none;border-color:#fecaca;background:#fff5f5;color:#991b1b}.spd-flow-step-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spd-flow-step-btn.primary:hover,.spd-flow-step-btn.primary:focus{border-color:#b91c1c;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff}.spd-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px}.spd-grid-personnel{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.spd-head{display:grid;gap:16px;align-items:flex-start}.spd-head>div{min-width:0;max-width:100%}.spd-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:rgba(255,255,255,.76);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spd-title{margin:0 0 8px;color:#fff;font-size:28px;font-weight:800;line-height:1.2}.spd-desc{margin:0;color:rgba(255,255,255,.88);line-height:1.7}.spd-title,.spd-desc{overflow-wrap:anywhere}.spd-head-actions{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px;width:100%;min-width:0;max-width:100%}.spd-head-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;box-shadow:none;padding:8px 16px;min-height:38px;font-size:13px;font-weight:600;margin:0;white-space:nowrap}.spd-head-actions .btn:hover,.spd-head-actions .btn:focus{text-decoration:none;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36);color:#fff}.spd-head-insights{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.spd-head-insight{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;white-space:normal}.spd-head-insight i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.spd-period-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:end;padding:18px;border:1px solid #e4e7ec;border-radius:8px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);margin:0 0 18px}.spd-period-copy small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spd-period-copy strong{display:block;color:#101828;font-size:24px;font-weight:800;line-height:1.2}.spd-period-copy span{display:block;margin-top:6px;color:#475467;font-size:13px;line-height:1.6;max-width:620px}.spd-period-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);max-width:100%;align-self:end}.spd-period-actions-head{display:grid;gap:4px}.spd-period-actions-head small{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spd-period-actions-head span{display:block;color:#475467;font-size:12px;line-height:1.5}.spd-period-nav{display:flex;gap:8px;align-items:center;justify-content:space-between}.spd-period-nav-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.spd-period-nav .btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #f1caca;background:#fff5f5;color:#b42318;box-shadow:none}.spd-period-nav .btn:hover,.spd-period-nav .btn:focus{border-color:#dc2626;background:#fee2e2;color:#991b1b;text-decoration:none}.spd-period-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end}.spd-period-field{min-width:0}.spd-period-field label{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:700}.spd-period-field .form-control{height:38px;border-radius:8px}.spd-period-field-action{display:flex;align-items:flex-end;gap:10px}.spd-period-field-action .spd-period-field{flex:1 1 auto}.spd-period-form-action{display:flex;align-items:flex-end}.spd-period-form-action .btn{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0}.spd-period-apply-btn{border:1px solid #dc2626!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;font-weight:700;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spd-period-apply-btn:hover,.spd-period-apply-btn:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#b91c1c!important;color:#fff!important;text-decoration:none;box-shadow:0 16px 28px rgba(220,38,38,.24)}.spd-period-note{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#475467;font-size:11px;font-weight:800;align-self:flex-start}.spd-period-range{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1/span 2}.spd-period-range-hidden{display:none!important}.spd-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.spd-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:700}.spd-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.spd-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.spd-toast i{width:18px;text-align:center;margin-top:2px}.spd-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.spd-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.spd-toast-success{border-left:4px solid #16a34a}.spd-toast-success i{color:#16a34a}.spd-toast-warning{border-left:4px solid #f59e0b}.spd-toast-warning i{color:#f59e0b}.spd-toast-danger{border-left:4px solid #dc2626}.spd-toast-danger i{color:#dc2626}.spd-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.spd-stat{padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd}.spd-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.spd-stat strong{display:block;color:#101828;font-size:20px;font-weight:800}.spd-stat span{display:block;margin-top:6px;color:#667085;font-size:12px;line-height:1.45}.spd-stat.good{border-color:#d1fadf;background:linear-gradient(135deg,#ecfdf3 0%,#f6fef9 100%)}.spd-stat.good small,.spd-stat.good span{color:#027a48}.spd-stat.good strong{color:#05603a}.spd-stat.warn{border-color:#fedf89;background:linear-gradient(135deg,#fffaeb 0%,#fffcf5 100%)}.spd-stat.warn small,.spd-stat.warn span{color:#b54708}.spd-stat.warn strong{color:#93370d}.spd-stat.risk{border-color:#fecdca;background:linear-gradient(135deg,#fef3f2 0%,#fff6f5 100%)}.spd-stat.risk small,.spd-stat.risk span{color:#b42318}.spd-stat.risk strong{color:#912018}.spd-stat.info{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff 0%,#f8fbff 100%)}.spd-stat.info small,.spd-stat.info span{color:#1d4ed8}.spd-stat.info strong{color:#1e3a8a}.spd-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spd-service{border:1px solid #eaecf0;border-radius:8px;background:#fff;padding:14px}.spd-service h4{margin:0 0 10px;color:#101828;font-size:15px;font-weight:800}.spd-service-list{display:grid;gap:6px;color:#475467;font-size:13px}.spd-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:800}.spd-good{background:#ecfdf3;color:#027a48;border-color:#d1fadf}.spd-warn{background:#fffaeb;color:#b54708;border-color:#fedf89}.spd-risk{background:#fef3f2;color:#b42318;border-color:#fecdca}.spd-assign-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spd-assign-form .full{grid-column:1/-1}.spd-table-wrap{width:100%;overflow:auto}.spd-table{width:100%;min-width:760px}.spd-subteam-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}.spd-subteam{border:1px solid #eaecf0;border-radius:8px;background:#fff;padding:14px}.spd-subteam small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.spd-subteam strong{display:block;color:#101828;font-size:18px;font-weight:800}.spd-duty-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.spd-duty{border:1px solid #eaecf0;border-radius:8px;background:#fff;padding:14px}.spd-duty .meta{display:block;margin-bottom:8px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.spd-duty .value{display:block;color:#101828;font-size:18px;font-weight:800}.spd-duty .sub{display:block;margin-top:6px;color:#667085;font-size:12px}.spd-duty.ok{border-color:#d1fadf;background:#f6fef9}.spd-duty.warn{border-color:#fedf89;background:#fffcf5}.spd-duty-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.spd-duty-form .full{grid-column:1/-1}.spd-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px}.spd-icon-danger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:8px;border:1px solid #f1caca;background:#fff5f5;color:#b42318;box-shadow:none}.spd-icon-danger:hover,.spd-icon-danger:focus{border-color:#dc2626;background:#fee2e2;color:#991b1b;text-decoration:none}.spd-col-toggle,.spd-row-detail{display:none}.spd-row-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}.spd-row-toggle:hover,.spd-row-toggle:focus{background:#b91c1c;color:#fff}.spd-row-detail td{background:#f8fafc;border-top:0!important;padding:0!important}.spd-row-detail-box{padding:14px 16px;display:grid;gap:12px}.spd-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spd-row-detail-item{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:10px 12px}.spd-row-detail-item small{display:block;margin-bottom:4px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.spd-row-detail-item strong,.spd-row-detail-item span{display:block;color:#101828;font-size:13px;line-height:1.45}.spd-row-detail-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.spd-readiness{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.spd-readiness.ready{background:#ecfdf3;color:#027a48;border:1px solid #d1fadf}.spd-readiness.warning{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.spd-readiness.missing{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.spd-readiness.neutral{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}.spd-picker-help{margin-top:8px;color:#667085;font-size:12px;line-height:1.6}.spd-picker-help-tight{margin-top:0}.spd-picker-hint-card{margin-top:10px;padding:12px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc}.spd-picker-hint-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.spd-picker-hint-head strong{color:#101828;font-size:13px;font-weight:800}.spd-picker-hint-body{display:grid;gap:6px;color:#475467;font-size:12px}.spd-picker-option{padding:4px 0}.spd-picker-option-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.spd-picker-option-top strong{color:#101828;font-size:13px;font-weight:800}.spd-picker-option-bottom{display:flex;flex-wrap:wrap;gap:8px;color:#667085;font-size:12px}.spd-picker-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px;font-weight:700}.spd-picker-pill-ok{border-color:#d1fadf;background:#ecfdf3;color:#027a48}.spd-picker-pill-risk{border-color:#fecdca;background:#fef3f2;color:#b42318}.spd-picker-selection{display:flex;flex-direction:column;gap:2px;line-height:1.3}.spd-picker-selection strong{color:#101828;font-size:13px;font-weight:800}.spd-picker-selection-meta{color:#667085;font-size:11px}.select2-container{width:100%!important}.select2-container--default .select2-selection--single{height:auto;min-height:48px;padding:6px 10px;border:1px solid #d0d5dd;border-radius:8px;display:flex;align-items:center}.select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0;line-height:1.4;white-space:normal}.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:10px}.select2-dropdown{border:1px solid #d0d5dd;border-radius:8px;overflow:hidden;box-shadow:0 18px 42px rgba(15,23,42,.12)}.select2-search--dropdown{padding:10px}.select2-search--dropdown .select2-search__field{border:1px solid #d0d5dd;border-radius:10px;padding:8px 10px}.select2-results__option{padding:10px 12px}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#f8fafc;color:#101828}.spd-inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}.spd-inline-actions-between{margin-top:10px;justify-content:space-between}.spd-quick-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid #dc2626;border-radius:8px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:14px;font-weight:700;transition:.2s ease;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spd-quick-btn:hover,.spd-quick-btn:focus{border-color:#b91c1c;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff;text-decoration:none;box-shadow:0 16px 28px rgba(220,38,38,.24)}.spd-quick-btn[disabled]{opacity:.55;cursor:not-allowed}.spd-save-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:8px;border:1px solid #dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spd-save-btn i{font-size:15px;line-height:1}.spd-save-btn:hover,.spd-save-btn:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff;text-decoration:none;box-shadow:0 16px 28px rgba(220,38,38,.24)}.spd-quick-modal{position:fixed;inset:0;background:rgba(15,23,42,.44);display:none;align-items:center;justify-content:center;z-index:13000;padding:20px}.spd-quick-modal.is-open{display:flex}.spd-quick-dialog{width:min(560px,100%);background:#fff;border-radius:8px;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}.spd-quick-head{padding:22px 24px 12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.spd-quick-head h3{margin:0;color:#101828;font-size:22px;font-weight:800}.spd-quick-head p{margin:6px 0 0;color:#667085;line-height:1.7}.spd-quick-close{border:0;background:#f8fafc;color:#475467;width:38px;height:38px;border-radius:8px}.spd-quick-body{padding:0 24px 20px}.spd-quick-state{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.spd-quick-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spd-quick-card{display:block;padding:16px;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd;color:#101828;text-decoration:none;transition:.2s ease}.spd-quick-card:hover,.spd-quick-card:focus{border-color:#98a2b3;background:#fff;text-decoration:none}.spd-quick-card strong{display:block;margin-bottom:6px;font-size:14px;font-weight:800}.spd-quick-card span{display:block;color:#667085;line-height:1.6;font-size:12px}.spd-quick-foot{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:10px}.spd-toolbar-note{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:12px;font-weight:700}.spd-section-note{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;border-radius:8px;border:1px solid #e5e7eb;background:#fbfdff;color:#667085;font-size:12px;font-weight:700;line-height:1.45}.spd-section-note i{color:#dc2626}.spd-page-data,.spd-hidden{display:none!important}.spd-alert-top{margin-top:16px}.spd-service-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:10px}.spd-stack-top{margin-top:14px}.spd-stack-sm{margin-top:10px}.spd-subteam-note,.spd-subline,.spd-report-text{font-size:12px}.spd-subteam-note{margin-top:6px;color:#667085}.spd-subline{color:#667085}.spd-report-text{color:#98a2b3}.spd-col-period{width:96px}.spd-col-action{width:72px;text-align:center}.spd-col-date{width:160px}.spd-col-user{width:170px}.spd-col-event{width:200px}.spd-cell-center{text-align:center}.spd-inline-form{display:inline}.spd-empty-cell{text-align:center;color:#667085}
/* Service planning detail: refined interaction and table controls */
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero{background:linear-gradient(115deg,#172033 0%,#0f766e 54%,#9f1d2d 100%)!important}
.spd-shell{overflow-x:clip}.spd-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spd-head-actions .btn,.spd-head-actions .btn:visited{color:#fff!important;-webkit-text-fill-color:#fff!important}.spd-head-actions .btn i{color:#fff!important;-webkit-text-fill-color:#fff!important}.spd-head-actions .btn:hover,.spd-head-actions .btn:focus{background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.spd-chip.is-good{border-color:rgba(187,247,208,.62);background:rgba(22,101,52,.36)}.spd-chip.is-risk{border-color:rgba(254,202,202,.72);background:rgba(127,29,29,.48)}.spd-save-btn{width:auto;min-width:148px;padding:0 16px;gap:8px;color:#fff!important;-webkit-text-fill-color:#fff!important}.spd-save-btn i{color:#fff!important;-webkit-text-fill-color:#fff!important}.spd-quick-select{width:100%;border:1px solid #e4e7ec;text-align:left;cursor:pointer;font-family:inherit}.spd-quick-select:hover,.spd-quick-select:focus{border-color:#99c8bc;background:#f0fdfa;color:#0f172a;outline:0}.spd-modal-open{overflow:hidden}.spd-table-wrap{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.spd-table{border-collapse:collapse;margin:0}.spd-table th,.spd-table td{padding:12px 13px;border-top:1px solid #edf2f7;vertical-align:middle;color:#475569;font-size:13px;line-height:1.45}.spd-table th{border-top:0;background:#f8fafc;color:#475569;font-size:11px;font-weight:800;text-transform:uppercase}.spd-table tbody tr:hover:not(.spd-row-detail){background:#f8fafc}.spd-table-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}.spd-table-size{display:flex;align-items:center;gap:8px;margin:0;color:#475569;font-size:12px;font-weight:800}.spd-table-size .form-control{width:112px;height:38px}.spd-table-search{position:relative;display:block;margin:0 0 0 auto}.spd-table-search i{position:absolute;left:12px;top:12px;color:#94a3b8;z-index:1}.spd-table-search .form-control{width:min(320px,70vw);height:38px;padding-left:34px}.spd-table-count{min-height:38px;display:inline-flex;align-items:center;color:#64748b;font-size:12px;font-weight:700}.spd-table-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:#64748b;font-size:12px;font-weight:700}.spd-table-pager>div{display:flex;gap:8px}.spd-table-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800}.spd-table-page-btn:hover,.spd-table-page-btn:focus{border-color:#99c8bc;background:#f0fdfa;color:#115e59}.spd-table-page-btn.primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.spd-table-page-btn.primary:hover,.spd-table-page-btn.primary:focus{border-color:#7f1d1d;background:#7f1d1d;color:#fff}.spd-table-page-btn[disabled]{opacity:.45;cursor:not-allowed}.spd-toast-stack.is-fading{opacity:0;transform:translateY(-6px);transition:opacity .28s ease,transform .28s ease}
@media(max-width:1199px){.spd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.spd-col-toggle{display:table-cell;width:52px;text-align:center}.spd-table-responsive .spd-mobile-hide{display:none}}
@media(max-width:767px){.spd-stat-grid{grid-template-columns:1fr}.spd-table-toolbar,.spd-table-size,.spd-table-search,.spd-table-search .form-control,.spd-table-count{width:100%}.spd-table-search{margin-left:0}.spd-table-count{min-height:0}.spd-table-pager{display:grid;grid-template-columns:1fr}.spd-table-pager>div{display:grid;grid-template-columns:1fr 1fr}.spd-table-page-btn{width:100%}.spd-save-btn{width:100%}}@media (max-width:767px){.spd-quick-card-grid{grid-template-columns:1fr}}
@media (max-width:1199px){.spd-flow-shell,.spd-grid,.spd-service-grid,.spd-subteam-grid,.spd-period-card{grid-template-columns:1fr}.spd-flow-card{position:static}.spd-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spd-assign-form,.spd-duty-form{grid-template-columns:1fr}.spd-duty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:991px){.spd-period-actions,.spd-period-form,.spd-period-nav{width:100%;align-items:stretch}.spd-period-form{grid-template-columns:1fr 1fr}.spd-period-nav{justify-content:flex-start;flex-wrap:wrap}.spd-period-range{grid-template-columns:1fr;grid-column:1/-1}.spd-period-field-action{grid-column:1/-1}}
@media (max-width:767px){.spd-head-actions,.spd-head-insights,.spd-duty-grid,.spd-flow-footer,.spd-flow-footer-actions,.spd-flow-step-btn{display:grid;grid-template-columns:1fr}.spd-head-actions .btn,.spd-head-insight,.spd-flow-step-btn{width:100%}.spd-col-toggle{display:table-cell;width:52px;text-align:center}.spd-table-responsive .spd-mobile-hide{display:none}.spd-row-detail-grid{grid-template-columns:1fr}}

.right_col[role="main"] .spb-shell{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:clip}.right_col[role="main"] .spb-hero,.right_col[role="main"] .spb-panel{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.spb-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#2563eb 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin:0 0 2px;position:relative;z-index:1}.right_col[role="main"]>.spb-shell>.spb-hero{margin-top:-18px}.spb-panel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.spb-panel-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff}.spb-panel-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.spb-panel-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55}.spb-panel-body{padding:18px}.spb-head{display:flex;flex-direction:column;gap:0;align-items:stretch}.spb-kicker{color:rgba(255,255,255,.76);font-size:12px;font-weight:600;letter-spacing:0;margin-bottom:7px}.spb-title{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.spb-desc{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.spb-head-main{min-width:0;max-width:100%}.spb-hero-meta{display:inline-flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;margin-top:10px}.spb-hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600;white-space:normal;overflow-wrap:anywhere}.spb-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.spb-head-actions{display:flex;flex-wrap:wrap;margin-top:16px;gap:8px;width:100%;min-width:0;max-width:100%}.spb-head-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;box-shadow:none;padding:8px 16px;min-height:38px;font-size:13px;font-weight:600;margin:0;white-space:nowrap}.spb-head-actions .btn:hover,.spb-head-actions .btn:focus{text-decoration:none;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36);color:#fff}.spb-head-insights{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}.spb-head-insight{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700;white-space:normal}.spb-head-insight i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.spb-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.spb-summary{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.spb-summary small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.spb-summary strong{display:block;color:#101828;font-size:22px;font-weight:800}.spb-summary-value{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.spb-summary-value strong{display:inline-block}.spb-summary-value span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f8fafc;border:1px solid #e5e7eb;color:#667085;font-size:11px;font-weight:800;line-height:1}.spb-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.spb-toast-stack.is-fading{opacity:0;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease}.spb-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.spb-toast i{width:18px;text-align:center;margin-top:2px}.spb-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.spb-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.spb-toast-success{border-left:4px solid #16a34a}.spb-toast-success i{color:#16a34a}.spb-toast-warning{border-left:4px solid #f59e0b}.spb-toast-warning i{color:#f59e0b}.spb-toast-danger{border-left:4px solid #dc2626}.spb-toast-danger i{color:#dc2626}.spb-period-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:end;padding:18px;border:1px solid #e4e7ec;border-radius:8px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%);margin-bottom:18px}.spb-period-copy small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spb-period-copy strong{display:block;color:#101828;font-size:24px;font-weight:800;line-height:1.2}.spb-period-copy span{display:block;margin-top:6px;color:#475467;font-size:13px;line-height:1.6;max-width:620px}.spb-period-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;justify-content:flex-start;padding:14px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);max-width:100%;align-self:end}.spb-period-actions-head{display:grid;gap:4px}.spb-period-actions-head small{display:block;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.spb-period-actions-head span{display:block;color:#475467;font-size:12px;line-height:1.5}.spb-period-nav{display:flex;gap:8px;align-items:center;justify-content:space-between}.spb-period-nav-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.spb-period-nav .btn{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #f1caca;background:#fff5f5;color:#b42318;box-shadow:none}.spb-period-nav .btn:hover,.spb-period-nav .btn:focus{border-color:#dc2626;background:#fee2e2;color:#991b1b;text-decoration:none}.spb-period-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end}.spb-period-field{min-width:0}.spb-period-field label{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:700}.spb-period-field .form-control{height:38px;border-radius:8px}.spb-period-form-action .btn{width:38px;min-width:38px;height:38px;min-height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;padding:0}.spb-period-apply-btn{border:1px solid #dc2626!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;font-weight:700;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spb-period-apply-btn:hover,.spb-period-apply-btn:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important;border-color:#b91c1c!important;color:#fff!important;text-decoration:none;box-shadow:0 16px 28px rgba(220,38,38,.24)}.spb-card{border:1px solid #e4e7ec;border-radius:8px;background:#fff;padding:18px;margin-bottom:16px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.spb-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.spb-side-stack{display:grid;gap:12px;position:sticky;top:82px}.spb-flow-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px}.spb-flow-card h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:800}.spb-flow-card p{margin:0 0 12px;color:#64748b;font-size:12px;line-height:1.55}.spb-flow-menu{display:grid;gap:8px}.spb-flow-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#344054;padding:10px 12px;text-align:left;font-size:12px;font-weight:800}.spb-flow-link span{display:inline-flex;align-items:center;gap:8px;min-width:0}.spb-flow-link i{color:#dc2626}.spb-flow-link small{color:#98a2b3;font-size:10px;font-weight:800}.spb-flow-link:hover,.spb-flow-link:focus{text-decoration:none;background:#fff5f5;border-color:#fecaca;color:#991b1b}.spb-flow-link.is-active{background:#fef2f2;border-color:#fecaca;color:#991b1b}.spb-flow-content{min-width:0}.spb-flow-panel{display:none}.spb-flow-panel.is-active{display:block}.spb-flow-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7}.spb-flow-nav-note{display:grid;gap:3px;min-width:0}.spb-flow-nav-note strong{color:#101828;font-size:13px;font-weight:800}.spb-flow-nav-note span{color:#667085;font-size:12px;line-height:1.45}.spb-flow-nav-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.spb-flow-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#344054;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(15,23,42,.05)}.spb-flow-step-btn:hover,.spb-flow-step-btn:focus{text-decoration:none;border-color:#fecaca;background:#fff5f5;color:#991b1b}.spb-flow-step-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.spb-flow-step-btn.primary:hover,.spb-flow-step-btn.primary:focus{border-color:#b91c1c;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff}.spb-pro-toolbar,.spb-personnel-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-bottom:16px;padding:13px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fbfdff}.spb-pro-filter-group,.spb-personnel-tools,.spb-personnel-filters,.spb-personnel-pager-actions,.spb-slot-actions{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.spb-pro-field,.spb-personnel-size,.spb-personnel-info-wrap,.spb-personnel-search,.spb-personnel-filter{display:grid;gap:5px}.spb-pro-field{min-width:220px}.spb-pro-field-sm{min-width:140px}.spb-pro-search{min-width:280px;max-width:420px}.spb-personnel-size{width:140px}.spb-personnel-info-wrap{min-width:190px;padding-bottom:8px}.spb-personnel-search{min-width:260px;max-width:360px}.spb-personnel-filter{min-width:220px}.spb-pro-note{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#667085;font-size:12px;font-weight:800}.spb-pro-table,.spb-personnel-table{min-width:980px}.spb-personnel-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0 0}.spb-personnel-page{min-width:56px;text-align:center;color:#334155;font-size:12px;font-weight:800}.spb-personnel-toggle-col{display:table-cell;width:44px;text-align:center;vertical-align:middle!important}.spb-pro-detail-row[hidden],.spb-personnel-detail-row[hidden]{display:none!important}.spb-foundation-alert{margin-top:16px}.spb-personnel-summary-grid{margin-top:0;margin-bottom:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.spb-personnel-summary-card{margin:0;padding:14px}.spb-summary-label{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.spb-summary-strong{display:inline-block;color:#101828;font-size:22px;font-weight:800}
@media (max-width:1199px){.spb-period-card{grid-template-columns:1fr}.spb-layout{grid-template-columns:1fr}.spb-side-stack{position:static}}
@media (max-width:991px){.spb-summary-grid,.spb-personnel-summary-grid{grid-template-columns:1fr 1fr}.spb-pro-toolbar,.spb-pro-filter-group{display:grid;grid-template-columns:1fr}.spb-pro-field,.spb-pro-search,.spb-pro-note{width:100%;min-width:0;max-width:100%}.spb-period-actions,.spb-period-form,.spb-period-nav{width:100%;align-items:stretch}.spb-period-form{grid-template-columns:1fr 1fr}.spb-period-nav{justify-content:flex-start;flex-wrap:wrap}}
@media (max-width:767px){.spb-head-actions,.spb-head-insights,.spb-flow-nav,.spb-flow-nav-actions,.spb-flow-step-btn,.spb-personnel-action-band,.spb-personnel-toolbar,.spb-personnel-tools,.spb-personnel-filters,.spb-personnel-pager{display:grid;grid-template-columns:1fr}.spb-head-actions .btn,.spb-head-insight,.spb-flow-step-btn,.spb-personnel-size,.spb-personnel-info-wrap,.spb-personnel-search,.spb-personnel-filter{width:100%;min-width:0;max-width:100%}.spb-summary-grid,.spb-personnel-summary-grid{grid-template-columns:1fr}.spb-table-wrap{overflow-x:auto}}

.right_col[role="main"] .sps-shell,.right_col[role="main"] .sps-shell *,.right_col[role="main"] .sps-hero,.right_col[role="main"] .sps-card{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.sps-shell{width:100%;min-width:0;max-width:100%}.sps-shell{width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:14px}.sps-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#2563eb 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin:0 0 18px;position:relative;z-index:1}.right_col[role="main"]>.sps-shell>.sps-hero{margin-top:-18px}.sps-kicker{color:rgba(255,255,255,.76);font-size:12px;font-weight:700;letter-spacing:0;margin-bottom:7px}.sps-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2}.sps-desc{margin:0;color:rgba(255,255,255,.88);line-height:1.7;max-width:860px;font-size:14px}.sps-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.sps-hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:700}.sps-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.sps-head-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sps-head-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;box-shadow:none;padding:8px 16px;min-height:38px;font-size:13px;font-weight:700;margin:0}.sps-head-actions .btn:hover,.sps-head-actions .btn:focus{text-decoration:none;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36);color:#fff}.sps-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.sps-summary-card{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.sps-summary-card small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sps-summary-card strong{display:block;color:#101828;font-size:22px;font-weight:800;line-height:1.1}.sps-summary-card span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.45}.sps-summary-card.is-info{border-left-color:#2563eb}.sps-summary-card.is-good{border-left-color:#16a34a}.sps-summary-card.is-warn{border-left-color:#f59e0b}.sps-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.sps-side-stack{display:grid;gap:12px;position:sticky;top:82px}.sps-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.sps-flow-card{padding:14px}.sps-flow-card h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:800}.sps-flow-card p{margin:0 0 12px;color:#64748b;font-size:12px;line-height:1.55}.sps-flow-menu{display:grid;gap:8px}.sps-flow-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#344054;padding:10px 12px;text-align:left;font-size:12px;font-weight:800}.sps-flow-link span{display:inline-flex;align-items:center;gap:8px;min-width:0}.sps-flow-link i{color:#dc2626}.sps-flow-link small{color:#98a2b3;font-size:10px;font-weight:800}.sps-flow-link:hover,.sps-flow-link:focus{text-decoration:none;background:#fff5f5;border-color:#fecaca;color:#991b1b}.sps-flow-link.is-active{background:#fef2f2;border-color:#fecaca;color:#991b1b}.sps-side-note{padding:14px}.sps-side-note strong{display:block;color:#101828;font-size:13px;font-weight:800;margin-bottom:5px}.sps-side-note span{display:block;color:#667085;font-size:12px;line-height:1.55}.sps-content{min-width:0}.sps-panel{display:none}.sps-panel.is-active{display:block}.sps-panel-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff}.sps-panel-head-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.sps-panel-title-wrap{display:grid;gap:6px;min-width:0}.sps-panel-kicker{display:inline-flex;align-items:center;gap:7px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.sps-panel-kicker i{color:#dc2626}.sps-panel-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800}.sps-panel-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.6}.sps-panel-head-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#344054;font-size:11px;font-weight:800}.sps-panel-body{padding:18px}.sps-panel-copy{margin:0 0 16px;color:#667085;font-size:13px;line-height:1.6}.sps-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sps-form-field{display:grid;gap:6px}.sps-form-field label{margin:0;color:#344054;font-size:12px;font-weight:800}.sps-form-field .form-control{height:40px;border:1px solid #dbe4ee;border-radius:8px;box-shadow:none}.sps-form-field .form-control:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)}.sps-inline-note{display:block;color:#98a2b3;font-size:11px;line-height:1.45}.sps-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.sps-guidance-top{margin-top:12px}.sps-guidance-item{padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fcfcfd}.sps-guidance-item strong{display:flex;align-items:center;gap:8px;color:#101828;font-size:13px;font-weight:800}.sps-guidance-item strong i{color:#dc2626}.sps-guidance-item span{display:block;margin-top:5px;color:#667085;font-size:12px;line-height:1.55}.sps-guidance-item.is-soft-blue{background:linear-gradient(135deg,#eff6ff 0%,#ffffff 100%);border-color:#bfdbfe}.sps-guidance-item.is-soft-amber{background:linear-gradient(135deg,#fff7ed 0%,#ffffff 100%);border-color:#fed7aa}.sps-guidance-item.is-soft-green{background:linear-gradient(135deg,#f0fdf4 0%,#ffffff 100%);border-color:#bbf7d0}.sps-table-wrap{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.sps-table{width:100%;min-width:760px;margin-bottom:0;border-collapse:collapse}.sps-table th,.sps-table td{padding:12px 14px;border-top:1px solid #edf2f7;vertical-align:middle;color:#475467;font-size:13px;line-height:1.5}.sps-table th{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;border-top:0}.sps-table tbody tr:nth-child(odd){background:#fff}.sps-table tbody tr:nth-child(even){background:#fcfcfd}.sps-table td:first-child{color:#101828;font-weight:700}.sps-table td:nth-last-child(-n+2),.sps-table th:nth-last-child(-n+2){text-align:center}.sps-table input[type="checkbox"]{width:16px;height:16px}.sps-input{min-width:96px;max-width:120px;text-align:center;font-weight:700}.sps-input[type="number"]::-webkit-outer-spin-button,.sps-input[type="number"]::-webkit-inner-spin-button{opacity:1}.sps-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #d0d5dd;background:#f8fafc;color:#344054;font-size:11px;font-weight:800}.sps-chip.is-risk{background:#fff5f5;border-color:#fecaca;color:#b91c1c}.sps-chip.is-warn{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.sps-chip.is-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.sps-kpi-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sps-actions-band{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-top:18px}.sps-actions-band strong{display:block;color:#101828;font-size:14px;font-weight:800}.sps-actions-band span{display:block;color:#667085;font-size:12px;line-height:1.5;margin-top:3px}.sps-actions-band-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sps-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sps-actions .btn{border-radius:8px;font-weight:800}.sps-flow-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7}.sps-flow-nav-note{display:grid;gap:3px;min-width:0}.sps-flow-nav-note strong{color:#101828;font-size:13px;font-weight:800}.sps-flow-nav-note span{color:#667085;font-size:12px;line-height:1.45}.sps-flow-nav-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.sps-flow-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#344054;font-size:12px;font-weight:800;box-shadow:0 8px 18px rgba(15,23,42,.05)}.sps-flow-step-btn:hover,.sps-flow-step-btn:focus{text-decoration:none;border-color:#fecaca;background:#fff5f5;color:#991b1b}.sps-flow-step-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.sps-flow-step-btn.primary:hover,.sps-flow-step-btn.primary:focus{border-color:#b91c1c;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);color:#fff}.sps-toast-stack{position:fixed;top:74px;right:18px;z-index:10040;display:flex;flex-direction:column;gap:10px;pointer-events:none}.sps-toast-stack.is-fading{opacity:0;transform:translateY(-6px);transition:opacity .3s ease,transform .3s ease}.sps-toast{min-width:280px;max-width:360px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 18px 42px rgba(15,23,42,.18);padding:12px 14px;display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.sps-toast i{width:18px;text-align:center;margin-top:2px}.sps-toast strong{display:block;color:#0f172a;font-size:13px;margin-bottom:2px}.sps-toast span{color:#475569;font-size:12px;line-height:1.5;display:block}.sps-toast-success{border-left:4px solid #16a34a}.sps-toast-success i{color:#16a34a}.sps-toast-warning{border-left:4px solid #f59e0b}.sps-toast-warning i{color:#f59e0b}.sps-toast-danger{border-left:4px solid #dc2626}.sps-toast-danger i{color:#dc2626}.sps-foundation-warning{padding:18px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412}.sps-foundation-warning strong{display:block;font-size:15px;font-weight:800;margin-bottom:6px}.sps-foundation-warning span{display:block;font-size:13px;line-height:1.6}.sps-section-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
@media (max-width:1199px){.sps-summary-grid{grid-template-columns:1fr 1fr}.sps-layout{grid-template-columns:1fr}.sps-side-stack{position:static}}
@media (max-width:991px){.sps-form-grid,.sps-guidance{grid-template-columns:1fr}.sps-head-actions{width:100%}.sps-head-actions .btn{width:100%}}
@media (max-width:767px){.sps-summary-grid{grid-template-columns:1fr}.sps-flow-nav,.sps-flow-nav-actions,.sps-flow-step-btn,.sps-actions-band{display:grid;grid-template-columns:1fr}.sps-flow-step-btn,.sps-actions .btn{width:100%}.sps-actions{display:grid;grid-template-columns:1fr;width:100%}.sps-toast-stack{left:14px;right:14px}.sps-toast{min-width:0;max-width:none}.sps-table{min-width:640px}.sps-kpi-row{display:grid;grid-template-columns:1fr}}

/* Risk: dashboard */
.risk-dashboard-page {
  --rd-red: #c91e2b;
  --rd-red-dark: #791b25;
  --rd-ink: #172033;
  --rd-muted: #5e6b7d;
  --rd-line: #dfe4eb;
  --rd-soft: #f5f7fa;
  --rd-green: #16804a;
  --rd-amber: #b66b00;
  --rd-blue: #1769aa;
  color: var(--rd-ink);
  letter-spacing: 0;
  width: 100%;
}

.risk-dashboard-page *,
.risk-dashboard-page *::before,
.risk-dashboard-page *::after {
  box-sizing: border-box;
  letter-spacing: 0;
}

.risk-dashboard-page .is-hidden {
  display: none !important;
}

.risk-dashboard-hero {
  align-items: flex-start;
  background: linear-gradient(115deg, #123b3a 0%, #0f6f68 52%, #16805c 100%);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: flex-end;
  min-height: 224px;
  padding: 28px 30px 24px;
  position: relative;
}

.risk-dashboard-hero::after {
  background: rgba(255, 255, 255, .08);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.risk-dashboard-hero-copy {
  max-width: 850px;
}

.risk-dashboard-kicker {
  align-items: center;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 8px;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.risk-dashboard-hero h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.15;
  margin: 0 0 8px;
}

.risk-dashboard-hero p {
  color: rgba(255, 255, 255, .9);
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
  max-width: 760px;
}

.risk-dashboard-meta,
.risk-dashboard-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.risk-dashboard-meta {
  margin-top: 17px;
}

.risk-dashboard-pill {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 7px;
  min-height: 34px;
  padding: 7px 11px;
}

.risk-dashboard-pill.critical {
  background: #fff;
  color: var(--rd-red-dark);
}

.risk-dashboard-actions {
  flex: 0 0 auto;
  justify-content: flex-start;
  width: 100%;
}

.risk-dashboard-action {
  align-items: center;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 6px;
  color: #fff;
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  gap: 8px;
  min-height: 40px;
  padding: 9px 13px;
  text-decoration: none;
}

.risk-dashboard-action:hover,
.risk-dashboard-action:focus {
  background: #fff;
  color: #115e59;
  text-decoration: none;
}

.risk-dashboard-action.primary {
  background: #fff;
  color: #115e59;
}

.risk-dashboard-shell {
  align-items: start;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(230px, 270px) minmax(0, 1fr);
  padding: 18px;
}

.risk-dashboard-sidebar,
.risk-dashboard-panel {
  background: #fff;
  border: 1px solid var(--rd-line);
  border-radius: 8px;
}

.risk-dashboard-sidebar {
  overflow: hidden;
  position: sticky;
  top: 12px;
}

.risk-dashboard-nav {
  display: grid;
}

.risk-dashboard-link {
  align-items: center;
  border-bottom: 1px solid #edf0f4;
  color: #263247;
  display: grid;
  gap: 10px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  min-height: 66px;
  padding: 10px 12px;
  position: relative;
  text-decoration: none;
}

.risk-dashboard-link > i {
  align-items: center;
  background: var(--rd-soft);
  border-radius: 6px;
  color: #4b586b;
  display: flex;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.risk-dashboard-link span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.risk-dashboard-link strong {
  color: inherit;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.risk-dashboard-link small {
  color: #6d7888;
  font-size: 11px;
  line-height: 1.3;
}

.risk-dashboard-link b {
  align-items: center;
  background: #eef1f5;
  border-radius: 999px;
  color: #3e4a5d;
  display: flex;
  font-size: 11px;
  font-weight: 800;
  height: 26px;
  justify-content: center;
  min-width: 26px;
  padding: 0 7px;
}

.risk-dashboard-link:hover,
.risk-dashboard-link:focus {
  background: #fff7f7;
  color: var(--rd-red-dark);
  text-decoration: none;
}

.risk-dashboard-link.active {
  background: #fff2f3;
  color: #9e1824;
}

.risk-dashboard-link.active::before {
  background: var(--rd-red);
  bottom: 8px;
  content: "";
  left: 0;
  position: absolute;
  top: 8px;
  width: 3px;
}

.risk-dashboard-link.active > i,
.risk-dashboard-link.active b {
  background: var(--rd-red);
  color: #fff;
}

.risk-dashboard-side {
  display: grid;
  gap: 14px;
  padding: 16px;
}

.risk-dashboard-side-head h4 {
  color: var(--rd-ink);
  font-size: 15px;
  font-weight: 800;
  margin: 0 0 5px;
}

.risk-dashboard-side-head p {
  color: var(--rd-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}

.risk-dashboard-filter {
  display: grid;
  gap: 8px;
}

.risk-dashboard-filter label {
  color: #364258;
  font-size: 12px;
  font-weight: 800;
  margin: 0;
}

.risk-dashboard-filter select {
  background: #fff;
  border: 1px solid #cad2de;
  border-radius: 6px;
  color: var(--rd-ink);
  font-size: 13px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}

.risk-dashboard-filter-actions {
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr 1fr;
}

.risk-dashboard-filter-actions .btn {
  align-items: center;
  border-radius: 6px;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  gap: 6px;
  justify-content: center;
  min-height: 38px;
}

.risk-dashboard-filter-actions .btn-primary {
  background: var(--rd-red);
  border-color: var(--rd-red);
}

.risk-dashboard-box {
  align-items: flex-start;
  background: var(--rd-soft);
  border: 1px solid #e5e9ef;
  border-radius: 6px;
  display: flex;
  gap: 10px;
  padding: 11px;
}

.risk-dashboard-box > i {
  color: var(--rd-red);
  font-size: 15px;
  margin-top: 2px;
}

.risk-dashboard-box div {
  display: grid;
  gap: 3px;
}

.risk-dashboard-box small {
  color: #283349;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-dashboard-box span {
  color: var(--rd-muted);
  font-size: 11px;
  line-height: 1.45;
}

.risk-dashboard-main {
  min-width: 0;
}

.risk-dashboard-panel {
  overflow: hidden;
}

.risk-dashboard-head {
  align-items: flex-start;
  border-bottom: 1px solid var(--rd-line);
  display: flex;
  gap: 20px;
  justify-content: space-between;
  min-height: 112px;
  padding: 20px 22px;
}

.risk-dashboard-head > div {
  min-width: 0;
}

.risk-dashboard-head > div > span {
  color: var(--rd-red);
  display: block;
  font-size: 11px;
  font-weight: 800;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.risk-dashboard-head h4 {
  color: var(--rd-ink);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  margin: 0 0 5px;
}

.risk-dashboard-head p {
  color: var(--rd-muted);
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  max-width: 760px;
}

.risk-dashboard-context {
  align-items: center;
  background: var(--rd-soft);
  border: 1px solid #e0e5ec;
  border-radius: 999px;
  color: #3a4659;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 800;
  gap: 6px;
  max-width: 260px;
  min-height: 34px;
  overflow: hidden;
  padding: 7px 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-dashboard-context.danger {
  background: #fff0f1;
  border-color: #f3c7cb;
  color: #a31622;
}

.risk-dashboard-body {
  padding: 20px 22px;
}

.risk-dashboard-kpis {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.risk-dashboard-kpi {
  align-items: flex-start;
  background: #fff;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  display: flex;
  gap: 12px;
  min-height: 126px;
  padding: 16px;
  position: relative;
}

.risk-dashboard-kpi::before {
  background: var(--rd-blue);
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.risk-dashboard-kpi.danger::before {
  background: var(--rd-red);
}

.risk-dashboard-kpi.warning::before {
  background: #e59716;
}

.risk-dashboard-kpi.success::before {
  background: var(--rd-green);
}

.risk-dashboard-kpi > i {
  align-items: center;
  background: #eef7ff;
  border-radius: 7px;
  color: var(--rd-blue);
  display: flex;
  flex: 0 0 38px;
  font-size: 16px;
  height: 38px;
  justify-content: center;
}

.risk-dashboard-kpi.danger > i {
  background: #fff0f1;
  color: var(--rd-red);
}

.risk-dashboard-kpi.warning > i {
  background: #fff7e8;
  color: var(--rd-amber);
}

.risk-dashboard-kpi.success > i {
  background: #eaf8f0;
  color: var(--rd-green);
}

.risk-dashboard-kpi div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.risk-dashboard-kpi span {
  color: #435065;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-dashboard-kpi strong {
  color: var(--rd-ink);
  font-size: 27px;
  font-weight: 800;
  line-height: 1.2;
}

.risk-dashboard-kpi small {
  color: var(--rd-muted);
  font-size: 11px;
  line-height: 1.4;
}

.risk-dashboard-insight {
  align-items: center;
  background: #f1faf5;
  border: 1px solid #cde8d9;
  border-radius: 7px;
  display: grid;
  gap: 13px;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  margin-top: 14px;
  padding: 14px;
}

.risk-dashboard-insight.attention {
  background: #fff5f5;
  border-color: #f0c9cd;
}

.risk-dashboard-insight > i {
  align-items: center;
  background: #fff;
  border: 1px solid #d9e4df;
  border-radius: 7px;
  color: var(--rd-green);
  display: flex;
  font-size: 17px;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.risk-dashboard-insight.attention > i {
  border-color: #f0c9cd;
  color: var(--rd-red);
}

.risk-dashboard-insight div {
  display: grid;
  gap: 3px;
}

.risk-dashboard-insight strong {
  color: var(--rd-ink);
  font-size: 13px;
  font-weight: 800;
}

.risk-dashboard-insight span {
  color: var(--rd-muted);
  font-size: 12px;
  line-height: 1.5;
}

.risk-dashboard-insight button {
  background: #fff;
  border: 1px solid #d1d8e1;
  border-radius: 6px;
  color: #253146;
  font-size: 12px;
  font-weight: 800;
  min-height: 38px;
  padding: 8px 12px;
}

.risk-dashboard-insight button:hover,
.risk-dashboard-insight button:focus {
  border-color: var(--rd-red);
  color: var(--rd-red);
}

.risk-dashboard-methods,
.risk-dashboard-density {
  display: grid;
  gap: 10px;
}

.risk-dashboard-method {
  align-items: center;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  display: grid;
  gap: 14px;
  grid-template-columns: 44px minmax(0, 1fr) 56px;
  min-height: 84px;
  padding: 13px 15px;
}

.risk-dashboard-method-icon {
  align-items: center;
  background: #eef7ff;
  border-radius: 7px;
  color: var(--rd-blue);
  display: flex;
  font-size: 17px;
  height: 44px;
  justify-content: center;
  width: 44px;
}

.risk-dashboard-method.danger .risk-dashboard-method-icon {
  background: #fff0f1;
  color: var(--rd-red);
}

.risk-dashboard-method.warning .risk-dashboard-method-icon {
  background: #fff7e8;
  color: var(--rd-amber);
}

.risk-dashboard-method.success .risk-dashboard-method-icon {
  background: #eaf8f0;
  color: var(--rd-green);
}

.risk-dashboard-method-content,
.risk-dashboard-method-content > div:first-child {
  display: grid;
  gap: 5px;
}

.risk-dashboard-method-content strong {
  color: var(--rd-ink);
  font-size: 14px;
  font-weight: 800;
}

.risk-dashboard-method-content span {
  color: var(--rd-muted);
  font-size: 12px;
}

.risk-dashboard-method > b {
  color: var(--rd-ink);
  font-size: 20px;
  font-weight: 800;
  text-align: right;
}

.risk-dashboard-progress {
  background: #e9edf2;
  border-radius: 999px;
  height: 7px;
  overflow: hidden;
  width: 100%;
}

.risk-dashboard-progress > span {
  background: var(--rd-blue);
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 0;
}

.risk-dashboard-method.danger .risk-dashboard-progress > span {
  background: var(--rd-red);
}

.risk-dashboard-method.warning .risk-dashboard-progress > span {
  background: #e59716;
}

.risk-dashboard-method.success .risk-dashboard-progress > span {
  background: var(--rd-green);
}

.risk-dashboard-density-row {
  align-items: center;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  color: inherit;
  display: grid;
  gap: 13px;
  grid-template-columns: 34px minmax(0, 1fr) 48px 18px;
  min-height: 72px;
  padding: 11px 14px;
  text-decoration: none;
}

.risk-dashboard-density-row:hover,
.risk-dashboard-density-row:focus {
  background: #fff8f8;
  border-color: #e8bfc3;
  color: inherit;
  text-decoration: none;
}

.risk-dashboard-rank {
  align-items: center;
  background: #f1f3f6;
  border-radius: 6px;
  color: #465267;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  height: 34px;
  justify-content: center;
  width: 34px;
}

.risk-dashboard-density-row:first-child .risk-dashboard-rank {
  background: var(--rd-red);
  color: #fff;
}

.risk-dashboard-density-main {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.risk-dashboard-density-head {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.risk-dashboard-density-head strong {
  color: var(--rd-ink);
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-dashboard-density-head span,
.risk-dashboard-density-share {
  color: var(--rd-muted);
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

.risk-dashboard-density-share {
  color: var(--rd-red);
  font-size: 13px;
  text-align: right;
}

.risk-dashboard-density-row > i {
  color: #7d8796;
  font-size: 16px;
}

.risk-dashboard-table-toolbar {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.risk-dashboard-table-meta {
  align-items: center;
  display: flex;
  gap: 12px;
}

.risk-dashboard-table-meta label,
.risk-dashboard-table-meta > span {
  color: var(--rd-muted);
  font-size: 12px;
  font-weight: 700;
}

.risk-dashboard-table-meta select {
  background: #fff;
  border: 1px solid #cbd3de;
  border-radius: 6px;
  color: var(--rd-ink);
  font-size: 12px;
  height: 36px;
  margin-left: 5px;
  padding: 0 8px;
}

.risk-dashboard-search {
  align-items: center;
  background: #fff;
  border: 1px solid #cbd3de;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  min-width: 260px;
  padding: 0 10px;
}

.risk-dashboard-search i {
  color: #778295;
}

.risk-dashboard-search input {
  background: transparent;
  border: 0;
  color: var(--rd-ink);
  font-size: 13px;
  height: 38px;
  min-width: 0;
  outline: 0;
  width: 100%;
}

.risk-dashboard-table-wrap {
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  overflow-x: auto;
}

.risk-dashboard-table {
  border-collapse: collapse;
  margin: 0;
  min-width: 850px;
  table-layout: fixed;
  width: 100%;
}

.risk-dashboard-table th {
  background: #f3f5f8;
  border-bottom: 1px solid #d8dee7;
  color: #384459;
  font-size: 11px;
  font-weight: 800;
  padding: 11px 9px;
  text-align: left;
  text-transform: uppercase;
}

.risk-dashboard-table td {
  background: #fff;
  border-bottom: 1px solid #e7ebf0;
  color: #303b4d;
  font-size: 12px;
  padding: 10px 9px;
  vertical-align: middle;
}

.risk-dashboard-table tbody tr:last-child td {
  border-bottom: 0;
}

.risk-dashboard-table th:nth-child(1),
.risk-dashboard-table td:nth-child(1) {
  width: 44px;
}

.risk-dashboard-table th:nth-child(2) {
  width: 27%;
}

.risk-dashboard-table th:nth-child(3) {
  width: 20%;
}

.risk-dashboard-table th:nth-child(4) {
  width: 15%;
}

.risk-dashboard-table th:nth-child(5) {
  width: 68px;
}

.risk-dashboard-table th:nth-child(6) {
  width: 118px;
}

.risk-dashboard-table th:nth-child(7),
.risk-dashboard-table th:nth-child(8) {
  width: 90px;
}

.risk-dashboard-table th:nth-child(9) {
  width: 86px;
}

.risk-dashboard-toggle-col {
  display: none;
}

.risk-dashboard-row-toggle {
  align-items: center;
  background: var(--rd-red);
  border: 0;
  border-radius: 4px;
  color: #fff;
  display: inline-flex;
  font-size: 16px;
  font-weight: 800;
  height: 26px;
  justify-content: center;
  line-height: 1;
  width: 26px;
}

.risk-dashboard-cell-title {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.risk-dashboard-cell-title strong {
  color: var(--rd-ink);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.risk-dashboard-cell-title span {
  color: #778294;
  font-size: 10px;
  line-height: 1.3;
}

.risk-dashboard-score {
  align-items: center;
  background: #eef7ff;
  border-radius: 5px;
  color: var(--rd-blue);
  display: inline-flex;
  font-size: 13px;
  font-weight: 800;
  justify-content: center;
  min-height: 30px;
  min-width: 42px;
  padding: 5px 7px;
}

.risk-dashboard-score.danger {
  background: var(--rd-red);
  color: #fff;
}

.risk-dashboard-score.warning {
  background: #fff0d5;
  color: #8b5100;
}

.risk-dashboard-badge {
  align-items: center;
  background: #eef1f5;
  border: 1px solid #d9dee6;
  border-radius: 999px;
  color: #4b5668;
  display: inline-flex;
  font-size: 10px;
  font-weight: 800;
  min-height: 25px;
  padding: 4px 8px;
  white-space: nowrap;
}

.risk-dashboard-badge.danger {
  background: #fff0f1;
  border-color: #efc3c7;
  color: #a21622;
}

.risk-dashboard-badge.warning {
  background: #fff5df;
  border-color: #f0d39b;
  color: #875000;
}

.risk-dashboard-badge.success {
  background: #eaf8f0;
  border-color: #bfe0cd;
  color: #11683d;
}

.risk-dashboard-badge.info {
  background: #edf7ff;
  border-color: #c2ddf2;
  color: #145f96;
}

.risk-dashboard-badge.muted {
  background: #f1f3f6;
  color: #667285;
}

.risk-dashboard-actions-col {
  align-items: center;
  display: flex;
  gap: 5px;
}

.risk-dashboard-icon-btn {
  align-items: center;
  background: #fff;
  border: 1px solid #ccd4df;
  border-radius: 5px;
  color: #384459;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  text-decoration: none;
  width: 32px;
}

.risk-dashboard-icon-btn:hover,
.risk-dashboard-icon-btn:focus {
  border-color: var(--rd-red);
  color: var(--rd-red);
  text-decoration: none;
}

.risk-dashboard-icon-btn.critical {
  background: var(--rd-red);
  border-color: var(--rd-red);
  color: #fff;
}

.risk-dashboard-detail-row {
  display: none;
}

.risk-dashboard-detail-row.is-open {
  display: table-row;
}

.risk-dashboard-detail-row td {
  background: #f8f9fb;
}

.risk-dashboard-detail-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 4px;
}

.risk-dashboard-detail-grid div {
  display: grid;
  gap: 3px;
}

.risk-dashboard-detail-grid span {
  color: #768194;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-dashboard-detail-grid strong {
  color: var(--rd-ink);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.risk-dashboard-pagination {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 48px;
  padding-top: 10px;
}

.risk-dashboard-pagination > span {
  color: var(--rd-muted);
  font-size: 12px;
  font-weight: 700;
}

.risk-dashboard-pagination > div {
  display: flex;
  gap: 6px;
}

.risk-dashboard-pagination button {
  background: #fff;
  border: 1px solid #ccd4df;
  border-radius: 5px;
  color: #344055;
  font-size: 11px;
  font-weight: 800;
  min-height: 34px;
  padding: 7px 10px;
}

.risk-dashboard-pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.risk-dashboard-limit-note {
  color: var(--rd-muted);
  font-size: 11px;
  line-height: 1.5;
  margin: 3px 0 0;
}

.risk-dashboard-empty {
  align-items: center;
  background: #f7f8fa;
  border: 1px dashed #cfd6e0;
  border-radius: 7px;
  color: var(--rd-muted);
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  min-height: 190px;
  padding: 24px;
  text-align: center;
}

.risk-dashboard-empty i {
  color: var(--rd-red);
  font-size: 25px;
}

.risk-dashboard-empty strong {
  color: var(--rd-ink);
  font-size: 15px;
  font-weight: 800;
}

.risk-dashboard-empty span {
  font-size: 12px;
}

/* Risk dashboard: trend and priority intelligence */
body.app-theme .right_col[role="main"] .risk-dashboard-hero :is(.risk-dashboard-kicker, h3, p),
body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-pill:not(.critical),
body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-action:not(.primary) {
  color: #fff !important;
}

body.app-theme .right_col[role="main"] .risk-dashboard-hero :is(.risk-dashboard-kicker, .risk-dashboard-pill, .risk-dashboard-action) i {
  color: inherit !important;
}

body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-pill.critical,
body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-action.primary {
  color: #115e59 !important;
}

body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-action:not(.primary):hover,
body.app-theme .right_col[role="main"] .risk-dashboard-hero .risk-dashboard-action:not(.primary):focus {
  background: #fff !important;
  border-color: #fff !important;
  color: #115e59 !important;
}

.risk-dashboard-intelligence {
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr);
  margin-top: 14px;
}

.risk-dashboard-analysis-card {
  background: #fff;
  border: 1px solid var(--rd-line);
  border-radius: 7px;
  min-width: 0;
  padding: 16px;
}

.risk-dashboard-analysis-card.priority {
  border-left: 3px solid var(--rd-red);
}

.risk-dashboard-analysis-head {
  align-items: flex-start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.risk-dashboard-analysis-head > div > span {
  color: var(--rd-red);
  display: block;
  font-size: 10px;
  font-weight: 800;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.risk-dashboard-analysis-head h5 {
  color: var(--rd-ink);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  margin: 0;
}

.risk-dashboard-trend-chip,
.risk-dashboard-priority-model {
  align-items: center;
  background: #f1f3f6;
  border: 1px solid #dfe4eb;
  border-radius: 999px;
  color: #4d596b;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 800;
  gap: 5px;
  min-height: 28px;
  padding: 5px 9px;
}

.risk-dashboard-trend-chip.up {
  background: #fff0f1;
  border-color: #efc4c8;
  color: #a21622;
}

.risk-dashboard-trend-chip.down {
  background: #eaf8f0;
  border-color: #bfe0cd;
  color: #126a3f;
}

.risk-dashboard-priority-model {
  background: #fff0f1;
  border-color: #efc4c8;
  color: #a21622;
}

.risk-dashboard-analysis-note {
  color: var(--rd-muted);
  font-size: 11px;
  line-height: 1.5;
  margin: 9px 0 12px;
}

.risk-dashboard-trend-overview {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 12px;
}

.risk-dashboard-trend-overview > div {
  background: #fff;
  border: 1px solid #e1e6ed;
  border-left: 3px solid #1769aa;
  border-radius: 6px;
  display: grid;
  gap: 3px;
  min-height: 76px;
  padding: 10px 11px;
}

.risk-dashboard-trend-overview > div:nth-child(2) {
  border-left-color: var(--rd-red);
}

.risk-dashboard-trend-overview > div:nth-child(3) {
  border-left-color: var(--rd-green);
}

.risk-dashboard-trend-overview span {
  color: #657185;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-dashboard-trend-overview strong {
  color: var(--rd-ink);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.risk-dashboard-trend-overview small {
  color: #7a8595;
  font-size: 9px;
  line-height: 1.35;
}
.risk-dashboard-trend-legend {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-bottom: 9px;
}

.risk-dashboard-trend-legend span {
  align-items: center;
  color: #5e6b7d;
  display: inline-flex;
  font-size: 10px;
  font-weight: 700;
  gap: 6px;
}

.risk-dashboard-trend-legend i {
  background: #1769aa;
  border-radius: 999px;
  height: 6px;
  width: 18px;
}

.risk-dashboard-trend-legend i.critical {
  background: var(--rd-red);
}

.risk-dashboard-trend-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.risk-dashboard-trend-row {
  background: #f8f9fb;
  border: 1px solid #e2e7ee;
  border-radius: 6px;
  display: grid;
  gap: 8px;
  grid-template-areas:
    "month"
    "value"
    "bars";
  grid-template-rows: auto 1fr auto;
  min-height: 132px;
  padding: 11px;
}

.risk-dashboard-trend-row > span {
  color: #49566a;
  font-size: 10px;
  font-weight: 800;
  grid-area: month;
}

.risk-dashboard-trend-row > div {
  align-self: end;
  display: grid;
  gap: 4px;
  grid-area: bars;
  width: 100%;
}

.risk-dashboard-trend-track {
  background: #e9edf2;
  border-radius: 999px;
  height: 5px;
  overflow: hidden;
}

.risk-dashboard-trend-track i {
  background: #1769aa;
  border-radius: inherit;
  display: block;
  height: 100%;
  min-width: 0;
  width: 0;
}

.risk-dashboard-trend-track.critical {
  height: 4px;
}

.risk-dashboard-trend-track.critical i {
  background: var(--rd-red);
}

.risk-dashboard-trend-row > strong {
  align-self: center;
  color: var(--rd-ink);
  display: grid;
  font-size: 22px;
  font-weight: 800;
  grid-area: value;
  line-height: 1;
  text-align: left;
}

.risk-dashboard-trend-row > strong small {
  color: #7a8595;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  margin-top: 4px;
}

.risk-dashboard-priority-summary {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.risk-dashboard-priority-summary button {
  align-items: center;
  background: #f8f9fb;
  border: 1px solid #e1e6ed;
  border-radius: 6px;
  color: var(--rd-ink);
  display: grid;
  gap: 4px;
  justify-items: start;
  min-height: 86px;
  padding: 10px;
  text-align: left;
}

.risk-dashboard-priority-summary button:hover,
.risk-dashboard-priority-summary button:focus {
  background: #fff5f5;
  border-color: #edc1c5;
}

.risk-dashboard-priority-summary i {
  color: var(--rd-red);
  font-size: 14px;
}

.risk-dashboard-priority-summary span {
  color: #667286;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-dashboard-priority-summary strong {
  color: var(--rd-ink);
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
}

.risk-dashboard-formula {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}

.risk-dashboard-formula span {
  background: #f1f3f6;
  border-radius: 5px;
  color: #465267;
  font-size: 9px;
  font-weight: 800;
  padding: 5px 7px;
}

.risk-dashboard-formula i {
  color: #98a1af;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.risk-dashboard-priority-action {
  align-items: center;
  background: var(--rd-red);
  border: 1px solid var(--rd-red);
  border-radius: 6px;
  color: #fff;
  display: flex;
  font-size: 11px;
  font-weight: 800;
  gap: 7px;
  justify-content: center;
  margin-top: 12px;
  min-height: 36px;
  padding: 7px 11px;
  width: 100%;
}

.risk-dashboard-analysis-card.priority .risk-dashboard-priority-action {
  margin-left: auto;
  max-width: 280px;
}

.risk-dashboard-priority-action:hover,
.risk-dashboard-priority-action:focus {
  background: #a81723;
  border-color: #a81723;
}

.risk-dashboard-priority-cell {
  align-items: center;
  display: flex;
  gap: 6px;
}

.risk-dashboard-priority-cell > strong {
  align-items: center;
  background: #1d2939;
  border-radius: 5px;
  color: #fff;
  display: inline-flex;
  font-size: 12px;
  font-weight: 800;
  height: 30px;
  justify-content: center;
  min-width: 34px;
  padding: 4px 6px;
}

.risk-dashboard-detail-grid .wide {
  grid-column: span 2;
}

@media (max-width: 1200px) {
  .risk-dashboard-intelligence {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .risk-dashboard-analysis-head {
    display: grid;
  }

  .risk-dashboard-trend-chip,
  .risk-dashboard-priority-model {
    justify-self: start;
  }

  .risk-dashboard-trend-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .risk-dashboard-trend-overview > div {
    min-height: 72px;
    padding: 8px;
  }

  .risk-dashboard-trend-overview > div:last-child {
    grid-column: auto;
  }

  .risk-dashboard-trend-overview strong {
    font-size: 14px;
  }

  .risk-dashboard-trend-list {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-trend-row {
    align-items: center;
    grid-template-areas: "month bars value";
    grid-template-columns: 60px minmax(0, 1fr) 52px;
    grid-template-rows: auto;
    min-height: 50px;
    padding: 8px;
  }

  .risk-dashboard-trend-row > strong {
    font-size: 14px;
    text-align: right;
  }

  .risk-dashboard-standard-step-pager {
    position: static;
  }

  .risk-dashboard-priority-summary {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-priority-summary button {
    align-items: center;
    grid-template-columns: 24px minmax(0, 1fr) auto;
    min-height: 54px;
  }

  .risk-dashboard-detail-grid .wide {
    grid-column: auto;
  }
}

.risk-dashboard-standard-step-pager {
  bottom: auto;
  margin-top: 12px;
  position: static;
  z-index: auto;
}

.risk-dashboard-standard-step-pager .ns-step-meta {
  min-width: 110px;
}

.risk-dashboard-standard-step-pager .ns-step-actions {
  margin-left: auto;
}

@media (max-width: 700px) {
  .risk-dashboard-standard-step-pager {
    bottom: auto;
    position: static;
  }

  .risk-dashboard-standard-step-pager .ns-btn {
    min-width: 96px;
  }
}
@media (max-width: 1200px) {
  .risk-dashboard-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1050px) {
  .risk-dashboard-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .risk-dashboard-actions {
    justify-content: flex-start;
  }

  .risk-dashboard-shell {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-sidebar {
    position: static;
  }

  .risk-dashboard-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .risk-dashboard-link {
    border-bottom: 0;
    border-right: 1px solid #edf0f4;
    grid-template-columns: 28px minmax(0, 1fr);
  }

  .risk-dashboard-link:last-child {
    border-right: 0;
  }

  .risk-dashboard-link b {
    display: none;
  }

  .risk-dashboard-side {
    align-items: end;
    border-top: 1px solid var(--rd-line);
    grid-template-columns: minmax(180px, 1fr) minmax(240px, 1.25fr) minmax(190px, 1fr) minmax(190px, 1fr);
  }
}

@media (max-width: 900px) {
  .risk-dashboard-table {
    min-width: 0;
    table-layout: auto;
  }

  .risk-dashboard-toggle-col {
    display: table-cell;
  }

  .risk-dashboard-table .risk-dashboard-secondary {
    display: none;
  }

  .risk-dashboard-table th:nth-child(2) {
    width: auto;
  }

  .risk-dashboard-table th:nth-child(5) {
    width: 66px;
  }

  .risk-dashboard-table th:nth-child(6) {
    width: 108px;
  }

  .risk-dashboard-table th:nth-child(9) {
    width: 82px;
  }

  .risk-dashboard-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-dashboard-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .risk-dashboard-hero {
    min-height: 0;
    padding: 22px 16px 18px;
  }

  .risk-dashboard-hero h3 {
    font-size: 25px;
  }

  .risk-dashboard-hero p {
    font-size: 14px;
  }

  .risk-dashboard-actions {
    width: 100%;
  }

  .risk-dashboard-action {
    flex: 1 1 145px;
    justify-content: center;
  }

  .risk-dashboard-shell {
    gap: 12px;
    padding: 12px;
  }

  .risk-dashboard-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-dashboard-link:nth-child(2) {
    border-right: 0;
  }

  .risk-dashboard-link:nth-child(-n+2) {
    border-bottom: 1px solid #edf0f4;
  }

  .risk-dashboard-side {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-head {
    flex-direction: column;
    min-height: 0;
    padding: 17px;
  }

  .risk-dashboard-head h4 {
    font-size: 20px;
  }

  .risk-dashboard-context {
    max-width: 100%;
  }

  .risk-dashboard-body {
    padding: 16px;
  }

  .risk-dashboard-kpis {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-kpi {
    min-height: 100px;
  }

  .risk-dashboard-insight {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .risk-dashboard-insight button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .risk-dashboard-table-toolbar,
  .risk-dashboard-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .risk-dashboard-search {
    min-width: 0;
    width: 100%;
  }

  .risk-dashboard-table-meta {
    justify-content: space-between;
  }

  .risk-dashboard-pagination > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-dashboard-pagination button {
    width: 100%;
  }

  .risk-dashboard-detail-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 430px) {
  .risk-dashboard-nav {
    grid-template-columns: 1fr;
  }

  .risk-dashboard-link,
  .risk-dashboard-link:nth-child(2),
  .risk-dashboard-link:nth-child(-n+2) {
    border-bottom: 1px solid #edf0f4;
    border-right: 0;
  }

  .risk-dashboard-link:last-child {
    border-bottom: 0;
  }

  .risk-dashboard-meta {
    align-items: stretch;
    flex-direction: column;
  }

  .risk-dashboard-pill {
    justify-content: center;
  }

  .risk-dashboard-method {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .risk-dashboard-method > b {
    grid-column: 2;
    text-align: left;
  }

  .risk-dashboard-density-row {
    grid-template-columns: 30px minmax(0, 1fr) 18px;
  }

  .risk-dashboard-density-share {
    display: none;
  }
}

/* Risk: items */
.right_col[role="main"] .risk-items-page,.right_col[role="main"] .risk-items-page *{box-sizing:border-box}.right_col[role="main"] .risk-items-page,.right_col[role="main"]>.risk-items-page{width:100%;max-width:100%;min-width:0}.risk-items-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border-radius:8px;padding:22px 24px}.risk-items-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.1);color:rgba(255,255,255,.92);font-size:11px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.risk-items-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-items-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:840px;font-size:14px}.risk-items-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-items-meta-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-items-meta-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-items-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-items-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-items-action:hover,.risk-items-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.36)}.risk-items-action.primary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}.risk-items-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-items-main{display:grid;gap:18px;min-width:0}.risk-items-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0}.risk-items-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-items-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.risk-items-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.risk-items-body{padding:18px 20px;min-width:0}.risk-items-stepbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7}.risk-items-stepnote{color:#64748b;font-size:12px;line-height:1.6}.risk-items-stepactions{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.risk-items-stepbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.risk-items-stepbtn:hover,.risk-items-stepbtn:focus{text-decoration:none;color:#0f172a;background:#f8fafc}.risk-items-stepbtn.primary{border-color:#dc2626;background:#dc2626;color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)}.risk-items-stepbtn.primary:hover,.risk-items-stepbtn.primary:focus{color:#fff;background:#b91c1c;border-color:#b91c1c}.risk-items-side-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-items-side-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-items-side-link:hover,.risk-items-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-items-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.risk-items-side-body{display:grid;gap:16px;padding:18px}.risk-items-side-title{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-items-side-copy{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-items-side-stack{display:grid;gap:8px}.risk-items-side-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:38px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.risk-items-side-btn:hover,.risk-items-side-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-items-side-btn.primary{background:#dc2626;border-color:#dc2626;color:#fff}.risk-items-side-btn.primary:hover,.risk-items-side-btn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}.risk-items-side-btn.success{background:#16a34a;border-color:#16a34a;color:#fff}.risk-items-side-btn.success:hover,.risk-items-side-btn.success:focus{background:#15803d;border-color:#15803d;color:#fff}.risk-items-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.risk-items-kpi{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px;min-width:0}.risk-items-kpi span{display:block;color:#64748b;font-size:12px;line-height:1.4}.risk-items-kpi strong{display:block;margin-top:7px;color:#0f172a;font-size:24px;line-height:1;font-weight:800}.matrix-wrap{min-width:0}.risk-matrix{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:10px}.risk-matrix th,.risk-matrix td{border:1px solid #ddd;text-align:center;vertical-align:middle;padding:8px;height:72px;font-size:12px}.risk-matrix th.axis-title{background:#111827;color:#fff;font-weight:700}.risk-matrix th.axis-label{background:#f8fafc;color:#111827;font-weight:700}.matrix-low{background:#d4edda;color:#155724}.matrix-medium{background:#fff3cd;color:#856404}.matrix-high{background:#f8d7da;color:#721c24}.matrix-very-high{background:#b30000;color:#fff}.matrix-count{display:inline-block;min-width:22px;padding:2px 6px;border-radius:10px;background:rgba(255,255,255,.85);color:#111;font-weight:700;margin-bottom:4px}.matrix-item-link{display:block;color:inherit;text-decoration:none;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matrix-item-link:hover{text-decoration:underline}.matrix-legend{margin-top:10px}.matrix-legend span{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;margin-right:6px;margin-bottom:6px}.matrix-axis-note{display:block;margin-top:4px;font-size:10px;font-weight:700;opacity:.8;line-height:1.3}.risk-matrix-more{font-size:11px;margin-top:4px}.risk-matrix-score{opacity:.65}.kinney-box{border:1px solid #ddd;border-radius:8px;padding:15px;background:#fff}.kinney-table th,.kinney-table td{text-align:left;vertical-align:middle!important}.compare-box{margin-top:4px;border-top:1px solid #e5e7eb;padding-top:14px}.compare-box label{display:block;margin-bottom:8px;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.compare-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.compare-grid .form-control,.risk-items-search,.risk-items-select{border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;min-height:38px;padding:8px 12px;font-size:13px}.risk-items-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.risk-items-table-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.risk-items-toolbar-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.risk-items-toolbar-action:hover,.risk-items-toolbar-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-items-toolbar-action.primary{border-color:#dc2626;background:#dc2626;color:#fff}.risk-items-toolbar-action.primary:hover,.risk-items-toolbar-action.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}.risk-items-search{min-width:240px}.risk-items-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.risk-items-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.risk-items-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;padding:12px 14px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.risk-items-table tbody td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top;color:#0f172a;font-size:13px}.risk-items-col-copy{display:grid;gap:4px;min-width:0}.risk-items-col-copy strong{color:#0f172a;font-size:13px;font-weight:700;line-height:1.45;word-break:break-word}.risk-items-col-copy span{color:#64748b;font-size:12px;line-height:1.55;word-break:break-word}.risk-items-id-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:6px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.risk-items-table tbody tr:last-child td{border-bottom:0}.risk-items-table tbody tr.item-row-high td{background:#fff7ed}.risk-items-table tbody tr.is-hidden{display:none}.risk-items-col-id{width:60px}.risk-items-col-sm{width:100px}.risk-items-col-score{width:140px}.risk-items-col-level{width:150px}.risk-items-col-follow{width:160px}.risk-items-col-action{width:180px}.risk-score{display:inline-block;min-width:70px;text-align:center;padding:6px 10px;border-radius:999px;font-weight:700}.risk-low{background:#d4edda;color:#155724}.risk-medium{background:#fff3cd;color:#856404}.risk-high{background:#f8d7da;color:#721c24}.risk-very-high{background:#b30000;color:#fff}.score-empty,.risk-level-chip,.risk-suggestion-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.score-empty{background:#f8fafc;border-color:#e2e8f0;color:#64748b}.risk-suggestion-chip.is-watch{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.risk-suggestion-chip.is-action{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.risk-followup-stack,.risk-level-stack,.risk-score-stack{display:grid;gap:6px}.risk-followup-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.risk-followup-chip i,.risk-level-chip i{width:16px;text-align:center}.risk-followup-chip.is-watch{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.risk-followup-chip.is-action{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.risk-followup-note,.risk-level-note,.risk-score-note{color:#64748b;font-size:11px;line-height:1.45}.risk-level-chip{width:fit-content}.risk-level-chip.risk-low{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.risk-level-chip.risk-medium{border-color:#fde68a;background:#fffbeb;color:#a16207}.risk-level-chip.risk-high{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-level-chip.risk-very-high{border-color:#fecaca;background:#7f1d1d;color:#fff}.risk-action-tools{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.risk-icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#334155;text-decoration:none}.risk-icon-btn:hover,.risk-icon-btn:focus{background:#f8fafc;color:#111827;text-decoration:none}.risk-inline-form{display:inline-block}.risk-items-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center;margin-top:14px}.risk-items-empty.is-visible{display:block}.risk-items-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.risk-items-page-info{color:#64748b;font-size:12px;line-height:1.5}.risk-items-page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.risk-items-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700}.risk-items-page-btn[disabled]{opacity:.5;cursor:not-allowed}.risk-items-page-btn.is-active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
/* Risk: bulk dof */
.right_col[role="main"] .risk-bulk-page,.right_col[role="main"] .risk-bulk-page *{box-sizing:border-box}.right_col[role="main"] .risk-bulk-page,.right_col[role="main"]>.risk-bulk-page{width:100%;max-width:100%;min-width:0}.risk-bulk-page .is-hidden{display:none!important}.risk-bulk-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 46%,#dc2626 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border-radius:8px;padding:22px 24px}.risk-bulk-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-bulk-hero p{margin:0;color:rgba(255,255,255,.88);line-height:1.7;max-width:880px;font-size:14px}.risk-bulk-meta,.risk-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-bulk-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:700}.risk-bulk-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-bulk-action:hover,.risk-bulk-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.risk-bulk-action.primary{background:rgba(255,255,255,.14)}.risk-bulk-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-bulk-main{display:grid;gap:18px;min-width:0}.risk-bulk-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0}.risk-bulk-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-bulk-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-bulk-link:hover,.risk-bulk-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-bulk-link.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-bulk-side{display:grid;gap:16px;padding:18px}.risk-bulk-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-bulk-side p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-bulk-filter{display:grid;gap:10px}.risk-bulk-filter label{display:block;margin:0 0 6px;color:#334155;font-size:13px;font-weight:700}.risk-bulk-filter select,.risk-bulk-search,.risk-bulk-page-size,.risk-bulk-form-group input{width:100%;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:8px 12px;font-size:13px}.risk-bulk-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.risk-bulk-box{display:grid;gap:6px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-bulk-box small{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.risk-bulk-box strong,.risk-bulk-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55}.risk-bulk-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-bulk-head h4{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700}.risk-bulk-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.risk-bulk-body{padding:18px 20px}.risk-bulk-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;padding:18px;text-align:center}.risk-bulk-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-bulk-form-card,.risk-bulk-submit-card,.risk-bulk-summary-card,.risk-bulk-smart-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}.risk-bulk-form-group{display:grid;gap:8px}.risk-bulk-form-group label{display:block;margin:0;color:#334155;font-size:13px;font-weight:700}.risk-bulk-form-group small,.risk-bulk-summary-card span,.risk-bulk-smart-card span,.risk-bulk-cell span,.risk-bulk-score-note span{display:block;color:#64748b;font-size:12px;line-height:1.55}.risk-bulk-form-group.active{border-color:#fecaca;background:#fffafa}.risk-bulk-form-state{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:6px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#64748b;font-size:11px;font-weight:800}.risk-bulk-form-state.ready{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-bulk-quick-texts{display:flex;flex-wrap:wrap;gap:8px}.risk-bulk-quick-text,.risk-bulk-tool,.risk-bulk-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.risk-bulk-quick-text:hover,.risk-bulk-quick-text:focus,.risk-bulk-tool:hover,.risk-bulk-tool:focus,.risk-bulk-page-btn:hover,.risk-bulk-page-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-bulk-quick-text.suggested,.risk-bulk-tool.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-bulk-quick-text-hint{display:block;color:#64748b;font-size:12px;line-height:1.55}.risk-bulk-submit-card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#fff 0%,#fff7f7 100%)}.risk-bulk-submit-card strong{display:block;color:#0f172a;font-size:14px}.risk-bulk-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid #dc2626;border-radius:8px;background:#dc2626;color:#fff;font-size:13px;font-weight:800;cursor:pointer}.risk-bulk-submit-btn:hover,.risk-bulk-submit-btn:focus{background:#b91c1c;border-color:#b91c1c}.risk-bulk-select-row,.risk-bulk-toolbar,.risk-bulk-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.risk-bulk-select-row,.risk-bulk-toolbar{margin-top:16px}.risk-bulk-cell{display:grid;gap:4px;min-width:0}.risk-bulk-cell strong,.risk-bulk-cell-link strong,.risk-bulk-score-note strong{display:block;color:#0f172a;font-size:13px;line-height:1.45}.risk-bulk-select-tools,.risk-bulk-toolbar-left,.risk-bulk-toolbar-right,.risk-bulk-pagination-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.risk-bulk-smart-grid,.risk-bulk-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.risk-bulk-summary-card small{display:block;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.risk-bulk-summary-card strong{display:block;margin-top:7px;color:#0f172a;font-size:24px;line-height:1;font-weight:800}.risk-bulk-search{min-width:240px}.risk-bulk-page-size{width:110px}.risk-bulk-table-wrap{width:100%;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;margin-top:16px}.risk-bulk-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}.risk-bulk-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;white-space:nowrap}.risk-bulk-table td{padding:12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px;vertical-align:top}.risk-bulk-table tbody tr:last-child td{border-bottom:0}.risk-bulk-row.is-hidden{display:none}.risk-bulk-row.selected td{background:#fff7ed}.risk-bulk-col-check{width:44px}.risk-bulk-col-action{width:60px}.risk-bulk-id{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:6px 8px;border-radius:8px;background:#f1f5f9;color:#0f172a;font-size:12px;font-weight:800}.risk-bulk-cell-link,.risk-bulk-score-link{display:grid;gap:4px;color:inherit;text-decoration:none}.risk-bulk-cell-link:hover,.risk-bulk-cell-link:focus,.risk-bulk-score-link:hover,.risk-bulk-score-link:focus{text-decoration:none;color:#0f172a}.risk-bulk-score{display:grid;gap:6px}.risk-bulk-score-link{grid-template-columns:auto 1fr;align-items:center;gap:10px}.risk-bulk-score-badge{display:grid;place-items:center;min-width:72px;padding:8px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#f8fafc;color:#334155;text-align:center}.risk-bulk-score-badge strong{display:block;font-size:16px;line-height:1}.risk-bulk-score-badge span{display:block;margin-top:3px;font-size:11px;font-weight:700}.risk-bulk-score-badge.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-bulk-score-badge.warning{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.risk-bulk-score-badge.neutral{border-color:#dbeafe;background:#eff6ff;color:#1d4ed8}.risk-bulk-actions-menu{position:relative}.risk-bulk-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.risk-bulk-menu-toggle:hover,.risk-bulk-menu-toggle:focus{background:#f8fafc;color:#0f172a}.risk-bulk-menu{position:absolute;top:40px;right:0;display:none;min-width:220px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.14);padding:6px;z-index:20}.risk-bulk-actions-menu.open .risk-bulk-menu{display:grid;gap:4px}.risk-bulk-menu a{display:flex;align-items:center;gap:8px;border-radius:8px;padding:9px 10px;color:#334155;font-size:12px;font-weight:700;text-decoration:none}.risk-bulk-menu a:hover,.risk-bulk-menu a:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-bulk-pagination{margin-top:14px}.risk-bulk-pagination-info{color:#64748b;font-size:12px;line-height:1.5}.risk-bulk-page-btn[disabled]{opacity:.5;cursor:not-allowed}.risk-bulk-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;pointer-events:none}.risk-bulk-toast{min-width:260px;max-width:360px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 18px 34px rgba(15,23,42,.14);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;color:#0f172a;pointer-events:auto}.risk-bulk-toast.success{border-color:#bbf7d0;background:#f0fdf4}.risk-bulk-toast.warning{border-color:#fed7aa;background:#fff7ed}.risk-bulk-toast i{margin-top:2px;font-size:15px;color:#15803d}.risk-bulk-toast.warning i{color:#c2410c}.risk-bulk-toast strong{display:block;font-size:13px;font-weight:700;line-height:1.3;margin-bottom:3px}.risk-bulk-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}
@media (max-width:1100px){.risk-bulk-shell{grid-template-columns:minmax(0,1fr)}.risk-bulk-form-grid,.risk-bulk-smart-grid,.risk-bulk-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.risk-bulk-hero{padding:18px 16px}.risk-bulk-head,.risk-bulk-body{padding:14px}.risk-bulk-form-grid,.risk-bulk-smart-grid,.risk-bulk-summary-grid{grid-template-columns:minmax(0,1fr)}.risk-bulk-search,.risk-bulk-page-size,.risk-bulk-tool,.risk-bulk-quick-text,.risk-bulk-submit-btn{width:100%}.risk-bulk-submit-card,.risk-bulk-toolbar-left,.risk-bulk-toolbar-right,.risk-bulk-select-tools{display:grid;width:100%}.risk-bulk-actions,.risk-bulk-meta{display:grid}}
/* Risk: verify */
.right_col[role="main"] .risk-verify-page,.right_col[role="main"] .risk-verify-page *{box-sizing:border-box}.right_col[role="main"] .risk-verify-page,.right_col[role="main"]>.risk-verify-page{width:100%;max-width:100%;min-width:0}.risk-verify-page .is-hidden{display:none!important}.risk-verify-hero{background:linear-gradient(135deg,#1f2937 0%,#7c2d12 46%,#dc2626 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(31,41,55,.18);border-radius:8px;padding:22px 24px}.risk-verify-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-verify-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:900px;font-size:14px}.risk-verify-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-verify-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-verify-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-verify-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-verify-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-verify-action:hover,.risk-verify-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.risk-verify-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-verify-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);min-width:0}.risk-verify-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-verify-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-verify-link:hover,.risk-verify-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-verify-link.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-verify-side{display:grid;gap:16px;padding:18px}.risk-verify-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-verify-side p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-verify-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-verify-box small{display:block;margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-verify-box strong,.risk-verify-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55;word-break:break-word}.risk-verify-main{display:grid;gap:18px;min-width:0}.risk-verify-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-verify-head h4{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700}.risk-verify-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.risk-verify-body{padding:18px 20px}.risk-verify-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.risk-verify-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}.risk-verify-card h5{margin:0 0 12px;color:#0f172a;font-size:14px;font-weight:700}.risk-verify-table{width:100%;border-collapse:collapse}.risk-verify-table-spaced{margin-top:14px}.risk-verify-table th,.risk-verify-table td{padding:10px 0;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.risk-verify-table th{width:120px;color:#64748b;font-size:12px;font-weight:700;padding-right:16px}.risk-verify-table td{color:#0f172a;font-size:13px}.risk-verify-code{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:#f8fafc;border:1px dashed #cbd5e1;color:#0f172a;font-size:14px;font-weight:800;letter-spacing:.02em}.risk-verify-approval-list{display:grid;gap:10px}.risk-verify-approval-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}.risk-verify-approval-item.approved{background:#f0fdf4;border-color:#bbf7d0}.risk-verify-approval-item strong{display:block;margin-bottom:6px;color:#0f172a}.risk-verify-success{display:flex;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;border-radius:8px;background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;font-weight:700}.risk-verify-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;color:#64748b;text-align:center}
@media (max-width:1100px){.risk-verify-shell,.risk-verify-grid{grid-template-columns:1fr}}
@media (max-width:640px){.risk-verify-hero{padding:18px 16px}.risk-verify-head,.risk-verify-body{padding:14px}}
/* Risk: heatmap */
.right_col[role="main"] .risk-heatmap-page,.right_col[role="main"] .risk-heatmap-page *{box-sizing:border-box}.right_col[role="main"] .risk-heatmap-page,.right_col[role="main"]>.risk-heatmap-page{width:100%;max-width:100%;min-width:0}.risk-heatmap-page .is-hidden{display:none!important}.risk-heatmap-hero{background:linear-gradient(135deg,#1f2937 0%,#7c2d12 46%,#dc2626 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(31,41,55,.18);border-radius:8px;padding:22px 24px}.risk-heatmap-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-heatmap-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:860px;font-size:14px}.risk-heatmap-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-heatmap-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-heatmap-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-heatmap-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-heatmap-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-heatmap-action:hover,.risk-heatmap-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.risk-heatmap-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.risk-heatmap-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-heatmap-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);min-width:0}.risk-heatmap-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-heatmap-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-heatmap-link:hover,.risk-heatmap-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-heatmap-link.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.risk-heatmap-side{display:grid;gap:16px;padding:18px}.risk-heatmap-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-heatmap-side p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-heatmap-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-heatmap-box small{display:block;margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-heatmap-box strong,.risk-heatmap-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55;word-break:break-word}.risk-heatmap-filter{display:grid;gap:10px}.risk-heatmap-filter label{margin:0 0 6px;color:#0f172a;font-size:12px;font-weight:700}.risk-heatmap-filter select{width:100%;min-height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 12px;color:#0f172a;background:#fff}.risk-heatmap-filter-actions{display:flex;flex-wrap:wrap;gap:8px}.risk-heatmap-filter-actions .btn{border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.risk-heatmap-main{display:grid;gap:18px;min-width:0}.risk-heatmap-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-heatmap-head h4{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.risk-heatmap-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.risk-heatmap-body{padding:18px 20px;min-width:0}.risk-heatmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-heatmap-info{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}.risk-heatmap-info strong{display:block;color:#0f172a;font-size:14px;line-height:1.35;margin-bottom:8px}.risk-heatmap-info p,.risk-heatmap-info li{color:#64748b;font-size:12px;line-height:1.6}.risk-heatmap-info ul{margin:0;padding-left:18px}.risk-heatmap-alert{border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#92400e;padding:14px 16px;font-size:13px;line-height:1.65}.risk-heatmap-alert-spaced{margin-bottom:14px}.risk-heatmap-table-wrap{width:100%;overflow-x:auto}.risk-heatmap-table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0}.risk-heatmap-table th,.risk-heatmap-table td{border:1px solid #e5e7eb;padding:8px;text-align:center;vertical-align:middle;height:72px;font-size:12px}.risk-heatmap-axis{background:#0f172a;color:#fff;font-weight:800}.risk-heatmap-axis-note{display:block;margin-top:3px;font-size:10px;font-weight:600;color:rgba(255,255,255,.88);line-height:1.35}.risk-heatmap-label{background:#f8fafc;color:#0f172a;font-weight:800}.risk-heatmap-scale-note{display:block;margin-top:3px;font-size:10px;font-weight:600;color:#64748b;line-height:1.35}.risk-heatmap-cell{position:relative;font-weight:700}.risk-heatmap-count{display:inline-block;min-width:24px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.88);color:#111827;font-weight:700;margin-bottom:5px}.risk-heatmap-item{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit}.risk-heatmap-item:hover,.risk-heatmap-item:focus{text-decoration:underline;color:inherit}.risk-heatmap-score{display:inline-block;padding:2px 6px;border-radius:6px;font-weight:800;font-size:11px}.risk-heatmap-score.low{background:#dcfce7;color:#166534}.risk-heatmap-score.med{background:#fef3c7;color:#92400e}.risk-heatmap-score.high{background:#fee2e2;color:#991b1b}.risk-heatmap-score.vhigh{background:#b91c1c;color:#fff}.risk-heatmap-base-score{opacity:.8}.risk-heatmap-fk-meta{font-size:11px;opacity:.88}
@media (max-width:1100px){.risk-heatmap-shell,.risk-heatmap-grid{grid-template-columns:1fr}}
@media (max-width:640px){.risk-heatmap-hero{padding:18px 16px}.risk-heatmap-head,.risk-heatmap-body{padding:14px}.risk-heatmap-filter-actions .btn{width:100%}}
/* Risk: item edit */
.right_col[role="main"] .risk-item-edit-page,.right_col[role="main"] .risk-item-edit-page *{box-sizing:border-box}.right_col[role="main"] .risk-item-edit-page,.right_col[role="main"]>.risk-item-edit-page{width:100%;max-width:100%;min-width:0}.risk-item-edit-page .is-hidden{display:none!important}.risk-item-edit-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border-radius:8px;padding:22px 24px}.risk-item-edit-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-item-edit-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.risk-item-edit-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-item-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-item-edit-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-item-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-item-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-item-edit-action:hover,.risk-item-edit-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.risk-item-edit-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.risk-item-edit-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-item-edit-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0}.risk-item-edit-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-item-edit-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-item-edit-link:hover,.risk-item-edit-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-item-edit-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.risk-item-edit-side{display:grid;gap:16px;padding:18px}.risk-item-edit-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-item-edit-side p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-item-edit-side-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-item-edit-side-box small{display:block;margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-item-edit-side-box strong,.risk-item-edit-side-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55;word-break:break-word}.risk-item-edit-main{display:grid;gap:18px;min-width:0}.risk-item-edit-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-item-edit-head h4{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.risk-item-edit-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.risk-item-edit-body{padding:18px 20px;min-width:0}.risk-item-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.risk-item-edit-field{display:grid;gap:7px}.risk-item-edit-field.full{grid-column:1 / -1}.risk-item-edit-field label{color:#344054;font-size:13px;font-weight:700;margin:0}.risk-item-edit-field .form-control{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.5;min-height:38px;box-shadow:none}.risk-item-edit-field textarea.form-control{min-height:120px;resize:vertical}.risk-item-edit-help{color:#64748b;font-size:12px;line-height:1.5}.risk-score-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:14px;margin-top:18px}.risk-score-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}.risk-score-box small{display:block;margin-bottom:8px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-score-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.risk-score{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:8px 14px;border-radius:999px;font-weight:800;font-size:14px}.risk-level-text{color:#0f172a;font-size:14px;font-weight:700}.risk-guide-list{display:grid;gap:8px}.risk-guide-item{display:flex;align-items:flex-start;gap:10px;color:#475569;font-size:13px;line-height:1.55}.risk-guide-item i{margin-top:2px;color:#1d4ed8}.risk-item-edit-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:18px}.risk-item-edit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.risk-item-edit-btn:hover,.risk-item-edit-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-item-edit-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.risk-item-edit-btn.primary:hover,.risk-item-edit-btn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}
@media (max-width:1100px){.risk-item-edit-shell,.risk-score-shell,.risk-item-edit-grid{grid-template-columns:1fr}}
@media (max-width:640px){.risk-item-edit-hero{padding:18px 16px}.risk-item-edit-body,.risk-item-edit-head{padding:14px}}
/* Risk: item create */
.right_col[role="main"] .risk-item-create-page,.right_col[role="main"] .risk-item-create-page *{box-sizing:border-box}.right_col[role="main"] .risk-item-create-page,.right_col[role="main"]>.risk-item-create-page{width:100%;max-width:100%;min-width:0}.risk-item-create-page .is-hidden{display:none!important}.risk-item-create-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);border-radius:8px;padding:22px 24px}.risk-item-create-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.risk-item-create-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.risk-item-create-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.risk-item-create-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.risk-item-create-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.risk-item-create-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.risk-item-create-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-item-create-action:hover,.risk-item-create-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.risk-item-create-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.risk-item-create-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.risk-item-create-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0}.risk-item-create-nav{display:grid;gap:8px;padding:18px;border-bottom:1px solid #eef2f7}.risk-item-create-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}.risk-item-create-link:hover,.risk-item-create-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-item-create-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.risk-item-create-side{display:grid;gap:16px;padding:18px}.risk-item-create-side h4{margin:0 0 6px;color:#0f172a;font-size:15px;font-weight:700}.risk-item-create-side p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.risk-item-create-side-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.risk-item-create-side-box small{display:block;margin-bottom:6px;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.risk-item-create-side-box strong,.risk-item-create-side-box span{display:block;color:#0f172a;font-size:13px;line-height:1.55;word-break:break-word}.risk-item-create-main{display:grid;gap:18px;min-width:0}.risk-item-create-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.risk-item-create-head h4{margin:0 0 6px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.risk-item-create-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.risk-item-create-body{padding:18px 20px}.risk-item-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.risk-item-create-field{display:grid;gap:7px}.risk-item-create-field.full{grid-column:1 / -1}.risk-item-create-field label{color:#344054;font-size:13px;font-weight:700;margin:0}.risk-item-create-field .form-control{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.5;min-height:38px;box-shadow:none}.risk-item-create-field textarea.form-control{min-height:120px;resize:vertical}.risk-item-create-help{color:#64748b;font-size:12px;line-height:1.5}.risk-item-create-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:18px}.risk-item-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.risk-item-create-btn:hover,.risk-item-create-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.risk-item-create-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.risk-item-create-btn.primary:hover,.risk-item-create-btn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}.risk-item-create-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;color:#64748b;text-align:center}
@media (max-width:1100px){.risk-item-create-shell,.risk-score-shell,.risk-item-create-grid{grid-template-columns:1fr}}
@media (max-width:640px){.risk-item-create-hero{padding:18px 16px}.risk-item-create-body,.risk-item-create-head{padding:14px}}
@media (max-width:1100px){.risk-items-shell,.risk-items-kpis,.compare-grid{grid-template-columns:1fr}}
@media (max-width:640px){.risk-items-hero{padding:18px 16px}.risk-items-body,.risk-items-head{padding:14px}.risk-items-stepbar{flex-direction:column;align-items:stretch}.risk-items-stepactions{width:100%;justify-content:stretch}.risk-items-stepbtn{flex:1 1 auto}.risk-items-search{min-width:0;width:100%}}

/* Workplace: create / edit */
.right_col[role="main"] .wp-form-shell,.right_col[role="main"] .wp-form-shell *,.right_col[role="main"] .wp-hero,.right_col[role="main"] .wp-card{box-sizing:border-box;min-width:0;max-width:100%}
.right_col[role="main"]>.wp-form-shell{width:100%;min-width:0;max-width:100%}
.wp-form-shell{width:100%}
.wp-form-shell-create .wp-hero,.wp-hero-create{background:linear-gradient(135deg,#0f172a 0%,#166534 52%,#22c55e 100%)}
.wp-form-shell-edit .wp-hero,.wp-hero-edit{background:linear-gradient(135deg,#0f172a 0%,#155e75 54%,#14b8a6 100%)}
.wp-hero{color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.wp-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.wp-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.wp-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}
.wp-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff!important;font-size:13px;font-weight:700;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.wp-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:11px}
.wp-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.wp-ghost{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.wp-ghost:hover,.wp-ghost:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}
.wp-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wp-quality-card{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 14px 14px 18px}
.wp-quality-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#14b8a6}
.wp-form-shell-create .wp-quality-card:before{background:#22c55e}
.wp-quality-card.warn:before{background:#f59e0b}
.wp-quality-card.danger:before{background:#dc2626}
.wp-quality-card span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wp-quality-card strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1;font-weight:800}
.wp-quality-card p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.45}
.wp-ops-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.wp-ops-card{display:block;position:relative;overflow:hidden;border:1px solid #dbe3ef;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 14px 14px 18px;color:#0f172a;text-decoration:none}
.wp-ops-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#dc2626}
.wp-ops-card:hover,.wp-ops-card:focus{text-decoration:none;color:#0f172a;border-color:#fca5a5;box-shadow:0 12px 28px rgba(220,38,38,.08)}
.wp-ops-card span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wp-ops-card strong{display:block;margin-top:6px;color:#111827;font-size:22px;line-height:1.1;font-weight:800}
.wp-ops-card p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.45}
.wp-ops-card em{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#b42318;font-size:12px;font-style:normal;font-weight:700}
.wp-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05);margin-bottom:16px}
.wp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}
.wp-card-head h2{margin:0;font-size:15px;font-weight:700;color:#111827}
.wp-card-head p{margin:4px 0 0;color:#667085;font-size:12px}
.wp-card-body{padding:16px}
.wp-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.wp-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 11px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:600}
.wp-icon-btn.primary{border-color:#16a34a;background:#16a34a;color:#fff}
.wp-icon-btn.danger{border-color:#fee4e2;background:#fff5f5;color:#b42318}
.wp-mini-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;margin-bottom:14px}
.wp-mini-actions strong{display:block;color:#111827;font-size:13px}
.wp-mini-actions span{display:block;color:#667085;font-size:12px;margin-top:2px}
.wp-toggle{position:relative;display:inline-flex;align-items:center;width:48px;height:26px;border:0;border-radius:999px;background:#dc2626;padding:3px;transition:.18s ease;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}
.wp-toggle:before{content:"";width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.22);transition:.18s ease}
.wp-toggle.is-active{background:#16a34a}
.wp-toggle.is-active:before{transform:translateX(22px)}
.wp-toggle:hover{filter:brightness(.97)}
.wp-edit-flow{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.wp-edit-side{position:sticky;top:18px;display:grid;gap:12px}
.wp-edit-sidecard{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}
.wp-edit-sidehead{padding:16px 18px 12px;border-bottom:1px solid #eef2f7}
.wp-edit-sidehead h4{margin:0 0 4px;color:#0f172a;font-size:17px;font-weight:700}
.wp-edit-sidehead p{margin:0;color:#64748b;font-size:13px;line-height:1.6}
.wp-edit-nav{padding:14px;display:grid;gap:10px}
.wp-edit-navbtn{width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;text-align:left;padding:12px 13px}
.wp-edit-navbtn strong{display:block;font-size:13px;margin-bottom:4px}
.wp-edit-navbtn span{display:block;color:#64748b;font-size:12px;line-height:1.5}
.wp-edit-navbtn.is-active{border-color:#14b8a6;background:#f0fdfa;box-shadow:inset 0 0 0 1px rgba(20,184,166,.12)}
.wp-form-shell-create .wp-edit-navbtn.is-active{border-color:#22c55e;background:#f0fdf4;box-shadow:inset 0 0 0 1px rgba(34,197,94,.12)}
.wp-edit-pane{display:none}
.wp-edit-pane.is-active{display:block}
.wp-flow-band{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-top:1px solid #eef2f7;background:#fcfffe;flex-wrap:wrap}
.wp-flow-copy{display:grid;gap:4px}
.wp-flow-copy small{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.wp-flow-copy strong{color:#0f172a;font-size:14px;font-weight:700;line-height:1.4}
.wp-flow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.wp-flow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:13px;font-weight:700}
.wp-flow-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}
.wp-flow-btn:disabled{opacity:.45;cursor:default;pointer-events:none}
.wp-form-shell label{font-size:12px;font-weight:700;color:#475467}
.wp-form-shell .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}
.wp-form-shell textarea.form-control{min-height:96px}
.wp-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.wp-feedback i{margin-top:2px}
.wp-dirty-note{display:none;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fedf89;background:#fffaeb;color:#93370d}
.wp-dirty-note.is-visible{display:flex}
.wp-dirty-note i{margin-top:2px}
.wp-dirty-note strong{display:block;color:#7a2e0e}
.wp-dirty-note span{display:block;margin-top:2px;font-size:12px;line-height:1.5}
.wp-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.wp-required-note{margin:6px 0 0}
.wp-nace-help{margin-top:-4px}
.wp-nace-wrap{position:relative}
.wp-nace-results{position:absolute;z-index:30;left:0;right:0;top:100%;display:none;max-height:280px;overflow:auto;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 18px 36px rgba(15,23,42,.14);margin-top:6px}
.wp-nace-item{width:100%;text-align:left;border:0;background:#fff;padding:10px 12px;border-bottom:1px solid #eef2f7}
.wp-nace-item:hover{background:#f8fafc}
.wp-nace-code{font-weight:700;color:#111827}
.wp-nace-title{display:block;color:#475467;font-size:12px;margin-top:2px;white-space:normal}
.wp-nace-hazard{display:inline-flex;margin-top:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;background:#f2f4f7;color:#344054}
.wp-nace-info{margin-top:8px;padding:10px 12px;border:1px dashed #d0d5dd;border-radius:8px;background:#f9fafb;color:#475467;font-size:12px}
.wp-nace-impact{margin-top:10px;padding:12px 14px;border:1px solid #dbe3ef;border-radius:8px;background:#f8fafc}
.wp-nace-impact strong{display:block;color:#0f172a;font-size:13px}
.wp-nace-impact p{margin:6px 0 0;color:#475569;font-size:12px;line-height:1.6}
.wp-nace-impact-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.wp-nace-impact-links a{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;background:#fff;border:1px solid #d0d5dd;color:#344054;font-size:12px;font-weight:700}
.wp-nace-impact-links a:hover{text-decoration:none;background:#fff5f5;border-color:#fecaca;color:#b42318}
.wp-location-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border-radius:8px;border:1px solid #d0d5dd;background:#f9fafb;color:#475467;font-size:12px}
.wp-location-strip strong{display:inline-flex;align-items:center;gap:7px;color:#111827}
.wp-coord-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.wp-coord-card{border:1px solid #dbe3ef;border-radius:8px;background:#fff;padding:12px}
.wp-coord-card span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.wp-coord-card strong{display:block;margin-top:5px;color:#0f172a;font-size:14px;line-height:1.5}
.wp-coord-card.is-ready{background:#f0fdf4;border-color:#bbf7d0}
.wp-coord-card.is-ready strong{color:#166534}
.wp-location-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wp-location-actions a,.wp-location-actions button{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;background:#fff;border:1px solid #d0d5dd;color:#344054;font-weight:700}
.wp-location-actions a:hover,.wp-location-actions button:hover{text-decoration:none;background:#f8fafc;color:#111827}
.wp-location-actions button{cursor:pointer}
.wp-location-actions button:disabled{opacity:.65;cursor:wait}
.wp-geo-result{display:none;margin-bottom:12px;padding:10px 12px;border-radius:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:12px;line-height:1.5}
.wp-geo-result.is-visible{display:block}
.wp-geo-result.is-error{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.wp-map-shell{margin:14px 0 16px;border:1px solid #dbe3ef;border-radius:8px;overflow:hidden;background:#fff}
.wp-map-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-bottom:1px solid #eef2f7;background:#f8fafc}
.wp-map-head strong{color:#0f172a;font-size:13px}
.wp-map-head span{color:#64748b;font-size:12px}
.wp-map-canvas{height:280px;width:100%}
.wp-map-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-top:1px solid #eef2f7;background:#fff}
.wp-map-foot p{margin:0;color:#64748b;font-size:12px}
.wp-map-foot button{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:8px 12px;color:#0f172a;font-size:12px;font-weight:700}
.wp-logo-preview,.wp-current-logo{max-height:120px;max-width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:6px;background:#fff}
.wp-logo-preview{display:none;margin-top:8px}
.wp-logo-preview.is-visible{display:block}
.wp-contact-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) minmax(95px,.6fr) auto;gap:8px;align-items:center}
.wp-check-inline{display:inline-flex;align-items:center;gap:7px;margin:0;color:#475467;font-size:12px;font-weight:700}
.wp-table-wrap{width:100%;overflow:auto}
.wp-table{width:100%;border-collapse:separate;border-spacing:0}
.wp-table th{font-size:12px;color:#667085;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;white-space:nowrap}
.wp-table td{border-bottom:1px solid #eef2f7;padding:10px;vertical-align:middle}
.wp-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#ecfdf3;color:#027a48;font-size:12px;font-weight:700}
.wp-action-col{width:70px}
.wp-is-hidden{display:none!important}
@media(max-width:991px){.wp-quality-grid,.wp-ops-grid,.wp-edit-flow,.wp-form-row,.wp-coord-summary{grid-template-columns:1fr}.wp-edit-side{position:static}.wp-contact-grid{grid-template-columns:1fr 1fr}.wp-contact-grid button{grid-column:1/-1}}
@media(max-width:767px){.wp-hero{padding:18px 16px}.wp-actions,.wp-flow-actions{justify-content:flex-start}.wp-form-row,.wp-contact-grid,.wp-quality-grid,.wp-ops-grid{grid-template-columns:1fr}.wp-flow-actions .wp-flow-btn{flex:1 1 0}.wp-map-foot{flex-direction:column;align-items:flex-start}}
.lgf-hero{background:linear-gradient(135deg,#111827 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.lgf-hero h1{margin:0 0 8px;font-size:30px;font-weight:800;color:#fff}.lgf-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6;max-width:860px}.lgf-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.lgf-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}.lgf-pill-link,.lgf-pill-link:hover,.lgf-pill-link:focus{color:#fff;text-decoration:none}.lgf-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.lgf-side,.lgf-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06)}.lgf-side{position:sticky;top:24px;padding:18px}.lgf-side h3{margin:0 0 10px;font-size:18px;font-weight:800;color:#0f172a}.lgf-side p{margin:0 0 14px;color:#667085;font-size:13px;line-height:1.6}.lgf-nav{display:grid;gap:10px}.lgf-nav-item{padding:12px 13px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb}.lgf-nav-item strong{display:block;font-size:13px;color:#0f172a}.lgf-nav-item span{display:block;margin-top:4px;font-size:12px;color:#667085;line-height:1.5}.lgf-card{overflow:hidden}.lgf-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.lgf-head h2{margin:0;font-size:18px;font-weight:800;color:#0f172a}.lgf-head p{margin:6px 0 0;color:#667085;font-size:13px}.lgf-body{padding:20px}.lgf-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.lgf-col-12{grid-column:span 12}.lgf-col-8{grid-column:span 8}.lgf-col-6{grid-column:span 6}.lgf-col-4{grid-column:span 4}.lgf-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}.lgf-field .form-control{min-height:40px;border-radius:8px;border-color:#d0d5dd;box-shadow:none}.lgf-field textarea.form-control{min-height:124px;resize:vertical}.lgf-section{padding:18px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd}.lgf-section+.lgf-section{margin-top:16px}.lgf-section h3{margin:0 0 6px;font-size:15px;font-weight:800;color:#0f172a}.lgf-section p{margin:0 0 14px;color:#667085;font-size:12px}.lgf-check{display:flex;align-items:center;gap:8px;min-height:40px}.lgf-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:18px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.lgf-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:8px;font-weight:700;border:1px solid #d0d5dd;background:#fff;color:#344054}.lgf-btn:hover,.lgf-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}.lgf-btn-primary{border-color:#dc2626;background:#dc2626;color:#fff}.lgf-btn-primary:hover,.lgf-btn-primary:focus{background:#b91c1c;color:#fff}.lgf-alert{margin-bottom:16px;padding:13px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#b42318;font-size:13px;font-weight:700}.lgf-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(380px,calc(100vw - 28px));pointer-events:none}.lgf-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.lgf-toast.is-visible{opacity:1;transform:translateY(0)}.lgf-toast.warning{border-color:#fed7aa;background:#fff7ed}.lgf-toast.danger{border-color:#fecaca;background:#fef2f2}.lgf-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.lgf-toast.warning i{background:#ffedd5;color:#c2410c}.lgf-toast.danger i{background:#fee2e2;color:#b91c1c}.lgf-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}.lgf-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}
@media(max-width:1100px){.lgf-shell{grid-template-columns:1fr}.lgf-side{position:static}.lgf-col-8,.lgf-col-6,.lgf-col-4{grid-column:span 12}}
/* Risk: revisions */
.right_col[role="main"] .risk-revisions-page * {
box-sizing: border-box;
}

.right_col[role="main"] .risk-revisions-page,
.right_col[role="main"] > .risk-revisions-page {
width: 100%;
max-width: 100%;
min-width: 0;
}

.risk-revisions-hero {
background: linear-gradient(135deg, #1f2937 0%, #7c2d12 46%, #dc2626 100%);
color: #fff;
margin-bottom: 18px;
box-shadow: 0 18px 40px rgba(31,41,55,.18);
border-radius: 8px;
padding: 22px 24px;
}

.risk-revisions-hero h3 {
margin: 0 0 8px;
color: #fff;
font-size: 25px;
font-weight: 700;
line-height: 1.2;
}

.risk-revisions-hero p {
margin: 0;
color: rgba(255,255,255,.86);
line-height: 1.7;
max-width: 900px;
font-size: 14px;
}

.risk-revisions-meta {
margin-top: 10px;
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
}

.risk-revisions-pill {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid rgba(255,255,255,.24);
border-radius: 999px;
background: rgba(255,255,255,.09);
color: #fff;
padding: 8px 13px;
font-size: 12px;
font-weight: 600;
}

.risk-revisions-pill i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
background: rgba(255,255,255,.18);
font-size: 11px;
}

.risk-revisions-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}

.risk-revisions-action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 8px 16px;
border: 1px solid rgba(255,255,255,.22);
border-radius: 8px;
background: rgba(255,255,255,.08);
color: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}

.risk-revisions-action:hover,
.risk-revisions-action:focus {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,.18);
border-color: rgba(255,255,255,.36);
}

.risk-revisions-action.primary {
background: rgba(255,255,255,.14);
border-color: rgba(255,255,255,.28);
}

.risk-revisions-shell {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 18px;
}

.risk-revisions-panel {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
box-shadow: 0 8px 24px rgba(15,23,42,.05);
min-width: 0;
}

.risk-revisions-nav {
display: grid;
gap: 8px;
padding: 18px;
border-bottom: 1px solid #eef2f7;
}

.risk-revisions-link {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 10px 12px;
color: #334155;
background: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}

.risk-revisions-link:hover,
.risk-revisions-link:focus {
text-decoration: none;
background: #f8fafc;
color: #0f172a;
}

.risk-revisions-link.active {
border-color: #fecaca;
background: #fef2f2;
color: #b91c1c;
}

.risk-revisions-side {
display: grid;
gap: 16px;
padding: 18px;
}

.risk-revisions-side h4 {
margin: 0 0 6px;
color: #0f172a;
font-size: 15px;
font-weight: 700;
}

.risk-revisions-side p {
margin: 0;
color: #64748b;
font-size: 12px;
line-height: 1.6;
}

.risk-revisions-box {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #f8fafc;
padding: 12px;
}

.risk-revisions-box small {
display: block;
margin-bottom: 6px;
color: #64748b;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
}

.risk-revisions-box strong,
.risk-revisions-box span {
display: block;
color: #0f172a;
font-size: 13px;
line-height: 1.55;
word-break: break-word;
}

.risk-revisions-main {
display: grid;
gap: 18px;
min-width: 0;
}

.risk-revisions-head {
padding: 18px 20px;
border-bottom: 1px solid #eef2f7;
}

.risk-revisions-head h4 {
margin: 0 0 6px;
color: #0f172a;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}

.risk-revisions-head p {
margin: 0;
color: #64748b;
font-size: 13px;
line-height: 1.65;
}

.risk-revisions-body {
padding: 18px 20px;
min-width: 0;
}

.risk-revisions-kpis {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 12px;
}

.risk-revisions-kpi {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #f8fafc;
padding: 14px;
}

.risk-revisions-kpi span {
display: block;
color: #64748b;
font-size: 12px;
line-height: 1.4;
}

.risk-revisions-kpi strong {
display: block;
margin-top: 7px;
color: #0f172a;
font-size: 24px;
line-height: 1;
font-weight: 800;
}

.risk-revisions-team-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 16px;
}

.risk-revisions-team-list,
.risk-revisions-history-list {
display: grid;
gap: 10px;
}

.risk-revisions-team-item,
.risk-revisions-history-item {
display: flex;
justify-content: space-between;
gap: 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 12px 14px;
background: #fff;
}

.risk-revisions-team-item strong,
.risk-revisions-history-item strong {
display: block;
color: #0f172a;
font-size: 13px;
line-height: 1.45;
}

.risk-revisions-team-item span,
.risk-revisions-history-item span {
display: block;
margin-top: 4px;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}

.risk-revisions-badge {
display: inline-flex;
align-items: center;
align-self: flex-start;
white-space: nowrap;
border-radius: 8px;
padding: 6px 9px;
font-size: 11px;
font-weight: 800;
border: 1px solid #dbeafe;
color: #1d4ed8;
background: #eff6ff;
}

.risk-revisions-badge.success {
border-color: #bbf7d0;
color: #15803d;
background: #f0fdf4;
}

.risk-revisions-badge.warning {
border-color: #fed7aa;
color: #c2410c;
background: #fff7ed;
}

.risk-revisions-badge.danger {
border-color: #fecaca;
color: #b91c1c;
background: #fef2f2;
}

.risk-revisions-toolbar {
display: flex;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 14px;
}

.risk-revisions-toolbar-left,
.risk-revisions-toolbar-right,
.risk-revisions-compare {
display: flex;
gap: 8px;
flex-wrap: wrap;
align-items: center;
}

.risk-revisions-tool,
.risk-revisions-compare select {
min-height: 38px;
border: 1px solid #d0d5dd;
border-radius: 8px;
padding: 8px 12px;
color: #334155;
background: #fff;
font-size: 13px;
}

.risk-revisions-tool {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 8px 16px;
font-weight: 700;
text-decoration: none;
}

.risk-revisions-tool:hover,
.risk-revisions-tool:focus {
text-decoration: none;
background: #f8fafc;
color: #0f172a;
}

.risk-revisions-table-wrap {
width: 100%;
overflow-x: auto;
}

.risk-revisions-table {
width: 100%;
min-width: 980px;
border-collapse: separate;
border-spacing: 0;
}

.risk-revisions-table th,
.risk-revisions-table td {
padding: 12px 10px;
border-bottom: 1px solid #eef2f7;
text-align: left;
vertical-align: top;
}

.risk-revisions-table th {
color: #64748b;
font-size: 12px;
font-weight: 700;
background: #f8fafc;
}

.risk-revisions-code {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border: 1px solid #c7d7fe;
border-radius: 999px;
background: #eef4ff;
color: #3538cd;
font-size: 12px;
font-weight: 800;
}

.risk-revisions-note {
color: #475467;
line-height: 1.6;
word-break: break-word;
}

.risk-revisions-state {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 10px;
border-radius: 999px;
border: 1px solid transparent;
font-size: 12px;
font-weight: 800;
}

.risk-revisions-state.locked {
background: #ecfdf3;
color: #027a48;
border-color: #d1fadf;
}

.risk-revisions-state.open {
background: #fffaeb;
color: #b54708;
border-color: #fedf89;
}

.risk-revisions-status-note {
color: #667085;
font-size: 12px;
line-height: 1.5;
}

.risk-revisions-actions-col {
display: flex;
gap: 6px;
flex-wrap: wrap;
justify-content: flex-end;
}

.risk-revisions-icon-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border: 1px solid #d0d5dd;
border-radius: 8px;
background: #fff;
color: #334155;
text-decoration: none;
}

.risk-revisions-icon-btn:hover,
.risk-revisions-icon-btn:focus {
text-decoration: none;
background: #f8fafc;
color: #0f172a;
}

.risk-revisions-icon-btn.success {
border-color: #bbf7d0;
color: #15803d;
background: #f0fdf4;
}

.risk-revisions-icon-btn.warning {
border-color: #fed7aa;
color: #c2410c;
background: #fff7ed;
}

.risk-revisions-detail-row td {
padding: 0;
background: #fcfcfd;
}

.risk-revisions-detail-wrap {
padding: 16px;
border-top: 1px solid #eaecf0;
}

.risk-revisions-detail-grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
gap: 14px;
}

.risk-revisions-block {
border: 1px solid #eaecf0;
border-radius: 8px;
background: #fff;
padding: 14px;
}

.risk-revisions-block h5 {
margin: 0 0 12px;
color: #101828;
font-size: 13px;
font-weight: 800;
}

.risk-revisions-approval-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 12px;
}

.risk-revisions-approval-card {
display: flex;
flex-direction: column;
gap: 10px;
border: 1px solid #eaecf0;
border-radius: 8px;
padding: 12px;
background: #fff;
min-height: 100%;
}

.risk-revisions-approval-card.approved {
background: #f0fdf4;
border-color: #b7ebc6;
}

.risk-revisions-approval-head {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}

.risk-revisions-approval-title {
display: inline-flex;
align-items: flex-start;
gap: 8px;
color: #101828;
font-size: 13px;
font-weight: 800;
line-height: 1.5;
}

.risk-revisions-approval-meta {
min-height: 48px;
color: #475467;
font-size: 12px;
line-height: 1.6;
word-break: break-word;
}

.risk-revisions-approval-actions {
margin-top: auto;
}

.risk-revisions-step {
width: 28px;
height: 28px;
flex: 0 0 28px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #eef4ff;
color: #3538cd;
font-size: 12px;
font-weight: 800;
}

.risk-revisions-empty {
border: 1px dashed #cbd5e1;
border-radius: 8px;
padding: 18px;
color: #64748b;
background: #f8fafc;
text-align: center;
}

@media (max-width: 1100px) {
.risk-revisions-shell,
.risk-revisions-kpis,
.risk-revisions-team-grid,
.risk-revisions-detail-grid {
grid-template-columns: 1fr;
}
}

@media (max-width: 767px) {
.risk-revisions-approval-grid {
grid-template-columns: 1fr;
}

.risk-revisions-head,
.risk-revisions-body {
padding: 14px;
}

.risk-revisions-hero {
padding: 18px 16px;
}
}
.risk-revisions-team-grid-spaced{margin-bottom:16px}.risk-revisions-compare-btn{border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700}.risk-revisions-th-actions{text-align:right}.risk-revisions-inline-form{display:inline-flex}.risk-revisions-approval-btn{border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700}.risk-revisions-document-box{margin-top:14px}.risk-revisions-document-title{display:block;margin-bottom:8px;color:#101828}.risk-revisions-document-link{margin-top:10px}
/* Risk: revision compare */
.right_col[role="main"] .risk-compare-page * {
box-sizing: border-box;
}

.right_col[role="main"] .risk-compare-page,
.right_col[role="main"] > .risk-compare-page {
width: 100%;
max-width: 100%;
min-width: 0;
}

.risk-compare-hero {
background: linear-gradient(135deg, #1f2937 0%, #7c2d12 46%, #dc2626 100%);
color: #fff;
margin-bottom: 18px;
box-shadow: 0 18px 40px rgba(31,41,55,.18);
border-radius: 8px;
padding: 22px 24px;
}

.risk-compare-hero h3 {
margin: 0 0 8px;
color: #fff;
font-size: 25px;
font-weight: 700;
line-height: 1.2;
}

.risk-compare-hero p {
margin: 0;
color: rgba(255,255,255,.86);
line-height: 1.7;
max-width: 900px;
font-size: 14px;
}

.risk-compare-meta {
margin-top: 10px;
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
}

.risk-compare-pill {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid rgba(255,255,255,.24);
border-radius: 999px;
background: rgba(255,255,255,.09);
color: #fff;
padding: 8px 13px;
font-size: 12px;
font-weight: 600;
}

.risk-compare-pill i {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 999px;
background: rgba(255,255,255,.18);
font-size: 11px;
}

.risk-compare-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 16px;
}

.risk-compare-action {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
padding: 8px 16px;
border: 1px solid rgba(255,255,255,.22);
border-radius: 8px;
background: rgba(255,255,255,.08);
color: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}

.risk-compare-action:hover,
.risk-compare-action:focus {
text-decoration: none;
color: #fff;
background: rgba(255,255,255,.18);
border-color: rgba(255,255,255,.36);
}

.risk-compare-action.primary {
background: rgba(255,255,255,.14);
border-color: rgba(255,255,255,.28);
}

.risk-compare-shell {
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 18px;
}

.risk-compare-panel {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
box-shadow: 0 8px 24px rgba(15,23,42,.05);
min-width: 0;
}

.risk-compare-nav {
display: grid;
gap: 8px;
padding: 18px;
border-bottom: 1px solid #eef2f7;
}

.risk-compare-link {
display: flex;
align-items: center;
gap: 10px;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 10px 12px;
color: #334155;
background: #fff;
font-size: 13px;
font-weight: 700;
text-decoration: none;
}

.risk-compare-link:hover,
.risk-compare-link:focus {
text-decoration: none;
background: #f8fafc;
color: #0f172a;
}

.risk-compare-link.active {
border-color: #fecaca;
background: #fef2f2;
color: #b91c1c;
}

.risk-compare-side {
display: grid;
gap: 16px;
padding: 18px;
}

.risk-compare-side h4 {
margin: 0 0 6px;
color: #0f172a;
font-size: 15px;
font-weight: 700;
}

.risk-compare-side p {
margin: 0;
color: #64748b;
font-size: 12px;
line-height: 1.6;
}

.risk-compare-box {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #f8fafc;
padding: 12px;
}

.risk-compare-box small {
display: block;
margin-bottom: 6px;
color: #64748b;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
}

.risk-compare-box strong,
.risk-compare-box span {
display: block;
color: #0f172a;
font-size: 13px;
line-height: 1.55;
word-break: break-word;
}

.risk-compare-main {
display: grid;
gap: 18px;
min-width: 0;
}

.risk-compare-head {
padding: 18px 20px;
border-bottom: 1px solid #eef2f7;
}

.risk-compare-head h4 {
margin: 0 0 6px;
color: #0f172a;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}

.risk-compare-head p {
margin: 0;
color: #64748b;
font-size: 13px;
line-height: 1.65;
}

.risk-compare-body {
padding: 18px 20px;
}

.risk-compare-summary-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0,1fr));
gap: 16px;
}

.risk-compare-summary-card {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #f8fafc;
padding: 14px;
}

.risk-compare-summary-card small {
display: block;
margin-bottom: 6px;
color: #64748b;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
}

.risk-compare-summary-card strong {
display: block;
color: #0f172a;
font-size: 18px;
line-height: 1.3;
font-weight: 800;
}

.risk-compare-summary-card span {
display: block;
margin-top: 4px;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}

.risk-compare-kpis {
display: grid;
grid-template-columns: repeat(4, minmax(0,1fr));
gap: 12px;
}

.risk-compare-kpi {
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
padding: 14px;
}

.risk-compare-kpi span {
display: block;
color: #64748b;
font-size: 12px;
line-height: 1.4;
}

.risk-compare-kpi strong {
display: block;
margin-top: 7px;
color: #0f172a;
font-size: 24px;
line-height: 1;
font-weight: 800;
}

.risk-compare-list {
display: grid;
gap: 10px;
}

.risk-compare-item {
display: flex;
justify-content: space-between;
gap: 14px;
border: 1px solid #e5e7eb;
border-radius: 8px;
background: #fff;
padding: 12px 14px;
}

.risk-compare-item strong {
display: block;
color: #0f172a;
font-size: 13px;
line-height: 1.45;
}

.risk-compare-item span {
display: block;
margin-top: 4px;
color: #64748b;
font-size: 12px;
line-height: 1.5;
}

.risk-compare-badge {
display: inline-flex;
align-items: center;
align-self: flex-start;
white-space: nowrap;
border-radius: 8px;
padding: 6px 9px;
font-size: 11px;
font-weight: 800;
border: 1px solid #dbeafe;
color: #1d4ed8;
background: #eff6ff;
}

.risk-compare-badge.success {
border-color: #bbf7d0;
color: #15803d;
background: #f0fdf4;
}

.risk-compare-badge.danger {
border-color: #fecaca;
color: #b91c1c;
background: #fef2f2;
}

.risk-compare-badge.warning {
border-color: #fed7aa;
color: #c2410c;
background: #fff7ed;
}

.risk-compare-empty {
border: 1px dashed #cbd5e1;
border-radius: 8px;
background: #f8fafc;
padding: 18px;
color: #64748b;
text-align: center;
}

@media (max-width: 1100px) {
.risk-compare-shell,
.risk-compare-summary-grid,
.risk-compare-kpis {
grid-template-columns: 1fr;
}
}

@media (max-width: 640px) {
.risk-compare-hero {
padding: 18px 16px;
}

.risk-compare-head,
.risk-compare-body {
padding: 14px;
}
}
.risk-compare-summary-grid-spaced{margin-bottom:16px}.risk-compare-summary-card-plain{background:#fff}.risk-compare-empty-spaced{margin-top:10px}.risk-compare-list-spaced{margin-top:10px}

/* Risk teams */
.right_col[role="main"] .team-index-page,.right_col[role="main"] .team-index-page *,.right_col[role="main"] .rt-page,.right_col[role="main"] .rt-page *,.right_col[role="main"] .team-edit-page,.right_col[role="main"] .team-edit-page *{box-sizing:border-box;min-width:0}.right_col[role="main"] .team-index-page,.right_col[role="main"]>.team-index-page,.right_col[role="main"] .rt-page,.right_col[role="main"]>.rt-page,.right_col[role="main"] .team-edit-page,.right_col[role="main"]>.team-edit-page{width:100%;max-width:100%}.team-index-hero,.rt-hero,.team-edit-hero{background:linear-gradient(135deg,#1f2937 0%,#7c2d12 46%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(31,41,55,.18)}.team-index-hero h3,.rt-hero h3,.team-edit-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.team-index-hero p,.rt-hero p,.team-edit-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:860px;font-size:14px}.team-index-meta,.team-index-actions,.rt-hero-meta,.rt-hero-actions,.team-edit-meta,.team-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.team-index-pill,.rt-hero-pill,.team-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.team-index-pill i,.rt-hero-pill i,.team-edit-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.team-index-action,.rt-hero-action,.team-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.team-index-action:hover,.team-index-action:focus,.rt-hero-action:hover,.rt-hero-action:focus,.team-edit-action:hover,.team-edit-action:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.36)}.team-index-action.primary,.rt-hero-action.primary,.team-edit-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.team-summary-card{background:#fff;border:1px solid #e7e7e7;border-radius:8px;padding:14px 16px;box-shadow:0 2px 10px rgba(0,0,0,.04);margin-bottom:15px;min-height:96px}.team-summary-title{font-size:12px;color:#667085;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.team-summary-value{font-size:24px;font-weight:800;color:#111;margin-top:8px}.team-table-wrap{width:100%;overflow-x:auto}.team-table{width:100%!important;table-layout:auto}.team-table td,.team-table th,.team-mini-table td,.team-mini-table th,.rt-table td,.rt-table th{vertical-align:middle!important}.team-name,.rt-name{font-weight:700;color:#101828;white-space:normal;word-break:break-word}.team-meta,.team-sub,.rt-sub{font-size:12px;color:#667085;line-height:1.5}.team-meta{margin-top:4px}.rt-sub{display:block;margin-top:3px}.team-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent;white-space:nowrap}.team-chip-active{background:#ecfdf3;border-color:#d1fadf;color:#027a48}.team-chip-passive{background:#f2f4f7;border-color:#e4e7ec;color:#475467}.team-chip-warning{background:#fff7ed;border-color:#fed7aa;color:#b54708}.team-chip-risk{background:#fef2f2;border-color:#fecaca;color:#b42318}.team-actions{white-space:nowrap;width:1%}.team-actions .btn{padding:6px 9px}.team-col-id,.team-col-actions,.team-member-remove,.team-inline-form{white-space:nowrap}.team-inline-form{display:inline}.team-hidden-form{display:none}.team-confirm-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.48);display:none;align-items:center;justify-content:center;z-index:9999;padding:20px}.team-confirm-backdrop.is-open{display:flex}.team-confirm-dialog{width:min(420px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 64px rgba(16,24,40,.24);overflow:hidden}.team-confirm-head{padding:18px 20px 8px}.team-confirm-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1f2;color:#c01048;font-size:18px;margin-bottom:12px}.team-confirm-title{font-size:18px;font-weight:800;color:#101828}.team-confirm-body{padding:0 20px 18px;color:#667085;line-height:1.6}.team-confirm-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #eaecf0;background:#f8fafc}.team-member-modal{width:min(640px,100%)}.team-member-list{display:grid;gap:10px}.team-member-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #eaecf0;border-radius:14px;background:#fff}.team-member-item strong{display:block;color:#101828}.team-member-item span{display:block;font-size:12px;color:#667085;margin-top:2px}.rt-head-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:16px;margin-bottom:18px}.rt-head-box{border:1px solid #e4e7ec;border-radius:16px;background:#fff;padding:20px}.rt-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.rt-title{margin:0 0 10px;color:#101828;font-size:28px;font-weight:800;line-height:1.2}.rt-desc{margin:0;color:#475467;line-height:1.7}.rt-chip-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.rt-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:700}.rt-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rt-summary-card{padding:14px;border:1px solid #e4e7ec;border-radius:12px;background:#fcfcfd}.rt-summary-card small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rt-summary-card strong{color:#101828;font-size:22px;font-weight:800;line-height:1.1}.rt-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);gap:18px}.rt-panel,.team-form-box{border:1px solid #e4e7ec;border-radius:16px;background:#fff;overflow:hidden}.team-form-box{padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.04);margin-bottom:20px}.rt-panel-head{padding:16px 18px;border-bottom:1px solid #eaecf0;background:#fcfcfd}.rt-panel-title,.team-section-title{margin:0;color:#101828;font-size:16px;font-weight:800}.team-section-title{font-size:15px;margin-bottom:14px}.rt-panel-sub{margin-top:4px;color:#667085;font-size:12px;line-height:1.5}.rt-panel-body{padding:18px}.rt-stack{display:grid;gap:16px}.rt-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rt-form-grid .full{grid-column:1/-1}.rt-required,.required-mark{color:#b42318;font-weight:800}.rt-field-help,.team-field-help{display:block;margin-top:6px;color:#667085;font-size:12px;line-height:1.6}.rt-suggest-grid,.team-suggestion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rt-suggest,.team-suggestion-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:14px;border:1px solid #d0d5dd;border-radius:12px;background:#fff;text-align:left;cursor:pointer;transition:.18s}.rt-suggest:hover,.team-suggestion-card:hover{border-color:#98a2b3;background:#fafafa;box-shadow:0 8px 18px rgba(16,24,40,.06)}.rt-suggest strong,.team-suggestion-card strong{color:#101828;font-size:13px}.rt-suggest span,.team-suggestion-card span{color:#667085;font-size:11px;line-height:1.5}.rt-member-toolbar,.team-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:12px}.rt-search,.team-search{position:relative}.rt-search i{position:absolute;left:11px;top:12px;color:#98a2b3}.team-search i{position:absolute;left:10px;top:11px;color:#98a2b3}.rt-search input{padding-left:34px}.team-search input{padding-left:32px}.rt-table-wrap,.team-wrap{border:1px solid #eaecf0;border-radius:12px;overflow:hidden}.team-wrap{border-radius:8px}.rt-table-scroll{max-height:620px;overflow:auto}.team-table-scroll{max-height:520px;overflow:auto}.rt-table,.team-mini-table{width:100%;margin:0}.rt-table thead th,.team-mini-table thead th{position:sticky;top:0;z-index:1;background:#fafafa;color:#667085;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #eaecf0}.team-mini-table tbody tr.active-row td,.rt-table tbody tr.is-selected td{background:#fff8f8}.team-mini-table tbody tr:hover td{background:#fafafa}.rt-table td,.team-mini-table td{font-size:13px}.rt-col-check,.team-col-check{width:42px;text-align:center}.team-col-check{width:40px}.rt-col-role{min-width:220px}.team-col-role{min-width:190px}.rt-role-input,.team-role-input{min-width:180px;border-radius:10px}.team-role-input{border-radius:8px}.rt-empty,.team-empty{display:none;padding:18px;text-align:center;color:#667085;font-size:13px}.rt-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.rt-status.success{background:#ecfdf3;color:#027a48;border-color:#d1fadf}.rt-status.warning{background:#fff7ed;color:#b54708;border-color:#fed7aa}.rt-status.danger{background:#fef2f2;color:#b42318;border-color:#fecaca}.rt-status.muted{background:#f2f4f7;color:#475467;border-color:#e4e7ec}.rt-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.rt-footer-note,.team-hint{color:#667085;font-size:12px;line-height:1.6}.team-hint{margin-top:10px}.team-hint-spaced{margin-bottom:10px}.rt-actions{display:flex;gap:10px;flex-wrap:wrap}.rt-actions .btn,.team-form-actions .btn{min-width:160px}.team-form-actions{text-align:right}.team-form-actions .btn{min-width:150px}.team-smart-box{border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc;padding:16px;margin-bottom:16px}.team-smart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.team-smart-head strong{display:block;color:#111827}.team-smart-head span{display:block;font-size:12px;color:#667085;margin-top:2px}.team-role-note{display:block;font-size:11px;color:#98a2b3;margin-top:5px}.rt-inline-badge,.team-inline-badge{padding:8px 12px}.team-inline-badge{padding:8px 10px}@media (max-width:1200px){.rt-head-grid,.rt-layout,.team-form-shell{grid-template-columns:1fr}}@media (max-width:768px){.rt-form-grid,.rt-suggest-grid,.rt-summary-grid,.team-suggestion-grid,.team-kpi-grid{grid-template-columns:1fr}.rt-member-toolbar,.team-toolbar{grid-template-columns:1fr}.rt-actions{width:100%}.rt-actions .btn,.team-form-actions .btn{width:100%}}@media (max-width:640px){.team-index-hero,.rt-hero,.team-edit-hero{padding:18px 16px}.team-form-actions .btn{margin-bottom:8px}.team-form-actions .btn:last-child{margin-bottom:0}.team-confirm-actions{flex-direction:column-reverse}}

/* Training definitions */
.td-page,.td-page *,.td-hero,.td-panel,.td-side,.tdc-page,.tdc-page *,.tdc-hero,.tdc-side,.tdc-panel,.tde-page,.tde-page *,.tde-hero,.tde-side,.tde-panel{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.td-hero,.right_col[role="main"]>.td-page,.right_col[role="main"]>.tdc-hero,.right_col[role="main"]>.tdc-page,.right_col[role="main"]>.tde-hero,.right_col[role="main"]>.tde-page{width:100%;max-width:100%}.td-hero,.tdc-hero,.tde-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.td-hero h3,.tdc-hero h3,.tde-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.td-hero p,.tdc-hero p,.tde-hero p{margin:0;color:rgba(255,255,255,.88);max-width:840px;font-size:14px;line-height:1.65}.td-hero-meta,.td-hero-actions,.tdc-meta,.tdc-actions,.tde-meta,.tde-actions{display:flex;flex-wrap:wrap;gap:8px}.td-hero-meta,.tdc-meta,.tde-meta{margin-top:12px}.td-hero-actions,.tdc-actions,.tde-actions{margin-top:16px}.td-pill,.tdc-pill,.tde-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:700}.td-pill i,.tdc-pill i,.tde-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.td-action,.tdc-action,.tde-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.td-action:hover,.td-action:focus,.tdc-action:hover,.tdc-action:focus,.tde-action:hover,.tde-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none}.td-page,.tdc-page,.tde-page{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.td-side,.td-panel,.td-stat,.tdc-side,.tdc-panel,.tde-side,.tde-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.td-side-head,.td-panel-head,.tdc-side-head,.tdc-panel-head,.tde-side-head,.tde-panel-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.td-side-head h4,.td-panel-head h4,.tdc-side-head h4,.tdc-panel-head h4,.tde-side-head h4,.tde-panel-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.td-side-head p,.td-panel-head p,.tdc-side-head p,.tdc-panel-head p,.tde-side-head p,.tde-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.td-side-body,.td-panel-body,.tdc-side-body,.tdc-panel-body,.tde-side-body,.tde-panel-body{padding:18px 20px}.td-nav,.tdc-nav,.tde-nav{display:grid;gap:8px}.td-nav-link,.tdc-nav-link,.tde-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.td-nav-link:hover,.tdc-nav-link:hover,.tde-nav-link:hover{text-decoration:none;background:#f8fafc;color:#0f172a}.td-nav-link.active,.tdc-nav-link.active,.tde-nav-link.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.td-side-note{display:grid;gap:10px;margin-top:14px}.td-side-box,.tdc-side-box,.tde-side-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.tdc-side-box,.tde-side-box{margin-top:14px}.td-side-box strong,.tdc-side-box strong,.tde-side-box strong{display:block;color:#0f172a;font-size:13px}.td-side-box span,.tdc-side-box span,.tde-side-box span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.55}.td-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.td-stat{padding:14px;cursor:pointer;transition:all .18s ease}.td-stat:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.08)}.td-stat.active{border-color:#bfdbfe;background:#eff6ff}.td-stat span{display:block;color:#64748b;font-size:12px;line-height:1.4}.td-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:24px;line-height:1;font-weight:800}.td-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.45}.td-toolbar,.tdc-actions-row,.tde-actions-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.tdc-actions-row,.tde-actions-row{justify-content:flex-start;margin-bottom:0;padding-top:6px}.td-toolbar-left,.td-toolbar-right,.td-filter-icons,.td-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.td-field,.tdc-field,.tde-field{display:flex;flex-direction:column;gap:6px;min-width:0}.tdc-field,.tde-field{display:grid;margin-bottom:14px}.td-field label,.tdc-field label,.tde-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.td-icon-btn,.td-btn,.tdc-btn,.tde-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:8px 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.td-icon-btn{width:38px;padding:0}.td-icon-btn:hover,.td-icon-btn:focus,.td-btn:hover,.td-btn:focus,.tdc-btn:hover,.tdc-btn:focus,.tde-btn:hover,.tde-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.tdc-btn.primary,.tde-btn.primary{background:#0f172a;border-color:#0f172a;color:#fff}.tdc-btn.primary:hover,.tdc-btn.primary:focus,.tde-btn.primary:hover,.tde-btn.primary:focus{background:#1e293b;color:#fff}.td-icon-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.td-table-wrap{overflow:auto}.td-table{width:100%;border-collapse:separate;border-spacing:0}.td-table th,.td-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.td-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.td-row-title{display:block;color:#0f172a;font-weight:700}.td-row-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}.td-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700}.td-badge.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.td-badge.warn{background:#fff7ed;border-color:#fed7aa;color:#92400e}.td-badge.risk{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.td-badge.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.td-switch{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;border:1px solid #dbe3ee;background:#fff;color:#334155;font-size:12px;font-weight:700;cursor:pointer}.td-switch-track{position:relative;width:36px;height:20px;border-radius:999px;background:#e2e8f0;transition:.2s ease}.td-switch-track:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.2);transition:.2s ease}.td-switch.active .td-switch-track{background:#22c55e}.td-switch.active .td-switch-track:after{left:18px}.td-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px}.td-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.td-page-info{color:#64748b;font-size:12px;font-weight:700}.td-toast-wrap,.tdc-toast-wrap,.tde-toast-wrap{position:fixed;top:76px;right:18px;z-index:1080;display:grid;gap:10px}.td-toast,.tdc-toast,.tde-toast{min-width:280px;max-width:360px;padding:14px 16px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18);display:flex;gap:12px;align-items:flex-start}.td-toast i,.tdc-toast i,.tde-toast i{margin-top:2px}.td-toast strong,.tdc-toast strong,.tde-toast strong{display:block;color:#0f172a;font-size:13px}.td-toast span,.tdc-toast span,.tde-toast span{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45}.td-toast.success i,.tdc-toast.success i,.tde-toast.success i{color:#16a34a}.td-toast.error i,.tdc-toast.error i,.tde-toast.error i{color:#dc2626}.td-toast.info i,.tdc-toast.info i,.tde-toast.info i{color:#2563eb}.td-confirm-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;padding:16px;z-index:1070}.td-confirm-backdrop.open{display:flex}.td-confirm{width:min(100%,420px);border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(15,23,42,.24);overflow:hidden}.td-confirm-head{padding:18px 20px 12px;border-bottom:1px solid #eef2f7}.td-confirm-head h4{margin:0;color:#0f172a;font-size:18px;font-weight:700}.td-confirm-body{padding:16px 20px;color:#475569;font-size:13px;line-height:1.7}.td-confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 20px}.tdc-grid,.tde-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.tdc-col-4,.tde-col-4{grid-column:span 4}.tdc-col-6,.tde-col-6{grid-column:span 6}.tdc-col-8,.tde-col-8{grid-column:span 8}.tdc-col-12,.tde-col-12{grid-column:span 12}.tdc-help,.tde-help{color:#64748b;font-size:12px;line-height:1.5}.tde-status{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}.td-panel-hidden,.tdc-panel-hidden,.tde-panel-hidden{display:none}.td-field-wide{min-width:260px}.td-field-status{min-width:170px}.td-field-hazard{min-width:190px}.td-field-page{min-width:120px}.tdc-panel-spaced,.tde-panel-spaced{margin-top:18px}.tdc-field-align-end,.tde-field-align-end{align-content:end}.tdc-side-box-flush,.tde-side-box-flush{margin-top:0}@media (max-width:1100px){.td-page,.tdc-page,.tde-page{grid-template-columns:1fr}.td-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.td-hero,.tdc-hero,.tde-hero{padding:18px 16px}.td-stats,.tdc-grid,.tde-grid{grid-template-columns:1fr}.td-panel-body,.td-side-body,.tdc-side-body,.tdc-panel-body,.tde-side-body,.tde-panel-body{padding:14px}.td-panel-head,.td-side-head,.tdc-panel-head,.tdc-side-head,.tde-panel-head,.tde-side-head{padding:16px}.td-toolbar-left,.td-toolbar-right,.td-field{width:100%}.tdc-col-4,.tdc-col-6,.tdc-col-8,.tdc-col-12,.tde-col-4,.tde-col-6,.tde-col-8,.tde-col-12{grid-column:span 1}}

/* Checklists */
.right_col[role="main"] .cl-shell,.right_col[role="main"] .cl-hero,.right_col[role="main"] .cl-panel,.right_col[role="main"] .cli-shell,.right_col[role="main"] .cli-hero,.right_col[role="main"] .cli-panel,.right_col[role="main"] .cli-form-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.cl-shell,.cli-shell{display:flex;flex-direction:column;gap:18px;margin-bottom:24px}.cl-hero,.cl-panel,.cli-hero,.cli-panel,.cli-form-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.cl-hero,.cli-hero{padding:18px}.cl-kicker,.cli-kicker{margin-bottom:7px;color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase}.cl-hero h3,.cli-hero h3{margin:0 0 8px;color:#0f172a;font-size:24px;font-weight:800}.cl-hero p,.cli-hero p{margin:0;color:#475569;line-height:1.6}.cl-actions,.cli-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.cl-actions .btn,.cli-actions .btn,.cli-inline-form .btn{border-radius:8px;min-height:38px;font-weight:800}.cl-actions .btn-default,.cli-actions .btn-default,.cli-inline-form .btn-default{border-color:#dbe4ee;color:#334155}.cl-summary,.cli-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl-grid,.cli-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:18px}.cl-stat,.cli-stat{border:1px solid #e5e7eb;border-radius:8px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding:16px;min-width:0}.cli-stat{min-width:auto}.cl-stat span,.cli-stat span{display:block;color:#64748b;font-size:12px}.cl-stat strong,.cli-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:28px;line-height:1}.cl-stat-success,.cli-stat-success{color:#15803d!important}.cl-stat-passive,.cli-stat-passive{color:#475569!important}.cl-panel-head,.cli-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.cl-panel-head h4,.cli-panel-head h4,.cli-form-head h4{margin:0 0 4px;color:#0f172a;font-size:17px;font-weight:800}.cl-panel-head p,.cli-panel-head p,.cli-form-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.cl-panel-body,.cli-panel-body{padding:18px 20px 20px}.cl-form-card,.cli-form-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);padding:18px}.cli-form-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #eef2f7}.cl-form-body,.cli-form-body{display:flex;flex-direction:column;gap:14px;padding-top:16px}.cl-field label,.cli-field label{display:block;margin-bottom:6px;color:#344054;font-size:12px;font-weight:800}.cl-field .form-control,.cli-field .form-control{border-color:#dbe4ee;border-radius:8px;min-height:42px;box-shadow:none}.cl-help,.cli-help{margin-top:6px;color:#64748b;font-size:12px;line-height:1.45}.cl-form-actions,.cli-form-actions{display:flex;gap:8px;flex-wrap:wrap}.cl-table-wrap,.cli-table-wrap{overflow-x:auto}.cl-table,.cli-table{width:100%;border-collapse:separate;border-spacing:0}.cl-table th,.cl-table td,.cli-table th,.cli-table td{padding:14px 12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}.cl-table th,.cli-table th{color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.cl-table td{color:#0f172a;font-size:14px}.cl-name strong{display:block;font-size:14px;font-weight:800;color:#0f172a}.cl-sub{display:block;margin-top:3px;color:#64748b;font-size:12px}.cl-badge,.cli-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.cl-badge.active,.cli-badge.active{background:#dcfce7;color:#166534}.cl-badge.passive,.cli-badge.passive{background:#f1f5f9;color:#475569}.cl-icon-link{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #dbe4ee;color:#1d4ed8;background:#fff;text-decoration:none}.cl-icon-link:hover,.cl-icon-link:focus{color:#1d4ed8;background:#eff6ff;text-decoration:none}.cl-action-row{display:flex;gap:8px;flex-wrap:wrap}.cl-icon-button{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#334155}.cl-icon-button.is-danger{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.cl-inline-form,.cli-inline-form{display:inline}.cl-modal,.cli-confirm{position:fixed;inset:0;background:rgba(15,23,42,.46);display:none;align-items:center;justify-content:center;padding:18px;z-index:1050}.cl-modal.is-open,.cli-confirm.is-open{display:flex}.cl-modal-card,.cli-confirm-card{width:100%;max-width:420px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 64px rgba(15,23,42,.18);overflow:hidden}.cl-modal-head,.cli-confirm-head{padding:16px 18px 12px;border-bottom:1px solid #eef2f7}.cl-modal-head h4,.cli-confirm-head h4{margin:0;color:#0f172a;font-size:17px;font-weight:800}.cl-modal-body,.cli-confirm-body{padding:16px 18px;color:#475569;line-height:1.6}.cl-modal-actions,.cli-confirm-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 18px 18px}.cl-empty,.cli-empty{padding:28px 18px;border:1px dashed #cbd5e1;border-radius:8px;text-align:center;color:#64748b;background:#f8fafc}@media (max-width:991px){.cl-grid,.cl-summary,.cli-grid,.cli-summary{grid-template-columns:1fr}}

/* Alerts */
.right_col[role="main"] .alrt-hero,.right_col[role="main"] .alrt-shell,.right_col[role="main"] .alrt-shell *,.right_col[role="main"] .alrt-panel,.right_col[role="main"] .alrt-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.alrt-hero,.right_col[role="main"]>.alrt-shell{width:100%;min-width:0;max-width:100%}.alrt-hero{background:linear-gradient(135deg,#111827 0%,#374151 44%,#f59e0b 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.alrt-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.alrt-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.alrt-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.alrt-hero-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.alrt-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.alrt-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.alrt-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.alrt-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.alrt-action:hover,.alrt-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.alrt-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.alrt-action i{font-size:13px}.alrt-inline-form-flex{display:inline-flex}.alrt-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;width:100%;margin-bottom:24px;align-items:start}.alrt-sidecard,.alrt-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.alrt-sidecard{position:sticky;top:18px}.alrt-sidehead,.alrt-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.alrt-sidehead h4,.alrt-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.alrt-sidehead p,.alrt-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.alrt-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.alrt-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.alrt-navbtn:hover,.alrt-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.alrt-navbtn.active{border-color:#fde68a;background:#fffbeb;color:#b45309}.alrt-side-summary{display:grid;gap:10px;padding:12px}.alrt-side-metric,.alrt-stat,.alrt-focus{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.alrt-side-metric span,.alrt-stat span,.alrt-focus span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.alrt-side-metric strong,.alrt-stat strong,.alrt-focus strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}.alrt-main{display:grid;gap:18px}.alrt-panel[data-alert-panel]{display:none}.alrt-panel[data-alert-panel].is-active{display:block}.alrt-body{padding:18px 20px}.alrt-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.alrt-stat strong{font-size:24px}.alrt-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alrt-focus strong{font-size:15px}.alrt-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.alrt-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.alrt-form-group{margin-bottom:0}.alrt-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.alrt-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.alrt-filter-action:hover,.alrt-filter-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.alrt-filter-action.active,.alrt-filter-action.is-active{border-color:#f59e0b;background:#fffbeb;color:#b45309}.alrt-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.alrt-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.alrt-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.alrt-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.alrt-tools-meta{color:#64748b;font-size:12px}.alrt-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.alrt-tool-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700}.alrt-source-link{color:inherit;text-decoration:none}.alrt-source-link:hover,.alrt-source-link:focus{text-decoration:none;color:inherit}.alrt-action-group{display:flex;gap:8px;flex-wrap:wrap;min-width:120px}.alrt-row-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;text-decoration:none}.alrt-row-action:hover,.alrt-row-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.alrt-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.alrt-table{width:100%;border-collapse:collapse;min-width:980px}.alrt-table th,.alrt-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.alrt-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.alrt-table td{color:#334155;font-size:13px}.alrt-row{transition:background-color .18s ease,box-shadow .18s ease}.alrt-row:hover td{background:#fafcff}.alrt-row.is-open td{background:#fffdf7}.alrt-row.is-critical td{background:#fff7f7}.alrt-row.is-open.is-critical td{background:linear-gradient(0deg,#fff7f7 0%,#fffaf0 100%)}.alrt-row.is-resolved td{background:#fcfcfd}.alrt-row.is-resolved .alrt-col-main,.alrt-row.is-resolved .alrt-col-sub{color:#667085}.alrt-table tr:last-child td{border-bottom:0}.alrt-col-stack{display:grid;gap:4px;min-width:0}.alrt-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word}.alrt-col-sub{color:#64748b;font-size:12px;line-height:1.5;word-break:break-word}.alrt-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.alrt-tone-open{background:#fff1f2;color:#b42318;border-color:#fecdd3}.alrt-tone-closed{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.alrt-tone-critical{background:#fff1f2;color:#b42318;border-color:#fecdd3}.alrt-tone-warning{background:#fff7ed;color:#b45309;border-color:#fed7aa}.alrt-tone-info{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.alrt-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.alrt-empty-hidden{display:none}.alrt-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.alrt-pager-meta{color:#64748b;font-size:12px}.alrt-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.alrt-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.alrt-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.alrt-toast.is-visible{opacity:1;transform:translateY(0)}.alrt-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.alrt-toast strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px}.alrt-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}.alrt-toast.warning{border-color:#fecaca}.alrt-toast.warning i{background:#fee2e2;color:#b91c1c}@media (max-width:1100px){.alrt-shell{grid-template-columns:1fr}.alrt-sidecard{position:static}}@media (max-width:760px){.alrt-hero{padding:18px 16px}.alrt-actions{gap:8px}.alrt-action{width:100%}.alrt-summary,.alrt-focus-grid{grid-template-columns:1fr 1fr}.alrt-filters{grid-template-columns:1fr}.alrt-body{padding:14px}}@media (max-width:560px){.alrt-summary,.alrt-focus-grid{grid-template-columns:1fr}}

/* Alert rules */
.right_col[role="main"] .ar-shell,.right_col[role="main"] .ar-shell *,.right_col[role="main"] .ar-hero,.right_col[role="main"] .ar-panel,.right_col[role="main"] .are-shell,.right_col[role="main"] .are-shell *,.right_col[role="main"] .are-hero,.right_col[role="main"] .are-panel{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.ar-hero,.right_col[role="main"]>.ar-shell,.right_col[role="main"]>.are-hero,.right_col[role="main"]>.are-shell{width:100%;min-width:0;max-width:100%}.ar-hero,.are-hero{background:linear-gradient(135deg,#111827 0%,#334155 42%,#ef4444 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.ar-hero h3,.are-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.ar-hero p,.are-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.ar-hero-meta,.are-hero-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.ar-pill,.are-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.ar-pill i,.are-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.ar-hero-actions,.are-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ar-hero-action,.are-hero-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;padding:0;text-decoration:none}.ar-hero-action:hover,.ar-hero-action:focus,.are-hero-action:hover,.are-hero-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.ar-hero-action .icon,.are-hero-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:11px}.ar-shell,.are-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}.ar-side,.are-side{position:sticky;top:18px;align-self:start}.ar-panel,.are-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden;min-width:0}.ar-head,.are-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.ar-head h4,.are-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.ar-head p,.are-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.ar-body,.are-body{padding:18px 20px}.ar-side-nav,.are-side-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.ar-side-link,.are-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.ar-side-link:hover,.ar-side-link:focus,.are-side-link:hover,.are-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.ar-side-link.active,.are-side-link.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.ar-side-summary,.are-side-summary{display:grid;gap:10px;padding:12px}.ar-side-metric,.ar-stat,.are-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.ar-side-metric span,.ar-stat span,.are-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}.ar-side-metric strong,.ar-stat strong,.are-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}.ar-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ar-stat strong{font-size:24px}.ar-filters{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,.8fr)) auto;gap:10px;align-items:end;margin-bottom:14px}.ar-form-group{margin-bottom:0}.ar-clear-btn{width:100%}.ar-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ar-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.ar-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.ar-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ar-tools-meta{color:#64748b;font-size:12px}.ar-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.ar-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ar-table{width:100%;border-collapse:collapse;min-width:980px}.ar-table th,.ar-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.ar-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.ar-th-actions{text-align:right!important}.ar-table td{color:#334155;font-size:13px}.ar-table tr:last-child td{border-bottom:0}.ar-col-stack{display:grid;gap:4px;min-width:0}.ar-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word}.ar-col-sub{color:#64748b;font-size:12px;line-height:1.5;word-break:break-word}.ar-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.ar-tone-active{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.ar-tone-passive{background:#fff1f2;color:#b42318;border-color:#fecdd3}.ar-tone-danger{background:#fff1f2;color:#b42318;border-color:#fecdd3}.ar-tone-warning{background:#fff7ed;color:#b45309;border-color:#fed7aa}.ar-tone-info{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}.ar-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ar-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}.ar-icon-action:hover,.ar-icon-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}.ar-icon-action.success{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.ar-icon-action.success:hover,.ar-icon-action.success:focus{background:#dcfce7;color:#166534;border-color:#86efac}.ar-icon-action.warning{color:#b45309;border-color:#fed7aa;background:#fff7ed}.ar-icon-action.warning:hover,.ar-icon-action.warning:focus{background:#ffedd5;color:#9a3412;border-color:#fdba74}.ar-inline-form{display:inline}.ar-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.ar-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.ar-pager-meta{color:#64748b;font-size:12px}.ar-pager-actions{display:flex;gap:8px}.are-error{margin-bottom:14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;padding:12px 14px;font-size:13px;line-height:1.6}.are-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.are-form-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}.are-form-card h5{margin:0 0 6px;color:#0f172a;font-size:14px;font-weight:800}.are-form-card p{margin:0;color:#64748b;font-size:12px;line-height:1.55}.are-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.are-role-item{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px}.are-role-item label{display:flex;gap:10px;align-items:flex-start;margin:0;cursor:pointer;font-size:13px;color:#334155}.are-role-item input{margin-top:2px}.are-role-item strong{display:block;color:#0f172a;font-size:13px;margin-bottom:3px}.are-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7}@media (max-width:1100px){.ar-shell,.are-shell{grid-template-columns:1fr}.ar-side,.are-side{position:static}}@media (max-width:760px){.ar-hero,.are-hero{padding:18px 16px}.ar-filters{grid-template-columns:1fr}.ar-body,.are-body{padding:14px}.ar-summary{grid-template-columns:1fr 1fr}.are-form-grid,.are-role-grid{grid-template-columns:1fr}}@media (max-width:560px){.ar-summary{grid-template-columns:1fr}}

/* Porter records */
.right_col[role="main"] .prx-hero,.right_col[role="main"] .prx-shell,.right_col[role="main"] .prx-shell *,.right_col[role="main"] .prx-panel,.right_col[role="main"] .prx-sidecard,.right_col[role="main"] .prf-hero,.right_col[role="main"] .prf-shell,.right_col[role="main"] .prf-shell *,.right_col[role="main"] .prf-panel,.right_col[role="main"] .prf-sidecard,.right_col[role="main"] .pre-hero,.right_col[role="main"] .pre-shell,.right_col[role="main"] .pre-shell *,.right_col[role="main"] .pre-panel,.right_col[role="main"] .pre-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.prx-hero,.right_col[role="main"]>.prx-shell,.right_col[role="main"]>.prf-hero,.right_col[role="main"]>.prf-shell,.right_col[role="main"]>.pre-hero,.right_col[role="main"]>.pre-shell{width:100%;min-width:0;max-width:100%}.prx-hero,.prf-hero,.pre-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 44%,#0f766e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.prx-kicker,.prf-kicker,.pre-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.prx-hero h3,.prf-hero h3,.pre-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.prx-hero p,.prf-hero p,.pre-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.prx-meta,.prf-meta,.pre-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.prx-pill,.prf-pill,.pre-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.prx-pill i,.prf-pill i,.pre-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.prx-actions,.prf-actions,.pre-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.prx-action,.prf-action,.pre-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.prf-action,.pre-action{width:38px;height:38px;min-height:38px;padding:0}.prx-action:hover,.prx-action:focus,.prf-action:hover,.prf-action:focus,.pre-action:hover,.pre-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.prx-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.prx-shell,.prf-shell,.pre-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px}.prx-sidecard,.prx-panel,.prf-sidecard,.prf-panel,.pre-sidecard,.pre-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.prx-sidecard,.prf-sidecard,.pre-sidecard{position:sticky;top:18px}.prx-sidehead,.prx-head,.prf-sidehead,.prf-head,.pre-sidehead,.pre-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.prx-sidehead h4,.prx-head h4,.prf-sidehead h4,.prf-head h4,.pre-sidehead h4,.pre-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.prx-sidehead p,.prx-head p,.prf-sidehead p,.prf-head p,.pre-sidehead p,.pre-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.prx-nav,.prf-nav,.pre-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.prx-navbtn,.prf-navbtn,.pre-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.prx-navbtn.active,.prf-navbtn.active,.pre-navbtn.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}.prx-navbtn:hover,.prx-navbtn:focus,.prf-navbtn:hover,.prf-navbtn:focus,.pre-navbtn:hover,.pre-navbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.prx-summary-side,.prf-summary,.pre-summary{display:grid;gap:10px;padding:12px}.prx-note,.prx-stat,.prx-focus,.prf-note,.pre-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.prx-note span,.prx-stat span,.prx-focus span,.prf-note span,.pre-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.prx-note strong,.prx-stat strong,.prx-focus strong,.prf-note strong,.pre-note strong{display:block;margin-top:5px;color:#0f172a}.prf-note strong,.pre-note strong{font-size:15px;line-height:1.4}.prf-note p,.pre-note p,.prx-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.prx-main,.prf-main,.pre-main{display:grid;gap:18px}.prx-panel[data-prx-panel],.prf-panel[data-prf-panel],.pre-panel[data-pre-panel]{display:none}.prx-panel[data-prx-panel].is-active,.prf-panel[data-prf-panel].is-active,.pre-panel[data-pre-panel].is-active{display:block}.prx-body,.prf-body,.pre-body{padding:18px 20px}.prx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.prx-stat strong{font-size:24px;line-height:1}.prx-stat.is-clickable{cursor:pointer}.prx-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prx-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.prx-form-group{margin-bottom:0}.prx-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.prx-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.prx-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.prx-tools-meta{color:#64748b;font-size:12px}.prx-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.prx-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.prx-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.prx-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.prx-table{width:100%;border-collapse:collapse;min-width:920px}.prx-table th,.prx-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.prx-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.prx-th-actions{text-align:right!important}.prx-col-stack{display:grid;gap:4px}.prx-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}.prx-col-sub{color:#64748b;font-size:12px;line-height:1.45}.prx-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.tone-ok{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.tone-due{background:#fff7ed;color:#b45309;border-color:#fed7aa}.prx-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.prx-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}.prx-inline-form{display:inline-flex}.prx-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.prx-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.prx-pager-meta{color:#64748b;font-size:12px}.prx-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.prx-toast-wrap,.prf-toast-wrap,.pre-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.prx-toast,.prf-toast,.pre-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.prx-toast.is-visible,.prf-toast.is-visible,.pre-toast.is-visible{opacity:1;transform:translateY(0)}.prx-toast.warning,.prf-toast.warning,.pre-toast.warning{border-color:#fed7aa;background:#fff7ed}.prx-toast i,.prf-toast i,.pre-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.prx-toast.warning i,.prf-toast.warning i,.pre-toast.warning i{background:#ffedd5;color:#c2410c}.prx-toast strong,.prf-toast strong,.pre-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}.prx-toast span,.prf-toast span,.pre-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}.prf-grid,.pre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prf-grid.single,.pre-grid.single{grid-template-columns:1fr}.prf-hint,.pre-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}.prf-actionsbar,.pre-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap}.prf-buttons,.pre-buttons{display:flex;gap:8px;flex-wrap:wrap}.prf-error,.pre-error{margin-bottom:14px}@media (max-width:1100px){.prx-shell,.prf-shell,.pre-shell{grid-template-columns:1fr}.prx-sidecard,.prf-sidecard,.pre-sidecard{position:static}}@media (max-width:760px){.prx-hero,.prf-hero,.pre-hero{padding:18px 16px}.prx-summary,.prx-focus-grid{grid-template-columns:1fr 1fr}.prx-filters{grid-template-columns:1fr}.prx-body,.prf-body,.pre-body{padding:14px}.prx-action{width:100%}.prf-grid,.pre-grid{grid-template-columns:1fr}}@media (max-width:560px){.prx-summary,.prx-focus-grid{grid-template-columns:1fr}}

/* Health examinations */
.right_col[role="main"] .he-hero,.right_col[role="main"] .he-shell,.right_col[role="main"] .he-shell *,.right_col[role="main"] .he-panel,.right_col[role="main"] .he-sidecard,.right_col[role="main"] .he-form-hero,.right_col[role="main"] .he-form-shell,.right_col[role="main"] .he-form-shell *,.right_col[role="main"] .he-form-panel,.right_col[role="main"] .he-form-sidecard,.right_col[role="main"] .he-edit-hero,.right_col[role="main"] .he-edit-shell,.right_col[role="main"] .he-edit-shell *,.right_col[role="main"] .he-edit-panel,.right_col[role="main"] .he-edit-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.he-hero,.right_col[role="main"]>.he-shell,.right_col[role="main"]>.he-form-hero,.right_col[role="main"]>.he-form-shell,.right_col[role="main"]>.he-edit-hero,.right_col[role="main"]>.he-edit-shell{width:100%;min-width:0;max-width:100%}.he-hero,.he-form-hero,.he-edit-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 44%,#0f766e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.he-kicker,.he-form-kicker,.he-edit-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.he-hero h3,.he-form-hero h3,.he-edit-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.he-hero p,.he-form-hero p,.he-edit-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.he-hero-meta,.he-form-meta,.he-edit-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.he-pill,.he-form-pill,.he-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.he-pill i,.he-form-pill i,.he-edit-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.he-actions,.he-form-actions,.he-edit-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.he-action,.he-form-action,.he-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.he-form-action,.he-edit-action{width:38px;height:38px;min-height:38px;padding:0}.he-action:hover,.he-action:focus,.he-form-action:hover,.he-form-action:focus,.he-edit-action:hover,.he-edit-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.he-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.he-shell,.he-form-shell,.he-edit-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px}.he-sidecard,.he-panel,.he-form-sidecard,.he-form-panel,.he-edit-sidecard,.he-edit-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.he-sidecard,.he-form-sidecard,.he-edit-sidecard{position:sticky;top:18px}.he-sidehead,.he-head,.he-form-sidehead,.he-form-head,.he-edit-sidehead,.he-edit-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.he-sidehead h4,.he-head h4,.he-form-sidehead h4,.he-form-head h4,.he-edit-sidehead h4,.he-edit-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.he-sidehead p,.he-head p,.he-form-sidehead p,.he-form-head p,.he-edit-sidehead p,.he-edit-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.he-nav,.he-form-nav,.he-edit-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.he-navbtn,.he-form-navbtn,.he-edit-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.he-navbtn.active,.he-form-navbtn.active,.he-edit-navbtn.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e}.he-navbtn:hover,.he-navbtn:focus,.he-form-navbtn:hover,.he-form-navbtn:focus,.he-edit-navbtn:hover,.he-edit-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.he-side-summary,.he-form-summary,.he-edit-summary{display:grid;gap:10px;padding:12px}.he-side-metric,.he-stat,.he-focus,.he-form-note,.he-edit-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.he-side-metric span,.he-stat span,.he-focus span,.he-form-note span,.he-edit-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.he-side-metric strong,.he-stat strong,.he-focus strong,.he-form-note strong,.he-edit-note strong{display:block;margin-top:5px;color:#0f172a}.he-form-note strong,.he-edit-note strong{font-size:15px;line-height:1.4}.he-form-note p,.he-edit-note p,.he-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.he-main,.he-form-main,.he-edit-main{display:grid;gap:18px}.he-panel[data-health-panel],.he-form-panel[data-health-form-panel],.he-edit-panel[data-health-edit-panel]{display:none}.he-panel[data-health-panel].is-active,.he-form-panel[data-health-form-panel].is-active,.he-edit-panel[data-health-edit-panel].is-active{display:block}.he-body,.he-form-body,.he-edit-body{padding:18px 20px}.he-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.he-stat strong{font-size:24px;line-height:1}.he-stat.is-clickable{cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.he-stat.is-clickable:hover,.he-stat.is-clickable:focus{border-color:#99f6e4;box-shadow:0 10px 22px rgba(15,23,42,.08);transform:translateY(-1px)}.he-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.he-focus strong{font-size:15px}.he-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.he-form-group{margin-bottom:0}.he-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.he-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.he-filter-action:hover,.he-filter-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.he-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.he-tools-meta{color:#64748b;font-size:12px}.he-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.he-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.he-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.he-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.he-table{width:100%;border-collapse:collapse;min-width:920px}.he-table th,.he-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.he-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.he-th-actions{text-align:right!important}.he-table td{color:#334155;font-size:13px}.he-table tr:last-child td{border-bottom:0}.he-row:hover td{background:#fafcff}.he-row.is-expired td{background:#fffaf0}.he-col-stack{display:grid;gap:4px;min-width:0}.he-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word}.he-col-sub{color:#64748b;font-size:12px;line-height:1.45;word-break:break-word}.he-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.tone-expired{background:#fff7ed;color:#b45309;border-color:#fed7aa}.tone-default{background:#f7f8fa;color:#667085;border-color:#e6e9ef}.he-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.he-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}.he-icon-action:hover,.he-icon-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}.he-inline-form{display:inline-flex}.he-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.he-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.he-pager-meta{color:#64748b;font-size:12px}.he-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.he-toast-wrap,.he-form-toast-wrap,.he-edit-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.he-toast,.he-form-toast,.he-edit-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.he-toast.is-visible,.he-form-toast.is-visible,.he-edit-toast.is-visible{opacity:1;transform:translateY(0)}.he-toast.warning,.he-form-toast.warning,.he-edit-toast.warning{border-color:#fed7aa;background:#fff7ed}.he-toast i,.he-form-toast i,.he-edit-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.he-toast.warning i,.he-form-toast.warning i,.he-edit-toast.warning i{background:#ffedd5;color:#c2410c}.he-toast strong,.he-form-toast strong,.he-edit-toast strong{display:block;font-size:13px;font-weight:800;line-height:1.3;margin-bottom:3px}.he-toast span,.he-form-toast span,.he-edit-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}.he-form-grid,.he-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.he-form-grid.single,.he-edit-grid.single{grid-template-columns:1fr}.he-form-hint,.he-edit-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}.he-form-actionsbar,.he-edit-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap}.he-form-buttons,.he-edit-buttons{display:flex;gap:8px;flex-wrap:wrap}.he-form-error,.he-edit-error{margin-bottom:14px}.he-edit-filebox{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.he-edit-filehint{margin-top:8px}@media (max-width:1100px){.he-shell,.he-form-shell,.he-edit-shell{grid-template-columns:1fr}.he-sidecard,.he-form-sidecard,.he-edit-sidecard{position:static}}@media (max-width:760px){.he-hero,.he-form-hero,.he-edit-hero{padding:18px 16px}.he-action{width:100%}.he-summary,.he-focus-grid{grid-template-columns:1fr 1fr}.he-filters{grid-template-columns:1fr}.he-body,.he-form-body,.he-edit-body{padding:14px}.he-form-grid,.he-edit-grid{grid-template-columns:1fr}}@media (max-width:560px){.he-summary,.he-focus-grid{grid-template-columns:1fr}}

/* Notifications */
.right_col[role="main"] .ni-hero,.right_col[role="main"] .ni-shell,.right_col[role="main"] .ni-shell *,.right_col[role="main"] .ni-panel,.right_col[role="main"] .ni-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.ni-hero,.right_col[role="main"]>.ni-shell{width:100%;min-width:0;max-width:100%}.ni-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 44%,#2563eb 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.ni-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.ni-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.ni-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.ni-hero-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.ni-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.ni-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.ni-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.ni-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.ni-action:hover,.ni-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.ni-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.ni-action i{font-size:13px}.ni-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;width:100%;margin-bottom:24px;align-items:start}.ni-sidecard,.ni-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.ni-sidecard{position:sticky;top:18px}.ni-sidehead,.ni-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.ni-sidehead h4,.ni-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.ni-sidehead p,.ni-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.ni-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.ni-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.ni-navbtn:hover,.ni-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.ni-navbtn.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.ni-side-summary{display:grid;gap:10px;padding:12px}.ni-side-metric,.ni-stat,.ni-focus{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.ni-side-metric span,.ni-stat span,.ni-focus span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.ni-side-metric strong,.ni-stat strong,.ni-focus strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}.ni-main{display:grid;gap:18px}.ni-panel[data-notification-panel]{display:none}.ni-panel[data-notification-panel].is-active{display:block}.ni-body{padding:18px 20px}.ni-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.ni-stat strong{font-size:24px;line-height:1}.ni-stat.is-clickable{cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.ni-stat.is-clickable:hover,.ni-stat.is-clickable:focus{border-color:#bfdbfe;box-shadow:0 10px 22px rgba(15,23,42,.08);transform:translateY(-1px)}.ni-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ni-focus strong{font-size:15px}.ni-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.ni-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.ni-form-group,.ni-page-size-group{margin:0}.ni-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.ni-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.ni-filter-action:hover,.ni-filter-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.ni-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.ni-tools-meta{color:#64748b;font-size:12px}.ni-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.ni-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.ni-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.ni-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.ni-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ni-table{width:100%;border-collapse:collapse;min-width:980px}.ni-table th,.ni-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.ni-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.ni-th-actions{text-align:right!important}.ni-table td{color:#334155;font-size:13px}.ni-table tr:last-child td{border-bottom:0}.ni-row{transition:background-color .18s ease}.ni-row:hover td{background:#fafcff}.ni-row.is-unread td{background:#fffdf7}.ni-row.is-critical td{background:#fff7f7}.ni-row.is-unread.is-critical td{background:linear-gradient(0deg,#fff7f7 0%,#fffaf0 100%)}.ni-col-stack{display:grid;gap:4px;align-content:start;min-width:0}.ni-col-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.ni-col-id{color:#94a3b8;font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.ni-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word}.ni-col-sub{color:#64748b;font-size:12px;line-height:1.45;word-break:break-word}.ni-title-main{display:grid;gap:4px}.ni-title-main strong{color:#0f172a;font-size:14px}.ni-title-sub{color:#64748b;font-size:12px;line-height:1.55}.ni-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.tone-new{background:#fff6f7;color:#be3455;border-color:#fbd5dd}.tone-read{background:#f7f8fa;color:#667085;border-color:#e6e9ef}.tone-critical{background:#fff1f2;color:#b42318;border-color:#fecdd3}.tone-warning{background:#fff7e8;color:#b45309;border-color:#fde68a}.tone-info{background:#f5f9ff;color:#3567c8;border-color:#d9e7ff}.tone-soft{background:#f7f8fa;color:#667085;border-color:#e6e9ef}.ni-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.ni-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}.ni-icon-action:hover,.ni-icon-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}.ni-icon-action.success{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}.ni-icon-action.success:hover,.ni-icon-action.success:focus{background:#dcfce7;color:#166534;border-color:#86efac}.ni-icon-action.warning{color:#b45309;border-color:#fed7aa;background:#fff7ed}.ni-icon-action.warning:hover,.ni-icon-action.warning:focus{background:#ffedd5;color:#9a3412;border-color:#fdba74}.ni-icon-action[disabled]{opacity:.6;cursor:wait}.ni-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.ni-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.ni-pager-meta{color:#64748b;font-size:12px}.ni-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.ni-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.ni-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.ni-toast.is-visible{opacity:1;transform:translateY(0)}.ni-toast.warning{border-color:#fed7aa;background:#fff7ed}.ni-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.ni-toast.warning i{background:#ffedd5;color:#c2410c}.ni-toast strong{display:block;font-size:13px;font-weight:800;line-height:1.3;margin-bottom:3px}.ni-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}@media (max-width:1100px){.ni-shell{grid-template-columns:1fr}.ni-sidecard{position:static}}@media (max-width:760px){.ni-hero{padding:18px 16px}.ni-actions{gap:8px}.ni-action{width:100%}.ni-filters{grid-template-columns:1fr}.ni-body{padding:14px}.ni-summary,.ni-focus-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ni-summary,.ni-focus-grid{grid-template-columns:1fr}}

/* Activity */
.right_col[role="main"] .al-hero,.right_col[role="main"] .al-shell,.right_col[role="main"] .al-shell *,.right_col[role="main"] .al-panel,.right_col[role="main"] .al-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.al-hero,.right_col[role="main"]>.al-shell{width:100%;min-width:0;max-width:100%}.al-hero{background:linear-gradient(135deg,#0f172a 0%,#1f2937 44%,#0ea5a4 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.al-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.al-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.al-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.al-hero-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.al-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.al-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.al-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.al-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.al-action:hover,.al-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.al-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;width:100%;margin-bottom:24px;align-items:start}.al-sidecard,.al-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.al-sidecard{position:sticky;top:18px}.al-sidehead,.al-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.al-sidehead h4,.al-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.al-sidehead p,.al-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.al-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.al-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.al-navbtn:hover,.al-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.al-navbtn.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.al-side-summary{display:grid;gap:10px;padding:12px}.al-side-metric,.al-stat,.al-focus{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.al-side-metric span,.al-stat span,.al-focus span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.al-side-metric strong,.al-stat strong,.al-focus strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}.al-main{display:grid;gap:18px}.al-panel[data-activity-panel]{display:none}.al-panel[data-activity-panel].is-active{display:block}.al-body{padding:18px 20px}.al-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.al-stat strong{font-size:24px;line-height:1}.al-stat.is-clickable{cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.al-stat.is-clickable:hover,.al-stat.is-clickable:focus{border-color:#99f6e4;box-shadow:0 10px 22px rgba(15,23,42,.08);transform:translateY(-1px)}.al-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.al-focus strong{font-size:15px}.al-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.al-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.al-form-group,.al-page-size-group{margin:0}.al-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.al-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.al-filter-action:hover,.al-filter-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.al-filter-action.active{border-color:#0ea5a4;background:#f0fdfa;color:#0f766e}.al-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.al-tools-meta{color:#64748b;font-size:12px}.al-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.al-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.al-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.al-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.al-table{width:100%;border-collapse:collapse;min-width:980px}.al-table th,.al-table td{padding:11px 12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.al-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.al-table td{color:#334155;font-size:13px}.al-row{transition:background-color .18s ease}.al-row:hover td{background:#fafcff}.al-table tr:last-child td{border-bottom:0}.al-col-stack{display:grid;gap:4px;min-width:0}.al-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35;word-break:break-word}.al-col-sub{color:#64748b;font-size:12px;line-height:1.45;word-break:break-word}.al-title-main{display:grid;gap:4px}.al-title-main strong{color:#0f172a;font-size:14px}.al-title-sub{color:#64748b;font-size:12px;line-height:1.55}.al-desc-trigger{display:grid;gap:4px;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.al-desc-trigger:hover .al-title-main strong,.al-desc-trigger:focus .al-title-main strong{color:#1d4ed8}.al-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.al-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.al-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;z-index:1050;padding:20px}.al-modal-backdrop.active{display:flex}.al-modal{width:min(680px,100%);border:1px solid #dbe3ea;border-radius:8px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.24);overflow:hidden}.al-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;border-bottom:1px solid #eef2f7;background:#f8fafc}.al-modal-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.al-modal-head p{margin:0;color:#64748b;font-size:12px;line-height:1.5}.al-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155}.al-modal-close:hover,.al-modal-close:focus{background:#f1f5f9;color:#0f172a;text-decoration:none}.al-modal-body{padding:18px 20px;display:grid;gap:14px}.al-modal-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.al-modal-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.al-modal-card span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}.al-modal-card strong{display:block;margin-top:6px;color:#0f172a;font-size:14px;line-height:1.45;word-break:break-word}.al-modal-copy{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px}.al-modal-copy strong{display:block;color:#0f172a;font-size:13px;margin-bottom:8px}.al-modal-copy p{margin:0;color:#334155;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.al-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.al-modal-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.al-modal-action:hover,.al-modal-action:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.al-modal-action.is-hidden{display:none}.al-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.al-pager-meta{color:#64748b;font-size:12px}.al-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.al-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.al-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.al-toast.is-visible{opacity:1;transform:translateY(0)}.al-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.al-toast strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px}.al-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}@media (max-width:1100px){.al-shell{grid-template-columns:1fr}.al-sidecard{position:static}}@media (max-width:760px){.al-hero{padding:18px 16px}.al-actions{gap:8px}.al-action{width:100%}.al-summary,.al-focus-grid,.al-modal-meta{grid-template-columns:1fr 1fr}.al-filters{grid-template-columns:1fr}.al-body{padding:14px}}@media (max-width:560px){.al-summary,.al-focus-grid,.al-modal-meta{grid-template-columns:1fr}}

/* Employee trainings index */
.eti2-hero,.eti2-shell,.eti2-shell *,.eti2-panel,.eti2-sidecard{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.eti2-hero,.right_col[role="main"]>.eti2-shell{width:100%;max-width:100%}.eti2-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.eti2-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.eti2-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}.eti2-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}.eti2-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}.eti2-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}.eti2-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.eti2-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.eti2-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}.eti2-action:hover,.eti2-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}.eti2-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}.eti2-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px}.eti2-sidecard,.eti2-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.eti2-sidecard{position:sticky;top:18px}.eti2-sidehead,.eti2-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.eti2-sidehead h4,.eti2-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.eti2-sidehead p,.eti2-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}.eti2-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}.eti2-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}.eti2-navbtn.active{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.eti2-navbtn:hover,.eti2-navbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.eti2-summary-side{display:grid;gap:10px;padding:12px}.eti2-note,.eti2-stat,.eti2-focus{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.eti2-note span,.eti2-stat span,.eti2-focus span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}.eti2-note strong,.eti2-stat strong,.eti2-focus strong{display:block;margin-top:5px;color:#0f172a}.eti2-main{display:grid;gap:18px}.eti2-panel[data-eti2-panel]{display:none}.eti2-panel[data-eti2-panel].is-active{display:block}.eti2-body{padding:18px 20px}.eti2-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.eti2-stat strong{font-size:24px;line-height:1}.eti2-stat.is-clickable{cursor:pointer}.eti2-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eti2-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}.eti2-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}.eti2-form-group{margin-bottom:0}.eti2-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.eti2-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}.eti2-filter-action.active{border-color:#166534;background:#f0fdf4;color:#166534}.eti2-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.eti2-tools-meta{color:#64748b;font-size:12px}.eti2-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}.eti2-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}.eti2-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}.eti2-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.eti2-table{width:100%;border-collapse:collapse;min-width:980px}.eti2-table th,.eti2-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}.eti2-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}.eti2-th-actions{text-align:right}.eti2-col-stack{display:grid;gap:4px}.eti2-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}.eti2-col-sub{color:#64748b;font-size:12px;line-height:1.45}.eti2-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}.tone-good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.tone-warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.tone-doc{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.eti2-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.eti2-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}.eti2-inline-form{display:inline-flex}.eti2-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}.eti2-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.eti2-pager-meta{color:#64748b;font-size:12px}.eti2-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.eti2-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}.eti2-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}.eti2-toast.is-visible{opacity:1;transform:translateY(0)}.eti2-toast.warning{border-color:#fed7aa;background:#fff7ed}.eti2-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}.eti2-toast.warning i{background:#ffedd5;color:#c2410c}.eti2-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}.eti2-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}@media (max-width:1100px){.eti2-shell{grid-template-columns:1fr}.eti2-sidecard{position:static}}@media (max-width:760px){.eti2-hero{padding:18px 16px}.eti2-summary,.eti2-focus-grid{grid-template-columns:1fr 1fr}.eti2-filters{grid-template-columns:1fr}.eti2-body{padding:14px}.eti2-action{width:100%}}@media (max-width:560px){.eti2-summary,.eti2-focus-grid{grid-template-columns:1fr}}

/* Contacts import */
.right_col[role="main"] .cti-shell,.right_col[role="main"] .cti-shell *,.right_col[role="main"] .cti-hero,.right_col[role="main"] .cti-card{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.cti-shell{width:100%;min-width:0;max-width:100%}.cti-shell{display:grid;gap:18px;max-width:1240px;margin:0 auto}.cti-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.right_col[role="main"]>.cti-shell>.cti-hero{margin-top:-18px}.cti-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700}.cti-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65;max-width:860px}.cti-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.cti-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.cti-action:hover,.cti-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.cti-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px}.cti-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.cti-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.cti-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.cti-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.cti-body{padding:20px 22px}.cti-alert{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;line-height:1.55}.cti-alert.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.cti-alert.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.cti-alert-info{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.cti-alert-top{margin-top:16px}.cti-drop{display:grid;gap:14px;padding:18px;border:1px dashed #94a3b8;border-radius:8px;background:#f8fafc}.cti-drop strong{display:block;color:#0f172a;font-size:15px}.cti-drop span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.55}.cti-field{display:grid;gap:6px}.cti-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.cti-field .form-control{min-height:42px;border-radius:8px}.cti-help{color:#64748b;font-size:12px;line-height:1.5}.cti-help-top{margin-top:12px}.cti-submit{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cti-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.cti-btn.primary{background:#dc2626;border-color:#dc2626;color:#fff}.cti-btn:hover,.cti-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.cti-btn.primary:hover,.cti-btn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}.cti-loading{display:none;align-items:center;gap:8px;color:#dc2626;font-size:12px;font-weight:700}.cti-loading.open{display:inline-flex}.cti-note{display:grid;gap:10px}.cti-note-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.cti-note-item strong{display:block;color:#0f172a;font-size:13px}.cti-note-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.cti-template{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.cti-template a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.cti-template a:hover{text-decoration:none;background:#f8fafc;color:#0f172a}.cti-code{display:block;padding:12px 14px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.55;white-space:normal;word-break:break-word}.cti-legend{margin-top:14px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.cti-legend table{width:100%;border-collapse:collapse}.cti-legend th,.cti-legend td{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:12px;line-height:1.45;text-align:left;vertical-align:top}.cti-legend th{background:#f8fafc;color:#0f172a;font-weight:700}.cti-legend td{color:#475569}.cti-legend tr:last-child td{border-bottom:none}.cti-legend code{padding:2px 6px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:11px}.ctip-shell{display:grid;gap:18px}.ctip-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.ctip-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700}.ctip-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65;max-width:860px}.ctip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ctip-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.ctip-action:hover,.ctip-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.ctip-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.ctip-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.ctip-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.ctip-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.ctip-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.ctip-body{padding:18px 20px}.ctip-stat{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px;margin-bottom:10px}.ctip-stat strong{display:block;color:#0f172a;font-size:13px}.ctip-stat span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.ctip-kpi{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:12px;font-weight:800}.ctip-kpi.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.ctip-kpi.bad{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ctip-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.ctip-right,.ctip-left{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ctip-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.ctip-btn.primary{background:#dc2626;border-color:#dc2626;color:#fff}.ctip-btn.primary[disabled]{background:#94a3b8;border-color:#94a3b8;color:#fff;cursor:not-allowed}.ctip-btn:hover,.ctip-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.ctip-btn.primary:hover,.ctip-btn.primary:focus{background:#b91c1c;border-color:#b91c1c;color:#fff}.ctip-filter{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:40px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.ctip-filter.active{background:#0f172a;border-color:#0f172a;color:#fff}.ctip-field{display:grid;gap:6px}.ctip-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.ctip-field .form-control{min-height:40px;border-radius:8px}.ctip-field-min{min-width:140px}.ctip-table-wrap{overflow:auto}.ctip-table{width:100%;border-collapse:separate;border-spacing:0}.ctip-table th,.ctip-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.ctip-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ctip-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.ctip-status.valid{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.ctip-status.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ctip-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.ctip-chip.duplicate{background:#fff7ed;border-color:#fdba74;color:#c2410c}.ctip-chip.missing{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.ctip-chip.format{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.ctip-chip.neutral{background:#f8fafc;border-color:#cbd5e1;color:#475569}.ctip-ok{color:#166534;font-size:12px;line-height:1.55}.ctip-error{color:#991b1b;font-size:12px;line-height:1.55}.ctip-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px}.ctip-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.ctip-page-info{color:#64748b;font-size:12px;font-weight:700}.ctip-pager-actions{display:flex;gap:8px;flex-wrap:wrap}.ctip-strong{display:block;color:#0f172a}.ctip-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}.ctip-chip-wrap{margin-bottom:8px}.ctir-shell{display:grid;gap:18px;max-width:1240px;margin:0 auto}.ctir-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.ctir-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700}.ctir-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65;max-width:860px}.ctir-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ctir-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.ctir-action:hover,.ctir-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.ctir-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.ctir-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.ctir-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.ctir-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.ctir-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.ctir-body{padding:18px 20px}.ctir-stat{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px;margin-bottom:10px}.ctir-stat strong{display:block;color:#0f172a;font-size:13px}.ctir-stat span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.ctir-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.ctir-chip.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ctir-chip.bad{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.ctir-note{border:1px solid #dbeafe;background:#f8fbff;color:#1e3a8a;border-radius:8px;padding:14px;font-size:13px;line-height:1.6;margin-top:14px}.ctir-table{width:100%;border-collapse:separate;border-spacing:0}.ctir-table th,.ctir-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.ctir-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.ctir-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px}.ctir-toast{position:fixed;top:82px;right:22px;z-index:1200;display:grid;gap:10px;max-width:340px}.ctir-toast-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;box-shadow:0 16px 36px rgba(15,23,42,.18);background:#fff;border:1px solid #e5e7eb}.ctir-toast-item.success{border-color:#bbf7d0;background:#f0fdf4}.ctir-toast-item.error{border-color:#fecaca;background:#fef2f2}.ctir-toast-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.ctir-toast-item.success .ctir-toast-icon{background:#dcfce7;color:#166534}.ctir-toast-item.error .ctir-toast-icon{background:#fee2e2;color:#b91c1c}.ctir-toast-copy strong{display:block;color:#0f172a;font-size:13px}.ctir-toast-copy span{display:block;margin-top:2px;color:#475569;font-size:12px;line-height:1.5}@media (max-width:991px){.cti-grid,.ctip-grid,.ctir-grid{grid-template-columns:1fr}.cti-body{padding:18px}.ctir-toast{left:16px;right:16px;max-width:none}}@media (max-width:767px){.cti-hero{padding:18px 16px}.cti-actions{display:grid;grid-template-columns:1fr}.cti-action{width:100%}}

/* Employees import */
.emp-import-shell{max-width:1240px;margin:0 auto;width:100%}.emp-import-wrap{display:grid;gap:18px;width:100%}.emp-import-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.emp-import-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700}.emp-import-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65;max-width:860px}.emp-import-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.emp-import-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.emp-import-action:hover,.emp-import-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.emp-import-primary,.emp-import-card,.emp-import-preview-card,.emp-import-result-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.emp-import-primary-body,.emp-import-body,.emp-import-preview-body,.emp-import-result-body{padding:20px 22px}.emp-import-head,.emp-import-preview-head,.emp-import-result-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.emp-import-head h4,.emp-import-preview-head h4,.emp-import-result-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.emp-import-head p,.emp-import-preview-head p,.emp-import-result-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.emp-import-dropzone{display:grid;gap:14px;padding:18px;border:1px dashed #94a3b8;border-radius:8px;background:#f8fafc}.emp-import-dropzone-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.emp-import-dropzone-copy strong{display:block;color:#0f172a;font-size:15px}.emp-import-dropzone-copy span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.55;max-width:760px}.emp-import-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.emp-import-note,.emp-import-stats,.emp-import-result-stats{display:grid;gap:10px}.emp-import-note-item,.emp-import-stat,.emp-import-result-stat{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.emp-import-note-item strong,.emp-import-stat strong,.emp-import-result-stat strong{display:block;color:#0f172a;font-size:13px}.emp-import-note-item span,.emp-import-stat span,.emp-import-result-stat span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.emp-import-template{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.emp-import-template a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.emp-import-template a:hover{text-decoration:none;background:#f8fafc;color:#0f172a}.emp-import-alert{padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;line-height:1.55}.emp-import-alert.error{border:1px solid #fecaca;background:#fef2f2;color:#991b1b}.emp-import-alert.success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.emp-import-alert-info{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8}.emp-import-code{display:block;padding:12px 14px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:12px;line-height:1.55;white-space:normal;word-break:break-word}.emp-import-legend{margin-top:14px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.emp-import-legend table{width:100%;border-collapse:collapse}.emp-import-legend th,.emp-import-legend td{padding:10px 12px;border-bottom:1px solid #eef2f7;font-size:12px;line-height:1.45;text-align:left;vertical-align:top}.emp-import-legend th{background:#f8fafc;color:#0f172a;font-weight:700}.emp-import-legend td{color:#475569}.emp-import-legend tr:last-child td{border-bottom:none}.emp-import-legend code{padding:2px 6px;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:11px}.emp-import-sample{margin-top:14px;padding:14px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.emp-import-sample strong{display:block;color:#0f172a;font-size:13px;margin-bottom:8px}.emp-import-sample span{display:block;color:#64748b;font-size:12px;line-height:1.5;margin-bottom:10px}.emp-import-values{margin-top:14px;display:grid;gap:10px}.emp-import-value{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.emp-import-value strong{display:block;color:#0f172a;font-size:13px;margin-bottom:4px}.emp-import-value span{display:block;color:#64748b;font-size:12px;line-height:1.5}.emp-import-form{display:grid;gap:14px}.emp-import-field{display:grid;gap:6px}.emp-import-field label{margin:0;color:#334155;font-size:12px;font-weight:700}.emp-import-field .form-control{min-height:42px;border-radius:8px}.emp-import-field-min{min-width:140px}.emp-import-help{color:#64748b;font-size:12px;line-height:1.5}.emp-import-help-top{margin-top:12px}.emp-import-submit,.emp-import-preview-actions,.emp-import-result-actions,.emp-import-toolbar-left,.emp-import-toolbar-right,.emp-import-pager-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.emp-import-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.emp-import-btn.primary{background:#2563eb;border-color:#2563eb;color:#fff}.emp-import-preview .emp-import-btn.primary{background:#16a34a;border-color:#16a34a}.emp-import-btn:hover,.emp-import-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.emp-import-btn.primary:hover,.emp-import-btn.primary:focus{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.emp-import-preview .emp-import-btn.primary:hover,.emp-import-preview .emp-import-btn.primary:focus{background:#15803d;border-color:#15803d;color:#fff}.emp-import-btn.primary[disabled]{background:#94a3b8;border-color:#94a3b8;color:#fff;cursor:not-allowed}.emp-import-loading{display:none;align-items:center;gap:8px;color:#2563eb;font-size:12px;font-weight:700}.emp-import-loading.open{display:inline-flex}.emp-import-preview,.emp-import-result{display:grid;gap:18px;max-width:1240px;margin:0 auto}.emp-import-preview-hero,.emp-import-result-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.emp-import-preview-hero h3,.emp-import-result-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700}.emp-import-preview-hero p,.emp-import-result-hero p{margin:0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65;max-width:860px}.emp-import-preview-action,.emp-import-result-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;font-size:13px;font-weight:700;text-decoration:none}.emp-import-preview-action:hover,.emp-import-preview-action:focus,.emp-import-result-action:hover,.emp-import-result-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}.emp-import-preview-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.emp-import-kpi{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:12px;font-weight:800}.emp-import-kpi.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.emp-import-kpi.bad{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.emp-import-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.emp-import-filter-toggle{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:40px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.emp-import-filter-toggle.active{background:#0f172a;border-color:#0f172a;color:#fff}.emp-import-table-wrap{overflow:auto}.emp-import-table{width:100%;border-collapse:separate;border-spacing:0}.emp-import-table th,.emp-import-table td,.emp-import-result-table th,.emp-import-result-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.emp-import-table th,.emp-import-result-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.emp-import-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.emp-import-status.valid{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.emp-import-status.error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.emp-import-error-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.emp-import-error-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800}.emp-import-error-chip.duplicate{background:#fff7ed;border-color:#fdba74;color:#c2410c}.emp-import-error-chip.missing{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.emp-import-error-chip.format{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.emp-import-error-chip.neutral{background:#f8fafc;border-color:#cbd5e1;color:#475569}.emp-import-error{color:#991b1b;font-size:12px;line-height:1.55}.emp-import-ok{color:#166534;font-size:12px;line-height:1.55}.emp-import-empty,.emp-import-result-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px}.emp-import-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.emp-import-page-info{color:#64748b;font-size:12px;font-weight:700}.emp-import-strong{display:block;color:#0f172a}.emp-import-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}.emp-import-result-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px}.emp-import-result-stat-head{display:flex;align-items:center;gap:10px}.emp-import-result-stat-icon{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:0 0 auto}.emp-import-result-stat-icon.total{background:#eff6ff;color:#1d4ed8}.emp-import-result-stat-icon.ok{background:#f0fdf4;color:#166534}.emp-import-result-stat-icon.bad{background:#fef2f2;color:#b91c1c}.emp-import-result-stat-icon.status{background:#f8fafc;color:#475569;border:1px solid #dbe2ea}.emp-import-result-note{border:1px solid #dbeafe;background:#f8fbff;color:#1e3a8a;border-radius:8px;padding:14px;font-size:13px;line-height:1.6;margin-top:14px}.emp-import-result-table{width:100%;border-collapse:separate;border-spacing:0}.emp-import-result-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.emp-import-result-chip.ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.emp-import-result-chip.bad{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.emp-import-result-toast{position:fixed;top:82px;right:22px;z-index:1200;display:grid;gap:10px;max-width:340px}.emp-import-result-toast-item{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;box-shadow:0 16px 36px rgba(15,23,42,.18);background:#fff;border:1px solid #e5e7eb}.emp-import-result-toast-item.success{border-color:#bbf7d0;background:#f0fdf4}.emp-import-result-toast-item.error{border-color:#fecaca;background:#fef2f2}.emp-import-result-toast-icon{width:32px;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.emp-import-result-toast-item.success .emp-import-result-toast-icon{background:#dcfce7;color:#166534}.emp-import-result-toast-item.error .emp-import-result-toast-icon{background:#fee2e2;color:#b91c1c}.emp-import-result-toast-copy strong{display:block;color:#0f172a;font-size:13px}.emp-import-result-toast-copy span{display:block;margin-top:2px;color:#475569;font-size:12px;line-height:1.5}@media (max-width:991px){.emp-import-grid,.emp-import-preview-grid,.emp-import-result-grid{grid-template-columns:1fr}.emp-import-primary-body,.emp-import-body{padding:18px}.emp-import-result-toast{left:16px;right:16px;max-width:none}}

/* Incidents index */
.right_col[role="main"] .ii-shell,.right_col[role="main"] .ii-shell *,.right_col[role="main"] .ii-hero,.right_col[role="main"] .ii-card{box-sizing:border-box;min-width:0;max-width:100%}.right_col[role="main"]>.ii-shell{width:100%;min-width:0;max-width:100%}.ii-hero{background:linear-gradient(135deg,#1f2937 0%,#b91c1c 58%,#fb7185 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(17,24,39,.18)}.ii-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.ii-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.6}.ii-actions{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ii-ghost{border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}.ii-ghost:hover,.ii-ghost:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}.ii-inline-form{display:inline-flex;margin:0}.ii-ghost-button{cursor:pointer}.ii-icon{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff}.ii-icon:hover,.ii-icon:focus{color:#fff;text-decoration:none;background:rgba(255,255,255,.2)}.ii-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.ii-stat{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06);padding:16px 18px}.ii-stat span{display:block;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.ii-stat strong{display:block;font-size:30px;line-height:1;color:#0f172a;margin-bottom:8px}.ii-tone-accident{color:#b91c1c!important}.ii-tone-critical{color:#92400e!important}.ii-tone-open{color:#1d4ed8!important}.ii-tone-unsynced{color:#7c3aed!important}.ii-stat small{display:block;font-size:12px;color:#64748b;line-height:1.5}.ii-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.06);overflow:hidden;margin-bottom:18px}.ii-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.ii-head h4{margin:0 0 4px;font-size:18px;font-weight:700;color:#0f172a}.ii-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.ii-body{padding:18px 20px 20px}.ii-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}.ii-filter-grid label{display:block;margin:0 0 6px;color:#334155;font-size:12px;font-weight:700}.ii-actions-row{display:flex;gap:8px;flex-wrap:wrap}.ii-scope{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.ii-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;border:1px solid #dbe4ee;background:#f8fafc;color:#475569;font-size:12px;font-weight:700}.ii-table-tools{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.ii-table-main{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-width:0}.ii-search{position:relative;min-width:240px;max-width:340px;flex:1 1 280px}.ii-search input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#0f172a}.ii-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:13px}.ii-select{height:40px;border:1px solid #dbe4ee;border-radius:8px;padding:0 12px;background:#fff;color:#334155}.ii-range{color:#64748b;font-size:12px}.ii-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.ii-table{margin-bottom:0}.ii-col-toggle{display:none;width:52px;text-align:center}.ii-th-calendar{width:15%}.ii-th-scope{width:22%}.ii-th-employee{width:20%}.ii-th-type{width:18%}.ii-th-action{width:8%}.ii-table thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.ii-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}.ii-row-toggle:hover,.ii-row-toggle:focus{background:#b91c1c;color:#fff}.ii-row-main{color:#0f172a;font-weight:700}.ii-row-sub{color:#64748b;font-size:12px;margin-top:4px}.ii-row-sub-spaced{margin-top:6px}.ii-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#f3f4f6;color:#475569;font-size:11px;font-weight:800}.ii-pill.ok{background:#dcfce7;color:#166534}.ii-pill.warn{background:#fef3c7;color:#92400e}.ii-pill.danger{background:#fee2e2;color:#991b1b}.ii-iconbtn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155}.ii-iconbtn:hover,.ii-iconbtn:focus{text-decoration:none;color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.ii-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:16px;color:#64748b;font-size:13px;text-align:center;background:#f8fafc}.ii-hidden{display:none}.ii-row-detail{display:none}.ii-row-detail td{padding:0;background:#fff}.ii-row-detail-box{padding:14px 16px;background:#f8fafc}.ii-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ii-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.ii-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.ii-pagebar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.ii-pager{display:flex;align-items:center;gap:8px}.ii-pager button{min-width:92px;height:38px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700}.ii-pager button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:991px){.ii-grid,.ii-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ii-col-toggle{display:table-cell}.ii-row-toggle{display:inline-flex}.ii-mobile-hide{display:none}.ii-row-detail-grid{grid-template-columns:1fr}}@media (max-width:767px){.ii-grid,.ii-filter-grid{grid-template-columns:1fr}.ii-search{min-width:100%;max-width:none}.ii-table-main{width:100%}}

/* Incidents analytics */
.right_col[role="main"] .ia-shell, .right_col[role="main"] .ia-shell *, .right_col[role="main"] .ia-hero, .right_col[role="main"] .ia-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ia-shell { width: 100%; min-width: 0; max-width: 100%; } .ia-shell { width: 100%; } .ia-hero { background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(17, 24, 39, .18); } .ia-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ia-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; } .ia-actions { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .ia-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ia-ghost:hover, .ia-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ia-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .ia-stat { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); padding: 16px 18px; } .ia-stat span { display: block; font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .ia-stat strong { display: block; font-size: 28px; line-height: 1; color: #0f172a; margin-bottom: 8px; } .ia-stat small { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } .ia-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ia-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ia-head h4 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0f172a; } .ia-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ia-body { padding: 18px 20px 20px; } .ia-filter-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: end; } .ia-filter-grid label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ia-actions-row { display: flex; gap: 8px; flex-wrap: wrap; } .ia-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .ia-table { margin-bottom: 0; } .ia-table thead th { background: #f8fafc; border-bottom: 1px solid #e5e7eb; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; } .ia-table td { vertical-align: middle !important; } .ia-empty { border: 1px dashed #cbd5e1; border-radius: 8px; padding: 16px; color: #64748b; font-size: 13px; text-align: center; background: #f8fafc; } .ia-pills { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ia-pill { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 14px 16px; } .ia-pill span { display: block; color: #64748b; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 6px; } .ia-pill strong { display: block; font-size: 24px; color: #0f172a; line-height: 1; } .ia-pill small { display: block; color: #64748b; margin-top: 6px; } .ia-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .ia-toolbar-left, .ia-toolbar-right { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .ia-search { min-width: 240px; } .ia-range { color: #64748b; font-size: 12px; font-weight: 600; } .ia-pager { display: flex; justify-content: flex-end; gap: 8px; align-items: center; margin-top: 14px; } .ia-pager button { min-width: 92px; } @media (max-width: 1199px) { .ia-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 991px) { .ia-row, .ia-filter-grid, .ia-pills { grid-template-columns: 1fr; } } @media (max-width: 767px) { .ia-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ia-search { min-width: 100%; } }

/* INCIDENTS ANALYTICS - create */
                             .ic-mini-grid { display: grid; gap: 12px; } .ic-mini-card { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 14px; } .ic-mini-card strong { display: block; margin: 0 0 6px; color: #0f172a; font-size: 13px; font-weight: 700; } .ic-mini-card p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.55; } .ic-mini-meta { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; } .ic-mini-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: #fff; border: 1px solid #e2e8f0; color: #475569; font-size: 11px; font-weight: 700; }          @media (max-width: 1199px) { .ic-grid { grid-template-columns: 1fr; } } @media (max-width: 991px) { .ic-flow-grid { grid-template-columns: 1fr; } .ic-field.col-6, .ic-field.col-4, .ic-field.col-3 { grid-column: span 12; } }

/* Incidents analytics - edit */
  .right_col[role="main"] .ic-shell, .right_col[role="main"] .ic-shell *, .right_col[role="main"] .ic-hero, .right_col[role="main"] .ic-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ic-shell { width: 100%; min-width: 0; max-width: 100%; } .ic-shell { width: 100%; } .ic-hero { background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(17, 24, 39, .18); } .ic-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ic-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; } .ic-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ic-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ic-ghost:hover, .ic-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ic-icon { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.12); color: #fff; } .ic-icon:hover, .ic-icon:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); } .ic-meta { margin-top: 10px; display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 700; } .ic-meta-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); } .ic-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .85fr); gap: 18px; } .ic-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ic-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ic-head h4 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0f172a; } .ic-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ic-body { padding: 18px 20px 20px; } .ic-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .ic-field { grid-column: span 12; } .ic-field.col-6 { grid-column: span 6; } .ic-field.col-4 { grid-column: span 4; } .ic-field.col-3 { grid-column: span 3; } .ic-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ic-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ic-note { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 14px 16px; color: #334155; line-height: 1.6; margin-bottom: 12px; } .ic-note span { display: block; font-size: 11px; font-weight: 700; text-transform: uppercase; color: #64748b; margin-bottom: 6px; letter-spacing: .04em; } .ic-flow-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .ic-flow-card { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 12px 14px; min-width: 0; } .ic-flow-card strong { display: block; margin-bottom: 6px; font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: .04em; } .ic-flow-value { font-size: 16px; font-weight: 700; color: #0f172a; line-height: 1.35; } .ic-flow-note { margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.45; } .ic-stack { display: grid; gap: 14px; } .ic-stack-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 14px; } .ic-stack-card label { display: block; margin: 0 0 8px; color: #0f172a; font-size: 13px; font-weight: 700; } .ic-stack-card p { margin: 0 0 10px; color: #64748b; font-size: 12px; line-height: 1.5; } @media (max-width: 1199px) { .ic-grid { grid-template-columns: 1fr; } } @media (max-width: 991px) { .ic-flow-grid { grid-template-columns: 1fr; } .ic-field.col-6, .ic-field.col-4, .ic-field.col-3 { grid-column: span 12; } }

/* Incidents analytics - show */
  .right_col[role="main"] .id-shell, .right_col[role="main"] .id-shell *, .right_col[role="main"] .id-hero, .right_col[role="main"] .id-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .id-shell { width: 100%; min-width: 0; max-width: 100%; } .id-shell { width: 100%; } .id-hero { background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 20px; box-shadow: 0 18px 40px rgba(17, 24, 39, .18); } .id-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .id-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; } .id-meta { margin-top: 10px; display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; color: rgba(255,255,255,.92); font-size: 13px; font-weight: 700; } .id-meta-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); } .id-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .id-icon { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.12); color: #fff; } .id-icon:hover, .id-icon:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); } .id-workspace { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; align-items: start; } .id-sidebar { position: sticky; top: 18px; } .id-nav { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); padding: 14px; } .id-nav h5 { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: #0f172a; } .id-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; } .id-nav-btn { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 100%; text-align: left; color: #0f172a; border: 1px solid #e5e7eb; background: #fff; border-radius: 8px; padding: 11px 12px; margin-bottom: 8px; font-weight: 700; } .id-nav-btn:last-child { margin-bottom: 0; } .id-nav-btn:hover, .id-nav-btn.is-active { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; } .id-nav-main { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1 1 auto; } .id-nav-index { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #0f172a; color: #fff; font-size: 12px; flex: 0 0 auto; } .id-nav-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .id-nav-copy strong { font-size: 13px; color: inherit; line-height: 1.3; } .id-nav-copy span { font-size: 11px; color: #64748b; line-height: 1.3; } .id-nav-btn.is-active .id-nav-copy span, .id-nav-btn:hover .id-nav-copy span { color: #1d4ed8; } .id-nav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 9px; border-radius: 999px; background: #f8fafc; border: 1px solid #dbe4ee; color: #334155; font-size: 11px; font-weight: 800; flex: 0 0 auto; } .id-nav-badge.warn { background: #fff7ed; border-color: #fed7aa; color: #9a3412; } .id-nav-badge.ok { background: #f0fdf4; border-color: #bbf7d0; color: #166534; } .id-pane { display: none; } .id-pane.is-active { display: block; } .id-pane-row { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: 18px; align-items: start; } .id-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .id-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .id-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #1d4ed8; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .id-head h4 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0f172a; } .id-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .id-body { padding: 18px 20px 20px; } .id-strip-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 14px; } .id-strip-card { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 12px 14px; min-width: 0; } .id-strip-card strong { display: block; margin-bottom: 6px; font-size: 12px; color: #64748b; text-transform: uppercase; letter-spacing: .04em; } .id-strip-card-value { font-size: 16px; font-weight: 700; color: #0f172a; line-height: 1.35; } .id-strip-card-note { margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.45; } .id-table { margin-bottom: 0; } .id-table th { width: 180px; background: #f8fafc; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; } .id-table td, .id-table th { vertical-align: top !important; border-color: #e5e7eb !important; } .id-pill { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; } .id-pill::before { content: ''; width: 8px; height: 8px; border-radius: 999px; background: currentColor; } .id-pill-low { background: #e5f7ed; color: #166534; } .id-pill-medium { background: #fff7e6; color: #9a6700; } .id-pill-high { background: #fee2e2; color: #b91c1c; } .id-pill-critical { background: #fde2e8; color: #be123c; } .id-pill-neutral { background: #eef2f7; color: #475569; } .id-mini-card { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 14px; margin-bottom: 12px; } .id-mini-card:last-child { margin-bottom: 0; } .id-mini-card strong { display: block; margin-bottom: 6px; color: #0f172a; font-size: 13px; } .id-note { border: 1px solid #f5d0fe; border-radius: 8px; background: #fdf4ff; color: #86198f; padding: 14px 16px; line-height: 1.6; margin-bottom: 18px; } .id-note-danger { border-color: #fecaca; background: #fef2f2; color: #b91c1c; } .id-action-stack { display: grid; gap: 10px; } .id-upload label { display: block; margin: 0 0 8px; color: #334155; font-size: 12px; font-weight: 700; } .id-file-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; } .id-file-item { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 14px; display: flex; justify-content: space-between; gap: 12px; align-items: center; background: #fff; } .id-file-link { display: inline-flex; align-items: center; gap: 10px; color: #0f172a; font-weight: 600; } .id-file-link:hover, .id-file-link:focus { text-decoration: none; color: #b91c1c; } .id-empty { border: 1px dashed #cbd5e1; border-radius: 8px; padding: 16px; color: #64748b; font-size: 13px; text-align: center; background: #f8fafc; } @media (max-width: 1199px) { .id-workspace, .id-pane-row { grid-template-columns: 1fr; } .id-sidebar { position: static; } .id-strip-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .id-strip-grid { grid-template-columns: 1fr; } }

/* Incidents analytics - stats */
  .right_col[role="main"] .is-shell, .right_col[role="main"] .is-shell *, .right_col[role="main"] .is-hero, .right_col[role="main"] .is-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .is-shell { width: 100%; min-width: 0; max-width: 100%; } .is-hero { background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(17, 24, 39, .18); } .is-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .is-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; } .is-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .is-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .is-ghost:hover, .is-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .is-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .is-stat { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); padding: 16px 18px; } .is-stat span { display: block; font-size: 12px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .is-stat strong { display: block; font-size: 28px; line-height: 1; color: #0f172a; margin-bottom: 8px; } .is-stat small { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } .is-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .is-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .is-head h4 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0f172a; } .is-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .is-body { padding: 18px 20px 20px; } .is-filter-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: end; } .is-filter-grid label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .is-actions-row { display: flex; gap: 8px; flex-wrap: wrap; } .is-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .is-row-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .is-table { margin-bottom: 0; } .is-table thead th { background: #f8fafc; border-bottom: 1px solid #e5e7eb; color: #475569; font-size: 12px; text-transform: uppercase; letter-spacing: .03em; } .is-empty { border: 1px dashed #cbd5e1; border-radius: 8px; padding: 16px; color: #64748b; font-size: 13px; text-align: center; background: #f8fafc; } .is-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .is-toolbar-left, .is-toolbar-right { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; } .is-search { min-width: 240px; } .is-range { color: #64748b; font-size: 12px; font-weight: 600; } .is-pager { display: flex; justify-content: flex-end; gap: 8px; align-items: center; margin-top: 14px; } .is-pager button { min-width: 92px; } @media (max-width: 1199px) { .is-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 991px) { .is-row, .is-row-3, .is-filter-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { .is-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .is-search { min-width: 100%; } }


  /* DOF index */
.right_col[role="main"] .dof-index-shell,.right_col[role="main"] .dof-index-shell *{box-sizing:border-box;min-width:0;max-width:100%}.dof-index-shell{width:100%;color:#0f172a}.dof-index-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 44%,#16a34a 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}.dof-index-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}.dof-index-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:650;line-height:1.2}.dof-index-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:860px;font-size:14px}.dof-index-meta,.dof-index-actions,.dof-quick-filters{display:flex;flex-wrap:wrap;gap:8px}.dof-index-meta{margin-top:10px}.dof-index-actions{margin-top:16px}.dof-quick-filters{margin-top:12px}.dof-quick-filter,.dof-index-pill,.dof-index-action{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none}.dof-quick-filter{min-height:34px;padding:8px 12px;font-size:12px;font-weight:700}.dof-index-pill{gap:7px;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.09)}.dof-index-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}.dof-index-action{justify-content:center;min-height:38px;padding:8px 16px;font-weight:600;font-size:13px}.dof-quick-filter:hover,.dof-quick-filter:focus,.dof-index-action:hover,.dof-index-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.36)}.dof-inline-form{display:inline-flex}.dof-index-action-button{cursor:pointer}.dof-index-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.dof-index-card,.dof-index-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dof-index-card,.dof-index-summary-card{position:relative;overflow:hidden;padding-left:18px}.dof-index-card:before,.dof-index-summary-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dc2626}.dof-index-card{display:block;padding:14px 16px 14px 18px;min-height:92px;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dof-index-card:hover,.dof-index-card:focus{color:inherit;text-decoration:none}.dof-index-card:hover,.dof-index-card:focus{border-color:#bfdbfe;box-shadow:0 12px 28px rgba(15,23,42,.10);transform:translateY(-1px)}.dof-index-card span{display:block;color:#64748b;font-size:12px;font-weight:500;line-height:1.4}.dof-index-card strong{display:block;margin-top:8px;color:#0f172a;font-size:24px;line-height:1;font-weight:700}.dof-index-card.is-alert strong{color:#b91c1c}.dof-index-card.is-active,.dof-index-card.is-active:hover,.dof-index-card.is-active:focus{border-color:#bfdbfe;background:#eff6ff;box-shadow:0 12px 28px rgba(29,78,216,.12)}.dof-index-card.is-active span,.dof-index-card.is-active strong{color:#1d4ed8}.dof-index-panel{overflow:hidden;margin-bottom:18px}.dof-index-panel-head{padding:16px 18px;border-bottom:1px solid #eef2f7}.dof-index-panel-head h2{margin:0;color:#0f172a;font-size:18px;font-weight:650;line-height:1.3}.dof-index-panel-head p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.55}.dof-index-panel-body{padding:18px}.dof-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.1fr) auto auto;gap:12px;align-items:end}.dof-filter-field label{display:block;color:#334155;font-size:13px;font-weight:650;margin-bottom:6px}.dof-filter-field .form-control{border-radius:8px;border-color:#d0d5dd;box-shadow:none;min-height:38px}.dof-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;padding:8px 16px;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}.dof-tool-btn.primary{border-color:#1d4ed8;background:#1d4ed8;color:#fff}.dof-tool-btn:hover,.dof-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}.dof-tool-btn.primary:hover,.dof-tool-btn.primary:focus{background:#1e40af;color:#fff}.dof-tool-btn.active{border-color:#fdba74;background:#fff7ed;color:#9a3412}.dof-table-wrap{width:100%;overflow-x:auto}.dof-table{width:100%!important;margin-bottom:0!important;border-collapse:separate!important;border-spacing:0}.dof-table>thead>tr>th{background:#f8fafc;color:#475569;font-size:12px;font-weight:650;border-bottom:1px solid #e5e7eb;white-space:nowrap;vertical-align:middle!important}.dof-col-toggle{display:none;width:52px;text-align:center}.dof-table>tbody>tr>td{color:#334155;font-size:13px;vertical-align:middle!important}.dof-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}.dof-row-toggle:hover,.dof-row-toggle:focus{background:#b91c1c;color:#fff}.dof-table>tbody>tr[data-href]{cursor:pointer}.dof-table>tbody>tr[data-href]:hover>td{background:#f8fafc}.dof-table>tbody>tr.dof-row-late>td{background:#fff7f7}.dof-table>tbody>tr.dof-row-late:hover>td{background:#fff1f2}.dof-table>tbody>tr.dof-row-closed>td{background:#fbfdff;color:#64748b}.dof-table>tbody>tr.dof-row-closed .dof-title-main{color:#475569}.dof-select-col,.dof-action-cell,.dof-col-id{width:1%;white-space:nowrap}.dof-select-col{text-align:center}.dof-select-box{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;margin:0}.dof-select-box input{margin:0}.dof-bulk-toolbar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.8fr);gap:12px;margin-bottom:14px}.dof-bulk-intro,.dof-bulk-control{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px;min-width:0}.dof-bulk-intro{display:grid;gap:8px}.dof-bulk-kicker{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 10px;font-size:11px;font-weight:700;line-height:1}.dof-bulk-intro strong{color:#0f172a;font-size:14px;font-weight:700;line-height:1.4}.dof-bulk-intro p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.dof-bulk-actions{display:grid;gap:12px}.dof-bulk-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center}.dof-bulk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dof-bulk-field{display:grid;gap:6px}.dof-bulk-field label{margin:0;color:#0f172a;font-size:12px;font-weight:700}.dof-bulk-field small{color:#64748b;font-size:11px;line-height:1.45}.dof-bulk-fields select,.dof-bulk-fields input{width:100%;min-width:0;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;color:#334155;font-size:13px;box-shadow:none;padding:8px 12px}.dof-export-count,.dof-list-count,.dof-list-pagination-info{color:#64748b;font-size:12px;font-weight:600;line-height:1.5}.dof-bulk-buttons,.dof-action-group,.dof-list-toolbar-left,.dof-list-toolbar-right,.dof-list-pagination-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dof-bulk-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dof-bulk-summary-card,.dof-bulk-smart-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px;display:grid;min-width:0}.dof-bulk-summary-card{gap:5px}.dof-bulk-smart-card{gap:8px}.dof-bulk-summary-card small{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dof-bulk-summary-card strong{display:block;color:#0f172a;font-size:18px;font-weight:800;line-height:1.1}.dof-bulk-summary-card span,.dof-bulk-smart-card span{display:block;color:#475569;font-size:12px;line-height:1.45}.dof-bulk-smart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.dof-bulk-smart-card strong{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.4}.dof-bulk-smart-card .dof-tool-btn{width:100%;justify-content:flex-start}.dof-col-title{min-width:280px}.dof-col-workplace{min-width:170px;overflow-wrap:anywhere}.dof-col-date{white-space:nowrap}.dof-title-main{display:block;color:#0f172a;font-weight:650;line-height:1.4;overflow-wrap:anywhere}.dof-title-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.dof-quality-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.dof-quality-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid #fed7aa;border-radius:999px;background:#fff7ed;color:#b45309;padding:4px 8px;font-size:11px;font-weight:700;line-height:1.2}.dof-cell-stack,.dof-status-block,.dof-next-step-block,.dof-due-block{display:grid;gap:4px}.dof-status-block,.dof-next-step-block,.dof-due-block{gap:5px}.dof-cell-stack strong{color:#0f172a;font-size:13px;line-height:1.45}.dof-cell-stack span,.dof-status-note,.dof-next-step-note,.dof-due-note{color:#64748b;font-size:12px;line-height:1.45}.dof-source,.dof-status,.dof-next-step,.dof-due-pill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:700;border:1px solid #e5e7eb;background:#fff;color:#334155}.dof-source{width:fit-content}.dof-source i,.dof-status i,.dof-next-step i,.dof-due-pill i{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px}.dof-source.audit,.dof-status.info,.dof-next-step.info,.dof-due-pill.info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.dof-source.audit i,.dof-status.info i,.dof-next-step.info i,.dof-due-pill.info i{background:#dbeafe}.dof-source.risk,.dof-status.warning,.dof-next-step.warning,.dof-due-pill.warning{border-color:#fed7aa;background:#fff7ed;color:#c2410c}.dof-source.risk i,.dof-status.warning i,.dof-next-step.warning i,.dof-due-pill.warning i{background:#ffedd5}.dof-source.visit,.dof-status.success,.dof-next-step.success,.dof-due-pill.success{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.dof-source.visit i,.dof-status.success i,.dof-next-step.success i,.dof-due-pill.success i{background:#dcfce7}.dof-source.manual,.dof-status.muted,.dof-next-step.muted,.dof-due-pill.muted{border-color:#cbd5e1;background:#f8fafc;color:#475569}.dof-source.manual i,.dof-status.muted i,.dof-next-step.muted i,.dof-due-pill.muted i{background:#e2e8f0}.dof-status.danger,.dof-next-step.danger,.dof-due-pill.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.dof-status.danger i,.dof-next-step.danger i,.dof-due-pill.danger i{background:#fee2e2}.dof-due-late{color:#b91c1c;font-weight:700}.dof-due-soon{color:#b45309;font-weight:700}.dof-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;text-decoration:none;font-size:13px;padding:0}.dof-mini-btn:hover,.dof-mini-btn:focus{text-decoration:none;color:#0f172a;background:#f8fafc}.dof-empty,.dof-list-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}.dof-list-empty{display:none;margin-top:14px}.dof-list-toolbar,.dof-list-pagination{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}.dof-list-toolbar{margin:14px 0}.dof-list-pagination{margin-top:14px}.dof-list-search,.dof-list-size{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 12px;color:#0f172a;background:#fff}.dof-list-search{min-width:240px}.dof-list-page-btn{min-height:34px;padding:6px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:700}.dof-list-page-btn[disabled]{opacity:.5;cursor:not-allowed}.dof-table tbody tr.is-selected td{background:#fff7ed}.dof-row-detail{display:none}.dof-row-detail td{padding:0!important;background:#fff}.dof-row-detail-box{padding:14px 16px;background:#f8fafc}.dof-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dof-row-detail-item small{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.dof-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.dof-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto}.dof-toast.warning{border-color:#fed7aa}.dof-toast.warning i{background:#fff7ed;color:#c2410c}.dof-toast.success{border-color:#bbf7d0}.dof-toast.success i{background:#f0fdf4;color:#15803d}@media (max-width:1100px){.dof-index-summary,.dof-filter-grid,.dof-bulk-toolbar{grid-template-columns:1fr}}@media (max-width:700px){.dof-index-hero{padding:18px 16px}.dof-index-actions,.dof-tool-btn{width:100%}.dof-bulk-fields,.dof-bulk-summary,.dof-bulk-smart-grid,.dof-row-detail-grid{grid-template-columns:1fr}.dof-bulk-buttons{display:grid}.dof-list-search{min-width:100%}.dof-tool-btn{justify-content:center}.dof-col-toggle{display:table-cell}.dof-row-toggle{display:inline-flex}.dof-mobile-hide{display:none}}

/*DOF show*/
 .right_col[role="main"] .dof-show-shell, .right_col[role="main"] .dof-show-shell * { box-sizing: border-box; min-width: 0; max-width: 100%; } .dof-show-shell { width: 100%; color: #0f172a; } .dof-detail-hero { background: linear-gradient(135deg, #0f172a 0%, #164e63 44%, #16a34a 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin: 0 0 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .dof-detail-kicker { color: rgba(255, 255, 255, .72); font-size: 12px; font-weight: 600; margin-bottom: 7px; } .dof-detail-hero h3 { margin: 0 0 8px; color: #fff; font-size: 25px; font-weight: 650; line-height: 1.2; overflow-wrap: anywhere; } .dof-detail-hero p { margin: 0; color: rgba(255, 255, 255, .86); line-height: 1.7; max-width: 860px; font-size: 14px; } .dof-detail-meta, .dof-detail-actions { display: flex; flex-wrap: wrap; gap: 8px; } .dof-detail-meta { margin-top: 10px; } .dof-detail-actions { margin-top: 16px; } .dof-detail-pill { display: inline-flex; align-items: center; gap: 7px; border-radius: 999px; padding: 8px 13px; font-size: 12px; font-weight: 600; background: rgba(255, 255, 255, .09); color: #fff; border: 1px solid rgba(255, 255, 255, .24); } .dof-detail-pill i { display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 999px; background: rgba(255, 255, 255, .18); font-size: 11px; } .dof-detail-action { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; padding: 8px 16px; font-weight: 600; font-size: 13px; text-decoration: none; } .dof-detail-action:hover, .dof-detail-action:focus { background: rgba(255, 255, 255, .18); color: #fff; text-decoration: none; border-color: rgba(255, 255, 255, .36); } .dof-summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 18px; } .dof-summary-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 14px 16px; box-shadow: 0 8px 24px rgba(15, 23, 42, .05); min-height: 92px; } .dof-summary-title { color: #64748b; font-size: 12px; font-weight: 500; line-height: 1.4; } .dof-summary-value { margin-top: 8px; color: #0f172a; font-size: 19px; font-weight: 650; line-height: 1.2; overflow-wrap: anywhere; } .dof-status { display: inline-flex; align-items: center; width: fit-content; border-radius: 999px; padding: 6px 10px; border: 1px solid #dbeafe; color: #1d4ed8; background: #eff6ff; font-size: 12px; font-weight: 700; } .dof-status.is-danger { border-color: #fecaca; color: #b91c1c; background: #fef2f2; } .dof-status.is-warning { border-color: #fed7aa; color: #b45309; background: #fff7ed; } .dof-status.is-success { border-color: #bbf7d0; color: #15803d; background: #f0fdf4; } .dof-status.is-muted { border-color: #e5e7eb; color: #475569; background: #f8fafc; } .dof-flow-workspace { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; align-items: start; } .dof-flow-sidebar { position: sticky; top: 18px; } .dof-section-nav, .dof-panel { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); } .dof-section-nav { padding: 14px; } .dof-section-nav h5 { margin: 0 0 8px; font-size: 15px; font-weight: 600; color: #0f172a; } .dof-section-nav p { margin: 0 0 10px; color: #64748b; font-size: 12px; line-height: 1.5; } .dof-section-nav-btn { width: 100%; text-align: left; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; color: #334155; padding: 10px 12px; margin-bottom: 8px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 10px; } .dof-section-nav-btn:last-child { margin-bottom: 0; } .dof-section-nav-btn:hover, .dof-section-nav-btn:focus, .dof-section-nav-btn.is-active { background: #eff6ff; border-color: #bfdbfe; color: #1d4ed8; box-shadow: 0 0 0 3px rgba(59, 130, 246, .10); } .dof-section-nav-index { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #0f172a; color: #fff; font-size: 11px; font-weight: 600; flex: 0 0 auto; } .dof-section-nav-btn.is-active .dof-section-nav-index { background: #1d4ed8; } .dof-pane-block { display: none; } .dof-pane-block.is-active { display: block; } .dof-panel { margin-bottom: 16px; overflow: hidden; } .dof-panel-head { padding: 16px 18px; border-bottom: 1px solid #eef2f7; } .dof-panel-head h2, .dof-panel-head h3 { margin: 0; color: #0f172a; font-size: 18px; font-weight: 650; line-height: 1.3; } .dof-panel-head p { margin: 5px 0 0; color: #64748b; font-size: 13px; line-height: 1.55; } .dof-panel-body { padding: 18px; } .dof-panel-flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px 18px; border-top: 1px solid #eef2f7; background: #fcfdff; flex-wrap: wrap; } .dof-panel-flow-copy { display: grid; gap: 4px; } .dof-panel-flow-copy small { color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; } .dof-panel-flow-copy strong { color: #0f172a; font-size: 14px; font-weight: 700; line-height: 1.4; } .dof-panel-flow-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; } .dof-flow-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; color: #334155; padding: 8px 14px; font-size: 13px; font-weight: 700; text-decoration: none; cursor: pointer; } .dof-flow-btn:hover, .dof-flow-btn:focus { text-decoration: none; background: #f8fafc; color: #0f172a; } .dof-flow-btn.primary { border-color: #dc2626; background: #dc2626; color: #fff; } .dof-flow-btn[disabled] { opacity: .45; cursor: default; pointer-events: none; } .dof-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .dof-info-item { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 12px 14px; overflow-wrap: anywhere; } .dof-info-item.wide { grid-column: 1 / -1; background: #fff; } .dof-info-label { display: block; color: #64748b; font-size: 12px; font-weight: 500; line-height: 1.4; margin-bottom: 6px; } .dof-info-value { display: block; color: #0f172a; font-size: 14px; font-weight: 650; line-height: 1.45; overflow-wrap: anywhere; word-break: break-word; } .dof-info-item.wide .dof-info-value { font-size: 15px; } .dof-note-box { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 12px 14px; color: #334155; line-height: 1.65; white-space: pre-wrap; overflow-wrap: anywhere; } .dof-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .dof-related-card { position: relative; display: grid; gap: 8px; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 14px 14px 14px 18px; text-decoration: none; box-shadow: 0 8px 24px rgba(15,23,42,.05); } .dof-related-card:before { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 100%; background: #dc2626; } .dof-related-card:hover, .dof-related-card:focus { text-decoration: none; background: #fff8f8; border-color: #fecaca; } .dof-related-card small { color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; } .dof-related-card strong { color: #0f172a; font-size: 14px; font-weight: 700; line-height: 1.4; } .dof-related-card span { color: #475569; font-size: 12px; line-height: 1.5; } .dof-related-icon { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #fee2e2; color: #dc2626; font-size: 13px; } .dof-table-wrap { width: 100%; overflow-x: auto; } .dof-table { width: 100%; margin: 0; border-collapse: separate; border-spacing: 0; border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background: #fff; } .dof-table th, .dof-table td { padding: 11px 12px; border-bottom: 1px solid #eef2f7; vertical-align: top; font-size: 13px; line-height: 1.45; } .dof-table tr:last-child th, .dof-table tr:last-child td { border-bottom: 0; } .dof-table th { width: 210px; color: #475569; background: #f8fafc; font-weight: 650; white-space: nowrap; } .dof-tag { display: inline-flex; align-items: center; width: fit-content; max-width: 100%; border-radius: 999px; padding: 6px 10px; border: 1px solid #dbeafe; background: #eff6ff; color: #1d4ed8; font-size: 12px; font-weight: 700; white-space: normal; overflow-wrap: anywhere; } .dof-photo-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .dof-photo-card { border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background: #fff; } .dof-photo-card img { width: 100%; height: 210px; object-fit: cover; display: block; background: #f8fafc; } .dof-photo-body { padding: 12px; } .dof-photo-body strong, .dof-photo-body span { display: block; } .dof-photo-body strong { color: #0f172a; font-size: 13px; font-weight: 650; } .dof-photo-body span { margin-top: 4px; color: #64748b; font-size: 12px; } .dof-evidence-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; } .dof-evidence-type-card { position: relative; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.05); padding: 13px 14px 13px 18px; } .dof-evidence-type-card:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #dc2626; } .dof-evidence-type-card span { display: block; color: #64748b; font-size: 12px; font-weight: 600; line-height: 1.45; } .dof-evidence-type-card strong { display: block; margin-top: 5px; color: #0f172a; font-size: 20px; line-height: 1.1; font-weight: 750; } .dof-evidence-type-card small { display: block; margin-top: 6px; color: #64748b; font-size: 11px; line-height: 1.35; } .dof-evidence-section { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; overflow: hidden; margin-bottom: 12px; } .dof-evidence-section-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; border-bottom: 1px solid #eef2f7; background: #f8fafc; } .dof-evidence-section-head strong { color: #0f172a; font-size: 14px; font-weight: 700; } .dof-evidence-section-head span { display: inline-flex; align-items: center; border: 1px solid #e5e7eb; border-radius: 999px; background: #fff; color: #64748b; padding: 5px 9px; font-size: 12px; font-weight: 700; } .dof-evidence-section-body { padding: 14px; } .dof-evidence-upload { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px; margin-top: 16px; } .dof-evidence-upload-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; } .dof-evidence-upload-title strong { color: #0f172a; font-size: 14px; font-weight: 700; } .dof-evidence-upload-title span { color: #64748b; font-size: 12px; line-height: 1.45; } .dof-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #d0d5dd; border-radius: 8px; background: #fff; color: #334155; padding: 8px 16px; min-height: 38px; font-size: 13px; font-weight: 650; text-decoration: none; box-shadow: none; } .dof-btn:hover, .dof-btn:focus { text-decoration: none; background: #f8fafc; color: #0f172a; } .dof-btn.primary { border-color: #1d4ed8; background: #1d4ed8; color: #fff; } .dof-btn.success { border-color: #16a34a; background: #16a34a; color: #fff; } .dof-form-grid { display: grid; gap: 12px; } .dof-form-grid label { color: #334155; font-size: 13px; font-weight: 650; } .dof-form-grid .form-control { border-radius: 8px; border-color: #d0d5dd; box-shadow: none; } .dof-empty { border: 1px dashed #cbd5e1; border-radius: 8px; padding: 18px; color: #64748b; background: #f8fafc; text-align: center; } .dof-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } .dof-action-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 16px; display: grid; gap: 12px; box-shadow: 0 8px 24px rgba(15,23,42,.05); } .dof-action-card h3 { margin: 0; color: #0f172a; font-size: 16px; font-weight: 700; line-height: 1.35; } .dof-action-card p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .dof-readiness-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 16px; } .dof-readiness-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px; display: grid; gap: 6px; } .dof-readiness-card small { color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; } .dof-readiness-card strong { color: #0f172a; font-size: 19px; font-weight: 800; line-height: 1.1; } .dof-readiness-card span { color: #475569; font-size: 12px; line-height: 1.45; } .dof-upload-tips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; } .dof-upload-tip { display: inline-flex; align-items: center; gap: 7px; border: 1px solid #e5e7eb; border-radius: 999px; background: #f8fafc; color: #475569; padding: 6px 10px; font-size: 11px; font-weight: 700; } .dof-upload-tip i { width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: #e2e8f0; font-size: 10px; } .dof-quality-card { position: relative; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.05); padding: 16px 18px 16px 20px; margin-bottom: 16px; } .dof-quality-card:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #dc2626; } .dof-quality-top { display: flex; justify-content: space-between; gap: 14px; align-items: flex-start; margin-bottom: 14px; } .dof-quality-top span { display: block; color: #64748b; font-size: 12px; font-weight: 600; line-height: 1.45; } .dof-quality-top strong { display: block; margin-top: 5px; color: #0f172a; font-size: 18px; line-height: 1.25; font-weight: 700; } .dof-quality-score { display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 38px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: #b91c1c; font-size: 16px; font-weight: 800; } .dof-quality-score.good { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; } .dof-quality-score.medium { border-color: #fde68a; background: #fffbeb; color: #b45309; } .dof-quality-checks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .dof-quality-check { display: flex; gap: 10px; align-items: flex-start; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 10px 12px; } .dof-quality-check i { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; min-width: 22px; border-radius: 999px; background: #fee2e2; color: #b91c1c; font-size: 11px; } .dof-quality-check.is-ok i { background: #dcfce7; color: #15803d; } .dof-quality-check strong { display: block; color: #0f172a; font-size: 13px; line-height: 1.35; font-weight: 700; } .dof-quality-check span { display: block; margin-top: 3px; color: #64748b; font-size: 12px; line-height: 1.45; } .dof-quality-action { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; border: 1px solid #dbeafe; border-radius: 8px; background: #eff6ff; color: #1d4ed8; padding: 8px 12px; font-size: 12px; font-weight: 700; text-decoration: none; } .dof-quality-action:hover, .dof-quality-action:focus { text-decoration: none; background: #dbeafe; color: #1d4ed8; } .dof-closure-summary { position: relative; overflow: hidden; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 8px 24px rgba(15,23,42,.05); padding: 16px 18px 16px 20px; margin-bottom: 16px; } .dof-closure-summary:before { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #dc2626; } .dof-closure-summary-head { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 10px; } .dof-closure-summary-head span { display: block; color: #64748b; font-size: 12px; font-weight: 600; } .dof-closure-summary-head strong { display: block; margin-top: 5px; color: #0f172a; font-size: 18px; line-height: 1.25; font-weight: 700; } .dof-closure-ready { display: inline-flex; align-items: center; white-space: nowrap; border: 1px solid #fecaca; border-radius: 999px; background: #fef2f2; color: #b91c1c; padding: 6px 10px; font-size: 12px; font-weight: 700; } .dof-closure-ready.is-ready { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; } .dof-closure-text { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; color: #334155; font-size: 13px; line-height: 1.7; padding: 12px 14px; } .dof-closure-list { display: grid; gap: 7px; margin: 12px 0 0; padding: 0; list-style: none; } .dof-closure-list li { display: flex; gap: 8px; align-items: flex-start; color: #64748b; font-size: 12px; line-height: 1.45; } .dof-closure-list i { margin-top: 2px; color: #b45309; } .dof-history-action { display: inline-flex; align-items: center; gap: 7px; color: #0f172a; font-size: 13px; font-weight: 700; } .dof-history-action i { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 999px; background: #fef2f2; color: #b91c1c; font-size: 11px; } .dof-history-change { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .dof-history-arrow { color: #94a3b8; font-size: 12px; } .dof-history-note { max-width: 360px; color: #475569; font-size: 12px; line-height: 1.45; } .due-late { color: #b91c1c; } .due-soon { color: #b45309; } @media (max-width: 1100px) { .dof-flow-workspace, .dof-summary-grid, .dof-related-grid, .dof-evidence-overview, .dof-action-grid, .dof-readiness-grid { grid-template-columns: 1fr; } .dof-flow-sidebar { position: static; } .dof-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 700px) { .dof-detail-hero { padding: 18px 16px; } .dof-info-grid, .dof-photo-grid, .dof-quality-checks { grid-template-columns: 1fr; } .dof-panel-flow { align-items: stretch; } .dof-panel-flow-actions { width: 100%; justify-content: stretch; } .dof-panel-flow-actions .dof-flow-btn { flex: 1 1 0; } .dof-quality-top { display: block; } .dof-closure-summary-head { display: block; } .dof-quality-score { margin-top: 10px; } .dof-closure-ready { margin-top: 10px; } .dof-table th, .dof-table td { display: block; width: 100%; } .dof-table th { border-bottom: 0; white-space: normal; } } .dof-show-card, .dof-show-summary-card, .dof-show-metric{ position:relative; overflow:hidden; border:1px solid #e5e7eb; border-radius:8px; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.05); padding-left:18px; } .dof-show-card:before, .dof-show-summary-card:before, .dof-show-metric:before{ content:""; position:absolute; top:0; left:0; width:4px; height:100%; background:#dc2626; }


/*EDU index*/
.right_col[role="main"] .ei-shell, .right_col[role="main"] .ei-shell *, .right_col[role="main"] .ei-hero, .right_col[role="main"] .ei-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ei-shell { width: 100%; min-width: 0; max-width: 100%; } .ei-shell { width: 100%; } .ei-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 54%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .ei-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ei-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .ei-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .ei-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .ei-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ei-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ei-ghost:hover, .ei-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ei-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .ei-stat { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 16px 17px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); } .ei-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .ei-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .ei-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .ei-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ei-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ei-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .ei-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ei-body { padding: 18px 20px 20px; } .ei-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .ei-toolbar-group { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .ei-toolbar .form-control { min-width: 160px; } .ei-table-wrap { overflow-x: auto; } .ei-table { width: 100%; border-collapse: separate; border-spacing: 0; } .ei-table thead th { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: #f8fafc; white-space: nowrap; } .ei-table tbody td { padding: 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; color: #0f172a; } .ei-title { font-weight: 700; color: #0f172a; } .ei-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .ei-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .ei-pill.az { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .ei-pill.tehlikeli { background: #fef3c7; color: #92400e; border-color: #fde68a; } .ei-pill.cok { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .ei-row-actions { display: flex; gap: 8px; flex-wrap: wrap; } .ei-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; } .ei-pagination-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ei-empty { padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; color: #64748b; text-align: center; } @media (max-width: 1199px) { .ei-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .ei-summary { grid-template-columns: 1fr; } }
/*EDU audit_package*/
  .edu-pack-shell, .edu-pack-shell *, .edu-pack-hero, .edu-pack-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-pack-shell { width: 100%; } .edu-pack-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-pack-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .edu-pack-hero p { margin: 0; max-width: 820px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-pack-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-pack-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-pack-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-pack-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; } .edu-pack-ghost:hover, .edu-pack-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-pack-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .edu-pack-stat, .edu-pack-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; } .edu-pack-stat { padding: 16px 17px; } .edu-pack-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .edu-pack-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .edu-pack-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .edu-pack-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-pack-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-pack-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-pack-body { padding: 18px 20px 20px; } .edu-pack-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-pack-col-4 { grid-column: span 4; } .edu-pack-col-8 { grid-column: span 8; } .edu-pack-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .edu-pack-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-pack-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 18px; margin-bottom: 18px; } .edu-pack-kpi { display: grid; gap: 10px; } .edu-pack-kpi-row { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 11px 12px; border: 1px solid #eef2f7; border-radius: 8px; background: #f8fafc; } .edu-pack-kpi-row strong { color: #0f172a; font-size: 13px; } .edu-pack-kpi-row span { color: #475569; font-size: 13px; font-weight: 700; } .edu-pack-table-wrap { overflow-x: auto; } .edu-pack-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-pack-table th, .edu-pack-table td { padding: 12px 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .edu-pack-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-pack-title { color: #0f172a; font-weight: 700; } .edu-pack-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-pack-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .edu-pack-pill.is-good { color: #166534; background: #f0fdf4; border-color: #bbf7d0; } .edu-pack-pill.is-warn { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .edu-pack-pill.is-risk { color: #b91c1c; background: #fef2f2; border-color: #fecaca; } .edu-pack-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-pack-tools-left, .edu-pack-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-pack-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-pack-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } .edu-pack-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; text-decoration: none; } .edu-pack-btn:hover, .edu-pack-btn:focus { color: #0f172a; text-decoration: none; background: #f8fafc; } .edu-pack-btn.is-primary { background: #0f172a; border-color: #0f172a; color: #fff; } .edu-pack-btn.is-primary:hover, .edu-pack-btn.is-primary:focus { color: #fff; background: #111827; } @media (max-width: 1199px) { .edu-pack-summary, .edu-pack-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-pack-hero { padding: 18px 16px; } .edu-pack-summary, .edu-pack-grid, .edu-pack-filter-grid { grid-template-columns: 1fr; } .edu-pack-col-4, .edu-pack-col-8 { grid-column: span 1; } }
/*EDU audit_readliness*/
 .right_col[role="main"] .ear-shell, .right_col[role="main"] .ear-shell *, .right_col[role="main"] .ear-hero, .right_col[role="main"] .ear-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ear-shell { width: 100%; min-width: 0; max-width: 100%; } .ear-shell { width: 100%; } .ear-hero { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #38bdf8 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .ear-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ear-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .ear-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .ear-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .ear-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ear-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ear-ghost:hover, .ear-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ear-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .ear-stat { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 16px 17px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); } .ear-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .ear-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .ear-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .ear-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ear-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ear-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .ear-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ear-body { padding: 18px 20px 20px; } .ear-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .ear-field { grid-column: span 12; } .ear-field.col-4 { grid-column: span 4; } .ear-field.col-8 { grid-column: span 8; } .ear-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ear-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ear-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 9px 12px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 12px; font-weight: 700; text-decoration: none; } .ear-btn:hover, .ear-btn:focus { color: #0f172a; text-decoration: none; background: #f8fafc; } .ear-btn.is-primary { background: #0f172a; border-color: #0f172a; color: #fff; } .ear-btn.is-primary:hover, .ear-btn.is-primary:focus { color: #fff; background: #1e293b; } .ear-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .ear-toolbar-group { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .ear-toolbar .form-control { min-width: 160px; } .ear-table-wrap { overflow-x: auto; } .ear-table { width: 100%; border-collapse: separate; border-spacing: 0; } .ear-table thead th { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: #f8fafc; white-space: nowrap; } .ear-table tbody td { padding: 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; color: #0f172a; } .ear-title { font-weight: 700; color: #0f172a; } .ear-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .ear-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .ear-pill.ready { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .ear-pill.watch { background: #fef3c7; color: #92400e; border-color: #fde68a; } .ear-pill.risk { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .ear-pill.neutral { background: #e0f2fe; color: #075985; border-color: #bae6fd; } .ear-row-actions { display: flex; gap: 8px; flex-wrap: wrap; } .ear-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; } .ear-pagination-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ear-empty { padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; color: #64748b; text-align: center; } @media (max-width: 1199px) { .ear-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .ear-summary { grid-template-columns: 1fr; } .ear-field.col-4, .ear-field.col-8 { grid-column: span 12; } }

 /*EDU audit_create*/
  .edu-create-shell, .edu-create-shell *, .edu-create-hero, .edu-create-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-create-shell { width: 100%; } .edu-create-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-create-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .edu-create-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-create-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-create-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-create-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-create-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; } .edu-create-ghost:hover, .edu-create-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-create-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); gap: 18px; align-items: start; } .edu-create-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .edu-create-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-create-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-create-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-create-body { padding: 18px 20px 20px; } .edu-create-field { margin-bottom: 16px; } .edu-create-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .edu-create-note { margin-top: 6px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-create-inline { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-create-col-4 { grid-column: span 4; } .edu-create-col-8 { grid-column: span 8; } .edu-create-actions-row { display: flex; gap: 8px; flex-wrap: wrap; padding-top: 6px; } .edu-create-callout { border: 1px solid #fde68a; background: #fffbea; color: #92400e; border-radius: 8px; padding: 14px 15px; margin-bottom: 18px; } .edu-create-callout strong { display: block; margin-bottom: 4px; color: #78350f; } .edu-create-stack { display: grid; gap: 12px; } .edu-create-mini { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px 15px; } .edu-create-mini strong { display: block; margin-bottom: 5px; color: #0f172a; font-size: 13px; } .edu-create-mini p, .edu-create-mini ul { margin: 0; color: #475569; font-size: 13px; line-height: 1.6; } .edu-create-mini ul { padding-left: 18px; } @media (max-width: 1199px) { .edu-create-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { .edu-create-hero { padding: 18px 16px; } .edu-create-inline { grid-template-columns: 1fr; } .edu-create-col-4, .edu-create-col-8 { grid-column: span 1; } }
/*EDU dashboard */
.right_col[role="main"] .ed-shell, .right_col[role="main"] .ed-shell *, .right_col[role="main"] .ed-hero, .right_col[role="main"] .ed-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ed-shell { width: 100%; min-width: 0; max-width: 100%; } .ed-shell { width: 100%; } .ed-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 54%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .ed-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ed-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .ed-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .ed-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .ed-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ed-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ed-ghost:hover, .ed-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ed-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .ed-stat { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 16px 17px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); } .ed-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .ed-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .ed-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .ed-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ed-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ed-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .ed-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ed-body { padding: 18px 20px 20px; } .ed-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .ed-field { grid-column: span 12; } .ed-field.col-4 { grid-column: span 4; } .ed-field.col-8 { grid-column: span 8; } .ed-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ed-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ed-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 18px; margin-bottom: 18px; } .ed-metric-list { display: grid; gap: 12px; } .ed-metric-row { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(48px, auto); gap: 12px; align-items: center; } .ed-metric-label { color: #0f172a; font-size: 13px; font-weight: 700; } .ed-metric-value { color: #475569; font-size: 12px; font-weight: 700; text-align: right; } .ed-bar { grid-column: 1 / -1; width: 100%; height: 12px; border-radius: 999px; background: #eef2f7; overflow: hidden; } .ed-bar-fill { height: 12px; background: linear-gradient(90deg, #166534 0%, #22c55e 100%); } .ed-table-wrap { overflow-x: auto; } .ed-table { width: 100%; border-collapse: separate; border-spacing: 0; } .ed-table thead th { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: #f8fafc; white-space: nowrap; } .ed-table tbody td { padding: 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; color: #0f172a; } .ed-title { font-weight: 700; color: #0f172a; } .ed-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .ed-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .ed-pill.az { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .ed-pill.tehlikeli { background: #fef3c7; color: #92400e; border-color: #fde68a; } .ed-pill.cok { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .ed-toolbar { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .ed-toolbar-group { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .ed-toolbar .form-control { min-width: 160px; } .ed-pagination { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; } .ed-pagination-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ed-empty { padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; color: #64748b; text-align: center; } @media (max-width: 1199px) { .ed-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ed-grid { grid-template-columns: 1fr; } } @media (max-width: 991px) { .ed-summary { grid-template-columns: 1fr; } .ed-field.col-4, .ed-field.col-8 { grid-column: span 12; } }

/*EDU edit*/
.edu-edit-shell, .edu-edit-shell *, .edu-edit-hero, .edu-edit-side, .edu-edit-pane, .edu-edit-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-edit-shell { width: 100%; } .edu-edit-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-edit-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .edu-edit-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-edit-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-edit-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-edit-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-edit-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; } .edu-edit-ghost:hover, .edu-edit-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-edit-flow { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 18px; align-items: start; } .edu-edit-side { position: sticky; top: 18px; display: grid; gap: 12px; } .edu-edit-sidecard, .edu-edit-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; } .edu-edit-sidehead, .edu-edit-head { padding: 16px 18px 12px; border-bottom: 1px solid #eef2f7; } .edu-edit-sidehead h4, .edu-edit-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 17px; font-weight: 700; } .edu-edit-sidehead p, .edu-edit-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-edit-nav { padding: 14px; display: grid; gap: 10px; } .edu-edit-navbtn { width: 100%; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; color: #0f172a; text-align: left; padding: 12px 13px; } .edu-edit-navbtn strong { display: block; font-size: 13px; margin-bottom: 4px; } .edu-edit-navbtn span { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-edit-navbtn.is-active { border-color: #16a34a; background: #f0fdf4; box-shadow: inset 0 0 0 1px rgba(22,163,74,.12); } .edu-edit-pane { display: none; } .edu-edit-pane.is-active { display: block; } .edu-edit-body { padding: 18px; } .edu-edit-inline { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-edit-col-4 { grid-column: span 4; } .edu-edit-col-8 { grid-column: span 8; } .edu-edit-statgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; } .edu-edit-stat { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px; } .edu-edit-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; } .edu-edit-stat strong { color: #0f172a; font-size: 22px; font-weight: 800; } .edu-edit-matrix-wrap, .edu-edit-table-wrap { overflow-x: auto; } .edu-edit-matrix-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; align-items: center; margin-bottom: 14px; } .edu-edit-matrix-tools-left, .edu-edit-matrix-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-edit-mini-note { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #dbeafe; border-radius: 8px; background: #eff6ff; color: #1e3a8a; font-size: 12px; line-height: 1.6; } .edu-edit-month-hint { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; padding: 8px 10px; border-radius: 8px; background: #f8fafc; border: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; } .edu-edit-mini-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 12px; font-weight: 700; text-decoration: none; } .edu-edit-mini-link:hover, .edu-edit-mini-link:focus { color: #0f172a; text-decoration: none; background: #f8fafc; } .edu-edit-modal-backdrop { position: fixed; inset: 0; background: rgba(15, 23, 42, .48); display: none; align-items: center; justify-content: center; padding: 16px; z-index: 1060; } .edu-edit-modal-backdrop.is-open { display: flex; } .edu-edit-modal { width: min(100%, 720px); border-radius: 8px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 24px 60px rgba(15, 23, 42, .24); overflow: hidden; } .edu-edit-modal-head { padding: 18px 20px 12px; border-bottom: 1px solid #eef2f7; } .edu-edit-modal-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-edit-modal-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-edit-modal-body { padding: 18px 20px 20px; } .edu-edit-modal-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-edit-modal-col-4 { grid-column: span 4; } .edu-edit-modal-col-6 { grid-column: span 6; } .edu-edit-modal-col-12 { grid-column: span 12; } .edu-edit-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; flex-wrap: wrap; } .edu-edit-matrix, .edu-edit-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-edit-matrix th, .edu-edit-matrix td, .edu-edit-table th, .edu-edit-table td { border-bottom: 1px solid #eef2f7; padding: 12px 14px; vertical-align: top; } .edu-edit-matrix thead th, .edu-edit-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-edit-month-head { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; line-height: 1.1; } .edu-edit-month-head strong { color: #0f172a; font-size: 12px; font-weight: 800; } .edu-edit-month-head span { color: #64748b; font-size: 10px; font-weight: 700; letter-spacing: 0; text-transform: none; } .edu-edit-matrix td:first-child, .edu-edit-table td:first-child { color: #0f172a; font-weight: 700; } .edu-edit-title { color: #0f172a; font-weight: 700; } .edu-edit-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-edit-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .edu-edit-pill.is-planned { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .edu-edit-pill.is-done { color: #166534; background: #f0fdf4; border-color: #bbf7d0; } .edu-edit-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-edit-tools-left, .edu-edit-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-edit-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-edit-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } .edu-edit-row-highlight td { background: #f0fdf4; } .edu-edit-row-highlight td:first-child { box-shadow: inset 3px 0 0 #16a34a; } .edu-edit-inline-alert { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #fecaca; border-radius: 8px; background: #fef2f2; color: #991b1b; font-size: 12px; line-height: 1.6; } .edu-edit-inline-success { margin-bottom: 14px; padding: 12px 14px; border: 1px solid #bbf7d0; border-radius: 8px; background: #f0fdf4; color: #166534; font-size: 12px; line-height: 1.6; } .edu-edit-doclist { display: grid; gap: 6px; } .edu-edit-docitem a { color: #0f766e; font-size: 12px; font-weight: 700; } @media (max-width: 1199px) { .edu-edit-flow { grid-template-columns: 1fr; } .edu-edit-side { position: static; } .edu-edit-statgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-edit-hero { padding: 18px 16px; } .edu-edit-inline { grid-template-columns: 1fr; } .edu-edit-col-4, .edu-edit-col-8 { grid-column: span 1; } .edu-edit-statgrid { grid-template-columns: 1fr; } }

/* EDU employee */
 .edu-emp-shell,.edu-emp-shell *,.edu-emp-hero,.edu-emp-card{box-sizing:border-box;min-width:0;max-width:100%}.edu-emp-shell{width:100%} .edu-emp-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 36px rgba(15,23,42,.16)} .edu-emp-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.edu-emp-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6} .edu-emp-meta,.edu-emp-actions{display:flex;gap:8px;flex-wrap:wrap}.edu-emp-meta{margin-top:12px}.edu-emp-actions{margin-top:16px} .edu-emp-chip,.edu-emp-ghost,.edu-emp-pill{display:inline-flex;align-items:center;gap:8px}.edu-emp-chip{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700} .edu-emp-ghost{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;font-weight:700}.edu-emp-ghost:hover,.edu-emp-ghost:focus{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.18)} .edu-emp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.edu-emp-stat,.edu-emp-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden} .edu-emp-stat{padding:16px 17px}.edu-emp-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.edu-emp-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.edu-emp-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px} .edu-emp-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.edu-emp-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.edu-emp-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.edu-emp-body{padding:18px 20px 20px} .edu-emp-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.edu-emp-pill.is-good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.edu-emp-pill.is-risk{color:#b91c1c;background:#fef2f2;border-color:#fecaca} .edu-emp-tools,.edu-emp-tools-left,.edu-emp-tools-right,.edu-emp-pagination{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .edu-emp-tools{justify-content:space-between;margin-bottom:14px} .edu-emp-tools-right,.edu-emp-pagination{justify-content:flex-end} .edu-emp-search{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;min-width:min(100%,320px)} .edu-emp-search i{color:#64748b} .edu-emp-search input{border:0;outline:0;box-shadow:none;width:100%;padding:0;font-size:13px;color:#0f172a;background:transparent} .edu-emp-select{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#475569;font-size:12px;font-weight:700} .edu-emp-select select{border:0;outline:0;background:transparent;color:#0f172a;font-size:13px;font-weight:700;padding-right:4px} .edu-emp-range{color:#64748b;font-size:12px;font-weight:700} .edu-emp-table-wrap{overflow-x:auto}.edu-emp-table{width:100%;border-collapse:separate;border-spacing:0}.edu-emp-table th,.edu-emp-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.edu-emp-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .edu-emp-main{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.5} .edu-emp-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5} .edu-emp-page-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;font-weight:700;text-decoration:none} .edu-emp-page-btn[disabled]{opacity:.45;cursor:not-allowed} .edu-emp-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} @media (max-width:1199px){.edu-emp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){.edu-emp-hero{padding:18px 16px}.edu-emp-summary{grid-template-columns:1fr}.edu-emp-tools,.edu-emp-tools-left,.edu-emp-tools-right,.edu-emp-pagination{align-items:stretch}.edu-emp-tools-right,.edu-emp-pagination{justify-content:flex-start}.edu-emp-search{min-width:100%}}

/* EDU matrix */
 .edu-matrix-shell, .edu-matrix-shell *, .edu-matrix-hero, .edu-matrix-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-matrix-shell { width: 100%; } .edu-matrix-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-matrix-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .edu-matrix-hero p { margin: 0; max-width: 820px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-matrix-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-matrix-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-matrix-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-matrix-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; } .edu-matrix-ghost:hover, .edu-matrix-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-matrix-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .edu-matrix-stat, .edu-matrix-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; } .edu-matrix-stat { padding: 16px 17px; } .edu-matrix-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .edu-matrix-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .edu-matrix-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .edu-matrix-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-matrix-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-matrix-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-matrix-body { padding: 18px 20px 20px; } .edu-matrix-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-matrix-col-3 { grid-column: span 3; } .edu-matrix-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .edu-matrix-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-matrix-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-matrix-tools-left, .edu-matrix-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-matrix-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-matrix-table-wrap { overflow-x: auto; } .edu-matrix-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-matrix-table th, .edu-matrix-table td { padding: 12px 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .edu-matrix-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-matrix-title { color: #0f172a; font-weight: 700; } .edu-matrix-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-matrix-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .edu-matrix-pill.is-good { color: #166534; background: #f0fdf4; border-color: #bbf7d0; } .edu-matrix-pill.is-warn { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .edu-matrix-pill.is-risk { color: #b91c1c; background: #fef2f2; border-color: #fecaca; } .edu-matrix-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } .edu-matrix-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; text-decoration: none; } .edu-matrix-btn:hover, .edu-matrix-btn:focus { color: #0f172a; text-decoration: none; background: #f8fafc; } .edu-matrix-btn.is-primary { background: #0f172a; border-color: #0f172a; color: #fff; } .edu-matrix-btn.is-primary:hover, .edu-matrix-btn.is-primary:focus { color: #fff; background: #111827; } .edu-matrix-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;padding:20px;z-index:1200} .edu-matrix-modal{width:min(100%,460px);border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 24px 48px rgba(15,23,42,.22);overflow:hidden} .edu-matrix-modal-head{padding:18px 20px 12px;border-bottom:1px solid #eef2f7} .edu-matrix-modal-head h4{margin:0;color:#0f172a;font-size:18px;font-weight:700} .edu-matrix-modal-body{padding:18px 20px;color:#475569;font-size:14px;line-height:1.7} .edu-matrix-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 20px} @media (max-width: 1199px) { .edu-matrix-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-matrix-hero { padding: 18px 16px; } .edu-matrix-summary, .edu-matrix-filter-grid { grid-template-columns: 1fr; } .edu-matrix-col-3 { grid-column: span 1; } }

/*EDU missing_list*/
 .edu-miss-shell,.edu-miss-shell *,.edu-miss-hero,.edu-miss-card{box-sizing:border-box;min-width:0;max-width:100%}.edu-miss-shell{width:100%} .edu-miss-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 36px rgba(15,23,42,.16)} .edu-miss-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.edu-miss-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6} .edu-miss-meta,.edu-miss-actions,.edu-miss-tools,.edu-miss-tools-left,.edu-miss-tools-right{display:flex;gap:8px;flex-wrap:wrap}.edu-miss-meta{margin-top:12px}.edu-miss-actions{margin-top:16px}.edu-miss-tools{justify-content:space-between;align-items:center;margin-bottom:14px} .edu-miss-chip,.edu-miss-ghost{display:inline-flex;align-items:center;gap:8px}.edu-miss-chip{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700} .edu-miss-ghost{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;font-weight:700}.edu-miss-ghost:hover,.edu-miss-ghost:focus{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.18)} .edu-miss-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden} .edu-miss-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.edu-miss-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.edu-miss-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6} .edu-miss-body{padding:18px 20px 20px} .edu-miss-table-wrap{overflow-x:auto}.edu-miss-table{width:100%;border-collapse:separate;border-spacing:0}.edu-miss-table th,.edu-miss-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.edu-miss-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .edu-miss-range{color:#64748b;font-size:12px;font-weight:700}.edu-miss-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} .edu-miss-btn{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:8px;font-weight:700;border:1px solid transparent;text-decoration:none} .edu-miss-btn:hover,.edu-miss-btn:focus{text-decoration:none}.edu-miss-btn-primary{background:#166534;border-color:#166534;color:#fff}.edu-miss-btn-primary:hover,.edu-miss-btn-primary:focus{background:#14532d;border-color:#14532d;color:#fff} .edu-miss-btn-muted{background:#fff;border-color:#d0d7e2;color:#0f172a}.edu-miss-btn-muted:hover,.edu-miss-btn-muted:focus{background:#f8fafc;color:#0f172a}

 /*EDU risk*/
  .edu-risk-shell, .edu-risk-shell *, .edu-risk-hero, .edu-risk-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-risk-shell { width: 100%; } .edu-risk-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-risk-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .edu-risk-hero p { margin: 0; max-width: 820px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-risk-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-risk-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-risk-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-risk-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; } .edu-risk-ghost:hover, .edu-risk-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-risk-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .edu-risk-stat, .edu-risk-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; } .edu-risk-stat { padding: 16px 17px; } .edu-risk-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .edu-risk-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .edu-risk-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .edu-risk-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-risk-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-risk-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-risk-body { padding: 18px 20px 20px; } .edu-risk-form-grid, .edu-risk-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-risk-col-1 { grid-column: span 1; } .edu-risk-col-2 { grid-column: span 2; } .edu-risk-col-3 { grid-column: span 3; } .edu-risk-col-4 { grid-column: span 4; } .edu-risk-col-12 { grid-column: span 12; } .edu-risk-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .edu-risk-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-risk-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-risk-tools-left, .edu-risk-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-risk-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-risk-table-wrap { overflow-x: auto; } .edu-risk-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-risk-table th, .edu-risk-table td { padding: 12px 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .edu-risk-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-risk-title { color: #0f172a; font-weight: 700; } .edu-risk-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-risk-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .edu-risk-pill.is-good { color: #166534; background: #f0fdf4; border-color: #bbf7d0; } .edu-risk-pill.is-warn { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .edu-risk-pill.is-risk { color: #b91c1c; background: #fef2f2; border-color: #fecaca; } .edu-risk-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } @media (max-width: 1199px) { .edu-risk-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-risk-hero { padding: 18px 16px; } .edu-risk-summary, .edu-risk-form-grid, .edu-risk-filter-grid { grid-template-columns: 1fr; } .edu-risk-col-1, .edu-risk-col-2, .edu-risk-col-3, .edu-risk-col-4, .edu-risk-col-12 { grid-column: span 1; } }

/*EDU score_dashboard*/
  .edu-score-shell,.edu-score-shell *,.edu-score-hero,.edu-score-card{box-sizing:border-box;min-width:0;max-width:100%} .edu-score-shell{width:100%} .edu-score-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 36px rgba(15,23,42,.16)} .edu-score-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700} .edu-score-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6} .edu-score-meta,.edu-score-actions,.edu-score-tools,.edu-score-tools-left,.edu-score-tools-right,.edu-score-actions-row{display:flex;gap:8px;flex-wrap:wrap} .edu-score-meta{margin-top:12px}.edu-score-actions{margin-top:16px}.edu-score-tools{justify-content:space-between;align-items:center;margin-bottom:14px} .edu-score-chip,.edu-score-ghost,.edu-score-pill{display:inline-flex;align-items:center;gap:8px} .edu-score-chip{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700} .edu-score-ghost{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;font-weight:700} .edu-score-ghost:hover,.edu-score-ghost:focus{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.18)} .edu-score-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px} .edu-score-stat,.edu-score-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden} .edu-score-stat{padding:16px 17px}.edu-score-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px} .edu-score-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.edu-score-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px} .edu-score-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.edu-score-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.edu-score-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6} .edu-score-body{padding:18px 20px 20px} .edu-score-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.edu-score-col-4{grid-column:span 4}.edu-score-col-8{grid-column:span 8} .edu-score-field label{display:block;margin:0 0 6px;color:#334155;font-size:12px;font-weight:700} .edu-score-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;color:#0f172a;font-size:12px;font-weight:700;text-decoration:none} .edu-score-btn:hover,.edu-score-btn:focus{color:#0f172a;text-decoration:none;background:#f8fafc} .edu-score-btn.is-primary{background:#0f172a;border-color:#0f172a;color:#fff} .edu-score-btn.is-primary:hover,.edu-score-btn.is-primary:focus{color:#fff;background:#1e293b} .edu-score-table-wrap{overflow-x:auto}.edu-score-table{width:100%;border-collapse:separate;border-spacing:0} .edu-score-table th,.edu-score-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top} .edu-score-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .edu-score-title{color:#0f172a;font-weight:700}.edu-score-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5} .edu-score-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent} .edu-score-pill.is-good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.edu-score-pill.is-warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.edu-score-pill.is-risk{color:#b91c1c;background:#fef2f2;border-color:#fecaca} .edu-score-bar{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden;margin-top:6px}.edu-score-bar > span{display:block;height:10px;background:linear-gradient(90deg,#166534 0%,#22c55e 100%)} .edu-score-range{color:#64748b;font-size:12px;font-weight:700}.edu-score-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} @media (max-width:1199px){.edu-score-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){.edu-score-hero{padding:18px 16px}.edu-score-summary,.edu-score-filter-grid{grid-template-columns:1fr}.edu-score-col-4,.edu-score-col-8{grid-column:span 1}}

/*EDU session_picker */
.edu-sp-shell, .edu-sp-shell *, .edu-sp-hero, .edu-sp-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-sp-shell { width: 100%; } .edu-sp-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 20px 22px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-sp-hero h3 { margin: 0 0 8px; color: #fff; font-size: 24px; font-weight: 700; } .edu-sp-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-sp-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-sp-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; text-decoration: none; } .edu-sp-ghost:hover, .edu-sp-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-sp-flash { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: 8px; border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; margin-bottom: 18px; } .edu-sp-flash.is-danger { border-color: #fecaca; background: #fef2f2; color: #991b1b; } .edu-sp-flash strong { display: block; margin-bottom: 4px; font-size: 13px; } .edu-sp-flash p { margin: 0; font-size: 13px; line-height: 1.6; } .edu-sp-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; } .edu-sp-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-sp-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-sp-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-sp-body { padding: 18px 20px 20px; } .edu-sp-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; } .edu-sp-stat { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px; } .edu-sp-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 6px; } .edu-sp-stat strong { color: #0f172a; font-size: 22px; font-weight: 800; } .edu-sp-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-sp-tools-left, .edu-sp-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-sp-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-sp-table-wrap { overflow-x: auto; } .edu-sp-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-sp-table th, .edu-sp-table td { padding: 12px 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .edu-sp-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-sp-title { color: #0f172a; font-weight: 700; } .edu-sp-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-sp-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .edu-sp-pill.is-planned { color: #92400e; background: #fff7ed; border-color: #fed7aa; } .edu-sp-pill.is-done { color: #166534; background: #f0fdf4; border-color: #bbf7d0; } .edu-sp-action { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; text-decoration: none; } .edu-sp-action:hover, .edu-sp-action:focus { text-decoration: none; color: #0f172a; background: #f8fafc; } .edu-sp-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } .edu-sp-footer { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 14px; } .edu-sp-btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; } .edu-sp-btn:hover, .edu-sp-btn:focus { background: #f8fafc; color: #0f172a; } @media (max-width: 991px) { .edu-sp-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px) { .edu-sp-hero { padding: 18px 16px; } .edu-sp-stats { grid-template-columns: 1fr; } }

/* EDU session*/
 .edu-session-shell, .edu-session-shell *, .edu-session-hero, .edu-session-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .edu-session-shell { width: 100%; } .edu-session-hero { background: linear-gradient(135deg, #0f172a 0%, #166534 58%, #22c55e 100%); color: #fff; border-radius: 8px; padding: 20px 22px; margin-bottom: 18px; box-shadow: 0 18px 36px rgba(15, 23, 42, .16); } .edu-session-hero h3 { margin: 0 0 8px; color: #fff; font-size: 24px; font-weight: 700; } .edu-session-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.9); font-size: 14px; line-height: 1.6; } .edu-session-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .edu-session-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: #fff; font-size: 13px; font-weight: 700; } .edu-session-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .edu-session-ghost { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fff !important; font-weight: 700; text-decoration: none; } .edu-session-ghost:hover, .edu-session-ghost:focus { color: #fff !important; text-decoration: none; background: rgba(255,255,255,.18); } .edu-session-flash { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border-radius: 8px; border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; margin-bottom: 18px; } .edu-session-flash.is-danger { border-color: #fecaca; background: #fef2f2; color: #991b1b; } .edu-session-flash strong { display: block; margin-bottom: 4px; font-size: 13px; } .edu-session-flash p { margin: 0; font-size: 13px; line-height: 1.6; } .edu-session-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(320px, .92fr); gap: 18px; } .edu-session-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 10px 24px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .edu-session-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .edu-session-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .edu-session-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .edu-session-body { padding: 18px 20px 20px; } .edu-session-inline { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .edu-session-col-4 { grid-column: span 4; } .edu-session-col-6 { grid-column: span 6; } .edu-session-col-12 { grid-column: span 12; } .edu-session-field { margin-bottom: 16px; } .edu-session-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .edu-session-tools { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; } .edu-session-tools-left, .edu-session-tools-right { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .edu-session-range { color: #64748b; font-size: 12px; font-weight: 700; } .edu-session-list { display: grid; gap: 10px; } .edu-session-employee { border: 1px solid #e5e7eb; border-radius: 8px; padding: 12px 13px; background: #fff; } .edu-session-employee label { display: flex; align-items: flex-start; gap: 10px; margin: 0; color: #0f172a; font-size: 13px; font-weight: 700; } .edu-session-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .edu-session-empty { display: none; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; padding: 18px; text-align: center; color: #64748b; font-size: 13px; } .edu-session-btn, .edu-session-link { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 14px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; color: #0f172a; font-size: 13px; font-weight: 700; text-decoration: none; } .edu-session-btn:hover, .edu-session-link:hover, .edu-session-btn:focus, .edu-session-link:focus { text-decoration: none; color: #0f172a; background: #f8fafc; } .edu-session-btn.is-primary { background: #0f172a; border-color: #0f172a; color: #fff; } .edu-session-btn.is-primary:hover, .edu-session-btn.is-primary:focus { color: #fff; background: #111827; } .edu-session-table { width: 100%; border-collapse: separate; border-spacing: 0; } .edu-session-table th, .edu-session-table td { padding: 12px 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; } .edu-session-table thead th { background: #f8fafc; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; } .edu-session-mini { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px 15px; margin-bottom: 12px; } .edu-session-mini strong { display: block; margin-bottom: 5px; color: #0f172a; font-size: 13px; } .edu-session-mini p { margin: 0; color: #475569; font-size: 13px; line-height: 1.6; } .edu-session-footer-tools { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 14px; } @media (max-width: 1199px) { .edu-session-grid { grid-template-columns: 1fr; } } @media (max-width: 767px) { .edu-session-hero { padding: 18px 16px; } .edu-session-inline { grid-template-columns: 1fr; } .edu-session-col-4, .edu-session-col-6, .edu-session-col-12 { grid-column: span 1; } }

/*EDU triggers */
.edu-trg-shell,.edu-trg-shell *,.edu-trg-hero,.edu-trg-card{box-sizing:border-box;min-width:0;max-width:100%}.edu-trg-shell{width:100%} .edu-trg-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 36px rgba(15,23,42,.16)} .edu-trg-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.edu-trg-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6} .edu-trg-meta,.edu-trg-actions,.edu-trg-tools,.edu-trg-tools-left,.edu-trg-tools-right,.edu-trg-actions-row{display:flex;gap:8px;flex-wrap:wrap}.edu-trg-meta{margin-top:12px}.edu-trg-actions{margin-top:16px}.edu-trg-tools{justify-content:space-between;align-items:center;margin-bottom:14px} .edu-trg-chip,.edu-trg-ghost,.edu-trg-pill{display:inline-flex;align-items:center;gap:8px}.edu-trg-chip{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700} .edu-trg-ghost{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;font-weight:700}.edu-trg-ghost:hover,.edu-trg-ghost:focus{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.18)} .edu-trg-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.edu-trg-stat,.edu-trg-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden} .edu-trg-stat{padding:16px 17px}.edu-trg-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.edu-trg-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.edu-trg-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px} .edu-trg-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.edu-trg-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.edu-trg-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.edu-trg-body{padding:18px 20px 20px} .edu-trg-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.edu-trg-col-3{grid-column:span 3}.edu-trg-field label{display:block;margin:0 0 6px;color:#334155;font-size:12px;font-weight:700} .edu-trg-table-wrap{overflow-x:auto}.edu-trg-table{width:100%;border-collapse:separate;border-spacing:0}.edu-trg-table th,.edu-trg-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.edu-trg-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .edu-trg-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.edu-trg-pill.is-good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.edu-trg-pill.is-warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.edu-trg-pill.is-risk{color:#b91c1c;background:#fef2f2;border-color:#fecaca} .edu-trg-title{color:#0f172a;font-weight:700}.edu-trg-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.edu-trg-pre{max-width:320px;white-space:pre-wrap;font-size:12px;color:#475569;line-height:1.5} .edu-trg-payload{display:block;min-width:220px}.edu-trg-payload-line{display:block;padding:6px 0;border-bottom:1px solid #eef2f7}.edu-trg-payload-line:last-child{border-bottom:0}.edu-trg-payload-line strong{display:inline;color:#0f172a;font-size:12px;font-weight:700}.edu-trg-payload-line span{color:#475569;font-size:12px;line-height:1.6;word-break:break-word} .edu-trg-note{display:block;min-width:220px}.edu-trg-note-summary{display:block;color:#475569;font-size:12px;line-height:1.6;word-break:break-word}.edu-trg-note-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:0;border:0;background:none;color:#166534;font-size:12px;font-weight:700;cursor:pointer}.edu-trg-note-toggle:hover,.edu-trg-note-toggle:focus{text-decoration:underline;outline:none}.edu-trg-note-full{display:none;margin-top:8px;padding-top:8px;border-top:1px solid #eef2f7;color:#475569;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.edu-trg-note.is-open .edu-trg-note-full{display:block} .edu-trg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;color:#0f172a;font-size:12px;font-weight:700;text-decoration:none}.edu-trg-btn:hover,.edu-trg-btn:focus{color:#0f172a;text-decoration:none;background:#f8fafc}.edu-trg-btn.is-risk{background:#7f1d1d;border-color:#7f1d1d;color:#fff}.edu-trg-btn.is-risk:hover,.edu-trg-btn.is-risk:focus{color:#fff;background:#991b1b} .edu-trg-range{color:#64748b;font-size:12px;font-weight:700}.edu-trg-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} @media (max-width:1199px){.edu-trg-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.edu-trg-hero{padding:18px 16px}.edu-trg-summary,.edu-trg-filter-grid{grid-template-columns:1fr}.edu-trg-col-3{grid-column:span 1}}


/*EMERGENCY index*/
.right_col[role="main"] .em-index-shell, .right_col[role="main"] .em-index-shell *, .right_col[role="main"] .em-workspace, .right_col[role="main"] .em-card, .right_col[role="main"] .em-hero { box-sizing: border-box; max-width: 100%; min-width: 0; } .right_col[role="main"] > .em-index-shell { width: 100%; min-width: 0; max-width: 100%; } .em-card { border-radius: 8px; border: 1px solid #e5e7eb; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 20px; } .em-hero { background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 20px; box-shadow: 0 18px 40px rgba(127, 29, 29, .18); } .em-hero h3 { margin: 0 0 8px; color: #fff; font-size: 25px; font-weight: 600; } .em-meta { margin-top: 10px; display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } .em-meta-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 8px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: rgba(255,255,255,.92); font-size: 13px; font-weight: 700; } .em-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.86); font-size: 14px; line-height: 1.6; } .em-toolbar { margin-top: 18px; display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .em-icon-btn { width: 42px; height: 42px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.12); color: #fff; } .em-icon-btn:hover, .em-icon-btn:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); } .em-panel-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .em-kicker { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; color: #1d4ed8; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .em-panel-head h4 { margin: 0 0 4px; font-size: 17px; font-weight: 600; color: #0f172a; } .em-panel-head p { margin: 0; color: #64748b; font-size: 13px; } .em-workspace { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; align-items: start; } .em-sidebar { position: sticky; top: 18px; } .em-nav { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); padding: 14px; } .em-nav h5 { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; } .em-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; } .em-nav-btn { width: 100%; text-align: left; border: 1px solid #e5e7eb; background: #fff; color: #0f172a; border-radius: 8px; padding: 11px 12px; margin-bottom: 8px; display: flex; align-items: center; gap: 10px; font-weight: 700; } .em-nav-btn:last-child { margin-bottom: 0; } .em-nav-btn.is-active { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; box-shadow: 0 0 0 3px rgba(59,130,246,.10); } .em-nav-index { width: 24px; height: 24px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: #0f172a; color: #fff; font-size: 12px; flex: 0 0 auto; } .em-nav-btn.is-active .em-nav-index { background: #1d4ed8; } .em-pane { display: none; } .em-pane.is-active { display: block; } .em-panel-body { padding: 18px 20px 20px; } .em-stat { border-radius: 8px; padding: 18px; min-height: 126px; background: #fff; border: 1px solid #e5e7eb; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); margin-bottom: 18px; } .em-stat-link { width: 100%; text-align: left; cursor: pointer; } .em-stat-link:hover { transform: translateY(-1px); box-shadow: 0 16px 30px rgba(15, 23, 42, .08); } .em-stat .eyebrow { font-size: 12px; text-transform: uppercase; letter-spacing: .04em; color: #64748b; margin-bottom: 10px; font-weight: 700; } .em-stat .value { font-size: 34px; line-height: 1; font-weight: 800; margin-bottom: 10px; } .em-stat .meta { font-size: 13px; color: #475569; } .em-approval-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: #f3f4f6; color: #475569; font-size: 12px; font-weight: 800; } .em-approval-badge.success { background: #dcfce7; color: #166534; } .em-approval-badge.warning { background: #fef3c7; color: #92400e; } .em-table-actions { display: inline-flex; gap: 6px; align-items: center; } .em-table-icon { width: 30px; height: 30px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #dbe2ea; background: #fff; color: #475569; } .em-table-icon:hover, .em-table-icon:focus { text-decoration: none; color: #0f172a; background: #f8fafc; } .em-flash { border: 1px solid #bbf7d0; background: #f0fdf4; color: #166534; border-radius: 8px; padding: 14px 16px; margin-bottom: 18px; font-size: 13px; font-weight: 700; } .em-toolbar-row { display: flex; gap: 12px; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 14px; } .em-toolbar-main { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; min-width: 0; } .em-search { position: relative; min-width: 240px; max-width: 340px; flex: 1 1 280px; } .em-search input { width: 100%; height: 40px; padding: 0 12px 0 36px; border: 1px solid #dbe4ee; border-radius: 8px; background: #fff; color: #0f172a; } .em-search i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #94a3b8; font-size: 13px; } .em-select { height: 40px; border: 1px solid #dbe4ee; border-radius: 8px; padding: 0 12px; background: #fff; color: #334155; } .em-range { color: #64748b; font-size: 12px; } .em-table-wrap { border: 1px solid #e5e7eb; border-radius: 8px; overflow: hidden; background: #fff; } .em-col-toggle { display: none; width: 52px; text-align: center; } .em-table-wrap table { margin-bottom: 0; } .em-table-wrap thead th { border-bottom: 1px solid #e5e7eb; background: #f8fafc; color: #475569; font-size: 11px; font-weight: 800; text-transform: uppercase; padding: 12px 14px; } .em-table-wrap tbody td { padding: 14px; vertical-align: top; border-top: 1px solid #eef2f7; } .em-table-wrap tbody tr:first-child td { border-top: none; } .em-table-wrap tbody tr:hover { background: #fafcff; } .em-row-toggle { display: none; align-items: center; justify-content: center; width: 28px; height: 28px; border: 0; border-radius: 8px; background: #dc2626; color: #fff; font-size: 14px; font-weight: 800; line-height: 1; box-shadow: 0 10px 22px rgba(220, 38, 38, .18); } .em-row-toggle:hover, .em-row-toggle:focus { background: #b91c1c; color: #fff; } .em-cell-title { display: block; color: #0f172a; font-size: 13px; font-weight: 700; line-height: 1.5; } .em-cell-sub { display: block; margin-top: 3px; color: #64748b; font-size: 12px; line-height: 1.5; } .em-pagebar { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 14px; } .em-pager { display: flex; align-items: center; gap: 8px; } .em-pager button { min-width: 92px; height: 38px; border: 1px solid #dbe4ee; border-radius: 8px; background: #fff; color: #334155; font-size: 12px; font-weight: 700; } .em-pager button:disabled { opacity: .5; cursor: not-allowed; } .em-empty-inline { display: none; margin-top: 14px; border: 1px dashed #cbd5e1; border-radius: 8px; padding: 16px; color: #64748b; font-size: 13px; text-align: center; background: #f8fafc; } .em-row-detail { display: none; } .em-row-detail td { padding: 0; background: #fff; border-top: 1px solid #eef2f7; } .em-row-detail-box { padding: 14px 16px; background: #f8fafc; } .em-row-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .em-row-detail-item small { display: block; color: #667085; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 4px; } .em-row-detail-item span { display: block; color: #0f172a; font-size: 13px; line-height: 1.5; } @media (max-width: 991px) { .em-workspace { grid-template-columns: 1fr; } .em-sidebar { position: static; } .em-search { min-width: 100%; max-width: none; } .em-toolbar-main { width: 100%; } .em-col-toggle { display: table-cell; } .em-row-toggle { display: inline-flex; } .em-mobile-hide { display: none; } .em-row-detail-grid { grid-template-columns: 1fr; } }

/*Roles index*/
.rlx-shell{width:100%} .rlx-hero{background:linear-gradient(135deg,#111827 0%,#14532d 48%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .rlx-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2} .rlx-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6} .rlx-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap} .rlx-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700} .rlx-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .rlx-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .rlx-ghost{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important} .rlx-ghost:hover,.rlx-ghost:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important} .rlx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px} .rlx-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)} .rlx-stat{padding:16px} .rlx-stat span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em} .rlx-stat strong{display:block;margin-top:8px;color:#0f172a;font-size:28px;line-height:1.1} .rlx-stat p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5} .rlx-toolbar{padding:16px;display:grid;grid-template-columns:minmax(240px,1.4fr) minmax(180px,.8fr);gap:12px;align-items:end} .rlx-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700} .rlx-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none} .rlx-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .rlx-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700} .rlx-tool-btn:hover,.rlx-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#111827} .rlx-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef2f7} .rlx-table-head h2{margin:0;color:#111827;font-size:16px;font-weight:700} .rlx-table-head p{margin:4px 0 0;color:#667085;font-size:12px} .rlx-table-wrap{width:100%;overflow:auto} .rlx-table{width:100%;border-collapse:separate;border-spacing:0} .rlx-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap} .rlx-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle} .rlx-table tr:hover td{background:#fbfdff} .rlx-code{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#f1f5f9;color:#1e3a8a;font-size:12px;font-weight:700} .rlx-name strong{display:block;color:#101828;font-size:13px;font-weight:700} .rlx-name span{display:block;margin-top:4px;color:#667085;font-size:12px} .rlx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700} .rlx-chip.level{background:#eff6ff;color:#1d4ed8} .rlx-chip.perms{background:#ecfdf3;color:#027a48} .rlx-actions{display:flex;justify-content:flex-end;gap:8px} .rlx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054} .rlx-icon-btn:hover,.rlx-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827} .rlx-empty{padding:28px 18px;text-align:center;color:#667085} .rlx-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px} .rlx-footer span{color:#667085;font-size:12px} .rlx-pagination{display:flex;align-items:center;gap:8px} .rlx-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700} .rlx-page-btn.is-active{border-color:#16a34a;background:#ecfdf3;color:#15803d} .rlx-page-btn:disabled{opacity:.45;cursor:not-allowed} @media(max-width:1100px){.rlx-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rlx-toolbar{grid-template-columns:1fr 1fr}} @media(max-width:767px){.rlx-hero{padding:18px 16px}.rlx-summary,.rlx-toolbar{grid-template-columns:1fr}.rlx-toolbar-actions,.rlx-footer{flex-direction:column;align-items:flex-start}.rlx-actions{justify-content:flex-start}}
/*Roles Permissions*/
.rpp-shell{width:100%} .rpp-hero{background:linear-gradient(135deg,#111827 0%,#1d4ed8 45%,#06b6d4 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .rpp-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2} .rpp-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6} .rpp-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap} .rpp-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700} .rpp-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .rpp-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px} .rpp-ghost,.rpp-primary{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700} .rpp-ghost,.rpp-primary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important} .rpp-ghost:hover,.rpp-ghost:focus,.rpp-primary:hover,.rpp-primary:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important} .rpp-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px} .rpp-side,.rpp-main-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)} .rpp-side{padding:14px;position:sticky;top:20px;height:max-content} .rpp-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .rpp-side a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:8px;color:#344054;font-size:13px;font-weight:700;text-decoration:none} .rpp-side a:hover,.rpp-side a:focus{background:#f8fafc;color:#111827} .rpp-side small{color:#667085;font-weight:600} .rpp-toolbar{padding:16px;border-bottom:1px solid #eef2f7;display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(160px,.8fr));gap:12px;align-items:end} .rpp-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700} .rpp-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none} .rpp-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .rpp-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700} .rpp-tool-btn:hover,.rpp-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#111827} .rpp-summary{padding:16px;border-bottom:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .rpp-summary h2{margin:0;color:#111827;font-size:16px;font-weight:700} .rpp-summary p{margin:4px 0 0;color:#667085;font-size:12px} .rpp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700} .rpp-chip.role{background:#eff6ff;color:#1d4ed8} .rpp-chip.code{background:#f8fafc;color:#475467} .rpp-chip.count{background:#ecfdf3;color:#15803d} .rpp-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .rpp-module{border:1px solid #e5e7eb;border-radius:8px;background:#fff} .rpp-module-head{padding:14px 14px 10px;border-bottom:1px solid #eef2f7;display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .rpp-module-head h3{margin:0;color:#111827;font-size:15px;font-weight:700} .rpp-module-head p{margin:4px 0 0;color:#667085;font-size:12px} .rpp-module-count{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:999px;background:#f8fafc;color:#475467;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .rpp-module-actions{display:flex;gap:8px} .rpp-mini-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054} .rpp-mini-btn:hover,.rpp-mini-btn:focus{text-decoration:none;background:#f8fafc;color:#111827} .rpp-module-body{padding:12px;display:grid;gap:10px} .rpp-perm{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #eef2f7;border-radius:8px;background:#fcfcfd} .rpp-perm:hover{border-color:#d0d5dd;background:#fff} .rpp-perm input{margin-top:2px} .rpp-perm strong{display:block;color:#111827;font-size:13px;font-weight:700} .rpp-perm small{display:block;margin-top:4px;color:#667085;line-height:1.5} .rpp-footer{padding:16px;border-top:1px solid #eef2f7;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .rpp-empty{padding:28px 18px;text-align:center;color:#667085} @media(max-width:1100px){.rpp-flow{grid-template-columns:1fr}.rpp-grid{grid-template-columns:1fr}.rpp-toolbar{grid-template-columns:1fr 1fr}.rpp-side{position:static}} @media(max-width:767px){.rpp-hero{padding:18px 16px}.rpp-toolbar{grid-template-columns:1fr}.rpp-toolbar-actions,.rpp-footer,.rpp-summary{flex-direction:column;align-items:flex-start}}
/*Risk Form*/
 .right_col[role="main"] .air-shell, .right_col[role="main"] .air-shell *, .right_col[role="main"] .air-hero, .right_col[role="main"] .air-card, .right_col[role="main"] .air-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.air-shell{width:100%;min-width:0;max-width:100%} .air-shell{display:flex;flex-direction:column;gap:16px;width:100%} .air-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 52%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .right_col[role="main"]>.air-shell>.air-hero{margin-top:-18px} .air-kicker{color:rgba(255,255,255,.78);font-size:12px;font-weight:700;margin-bottom:7px} .air-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2} .air-desc{margin:0;max-width:860px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.65} .air-hero-meta{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:12px} .air-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:700} .air-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px} .air-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .air-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.08);color:#fff;text-decoration:none;min-height:42px} .air-hero-btn:hover,.air-hero-btn:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.16)} .air-hero-btn strong{display:block;color:#fff;font-size:13px;font-weight:800} .air-hero-btn span{display:block;color:rgba(255,255,255,.8);font-size:11px;line-height:1.35} .air-hero-btn.primary{border-color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)} .air-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .air-stat{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)} .air-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .air-stat strong{display:block;color:#101828;font-size:22px;font-weight:800} .air-stat span{display:block;margin-top:4px;color:#98a2b3;font-size:12px;line-height:1.45} .air-stat.good{border-left-color:#16a34a}.air-stat.warn{border-left-color:#f59e0b}.air-stat.danger{border-left-color:#dc2626}.air-stat.info{border-left-color:#2563eb} .air-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start} .air-sidecard,.air-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .air-sidecard{padding:16px;position:sticky;top:18px} .air-sidecard h4{margin:0 0 6px;color:#0f172a;font-size:16px;font-weight:800} .air-sidecard p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .air-flow{display:grid;gap:8px;margin-top:14px} .air-flow-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;width:100%} .air-flow-item i{color:#dc2626;margin-top:2px} .air-flow-item strong{display:block;color:#101828;font-size:13px;font-weight:800} .air-flow-item span{display:block;color:#667085;font-size:11px;line-height:1.45;margin-top:2px} .air-flow-item.active{border-color:#fca5a5;background:#fff5f5;box-shadow:inset 0 0 0 1px rgba(220,38,38,.10)} .air-card-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff} .air-card-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .air-card-kicker i{color:#dc2626} .air-card-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800} .air-card-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55} .air-card-body{padding:18px} .air-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid #fecdca;background:#fef3f2;color:#b42318;font-size:13px;line-height:1.5;margin-bottom:14px} .air-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px} .air-col-12{grid-column:span 12}.air-col-6{grid-column:span 6}.air-col-4{grid-column:span 4} .air-field{display:grid;gap:6px} .air-field label{margin:0;color:#334155;font-size:12px;font-weight:700} .air-field .form-control{min-height:40px;border-radius:8px;border:1px solid #dbe4ee;box-shadow:none} .air-field textarea.form-control{min-height:120px;resize:vertical} .air-help{color:#98a2b3;font-size:11px;line-height:1.45} .air-nace-wrap{position:relative} .air-nace-results{position:absolute;z-index:35;left:0;right:0;top:100%;display:none;max-height:280px;overflow:auto;background:#fff;border:1px solid #d0d5dd;border-radius:8px;box-shadow:0 18px 36px rgba(15,23,42,.14);margin-top:6px} .air-nace-item{width:100%;text-align:left;border:0;background:#fff;padding:10px 12px;border-bottom:1px solid #eef2f7} .air-nace-item:hover{background:#f8fafc} .air-nace-code{font-weight:800;color:#111827} .air-nace-title{display:block;color:#475467;font-size:12px;line-height:1.45;margin-top:2px;white-space:normal} .air-nace-hazard{display:inline-flex;margin-top:6px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;background:#f2f4f7;color:#344054} .air-inline-note{display:grid;gap:6px;padding:12px 14px;border:1px dashed #d0d5dd;border-radius:8px;background:#f9fafb} .air-inline-note strong{color:#101828;font-size:12px;font-weight:800} .air-inline-note span{color:#475467;font-size:12px;line-height:1.55} .air-context-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px} .air-context-card{padding:12px 13px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc} .air-context-card small{display:block;margin-bottom:5px;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em} .air-context-card strong{display:block;color:#0f172a;font-size:14px;font-weight:800;line-height:1.4} .air-context-card span{display:block;margin-top:3px;color:#667085;font-size:11px;line-height:1.45} .air-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px} .air-method-card{padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .air-method-card.active{border-color:#fca5a5;background:#fff5f5;box-shadow:inset 0 0 0 1px rgba(220,38,38,.1)} .air-method-card strong{display:block;color:#101828;font-size:13px;font-weight:800} .air-method-card span{display:block;margin-top:6px;color:#667085;font-size:12px;line-height:1.5} .air-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} .air-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800} .air-chip.good{background:#ecfdf3;color:#027a48;border-color:#d1fadf} .air-chip.warn{background:#fffaeb;color:#b54708;border-color:#fedf89} .air-chip.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe} .air-chip.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca} .air-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px} .air-note{display:grid;gap:6px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc} .air-note strong{color:#101828;font-size:13px;font-weight:800} .air-note span{color:#64748b;font-size:12px;line-height:1.5} .air-pool-shell{display:grid;gap:14px;margin-top:4px} .air-pool-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px} .air-pool-category{display:grid;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:.18s ease} .air-pool-category:hover{border-color:#fca5a5;box-shadow:0 10px 24px rgba(220,38,38,.08)} .air-pool-category.active{border-color:#dc2626;background:#fff5f5;box-shadow:0 10px 24px rgba(220,38,38,.08)} .air-pool-category-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start} .air-pool-category strong{color:#101828;font-size:13px;line-height:1.4} .air-pool-category span{color:#667085;font-size:12px;line-height:1.45} .air-pool-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#fef2f2;color:#b42318;font-size:12px;font-weight:900} .air-pool-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:12px} .air-pool-groups{display:flex;flex-wrap:wrap;gap:8px} .air-pool-group{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:800;cursor:pointer} .air-pool-group.active{border-color:#fca5a5;background:#fff5f5;color:#b42318} .air-pool-family-filter{display:grid;gap:6px} .air-pool-family-filter label{margin:0;color:#475467;font-size:12px;font-weight:800} .air-pool-family-filter select{min-height:40px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#101828;font-size:12px;background:#fff} .air-pool-panels{display:grid;grid-template-columns:minmax(0,1fr);gap:14px} .air-pool-board{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden} .air-pool-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid #edf2f7;background:#fbfdff} .air-pool-head strong{color:#101828;font-size:13px;font-weight:800} .air-pool-head span{color:#667085;font-size:12px;line-height:1.45} .air-pool-bridge{display:flex;align-items:center;gap:10px;padding:4px 2px 0;color:#667085;font-size:12px;font-weight:700} .air-pool-bridge:before{content:"";width:28px;height:1px;background:#fca5a5} .air-table-wrap{padding:12px;overflow:auto} .air-data-table{width:100%;border-collapse:separate;border-spacing:0} .air-data-table thead th{position:sticky;top:0;z-index:1;padding:11px 10px;border-bottom:1px solid #e5e7eb;background:#f8fafc;color:#475467;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em} .air-data-table tbody td{padding:10px;border-bottom:1px solid #edf2f7;vertical-align:top;background:#fff;color:#101828;font-size:12px} .air-data-table tbody tr:hover td{background:#fcfcfd} .air-data-table tbody tr.is-recommended td{background:#fff8f8} .air-data-table tbody tr.is-recommended:hover td{background:#fff4f4} .air-row-title{display:grid;gap:4px} .air-row-title strong{color:#101828;font-size:13px;font-weight:800;line-height:1.4} .air-row-sub{color:#667085;font-size:12px;line-height:1.45} .air-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .air-data-table thead th:first-child,.air-data-table tbody td:first-child{text-align:center} .air-table-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #dc2626;border-radius:8px;background:#dc2626;color:#fff;font-size:16px;font-weight:900;line-height:1} .air-table-toggle.is-open{background:#fff;color:#dc2626} .air-table-detail td{padding:0;border-bottom:1px solid #edf2f7;background:#fff} .air-table-detail-box{display:grid;gap:12px;padding:14px;background:#fff} .air-table-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .air-table-empty{padding:16px;color:#667085;font-size:12px;line-height:1.6} .air-table-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-top:1px solid #edf2f7;background:#fcfcfd} .air-table-pager span{color:#667085;font-size:12px;line-height:1.5} .air-table-pager-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .air-pager-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:800} .air-pager-btn[disabled]{opacity:.45;cursor:not-allowed} .air-cell-tags{display:flex;flex-wrap:wrap;gap:6px} .air-cell-note{color:#667085;font-size:12px;line-height:1.55} .air-pool-info{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054} .air-pool-meta{display:flex;flex-wrap:wrap;gap:6px} .air-pool-tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#f2f4f7;color:#344054;font-size:11px;font-weight:800} .air-pool-tag.recommended{background:#fef2f2;color:#b42318} .air-pool-add{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #dc2626;border-radius:8px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:12px;font-weight:800} .air-pool-add[disabled]{opacity:.55;cursor:not-allowed} .air-selected-empty{padding:14px;color:#667085;font-size:12px;line-height:1.55} .air-selected-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid #edf2f7;background:#fcfcfd} .air-selected-tools{display:flex;gap:8px;flex-wrap:wrap} .air-selected-tool{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;padding:7px 10px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:800} .air-selected-tool.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff} .air-selected-remove{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;color:#b42318} .air-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .air-selected-field{display:grid;gap:6px} .air-selected-field label{margin:0;color:#475467;font-size:11px;font-weight:800} .air-selected-field input,.air-selected-field textarea,.air-selected-field select{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#101828;font-size:12px;background:#fff} .air-selected-field textarea{min-height:84px;resize:vertical} .air-setup-note{margin-top:12px;padding:12px 14px;border:1px dashed #f59e0b;border-radius:8px;background:#fffbeb;color:#92400e;font-size:12px;line-height:1.55} .air-dynamic-guide{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fffaf9} .air-dynamic-guide strong{color:#101828;font-size:13px;font-weight:800} .air-dynamic-guide p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .air-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.44);display:none;align-items:center;justify-content:center;padding:18px;z-index:2000} .air-modal-backdrop.open{display:flex} .air-modal{width:min(760px,100%);max-height:min(88vh,900px);overflow:auto;border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 32px 70px rgba(15,23,42,.24)} .air-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid #edf2f7} .air-modal-head strong{display:block;color:#101828;font-size:16px;font-weight:800} .air-modal-head span{display:block;color:#667085;font-size:12px;line-height:1.5;margin-top:4px} .air-modal-close{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054} .air-modal-body{padding:18px} .air-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .air-modal-body p{margin:0;color:#475467;font-size:13px;line-height:1.6} .air-modal-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:14px 18px;border-top:1px solid #edf2f7;background:#fcfcfd} .air-toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:10px;z-index:2100} .air-toast{min-width:280px;max-width:360px;padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.14);display:grid;gap:4px} .air-toast strong{font-size:12px;font-weight:800;color:#101828} .air-toast span{font-size:12px;color:#667085;line-height:1.5} .air-toast.success{border-color:#bbf7d0;background:#f0fdf4} .air-toast.info{border-color:#bfdbfe;background:#eff6ff} .air-toast.warn{border-color:#fde68a;background:#fffbeb} .air-toast.danger{border-color:#fecaca;background:#fff1f2} .air-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7} .air-actions-note{display:grid;gap:3px} .air-actions-note strong{color:#101828;font-size:13px;font-weight:800} .air-actions-note span{color:#667085;font-size:12px;line-height:1.45} .air-actions-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .air-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:800} .air-btn:hover,.air-btn:focus{text-decoration:none;border-color:#98a2b3;color:#101828;background:#f8fafc} .air-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)} .air-btn.primary:hover,.air-btn.primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff} .air-btn[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none} .air-loading{display:none;align-items:center;gap:8px;color:#dc2626;font-size:12px;font-weight:800} .air-loading.open{display:inline-flex} .air-panel{display:none} .air-panel.active{display:block} .air-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #edf2f7} .air-stepnote{color:#667085;font-size:12px;line-height:1.5} @media (max-width:1100px){.air-layout{grid-template-columns:1fr}.air-sidecard{position:static}.air-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.air-method-grid,.air-note-grid,.air-context-summary,.air-pool-toolbar,.air-pool-panels,.air-modal-grid,.air-pool-categories,.air-table-detail-grid{grid-template-columns:1fr}} @media (max-width:900px){.air-col-hide-md{display:none}} @media (max-width:767px){.air-hero{padding:18px 16px}.air-summary,.air-grid{grid-template-columns:1fr}.air-col-12,.air-col-6,.air-col-4{grid-column:span 1}.air-hero-actions,.air-actions,.air-actions-group{display:grid;grid-template-columns:1fr}.air-hero-btn,.air-btn{width:100%}}
/* Risk Report */
*{box-sizing:border-box} body{margin:0;background:#f4f4f5;color:#111827;font:11px/1.35 DejaVu Sans,Arial,Helvetica,sans-serif} .report{max-width:1180px;margin:24px auto;padding:24px;background:#fff} .printbar{max-width:1180px;margin:12px auto 0;display:flex;justify-content:flex-end;gap:8px} .printbtn,.ghostbtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:700} .printbtn{border:1px solid #dc2626;background:#dc2626;color:#fff} .ghostbtn{border:1px solid #d1d5db;background:#fff;color:#111827} .report a{color:inherit} .doc-header{border:1px solid #111827;margin-bottom:12px} .doc-header-table,.meta-table,.risk-table,.sign-table,.verify-table{width:100%;border-collapse:collapse} .doc-header-table td,.meta-table td,.risk-table th,.risk-table td,.sign-table td,.verify-table td{border:1px solid #111827;padding:7px 8px;vertical-align:top} .doc-header-table .logo-cell{width:110px;text-align:center} .doc-logo{max-width:84px;max-height:84px;object-fit:contain} .doc-title{text-align:center} .doc-title small{display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase} .doc-title h1{margin:4px 0 6px;font-size:20px;line-height:1.2} .doc-title p{margin:0;font-size:11px;color:#374151} .doc-code{width:240px;font-size:11px} .doc-code strong{display:inline-block;min-width:88px} .section-title{margin:12px 0 5px;padding:5px 8px;border:1px solid #111827;background:#f3f4f6;font-size:12px;font-weight:700;text-transform:uppercase} .summary-band{margin:8px 0 10px;border:1px solid #d1d5db;background:#fafafa;padding:5px 10px;font-size:10px;text-align:center} .summary-band strong{color:#b91c1c} .summary-band-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center} .meta-table td.label,.sign-table td.label,.verify-table td.label{width:16%;font-weight:700;background:#f9fafb} .meta-table td.value,.sign-table td.value,.verify-table td.value{width:34%} .risk-table th{background:#eef2f7;font-size:9px;font-weight:700;text-align:center;padding:4px 3px;line-height:1.2} .risk-table td{font-size:10px;background:#fff;padding:6px 5px} .risk-table td.center{text-align:center} .risk-table td.score-cell{font-weight:700;text-align:center} .risk-table td.score-high{background:#f8d7da} .risk-table td.score-medium{background:#fff3cd} .risk-table td.score-low{background:#d4edda} .muted{color:#4b5563} .verify-note{font-size:11px;color:#374151} .verify-link{word-break:break-all} .sign-box{height:66px} .risk-table thead tr:first-child th, .risk-table thead tr:nth-child(2) th{font-size:9px;background:#f8fafc;padding-top:3px;padding-bottom:3px} @media print{ body{background:#fff} .printbar{display:none} .report{margin:0;max-width:none;padding:0} }

.legal-source-table{table-layout:fixed;margin-bottom:5px}.legal-source-table th:nth-child(1){width:30%}.legal-source-table th:nth-child(2){width:12%}.legal-source-table th:nth-child(3){width:23%}.legal-source-table th:nth-child(4){width:35%}.legal-source-table .verify-link{font-size:9px;overflow-wrap:anywhere;word-break:break-word}.legal-source-table+.verify-note{margin:4px 0 8px;padding:5px 7px;border-left:3px solid #f59e0b;background:#fffbeb}
.risk-table{table-layout:fixed}.risk-table thead{display:table-header-group}.risk-table tr{page-break-inside:avoid}.risk-table td{overflow-wrap:anywhere;word-break:break-word}.risk-table td.score-high{background:#fecaca;color:#7f1d1d}.risk-table td.score-medium{background:#fef3c7;color:#78350f}.risk-table td.score-low{background:#dcfce7;color:#14532d}
.report-page-header{border-bottom:2px solid #991b1b;padding-bottom:5px;font-family:DejaVu Sans,sans-serif}.report-page-title{font-size:11px;font-weight:700;color:#111827}.report-page-subtitle{font-size:8px;color:#4b5563}.report-page-footer{border-top:1px solid #d1d5db;padding-top:4px;font-size:8px;color:#6b7280;font-family:DejaVu Sans,sans-serif}.report-page-number{float:right}
.risk-report-pdf{background:#fff;font-size:8px;line-height:1.25}.risk-report-pdf .report{max-width:none;margin:0;padding:0}.risk-report-pdf .doc-header{margin-bottom:5px;border-color:#475569}.risk-report-pdf .doc-header-table td,.risk-report-pdf .meta-table td,.risk-report-pdf .risk-table th,.risk-report-pdf .risk-table td,.risk-report-pdf .sign-table td,.risk-report-pdf .verify-table td{border-color:#64748b;padding:3px 4px}.risk-report-pdf .doc-header-table .logo-cell{width:72px}.risk-report-pdf .doc-logo{max-width:58px;max-height:42px}.risk-report-pdf .doc-title small{font-size:7px;color:#475569}.risk-report-pdf .doc-title h1{margin:2px 0;font-size:14px}.risk-report-pdf .doc-title p{font-size:7.5px}.risk-report-pdf .doc-code{width:170px;font-size:7.5px;line-height:1.5}.risk-report-pdf .doc-code strong{min-width:62px}.risk-report-pdf .summary-band{margin:4px 0 5px;padding:3px 6px;font-size:7.5px}.risk-report-pdf .section-title{margin:5px 0 2px;padding:3px 5px;font-size:8px;background:#e2e8f0;border-color:#64748b}.risk-report-pdf .meta-table td,.risk-report-pdf .sign-table td,.risk-report-pdf .verify-table td{font-size:7.5px;line-height:1.3}.risk-report-pdf .risk-table th{padding:2.5px 2px;font-size:6.2px;line-height:1.15;background:#e2e8f0;color:#0f172a}.risk-report-pdf .risk-table thead tr:first-child th,.risk-report-pdf .risk-table thead tr:nth-child(2) th{padding:2px;font-size:6.3px;background:#cbd5e1}.risk-report-pdf .risk-table td{padding:3px 2.5px;font-size:6.5px;line-height:1.2;color:#111827}.risk-report-pdf .risk-table td.score-cell{font-size:7px}.risk-report-pdf .sign-table,.risk-report-pdf .verify-table{page-break-inside:avoid}.risk-report-pdf .sign-box{height:28px}.risk-report-pdf .barcode{margin-top:2px}
.risk-report-pdf .report-approval-block{page-break-before:always}.risk-report-pdf .risk-table th{font-size:6.6px}.risk-report-pdf .risk-table td{font-size:7.2px}
/* End Risk Report */
/*Risk Result*/
 .right_col[role="main"] .airr-shell, .right_col[role="main"] .airr-shell *, .right_col[role="main"] .airr-hero, .right_col[role="main"] .airr-card, .right_col[role="main"] .airr-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.airr-shell{width:100%;min-width:0;max-width:100%} .airr-shell{display:flex;flex-direction:column;gap:16px;width:100%} .airr-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 52%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .right_col[role="main"]>.airr-shell>.airr-hero{margin-top:-18px} .airr-kicker{color:rgba(255,255,255,.78);font-size:12px;font-weight:700;margin-bottom:7px} .airr-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2} .airr-desc{margin:0;max-width:860px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.65} .airr-meta{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:12px} .airr-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:700} .airr-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.16);font-size:11px} .airr-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .airr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:800} .airr-btn:hover,.airr-btn:focus{text-decoration:none;color:#fff;background:rgba(255,255,255,.18)} .airr-btn.primary{border-color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)} .airr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .airr-stat{padding:14px 14px 14px 16px;border:1px solid #e4e7ec;border-left:4px solid #dc2626;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)} .airr-stat small{display:block;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .airr-stat strong{display:block;color:#101828;font-size:22px;font-weight:800} .airr-stat span{display:block;margin-top:4px;color:#98a2b3;font-size:12px;line-height:1.45} .airr-stat.good{border-left-color:#16a34a}.airr-stat.warn{border-left-color:#f59e0b}.airr-stat.danger{border-left-color:#dc2626}.airr-stat.info{border-left-color:#2563eb} .airr-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start} .airr-sidecard,.airr-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .airr-sidecard{padding:16px;position:sticky;top:18px} .airr-sidecard h4{margin:0 0 6px;color:#0f172a;font-size:16px;font-weight:800} .airr-sidecard p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .airr-flow{display:grid;gap:8px;margin-top:14px} .airr-flow-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;width:100%} .airr-flow-item i{color:#dc2626;margin-top:2px} .airr-flow-item strong{display:block;color:#101828;font-size:13px;font-weight:800} .airr-flow-item span{display:block;color:#667085;font-size:11px;line-height:1.45;margin-top:2px} .airr-flow-item.active{border-color:#fca5a5;background:#fff5f5;box-shadow:inset 0 0 0 1px rgba(220,38,38,.10)} .airr-card-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff} .airr-card-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .airr-card-kicker i{color:#dc2626} .airr-card-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800} .airr-card-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55} .airr-card-body{padding:18px} .airr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .airr-drafts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px} .airr-draft-card{display:grid;gap:8px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .airr-draft-card.high{border-color:#fca5a5;background:#fff5f5;box-shadow:0 10px 24px rgba(220,38,38,.08)} .airr-draft-card.medium{border-color:#fedf89;background:#fffbeb} .airr-draft-card.low{border-color:#d1fadf;background:#f6fef9} .airr-draft-card strong{color:#101828;font-size:13px;font-weight:800} .airr-draft-card p{margin:0;color:#475467;font-size:12px;line-height:1.55} .airr-draft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .airr-draft-field{display:grid;gap:6px} .airr-draft-field label{margin:0;color:#475467;font-size:11px;font-weight:800} .airr-draft-field input,.airr-draft-field textarea,.airr-draft-field select{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#101828;font-size:12px;background:#fff} .airr-draft-field textarea{min-height:84px;resize:vertical} .airr-draft-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .airr-draft-remove{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;color:#b42318;font-size:12px;font-weight:800} .airr-draft-remove:hover,.airr-draft-remove:focus{text-decoration:none;color:#991b1b;background:#fee2e2} .airr-draft-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800} .airr-draft-badge.high{background:#dc2626;color:#fff} .airr-draft-badge.medium{background:#f59e0b;color:#fff} .airr-draft-badge.low{background:#16a34a;color:#fff} .airr-draft-empty{padding:18px;border:1px dashed #d0d5dd;border-radius:8px;background:#f8fafc;color:#667085;font-size:13px;line-height:1.6} .airr-risktable-wrap{margin-bottom:18px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff} .airr-risktable{width:100%;border-collapse:collapse} .airr-risktable th,.airr-risktable td{padding:10px 12px;border-bottom:1px solid #edf2f7;font-size:12px;vertical-align:top} .airr-risktable th{background:#f8fafc;color:#475467;font-weight:800} .airr-risktable tr:last-child td{border-bottom:0} .airr-risktable tr.level-high td{background:#fff5f5} .airr-risktable tr.level-medium td{background:#fffbeb} .airr-risktable tr.level-low td{background:#f6fef9} .airr-signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .airr-sign-card{display:grid;gap:10px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .airr-sign-card h4{margin:0;color:#101828;font-size:14px;font-weight:800} .airr-sign-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .airr-sign-field{display:grid;gap:6px} .airr-sign-field label{margin:0;color:#475467;font-size:11px;font-weight:800} .airr-sign-field input,.airr-sign-field textarea{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;padding:8px 10px;color:#101828;font-size:12px;background:#fff} .airr-sign-field textarea{min-height:96px;resize:vertical} .airr-block{display:grid;gap:8px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .airr-block strong{color:#101828;font-size:13px;font-weight:800} .airr-block p,.airr-block ul{margin:0;color:#475467;font-size:13px;line-height:1.6} .airr-block ul{padding-left:18px} .airr-chip-row{display:flex;flex-wrap:wrap;gap:8px} .airr-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800} .airr-chip.good{background:#ecfdf3;color:#027a48;border-color:#d1fadf} .airr-chip.warn{background:#fffaeb;color:#b54708;border-color:#fedf89} .airr-chip.info{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe} .airr-chip.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca} .airr-panel{display:none} .airr-panel.active{display:block} .airr-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7} .airr-actions-note{display:grid;gap:3px} .airr-actions-note strong{color:#101828;font-size:13px;font-weight:800} .airr-actions-note span{color:#667085;font-size:12px;line-height:1.45} .airr-submit{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .airr-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid #dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 24px rgba(220,38,38,.18)} .airr-save:hover,.airr-save:focus{text-decoration:none;color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)} .airr-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:800} .airr-ghost:hover,.airr-ghost:focus{text-decoration:none;border-color:#98a2b3;color:#101828;background:#f8fafc} .airr-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-size:13px;line-height:1.5;margin-bottom:16px} .airr-banner.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c} .airr-similar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px} .airr-similar-card{display:grid;gap:6px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc} .airr-similar-card strong{color:#101828;font-size:13px;font-weight:800} .airr-similar-card span{color:#64748b;font-size:12px;line-height:1.5} .airr-similar-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap} .airr-mini{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:11px;font-weight:800} .airr-mini:hover,.airr-mini:focus{text-decoration:none;color:#101828;background:#f8fafc} .airr-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid #edf2f7} .airr-stepnote{color:#667085;font-size:12px;line-height:1.5} @media (max-width:1100px){.airr-layout{grid-template-columns:1fr}.airr-sidecard{position:static}.airr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.airr-grid,.airr-drafts,.airr-signature-grid,.airr-sign-fields{grid-template-columns:1fr}} @media (max-width:767px){.airr-hero{padding:18px 16px}.airr-summary,.airr-actions,.airr-actionsbar,.airr-submit,.airr-similar{display:grid;grid-template-columns:1fr}.airr-btn,.airr-save,.airr-ghost{width:100%}} @media print{ .top_nav,.left_col,.airr-sidecard,.airr-actions,.airr-actionsbar,.airr-stepbar,.airr-submit,.airr-btn,.airr-ghost,.airr-save,.airr-mini{display:none !important} .right_col[role="main"]>.airr-shell>.airr-hero{margin-top:0} .airr-shell,.airr-layout,.airr-grid,.airr-drafts,.airr-signature-grid{display:block} .airr-card,.airr-risktable-wrap,.airr-sign-card,.airr-block,.airr-draft-card{break-inside:avoid} .airr-panel{display:block !important} .airr-hero{box-shadow:none} }

/*Audit Create */
.ad-rangebox{display:flex;align-items:center;background:#f8fafc;color:#667085;font-size:12px;font-weight:700}.ad-empty-hidden{display:none}.au-note-tight,.ae-note-tight{margin-bottom:0}.asd-inline-form{display:inline}.asd-pointer-btn{cursor:pointer}.asd-grid-top{margin-top:14px}.asd-card-spaced{margin-bottom:18px}.asd-checkbox-inline{display:flex;align-items:center;gap:8px}.asd-empty-hidden{display:none}
.right_col[role="main"] .au-shell, .right_col[role="main"] .au-shell *, .right_col[role="main"] .au-hero, .right_col[role="main"] .au-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .au-shell { width: 100%; min-width: 0; max-width: 100%; } .au-shell { width: 100%; } .au-hero { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #38bdf8 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .au-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .au-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .au-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .au-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .au-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .au-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .au-ghost:hover, .au-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .au-shell-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; } .au-main-stack { display: grid; gap: 18px; min-width: 0; } .au-side { position: sticky; top: 18px; align-self: start; } .au-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .au-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .au-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .au-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .au-body { padding: 18px 20px 20px; } .au-alert { border: 1px solid #fecaca; border-radius: 8px; background: #fff1f2; color: #991b1b; padding: 14px 16px; margin-bottom: 16px; } .au-alert ul { margin: 0; padding-left: 18px; } .au-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .au-field { grid-column: span 12; } .au-field.col-6 { grid-column: span 6; } .au-field.col-4 { grid-column: span 4; } .au-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .au-actions-row { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef2f7; } .au-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 8px; font-size: 13px; font-weight: 700; border: 1px solid #d0d5dd; background: #fff; color: #344054; } .au-btn:hover, .au-btn:focus { background: #f8fafc; color: #111827; text-decoration: none; } .au-btn-primary { border-color: #2563eb; background: #2563eb; color: #fff; } .au-btn-primary:hover, .au-btn-primary:focus { background: #1d4ed8; color: #fff; } .au-panel { display: none; } .au-panel.is-active { display: block; } .au-note { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 14px; margin-bottom: 12px; } .au-note strong { display: block; margin-bottom: 6px; color: #0f172a; font-size: 13px; font-weight: 700; } .au-note p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.55; } .au-nav { display: grid; gap: 10px; } .au-nav-item { width: 100%; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 12px 14px; color: #0f172a; cursor: pointer; } .au-nav-item.is-active { border-color: #bfdbfe; background: #eff6ff; } .au-nav-item strong { display: block; margin-bottom: 4px; font-size: 13px; } .au-nav-item span { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } @media (max-width: 1199px) { .au-shell-grid { grid-template-columns: 1fr; } .au-side { position: static; } } @media (max-width: 991px) { .au-field.col-6, .au-field.col-4 { grid-column: span 12; } }

/*Audit Edit*/
.right_col[role="main"] .ae-shell, .right_col[role="main"] .ae-shell *, .right_col[role="main"] .ae-hero, .right_col[role="main"] .ae-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ae-shell { width: 100%; min-width: 0; max-width: 100%; } .ae-shell { width: 100%; } .ae-hero { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #38bdf8 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .ae-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ae-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .ae-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .ae-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .ae-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ae-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ae-ghost:hover, .ae-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ae-shell-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; } .ae-main-stack { display: grid; gap: 18px; min-width: 0; } .ae-side { position: sticky; top: 18px; align-self: start; } .ae-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ae-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ae-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .ae-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ae-body { padding: 18px 20px 20px; } .ae-alert { border: 1px solid #fecaca; border-radius: 8px; background: #fff1f2; color: #991b1b; padding: 14px 16px; margin-bottom: 16px; } .ae-alert ul { margin: 0; padding-left: 18px; } .ae-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .ae-field { grid-column: span 12; } .ae-field.col-6 { grid-column: span 6; } .ae-field.col-4 { grid-column: span 4; } .ae-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ae-actions-row { display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; margin-top: 18px; padding-top: 16px; border-top: 1px solid #eef2f7; } .ae-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px; border-radius: 8px; font-size: 13px; font-weight: 700; border: 1px solid #d0d5dd; background: #fff; color: #344054; } .ae-btn:hover, .ae-btn:focus { background: #f8fafc; color: #111827; text-decoration: none; } .ae-btn-primary { border-color: #2563eb; background: #2563eb; color: #fff; } .ae-btn-primary:hover, .ae-btn-primary:focus { background: #1d4ed8; color: #fff; } .ae-panel { display: none; } .ae-panel.is-active { display: block; } .ae-note { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 14px; margin-bottom: 12px; } .ae-note strong { display: block; margin-bottom: 6px; color: #0f172a; font-size: 13px; font-weight: 700; } .ae-note p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.55; } .ae-nav { display: grid; gap: 10px; } .ae-nav-item { width: 100%; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 12px 14px; color: #0f172a; cursor: pointer; } .ae-nav-item.is-active { border-color: #bfdbfe; background: #eff6ff; } .ae-nav-item strong { display: block; margin-bottom: 4px; font-size: 13px; } .ae-nav-item span { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } @media (max-width: 1199px) { .ae-shell-grid { grid-template-columns: 1fr; } .ae-side { position: static; } } @media (max-width: 991px) { .ae-field.col-6, .ae-field.col-4 { grid-column: span 12; } }

/*Audit index*/
.right_col[role="main"] .ad-shell, .right_col[role="main"] .ad-shell *, .right_col[role="main"] .ad-hero, .right_col[role="main"] .ad-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .ad-shell { width: 100%; min-width: 0; max-width: 100%; } .ad-shell { width: 100%; } .ad-hero { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #38bdf8 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .ad-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .ad-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .ad-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .ad-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .ad-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ad-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .ad-ghost:hover, .ad-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .ad-icon { width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.24); background: rgba(255,255,255,.12); color: #fff; } .ad-icon:hover, .ad-icon:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); } .ad-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .ad-stat { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 16px 17px; box-shadow: 0 10px 24px rgba(15, 23, 42, .05); } .ad-stat-link { display: block; color: inherit; text-decoration: none; transition: .18s ease; } .ad-stat-link:hover, .ad-stat-link:focus { color: inherit; text-decoration: none; } .ad-stat.is-filter { cursor: pointer; transition: .18s ease; } .ad-stat.is-filter:hover { transform: translateY(-1px); box-shadow: 0 14px 30px rgba(15, 23, 42, .08); } .ad-stat.is-active { border-color: #93c5fd; background: #eff6ff; } .ad-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .ad-stat strong { display: block; color: #0f172a; font-size: 24px; font-weight: 800; } .ad-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .ad-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; margin-bottom: 18px; } .ad-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .ad-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .ad-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .ad-body { padding: 18px 20px 20px; } .ad-filter-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .ad-field { grid-column: span 12; } .ad-field.col-4 { grid-column: span 4; } .ad-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .ad-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ad-filter-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ad-filter-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 8px; border: 1px solid #d0d5dd; background: #fff; color: #344054; font-size: 12px; font-weight: 700; } .ad-filter-btn.primary { background: #111827; border-color: #111827; color: #fff; } .ad-filter-btn:hover, .ad-filter-btn:focus { text-decoration: none; background: #f8fafc; color: #111827; } .ad-filter-btn.primary:hover, .ad-filter-btn.primary:focus { background: #1f2937; border-color: #1f2937; color: #fff; } .ad-toolbar-actions { display: flex; justify-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .ad-tool-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 0 14px; border-radius: 8px; border: 1px solid #d0d5dd; background: #fff; color: #344054; font-size: 12px; font-weight: 700; } .ad-tool-btn:hover, .ad-tool-btn:focus { text-decoration: none; background: #f8fafc; color: #111827; } .ad-active-filters { margin-top: 14px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .ad-active-label { color: #64748b; font-size: 12px; font-weight: 700; } .ad-filter-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 999px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; font-size: 12px; font-weight: 700; } .ad-list-toolbar { padding: 16px; display: grid; grid-template-columns: minmax(260px, 1.4fr) minmax(170px, .6fr) minmax(180px, .8fr); gap: 12px; align-items: end; border-bottom: 1px solid #eef2f7; } .ad-list-toolbar .form-control { border-radius: 8px; min-height: 38px; border-color: #d0d5dd; box-shadow: none; } .ad-inline-field label { display: block; margin-bottom: 6px; color: #475467; font-size: 12px; font-weight: 700; } .ad-table-wrap { overflow-x: auto; } .ad-table { width: 100%; border-collapse: separate; border-spacing: 0; } .ad-table thead th { padding: 12px 14px; border-bottom: 1px solid #e2e8f0; color: #475569; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; background: #f8fafc; white-space: nowrap; } .ad-table tbody td { padding: 14px; border-bottom: 1px solid #eef2f7; vertical-align: top; color: #0f172a; } .ad-title { font-weight: 700; color: #0f172a; } .ad-sub { display: block; margin-top: 4px; color: #64748b; font-size: 12px; line-height: 1.5; } .ad-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .ad-pill.planned { background: #e0f2fe; color: #075985; border-color: #bae6fd; } .ad-pill.in_progress { background: #fef3c7; color: #92400e; border-color: #fde68a; } .ad-pill.completed { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .ad-pill.cancelled { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .ad-pill.score-good { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .ad-pill.score-mid { background: #fef3c7; color: #92400e; border-color: #fde68a; } .ad-pill.score-risk { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .ad-row-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: flex-end; } .ad-icon-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; border: 1px solid #d0d5dd; background: #fff; color: #344054; } .ad-icon-btn:hover, .ad-icon-btn:focus { text-decoration: none; background: #f8fafc; color: #111827; } .ad-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-top: 1px solid #eef2f7; } .ad-footer span { color: #667085; font-size: 12px; } .ad-pagination { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } .ad-page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid #d0d5dd; background: #fff; color: #344054; font-size: 12px; font-weight: 700; } .ad-page-btn.is-active { border-color: #1d4ed8; background: #eff6ff; color: #1d4ed8; } .ad-page-btn:disabled { opacity: .45; cursor: not-allowed; } .ad-empty { padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; color: #64748b; text-align: center; } @media (max-width: 1199px) { .ad-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .ad-summary { grid-template-columns: 1fr; } .ad-field.col-4 { grid-column: span 12; } .ad-list-toolbar { grid-template-columns: 1fr; } .ad-footer { flex-direction: column; align-items: flex-start; } }
/* Periodic controls */
.right_col[role="main"] .pc-shell,.right_col[role="main"] .pc-side,.right_col[role="main"] .pc-pane,.right_col[role="main"] .pc-sidecard,.right_col[role="main"] .pc-card,.right_col[role="main"] .pc-hero{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.pc-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;margin-bottom:24px;align-items:start}.pc-side,.pc-pane{min-width:0}.pc-sidecard,.pc-card{border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.pc-sidehead,.pc-cardhead,.pc-modal-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.pc-sidehead h4,.pc-cardhead h4,.pc-modal-head h4{margin:0 0 4px;font-size:17px;font-weight:800;color:#0f172a}.pc-sidehead p,.pc-cardhead p,.pc-modal-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55}.pc-nav{padding:10px}.pc-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;transition:.18s ease;min-width:0}.pc-navbtn+.pc-navbtn{margin-top:6px}.pc-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}.pc-navbtn strong{display:block;font-size:14px;color:#0f172a}.pc-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}.pc-navbtn.active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}.pc-hero{border-radius:8px;padding:24px 26px;background:linear-gradient(145deg,#0f172a 0%,#1d4ed8 48%,#38bdf8 100%);color:#fff;box-shadow:0 20px 48px rgba(15,23,42,.18);margin-bottom:18px;overflow:hidden}.pc-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.pc-hero h3{margin:0 0 8px;color:#fff;font-size:29px;font-weight:800;overflow-wrap:anywhere}.pc-hero p{margin:0;max-width:760px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.82);overflow-wrap:anywhere}.pc-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.pc-icon-btn{width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff}.pc-icon-btn:hover,.pc-icon-btn:focus{color:#fff;text-decoration:none;background:rgba(255,255,255,.22)}.pc-inline-form{display:inline-flex;margin:0}.pc-icon-btn-button{cursor:pointer}.pc-panel{display:none}.pc-panel.active{display:block}.pc-body,.pc-modal-body{padding:20px}.pc-card-spaced{margin-bottom:18px}.pc-flash{display:flex;gap:12px;align-items:flex-start;border-radius:8px;padding:14px 16px;margin-bottom:16px;border:1px solid #e5e7eb;box-shadow:0 8px 18px rgba(15,23,42,.04)}.pc-flash i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:13px;flex:0 0 auto}.pc-flash strong{display:block;margin-bottom:4px;color:#0f172a;font-size:14px;font-weight:800}.pc-flash p{margin:0;color:#475569;line-height:1.5}.pc-flash.success{background:#f0fdf4;border-color:#bbf7d0}.pc-flash.success i{background:#dcfce7;color:#166534}.pc-flash.error{background:#fff1f2;border-color:#fecaca}.pc-flash.error i{background:#fee2e2;color:#b91c1c}.pc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.pc-stat{border-radius:8px;padding:16px;border:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);min-width:0}.pc-stat span{display:block;font-size:12px;color:#64748b}.pc-stat strong{display:block;margin-top:6px;font-size:28px;color:#0f172a;line-height:1}.pc-stat small{display:block;margin-top:10px;color:#2563eb;font-size:11px;font-weight:700}.pc-stat-link{display:block;text-decoration:none;transition:.18s ease;cursor:pointer}.pc-stat-link:hover,.pc-stat-link:focus{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:#bfdbfe}.pc-stat-value-danger{color:#b91c1c!important}.pc-stat-value-warning{color:#b45309!important}.pc-stat-value-success{color:#15803d!important}.pc-filters{display:grid;grid-template-columns:2fr 1.3fr 1.3fr 1fr auto;gap:10px;align-items:end}.pc-filters .form-group,.pc-filterbar .form-group,.pc-table-toolbar .form-group{margin:0}.pc-filters .form-control,.pc-filterbar .form-control,.pc-table-toolbar .form-control{min-height:42px;border-color:#dbe4ee;border-radius:8px;box-shadow:none}.pc-form-actions,.pc-pageactions,.pc-quicklinks,.pc-table-actions,.pc-modal-actions{display:flex;gap:8px;flex-wrap:wrap}.pc-action-btn,.pc-pagebtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-size:12px;font-weight:800;text-decoration:none}.pc-action-btn:hover,.pc-action-btn:focus{color:#fff;text-decoration:none;background:#1d4ed8;border-color:#1d4ed8}.pc-action-btn.secondary,.pc-pagebtn{border-color:#dbe4ee;background:#fff;color:#0f172a}.pc-action-btn.secondary:hover,.pc-action-btn.secondary:focus,.pc-pagebtn:hover,.pc-pagebtn:focus{color:#0f172a;background:#f8fafc;border-color:#bfdbfe;text-decoration:none}.pc-pagebtn[disabled]{opacity:.45;cursor:not-allowed}.pc-statecell{display:flex;flex-direction:column;gap:4px;min-width:0}.pc-statehint{color:#64748b;font-size:11px;line-height:1.4}.pc-statepill{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:7px 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:11px;font-weight:800;color:#0f172a;white-space:nowrap}.pc-statepill:before{content:'';width:8px;height:8px;border-radius:999px;display:inline-block;background:#94a3b8;flex:0 0 auto}.pc-statepill.danger{border-color:#fecaca;background:#fff7f7;color:#991b1b}.pc-statepill.danger:before{background:#dc2626}.pc-statepill.warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.pc-statepill.warning:before{background:#ea580c}.pc-statepill.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pc-statepill.success:before{background:#16a34a}.pc-statepill.muted{border-color:#dbe4ee;background:#f8fafc;color:#475569}.pc-statepill.muted:before{background:#64748b}.pc-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:26px 18px;text-align:center;color:#64748b;background:#f8fafc}.pc-quicklink{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#334155;font-size:12px;font-weight:700;text-decoration:none}.pc-quicklink:hover,.pc-quicklink:focus{color:#0f172a;border-color:#bfdbfe;background:#f8fbff;text-decoration:none}.pc-quicklink i{color:#2563eb}.pc-table-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.pc-toolbar-total{display:flex!important;align-items:center}.pc-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.pc-table-wrap .table{margin-bottom:0}.pc-col-toggle{display:none;width:52px;text-align:center}.pc-table-wrap thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#334155;font-size:11px;font-weight:800;white-space:nowrap;padding:11px 12px;text-transform:uppercase;letter-spacing:.03em}.pc-table-wrap tbody td{padding:11px 12px;vertical-align:middle;font-size:13px;color:#0f172a}.pc-table-wrap tbody td strong{font-size:13px;font-weight:700;color:#0f172a}.pc-row-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:8px;background:#dc2626;color:#fff;font-size:14px;font-weight:800;line-height:1;box-shadow:0 10px 22px rgba(220,38,38,.18)}.pc-row-toggle:hover,.pc-row-toggle:focus{background:#b91c1c;color:#fff}.pc-table-text{display:flex;flex-direction:column;gap:2px;min-width:0}.pc-table-text strong,.pc-table-text span{overflow-wrap:anywhere}.pc-table-text span{color:#64748b;font-size:11px;line-height:1.4}.pc-table-text .pc-soft{font-weight:600;color:#334155}.pc-table-text .pc-muted-strong{font-weight:600;color:#475569}.pc-scopebar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pc-scopechip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid #dbe4ee;background:#f8fafc;color:#334155;font-size:11px;font-weight:800}.pc-scopechip i{color:#2563eb}.pc-sortbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;padding:0;color:inherit;font:inherit;text-align:left}.pc-sortbtn i{color:#94a3b8;font-size:11px}.pc-sortbtn.active i{color:#2563eb}.pc-table-wrap tbody tr{transition:.16s ease}.pc-table-wrap tbody tr+tr td{border-top:1px solid #f1f5f9}.pc-table-wrap tbody tr:hover{background:#f8fbff}.pc-row-detail{display:none}.pc-row-detail td{padding:0;background:#fff}.pc-row-detail-box{padding:14px 16px;background:#f8fafc}.pc-row-detail-grid,.pc-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pc-row-detail-item small,.pc-modal-meta span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pc-row-detail-item span{display:block;color:#0f172a;font-size:13px;line-height:1.5}.pc-table-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.pc-pageinfo{color:#64748b;font-size:12px}.pc-schedule{display:flex;flex-direction:column;gap:6px;min-width:0}.pc-schedule-item{display:flex;align-items:center;gap:8px;min-width:0}.pc-schedule-item i{width:14px;text-align:center;color:#64748b;flex:0 0 auto}.pc-schedule-item span{font-size:11px;color:#64748b}.pc-schedule-item strong{font-size:12px;color:#334155;font-weight:600}.pc-col-date{min-width:124px}.pc-col-actions{width:116px;white-space:nowrap}.pc-filterbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.pc-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:16px}.pc-stack>*+*{margin-top:16px}.pc-mini-list{display:grid;gap:10px}.pc-mini-item{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff;text-decoration:none}.pc-mini-item:hover,.pc-mini-item:focus{text-decoration:none;border-color:#bfdbfe;background:#f8fbff}.pc-mini-item strong{display:block;color:#0f172a;font-size:14px}.pc-mini-item span{display:block;color:#64748b;font-size:12px;margin-top:4px}.pc-mini-meta{text-align:right}.pc-calendar-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}.pc-calendar-badge.overdue{border-color:#fecaca;color:#b91c1c;background:#fef2f2}.pc-calendar-badge.approaching{border-color:#fed7aa;color:#b45309;background:#fffbeb}.pc-calendar-badge.active{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.pc-calendar-shell{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff}.pc-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1040;display:none}.pc-modal-backdrop.active{display:block}.pc-modal{position:fixed;inset:0;z-index:1050;display:none;align-items:center;justify-content:center;padding:18px}.pc-modal.active{display:flex}.pc-modal-card{width:min(560px,100%);border-radius:8px;background:#fff;border:1px solid #dbe4ee;box-shadow:0 24px 60px rgba(15,23,42,.2);overflow:hidden}.pc-modal-meta{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f8fafc}.pc-modal-meta strong{display:block;margin-top:6px;color:#0f172a;font-size:14px}.pc-close-btn{width:34px;height:34px;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#475569}.pc-close-btn:hover,.pc-close-btn:focus{background:#f8fafc;color:#0f172a}@media (max-width:1100px){.pc-layout{grid-template-columns:1fr}}@media (max-width:991px){.pc-shell{grid-template-columns:1fr}.pc-summary{grid-template-columns:1fr 1fr}.pc-filters{grid-template-columns:1fr 1fr}.pc-filterbar{grid-template-columns:1fr}.pc-col-toggle{display:table-cell}.pc-row-toggle{display:inline-flex}.pc-mobile-hide{display:none}.pc-row-detail-grid{grid-template-columns:1fr}}@media (max-width:640px){.pc-summary,.pc-filters,.pc-table-toolbar,.pc-modal-grid{grid-template-columns:1fr}.pc-actions{flex-direction:column}.pc-icon-btn{width:100%}.pc-pageactions,.pc-modal-actions{width:100%}.pc-pagebtn,.pc-action-btn{flex:1 1 0;justify-content:center}}
.pc-note-spaced{margin-bottom:16px}.pc-form-actions-right{justify-content:flex-end;margin-top:18px}.pc-inlinechips-spaced{margin-bottom:14px}.pc-inlinechips-wide{margin-bottom:16px}.pc-copy-muted{color:#64748b;line-height:1.7;margin-bottom:14px}.pc-upload-box-success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.pc-upload-box-danger{border-color:#fecaca;background:#fff7f7}.pc-upload-title{display:block;margin-bottom:8px;color:#0f172a}.pc-upload-title-danger{color:#991b1b}.pc-action-row-tight{margin-top:0}.pc-hidden-form{display:none}.pc-upload-box-top{margin-top:18px}.pc-upload-box-bottom{margin-bottom:18px}.pc-log-copy{margin-top:8px;color:#334155}
/*Periodic_controls show*/
  .pc-shell { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; margin-bottom:24px; align-items:start; }                                   .pc-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }   .pc-stat strong { display:block; margin-top:6px; font-size:24px; color:#0f172a; line-height:1.1; } .pc-stat small { display:block; margin-top:10px; color:#2563eb; font-size:11px; font-weight:700; } .pc-stat-link { display:block; text-decoration:none; cursor:pointer; transition:.18s ease; }  .pc-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); gap:16px; }  .pc-table { width:100%; border-collapse:collapse; } .pc-table th,.pc-table td { border:1px solid #e5e7eb; padding:11px 12px; vertical-align:top; } .pc-table th { width:220px; background:#f8fafc; color:#334155; font-size:12px; font-weight:800; } .pc-audit-box,.pc-upload-box,.pc-empty { border:1px solid #e5e7eb; border-radius:8px; padding:16px; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); } .pc-empty { text-align:center; color:#64748b; border-style:dashed; } .pc-audit-box h5 { margin:0 0 10px; font-size:14px; font-weight:800; color:#0f172a; }  .pc-approval-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .pc-approval-card { border:1px solid #e5e7eb; border-radius:8px; padding:16px; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); } .pc-approval-card.done { border-color:#bbf7d0; background:#f0fdf4; } .pc-approval-card strong { display:block; margin-bottom:6px; font-size:14px; color:#0f172a; } .pc-approval-meta { color:#64748b; font-size:12px; line-height:1.6; min-height:42px; } .pc-action-row { display:flex; gap:10px; flex-wrap:wrap; margin-top:16px; } .pc-action-btn { display:inline-flex; align-items:center; gap:8px; padding:10px 13px; border-radius:8px; border:1px solid #dbe4ee; background:#fff; color:#0f172a; font-size:13px; font-weight:700; text-decoration:none; } .pc-action-btn:hover,.pc-action-btn:focus { color:#0f172a; border-color:#bfdbfe; background:#f8fbff; text-decoration:none; } .pc-action-btn.danger { border-color:#fecaca; color:#991b1b; background:#fff7f7; } .pc-file-item,.pc-log-item { border:1px solid #e5e7eb; border-radius:8px; padding:12px 14px; background:#fff; } .pc-file-item + .pc-file-item,.pc-log-item + .pc-log-item { margin-top:10px; } .pc-file-head,.pc-log-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; } .pc-file-head strong,.pc-log-head strong { color:#0f172a; font-size:14px; } .pc-file-meta,.pc-log-meta { color:#64748b; font-size:12px; margin-top:4px; } .pc-file-actions { display:inline-flex; gap:6px; align-items:center; } .pc-file-label { display:flex; gap:10px; align-items:flex-start; } .pc-file-glyph { width:34px; height:34px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #dbe4ee; background:#f8fafc; color:#2563eb; flex:0 0 auto; } .pc-table-icon { width:32px; height:32px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #dbe2ea; background:#fff; color:#475569; }  .pc-tabshell { border:1px solid #e5e7eb; border-radius:8px; background:#fff; overflow:hidden; } .pc-tabbar { display:flex; gap:0; border-bottom:1px solid #eef2f7; background:#f8fafc; } .pc-tabbtn { border:0; background:transparent; padding:14px 16px; font-size:13px; font-weight:800; color:#475569; } .pc-tabbtn.active { background:#fff; color:#0f172a; box-shadow:inset 0 -2px 0 #2563eb; } .pc-tabpanel { display:none; padding:18px; } .pc-tabpanel.active { display:block; } .pc-modal-backdrop { position:fixed; inset:0; background:rgba(15,23,42,.48); z-index:1040; display:none; } .pc-modal-backdrop.active { display:block; } .pc-modal { position:fixed; inset:0; z-index:1050; display:none; align-items:center; justify-content:center; padding:18px; } .pc-modal.active { display:flex; } .pc-modal-card { width:min(520px,100%); border-radius:8px; background:#fff; border:1px solid #dbe4ee; box-shadow:0 24px 60px rgba(15,23,42,.2); overflow:hidden; } .pc-modal-head { padding:18px 20px 14px; border-bottom:1px solid #eef2f7; display:flex; justify-content:space-between; gap:12px; align-items:flex-start; } .pc-modal-head h4 { margin:0; font-size:18px; font-weight:800; color:#0f172a; } .pc-modal-head p { margin:6px 0 0; color:#64748b; font-size:13px; line-height:1.55; } .pc-modal-body { padding:18px 20px; color:#334155; line-height:1.7; } .pc-modal-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; padding:0 20px 20px; } .pc-modal-close { width:34px; height:34px; border-radius:8px; border:1px solid #dbe4ee; background:#fff; color:#475569; } .pc-checklist { display:grid; gap:10px; margin-top:14px; } .pc-checkitem { display:flex; gap:10px; align-items:flex-start; border:1px solid #e5e7eb; border-radius:8px; padding:10px 12px; background:#fff; } .pc-checkitem i { margin-top:2px; } .pc-checkitem.ok i { color:#15803d; } .pc-checkitem.warn i { color:#b45309; } .pc-checkitem strong { display:block; color:#0f172a; font-size:13px; } .pc-checkitem span { display:block; margin-top:3px; color:#64748b; font-size:12px; line-height:1.5; } @media (max-width: 991px) { .pc-shell,.pc-grid { grid-template-columns:1fr; } .pc-summary { grid-template-columns:1fr 1fr; } } @media (max-width: 767px) { .pc-approval-grid { grid-template-columns:1fr; } } @media (max-width: 640px) { .pc-summary { grid-template-columns:1fr; } .pc-actions,.pc-action-row,.pc-tabbar,.pc-modal-actions { flex-direction:column; } .pc-icon-btn,.pc-action-btn,.pc-tabbtn { width:100%; justify-content:center; } }
/*Periodic_controls create*/
 .pc-shell { display:grid; grid-template-columns:280px minmax(0,1fr); gap:22px; margin-bottom:24px; }  .pc-sidecard,.pc-card { border-radius:22px; border:1px solid #e5e7eb; background:#fff; box-shadow:0 14px 36px rgba(15,23,42,.06); overflow:hidden; }     .pc-navbtn { width:100%; border:0; background:transparent; border-radius:16px; text-align:left; padding:14px; display:flex; gap:12px; color:#334155; transition:.18s ease; }      .pc-hero { border-radius:24px; padding:24px 26px; background:linear-gradient(145deg,#0f172a 0%,#1d4ed8 48%,#38bdf8 100%); color:#fff; box-shadow:0 20px 48px rgba(15,23,42,.18); margin-bottom:18px; }  .pc-hero h3 { margin:0 0 8px; color:#fff; font-size:29px; font-weight:800; } .pc-hero p { margin:0; max-width:760px; font-size:14px; line-height:1.7; color:rgba(255,255,255,.82); }  .pc-icon-btn { width:42px; height:42px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; }  .pc-context { margin-bottom:16px; border-radius:18px; border:1px solid #bfdbfe; background:#eff6ff; padding:14px 16px; } .pc-context strong { display:block; color:#1d4ed8; font-size:13px; font-weight:800; } .pc-context span { display:block; margin-top:4px; color:#1e3a8a; font-size:12px; line-height:1.55; }    .pc-note { border-radius:18px; border:1px dashed #cbd5e1; background:#f8fafc; padding:16px 18px; color:#475569; line-height:1.6; } @media (max-width: 991px) { .pc-shell { grid-template-columns:1fr; } }
/*Periodic_controls edit*/
.right_col[role="main"] .pc-edit-shell, .right_col[role="main"] .pc-edit-side, .right_col[role="main"] .pc-edit-pane, .right_col[role="main"] .pc-edit-sidecard, .right_col[role="main"] .pc-edit-card, .right_col[role="main"] .pc-edit-hero { width:100%; min-width:0; max-width:100%; box-sizing:border-box; } .pc-edit-shell { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; margin-bottom:24px; } .pc-edit-side,.pc-edit-pane { min-width:0; } .pc-edit-sidecard,.pc-edit-card { border-radius:8px; border:1px solid #e5e7eb; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.06); overflow:hidden; } .pc-edit-sidehead,.pc-edit-cardhead { padding:18px 20px 14px; border-bottom:1px solid #eef2f7; } .pc-edit-sidehead h4,.pc-edit-cardhead h4 { margin:0 0 4px; font-size:17px; font-weight:800; color:#0f172a; } .pc-edit-sidehead p,.pc-edit-cardhead p { margin:0; color:#64748b; font-size:13px; line-height:1.55; } .pc-edit-nav { padding:10px; } .pc-edit-navbtn { width:100%; border:0; background:transparent; border-radius:8px; text-align:left; padding:14px; display:flex; gap:12px; color:#334155; transition:.18s ease; min-width:0; } .pc-edit-navbtn + .pc-edit-navbtn { margin-top:6px; } .pc-edit-navbtn i { width:18px; text-align:center; margin-top:2px; color:#2563eb; } .pc-edit-navbtn strong { display:block; font-size:14px; color:#0f172a; } .pc-edit-navbtn span { display:block; margin-top:3px; font-size:12px; color:#64748b; line-height:1.45; } .pc-edit-navbtn.active { background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%); border:1px solid #bfdbfe; } .pc-edit-hero { border-radius:8px; padding:24px 26px; background:linear-gradient(145deg,#0f172a 0%,#1d4ed8 48%,#38bdf8 100%); color:#fff; box-shadow:0 20px 48px rgba(15,23,42,.18); margin-bottom:18px; overflow:hidden; } .pc-edit-kicker { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.12); color:rgba(255,255,255,.9); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; } .pc-edit-hero h3 { margin:0 0 8px; color:#fff; font-size:29px; font-weight:800; overflow-wrap:anywhere; } .pc-edit-hero p { margin:0; max-width:760px; font-size:14px; line-height:1.7; color:rgba(255,255,255,.82); overflow-wrap:anywhere; } .pc-edit-actions { margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; } .pc-edit-iconbtn { width:42px; height:42px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; } .pc-edit-iconbtn:hover,.pc-edit-iconbtn:focus { color:#fff; text-decoration:none; background:rgba(255,255,255,.22); } .pc-edit-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:18px; } .pc-edit-stat { border-radius:8px; padding:14px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.14); min-width:0; } .pc-edit-stat span { display:block; font-size:11px; color:rgba(255,255,255,.72); text-transform:uppercase; letter-spacing:.04em; } .pc-edit-stat strong { display:block; margin-top:6px; font-size:14px; color:#fff; overflow-wrap:anywhere; } .pc-edit-flash { display:flex; gap:12px; align-items:flex-start; border-radius:8px; padding:14px 16px; margin-bottom:16px; border:1px solid #fecaca; background:#fff1f2; box-shadow:0 8px 18px rgba(15,23,42,.04); } .pc-edit-flash i { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; font-size:13px; flex:0 0 auto; background:#fee2e2; color:#b91c1c; } .pc-edit-flash strong { display:block; margin-bottom:4px; color:#0f172a; font-size:14px; font-weight:800; } .pc-edit-flash p { margin:0; color:#475569; line-height:1.5; } .pc-edit-panel { display:none; } .pc-edit-panel.active { display:block; } .pc-edit-body { padding:20px; } .pc-edit-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .pc-edit-field { min-width:0; } .pc-edit-field.full { grid-column:1 / -1; } .pc-edit-label { display:block; margin:0 0 7px; font-size:12px; font-weight:800; color:#334155; } .pc-edit-label small { margin-left:6px; font-size:11px; font-weight:600; color:#94a3b8; } .pc-edit-required { color:#dc2626; } .pc-edit-help { display:block; margin-top:6px; color:#64748b; font-size:11px; line-height:1.45; } .pc-edit-input, .pc-edit-select, .pc-edit-textarea { width:100%; min-height:42px; border:1px solid #dbe4ee; border-radius:8px; padding:10px 12px; font-size:13px; color:#0f172a; background:#fff; box-shadow:none; } .pc-edit-textarea { min-height:120px; resize:vertical; } .pc-edit-input:focus, .pc-edit-select:focus, .pc-edit-textarea:focus { border-color:#93c5fd; outline:none; box-shadow:0 0 0 3px rgba(37,99,235,.08); } .pc-edit-hints { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:18px; } .pc-edit-tip { border-radius:8px; border:1px solid #e5e7eb; background:#f8fafc; padding:14px; } .pc-edit-tip strong { display:block; margin-bottom:6px; font-size:13px; color:#0f172a; } .pc-edit-tip p { margin:0; color:#64748b; font-size:12px; line-height:1.55; } .pc-edit-footer { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; margin-top:18px; } .pc-edit-btn { min-height:42px; padding:0 14px; border-radius:8px; border:1px solid #2563eb; background:#2563eb; color:#fff; display:inline-flex; align-items:center; justify-content:center; gap:8px; font-size:12px; font-weight:800; } .pc-edit-btn:hover,.pc-edit-btn:focus { color:#fff; text-decoration:none; background:#1d4ed8; border-color:#1d4ed8; } .pc-edit-btn.secondary { border-color:#dbe4ee; background:#fff; color:#334155; } .pc-edit-btn.secondary:hover,.pc-edit-btn.secondary:focus { color:#0f172a; background:#f8fafc; border-color:#bfdbfe; text-decoration:none; } @media (max-width: 991px) { .pc-edit-shell { grid-template-columns:1fr; } .pc-edit-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } .pc-edit-grid,.pc-edit-hints { grid-template-columns:1fr; } } @media (max-width: 640px) { .pc-edit-stats { grid-template-columns:1fr; } .pc-edit-actions { flex-direction:column; } .pc-edit-iconbtn { width:100%; } .pc-edit-footer { flex-direction:column; } .pc-edit-btn { width:100%; } }

/* Audits PDF */
.audit-pdf { font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #111; }
.audit-pdf h1, .audit-pdf h2, .audit-pdf h3 { margin: 0 0 8px; }
.audit-pdf .header { border-bottom: 2px solid #1d4ed8; margin-bottom: 15px; padding-bottom: 10px; }
.audit-pdf .sub { font-size: 10px; color: #666; }
.audit-pdf table { width: 100%; border-collapse: collapse; margin-bottom: 15px; }
.audit-pdf th, .audit-pdf td { border: 1px solid #333; padding: 6px; vertical-align: top; }
.audit-pdf th { background: #f3f3f3; text-align: left; }
.audit-pdf .note-box { border: 1px solid #333; padding: 8px; margin-bottom: 15px; white-space: pre-wrap; }
.audit-pdf .audit-w-8 { width: 8%; }
.audit-pdf .audit-w-16 { width: 16%; }
.audit-pdf .audit-w-25 { width: 25%; }
.audit-pdf .audit-w-30 { width: 30%; }

/*Audit show*/
.right_col[role="main"] .asd-shell, .right_col[role="main"] .asd-shell *, .right_col[role="main"] .asd-hero, .right_col[role="main"] .asd-card { box-sizing: border-box; min-width: 0; max-width: 100%; } .right_col[role="main"] > .asd-shell { width: 100%; min-width: 0; max-width: 100%; } .asd-shell { width: 100%; } .asd-hero { background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 52%, #38bdf8 100%); color: #fff; border-radius: 8px; padding: 22px 24px; margin-bottom: 18px; box-shadow: 0 18px 40px rgba(15, 23, 42, .18); } .asd-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; } .asd-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.88); font-size: 14px; line-height: 1.6; } .asd-meta { margin-top: 10px; display: inline-flex; gap: 8px; flex-wrap: wrap; } .asd-chip { display: inline-flex; align-items: center; gap: 8px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.18); color: #fff; font-size: 13px; font-weight: 700; } .asd-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .asd-ghost { border-radius: 999px; padding: 9px 16px; font-weight: 700; border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.10); color: #fff !important; } .asd-ghost:hover, .asd-ghost:focus { background: rgba(255,255,255,.18); color: #fff !important; text-decoration: none; } .asd-shell-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 18px; align-items: start; } .asd-side { position: sticky; top: 18px; align-self: start; } .asd-sidecard, .asd-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden; } .asd-sidehead, .asd-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; } .asd-sidehead h4, .asd-head h4 { margin: 0 0 4px; color: #0f172a; font-size: 18px; font-weight: 700; } .asd-sidehead p, .asd-head p { margin: 0; color: #64748b; font-size: 13px; line-height: 1.6; } .asd-sidebody, .asd-body { padding: 18px 20px 20px; } .asd-nav { display: grid; gap: 10px; } .asd-nav button { width: 100%; text-align: left; border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 12px 14px; color: #0f172a; transition: .18s ease; } .asd-nav button.active { border-color: #bfdbfe; background: #eff6ff; } .asd-nav-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; } .asd-nav strong { display: block; margin-bottom: 4px; font-size: 13px; } .asd-nav span { display: block; color: #64748b; font-size: 12px; line-height: 1.5; } .asd-nav-count { display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 28px; padding: 0 8px; border-radius: 999px; background: #f8fafc; border: 1px solid #e5e7eb; color: #0f172a; font-size: 12px; font-weight: 800; } .asd-nav button.active .asd-nav-count { background: #dbeafe; border-color: #93c5fd; color: #1d4ed8; } .asd-pane { display: none; } .asd-pane.active { display: block; } .asd-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; } .asd-stat { border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; padding: 16px 17px; } .asd-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .asd-stat strong { display: block; color: #0f172a; font-size: 22px; font-weight: 800; } .asd-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .asd-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; border: 1px solid transparent; } .asd-pill.planned { background: #e0f2fe; color: #075985; border-color: #bae6fd; } .asd-pill.in_progress { background: #fef3c7; color: #92400e; border-color: #fde68a; } .asd-pill.completed { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .asd-pill.cancelled { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .asd-pill.low { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .asd-pill.medium { background: #e0f2fe; color: #075985; border-color: #bae6fd; } .asd-pill.high { background: #fef3c7; color: #92400e; border-color: #fde68a; } .asd-pill.critical { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .asd-pill.good { background: #dcfce7; color: #166534; border-color: #bbf7d0; } .asd-pill.watch { background: #fef3c7; color: #92400e; border-color: #fde68a; } .asd-pill.risk { background: #fee2e2; color: #991b1b; border-color: #fecaca; } .asd-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .asd-info { border: 1px solid #e5e7eb; border-radius: 8px; background: linear-gradient(180deg, #fff, #f8fafc); padding: 14px; } .asd-info strong { display: block; margin-bottom: 6px; color: #0f172a; font-size: 13px; font-weight: 700; } .asd-info p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.55; } .asd-alert { border: 1px solid #fecaca; border-radius: 8px; background: #fff1f2; color: #991b1b; padding: 14px 16px; margin-bottom: 16px; } .asd-alert ul { margin: 0; padding-left: 18px; } .asd-form-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; } .asd-field { grid-column: span 12; } .asd-field.col-4 { grid-column: span 4; } .asd-field.col-6 { grid-column: span 6; } .asd-field label { display: block; margin: 0 0 6px; color: #334155; font-size: 12px; font-weight: 700; } .asd-actions-row { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; } .asd-create-shell { display: grid; gap: 16px; } .asd-create-quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } .asd-create-card { border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; padding: 14px; } .asd-create-card strong { display: block; margin-bottom: 6px; color: #0f172a; font-size: 13px; font-weight: 700; } .asd-create-card p { margin: 0; color: #64748b; font-size: 12px; line-height: 1.55; } .asd-create-main { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr); gap: 14px; } .asd-create-panel { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 16px; } .asd-create-panel h5 { margin: 0 0 6px; color: #0f172a; font-size: 15px; font-weight: 700; } .asd-create-panel p { margin: 0 0 14px; color: #64748b; font-size: 12px; line-height: 1.6; } .asd-findings { display: grid; gap: 14px; } .asd-findings-board { display: grid; gap: 16px; } .asd-findings-topline { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; } .asd-mini-stat { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 14px; } .asd-mini-stat span { display: block; color: #64748b; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; margin-bottom: 8px; } .asd-mini-stat strong { display: block; color: #0f172a; font-size: 21px; font-weight: 800; } .asd-mini-stat small { display: block; margin-top: 6px; color: #64748b; font-size: 12px; } .asd-findings-toolbar { padding: 16px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f8fafc; display: grid; grid-template-columns: minmax(240px, 1.2fr) minmax(180px, .8fr); gap: 12px; align-items: end; } .asd-findings-toolbar .form-control { min-width: 0; border-radius: 8px; min-height: 38px; border-color: #d0d5dd; box-shadow: none; } .asd-findings-field label { display: block; margin-bottom: 6px; color: #475467; font-size: 12px; font-weight: 700; } .asd-findings-summary { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .asd-finding { border: 1px solid #e5e7eb; border-radius: 8px; background: #fff; padding: 16px; box-shadow: 0 8px 20px rgba(15, 23, 42, .04); } .asd-finding.is-hidden { display:none; } .asd-finding.is-critical { border-color: #fecaca; background: linear-gradient(180deg,#fff,#fff5f5); } .asd-finding.is-resolved { border-color: #bbf7d0; background: linear-gradient(180deg,#fff,#f7fff9); } .asd-finding-top { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; align-items: flex-start; } .asd-finding-main { display: grid; gap: 10px; flex: 1 1 420px; } .asd-finding-side { display: grid; gap: 8px; justify-items: end; min-width: 160px; } .asd-finding-title { font-size: 15px; font-weight: 700; color: #0f172a; } .asd-finding-subline { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; color: #64748b; font-size: 12px; } .asd-finding-meta { display: flex; gap: 8px; flex-wrap: wrap; } .asd-finding-detail { margin-top: 10px; color: #475569; font-size: 13px; line-height: 1.6; } .asd-finding-aux { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } .asd-finding-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; } .asd-finding-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 12px; border-radius: 8px; border: 1px solid #d0d5dd; background: #fff; color: #344054; font-size: 12px; font-weight: 700; } .asd-finding-btn:hover, .asd-finding-btn:focus { text-decoration: none; background: #f8fafc; color: #111827; } .asd-finding-btn.danger { border-color: #fecaca; background: #fff1f2; color: #b42318; } .asd-finding-btn.danger:hover, .asd-finding-btn.danger:focus { background: #ffe4e6; color: #912018; } .asd-collapse { display: none; margin-top: 14px; padding-top: 14px; border-top: 1px solid #eef2f7; } .asd-collapse.active { display: block; } .asd-empty { padding: 18px; border: 1px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; color: #64748b; text-align: center; } @media (max-width: 1199px) { .asd-shell-grid { grid-template-columns: 1fr; } .asd-side { position: static; } .asd-summary, .asd-grid-2, .asd-findings-topline { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px) { .asd-summary, .asd-grid-2, .asd-findings-topline, .asd-findings-toolbar, .asd-create-main, .asd-create-quick { grid-template-columns: 1fr; } .asd-field.col-4, .asd-field.col-6 { grid-column: span 12; } }

/*Contact create*/
                                     .ctf-field textarea.form-control{height:auto;min-height:100px}           @media (max-width:991px){.ctf-layout,.ctf-form{grid-template-columns:1fr}.ctf-sidecard{position:static}} @media (max-width:767px){.ctf-hero{padding:18px 16px}.ctf-actions,.ctf-actions-group{display:grid;grid-template-columns:1fr}.ctf-btn{width:100%}}
/*Contact edit*/
.top_nav{position:relative;z-index:1100} .right_col[role="main"] .ctf-shell, .right_col[role="main"] .ctf-shell *, .right_col[role="main"] .ctf-hero, .right_col[role="main"] .ctf-card, .right_col[role="main"] .ctf-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.ctf-shell{width:100%;min-width:0;max-width:100%} .ctf-shell{display:flex;flex-direction:column;gap:16px;width:100%} .ctf-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 54%,#14b8a6 100%);color:#fff;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .right_col[role="main"] > .ctf-shell > .ctf-hero{margin-top:-18px} .ctf-kicker{color:rgba(255,255,255,.76);font-size:12px;font-weight:700;margin-bottom:7px} .ctf-title{margin:0 0 8px;color:#fff;font-size:26px;font-weight:800;line-height:1.2} .ctf-desc{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.65} .ctf-hero-meta{display:inline-flex;flex-wrap:wrap;gap:8px;margin-top:12px} .ctf-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:700} .ctf-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .ctf-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start} .ctf-sidecard,.ctf-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .ctf-sidecard{padding:16px;position:sticky;top:18px} .ctf-sidecard h4{margin:0 0 6px;color:#0f172a;font-size:16px;font-weight:800} .ctf-sidecard p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .ctf-flow{display:grid;gap:8px;margin-top:14px} .ctf-flow-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .ctf-flow-item i{color:#dc2626;margin-top:2px} .ctf-flow-item strong{display:block;color:#101828;font-size:13px;font-weight:800} .ctf-flow-item span{display:block;color:#667085;font-size:11px;line-height:1.45;margin-top:2px} .ctf-card-head{padding:16px 18px;border-bottom:1px solid #edf2f7;background:#fbfdff} .ctf-card-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:6px;color:#667085;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em} .ctf-card-kicker i{color:#dc2626} .ctf-card-head h3{margin:0;color:#0f172a;font-size:18px;font-weight:800} .ctf-card-head p{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.55} .ctf-card-body{padding:18px} .ctf-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:8px;border:1px solid #fecdca;background:#fef3f2;color:#b42318;font-size:13px;line-height:1.5;margin-bottom:14px} .ctf-alert i{margin-top:2px} .ctf-note{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:8px 11px;border-radius:8px;border:1px solid #e5e7eb;background:#fbfdff;color:#667085;font-size:12px;font-weight:700;line-height:1.45} .ctf-note i{color:#dc2626} .ctf-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ctf-field{display:grid;gap:6px} .ctf-field.full{grid-column:1/-1} .ctf-field label{margin:0;color:#334155;font-size:12px;font-weight:700} .ctf-field .form-control{height:40px;border-radius:8px} .ctf-help{color:#98a2b3;font-size:11px;line-height:1.45} .ctf-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edf2f7} .ctf-actions-note{display:grid;gap:3px} .ctf-actions-note strong{color:#101828;font-size:13px;font-weight:800} .ctf-actions-note span{color:#667085;font-size:12px;line-height:1.45} .ctf-actions-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .ctf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:800} .ctf-btn:hover,.ctf-btn:focus{text-decoration:none;border-color:#98a2b3;color:#101828;background:#f8fafc} .ctf-btn.primary{border-color:#dc2626;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 12px 24px rgba(220,38,38,.18)} .ctf-btn.primary:hover,.ctf-btn.primary:focus{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-color:#b91c1c;color:#fff} @media (max-width:991px){.ctf-layout,.ctf-form{grid-template-columns:1fr}.ctf-sidecard{position:static}} @media (max-width:767px){.ctf-hero{padding:18px 16px}.ctf-actions,.ctf-actions-group{display:grid;grid-template-columns:1fr}.ctf-btn{width:100%}}

/*DOF Create*/
.right_col[role="main"] .dof-create-shell, .right_col[role="main"] .dof-create-shell *, .right_col[role="main"] .dof-create-hero, .right_col[role="main"] .dof-create-panel{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"] > .dof-create-hero, .right_col[role="main"] > .dof-create-overview, .right_col[role="main"] > .dof-create-shell{width:100%;min-width:0;max-width:100%} .dof-create-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;margin-bottom:18px;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .dof-create-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .dof-create-hero p{margin:0;color:rgba(255,255,255,.88);line-height:1.65;max-width:840px;font-size:14px} .dof-create-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .dof-create-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .dof-create-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .dof-create-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .dof-create-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none} .dof-create-action:hover,.dof-create-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.36)} .dof-create-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px} .dof-create-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start} .dof-create-card,.dof-create-panel{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)} .dof-create-card{padding:14px 16px 14px 18px} .dof-create-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dc2626} .dof-create-card span{display:block;color:#64748b;font-size:12px;line-height:1.45;font-weight:600} .dof-create-card strong{display:block;margin-top:6px;color:#0f172a;font-size:18px;line-height:1.2;font-weight:700;word-break:break-word} .dof-create-card p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.55} .dof-create-nav{display:grid;gap:8px} .dof-create-nav a{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none} .dof-create-nav a:hover,.dof-create-nav a:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .dof-create-nav a.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c} .dof-create-panel{display:none} .dof-create-panel.active{display:block} .dof-create-head{padding:18px 20px;border-bottom:1px solid #eef2f7} .dof-create-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .dof-create-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .dof-create-body{padding:18px 20px} .dof-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .dof-create-field{display:grid;gap:6px} .dof-create-field.full{grid-column:1/-1} .dof-create-field label{margin:0;color:#334155;font-size:13px;font-weight:700;line-height:1.4} .dof-create-field .required{color:#dc2626} .dof-create-field input, .dof-create-field select, .dof-create-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.45;box-shadow:none} .dof-create-field textarea{resize:vertical} .dof-create-field input:focus, .dof-create-field select:focus, .dof-create-field textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10);outline:none} .help-text{font-size:12px;color:#64748b;line-height:1.5} .dof-create-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc} .dof-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;min-height:38px} .dof-create-btn:hover,.dof-create-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .dof-create-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff} .dof-create-btn.primary:hover,.dof-create-btn.primary:focus{background:#b91c1c;color:#fff;border-color:#b91c1c} .dof-context-box{margin-bottom:18px;padding:14px 16px;border:1px solid #fecaca;border-radius:8px;background:#fff5f5;box-shadow:0 8px 24px rgba(15,23,42,.05)} .dof-context-box strong{display:block;color:#991b1b;font-size:13px;font-weight:800} .dof-context-box span{display:block;margin-top:4px;color:#7f1d1d;font-size:12px;line-height:1.55} .dof-ai-box{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px 16px 14px 18px;margin-top:12px} .dof-ai-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dc2626} .dof-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px} .dof-ai-head strong{display:block;color:#0f172a;font-size:14px;font-weight:700} .dof-ai-head span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45} .dof-ai-guide{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 10px} .dof-ai-guide span{display:inline-flex;align-items:center;gap:7px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#475569;padding:7px 9px;font-size:12px;line-height:1.35} .dof-ai-guide i{color:#dc2626} .dof-ai-result{display:none;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#334155;padding:12px;margin-top:10px;font-size:13px;line-height:1.65;white-space:pre-wrap} .dof-ai-result.is-visible{display:block} .dof-ai-rule{display:none;align-items:center;gap:8px;width:max-content;max-width:100%;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;padding:7px 10px;margin-top:10px;font-size:12px;font-weight:700} .dof-ai-rule.is-visible{display:inline-flex} .dof-ai-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px} .dof-ai-date{display:none;margin-top:10px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;padding:9px 11px;font-size:13px;font-weight:700} .dof-ai-date.is-visible{display:block} .dof-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .dof-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;animation:dofToastIn .18s ease-out} .dof-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .dof-toast strong{display:block;font-size:13px;font-weight:700;margin-bottom:2px} .dof-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} .dof-toast.error{border-color:#fecaca} .dof-toast.error i{background:#fee2e2;color:#b91c1c} @keyframes dofToastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}} @media (max-width:1100px){.dof-create-overview,.dof-create-shell{grid-template-columns:1fr}.dof-create-grid{grid-template-columns:1fr}} @media (max-width:640px){.dof-create-hero{padding:18px 16px}.dof-create-body{padding:14px}.dof-create-footer{justify-content:stretch}.dof-create-btn{width:100%}}
.dof-hidden-flex{display:none !important} .dof-ai-actions-topless{margin-top:0} .dof-block-spaced-14{margin-top:14px} .dof-btn-top-10{margin-top:10px}
/*DOF Edit*/
.right_col[role="main"] .dof-edit-shell, .right_col[role="main"] .dof-edit-shell *, .right_col[role="main"] .dof-edit-hero, .right_col[role="main"] .dof-edit-panel{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"] > .dof-edit-hero, .right_col[role="main"] > .dof-edit-shell{width:100%;min-width:0;max-width:100%} .dof-edit-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;margin-bottom:18px;border-radius:8px;padding:22px 24px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .dof-edit-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .dof-edit-hero p{margin:0;color:rgba(255,255,255,.88);line-height:1.65;max-width:840px;font-size:14px} .dof-edit-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px} .dof-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .dof-edit-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .dof-edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .dof-edit-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none} .dof-edit-action:hover,.dof-edit-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.36)} .dof-edit-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px} .dof-edit-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start} .dof-edit-side{display:grid;gap:14px} .dof-edit-panel,.dof-edit-card{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)} .dof-edit-card{padding:14px 16px 14px 18px} .dof-edit-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#dc2626} .dof-edit-card span{display:block;color:#64748b;font-size:12px;line-height:1.45;font-weight:600} .dof-edit-card strong{display:block;margin-top:6px;color:#0f172a;font-size:18px;line-height:1.2;font-weight:700;word-break:break-word} .dof-edit-card p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.55} .dof-edit-nav{display:grid;gap:8px} .dof-edit-nav a{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none} .dof-edit-nav a:hover,.dof-edit-nav a:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .dof-edit-nav a.active{border-color:#fecaca;background:#fef2f2;color:#b91c1c} .dof-edit-panel{display:none} .dof-edit-panel.active{display:block} .dof-edit-head{padding:18px 20px;border-bottom:1px solid #eef2f7} .dof-edit-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .dof-edit-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .dof-edit-body{padding:18px 20px} .dof-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .dof-edit-field{display:grid;gap:6px} .dof-edit-field.full{grid-column:1/-1} .dof-edit-field label{margin:0;color:#334155;font-size:13px;font-weight:700;line-height:1.4} .dof-edit-field .required{color:#dc2626} .dof-edit-field input, .dof-edit-field select, .dof-edit-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.45;box-shadow:none} .dof-edit-field textarea{resize:vertical} .dof-edit-field input:focus, .dof-edit-field select:focus, .dof-edit-field textarea:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.10);outline:none} .dof-focus-pulse{border-color:#1d4ed8 !important;box-shadow:0 0 0 3px rgba(29,78,216,.18) !important;transition:box-shadow .18s ease,border-color .18s ease} .source-badge{display:inline-flex;align-items:center;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:5px 10px;font-size:12px;font-weight:700} .dof-edit-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc} .dof-edit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;min-height:38px} .dof-edit-btn:hover,.dof-edit-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .dof-edit-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff} .dof-edit-btn.primary:hover,.dof-edit-btn.primary:focus{background:#b91c1c;color:#fff;border-color:#b91c1c} @media (max-width:1100px){.dof-edit-overview,.dof-edit-shell{grid-template-columns:1fr}.dof-edit-side{position:static}.dof-edit-grid{grid-template-columns:1fr}} @media (max-width:640px){.dof-edit-hero{padding:18px 16px}.dof-edit-body{padding:14px}.dof-edit-footer{justify-content:stretch}.dof-edit-btn{width:100%}}

/* DOF Suggestion Rules */
.dsr-hero,.dsre-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .dsr-hero h3,.dsre-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .dsr-hero p,.dsre-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:860px;font-size:14px} .dsr-meta,.dsre-meta,.dsre-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .dsr-pill,.dsre-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:700} .dsr-shell,.dsre-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px} .dsr-panel,.dsre-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;min-width:0} .dsr-head,.dsre-head{padding:18px 20px;border-bottom:1px solid #eef2f7} .dsr-head h4,.dsre-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700} .dsr-head p,.dsre-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6} .dsr-body,.dsre-body{padding:18px 20px} .dsr-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px} .dsr-hero-action,.dsre-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none} .dsr-hero-action:hover,.dsr-hero-action:focus,.dsre-action:hover,.dsre-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none} .dsr-side-list{display:grid;gap:10px} .dsr-side-item{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:13px 13px 13px 17px;overflow:hidden} .dsr-side-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#dc2626} .dsr-side-item span{display:block;color:#64748b;font-size:12px} .dsr-side-item strong{display:block;margin-top:5px;color:#0f172a;font-size:22px;line-height:1} .dsr-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px} .dsr-search{width:min(320px,100%);border:1px solid #d0d5dd;border-radius:8px;padding:9px 11px;color:#334155} .dsr-table-wrap{overflow:auto} .dsr-table{width:100%;border-collapse:separate;border-spacing:0;min-width:860px} .dsr-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-align:left;padding:11px 12px;border-bottom:1px solid #e5e7eb} .dsr-table td{padding:12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px;vertical-align:top} .dsr-code{display:block;color:#64748b;font-size:12px;margin-top:4px} .dsr-badge{display:inline-flex;align-items:center;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff} .dsr-badge.success{border-color:#bbf7d0;color:#15803d;background:#f0fdf4} .dsr-badge.muted{border-color:#e5e7eb;color:#64748b;background:#f8fafc} .dsr-actions{display:flex;gap:8px;flex-wrap:wrap} .dsr-btn,.dsre-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;min-height:34px} .dsre-btn{padding:8px 16px;font-size:13px;min-height:38px} .dsr-btn:hover,.dsr-btn:focus,.dsre-btn:hover,.dsre-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .dsr-btn.primary,.dsre-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff} .dsr-btn.primary:hover,.dsr-btn.primary:focus,.dsre-btn.primary:hover,.dsre-btn.primary:focus{background:#b91c1c;color:#fff;border-color:#b91c1c} .dsr-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;padding:20px;text-align:center} .dsr-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;flex-wrap:wrap;color:#64748b;font-size:12px} .dsre-flow{display:grid;gap:8px} .dsre-flow a{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none} .dsre-flow a.active,.dsre-flow a:hover{background:#fef2f2;border-color:#fecaca;color:#b91c1c;text-decoration:none} .dsre-grid,.dsre-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .dsre-preview-grid{gap:12px;margin-bottom:12px} .dsre-field{display:grid;gap:7px} .dsre-field.full{grid-column:1/-1} .dsre-field label{margin:0;color:#334155;font-size:13px;font-weight:700} .dsre-field input,.dsre-field select,.dsre-field textarea{width:100%;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:9px 11px;font-size:13px;line-height:1.5} .dsre-field textarea{min-height:120px;resize:vertical} .dsre-help{color:#64748b;font-size:12px;line-height:1.5} .dsre-alert{border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;padding:11px 13px;margin-bottom:14px;font-size:13px} .dsre-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #eef2f7;background:#f8fafc} .dsre-check{display:flex;align-items:center;gap:9px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:10px 12px;color:#334155;font-size:13px;font-weight:700} .dsre-check input{width:auto} .dsre-panel-section{display:none} .dsre-panel-section.is-active{display:block} .dsre-preview-box{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);padding:14px;margin-top:14px} .dsre-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px} .dsre-preview-head strong{display:block;color:#0f172a;font-size:14px;font-weight:700} .dsre-preview-head span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45} .dsre-preview-result{display:none;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#334155;padding:12px;font-size:13px;line-height:1.65;white-space:pre-wrap} .dsre-preview-result.is-visible{display:block} .dsre-preview-result strong{display:block;color:#0f172a;margin-bottom:6px} @media (max-width:1100px){.dsr-shell,.dsre-shell,.dsre-grid,.dsre-preview-grid{grid-template-columns:1fr}.dsr-table{min-width:760px}.dsre-field.full{grid-column:auto}}

/* Employee Create/Edit Flow */
.context-note-guidance{margin-top:6px;font-size:12px;color:#1e40af}.employee-form-toast,.employee-edit-toast{transition:opacity .2s ease,transform .2s ease}.employee-form-toast.is-leaving,.employee-edit-toast.is-leaving{opacity:0;transform:translateY(-4px)}

/* Employee Index Helpers */
.emp-panel[data-panel]{display:none}.emp-panel[data-panel].is-active{display:block}.emp-field.is-search{min-width:260px}.emp-field.is-status{min-width:160px}.emp-field.is-hazard{min-width:190px}.emp-field.is-department{min-width:180px}.emp-field.is-page-size{min-width:120px}.emp-toast{transition:opacity .2s ease,transform .2s ease}.emp-toast.is-leaving{opacity:0;transform:translateY(-4px)}.emp-empty.is-visible{display:block} .emp-readiness-progress{display:block;width:100%;height:8px;border:0;border-radius:999px;overflow:hidden;background:#e2e8f0;appearance:none}.emp-readiness-progress::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}.emp-readiness-progress::-webkit-progress-value{border-radius:999px}.emp-readiness-progress::-moz-progress-bar{border-radius:999px}.emp-readiness-progress.ready::-webkit-progress-value{background:linear-gradient(90deg,#16a34a,#22c55e)}.emp-readiness-progress.ready::-moz-progress-bar{background:linear-gradient(90deg,#16a34a,#22c55e)}.emp-readiness-progress.follow::-webkit-progress-value{background:linear-gradient(90deg,#2563eb,#60a5fa)}.emp-readiness-progress.follow::-moz-progress-bar{background:linear-gradient(90deg,#2563eb,#60a5fa)}.emp-readiness-progress.critical::-webkit-progress-value{background:linear-gradient(90deg,#dc2626,#f87171)}.emp-readiness-progress.critical::-moz-progress-bar{background:linear-gradient(90deg,#dc2626,#f87171)}

/* Employee Show Helpers */
.emp-show-spaced-18{margin-bottom:18px}.emp-show-spaced-16{margin-bottom:16px}.emp-show-field.is-wide{min-width:240px}.emp-show-field.is-size{min-width:120px}.emp-show-subline{color:#64748b;font-size:12px}.emp-show-link.is-top-spaced{margin-top:10px}.emp-show-toast{transition:opacity .2s ease,transform .2s ease}.emp-show-toast.is-leaving{opacity:0;transform:translateY(-6px)}.emp-show-table-empty.is-visible{display:block}

/*employee_trainings create*/
.etf-hero,.etf-shell,.etf-shell *,.etf-panel,.etf-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.etf-hero,.right_col[role="main"]>.etf-shell{width:100%;min-width:0;max-width:100%} .etf-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .etf-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px} .etf-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .etf-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px} .etf-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px} .etf-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .etf-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .etf-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px} .etf-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none} .etf-action:hover,.etf-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)} .etf-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px} .etf-sidecard,.etf-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .etf-sidecard{position:sticky;top:18px} .etf-sidehead,.etf-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7} .etf-sidehead h4,.etf-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .etf-sidehead p,.etf-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .etf-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7} .etf-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700} .etf-navbtn.active{border-color:#bbf7d0;background:#f0fdf4;color:#166534} .etf-navbtn:hover,.etf-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none} .etf-summary{display:grid;gap:10px;padding:12px} .etf-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .etf-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em} .etf-note strong{display:block;margin-top:5px;color:#0f172a;font-size:15px;line-height:1.4} .etf-note p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55} .etf-main{display:grid;gap:18px} .etf-panel[data-etf-panel]{display:none} .etf-panel[data-etf-panel].is-active{display:block} .etf-body{padding:18px 20px} .etf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .etf-grid.single{grid-template-columns:1fr} .etf-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5} .etf-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap} .etf-buttons{display:flex;gap:8px;flex-wrap:wrap} .etf-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .etf-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease} .etf-toast.is-visible{opacity:1;transform:translateY(0)} .etf-toast.warning{border-color:#fed7aa;background:#fff7ed} .etf-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .etf-toast.warning i{background:#ffedd5;color:#c2410c} .etf-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px} .etf-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} @media (max-width:1100px){.etf-shell{grid-template-columns:1fr}.etf-sidecard{position:static}} @media (max-width:760px){.etf-hero{padding:18px 16px}.etf-grid{grid-template-columns:1fr}}

/*employee_trainings edit*/
 .ete3-hero,.ete3-shell,.ete3-shell *,.ete3-panel,.ete3-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.ete3-hero,.right_col[role="main"]>.ete3-shell{width:100%;min-width:0;max-width:100%} .ete3-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .ete3-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px} .ete3-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .ete3-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px} .ete3-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px} .ete3-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .ete3-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .ete3-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px} .ete3-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none} .ete3-action:hover,.ete3-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)} .ete3-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px} .ete3-sidecard,.ete3-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .ete3-sidecard{position:sticky;top:18px} .ete3-sidehead,.ete3-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7} .ete3-sidehead h4,.ete3-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .ete3-sidehead p,.ete3-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .ete3-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7} .ete3-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700} .ete3-navbtn.active{border-color:#bbf7d0;background:#f0fdf4;color:#166534} .ete3-navbtn:hover,.ete3-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none} .ete3-summary{display:grid;gap:10px;padding:12px} .ete3-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .ete3-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em} .ete3-note strong{display:block;margin-top:5px;color:#0f172a;font-size:15px;line-height:1.4} .ete3-note p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55} .ete3-main{display:grid;gap:18px} .ete3-panel[data-ete3-panel]{display:none} .ete3-panel[data-ete3-panel].is-active{display:block} .ete3-body{padding:18px 20px} .ete3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .ete3-grid.single{grid-template-columns:1fr} .ete3-filebox{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .ete3-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5} .ete3-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap} .ete3-buttons{display:flex;gap:8px;flex-wrap:wrap} .ete3-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .ete3-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease} .ete3-toast.is-visible{opacity:1;transform:translateY(0)} .ete3-toast.warning{border-color:#fed7aa;background:#fff7ed} .ete3-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .ete3-toast.warning i{background:#ffedd5;color:#c2410c} .ete3-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px} .ete3-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} @media (max-width:1100px){.ete3-shell{grid-template-columns:1fr}.ete3-sidecard{position:static}} @media (max-width:760px){.ete3-hero{padding:18px 16px}.ete3-grid{grid-template-columns:1fr}}

 /*Employees create*/
 .employee-create { --accent: #475569; --accent-soft: rgba(71, 85, 105, 0.10); --accent-strong: #334155; --text: #0f172a; --muted: #64748b; --border: #e2e8f0; --surface: #ffffff; --surface-soft: #f8fafc; --shadow: 0 14px 28px rgba(15, 23, 42, 0.05); } .employee-create.theme-male { --accent: #2563eb; --accent-soft: rgba(37, 99, 235, 0.10); --accent-strong: #1d4ed8; } .employee-create.theme-female { --accent: #db2777; --accent-soft: rgba(219, 39, 119, 0.10); --accent-strong: #be185d; } .employee-create.theme-neutral { --accent: #0f766e; --accent-soft: rgba(15, 118, 110, 0.10); --accent-strong: #115e59; } .employee-create { color: var(--text); width: 100%; max-width: 100%; } .create-hero{ background:linear-gradient(135deg,#0f172a 0%,var(--accent-strong) 48%,var(--accent) 100%); color:#fff; border-radius:8px; padding:22px 24px; margin-bottom:18px; box-shadow:0 18px 40px rgba(15,23,42,.18); } .create-hero h3{ margin:0 0 8px; color:#fff; font-size:25px; font-weight:700; line-height:1.2; } .create-hero p{ margin:0; color:rgba(255,255,255,.88); max-width:860px; font-size:14px; line-height:1.65; } .create-hero-meta, .create-hero-actions{ display:flex; flex-wrap:wrap; gap:8px; } .create-hero-meta{margin-top:12px} .create-hero-actions{margin-top:16px} .create-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.09); color:#fff; font-size:12px; font-weight:700; } .create-pill i{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:rgba(255,255,255,.18); font-size:11px; } .create-hero-action{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:8px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.08); color:#fff; text-decoration:none; } .create-hero-action:hover, .create-hero-action:focus{ background:rgba(255,255,255,.18); color:#fff; text-decoration:none; } .create-shell { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 20px; width: 100%; max-width: 100%; } .create-side, .create-main { border: 1px solid var(--border); background: var(--surface); border-radius: 24px; box-shadow: var(--shadow); min-width: 0; box-sizing: border-box; } .create-side { padding: 22px; } .create-avatar { width: 118px; height: 118px; margin: 0 auto 16px; border-radius: 30px; background: linear-gradient(135deg, var(--accent-strong), var(--accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 42px; overflow: hidden; box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12); } .create-name { margin: 0 0 6px; text-align: center; font-size: 28px; font-weight: 900; letter-spacing: -.03em; } .create-role { text-align: center; color: var(--accent-strong); font-size: 14px; font-weight: 700; margin-bottom: 12px; } .create-badges { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; } .create-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 999px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid rgba(148, 163, 184, 0.18); } .create-stat-list { display: grid; gap: 10px; } .create-stat { border: 1px solid var(--border); border-radius: 16px; padding: 12px 14px; background: var(--surface-soft); } .create-stat .label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: 4px; } .create-stat .value { display: block; font-size: 14px; font-weight: 700; color: var(--text); } .create-main { overflow: hidden; width: 100%; max-width: 100%; } .create-content { padding: 24px; min-width: 0; } .create-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; } .create-grid > [data-employee-section] { grid-column: 1 / -1; }            .help-note { margin-top: 8px; color: var(--muted); font-size: 12px; }        .document-upload-hint { color: var(--muted); font-size: 12px; line-height: 1.55; margin-bottom: 10px; } .document-upload-card input[type="file"] { min-height: 40px; }  .context-note { border: 1px solid #dbeafe; background: #eff6ff; color: #1d4ed8; border-radius: 14px; padding: 12px 14px; margin-bottom: 18px; } .context-note strong { display:block; margin-bottom:4px; color:#1e3a8a; }      .create-step-nav{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding:16px 18px; border:1px solid var(--border); border-radius:16px; background:var(--surface-soft); } .create-step-copy{ min-width:0; } .create-step-copy strong{ display:block; color:var(--text); font-size:14px; font-weight:800; } .create-step-copy span{ display:block; margin-top:4px; color:var(--muted); font-size:12px; line-height:1.45; } .create-step-actions{ display:flex; gap:8px; flex-wrap:wrap; } .create-step-btn{ display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:8px 16px; border-radius:8px; border:1px solid #d0d5dd; background:#fff; color:#334155; font-size:13px; font-weight:700; } .create-step-btn[disabled]{ opacity:.55; cursor:not-allowed; } .create-step-btn.next{ background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; }       .create-flow { display:grid; gap:8px; margin:18px 0 0; }    .create-helper-card{ margin-top:18px; border:1px solid var(--border); border-radius:16px; background:var(--surface-soft); padding:14px; } .create-helper-card h3{ margin:0 0 10px; font-size:13px; font-weight:800; color:var(--text); } .create-helper-card p{ margin:0 0 12px; color:var(--muted); font-size:12px; line-height:1.55; } .create-helper-actions{ display:grid; gap:8px; } .create-helper-btn{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--border); border-radius:12px; background:#fff; color:var(--text); font-size:13px; font-weight:700; text-decoration:none; } .create-helper-btn:hover, .create-helper-btn:focus{ text-decoration:none; background:#f8fafc; color:var(--text); } .create-helper-btn span{ display:flex; align-items:center; gap:8px; } .create-flow-link { display:flex; align-items:center; gap:10px; border:1px solid var(--border); border-radius:12px; padding:10px 12px; color:var(--text); background:#fff; font-size:13px; font-weight:700; text-decoration:none; } .create-flow-link:hover, .create-flow-link:focus { text-decoration:none; background:#f8fafc; color:var(--text); } .create-flow-link.active { border-color:#bfdbfe; background:#eff6ff; color:#1d4ed8; } .employee-form-toast-wrap { position: fixed; top: 76px; right: 18px; z-index: 1080; display: grid; gap: 10px; } .employee-form-toast { min-width: 280px; max-width: 360px; padding: 14px 16px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; box-shadow: 0 20px 45px rgba(15,23,42,.18); display: flex; gap: 12px; align-items: flex-start; } .employee-form-toast i { margin-top: 2px; } .employee-form-toast strong { display:block; color:#0f172a; font-size:13px; } .employee-form-toast span { display:block; margin-top:3px; color:#64748b; font-size:12px; line-height:1.45; } .employee-form-toast.success i { color:#16a34a; } .employee-form-toast.error i { color:#dc2626; } .employee-form-toast.info i { color:#2563eb; } @media (max-width: 991px) { .create-shell, .create-grid, .form-grid, .document-upload-grid { grid-template-columns: 1fr; } }

 /*Employees edit*/
 .employee-edit { --accent: #475569; --accent-soft: rgba(71, 85, 105, 0.10); --accent-strong: #334155; --text: #0f172a; --muted: #64748b; --border: #e2e8f0; --surface: #ffffff; --surface-soft: #f8fafc; --shadow: 0 14px 28px rgba(15, 23, 42, 0.05); } .employee-edit.theme-male { --accent: #2563eb; --accent-soft: rgba(37, 99, 235, 0.10); --accent-strong: #1d4ed8; } .employee-edit.theme-female { --accent: #db2777; --accent-soft: rgba(219, 39, 119, 0.10); --accent-strong: #be185d; } .employee-edit.theme-neutral { --accent: #0f766e; --accent-soft: rgba(15, 118, 110, 0.10); --accent-strong: #115e59; } .employee-edit { color: var(--text); width: 100%; max-width: 100%; } .edit-hero{ background:linear-gradient(135deg,#0f172a 0%,var(--accent-strong) 48%,var(--accent) 100%); color:#fff; border-radius:8px; padding:22px 24px; margin-bottom:18px; box-shadow:0 18px 40px rgba(15,23,42,.18); } .edit-hero h3{ margin:0 0 8px; color:#fff; font-size:25px; font-weight:700; line-height:1.2; } .edit-hero p{ margin:0; color:rgba(255,255,255,.88); max-width:860px; font-size:14px; line-height:1.65; } .edit-hero-meta, .edit-hero-actions{ display:flex; flex-wrap:wrap; gap:8px; } .edit-hero-meta{margin-top:12px} .edit-hero-actions{margin-top:16px} .edit-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 13px; border-radius:999px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.09); color:#fff; font-size:12px; font-weight:700; } .edit-pill i{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:999px; background:rgba(255,255,255,.18); font-size:11px; } .edit-hero-action{ display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:8px; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.08); color:#fff; text-decoration:none; } .edit-hero-action:hover, .edit-hero-action:focus{ background:rgba(255,255,255,.18); color:#fff; text-decoration:none; } .edit-shell { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 20px; width: 100%; max-width: 100%; } .edit-side, .edit-main { border: 1px solid var(--border); background: var(--surface); border-radius: 24px; box-shadow: var(--shadow); min-width: 0; box-sizing: border-box; } .edit-side { padding: 22px; } .edit-avatar { width: 118px; height: 118px; margin: 0 auto 16px; border-radius: 30px; background: linear-gradient(135deg, var(--accent-strong), var(--accent)); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 42px; overflow: hidden; box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12); } .edit-avatar img { width: 100%; height: 100%; object-fit: cover; } .edit-name { margin: 0 0 6px; text-align: center; font-size: 28px; font-weight: 900; letter-spacing: -.03em; } .edit-role { text-align: center; color: var(--accent-strong); font-size: 14px; font-weight: 700; margin-bottom: 12px; } .edit-badges { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; } .edit-badge { display: inline-flex; align-items: center; gap: 7px; padding: 8px 12px; border-radius: 999px; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; background: var(--accent-soft); color: var(--accent-strong); border: 1px solid rgba(148, 163, 184, 0.18); } .edit-stat-list { display: grid; gap: 10px; } .edit-stat { border: 1px solid var(--border); border-radius: 16px; padding: 12px 14px; background: var(--surface-soft); } .edit-stat .label { display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); margin-bottom: 4px; } .edit-stat .value { display: block; font-size: 14px; font-weight: 700; color: var(--text); word-break: break-word; } .edit-main { overflow: hidden; width: 100%; max-width: 100%; } .edit-content { padding: 24px; min-width: 0; } .edit-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; width: 100%; min-width: 0; } .edit-grid > [data-employee-edit-section] { grid-column: 1 / -1; } .form-section { border: 1px solid var(--border); border-radius: 20px; background: #fff; padding: 18px; min-width: 0; box-sizing: border-box; } .form-section.full { grid-column: 1 / -1; } .form-section h3 { margin: 0 0 14px; font-size: 16px; font-weight: 800; color: var(--text); } .form-section h3 i { color: var(--accent-strong); margin-right: 8px; } .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; min-width: 0; } .field.full { grid-column: 1 / -1; } .field { min-width: 0; } .field label { display: block; font-size: 12px; font-weight: 700; color: var(--muted); margin-bottom: 6px; } .req-mark { display: inline-flex; align-items: center; margin-left: 6px; color: #dc2626; font-size: 10px; vertical-align: middle; } .field .form-control { border-radius: 12px; border-color: #d7e0ea; min-height: 42px; box-shadow: none; width: 100%; max-width: 100%; } .field textarea.form-control { min-height: 110px; resize: vertical; } .photo-note { margin-top: 8px; color: var(--muted); font-size: 12px; } .document-upload-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 4px; } .document-upload-card { border: 1px solid var(--border); border-radius: 16px; background: var(--surface-soft); padding: 14px; } .document-upload-card.required { border-color: rgba(220, 38, 38, 0.28); background: #fff7f7; } .document-upload-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; } .document-upload-title { font-size: 13px; font-weight: 800; color: var(--text); } .document-upload-tag { display: inline-flex; align-items: center; gap: 6px; padding: 4px 8px; border-radius: 999px; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; background: #e2e8f0; color: #475569; } .document-upload-card.required .document-upload-tag { background: #fee2e2; color: #b91c1c; } .document-upload-hint, .document-upload-status { color: var(--muted); font-size: 12px; line-height: 1.55; margin-bottom: 10px; } .document-upload-status strong { color: var(--text); } .document-upload-status a { font-weight: 700; } .alert-modern { border: 1px solid #fecaca; background: #fff1f2; color: #9f1239; border-radius: 14px; padding: 12px 14px; margin-bottom: 18px; } .submit-row { display: flex; align-items:center; justify-content: space-between; gap: 12px; margin-top: 20px; padding: 16px 18px; border: 1px solid var(--border); border-radius: 16px; background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%); } .submit-row-copy{ min-width:0; } .submit-row-copy strong{ display:block; color:var(--text); font-size:14px; font-weight:800; } .submit-row-copy span{ display:block; margin-top:4px; color:var(--muted); font-size:12px; line-height:1.45; } .submit-row-actions{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; } .edit-step-nav{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:20px; padding:16px 18px; border:1px solid var(--border); border-radius:16px; background:var(--surface-soft); } .edit-step-copy{ min-width:0; } .edit-step-copy strong{ display:block; color:var(--text); font-size:14px; font-weight:800; } .edit-step-copy span{ display:block; margin-top:4px; color:var(--muted); font-size:12px; line-height:1.45; } .edit-step-actions{ display:flex; gap:8px; flex-wrap:wrap; } .edit-step-btn{ display:inline-flex; align-items:center; gap:8px; min-height:38px; padding:8px 16px; border-radius:8px; border:1px solid #d0d5dd; background:#fff; color:#334155; font-size:13px; font-weight:700; } .edit-step-btn[disabled]{ opacity:.55; cursor:not-allowed; } .edit-step-btn.next{ background:#eff6ff; border-color:#bfdbfe; color:#1d4ed8; } .submit-row .btn { min-height: 38px; border-radius: 8px; font-weight: 700; min-width: 130px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:8px 16px; } .submit-row .btn-default{ border:1px solid #d0d5dd; background:#fff; color:#334155; } .submit-row .btn-default:hover, .submit-row .btn-default:focus{ background:#f8fafc; color:#0f172a; } .submit-row .btn-primary{ border:1px solid #2563eb; background:#2563eb; color:#fff; } .submit-icon-btn{ width:38px; min-width:38px !important; padding:0 !important; gap:0 !important; } .submit-row .btn-primary:hover, .submit-row .btn-primary:focus{ background:#1d4ed8; border-color:#1d4ed8; color:#fff; } .edit-flow { display:grid; gap:8px; margin:18px 0 0; } .create-flow-card, .edit-flow-card { margin-top:18px; border:1px solid var(--border); border-radius:16px; background:#fff; padding:14px; } .create-flow-card h3, .edit-flow-card h3 { margin:0 0 10px; font-size:13px; font-weight:800; color:var(--text); } .create-flow-card p, .edit-flow-card p { margin:0 0 12px; color:var(--muted); font-size:12px; line-height:1.5; } .edit-flow-link { display:flex; align-items:center; gap:10px; border:1px solid var(--border); border-radius:12px; padding:10px 12px; color:var(--text); background:#fff; font-size:13px; font-weight:700; text-decoration:none; } .edit-flow-link:hover, .edit-flow-link:focus { text-decoration:none; background:#f8fafc; color:var(--text); } .edit-flow-link.active { border-color:#bfdbfe; background:#eff6ff; color:#1d4ed8; } .employee-edit-toast-wrap { position: fixed; top: 76px; right: 18px; z-index: 1080; display: grid; gap: 10px; } .employee-edit-toast { min-width: 280px; max-width: 360px; padding: 14px 16px; border-radius: 8px; border: 1px solid #dbe3ee; background: #fff; box-shadow: 0 20px 45px rgba(15,23,42,.18); display: flex; gap: 12px; align-items: flex-start; } .employee-edit-toast i { margin-top: 2px; } .employee-edit-toast strong { display:block; color:#0f172a; font-size:13px; } .employee-edit-toast span { display:block; margin-top:3px; color:#64748b; font-size:12px; line-height:1.45; } .employee-edit-toast.success i { color:#16a34a; } .employee-edit-toast.error i { color:#dc2626; } .employee-edit-toast.info i { color:#2563eb; } @media (max-width: 991px) { .edit-shell, .edit-grid, .form-grid, .document-upload-grid { grid-template-columns: 1fr; } }
 /*Employees education*/
 .edu-status-card { background: #fff; border: 1px solid #e7e7e7; border-radius: 8px; padding: 14px 16px; box-shadow: 0 2px 10px rgba(0, 0, 0, .04); min-height: 100px; position: relative; overflow: hidden; margin-bottom: 15px; } .edu-status-card:before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #c1121f; } .edu-status-title { color: #666; font-size: 12px; font-weight: 700; } .edu-status-value { font-size: 30px; font-weight: 800; color: #111; margin-top: 8px; line-height: 1.1; } .edu-status-value.edu-person-name{font-size:22px}.edu-status-value.is-missing{color:#c1121f}.edu-status-value.is-complete{color:#1a7f37} .edu-status-sub { color: #888; font-size: 12px; margin-top: 6px; } .edu-box { background: #fff; border: 1px solid #e7e7e7; border-radius: 8px; padding: 16px; box-shadow: 0 2px 10px rgba(0, 0, 0, .04); margin-bottom: 15px; } .edu-box-title { font-size: 16px; font-weight: 800; color: #111; margin-bottom: 12px; } .edu-progress { width: 100%; height: 12px; background: #eceff3; border-radius: 999px; overflow: hidden; margin-top: 10px; } .edu-progress-bar { height: 12px; border-radius: 999px; background: linear-gradient(90deg, #1a7f37 0%, #34a853 100%); } .edu-progress-bar.low { background: linear-gradient(90deg, #c1121f 0%, #e05260 100%); } .edu-progress-bar.mid { background: linear-gradient(90deg, #f0ad4e 0%, #f7c66b 100%); } .edu-progress-meter{display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:#eceff3;appearance:none} .edu-progress-meter::-webkit-progress-bar{background:#eceff3;border-radius:999px} .edu-progress-meter::-webkit-progress-value{background:linear-gradient(90deg,#1a7f37,#34a853);border-radius:999px} .edu-progress-meter::-moz-progress-bar{background:linear-gradient(90deg,#1a7f37,#34a853);border-radius:999px} .edu-progress-meter.low::-webkit-progress-value{background:linear-gradient(90deg,#c1121f,#e05260)} .edu-progress-meter.low::-moz-progress-bar{background:linear-gradient(90deg,#c1121f,#e05260)} .edu-progress-meter.mid::-webkit-progress-value{background:linear-gradient(90deg,#f0ad4e,#f7c66b)} .edu-progress-meter.mid::-moz-progress-bar{background:linear-gradient(90deg,#f0ad4e,#f7c66b)} .edu-summary-label{margin-top:12px;font-size:13px;font-weight:700;color:#555} .edu-summary-key{width:240px}.edu-alert-flat{margin-bottom:0}.edu-quick-link{margin-bottom:10px}.edu-history-scroll{max-height:420px;overflow-y:auto}
 /*Employees index*/
 .emp-toast-wrap{position:fixed;top:76px;right:18px;z-index:1080;display:grid;gap:10px} .emp-toast{min-width:280px;max-width:360px;padding:14px 16px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18);display:flex;gap:12px;align-items:flex-start} .emp-toast i{margin-top:2px}.emp-toast strong{display:block;color:#0f172a;font-size:13px}.emp-toast span{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45} .emp-toast.success i{color:#16a34a}.emp-toast.error i{color:#dc2626}.emp-toast.info i{color:#2563eb} .emp-hero,.emp-shell,.emp-shell *,.emp-side,.emp-panel,.emp-stat{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.emp-hero,.right_col[role="main"]>.emp-shell{width:100%;max-width:100%} .emp-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .emp-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .emp-hero p{margin:0;color:rgba(255,255,255,.88);max-width:860px;font-size:14px;line-height:1.65} .emp-hero-meta,.emp-hero-actions{display:flex;flex-wrap:wrap;gap:8px}.emp-hero-meta{margin-top:12px}.emp-hero-actions{margin-top:16px} .emp-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:700} .emp-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .emp-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;text-decoration:none} .emp-action:hover,.emp-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none} .emp-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px} .emp-side,.emp-panel,.emp-stat{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden} .emp-side-head,.emp-panel-head{padding:18px 20px;border-bottom:1px solid #eef2f7} .emp-side-head h4,.emp-panel-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700} .emp-side-head p,.emp-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6} .emp-side-body,.emp-panel-body{padding:18px 20px} .emp-nav{display:grid;gap:8px}.emp-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.emp-nav-link:hover{text-decoration:none;background:#f8fafc;color:#0f172a}.emp-nav-link.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-side-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px;margin-top:14px}.emp-side-box strong{display:block;color:#0f172a;font-size:13px}.emp-side-box span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.55} .emp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px} .emp-stat{padding:14px;cursor:pointer;transition:all .18s ease}.emp-stat:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.08)}.emp-stat.active{border-color:#bfdbfe;background:#eff6ff} .emp-stat span{display:block;color:#64748b;font-size:12px;line-height:1.4}.emp-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:24px;line-height:1;font-weight:800}.emp-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.45} .emp-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px} .emp-toolbar-left,.emp-toolbar-right,.emp-filter-icons,.emp-table-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .emp-field{display:flex;flex-direction:column;gap:6px;min-width:0}.emp-field label{margin:0;color:#334155;font-size:12px;font-weight:700} .emp-btn,.emp-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:8px 16px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none} .emp-icon-btn{width:38px;padding:0}.emp-btn:hover,.emp-btn:focus,.emp-icon-btn:hover,.emp-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .emp-icon-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-bulk-band{display:grid;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;margin-bottom:16px} .emp-bulk-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start} .emp-bulk-copy strong{display:block;color:#0f172a;font-size:14px;font-weight:800} .emp-bulk-copy span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5} .emp-bulk-meta{display:flex;gap:8px;flex-wrap:wrap} .emp-bulk-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:11px;font-weight:800} .emp-bulk-actions{display:flex;gap:8px;flex-wrap:wrap} .emp-bulk-actions .emp-btn{padding:8px 14px} .emp-check{width:18px;height:18px;accent-color:#2563eb} .emp-letter-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.emp-letter-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155;font-size:12px;font-weight:800;cursor:pointer}.emp-letter-btn:hover{background:#f8fafc}.emp-letter-btn.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-table-wrap{overflow:auto}.emp-table{width:100%;border-collapse:separate;border-spacing:0}.emp-table th,.emp-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.emp-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .emp-person{display:flex;align-items:center;gap:12px;min-width:220px}.emp-person-trigger{border:0;background:none;padding:0;width:100%;text-align:left;cursor:pointer}.emp-avatar,.emp-avatar img{width:44px;height:44px;border-radius:12px;flex:0 0 44px}.emp-avatar{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;overflow:hidden;border:1px solid #ececec;background:#fafafa} .emp-avatar.male{background:linear-gradient(135deg,#0f172a,#2563eb)}.emp-avatar.female{background:linear-gradient(135deg,#7f1d1d,#ec4899)}.emp-avatar.neutral{background:linear-gradient(135deg,#101010,#b6121f)} .emp-person-copy{min-width:0}.emp-row-title{display:block;color:#0f172a;font-weight:700;line-height:1.35}.emp-row-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45} .emp-cell-card{display:grid;gap:8px;padding:12px;border:1px solid #eef2f7;border-radius:8px;background:#f8fafc} .emp-cell-card.tight{gap:6px} .emp-cell-inline{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .emp-cell-meta{display:flex;flex-wrap:wrap;gap:6px} .emp-mini-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:11px;font-weight:700} .emp-signal-bar{display:flex;flex-wrap:wrap;gap:6px} .emp-signal{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#475569;font-size:11px;font-weight:700} .emp-signal.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534} .emp-signal.missing{background:#fff7ed;border-color:#fed7aa;color:#92400e} .emp-readiness{display:grid;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .emp-readiness-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .emp-readiness-score{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#0f172a} .emp-readiness-score strong{font-size:18px;line-height:1} .emp-readiness-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.02em} .emp-readiness-badge.ready{background:#f0fdf4;border-color:#bbf7d0;color:#166534} .emp-readiness-badge.follow{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-readiness-badge.critical{background:#fef2f2;border-color:#fecaca;color:#b91c1c} .emp-readiness-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden} .emp-readiness-fill{height:100%;border-radius:999px} .emp-readiness-fill.ready{background:linear-gradient(90deg,#16a34a,#22c55e)} .emp-readiness-fill.follow{background:linear-gradient(90deg,#2563eb,#60a5fa)} .emp-readiness-fill.critical{background:linear-gradient(90deg,#dc2626,#f87171)} .emp-readiness-note{display:block;color:#64748b;font-size:12px;line-height:1.45} .emp-keyline{display:block;color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}   .emp-risk-stack{display:grid;gap:8px} .emp-risk-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .emp-risk-note{display:block;color:#64748b;font-size:12px;line-height:1.45} .emp-risk-meter{position:relative;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden} .emp-risk-meter > span{display:block;height:100%;border-radius:999px} .emp-risk-meter > span.info{width:38%;background:linear-gradient(90deg,#60a5fa,#2563eb)} .emp-risk-meter > span.warn{width:68%;background:linear-gradient(90deg,#fb923c,#f97316)} .emp-risk-meter > span.risk{width:100%;background:linear-gradient(90deg,#f87171,#dc2626)} .emp-status-stack{display:grid;gap:8px} .emp-status-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .emp-status-note{display:block;color:#64748b;font-size:12px;line-height:1.45} .emp-status-meter{position:relative;height:7px;border-radius:999px;background:#e2e8f0;overflow:hidden} .emp-status-meter > span{display:block;height:100%;border-radius:999px} .emp-status-meter > span.good{width:100%;background:linear-gradient(90deg,#22c55e,#16a34a)} .emp-status-meter > span.risk{width:48%;background:linear-gradient(90deg,#f59e0b,#ea580c)} .emp-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} .emp-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.emp-page-info{color:#64748b;font-size:12px;font-weight:700} .emp-menu-wrap{position:relative}.emp-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#334155}.emp-menu-btn:hover{background:#f8fafc;color:#0f172a} .emp-menu{position:absolute;top:42px;right:0;min-width:220px;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18);display:none;z-index:40}.emp-menu.open{display:grid;gap:6px} .emp-menu a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:#334155;font-size:13px;font-weight:700;text-decoration:none}.emp-menu a:hover{background:#f8fafc;color:#0f172a;text-decoration:none} .emp-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.48);display:none;align-items:center;justify-content:center;padding:16px;z-index:1070}.emp-modal-backdrop.open{display:flex} .emp-modal{width:min(100%,520px);border-radius:8px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(15,23,42,.24);overflow:hidden} .emp-modal-head{padding:18px 20px 12px;border-bottom:1px solid #eef2f7}.emp-modal-head h4{margin:0;color:#0f172a;font-size:18px;font-weight:700} .emp-modal-body{padding:18px 20px;display:grid;gap:12px}.emp-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .emp-modal-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}.emp-modal-card strong{display:block;color:#0f172a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.emp-modal-card span{display:block;margin-top:6px;color:#334155;font-size:13px;line-height:1.45} .emp-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 20px} @media (max-width:1100px){.emp-shell{grid-template-columns:1fr}.emp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.emp-hero{padding:18px 16px}.emp-stats{grid-template-columns:1fr}.emp-side-body,.emp-panel-body{padding:14px}.emp-person{min-width:0}.emp-table-actions{display:grid;grid-template-columns:repeat(2,38px)}.emp-modal-grid{grid-template-columns:1fr}}

 /*Employees show*/
 .emp-show-toast-wrap{position:fixed;top:76px;right:18px;z-index:1080;display:grid;gap:10px} .emp-show-toast{min-width:280px;max-width:360px;padding:14px 16px;border-radius:8px;border:1px solid #dbe3ee;background:#fff;box-shadow:0 20px 45px rgba(15,23,42,.18);display:flex;gap:12px;align-items:flex-start} .emp-show-toast i{margin-top:2px}.emp-show-toast strong{display:block;color:#0f172a;font-size:13px}.emp-show-toast span{display:block;margin-top:3px;color:#64748b;font-size:12px;line-height:1.45} .emp-show-toast.success i{color:#16a34a}.emp-show-toast.error i{color:#dc2626}.emp-show-toast.info i{color:#2563eb} .emp-show,.emp-show *,.emp-show-side,.emp-show-panel,.emp-show-stat{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.emp-show-hero,.right_col[role="main"]>.emp-show-shell{width:100%;max-width:100%} .emp-show-hero{background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 48%,#dc2626 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .emp-show-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .emp-show-hero p{margin:0;color:rgba(255,255,255,.88);max-width:860px;font-size:14px;line-height:1.65} .emp-show-meta,.emp-show-actions{display:flex;flex-wrap:wrap;gap:8px} .emp-show-meta{margin-top:12px}.emp-show-actions{margin-top:16px} .emp-show-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.09);color:#fff;font-size:12px;font-weight:700} .emp-show-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .emp-show-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#fff;text-decoration:none} .emp-show-action:hover,.emp-show-action:focus{background:rgba(255,255,255,.18);color:#fff;text-decoration:none} .emp-show-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px} .emp-show-side,.emp-show-panel,.emp-show-stat{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden} .emp-show-side-head,.emp-show-panel-head{padding:18px 20px;border-bottom:1px solid #eef2f7} .emp-show-side-head h4,.emp-show-panel-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700} .emp-show-side-head p,.emp-show-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6} .emp-show-side-body,.emp-show-panel-body{padding:18px 20px} .emp-profile-card{display:grid;gap:14px} .emp-profile-avatar{width:98px;height:98px;border-radius:20px;background:linear-gradient(135deg,#0f172a,#b91c1c);display:flex;align-items:center;justify-content:center;color:#fff;font-size:34px;overflow:hidden;margin:0 auto} .emp-profile-avatar img{width:100%;height:100%;object-fit:cover} .emp-profile-avatar.male{background:linear-gradient(135deg,#0f172a,#2563eb)} .emp-profile-avatar.female{background:linear-gradient(135deg,#7f1d1d,#ec4899)} .emp-profile-name{text-align:center}.emp-profile-name strong{display:block;color:#0f172a;font-size:22px;line-height:1.15}.emp-profile-name span{display:block;margin-top:6px;color:#64748b;font-size:13px} .emp-profile-badges{display:flex;justify-content:center;gap:8px;flex-wrap:wrap} .emp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700} .emp-badge.good{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.emp-badge.risk{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.emp-badge.warn{background:#fff7ed;border-color:#fed7aa;color:#92400e}.emp-badge.info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-profile-grid{display:grid;gap:10px} .emp-profile-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .emp-profile-item strong{display:block;color:#0f172a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .emp-profile-item span{display:block;margin-top:6px;color:#334155;font-size:13px;line-height:1.45;word-break:break-word} .emp-show-nav{display:grid;gap:8px} .emp-show-nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none} .emp-show-nav-link:hover{text-decoration:none;background:#f8fafc;color:#0f172a} .emp-show-nav-link.active{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8} .emp-show-side-box{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px;margin-top:14px} .emp-show-side-box strong{display:block;color:#0f172a;font-size:13px} .emp-show-side-box span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.55} .emp-show-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px} .emp-show-stat{padding:14px;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease} .emp-show-stat span{display:block;color:#64748b;font-size:12px;line-height:1.4} .emp-show-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:24px;line-height:1;font-weight:800} .emp-show-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.45} .emp-show-stat:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(15,23,42,.08)} .emp-show-stat.active{box-shadow:0 0 0 1px #bfdbfe,0 14px 28px rgba(15,23,42,.08)} .emp-show-stat.training-expired{background:#fff7ed;border-color:#fed7aa} .emp-show-stat.training-expired span,.emp-show-stat.training-expired small{color:#9a3412} .emp-show-stat.training-expired strong{color:#c2410c} .emp-show-stat.training-near{background:#eff6ff;border-color:#bfdbfe} .emp-show-stat.training-near span,.emp-show-stat.training-near small{color:#1d4ed8} .emp-show-stat.training-near strong{color:#1e40af} .emp-show-stat.exam-expired{background:#fef2f2;border-color:#fecaca} .emp-show-stat.exam-expired span,.emp-show-stat.exam-expired small{color:#b91c1c} .emp-show-stat.exam-expired strong{color:#991b1b} .emp-show-stat.documents{background:#f8fafc;border-color:#cbd5e1} .emp-show-stat.documents span,.emp-show-stat.documents small{color:#475569} .emp-show-stat.documents strong{color:#0f172a} .emp-show-stat.ppe{background:#f0fdf4;border-color:#bbf7d0} .emp-show-stat.ppe span,.emp-show-stat.ppe small{color:#166534} .emp-show-stat.ppe strong{color:#15803d} .emp-show-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px} .emp-show-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden} .emp-show-card-head{padding:16px 18px;border-bottom:1px solid #eef2f7} .emp-show-card-head h5{margin:0 0 4px;color:#0f172a;font-size:15px;font-weight:700} .emp-show-card-head p{margin:0;color:#64748b;font-size:12px;line-height:1.55} .emp-show-card-body{padding:16px 18px} .emp-show-list{display:grid;gap:10px} .emp-show-list-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .emp-show-list-item strong{display:block;color:#0f172a;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .emp-show-list-item span{display:block;margin-top:6px;color:#334155;font-size:13px;line-height:1.45} .emp-show-inline-actions{display:flex;gap:8px;flex-wrap:wrap} .emp-show-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none} .emp-show-link:hover,.emp-show-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a} .emp-show-table-tools{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:16px} .emp-show-table-tools-left,.emp-show-table-tools-right{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end} .emp-show-field{display:flex;flex-direction:column;gap:6px;min-width:0} .emp-show-field label{margin:0;color:#334155;font-size:12px;font-weight:700} .emp-show-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px} .emp-show-doc-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:14px} .emp-show-doc-card strong{display:block;color:#0f172a;font-size:14px;line-height:1.35} .emp-show-doc-card span{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.55} .emp-show-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px} .emp-show-empty strong{display:block;margin-bottom:6px;color:#0f172a;font-size:15px} .emp-show-table-empty{display:none;margin-top:12px} .emp-show-table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px} .emp-show-table-info{color:#64748b;font-size:12px;font-weight:700} .emp-show-table-pager{display:flex;gap:8px;flex-wrap:wrap} .emp-show-table-wrap{overflow:auto} .emp-show-table{width:100%;border-collapse:separate;border-spacing:0} .emp-show-table th,.emp-show-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top} .emp-show-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap} .emp-show-table td{color:#334155;font-size:13px;line-height:1.45} .emp-show-upload{display:grid;gap:10px;margin-top:12px} .emp-show-upload .form-control{border-radius:8px} .emp-show-section{display:none} .emp-show-section.active{display:block} .emp-show-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #eef2f7} .emp-show-stepcopy strong{display:block;color:#0f172a;font-size:13px;font-weight:700} .emp-show-stepcopy span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5} .emp-show-stepactions{display:flex;align-items:center;gap:8px;flex-wrap:wrap} @media (max-width:1100px){.emp-show-shell{grid-template-columns:1fr}.emp-show-stats{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:720px){.emp-show-hero{padding:18px 16px}.emp-show-stats,.emp-show-grid{grid-template-columns:1fr}.emp-show-side-body,.emp-show-panel-body{padding:14px}}

 /*Health exam rules create */
  .herx-warning-box{border-style:solid;border-color:#fed7aa;background:#fff7ed;color:#9a3412}.herx-warning-title{display:block;margin-bottom:8px;color:#9a3412}.herx-form-inline-zero{margin-bottom:0}.herx-th-actions{text-align:right}.herx-inline-form{display:inline-flex}.herx-filter-action.is-active{border-color:#0f766e;background:#f0fdfa;color:#0f766e}.herc-alert-spaced,.here-alert-spaced{margin-bottom:14px}.here-actionsbar-top{margin-top:12px}.here-inline-form{display:inline-flex}
  .herc-hero,.herc-shell,.herc-shell *,.herc-panel,.herc-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.herc-hero,.right_col[role="main"]>.herc-shell{width:100%;min-width:0;max-width:100%} .herc-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 44%,#0f766e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .herc-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px} .herc-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .herc-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px} .herc-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px} .herc-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .herc-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .herc-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px} .herc-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none} .herc-action:hover,.herc-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)} .herc-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px} .herc-sidecard,.herc-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .herc-sidecard{position:sticky;top:18px} .herc-sidehead,.herc-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7} .herc-sidehead h4,.herc-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .herc-sidehead p,.herc-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .herc-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7} .herc-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700} .herc-navbtn.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e} .herc-navbtn:hover,.herc-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none} .herc-summary{display:grid;gap:10px;padding:12px} .herc-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .herc-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em} .herc-note strong{display:block;margin-top:5px;color:#0f172a;font-size:15px;line-height:1.4} .herc-note p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55} .herc-main{display:grid;gap:18px} .herc-panel[data-herc-panel]{display:none} .herc-panel[data-herc-panel].is-active{display:block} .herc-body{padding:18px 20px} .herc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .herc-grid.single{grid-template-columns:1fr} .herc-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5} .herc-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap} .herc-buttons{display:flex;gap:8px;flex-wrap:wrap} .herc-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .herc-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease} .herc-toast.is-visible{opacity:1;transform:translateY(0)} .herc-toast.warning{border-color:#fed7aa;background:#fff7ed} .herc-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .herc-toast.warning i{background:#ffedd5;color:#c2410c} .herc-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px} .herc-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} @media (max-width:1100px){.herc-shell{grid-template-columns:1fr}.herc-sidecard{position:static}} @media (max-width:760px){.herc-hero{padding:18px 16px}.herc-grid{grid-template-columns:1fr}}

  /*Health exam rules edit*/
  .here-hero,.here-shell,.here-shell *,.here-panel,.here-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.here-hero,.right_col[role="main"]>.here-shell{width:100%;min-width:0;max-width:100%} .here-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 44%,#0f766e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .here-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px} .here-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .here-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px} .here-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px} .here-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .here-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .here-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px} .here-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none} .here-action:hover,.here-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)} .here-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px} .here-sidecard,.here-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .here-sidecard{position:sticky;top:18px} .here-sidehead,.here-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7} .here-sidehead h4,.here-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .here-sidehead p,.here-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .here-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7} .here-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700} .here-navbtn.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e} .here-summary{display:grid;gap:10px;padding:12px} .here-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .here-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em} .here-note strong{display:block;margin-top:5px;color:#0f172a;font-size:15px;line-height:1.4} .here-note p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55} .here-main{display:grid;gap:18px} .here-panel[data-here-panel]{display:none} .here-panel[data-here-panel].is-active{display:block} .here-body{padding:18px 20px} .here-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .here-grid.single{grid-template-columns:1fr} .here-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5} .here-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap} .here-buttons{display:flex;gap:8px;flex-wrap:wrap} .here-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .here-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease} .here-toast.is-visible{opacity:1;transform:translateY(0)} .here-toast.warning{border-color:#fed7aa;background:#fff7ed} .here-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .here-toast.warning i{background:#ffedd5;color:#c2410c} .here-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px} .here-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} @media (max-width:1100px){.here-shell{grid-template-columns:1fr}.here-sidecard{position:static}} @media (max-width:760px){.here-hero{padding:18px 16px}.here-grid{grid-template-columns:1fr}}

/*Health exam rules index*/
  .herx-hero,.herx-shell,.herx-shell *,.herx-panel,.herx-sidecard{box-sizing:border-box;min-width:0;max-width:100%} .right_col[role="main"]>.herx-hero,.right_col[role="main"]>.herx-shell{width:100%;max-width:100%} .herx-hero{background:linear-gradient(135deg,#0f172a 0%,#155e75 44%,#0f766e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)} .herx-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px} .herx-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2} .herx-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px} .herx-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px} .herx-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600} .herx-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px} .herx-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px} .herx-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none} .herx-action:hover,.herx-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)} .herx-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px} .herx-sidecard,.herx-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden} .herx-sidecard{position:sticky;top:18px} .herx-sidehead,.herx-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7} .herx-sidehead h4,.herx-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3} .herx-sidehead p,.herx-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65} .herx-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7} .herx-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700} .herx-navbtn.active{border-color:#99f6e4;background:#f0fdfa;color:#0f766e} .herx-summary-side{display:grid;gap:10px;padding:12px} .herx-note,.herx-stat,.herx-focus{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px} .herx-note span,.herx-stat span,.herx-focus span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em} .herx-note strong,.herx-stat strong,.herx-focus strong{display:block;margin-top:5px;color:#0f172a} .herx-main{display:grid;gap:18px} .herx-panel[data-herx-panel]{display:none} .herx-panel[data-herx-panel].is-active{display:block} .herx-body{padding:18px 20px} .herx-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px} .herx-stat strong{font-size:24px;line-height:1} .herx-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.5} .herx-stat.is-clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease} .herx-stat.is-clickable.is-active{border-color:#99f6e4;background:#f0fdfa;box-shadow:0 0 0 1px rgba(13,148,136,.08)} .herx-stat.stat-active{background:#f0fdf4;border-color:#bbf7d0} .herx-stat.stat-passive{background:#fff7ed;border-color:#fed7aa} .herx-stat.stat-risk{background:#fef2f2;border-color:#fecaca} .herx-stat.stat-archive{background:#f3f4f6;border-color:#d1d5db} .herx-stat.stat-total{background:#f8fafc;border-color:#e2e8f0} .herx-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .herx-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55} .herx-filters{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,.75fr)) 38px;gap:10px;align-items:end;margin-bottom:14px} .herx-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px} .herx-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155} .herx-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap} .herx-tools-meta{color:#64748b;font-size:12px} .herx-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px} .herx-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700} .herx-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1} .herx-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff} .herx-table{width:100%;border-collapse:collapse;min-width:980px} .herx-table th,.herx-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top} .herx-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em} .herx-col-stack{display:grid;gap:4px} .herx-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35} .herx-col-sub{color:#64748b;font-size:12px;line-height:1.45} .herx-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent} .tone-active{background:#f0fdf4;color:#166534;border-color:#bbf7d0} .tone-passive{background:#fff7ed;color:#92400e;border-color:#fed7aa} .tone-archived{background:#f3f4f6;color:#475569;border-color:#d1d5db} .herx-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .herx-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)} .herx-icon-action.is-archive{border-color:#e2e8f0;background:#f8fafc} .herx-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center} .herx-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap} .herx-pager-meta{color:#64748b;font-size:12px} .herx-pager-actions{display:flex;gap:8px;flex-wrap:wrap} .herx-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none} .herx-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease} .herx-toast.is-visible{opacity:1;transform:translateY(0)} .herx-toast.warning{border-color:#fed7aa;background:#fff7ed} .herx-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8} .herx-toast.warning i{background:#ffedd5;color:#c2410c} .herx-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px} .herx-toast span{display:block;color:#475569;font-size:12px;line-height:1.5} @media (max-width:1100px){.herx-shell{grid-template-columns:1fr}.herx-sidecard{position:static}.herx-summary{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:760px){.herx-hero{padding:18px 16px}.herx-focus-grid{grid-template-columns:1fr}.herx-filters{grid-template-columns:1fr}.herx-body{padding:14px}.herx-action{width:100%}} @media (max-width:560px){.herx-summary{grid-template-columns:1fr}}

/* Vaccinations */
.vx-form-inline-zero,.vx-filter-inline-zero{margin-bottom:0}.vx-th-actions{text-align:right}.vx-inline-form{display:inline-flex}.vx-form-alert-spaced,.vx-edit-alert-spaced{margin-bottom:14px}.vx-filter-action.is-active{border-color:#15803d;background:#f0fdf4;color:#15803d}
.vx-hero,.vx-shell,.vx-shell *,.vx-panel,.vx-sidecard,.vx-form-hero,.vx-form-shell,.vx-form-shell *,.vx-form-panel,.vx-form-sidecard,.vx-edit-hero,.vx-edit-shell,.vx-edit-shell *,.vx-edit-panel,.vx-edit-sidecard{box-sizing:border-box;min-width:0;max-width:100%}
.right_col[role="main"]>.vx-hero,.right_col[role="main"]>.vx-shell,.right_col[role="main"]>.vx-form-hero,.right_col[role="main"]>.vx-form-shell,.right_col[role="main"]>.vx-edit-hero,.right_col[role="main"]>.vx-edit-shell{width:100%;max-width:100%}
.vx-hero,.vx-form-hero,.vx-edit-hero{background:linear-gradient(135deg,#0f172a 0%,#14532d 44%,#15803d 100%);color:#fff;border-radius:8px;padding:22px 24px;margin:0 0 18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.vx-kicker,.vx-form-kicker,.vx-edit-kicker{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;margin-bottom:7px}
.vx-hero h3,.vx-form-hero h3,.vx-edit-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
.vx-hero p,.vx-form-hero p,.vx-edit-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}
.vx-meta,.vx-form-meta,.vx-edit-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
.vx-pill,.vx-form-pill,.vx-edit-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
.vx-pill i,.vx-form-pill i,.vx-edit-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.vx-actions,.vx-form-actions,.vx-edit-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.vx-action,.vx-form-action,.vx-edit-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 16px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff!important;font-size:13px;font-weight:700;text-decoration:none}
.vx-form-action,.vx-edit-action{width:38px;padding:0}
.vx-action:hover,.vx-action:focus,.vx-form-action:hover,.vx-form-action:focus,.vx-edit-action:hover,.vx-edit-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none;border-color:rgba(255,255,255,.36)}
.vx-action.primary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)}
.vx-shell,.vx-form-shell,.vx-edit-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;align-items:start;margin-bottom:24px}
.vx-sidecard,.vx-panel,.vx-form-sidecard,.vx-form-panel,.vx-edit-sidecard,.vx-edit-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}
.vx-sidecard,.vx-form-sidecard,.vx-edit-sidecard{position:sticky;top:18px}
.vx-sidehead,.vx-head,.vx-form-sidehead,.vx-form-head,.vx-edit-sidehead,.vx-edit-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}
.vx-sidehead h4,.vx-head h4,.vx-form-sidehead h4,.vx-form-head h4,.vx-edit-sidehead h4,.vx-edit-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
.vx-sidehead p,.vx-head p,.vx-form-sidehead p,.vx-form-head p,.vx-edit-sidehead p,.vx-edit-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
.vx-nav,.vx-form-nav,.vx-edit-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}
.vx-navbtn,.vx-form-navbtn,.vx-edit-navbtn{width:100%;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;padding:10px 12px;display:flex;align-items:center;gap:10px;text-align:left;font-size:13px;font-weight:700}
.vx-navbtn.active,.vx-form-navbtn.active,.vx-edit-navbtn.active{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}
.vx-navbtn:hover,.vx-navbtn:focus,.vx-form-navbtn:hover,.vx-form-navbtn:focus,.vx-edit-navbtn:hover,.vx-edit-navbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}
.vx-summary-side,.vx-form-summary,.vx-edit-summary{display:grid;gap:10px;padding:12px}
.vx-note,.vx-stat,.vx-focus,.vx-form-note,.vx-edit-note{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
.vx-note span,.vx-stat span,.vx-focus span,.vx-form-note span,.vx-edit-note span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.02em}
.vx-note strong,.vx-stat strong,.vx-focus strong,.vx-form-note strong,.vx-edit-note strong{display:block;margin-top:5px;color:#0f172a}
.vx-form-note p,.vx-edit-note p,.vx-focus p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.vx-main,.vx-form-main,.vx-edit-main{display:grid;gap:18px}
.vx-panel[data-vx-panel],.vx-form-panel[data-vx-form-panel],.vx-edit-panel[data-vx-edit-panel]{display:none}
.vx-panel[data-vx-panel].is-active,.vx-form-panel[data-vx-form-panel].is-active,.vx-edit-panel[data-vx-edit-panel].is-active{display:block}
.vx-body,.vx-form-body,.vx-edit-body{padding:18px 20px}
.vx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.vx-stat strong{font-size:24px;line-height:1}.vx-stat.is-clickable{cursor:pointer}
.vx-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vx-filters{display:grid;grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,.8fr)) 38px;gap:10px;align-items:end;margin-bottom:14px}
.vx-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vx-filter-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155}
.vx-tools{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.vx-tools-meta{color:#64748b;font-size:12px}
.vx-filter-chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vx-filter-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dbe3ea;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 12px;font-size:12px;font-weight:700}
.vx-filter-chip button{border:0;background:transparent;color:#64748b;padding:0;line-height:1}
.vx-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.vx-table{width:100%;border-collapse:collapse;min-width:920px}
.vx-table th,.vx-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}
.vx-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.vx-col-stack{display:grid;gap:4px}
.vx-col-main{color:#0f172a;font-size:13px;font-weight:700;line-height:1.35}
.vx-col-sub{color:#64748b;font-size:12px;line-height:1.45}
.vx-pill-soft{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;border:1px solid transparent}
.vx-row-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.vx-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}
.vx-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:22px 18px;color:#64748b;background:#f8fafc;text-align:center}
.vx-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}
.vx-pager-meta{color:#64748b;font-size:12px}
.vx-pager-actions{display:flex;gap:8px;flex-wrap:wrap}
.vx-form-grid,.vx-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.vx-form-grid.single,.vx-edit-grid.single{grid-template-columns:1fr}
.vx-form-hint,.vx-edit-hint{margin-top:6px;color:#64748b;font-size:12px;line-height:1.5}
.vx-form-actionsbar,.vx-edit-actionsbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid #eef2f7;flex-wrap:wrap}
.vx-form-buttons,.vx-edit-buttons{display:flex;gap:8px;flex-wrap:wrap}
.vx-toast-wrap,.vx-form-toast-wrap,.vx-edit-toast-wrap{position:fixed;top:84px;right:22px;z-index:14000;display:grid;gap:10px;width:min(360px,calc(100vw - 28px));pointer-events:none}
.vx-toast,.vx-form-toast,.vx-edit-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);padding:12px;color:#0f172a;pointer-events:auto;opacity:0;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease}
.vx-toast.is-visible,.vx-form-toast.is-visible,.vx-edit-toast.is-visible{opacity:1;transform:translateY(0)}
.vx-toast.warning,.vx-form-toast.warning,.vx-edit-toast.warning{border-color:#fed7aa;background:#fff7ed}
.vx-toast i,.vx-form-toast i,.vx-edit-toast i{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#eff6ff;color:#1d4ed8}
.vx-toast.warning i,.vx-form-toast.warning i,.vx-edit-toast.warning i{background:#ffedd5;color:#c2410c}
.vx-toast strong,.vx-form-toast strong,.vx-edit-toast strong{display:block;font-size:13px;font-weight:800;margin-bottom:3px}
.vx-toast span,.vx-form-toast span,.vx-edit-toast span{display:block;color:#475569;font-size:12px;line-height:1.5}
@media (max-width:1100px){.vx-shell,.vx-form-shell,.vx-edit-shell{grid-template-columns:1fr}.vx-sidecard,.vx-form-sidecard,.vx-edit-sidecard{position:static}}
@media (max-width:760px){.vx-hero,.vx-form-hero,.vx-edit-hero{padding:18px 16px}.vx-summary,.vx-focus-grid,.vx-form-grid,.vx-edit-grid{grid-template-columns:1fr}.vx-filters{grid-template-columns:1fr}.vx-body,.vx-form-body,.vx-edit-body{padding:14px}.vx-action{width:100%}}
@media (max-width:560px){.vx-summary,.vx-focus-grid{grid-template-columns:1fr}}

/* Task forms */
.right_col[role="main"] .task-create-shell,
    .right_col[role="main"] .task-create-shell *,
    .right_col[role="main"] .task-create-hero,
    .right_col[role="main"] .task-create-panel {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

/* Hero geometry and semantic palettes: keep navigation clean while each module
   retains its own operational identity. */
body.app-theme .right_col[role="main"] > .app-hero,
body.app-theme .right_col[role="main"] > .module-hero,
body.app-theme .right_col[role="main"] > [class*="-shell"] > [class*="-hero"] {
    border-radius: 0 0 8px 8px !important;
}

/* Module views use many named heroes. Match only the hero container token;
   meta rows and action groups keep their own component geometry. */
body.app-theme .right_col[role="main"] [class$="-hero"],
body.app-theme .right_col[role="main"] [class*="-hero "],
body.app-theme .right_col[role="main"] > .hero {
    position: relative;
    z-index: 1;
    margin-top: 0 !important;
    border-radius: 0 0 8px 8px !important;
}

body.app-theme .ldx-hero {
    background: linear-gradient(135deg, #164e63 0%, #0f766e 54%, #14b8a6 100%) !important;
}

body.app-theme .sbi-hero {
    background: linear-gradient(135deg, #14532d 0%, #15803d 54%, #22c55e 100%) !important;
}

/* Semantic hero palettes. Each operational family keeps a distinct visual cue. */
body.app-theme .right_col[role="main"] :is(
    .risk-bulk-hero, .risk-compare-hero, .risk-create-hero,
    .risk-edit-hero, .risk-heatmap-hero, .risk-index-hero, .risk-item-create-hero,
    .risk-item-edit-hero, .risk-items-hero, .risk-revisions-hero, .risk-show-hero,
    .risk-verify-hero, .rt-hero, .team-edit-hero, .team-index-hero,
    .ic-hero, .id-hero, .ii-hero, .is-hero, .ia-hero,
    .em-create-hero, .em-dashboard-hero, .em-drill-hero, .em-edit-hero,
    .em-hero, .em-show-hero, .em-team-hero, .em-teams-hero,
    .al-hero, .alrt-hero, .ar-hero, .are-hero, .au-hero
) {
    background: linear-gradient(135deg, #450a0a 0%, #b91c1c 52%, #fb7185 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .he-hero, .he-edit-hero, .he-form-hero, .herc-hero, .here-hero, .herx-hero,
    .vx-hero, .vx-form-hero, .vx-edit-hero
) {
    background: linear-gradient(135deg, #14532d 0%, #059669 52%, #6ee7b7 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .edu-create-hero, .edu-edit-hero, .edu-emp-hero, .edu-matrix-hero,
    .edu-miss-hero, .edu-pack-hero, .edu-rep-hero, .edu-risk-hero,
    .edu-score-hero, .edu-session-hero, .edu-sp-hero, .edu-trg-hero,
    .ed-hero, .ei-hero, .eti2-hero, .ete3-hero, .etf-hero,
    .td-hero, .tdc-hero, .tde-hero, .ear-hero
) {
    background: linear-gradient(135deg, #164e63 0%, #0891b2 52%, #67e8f9 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .wp-hero, .wp-select-hero, .wpx-hero, .nace-hero,
    .emp-hero, .emp-import-hero, .emp-import-preview-hero, .emp-import-result-hero,
    .emp-show-hero, .create-hero, .edit-hero,
    .ct-hero, .ctf-hero, .cti-hero, .ctip-hero, .ctir-hero
) {
    background: linear-gradient(135deg, #134e4a 0%, #0f766e 52%, #5eead4 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .sp-hero, .spb-hero, .spd-hero, .sps-hero,
    .task-create-hero, .task-list-hero, .task-show-hero,
    .visit-create-hero, .visit-hero, .visit-index-hero, .vc-hero, .vd-hero,
    .mtn-hero, .mp-hero, .pc-hero, .pc-edit-hero,
    .prx-hero, .prf-hero, .pre-hero
) {
    background: linear-gradient(135deg, #365314 0%, #65a30d 52%, #bef264 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .dcc-hero, .dce-hero, .dcf-hero, .dci-hero, .dcr-hero, .ddl-hero,
    .dds-hero, .ddx-hero, .dsr-hero, .dsre-hero,
    .idf-hero, .idx-hero, .isdr-hero, .isdv-hero
) {
    background: linear-gradient(135deg, #0c4a6e 0%, #0369a1 52%, #38bdf8 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .leg-hero, .legd-hero, .lga-hero, .lgf-hero,
    .cmp-hero, .cmpo-hero, .obes-hero, .obv-hero, .occ-hero,
    .oc-hero, .oc-report-hero, .ocs-hero
) {
    background: linear-gradient(135deg, #3f1d2e 0%, #9f1239 52%, #fb7185 100%) !important;
}

body.app-theme .right_col[role="main"] :is(
    .dof-create-hero, .dof-detail-hero, .dof-edit-hero, .dof-index-hero,
    .dof-report-hero, .dci-hero, .dds-hero, .dsr-hero, .dsre-hero
) {
    background: linear-gradient(135deg, #172033 0%, #0f766e 54%, #15803d 100%) !important;
}

/* DÖF Yönetimi hero: yüksek kontrastlı filtre ve işlem kontrolleri */
body.app-theme .dof-index-hero :is(.dof-index-kicker, h3, p, .dof-index-pill) {
    color: #fff !important;
}
body.app-theme .dof-index-hero .dof-index-kicker,
body.app-theme .dof-index-hero p {
    color: rgba(255, 255, 255, .9) !important;
}
body.app-theme .dof-index-hero .dof-quick-filter {
    border-color: rgba(255, 255, 255, .42);
    background: rgba(7, 29, 36, .42);
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}
body.app-theme .dof-index-hero .dof-quick-filter:hover,
body.app-theme .dof-index-hero .dof-quick-filter:focus {
    border-color: rgba(255, 255, 255, .68);
    background: rgba(7, 29, 36, .62);
    color: #fff !important;
}
body.app-theme .dof-index-hero .dof-index-action {
    border-color: #fff;
    background: #fff;
    color: #115e59 !important;
    text-shadow: none;
}
body.app-theme .dof-index-hero .dof-index-action:hover,
body.app-theme .dof-index-hero .dof-index-action:focus {
    border-color: #dcfce7;
    background: #dcfce7;
    color: #14532d !important;
}

body.app-theme .right_col[role="main"] :is(
    .ad-hero, .ae-hero, .aih-hero, .air-hero, .airr-hero, .aiu-hero,
    .asd-hero, .cga-hero, .cl-hero, .cli-hero, .exec-hero
) {
    background: linear-gradient(135deg, #1e3a5f 0%, #0284c7 52%, #7dd3fc 100%) !important;
}

body.app-theme .right_col[role="main"] :is(.rlx-hero, .rpp-hero, .usrx-hero, .usrf-hero, .usre-hero, .ni-hero) {
    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 52%, #93c5fd 100%) !important;
}

body.app-theme .right_col[role="main"] :is(.tnx-hero, .tcf-hero, .tef-hero, .tsw-hero) {
    background: linear-gradient(135deg, #831843 0%, #db2777 52%, #f9a8d4 100%) !important;
}

body.app-theme .right_col[role="main"] :is(.ldx-hero, .lck-hero) {
    background: linear-gradient(135deg, #164e63 0%, #0f766e 54%, #14b8a6 100%) !important;
}

body.app-theme .right_col[role="main"] :is(.plx-hero, .pcf-hero, .pef-hero, .sbi-hero, .scf-hero, .sef-hero, .ssw-hero) {
    background: linear-gradient(135deg, #14532d 0%, #15803d 54%, #22c55e 100%) !important;
}

    .right_col[role="main"] > .task-create-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .task-create-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        overflow-x: clip;
    }

    .task-create-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 42%, #2563eb 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin-bottom: 18px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    }

    .task-create-kicker {
        color: rgba(255, 255, 255, .76);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0;
        margin-bottom: 7px;
    }

    .task-create-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
    }

    .task-create-hero p {
        color: rgba(255, 255, 255, .86);
        margin: 0;
        line-height: 1.7;
        max-width: 820px;
        font-size: 14px;
    }

    .task-create-meta {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
        max-width: 100%;
    }

    .task-create-meta {
        margin-top: 10px;
    }

    .task-create-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: 999px;
        background: rgba(255, 255, 255, .09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .task-create-pill i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .18);
        font-size: 11px;
    }

    .task-create-actions {
        display: flex;
        flex-wrap: wrap;
        margin-top: 16px;
        gap: 8px;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .task-create-actions .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, .24);
        background: rgba(255, 255, 255, .10);
        color: #fff;
        box-shadow: none;
        padding: 8px 16px;
        min-height: 38px;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
        white-space: nowrap;
    }

    .task-create-actions .btn:hover,
    .task-create-actions .btn:focus {
        background: rgba(255, 255, 255, .18);
        border-color: rgba(255, 255, 255, .36);
        color: #fff;
        text-decoration: none;
    }

    .task-create-grid {
        display: grid;
        grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .task-create-panel {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
        overflow: hidden;
    }

    .task-create-panel-head {
        padding: 18px 20px;
        border-bottom: 1px solid #eef2f7;
        background: #fff;
    }

    .task-create-panel-head h4 {
        margin: 0 0 5px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .task-create-panel-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.65;
    }

    .task-create-panel-body {
        padding: 18px 20px;
    }

    .task-toast-wrap {
        position: fixed;
        right: 24px;
        top: 84px;
        z-index: 1200;
        display: grid;
        gap: 10px;
    }

    .task-toast {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        min-width: 280px;
        max-width: 360px;
        padding: 12px 14px;
        border-radius: 8px;
        border: 1px solid #bfdbfe;
        background: #eff6ff;
        color: #1e3a8a;
        box-shadow: 0 14px 30px rgba(15, 23, 42, .12);
        animation: taskToastIn .18s ease-out;
    }

    .task-toast.error {
        border-color: #fecaca;
        background: #fff1f2;
        color: #b91c1c;
    }

    .task-toast i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        min-width: 24px;
        border-radius: 999px;
        background: rgba(255,255,255,.7);
        font-size: 12px;
    }

    .task-toast strong {
        display: block;
        margin-bottom: 2px;
        font-size: 13px;
        font-weight: 700;
        color: inherit;
    }

    .task-toast span {
        display: block;
        font-size: 12px;
        line-height: 1.45;
    }

    @keyframes taskToastIn {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    .task-feedback {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        border: 1px solid #fecaca;
        border-radius: 8px;
        background: #fff1f2;
        color: #475569;
        padding: 14px 16px;
        margin-bottom: 18px;
    }

    .task-feedback i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        min-width: 28px;
        border-radius: 999px;
        background: #fee2e2;
        color: #b91c1c;
        font-size: 13px;
    }



    .task-feedback p {
        margin: 0;
        line-height: 1.5;
    }

    .task-linked-box {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #bfdbfe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 12px 14px;
        margin-bottom: 16px;
        font-size: 13px;
        font-weight: 600;
    }

    .task-create-form {
        display: grid;
        gap: 18px;
    }

    .task-form-section {
        display: grid;
        gap: 14px;
    }

    .task-section-title {
        display: grid;
        gap: 4px;
        padding-bottom: 12px;
        border-bottom: 1px solid #edf2f7;
    }

    .task-section-title h4 {
        margin: 0;
        color: #0f172a;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3;
    }

    .task-section-title span {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .task-field-grid {
        display: grid;
        grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
        gap: 16px;
        align-items: start;
        padding-bottom: 14px;
        border-bottom: 1px solid #f1f5f9;
    }

    .task-field-grid:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .task-field-label strong {
        display: block;
        margin: 0 0 4px;
        color: #0f172a;
        font-size: 13px;
        font-weight: 700;
    }

    .task-field-label span,
    .task-help {
        display: block;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .task-help {
        margin-top: 6px;
    }

    .task-create-panel .form-control {
        border-color: #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
        min-height: 42px;
    }

    .task-create-panel .form-control:focus {
        border-color: #93c5fd;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .10);
    }

    .task-create-panel textarea.form-control {
        min-height: 126px;
        resize: vertical;
    }

    .task-form-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
        padding-top: 2px;
    }

    .task-form-actions .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 40px;
        border-radius: 8px;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
    }

    .task-primary-btn {
        background: #2563eb;
        border-color: #2563eb;
        color: #fff;
    }

    .task-primary-btn:hover,
    .task-primary-btn:focus {
        background: #1d4ed8;
        border-color: #1d4ed8;
        color: #fff;
    }

    .task-secondary-btn {
        background: #fff;
        border: 1px solid #dbe4ee;
        color: #334155;
    }

    .task-secondary-btn:hover,
    .task-secondary-btn:focus {
        background: #f8fafc;
        border-color: #cbd5e1;
        color: #0f172a;
    }

    .task-create-bottom-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 18px;
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .task-create-bottom-actions .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 38px;
        border-radius: 8px;
        border: 1px solid #dbe4ee;
        background: #fff;
        color: #334155;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
    }

    .task-create-bottom-actions .btn:hover,
    .task-create-bottom-actions .btn:focus {
        background: #f8fafc;
        border-color: #cbd5e1;
        color: #0f172a;
        text-decoration: none;
    }

    .task-side-stack {
        display: grid;
        gap: 14px;
    }

    .task-flow-nav {
        display: grid;
        gap: 8px;
    }

    .task-flow-btn {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        width: 100%;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        padding: 12px 13px;
        text-align: left;
        transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }

    .task-flow-btn:hover,
    .task-flow-btn:focus {
        border-color: #bfdbfe;
        background: #f8fbff;
        color: #0f172a;
        text-decoration: none;
    }

    .task-flow-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        box-shadow: 0 0 0 1px #bfdbfe;
        color: #1d4ed8;
    }

    .task-flow-btn i {
        width: 22px;
        height: 22px;
        min-width: 22px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(37, 99, 235, .10);
        color: inherit;
        font-size: 12px;
        margin-top: 1px;
    }

    .task-flow-btn strong {
        display: block;
        margin-bottom: 3px;
        font-size: 13px;
        font-weight: 700;
        color: inherit;
    }

    .task-flow-btn span {
        display: block;
        font-size: 12px;
        line-height: 1.45;
        color: #64748b;
    }

    .task-pane[hidden] {
        display: none !important;
    }

    .task-pane-nav {
        display: flex;
        justify-content: space-between;
        gap: 8px;
        padding-top: 6px;
    }

    .task-pane-nav .btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        border-radius: 8px;
        padding: 8px 16px;
        font-size: 13px;
        font-weight: 600;
    }

    .task-guide-list {
        display: grid;
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .task-guide-list li {
        display: flex;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 12px;
        color: #334155;
        font-size: 13px;
        line-height: 1.5;
    }

    .task-guide-list i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 26px;
        height: 26px;
        min-width: 26px;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .task-mini-note {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        padding: 13px 14px;
    }

    .task-mini-note strong {
        display: block;
        margin-bottom: 4px;
        color: #0f172a;
        font-size: 13px;
        font-weight: 700;
    }

    .task-mini-note p {
        margin: 0;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    @media (max-width: 1100px) {
        .task-create-grid {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 767px) {
        .task-create-hero {
            padding: 18px 16px;
        }

        .task-create-actions,
        .task-form-actions,
        .task-create-bottom-actions,
        .task-pane-nav {
            display: flex;
            flex-direction: column;
            align-items: stretch;
        }

        .task-create-actions .btn,
        .task-form-actions .btn,
        .task-create-bottom-actions .btn,
        .task-pane-nav .btn {
            width: 100%;
        }

        .task-field-grid {
            grid-template-columns: 1fr;
            gap: 8px;
        }

        .task-create-panel-body {
            padding: 14px;
        }
    }
.task-mini-note.is-spaced{margin-top:12px}
.task-date-field{max-width:260px}

/* Task index */
.right_col[role="main"] .task-list-hero,
    .right_col[role="main"] .task-list-shell,
    .right_col[role="main"] .task-list-shell *,
    .right_col[role="main"] .task-list-panel,
    .right_col[role="main"] .filter-box {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .right_col[role="main"] > .task-list-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .task-list-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .task-list-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 42%, #2563eb 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin-bottom: 18px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    }

    .task-list-hero-flow {
        min-width: 0;
        max-width: 100%;
    }

    .task-list-kicker {
        color: rgba(255, 255, 255, .76);
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0;
        margin-bottom: 7px;
    }

    .task-list-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
    }

    .task-list-hero p {
        color: rgba(255, 255, 255, .86);
        margin: 0;
        line-height: 1.7;
        max-width: 820px;
        font-size: 14px;
    }

    .task-list-meta {
        margin-top: 10px;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
        min-width: 0;
        max-width: 100%;
    }

    .task-list-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: 999px;
        background: rgba(255, 255, 255, .09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .task-list-pill i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .18);
        font-size: 11px;
    }

    .task-list-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 16px;
    }

    .task-list-actions .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, .24);
        background: rgba(255, 255, 255, .10);
        color: #fff;
        box-shadow: none;
        padding: 8px 16px;
        min-height: 38px;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
        white-space: nowrap;
    }

    .task-list-actions .btn:hover,
    .task-list-actions .btn:focus {
        background: rgba(255, 255, 255, .18);
        border-color: rgba(255, 255, 255, .36);
        color: #fff;
        text-decoration: none;
    }

    .task-list-actions .btn-primary {
        background: rgba(255, 255, 255, .15);
    }

    .task-summary-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 18px;
    }

    .task-summary-card {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px 16px;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
        min-height: 100px;
        position: relative;
        overflow: hidden;
        margin-bottom: 0;
        cursor: pointer;
        transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
    }

    .task-summary-card:hover,
    .task-summary-card:focus {
        transform: translateY(-1px);
        box-shadow: 0 12px 26px rgba(15, 23, 42, .08);
    }

    .task-summary-card.is-active {
        border-color: #bfdbfe;
        box-shadow: 0 0 0 1px #bfdbfe, 0 12px 26px rgba(15, 23, 42, .08);
    }

    .task-feedback {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px 16px;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
        margin-bottom: 16px;
    }















    .task-summary-card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #c1121f;
    }

    .task-summary-title {
        color: #64748b;
        font-size: 12px;
        font-weight: 600;
    }

    .task-summary-value {
        font-size: 26px;
        font-weight: 700;
        color: #0f172a;
        margin-top: 8px;
        line-height: 1.1;
    }

    .task-summary-sub {
        color: #64748b;
        font-size: 12px;
        margin-top: 6px;
    }

    .task-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 9px;
        border-radius: 8px;
        font-size: 11px;
        font-weight: 700;
        border: 1px solid transparent;
    }









    .task-due-late {
        color: #b30000;
        font-weight: 700;
    }

    .task-due-soon {
        color: #f0ad4e;
        font-weight: 700;
    }

    .task-quick-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 18px;
    }

    .task-quick-filter {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid #dbe4ee;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
        transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
    }

    .task-quick-filter:hover,
    .task-quick-filter:focus {
        transform: translateY(-1px);
        box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
        text-decoration: none;
    }

    .task-quick-filter[data-quick-filter="late"] {
        background: #fff7ed;
        border-color: #fdba74;
        color: #c2410c;
    }

    .task-quick-filter[data-quick-filter="today"] {
        background: #eff6ff;
        border-color: #93c5fd;
        color: #1d4ed8;
    }

    .task-quick-filter[data-quick-filter="rejected"] {
        background: #fff1f2;
        border-color: #fda4af;
        color: #be123c;
    }

    .task-quick-filter.active {
        background: #0f172a !important;
        border-color: #0f172a !important;
        color: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .18);
    }

    .task-action-form {
        display: inline-block;
        margin: 0;
    }

    .task-desc {
        max-width: 280px;
        white-space: normal;
    }

    .task-source-box {
        display: grid;
        gap: 4px;
    }

    .task-source-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 999px;
        border: 1px solid transparent;
        font-size: 11px;
        font-weight: 800;
        width: fit-content;
        text-decoration: none;
    }

    .task-source-chip.task-source-visit {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .task-source-chip.task-source-manual {
        background: #f8fafc;
        border-color: #dbe4ee;
        color: #475569;
    }

    .task-source-sub {
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .task-responsive-toggle-cell {
        display: none;
        width: 44px;
        text-align: center;
        vertical-align: middle !important;
    }

    .task-responsive-toggle {
        width: 30px;
        height: 30px;
        padding: 0;
        border-radius: 8px;
        border: 1px solid #c1121f;
        background: #c1121f;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        line-height: 1;
        vertical-align: middle;
        transition: background .16s ease, border-color .16s ease, color .16s ease;
    }

    .task-responsive-toggle i {
        display: block;
        line-height: 1;
    }

    .task-responsive-toggle:hover,
    .task-responsive-toggle:focus {
        background: #a30f1a;
        border-color: #a30f1a;
        color: #fff;
        text-decoration: none;
    }

    .task-responsive-toggle.is-open {
        background: #7f1018;
        border-color: #7f1018;
        color: #fff;
    }

    .task-priority-box,
    .task-due-box,
    .task-assignee-box {
        display: grid;
        gap: 6px;
    }

    .task-priority-chip,
    .task-due-chip,
    .task-assignee-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        width: fit-content;
        padding: 6px 10px;
        border-radius: 999px;
        border: 1px solid transparent;
        font-size: 11px;
        font-weight: 800;
    }

    .task-priority-sub,
    .task-due-sub,
    .task-assignee-sub {
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .task-priority-meter {
        position: relative;
        width: 100%;
        max-width: 120px;
        height: 6px;
        border-radius: 999px;
        background: #e2e8f0;
        overflow: hidden;
        color: inherit;
    }

    .task-priority-meter > span {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: currentColor;
    }

    .task-priority-critical {
        background: #fff1f2;
        border-color: #fecaca;
        color: #b91c1c;
    }

    .task-priority-high {
        background: #fffbeb;
        border-color: #fde68a;
        color: #92400e;
    }

    .task-priority-active {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .task-priority-planned {
        background: #f8fafc;
        border-color: #dbe4ee;
        color: #475569;
    }

    .task-priority-rejected {
        background: #fff7ed;
        border-color: #fdba74;
        color: #c2410c;
    }

    .task-priority-done {
        background: #ecfdf5;
        border-color: #a7f3d0;
        color: #047857;
    }

    .task-due-critical {
        background: #fff1f2;
        border-color: #fecaca;
        color: #b91c1c;
    }

    .task-due-soon {
        background: #fffbeb;
        border-color: #fde68a;
        color: #92400e;
    }

    .task-due-safe {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .task-due-empty {
        background: #f8fafc;
        border-color: #dbe4ee;
        color: #475569;
    }

    .task-assignee-ready {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .task-assignee-waiting {
        background: #fff7ed;
        border-color: #fdba74;
        color: #c2410c;
    }

    .task-assignee-done {
        background: #ecfdf5;
        border-color: #a7f3d0;
        color: #047857;
    }

    .task-row-detail > td {
        background: #f8fafc;
        padding: 0 !important;
        border-top: 0 !important;
    }

    .task-row-detail-inner {
        display: grid;
        gap: 12px;
        padding: 14px 16px;
    }

    .task-row-detail-item {
        display: grid;
        gap: 6px;
        padding: 10px 12px;
        background: #fff;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
    }

    .task-row-detail-label {
        font-size: 11px;
        font-weight: 800;
        letter-spacing: .02em;
        text-transform: uppercase;
        color: #64748b;
    }

    .task-row-detail-value {
        color: #0f172a;
        line-height: 1.5;
        min-width: 0;
    }

    .filter-box {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 0;
        margin-bottom: 18px;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
        overflow: hidden;
    }

    .task-filter-head {
        padding: 16px 18px 12px;
        border-bottom: 1px solid #eef2f7;
    }

    .task-filter-head h4 {
        margin: 0 0 5px;
        color: #0f172a;
        font-size: 17px;
        font-weight: 700;
        line-height: 1.3;
    }

    .task-filter-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.6;
    }

    .task-filter-body {
        padding: 16px 18px;
    }

    .filter-box .form-control {
        border-color: #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
        min-height: 38px;
    }

    .filter-box label {
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .filter-actions {
        padding-top: 24px;
    }

    .task-list-panel {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
        overflow: hidden;
    }

    .task-list-panel .x_title {
        border-bottom: 1px solid #edf2f7;
        padding: 14px 16px;
        margin: 0;
        background: #fbfdff;
    }

    .task-list-panel .x_title h2 {
        margin: 0;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .task-list-panel .x_content {
        padding: 0;
    }

    .task-table-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 12px;
        flex-wrap: wrap;
        padding: 16px;
        border-bottom: 1px solid #eef2f7;
        background: #fff;
    }

    .task-table-tools,
    .task-table-summary {
        display: flex;
        align-items: flex-end;
        gap: 10px;
        flex-wrap: wrap;
        min-width: 0;
    }

    .task-table-summary {
        margin-left: auto;
        justify-content: flex-end;
    }

    .task-table-search,
    .task-table-size,
    .task-table-info-wrap {
        display: grid;
        gap: 5px;
        margin: 0;
    }

    .task-table-search {
        min-width: 260px;
        max-width: 360px;
        flex: 1 1 300px;
    }

    .task-table-size {
        width: 140px;
    }

    .task-table-info-wrap {
        min-width: 180px;
        text-align: left;
        align-self: flex-end;
    }

    .task-table-search label,
    .task-table-size label {
        margin: 0;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .task-table-search input,
    .task-table-size select {
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
    }

    .task-table-info {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .task-bulk-bar {
        display: grid;
        gap: 12px;
        padding: 16px;
        border-bottom: 1px solid #eef2f7;
        background: #f8fafc;
    }

    .task-bulk-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
    }

    .task-bulk-title {
        color: #0f172a;
        font-size: 14px;
        font-weight: 700;
    }

    .task-bulk-sub {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .task-bulk-summary {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        border-radius: 999px;
        border: 1px solid #dbe4ee;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .task-bulk-controls {
        display: grid;
        grid-template-columns: minmax(0, 180px) minmax(0, 1fr) minmax(0, 1fr) auto;
        gap: 12px;
        align-items: stretch;
    }

    .task-bulk-chip,
    .task-bulk-field {
        display: grid;
        gap: 5px;
        margin: 0;
    }

    .task-bulk-chip,
    .task-bulk-field,
    .task-bulk-actions {
        padding: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        background: #fff;
        min-width: 0;
    }

    .task-bulk-chip .btn,
    .task-bulk-action-btn {
        border-radius: 8px;
        min-height: 38px;
        font-size: 12px;
        font-weight: 700;
        margin: 0;
    }

    .task-bulk-field label {
        margin: 0;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .task-bulk-chip-label,
    .task-bulk-action-label {
        margin: 0 0 6px;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
    }

    .task-bulk-state {
        font-size: 11px;
        color: #64748b;
        line-height: 1.4;
    }

    .task-bulk-state strong {
        color: #0f172a;
        font-weight: 700;
    }

    .task-bulk-hint {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        padding: 10px 12px;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        background: #f8fafc;
        color: #475569;
        font-size: 12px;
        line-height: 1.5;
    }

    .task-bulk-hint i {
        color: #1d4ed8;
        margin-top: 1px;
    }

    .task-bulk-hint strong {
        color: #0f172a;
    }

    .task-bulk-field select,
    .task-bulk-field input {
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
        min-width: 170px;
    }

    .task-bulk-actions {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 8px;
    }

    .task-bulk-actions .task-bulk-action-btn {
        min-width: 140px;
    }

    .task-bulk-chip .btn.is-active {
        background: #eff6ff;
        border-color: #93c5fd;
        color: #1d4ed8;
    }

    .task-bulk-select-cell {
        width: 48px;
        text-align: center;
    }

    .task-bulk-checkbox {
        width: 16px;
        height: 16px;
        cursor: pointer;
    }

    .task-row-selected > td {
        background: #eff6ff !important;
    }

    .task-table-pager {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
        padding: 14px 16px;
        border-top: 1px solid #eef2f7;
        background: #fff;
    }

    .task-table-pager-meta {
        color: #64748b;
        font-size: 12px;
    }

    .task-table-pager-actions {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .task-table-pager-actions .btn {
        border-radius: 8px;
        margin: 0;
    }

    .task-table-page {
        min-width: 56px;
        text-align: center;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .task-table {
        margin: 0;
        border: 0;
        table-layout: fixed;
    }

    .task-table > thead > tr > th {
        background: #f8fafc;
        color: #334155;
        border-bottom: 1px solid #e5e7eb;
        font-size: 12px;
        font-weight: 700;
        vertical-align: middle;
    }

    .task-table > tbody > tr > td {
        color: #334155;
        border-color: #eef2f7;
        vertical-align: middle;
        font-size: 13px;
        line-height: 1.45;
        word-break: break-word;
    }

    .task-table > tbody > tr:hover > td {
        background: #f8fafc;
    }

    .task-actions {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        justify-content: flex-start;
    }

    .task-action-icon {
        width: 32px;
        height: 32px;
        min-width: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        padding: 0;
    }

    .task-action-icon:hover,
    .task-action-icon:focus {
        background: #f8fafc;
        color: #0f172a;
        text-decoration: none;
    }

    .task-action-icon.primary {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .task-action-icon.danger {
        background: #fff1f2;
        border-color: #fecaca;
        color: #991b1b;
    }

    .task-action-icon.success {
        background: #ecfdf5;
        border-color: #a7f3d0;
        color: #047857;
    }

    .task-action-icon.warning {
        background: #fffbeb;
        border-color: #fde68a;
        color: #92400e;
    }

    .task-confirm-overlay {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: none;
        align-items: center;
        justify-content: center;
        background: rgba(15, 23, 42, .45);
        padding: 16px;
    }

    .task-confirm-overlay.is-open {
        display: flex;
    }

    .task-confirm-dialog {
        width: min(420px, 100%);
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 22px 52px rgba(15, 23, 42, .22);
        padding: 18px;
    }

    .task-confirm-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #eff6ff;
        color: #1d4ed8;
        margin-bottom: 12px;
    }

    .task-confirm-dialog h4 {
        margin: 0 0 8px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
    }

    .task-confirm-dialog p {
        margin: 0;
        color: #475569;
        line-height: 1.55;
    }

    .task-confirm-actions {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 16px;
    }

    .task-confirm-actions .btn {
        border-radius: 8px;
        font-weight: 700;
        margin: 0;
    }



    .task-toast {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: flex-start;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 18px 44px rgba(15, 23, 42, .18);
        padding: 12px;
        color: #0f172a;
        pointer-events: auto;
        animation: taskToastIn .18s ease-out;
    }











    @keyframes taskToastIn {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 767px) {
        .task-list-actions .btn,
        .filter-box .btn,
        .task-confirm-actions .btn {
            width: 100%;
        }

        .filter-actions {
            padding-top: 10px;
        }

        .task-table {
            table-layout: auto;
        }

        .task-table-toolbar,
        .task-table-tools,
        .task-table-summary,
        .task-table-pager,
        .task-bulk-head,
        .task-bulk-controls {
            display: grid;
            grid-template-columns: 1fr;
        }

        .task-table-search,
        .task-table-size,
        .task-table-info-wrap,
        .task-bulk-field select,
        .task-bulk-field input {
            width: 100%;
            min-width: 0;
            max-width: 100%;
        }

        .task-table-info-wrap {
            text-align: left;
        }

        .task-bulk-chip .btn,
        .task-bulk-actions .btn {
            width: 100%;
        }
    }

    @media (max-width: 1480px) {
        .task-table.is-compact .task-responsive-toggle-cell {
            display: table-cell;
        }

        .task-table.is-compact .task-col-hide {
            display: none;
        }
    }

    @media (max-width: 1100px) {
        .task-summary-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    @media (max-width: 640px) {
        .task-list-hero {
            padding: 18px 16px;
        }

        .task-summary-grid {
            grid-template-columns: 1fr;
        }
    }
.task-summary-value.is-pending{color:#856404}
.task-summary-value.is-accepted{color:#1565c0}
.task-summary-value.is-done{color:#2e7d32}
.task-hidden-form{display:none}
.task-col-id{width:70px}
.task-col-assignee{width:150px}
.task-col-priority,.task-col-due{width:170px}
.task-col-status{width:130px}
.task-col-actions{width:180px}
.task-priority-meter{appearance:none;border:0}
.task-priority-meter::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}
.task-priority-meter::-webkit-progress-value{background:currentColor;border-radius:999px}
.task-priority-meter::-moz-progress-bar{background:currentColor;border-radius:999px}

/* Task show */
.right_col[role="main"] > .task-show-shell,
.task-show-shell,
.task-show-shell * {
    box-sizing: border-box;
    min-width: 0;
}

.task-show-shell {
    display: grid;
    width: 100%;
    max-width: 100%;
    gap: 16px;
    color: #172033;
}

.task-show-hero {
    width: 100%;
    margin: 0;
    padding: 23px 26px;
    border: 0;
    border-radius: 0 0 8px 8px;
    background: linear-gradient(112deg, #17251f 0%, #20564a 56%, #a61d2d 100%);
    color: #fff;
    box-shadow: 0 14px 32px rgba(22, 44, 37, .18);
}

body.app-theme .right_col[role="main"] .task-show-hero {
    background: linear-gradient(112deg, #17251f 0%, #20564a 56%, #a61d2d 100%) !important;
}

.task-show-hero-grid {
    display: block;
    position: relative;
    z-index: 1;
}

.task-show-title {
    max-width: 980px;
    margin: 0;
    color: #fff;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.task-show-lead {
    max-width: 850px;
    margin: 9px 0 0;
    color: rgba(255, 255, 255, .9);
    font-size: 14px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.task-show-status-row,
.task-show-context,
.task-show-actions,
.task-inline-actions,
.task-status-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.task-show-status-row {
    margin-top: 14px;
}

.task-show-context {
    align-items: flex-start;
    margin-top: 10px;
}

.task-status-pill,
.task-show-mini,
.task-source-chip,
.task-due-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    max-width: 100%;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 7px;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.task-status-pill i {
    font-size: 9px;
}

.task-source-box {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    max-width: 100%;
}

.task-source-chip,
.task-source-chip:visited,
body.app-theme .task-show-hero a.task-source-chip,
body.app-theme .task-show-hero a.task-source-chip:visited {
    width: fit-content;
    border-color: rgba(255, 255, 255, .42) !important;
    background: rgba(12, 33, 28, .26) !important;
    color: #fff !important;
    text-decoration: none;
}

.task-source-chip:hover,
.task-source-chip:focus,
body.app-theme .task-show-hero a.task-source-chip:hover,
body.app-theme .task-show-hero a.task-source-chip:focus {
    border-color: rgba(255, 255, 255, .78) !important;
    background: rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    text-decoration: none;
}

.task-source-chip i {
    color: inherit !important;
}

.task-source-sub {
    color: rgba(255, 255, 255, .8);
    font-size: 11px;
    line-height: 1.4;
}

.task-due-chip {
    align-items: flex-start;
}

.task-due-chip > span {
    display: grid;
    gap: 1px;
}

.task-due-chip strong,
.task-due-chip small {
    display: block;
    color: #fff;
}

.task-due-chip small {
    color: rgba(255, 255, 255, .78);
    font-size: 11px;
    font-weight: 600;
}

.task-due-chip.is-overdue {
    border-color: rgba(254, 202, 202, .72);
    background: rgba(127, 29, 29, .42);
}

.task-show-actions {
    justify-content: flex-start;
    margin-top: 16px;
}

.task-show-actions .btn,
.task-inline-actions .btn,
.task-status-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    margin: 0;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
    white-space: normal;
}

.task-show-actions .btn,
body.app-theme .task-show-hero .task-show-actions .btn,
body.app-theme .task-show-hero .task-show-actions .btn:visited {
    padding: 8px 14px;
    border: 1px solid rgba(255, 255, 255, .38) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.task-show-actions .btn:hover,
.task-show-actions .btn:focus,
body.app-theme .task-show-hero .task-show-actions .btn:hover,
body.app-theme .task-show-hero .task-show-actions .btn:focus {
    border-color: rgba(255, 255, 255, .78) !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none;
}

.task-show-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.task-show-stat {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 11px;
    align-items: center;
    width: 100%;
    min-height: 104px;
    padding: 14px 15px;
    border: 1px solid #dfe5ec;
    border-left: 4px solid #64748b;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    text-align: left;
    box-shadow: 0 7px 20px rgba(15, 23, 42, .05);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.task-show-stat:hover,
.task-show-stat:focus {
    border-color: #93b9af;
    border-left-color: #0f766e;
    box-shadow: 0 11px 26px rgba(15, 23, 42, .09);
    transform: translateY(-1px);
    outline: none;
}

.task-show-stat.accent {
    border-left-color: #0f766e;
}

.task-show-stat.is-alert {
    border-left-color: #c81e2a;
    background: #fffafa;
}

.task-stat-icon {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #edf7f4;
    color: #0f766e;
    font-size: 16px;
}

.task-show-stat.is-alert .task-stat-icon {
    background: #fff0f1;
    color: #b91c2a;
}

.task-stat-copy {
    display: grid;
    gap: 2px;
}

.task-show-stat .label {
    display: block;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.task-show-stat .value {
    display: block;
    color: #172033;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.task-show-stat small {
    color: #667085;
    font-size: 11px;
    line-height: 1.35;
}

.task-content-grid {
    display: grid;
    grid-template-columns: 245px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.task-section-nav {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 7px;
    padding: 13px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(15, 23, 42, .05);
}

.task-section-nav-title {
    display: grid;
    gap: 4px;
    margin-bottom: 3px;
    padding: 2px 2px 11px;
    border-bottom: 1px solid #edf0f4;
}

.task-section-nav-title strong {
    color: #172033;
    font-size: 14px;
    font-weight: 800;
}

.task-section-nav-title span {
    color: #667085;
    font-size: 11px;
    line-height: 1.45;
}

.task-section-link {
    display: flex;
    width: 100%;
    min-height: 41px;
    align-items: center;
    gap: 9px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease;
}

.task-section-link:hover,
.task-section-link:focus {
    border-color: #d6e6e1;
    background: #f5faf8;
    color: #176557;
    outline: none;
}

.task-section-link.is-active {
    border-color: #b9d7ce;
    background: #eaf6f2;
    color: #0d6758;
}

.task-section-link i {
    width: 17px;
    color: #667085;
    text-align: center;
}

.task-section-link.is-active i {
    color: #0f766e;
}

.task-nav-count {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    padding: 0 6px;
    border-radius: 7px;
    background: #edf1f5;
    color: #475467;
    font-size: 10px;
    font-weight: 800;
}

.task-section-link.is-active .task-nav-count {
    background: #fff;
    color: #0f766e;
}

.task-detail-panels,
.task-main-stack,
.task-side-stack {
    width: 100%;
}

.task-main-stack,
.task-side-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.task-detail-pane {
    display: none;
}

.task-detail-pane.is-active {
    display: block;
}

.task-show-card {
    width: 100%;
    padding: 19px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 23px rgba(15, 23, 42, .05);
}

.task-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf0f4;
}

.task-card-head h4 {
    margin: 0;
    color: #172033;
    font-size: 17px;
    font-weight: 800;
}

.task-card-head p {
    margin: 4px 0 0;
    color: #667085;
    font-size: 12px;
    line-height: 1.5;
}

.task-overview-grid,
.task-visit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.task-info-tile {
    min-height: 76px;
    padding: 11px 12px;
    border: 1px solid #e1e6ed;
    border-radius: 8px;
    background: #fafbfc;
}

.task-info-tile span {
    display: block;
    margin-bottom: 5px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

.task-info-tile strong {
    display: block;
    color: #172033;
    font-size: 13px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.task-form-label {
    display: block;
    margin-bottom: 7px;
    color: #172033;
    font-size: 13px;
    font-weight: 700;
}

.task-form-help {
    margin: 6px 0 0;
    color: #667085;
    font-size: 11px;
    line-height: 1.5;
}

.task-note-box,
.task-empty-state,
.task-side-note {
    padding: 13px 14px;
    border: 1px solid #e1e6ed;
    border-radius: 8px;
    background: #fafbfc;
    color: #344054;
}

.task-note-box {
    min-height: 74px;
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 1.65;
}

.task-empty-state {
    color: #667085;
    text-align: center;
}

.task-show-card .form-control {
    min-height: 41px;
    border: 1px solid #d7dee7;
    border-radius: 7px;
    box-shadow: none;
}

.task-show-card .form-control:focus {
    border-color: #70a99b;
    box-shadow: 0 0 0 3px rgba(15, 118, 110, .1);
}

.task-show-card textarea.form-control {
    min-height: 112px;
    resize: vertical;
}

.task-flow-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 13px;
}

.task-flow-tabs {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 7px;
}

.task-flow-tab {
    display: inline-flex;
    min-height: 37px;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border: 1px solid #d7dee7;
    border-radius: 7px;
    background: #fff;
    color: #344054;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.task-flow-tab:hover,
.task-flow-tab:focus,
.task-flow-tab.is-active {
    border-color: #b9d7ce;
    background: #eaf6f2;
    color: #0d6758;
    outline: none;
}

.task-flow-filter {
    width: 230px;
    max-width: 100%;
}

.task-flow-pane {
    display: none;
}

.task-flow-pane.is-active {
    display: block;
}

.task-timeline {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.task-timeline-item {
    padding: 12px 13px;
    border: 1px solid #e1e6ed;
    border-left: 3px solid #94a3b8;
    border-radius: 8px;
    background: #fff;
}

.task-timeline-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}

.task-timeline-title {
    color: #172033;
    font-size: 13px;
    font-weight: 800;
}

.task-timeline-date,
.task-timeline-sub {
    color: #667085;
    font-size: 11px;
}

.task-timeline-date {
    white-space: nowrap;
}

.task-timeline-sub {
    margin-bottom: 6px;
}

.task-timeline-note {
    color: #344054;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.task-status-actions form,
.task-inline-actions form {
    margin: 0;
}

.task-file-table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
}

.task-file-table > thead > tr > th {
    border-color: #d8dee7;
    background: #27333d;
    color: #fff;
    font-size: 12px;
}

.task-file-table > tbody > tr > td {
    border-color: #e1e6ed;
    color: #344054;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.task-file-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.task-file-actions-col {
    width: 88px;
}

.task-action-icon {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    border: 1px solid #d7dee7;
    border-radius: 7px;
    background: #fff;
    color: #344054;
    text-decoration: none;
}

.task-action-icon:hover,
.task-action-icon:focus {
    border-color: #b9d7ce;
    background: #eaf6f2;
    color: #0f766e;
    text-decoration: none;
}

.task-pane-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    width: 100%;
    margin-top: 17px;
    padding: 11px 12px;
    border: 1px solid #dfe5ec;
    border-radius: 8px;
    background: #f8fafc;
}

.task-step-state {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    color: #475467;
    font-size: 12px;
    font-weight: 800;
}

.task-step-state::before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c81e2a;
    content: "";
}

.task-pane-nav .btn {
    display: inline-flex;
    min-width: 100px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    border-radius: 7px;
    font-weight: 700;
}

.task-pane-nav .btn[disabled] {
    opacity: .48;
    cursor: not-allowed;
}

.task-toast-wrap {
    position: fixed;
    top: 82px;
    right: 18px;
    z-index: 10020;
    display: grid;
    width: min(360px, calc(100vw - 28px));
    gap: 9px;
    pointer-events: none;
}

.task-toast {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #b9d7ce;
    border-radius: 8px;
    background: #fff;
    color: #172033;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .17);
    pointer-events: auto;
}

.task-toast i {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eaf6f2;
    color: #0f766e;
}

.task-toast strong,
.task-toast span {
    display: block;
}

.task-toast strong {
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 800;
}

.task-toast span {
    color: #475467;
    font-size: 12px;
    line-height: 1.45;
}

.task-toast.error {
    border-color: #fecaca;
}

.task-toast.error i {
    background: #fee2e2;
    color: #b91c1c;
}

.task-pending {
    border-color: #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.task-accepted {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.task-rejected {
    border-color: #fecaca;
    background: #fff1f2;
    color: #991b1b;
}

.task-done {
    border-color: #a7f3d0;
    background: #ecfdf5;
    color: #047857;
}

.task-show-hero .task-pending,
.task-show-hero .task-accepted,
.task-show-hero .task-rejected,
.task-show-hero .task-done {
    border-color: rgba(255, 255, 255, .32);
    background: rgba(255, 255, 255, .1);
    color: #fff;
}
.task-section-spaced-sm {
    margin-top: 14px;
}

.task-section-spaced,
.task-inline-actions.is-spaced {
    margin-top: 16px;
}

.task-show-status-row.is-spaced {
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .task-content-grid {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .task-show-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .task-overview-grid,
    .task-visit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .task-content-grid {
        grid-template-columns: 1fr;
    }

    .task-section-nav {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .task-section-nav-title {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .task-show-shell {
        gap: 13px;
    }

    .task-show-hero {
        padding: 19px 17px;
    }

    .task-show-title {
        font-size: 23px;
    }

    .task-show-status-row,
    .task-show-context,
    .task-show-actions {
        align-items: stretch;
    }

    .task-show-mini,
    .task-status-pill,
    .task-source-box,
    .task-source-chip,
    .task-due-chip {
        width: 100%;
    }

    .task-show-actions .btn,
    .task-inline-actions .btn,
    .task-status-actions .btn,
    .task-status-actions form,
    .task-inline-actions form {
        width: 100%;
    }

    .task-overview-grid,
    .task-visit-grid {
        grid-template-columns: 1fr;
    }

    .task-flow-toolbar,
    .task-card-head,
    .task-timeline-head {
        align-items: stretch;
        flex-direction: column;
    }

    .task-flow-tabs,
    .task-flow-filter {
        width: 100%;
    }

    .task-flow-tab {
        flex: 1 1 0;
        justify-content: center;
    }

    .task-timeline-date {
        white-space: normal;
    }

    .task-pane-nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .task-step-state {
        grid-column: 1 / -1;
    }

    .task-pane-nav .btn {
        width: 100%;
        min-width: 0;
    }

    .task-toast-wrap {
        top: 72px;
        right: 14px;
    }
}

@media (max-width: 520px) {
    .task-show-stats,
    .task-section-nav {
        grid-template-columns: 1fr;
    }

    .task-section-nav-title {
        grid-column: auto;
    }

    .task-show-stat {
        min-height: 92px;
    }

    .task-show-card {
        padding: 15px;
    }
}
/* Emergency create */
.em-create-hero {
        background: linear-gradient(135deg, #4c0519 0%, #be123c 55%, #fb7185 100%);
        border-radius: 8px;
        padding: 22px 24px;
        color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(127, 29, 29, .18);
    }
    .em-create-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; }
    .em-create-hero p { margin: 0; max-width: 760px; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.6; }
    .em-create-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; }
    .em-create-ghost {
        border-radius: 8px;
        padding: 9px 16px;
        font-weight: 700;
        border: 1px solid rgba(255,255,255,.28);
        background: rgba(255,255,255,.10);
        color: #fff !important;
    }
    .em-create-ghost:hover, .em-create-ghost:focus {
        background: rgba(255,255,255,.18);
        color: #fff !important;
        text-decoration: none;
    }
    .em-create-icon {
        width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
        border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.12); color: #fff;
    }
    .em-create-icon:hover, .em-create-icon:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); }
    .em-create-card {
        border-radius: 8px; border: 1px solid #e5e7eb; background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden;
    }
    .em-create-workspace {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }
    .em-create-sidebar { position: sticky; top: 18px; }
    .em-create-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }
    .em-create-nav h5 { margin: 0 0 10px; font-size: 15px; font-weight: 700; color: #0f172a; }
    .em-create-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; }
    .em-create-nav-btn {
        width: 100%;
        text-align: left;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #0f172a;
        border-radius: 8px;
        padding: 11px 12px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
    }
    .em-create-nav-btn:last-child { margin-bottom: 0; }
    .em-create-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
    }
    .em-create-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 12px;
        flex: 0 0 auto;
    }
    .em-create-nav-btn.is-active .em-create-nav-index { background: #1d4ed8; }
    .em-create-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; }
    .em-create-head h4 { margin: 0 0 4px; font-size: 18px; font-weight: 700; color: #0f172a; }
    .em-create-head p { margin: 0; color: #64748b; font-size: 13px; }
    .em-create-body { padding: 20px; }
    .em-create-section {
        border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin-bottom: 16px; background: #f8fafc;
    }
    .em-create-section:last-child { margin-bottom: 0; }
    .em-create-section h5 { margin: 0 0 12px; font-size: 15px; font-weight: 700; color: #0f172a; }
    .em-create-pane { display: none; }
    .em-create-pane.is-active { display: block; }
    .em-create-section-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
        color: #1d4ed8;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 8px;
    }
    .em-create-hint {
        border: 1px solid #dbeafe;
        background: #f8fbff;
        color: #1e3a8a;
        border-radius: 8px;
        padding: 12px 14px;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-create-footer { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; margin-top: 18px; }

























    @media (max-width: 991px) {
        .em-create-workspace { grid-template-columns: 1fr; }
        .em-create-sidebar { position: static; }
    }

/* Emergency edit */
.right_col[role="main"] .em-edit-shell,
    .right_col[role="main"] .em-edit-shell *,
    .right_col[role="main"] .em-edit-workspace,
    .right_col[role="main"] .em-edit-card,
    .right_col[role="main"] .em-edit-hero {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
    .right_col[role="main"] > .em-edit-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .em-edit-hero {
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        border-radius: 8px;
        padding: 22px 24px;
        color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(17, 24, 39, .18);
    }
    .em-edit-hero h3 { margin: 0 0 8px; color: #fff; font-size: 26px; font-weight: 700; }
    .em-edit-hero p { margin: 0; max-width: 780px; color: rgba(255,255,255,.84); font-size: 14px; line-height: 1.6; }
    .em-edit-actions { margin-top: 16px; display: flex; gap: 8px; flex-wrap: wrap; }
    .em-edit-ghost {
        border-radius: 8px;
        padding: 9px 16px;
        font-weight: 700;
        border: 1px solid rgba(255,255,255,.28);
        background: rgba(255,255,255,.10);
        color: #fff !important;
    }
    .em-edit-ghost:hover, .em-edit-ghost:focus {
        background: rgba(255,255,255,.18);
        color: #fff !important;
        text-decoration: none;
    }
    .em-edit-icon {
        width: 40px; height: 40px; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center;
        border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.12); color: #fff;
    }
    .em-edit-icon:hover, .em-edit-icon:focus { color: #fff; text-decoration: none; background: rgba(255,255,255,.2); }
    .em-edit-card {
        border-radius: 8px; border: 1px solid #e5e7eb; background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06); overflow: hidden;
    }
    .em-edit-workspace {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }
    .em-edit-sidebar {
        position: sticky;
        top: 18px;
    }
    .em-edit-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }
    .em-edit-nav h5 {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-edit-nav p {
        margin: 0 0 12px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }
    .em-edit-nav-btn {
        width: 100%;
        text-align: left;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #0f172a;
        border-radius: 8px;
        padding: 11px 12px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-weight: 600;
    }
    .em-edit-nav-btn:last-child { margin-bottom: 0; }
    .em-edit-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
    }
    .em-edit-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 12px;
        flex: 0 0 auto;
    }
    .em-edit-nav-btn.is-active .em-edit-nav-index {
        background: #1d4ed8;
    }
    .em-edit-nav-main {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }
    .em-edit-nav-copy {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
    .em-edit-nav-copy strong {
        font-size: 13px;
        color: inherit;
        line-height: 1.3;
    }
    .em-edit-nav-copy span {
        font-size: 11px;
        color: #64748b;
        line-height: 1.3;
    }
    .em-edit-nav-btn.is-active .em-edit-nav-copy span {
        color: #1d4ed8;
    }
    .em-edit-nav-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #f8fafc;
        border: 1px solid #dbe4ee;
        color: #334155;
        font-size: 11px;
        font-weight: 800;
        flex: 0 0 auto;
    }
    .em-edit-head { padding: 18px 20px 14px; border-bottom: 1px solid #eef2f7; }
    .em-edit-head h4 { margin: 0 0 4px; font-size: 17px; font-weight: 600; color: #0f172a; }
    .em-edit-head p { margin: 0; color: #64748b; font-size: 13px; }
    .em-edit-body { padding: 20px; }
    .em-edit-section {
        border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; margin-bottom: 16px; background: #f8fafc;
    }
    .em-edit-section:last-child { margin-bottom: 0; }
    .em-edit-section h5 { margin: 0 0 12px; font-size: 15px; font-weight: 600; color: #0f172a; }
    .em-edit-pane { display: none; }
    .em-edit-pane.is-active { display: block; }
    .em-edit-section-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
        color: #1d4ed8;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 8px;
    }
    .em-edit-hint {
        border: 1px solid #dbeafe;
        background: #f8fbff;
        color: #1e3a8a;
        border-radius: 8px;
        padding: 12px 14px;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-edit-alert {
        border: 1px solid #fecaca;
        background: #fff5f5;
        color: #991b1b;
        border-radius: 8px;
        padding: 14px 16px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-edit-footer { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; margin-top: 18px; }
    .em-edit-photo {
        width: 100%;
        max-width: 360px;
        max-height: 220px;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        margin-top: 12px;
        background: #fff;
    }
    .em-scenario-card {
        border: 1px solid #dbe3ee;
        border-radius: 8px;
        padding: 14px;
        background: #fff;
        margin-bottom: 12px;
    }
    .em-scenario-card:last-child { margin-bottom: 0; }
    .em-scenario-card-head {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        margin-bottom: 12px;
    }
    .em-scenario-card-title {
        font-size: 14px;
        font-weight: 700;
        color: #0f172a;
        margin: 0;
    }
    .em-scenario-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 12px;
    }
    .em-marker-card {
        border: 1px solid #dbe3ee;
        border-radius: 8px;
        padding: 14px;
        background: #fff;
        margin-bottom: 12px;
    }
    .em-marker-card:last-child { margin-bottom: 0; }
    .em-marker-card-head {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        margin-bottom: 12px;
    }
    .em-marker-card-title {
        font-size: 14px;
        font-weight: 700;
        color: #0f172a;
        margin: 0;
    }
    .em-helper-note {
        font-size: 12px;
        color: #64748b;
        margin-top: 8px;
    }
    .em-asset-health-note {
        margin-top: 8px;
        font-size: 12px;
        color: #475569;
        line-height: 1.5;
    }
    .em-map-picker {
        border: 1px solid #dbe3ee;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 14px;
        margin-bottom: 14px;
    }
    .em-map-stage {
        position: relative;
        min-height: 260px;
        border-radius: 8px;
        overflow: hidden;
        border: 1px dashed #cbd5e1;
        background: #0f172a;
        cursor: crosshair;
    }
    .em-map-stage.is-disabled { cursor: not-allowed; }
    .em-map-stage img {
        width: 100%;
        display: block;
    }
    .em-map-empty {
        min-height: 260px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #94a3b8;
        padding: 24px;
    }
    .em-map-dot {
        position: absolute;
        transform: translate(-50%, -50%);
        width: 18px;
        height: 18px;
        border-radius: 999px;
        border: 2px solid rgba(255,255,255,.92);
        box-shadow: 0 8px 18px rgba(15, 23, 42, .24);
        background: #dc2626;
        cursor: grab;
    }
    .em-map-dot.is-dragging { cursor: grabbing; }
    .em-map-dot[data-marker-kind="toplanma_alani"] { background: #0284c7; }
    .em-map-dot[data-marker-kind="ilk_yardim_dolabi"] { background: #059669; }
    .em-map-dot[data-marker-kind="cikis"],
    .em-map-dot[data-marker-kind="acil_cikis"] { background: #2563eb; }
    .em-marker-card.is-active {
        border-color: #2563eb;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
    }
    .em-map-toolbar {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 10px;
    }
    .em-map-status {
        font-size: 12px;
        color: #475569;
        background: #eff6ff;
        border: 1px solid #bfdbfe;
        padding: 6px 10px;
        border-radius: 999px;
    }
    .em-auto-field {
        background: #f8fafc;
    }
    @media (max-width: 991px) {
        .em-edit-workspace {
            grid-template-columns: 1fr;
        }
        .em-edit-sidebar {
            position: static;
        }
        .em-edit-nav {
            padding: 12px;
        }
    }
.em-field-compact{margin-bottom:0}
.em-form-intro{margin-top:-4px;margin-bottom:12px}
.em-map-empty-icon{display:block;margin-bottom:10px;font-size:28px}
.em-spaced-top{margin-top:10px}

/* Emergency dashboard */
.em-dashboard-hero {
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        border-radius: 8px;
        padding: 22px 24px;
        color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(127, 29, 29, .18);
    }
    .em-dashboard-context {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;
        padding: 6px 10px;
        border-radius: 8px;
        background: rgba(255,255,255,.12);
        border: 1px solid rgba(255,255,255,.14);
        color: rgba(255,255,255,.88);
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .04em;
        text-transform: uppercase;
    }
    .em-dashboard-hero h3 {
        margin: 0 0 8px;
        font-size: 25px;
        font-weight: 600;
        color: #fff;
    }
    .em-dashboard-hero p {
        margin: 0;
        max-width: 820px;
        color: rgba(255,255,255,.84);
        font-size: 14px;
        line-height: 1.7;
    }
    .em-dashboard-meta {
        margin-top: 10px;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .em-dashboard-pill-meta {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 999px;
        background: rgba(255,255,255,.09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
    }
    .em-dashboard-pill-meta i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.18);
        font-size: 11px;
    }
    .em-dashboard-hero-actions {
        margin-top: 18px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
    }
    .em-dashboard-icons {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
    }
    .em-dashboard-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.12);
        color: #fff;
    }
    .em-dashboard-icon:hover,
    .em-dashboard-icon:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.2);
    }
    .em-dashboard-stat {
        border-radius: 8px;
        padding: 17px;
        min-height: 124px;
        background: #fff;
        border: 1px solid #e5e7eb;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        margin-bottom: 18px;
    }
    .em-dashboard-stat-link {
        width: 100%;
        text-align: left;
        cursor: pointer;
    }
    .em-dashboard-stat-link:hover {
        transform: translateY(-1px);
        box-shadow: 0 16px 30px rgba(15, 23, 42, .08);
    }
    .em-dashboard-stat .eyebrow {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .em-dashboard-stat .value {
        font-size: 34px;
        line-height: 1;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .em-dashboard-stat .meta {
        font-size: 13px;
        color: #475569;
    }
    .em-dashboard-panel {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        overflow: hidden;
        margin-bottom: 18px;
    }
    .em-dashboard-panel-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }
    .em-dashboard-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #1d4ed8;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 8px;
    }
    .em-dashboard-panel-head h4 {
        margin: 0 0 4px;
        font-size: 17px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-dashboard-panel-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
    }
    .em-dashboard-scenario-empty {
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 16px;
        color: #64748b;
        background: #f8fafc;
        text-align: center;
    }
    .em-dashboard-workspace {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }
    .em-dashboard-sidebar { position: sticky; top: 18px; }
    .em-dashboard-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15,23,42,.06);
        padding: 14px;
    }
    .em-dashboard-nav h5 { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; }
    .em-dashboard-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; }
    .em-dashboard-side-filter {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15,23,42,.06);
        padding: 14px;
        margin-bottom: 14px;
    }
    .em-dashboard-side-filter label {
        display: block;
        margin-bottom: 6px;
        color: #0f172a;
        font-size: 12px;
        font-weight: 600;
    }
    .em-dashboard-side-filter .form-control {
        width: 100%;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #dbe4ee;
        background: #fff;
        color: #334155;
        box-shadow: none;
    }
    .em-dashboard-nav-btn {
        width: 100%;
        text-align: left;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #0f172a;
        border-radius: 8px;
        padding: 11px 12px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 600;
    }
    .em-dashboard-nav-btn:last-child { margin-bottom: 0; }
    .em-dashboard-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59,130,246,.10);
    }
    .em-dashboard-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 12px;
        flex: 0 0 auto;
    }
    .em-dashboard-nav-btn.is-active .em-dashboard-nav-index { background: #1d4ed8; }
    .em-dashboard-pane { display: none; }
    .em-dashboard-pane.is-active { display: block; }
    .em-dashboard-panel-body {
        padding: 18px 20px 20px;
    }
    .em-dashboard-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 13px 14px;
        margin-bottom: 10px;
        background: #f8fafc;
    }
    .em-dashboard-card:last-child { margin-bottom: 0; }
    .em-dashboard-card-head {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
        margin-bottom: 8px;
    }
    .em-dashboard-title {
        font-size: 14px;
        font-weight: 600;
        color: #0f172a;
        margin: 0 0 4px;
    }
    .em-dashboard-sub {
        font-size: 12px;
        color: #64748b;
    }
    .em-dashboard-pill {
        display: inline-block;
        border-radius: 999px;
        padding: 4px 10px;
        font-size: 11px;
        font-weight: 600;
    }
    .em-dashboard-pill.danger {
        background: #fee2e2;
        color: #991b1b;
    }
    .em-dashboard-pill.warning {
        background: #ffedd5;
        color: #9a3412;
    }
    .em-dashboard-pill.info {
        background: #dbeafe;
        color: #1d4ed8;
    }
    .em-dashboard-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
        font-size: 12px;
        color: #475569;
        margin-top: 10px;
    }
    .em-dashboard-note {
        border-radius: 8px;
        padding: 14px 15px;
        background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
        border: 1px solid #fed7aa;
        color: #9a3412;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-dashboard-audit-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        margin: 0 6px 6px 0;
        background: #f3f4f6;
        color: #475569;
    }
    .em-dashboard-audit-chip.danger {
        background: #fee2e2;
        color: #991b1b;
    }
    .em-dashboard-audit-chip.warning {
        background: #fef3c7;
        color: #92400e;
    }
    .em-dashboard-audit-chip.info {
        background: #dbeafe;
        color: #1d4ed8;
    }
    .em-dashboard-actions {
        display: inline-flex;
        gap: 6px;
        align-items: center;
        flex-wrap: wrap;
    }
    .em-dashboard-filter-chips {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 14px;
    }
    .em-dashboard-filter-chip {
        border: 1px solid #dbe4ee;
        background: #fff;
        color: #475569;
        border-radius: 8px;
        padding: 8px 12px;
        font-size: 12px;
        font-weight: 600;
    }
    .em-dashboard-filter-chip.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59,130,246,.10);
    }
    .em-dashboard-action-icon {
        width: 30px;
        height: 30px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #dbe2ea;
        background: #fff;
        color: #475569;
    }
    .em-dashboard-action-icon:hover,
    .em-dashboard-action-icon:focus {
        text-decoration: none;
        color: #0f172a;
        background: #f8fafc;
    }
    .em-dashboard-toolbar {
        display: flex;
        gap: 12px;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 14px;
    }
    .em-dashboard-toolbar-main {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        min-width: 0;
    }
    .em-dashboard-search {
        position: relative;
        min-width: 240px;
        max-width: 340px;
        flex: 1 1 280px;
    }
    .em-dashboard-search input {
        width: 100%;
        height: 40px;
        padding: 0 12px 0 36px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #0f172a;
    }
    .em-dashboard-search i {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #94a3b8;
        font-size: 13px;
    }
    .em-dashboard-select {
        height: 40px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        padding: 0 12px;
        background: #fff;
        color: #334155;
    }
    .em-dashboard-range {
        color: #64748b;
        font-size: 12px;
    }
    .em-dashboard-table-wrap {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
    }
    .em-dashboard-table-wrap table { margin-bottom: 0; }
    .em-dashboard-table-wrap thead th {
        border-bottom: 1px solid #e5e7eb;
        background: #f8fafc;
        color: #475569;
        font-size: 11px;
        font-weight: 800;
        text-transform: uppercase;
        padding: 12px 14px;
    }
    .em-dashboard-table-wrap tbody td {
        padding: 14px;
        vertical-align: top;
        border-top: 1px solid #eef2f7;
    }
    .em-dashboard-table-wrap tbody tr:first-child td { border-top: none; }
    .em-dashboard-table-wrap tbody tr:hover { background: #fafcff; }
    .em-dashboard-cell-title {
        display: block;
        color: #0f172a;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.5;
    }
    .em-dashboard-cell-sub {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }
    .em-dashboard-pagebar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 14px;
    }
    .em-dashboard-pager {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .em-dashboard-pager button {
        min-width: 92px;
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 600;
    }
    .em-dashboard-pager button:disabled { opacity: .5; cursor: not-allowed; }
    .em-dashboard-empty-inline {
        display: none;
        margin-top: 14px;
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 16px;
        color: #64748b;
        font-size: 13px;
        text-align: center;
        background: #f8fafc;
    }
    @media (max-width: 767px) {
        .em-dashboard-hero { padding: 18px; }
        .em-dashboard-hero h3 { font-size: 23px; }
        .em-dashboard-grid { grid-template-columns: 1fr; }
        .em-dashboard-stat { min-height: 112px; padding: 15px; margin-bottom: 14px; }
        .em-dashboard-panel { margin-bottom: 16px; }
        .em-dashboard-panel-head { padding: 16px 16px 12px; }
        .em-dashboard-panel-body { padding: 16px; }
        .em-dashboard-card { padding: 12px; margin-bottom: 8px; }
        .em-dashboard-workspace { grid-template-columns: 1fr; }
        .em-dashboard-sidebar { position: static; }
        .em-dashboard-search { min-width: 100%; max-width: none; }
        .em-dashboard-toolbar-main { width: 100%; }
    }

/* Emergency team */
.right_col[role="main"] .em-team-shell,
    .right_col[role="main"] .em-team-shell *,
    .right_col[role="main"] .em-team-workspace,
    .right_col[role="main"] .em-team-card,
    .right_col[role="main"] .em-team-hero {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
    .right_col[role="main"] > .em-team-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .em-team-hero {
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(17, 24, 39, .18);
    }
    .em-team-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 600;
    }
    .em-team-hero p {
        margin: 0;
        max-width: 820px;
        color: rgba(255,255,255,.86);
        font-size: 14px;
        line-height: 1.7;
    }
    .em-team-meta {
        margin-top: 10px;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }
    .em-team-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 999px;
        background: rgba(255,255,255,.09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
    }
    .em-team-actions {
        margin-top: 16px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
    }
    .em-team-ghost {
        border-radius: 8px;
        padding: 9px 16px;
        font-weight: 600;
        border: 1px solid rgba(255,255,255,.28);
        background: rgba(255,255,255,.10);
        color: #fff !important;
    }
    .em-team-ghost:hover, .em-team-ghost:focus {
        background: rgba(255,255,255,.18);
        color: #fff !important;
        text-decoration: none;
    }
    .em-team-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.12);
        color: #fff;
    }
    .em-team-icon:hover, .em-team-icon:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.2);
    }
    .em-team-stat {
        border-radius: 8px;
        padding: 17px;
        min-height: 124px;
        background: #fff;
        border: 1px solid #e5e7eb;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        margin-bottom: 18px;
    }
    .em-team-stat .eyebrow {
        font-size: 12px;
        letter-spacing: 0;
        color: #64748b;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .em-team-stat .value {
        font-size: 34px;
        line-height: 1;
        font-weight: 800;
        margin-bottom: 10px;
    }
    .em-team-stat .meta {
        font-size: 13px;
        color: #475569;
    }
    .em-team-card {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        overflow: hidden;
        margin-bottom: 20px;
    }
    .em-team-workspace {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }
    .em-team-sidebar {
        position: sticky;
        top: 18px;
    }
    .em-team-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }
    .em-team-nav h5 {
        margin: 0 0 10px;
        font-size: 14px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-team-nav p {
        margin: 0 0 12px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }
    .em-team-nav-btn {
        width: 100%;
        text-align: left;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #0f172a;
        border-radius: 8px;
        padding: 11px 12px;
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        font-weight: 600;
    }
    .em-team-nav-btn:last-child { margin-bottom: 0; }
    .em-team-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
    }
    .em-team-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 12px;
        flex: 0 0 auto;
    }
    .em-team-nav-btn.is-active .em-team-nav-index {
        background: #1d4ed8;
    }
    .em-team-nav-main {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }
    .em-team-nav-copy {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
    .em-team-nav-copy strong {
        font-size: 13px;
        color: inherit;
        line-height: 1.3;
    }
    .em-team-nav-copy span {
        font-size: 11px;
        color: #64748b;
        line-height: 1.3;
    }
    .em-team-nav-btn.is-active .em-team-nav-copy span {
        color: #1d4ed8;
    }
    .em-team-nav-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #f8fafc;
        border: 1px solid #dbe4ee;
        color: #334155;
        font-size: 11px;
        font-weight: 800;
        flex: 0 0 auto;
    }
    .em-team-nav-badge.warn {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #9a3412;
    }
    .em-team-nav-badge.ok {
        background: #f0fdf4;
        border-color: #bbf7d0;
        color: #166534;
    }
    .em-team-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }
    .em-team-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 600;
        color: #1d4ed8;
        letter-spacing: 0;
        margin-bottom: 8px;
    }
    .em-team-head h4 {
        margin: 0 0 4px;
        font-size: 17px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-team-head p {
        margin: 0;
        font-size: 13px;
        color: #64748b;
    }
    .em-team-body {
        padding: 18px 20px 20px;
    }
    .em-team-pane { display: none; }
    .em-team-pane.is-active { display: block; }
    .em-team-gap {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #f8fafc;
        padding: 12px 14px;
        margin-bottom: 10px;
    }
    .em-team-gap:last-child { margin-bottom: 0; }
    .em-team-note {
        border-radius: 8px;
        padding: 14px 15px;
        background: linear-gradient(135deg, #fff7ed 0%, #fffbeb 100%);
        border: 1px solid #fed7aa;
        color: #9a3412;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-team-health {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
        padding: 16px 18px;
        margin-bottom: 14px;
    }
    .em-team-health-top {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
        margin-bottom: 12px;
    }
    .em-team-health-title {
        font-size: 16px;
        font-weight: 600;
        color: #0f172a;
        margin: 0 0 4px;
    }
    .em-team-health-sub {
        font-size: 13px;
        color: #64748b;
    }
    .em-team-health-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        padding: 6px 10px;
        font-size: 11px;
        font-weight: 700;
        background: #fee2e2;
        color: #991b1b;
        white-space: nowrap;
    }
    .em-team-progress {
        width: 100%;
        height: 10px;
        border-radius: 999px;
        background: #e5e7eb;
        overflow: hidden;
        margin-bottom: 12px;
    }
    .em-team-progress > span {
        display: block;
        height: 100%;
        border-radius: 999px;
    }
    .em-team-micro {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 8px;
    }
    .em-team-micro-item {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        padding: 10px 12px;
    }
    .em-team-micro-item span {
        display: block;
        font-size: 11px;
        letter-spacing: 0;
        color: #94a3b8;
        margin-bottom: 6px;
        font-weight: 600;
    }
    .em-team-micro-item strong {
        font-size: 18px;
        color: #0f172a;
    }
    .em-team-action-list {
        border-radius: 8px;
        border: 1px solid #fed7aa;
        background: #fff7ed;
        padding: 14px 15px;
        margin-top: 14px;
    }
    .em-team-action-item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        font-size: 13px;
        color: #9a3412;
        margin-bottom: 8px;
    }
    .em-team-action-item:last-child { margin-bottom: 0; }
    .em-team-action-item i {
        margin-top: 2px;
    }
    .em-team-form .form-group label {
        font-weight: 600;
        color: #334155;
    }
    .em-team-training-list {
        border-radius: 8px;
        border: 1px solid #dbeafe;
        background: #f8fbff;
        padding: 14px 15px;
        margin-top: 14px;
    }
    .em-team-training-item {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px dashed #dbe3ee;
    }
    .em-team-training-item:last-child { border-bottom: 0; padding-bottom: 0; }
    .em-team-filter-bar {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        margin-bottom: 12px;
        flex-wrap: wrap;
    }
    .em-team-filter-check {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        color: #475569;
        font-weight: 700;
    }
    .em-team-badge-missing {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 700;
        background: #fee2e2;
        color: #991b1b;
    }
    .em-team-alert {
        border: 1px solid #dbeafe;
        background: #f8fbff;
        color: #1e3a8a;
        border-radius: 8px;
        padding: 14px 16px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-team-alert.success {
        border-color: #bbf7d0;
        background: #f0fdf4;
        color: #166534;
    }
    .em-team-alert.danger {
        border-color: #fecaca;
        background: #fff5f5;
        color: #991b1b;
    }
    @media (max-width: 767px) {
        .em-team-hero {
            padding: 18px;
        }
        .em-team-hero h3 {
            font-size: 23px;
        }
        .em-team-micro {
            grid-template-columns: 1fr;
        }
    }
    @media (max-width: 991px) {
        .em-team-workspace {
            grid-template-columns: 1fr;
        }
        .em-team-sidebar {
            position: static;
        }
    }

/* Emergency teams overview */
.right_col[role="main"] .em-teams-shell,
    .right_col[role="main"] .em-teams-shell *,
    .right_col[role="main"] .em-teams-hero,
    .right_col[role="main"] .em-teams-card {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
    .right_col[role="main"] > .em-teams-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .em-teams-hero {
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(17,24,39,.18);
    }
    .em-teams-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 600;
        line-height: 1.2;
    }
    .em-teams-hero p {
        margin: 0;
        max-width: 820px;
        color: rgba(255,255,255,.86);
        font-size: 14px;
        line-height: 1.7;
    }
    .em-teams-meta {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 10px;
    }
    .em-teams-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 999px;
        background: rgba(255,255,255,.09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
    }
    .em-teams-actions {
        margin-top: 16px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .em-teams-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.12);
        color: #fff;
    }
    .em-teams-icon:hover,
    .em-teams-icon:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.2);
    }
    .em-teams-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 18px;
    }
    .em-teams-stat,
    .em-teams-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15,23,42,.06);
    }
    .em-teams-stat {
        padding: 16px;
        min-height: 112px;
    }
    .em-teams-stat span {
        display: block;
        color: #64748b;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.4;
    }
    .em-teams-stat strong {
        display: block;
        margin-top: 8px;
        color: #0f172a;
        font-size: 28px;
        line-height: 1;
        font-weight: 700;
    }
    .em-teams-card {
        overflow: hidden;
    }
    .em-teams-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }
    .em-teams-head h4 {
        margin: 0 0 4px;
        color: #0f172a;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.3;
    }
    .em-teams-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-teams-body {
        padding: 18px 20px 20px;
    }
    .em-teams-tools {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-bottom: 14px;
        flex-wrap: wrap;
    }
    .em-teams-tools-meta {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }
    .em-teams-toolbar-main {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        min-width: 0;
    }
    .em-teams-search {
        position: relative;
        min-width: 240px;
        max-width: 340px;
        flex: 1 1 280px;
    }
    .em-teams-search input {
        width: 100%;
        height: 40px;
        padding: 0 12px 0 36px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #0f172a;
        box-shadow: none;
    }
    .em-teams-search i {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #94a3b8;
        font-size: 13px;
    }
    .em-teams-select {
        height: 40px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        padding: 0 12px;
        background: #fff;
        color: #334155;
        box-shadow: none;
    }
    .em-teams-range {
        color: #64748b;
        font-size: 12px;
    }
    .em-teams-table-wrap {
        overflow-x: auto;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
    }
    .em-teams-table {
        width: 100%;
        margin-bottom: 0;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
    }
    .em-teams-table th {
        color: #475569;
        font-size: 12px;
        font-weight: 600;
        border-bottom: 1px solid #e5e7eb !important;
        background: #f8fafc;
        white-space: nowrap;
        padding: 11px 12px !important;
    }
    .em-teams-table td {
        vertical-align: middle !important;
        color: #334155;
        font-size: 13px;
        padding: 12px !important;
        border-top: 1px solid #eef2f7 !important;
    }
    .em-teams-table tbody tr:first-child td {
        border-top: 0 !important;
    }
    .em-teams-table tbody tr:hover {
        background: #f8fafc;
    }
    .em-teams-row-no {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 30px;
        height: 30px;
        border-radius: 8px;
        background: #f8fafc;
        border: 1px solid #e5e7eb;
        color: #475569;
        font-size: 12px;
        font-weight: 700;
    }
    .em-teams-plan-title {
        display: block;
        color: #0f172a;
        font-weight: 600;
        line-height: 1.35;
        word-break: break-word;
    }
    .em-teams-sub {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.4;
    }
    .em-teams-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        padding: 6px 10px;
        border: 1px solid #dbeafe;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 700;
        white-space: nowrap;
    }
    .em-teams-counts {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
        min-width: 170px;
    }
    .em-teams-count {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 7px 8px;
        text-align: center;
    }
    .em-teams-count span {
        display: block;
        color: #64748b;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 600;
    }
    .em-teams-count strong {
        display: block;
        margin-top: 3px;
        color: #0f172a;
        font-size: 14px;
        line-height: 1;
    }
    .em-teams-count.danger strong {
        color: #b91c1c;
    }
    .em-teams-status.success {
        border-color: #bbf7d0;
        background: #f0fdf4;
        color: #166534;
    }
    .em-teams-status.warning {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #9a3412;
    }
    .em-teams-status.danger {
        border-color: #fecaca;
        background: #fff5f5;
        color: #991b1b;
    }
    .em-teams-progress {
        width: 100%;
        min-width: 110px;
        height: 8px;
        border-radius: 999px;
        background: #e5e7eb;
        overflow: hidden;
        margin-top: 5px;
    }
    .em-teams-progress span {
        display: block;
        height: 100%;
        border-radius: 999px;
        background: #b91c1c;
    }
    .em-teams-row-actions {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
    }
    .em-teams-row-action {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #d0d5dd;
        background: #fff;
        color: #334155;
    }
    .em-teams-row-action:hover,
    .em-teams-row-action:focus {
        color: #0f172a;
        background: #f8fafc;
        text-decoration: none;
    }
    .em-teams-empty {
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        background: #f8fafc;
        color: #64748b;
        padding: 18px;
        text-align: center;
        font-size: 13px;
    }
    .em-teams-empty-inline {
        display: none;
        margin-top: 14px;
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 16px;
        color: #64748b;
        font-size: 13px;
        text-align: center;
        background: #f8fafc;
    }
    .em-teams-pagebar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 14px;
    }
    .em-teams-pager {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .em-teams-pager button {
        min-width: 92px;
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 600;
    }
    .em-teams-pager button:disabled {
        opacity: .5;
        cursor: not-allowed;
    }
    @media (max-width: 1100px) {
        .em-teams-grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }
    @media (max-width: 640px) {
        .em-teams-hero {
            padding: 18px 16px;
        }
        .em-teams-grid {
            grid-template-columns: 1fr;
        }
        .em-teams-body {
            padding: 14px;
        }
        .em-teams-search {
            min-width: 100%;
            max-width: none;
        }
        .em-teams-toolbar-main {
            width: 100%;
        }
        .em-teams-table-wrap {
            border: 0;
            overflow: visible;
            background: transparent;
        }
        .em-teams-table,
        .em-teams-table thead,
        .em-teams-table tbody,
        .em-teams-table tr,
        .em-teams-table th,
        .em-teams-table td {
            display: block;
            width: 100%;
        }
        .em-teams-table thead {
            display: none;
        }
        .em-teams-table tr {
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background: #fff;
            margin-bottom: 10px;
            overflow: hidden;
        }
        .em-teams-table td {
            display: grid;
            grid-template-columns: 112px minmax(0, 1fr);
            gap: 12px;
            align-items: center;
            border-top: 1px solid #eef2f7 !important;
        }
        .em-teams-table td:first-child {
            border-top: 0 !important;
        }
        .em-teams-table td::before {
            content: attr(data-label);
            color: #64748b;
            font-size: 12px;
            font-weight: 600;
        }
        .em-teams-counts {
            grid-template-columns: repeat(3, minmax(0, 1fr));
            min-width: 0;
        }
    }

/* Emergency drills */
.right_col[role="main"] .em-drill-page,
    .right_col[role="main"] .em-drill-page *,
    .right_col[role="main"] .em-drill-workspace,
    .right_col[role="main"] .em-drill-card,
    .right_col[role="main"] .em-drill-hero {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }
    .right_col[role="main"] > .em-drill-page {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .em-drill-workspace {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
        width: 100%;
        max-width: 100%;
    }
    .em-drill-sidebar { position: sticky; top: 18px; }
    .em-drill-content {
        min-width: 0;
        width: 100%;
        max-width: 100%;
    }
    .em-drill-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }
    .em-drill-nav h5 { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; }
    .em-drill-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; }
    .em-drill-nav a {
        display: none;
    }
    .em-drill-nav-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        text-decoration: none;
        color: #0f172a;
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 8px;
        font-weight: 600;
        text-align: left;
        transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    }
    .em-drill-nav-btn:last-child { margin-bottom: 0; }
    .em-drill-nav-btn:hover,
    .em-drill-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }
    .em-drill-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 11px;
        flex: 0 0 auto;
    }
    .em-drill-nav-main {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }
    .em-drill-nav-copy {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
    .em-drill-nav-copy strong {
        font-size: 12px;
        color: inherit;
        line-height: 1.35;
    }
    .em-drill-nav-copy span {
        font-size: 10px;
        color: #64748b;
        line-height: 1.4;
    }
    .em-drill-nav-btn.is-active .em-drill-nav-copy span,
    .em-drill-nav-btn:hover .em-drill-nav-copy span {
        color: #1d4ed8;
    }
    .em-drill-nav-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #f8fafc;
        border: 1px solid #dbe4ee;
        color: #334155;
        font-size: 10px;
        font-weight: 700;
        flex: 0 0 auto;
    }
    .em-drill-shell {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
        gap: 18px;
        margin-bottom: 22px;
        width: 100%;
    }
    .em-drill-card {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        overflow: hidden;
    }
    .em-drill-hero {
        padding: 22px 24px;
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        color: #fff;
        border-radius: 8px;
        box-shadow: 0 18px 40px rgba(17, 24, 39, .16);
        margin-bottom: 18px;
    }
    .em-drill-hero h3 {
        margin: 0 0 8px;
        font-size: 25px;
        font-weight: 600;
        color: #fff;
    }
    .em-drill-hero p {
        margin: 0;
        color: rgba(255,255,255,.86);
        font-size: 14px;
        max-width: 820px;
        line-height: 1.7;
    }
    .em-drill-hero-meta {
        margin-top: 10px;
        display: inline-flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .em-drill-hero-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 13px;
        border-radius: 999px;
        background: rgba(255,255,255,.09);
        border: 1px solid rgba(255,255,255,.24);
        color: #fff;
        font-size: 12px;
        font-weight: 600;
    }
    .em-drill-actions {
        display: flex;
        margin-top: 16px;
        gap: 8px;
        flex-wrap: wrap;
    }
    .em-drill-icon-btn {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.12);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }
    .em-drill-icon-btn:hover,
    .em-drill-icon-btn:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.2);
    }
    .em-drill-metrics {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 14px;
        margin-bottom: 18px;
    }
    .em-drill-metric {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 16px 18px;
    }
    .em-drill-metric span {
        display: block;
        font-size: 12px;
        letter-spacing: 0;
        color: #64748b;
        margin-bottom: 8px;
    }
    .em-drill-metric strong {
        font-size: 22px;
        color: #0f172a;
        font-weight: 700;
    }
    .em-drill-head {
        padding: 18px 22px 14px;
        border-bottom: 1px solid #eef2f7;
    }
    .em-drill-head h4 {
        margin: 0 0 4px;
        font-size: 16px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-drill-head p {
        margin: 0;
        font-size: 13px;
        color: #64748b;
    }
    .em-drill-body {
        padding: 20px 22px 22px;
    }
    .em-drill-pane { display: none; }
    .em-drill-pane.is-active { display: block; }
    .em-drill-section-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 12px;
    }
    .em-drill-section-title h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 600;
        color: #0f172a;
    }
    .em-drill-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        letter-spacing: 0;
        color: #1d4ed8;
        font-weight: 600;
        margin-bottom: 8px;
    }
    .em-drill-note {
        border-radius: 8px;
        border: 1px solid #fed7aa;
        background: #fff7ed;
        color: #9a3412;
        padding: 14px 16px;
        font-size: 13px;
        margin-bottom: 16px;
    }
    .em-drill-table td small {
        display: block;
        margin-top: 4px;
        color: #64748b;
    }
    .em-drill-table-wrap {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        overflow: auto;
        background: #fff;
    }
    .em-drill-table-wrap .table {
        margin-bottom: 0;
        min-width: 980px;
    }
    .em-drill-mini-card {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 13px 14px;
        margin-bottom: 10px;
    }
    .em-drill-table thead th {
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #475569;
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0;
        font-weight: 600;
        padding: 11px 12px;
        white-space: nowrap;
    }
    .em-drill-head p,
    .em-drill-note,
    .em-drill-mini-card,
    .em-drill-mini-card div,
    .em-drill-row-sub,
    .em-drill-approval-meta {
        line-height: 1.55;
    }
    .em-drill-nav-copy strong {
        font-size: 13px;
        font-weight: 600;
    }
    .em-drill-nav-copy span {
        font-size: 11px;
        line-height: 1.35;
    }
    .em-drill-table tbody td {
        padding: 12px;
        vertical-align: top;
        border-top: 1px solid #eef2f7;
    }
    .em-drill-table tbody tr:hover {
        background: #fafcff;
    }
    .em-drill-row-title {
        display: block;
        color: #0f172a;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.45;
    }
    .em-drill-row-sub {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }
    .em-drill-mini-card:last-child { margin-bottom: 0; }
    .em-drill-approval-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 6px 10px;
        border-radius: 999px;
        background: #f3f4f6;
        color: #475569;
        font-size: 12px;
        font-weight: 600;
    }
    .em-drill-approval-pill.success {
        background: #dcfce7;
        color: #166534;
    }
    .em-drill-approval-pill.warning {
        background: #fef3c7;
        color: #92400e;
    }
    .em-drill-approval-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
        margin-top: 10px;
    }
    .em-drill-approval-step {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 10px 12px;
    }
    .em-drill-approval-step.is-approved {
        background: #f0fdf4;
        border-color: #bbf7d0;
    }
    .em-drill-approval-step strong {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0f172a;
        font-size: 12px;
    }
    .em-drill-approval-meta {
        margin-top: 7px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
        min-height: 42px;
    }
    .em-drill-attendee-box {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px dashed #dbe3ee;
    }
    .em-drill-attendee-list {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 8px;
    }
    .em-drill-attendee-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 8px;
        border-radius: 999px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 11px;
        font-weight: 700;
    }
    .em-drill-alert {
        border: 1px solid #dbeafe;
        background: #f8fbff;
        color: #1e3a8a;
        border-radius: 8px;
        padding: 14px 16px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-drill-alert.success {
        border-color: #bbf7d0;
        background: #f0fdf4;
        color: #166534;
    }
    .em-drill-alert.danger {
        border-color: #fecaca;
        background: #fff5f5;
        color: #991b1b;
    }
    .em-drill-form-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .em-drill-form-grid .form-group {
        margin-bottom: 0;
    }
    .em-drill-form-grid .form-group.full {
        grid-column: 1 / -1;
    }
    .em-drill-actionbar {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        padding-top: 14px;
        margin-top: 14px;
        border-top: 1px solid #eef2f7;
    }
    .em-drill-actionbar .btn {
        border-radius: 8px;
        padding: 8px 16px;
        font-weight: 600;
    }
    @media (max-width: 991px) {
        .em-drill-workspace {
            grid-template-columns: 1fr;
        }
        .em-drill-sidebar {
            position: static;
        }
        .em-drill-shell {
            grid-template-columns: 1fr;
        }
        .em-drill-actions {
            justify-content: flex-start;
            margin-top: 16px;
        }
        .em-drill-approval-grid {
            grid-template-columns: 1fr;
        }
        .em-drill-form-grid {
            grid-template-columns: 1fr;
        }
    }
.em-text-blue{color:#1d4ed8}
.em-text-amber{color:#b45309}
.em-text-red{color:#b91c1c}
.em-text-green{color:#15803d}
.em-text-purple{color:#7c3aed}
.em-text-teal{color:#0f766e}
.em-text-brown{color:#7c2d12}
.em-static-hidden{display:none}
.em-tone-complete{color:#15803d}
.em-tone-warning{color:#b45309}
.em-tone-danger{color:#b91c1c}
.em-team-health-pill.is-complete{background:#dcfce7;color:#166534}
.em-team-health-pill.is-gap{background:#fee2e2;color:#991b1b}
.em-team-progress progress,.em-teams-progress progress{width:100%;height:100%;border:0;appearance:none;background:transparent}
.em-team-progress progress::-webkit-progress-bar,.em-teams-progress progress::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}
.em-team-progress progress::-webkit-progress-value,.em-teams-progress progress::-webkit-progress-value{background:currentColor;border-radius:999px}
.em-team-progress progress::-moz-progress-bar,.em-teams-progress progress::-moz-progress-bar{background:currentColor;border-radius:999px}
.em-teams-progress .em-tone-complete{color:#166534}
.em-teams-progress .em-tone-warning{color:#d97706}
.em-teams-progress .em-tone-danger{color:#b91c1c}
.em-mb-0{margin-bottom:0}
.em-mb-14{margin-bottom:14px}
.em-mb-16{margin-bottom:16px}
.em-mb-18{margin-bottom:18px}
.em-mt-0{margin-top:0}
.em-mt-4{margin-top:4px}
.em-mt-6{margin-top:6px}
.em-mt-8{margin-top:8px}
.em-mt-10{margin-top:10px}
.em-mt-12{margin-top:12px}
.em-ml-6{margin-left:6px}
.em-text-xs{font-size:12px}
.em-text-sm{font-size:13px}
.em-label-heading{display:block;margin-bottom:6px;color:#0f172a}
.em-label-heading-lg{display:block;margin-bottom:8px;color:#0f172a}
.em-value-strong{display:block;color:#0f172a}
.em-copy-sm{margin-top:4px;color:#475569;font-size:13px}
.em-caption-top{margin-top:4px;font-size:11px}
.em-caption-label{margin-bottom:6px;font-size:11px}
.em-empty-copy{margin-bottom:8px;font-size:12px}
.em-caption-help{margin-top:6px;font-size:11px}
.em-muted-note{margin-top:6px;color:#64748b;font-size:12px}
.em-caption{color:#64748b;font-size:11px}
.em-col-min-260{min-width:260px}
.em-nowrap{white-space:nowrap}
.em-actions-end{display:flex;justify-content:flex-end;margin-bottom:16px}
.em-section-label{margin-bottom:8px;color:#0f172a;font-weight:600}
.em-text-strong{color:#0f172a}
.em-caption-top-sm{margin-top:3px;font-size:12px}
.em-spacer-6{height:6px}
.em-col-58{width:58px}.em-col-90{width:90px}.em-col-118{width:118px}.em-col-120{width:120px}.em-col-130{width:130px}.em-col-190{width:190px}.em-col-22p{width:22%}.em-col-25p{width:25%}
.em-show-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.em-show-section-title{margin:0;color:#0f172a;font-size:18px;font-weight:700}
.em-show-team-label{color:#0f172a;font-size:13px}
.em-show-status-title{display:block;color:#0f172a;font-size:16px}
.em-show-value{color:#0f172a;font-weight:700}
.em-show-rate-suffix{font-weight:400}
.em-show-training-row{display:flex;justify-content:space-between;gap:10px;margin-bottom:4px;font-size:12px}
.em-show-training-row.is-wide{margin-bottom:6px}
.em-show-split-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.em-show-inline-title{margin:0;color:#0f172a;font-size:16px}
.em-show-row-band{margin:0 0 14px}
.em-show-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.em-pl-0{padding-left:0}.em-pr-0{padding-right:0}.em-h-full{height:100%}
.em-mb-6{margin-bottom:6px}.em-mb-8{margin-bottom:8px}.em-mb-12{margin-bottom:12px}.em-mt-14{margin-top:14px}.em-mr-6{margin-right:6px}
.em-show-marker-caption{margin-top:2px}
.em-show-map-title{display:block;margin-bottom:4px;color:#0f172a;font-size:16px}

/* Emergency show */
.right_col[role="main"] .em-show-shell,
    .right_col[role="main"] .em-show-shell *,
    .right_col[role="main"] .em-show-workspace,
    .right_col[role="main"] .em-show-card,
    .right_col[role="main"] .em-show-hero {
        box-sizing: border-box;
        max-width: 100%;
        min-width: 0;
    }
    .right_col[role="main"] > .em-show-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
    .em-show-hero {
        background: linear-gradient(135deg, #1f2937 0%, #b91c1c 58%, #fb7185 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin-bottom: 20px;
        box-shadow: 0 18px 40px rgba(17, 24, 39, .18);
    }

    .em-show-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 600;
    }
    .em-show-hero p {
        margin: 0;
        max-width: 820px;
        color: rgba(255,255,255,.86);
        font-size: 14px;
        line-height: 1.7;
    }
    .em-show-meta {
        margin-top: 10px;
        display: inline-flex;
        gap: 8px;
        flex-wrap: wrap;
    }
    .em-show-meta-chip {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 8px 13px;
        border-radius: 999px;
        background: rgba(255,255,255,.09);
        border: 1px solid rgba(255,255,255,.24);
        color: #fff;
        font-size: 12px;
        font-weight: 600;
    }

    .em-show-actions {
        margin-top: 16px;
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
    }

    .em-show-icon {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.24);
        background: rgba(255,255,255,.12);
        color: #fff;
    }
    .em-show-icon:hover,
    .em-show-icon:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.2);
    }

    .em-show-card {
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        overflow: hidden;
        margin-bottom: 20px;
    }
    .em-show-workspace {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }
    .em-show-sidebar { position: sticky; top: 18px; }
    .em-show-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }
    .em-show-nav h5 { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; }
    .em-show-nav p { margin: 0 0 12px; color: #64748b; font-size: 12px; line-height: 1.5; }
    .em-show-nav a {
        display: none;
    }
    .em-show-nav-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        text-decoration: none;
        color: #0f172a;
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 8px;
        padding: 10px 12px;
        margin-bottom: 8px;
        font-weight: 600;
        text-align: left;
        transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
    }
    .em-show-nav-btn:last-child { margin-bottom: 0; }
    .em-show-nav-btn:hover,
    .em-show-nav-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }
    .em-show-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 11px;
        flex: 0 0 auto;
    }
    .em-show-nav-main {
        display: flex;
        align-items: center;
        gap: 10px;
        min-width: 0;
        flex: 1 1 auto;
    }
    .em-show-nav-copy {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
    }
    .em-show-nav-copy strong {
        font-size: 12px;
        font-weight: 600;
        color: inherit;
        line-height: 1.35;
    }
    .em-show-nav-copy span {
        font-size: 10px;
        color: #64748b;
        line-height: 1.4;
    }
    .em-show-nav-btn.is-active .em-show-nav-copy span,
    .em-show-nav-btn:hover .em-show-nav-copy span {
        color: #1d4ed8;
    }
    .em-show-nav-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #f8fafc;
        border: 1px solid #dbe4ee;
        color: #334155;
        font-size: 10px;
        font-weight: 700;
        flex: 0 0 auto;
    }
    .em-show-nav-badge.warn {
        background: #fff7ed;
        border-color: #fed7aa;
        color: #9a3412;
    }
    .em-show-nav-badge.ok {
        background: #f0fdf4;
        border-color: #bbf7d0;
        color: #166534;
    }

    .em-show-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }
    .em-show-kicker {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 12px;
        font-weight: 700;
        color: #1d4ed8;
        text-transform: uppercase;
        letter-spacing: .04em;
        margin-bottom: 8px;
    }

    .em-show-head h4 {
        margin: 0 0 4px;
        font-size: 18px;
        font-weight: 700;
        color: #0f172a;
    }
    .em-show-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.6;
    }

    .em-show-body {
        padding: 18px 20px 20px;
    }
    .em-show-pane { display: none; }
    .em-show-pane.is-active { display: block; }
    .em-show-info-table {
        margin-bottom: 0;
        background: #f8fafc;
        border-radius: 8px;
        overflow: hidden;
    }
    .em-show-info-table th {
        width: 220px;
        background: #f8fafc;
        color: #475569;
        font-weight: 700;
        border-color: #e5e7eb !important;
    }
    .em-show-info-table td {
        border-color: #e5e7eb !important;
        color: #0f172a;
    }
    .em-show-photo {
        width: 100%;
        max-height: 220px;
        object-fit: cover;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        margin-top: 12px;
    }
    .em-show-scenario {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 14px;
        margin-bottom: 12px;
    }
    .em-show-scenario:last-child { margin-bottom: 0; }
    .em-show-scenario-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
    .em-show-scenario-block strong {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .04em;
        color: #64748b;
        margin-bottom: 5px;
    }
    .em-show-mini-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 12px 14px;
        margin-bottom: 10px;
    }
    .em-show-mini-card:last-child { margin-bottom: 0; }
    .em-show-gap-grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
    }
    .em-show-gap-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 10px 11px;
        min-width: 0;
    }
    .em-show-gap-top {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: center;
        margin-bottom: 8px;
    }
    .em-show-gap-count {
        font-size: 17px;
        font-weight: 800;
        color: #0f172a;
        line-height: 1.1;
    }
    .em-show-gap-ok {
        display: inline-flex;
        padding: 4px 8px;
        border-radius: 999px;
        background: #dcfce7;
        color: #166534;
        font-size: 11px;
        font-weight: 700;
    }
    .em-show-gap-miss {
        display: inline-flex;
        padding: 4px 8px;
        border-radius: 999px;
        background: #fee2e2;
        color: #991b1b;
        font-size: 11px;
        font-weight: 700;
    }
    .em-show-section-stack {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .em-show-strip-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 14px;
    }
    .em-show-strip-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 12px 14px;
        min-width: 0;
    }
    .em-show-strip-card strong {
        display: block;
        margin-bottom: 6px;
        font-size: 12px;
        color: #64748b;
        text-transform: uppercase;
        letter-spacing: .03em;
    }
    .em-show-strip-card-value {
        color: #0f172a;
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2;
    }
    .em-show-strip-card-note {
        color: #64748b;
        font-size: 12px;
        margin-top: 5px;
    }
    .em-show-table {
        margin-bottom: 0;
    }
    .em-show-table thead th {
        background: #f8fafc;
        border-bottom: 1px solid #e5e7eb;
        color: #475569;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: .03em;
    }
    .em-show-scenario-panel {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 14px;
        max-height: 540px;
        overflow: auto;
    }
    .em-show-map-shell {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 14px;
    }
    .em-show-map-stage {
        position: relative;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #dbe3ee;
        background: #0f172a;
        min-height: 240px;
        border-radius: 8px;
    }
    .em-show-map-stage img {
        width: 100%;
        display: block;
    }
    .em-show-map-empty {
        min-height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #94a3b8;
        padding: 24px;
    }
    .em-show-marker-dot {
        position: absolute;
        transform: translate(-50%, -50%);
        width: 24px;
        height: 24px;
        border-radius: 999px;
        border: 2px solid rgba(255,255,255,.92);
        box-shadow: 0 8px 18px rgba(15, 23, 42, .24);
        background: #dc2626;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
    }
    .em-show-marker-dot[data-marker-kind="toplanma_alani"] { background: #0284c7; }
    .em-show-marker-dot[data-marker-kind="yangin_tupu"],
    .em-show-marker-dot[data-marker-kind="yangin_dolabi"],
    .em-show-marker-dot[data-marker-kind="alarm_paneli"] { background: #b91c1c; }
    .em-show-marker-dot[data-marker-kind="ilk_yardim_dolabi"] { background: #059669; }
    .em-show-marker-dot[data-marker-kind="cikis"],
    .em-show-marker-dot[data-marker-kind="acil_cikis"] { background: #2563eb; }
    .em-show-marker-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        margin-top: 14px;
    }
    .em-show-marker-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        padding: 12px 14px;
    }
    .em-show-marker-head {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: flex-start;
        margin-bottom: 8px;
    }
    .em-show-marker-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 4px 9px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 700;
        background: #fee2e2;
        color: #991b1b;
    }
    .em-show-marker-badge[data-marker-kind="toplanma_alani"] { background: #dbeafe; color: #1d4ed8; }
    .em-show-marker-badge[data-marker-kind="ilk_yardim_dolabi"] { background: #d1fae5; color: #047857; }
    .em-show-marker-badge[data-marker-kind="cikis"],
    .em-show-marker-badge[data-marker-kind="acil_cikis"] { background: #dbeafe; color: #1e40af; }
    .em-show-health-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 800;
        margin-top: 8px;
    }
    .em-show-health-pill.danger { background: #fee2e2; color: #991b1b; }
    .em-show-health-pill.warning { background: #ffedd5; color: #9a3412; }
    .em-show-health-pill.success { background: #dcfce7; color: #166534; }
    .em-show-marker-legend {
        margin-top: 14px;
        border-top: 1px solid #e5e7eb;
        padding-top: 14px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .em-show-marker-legend-item {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 10px 12px;
        background: #fff;
    }
    .em-show-marker-legend-dot {
        width: 28px;
        height: 28px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-size: 12px;
        background: #dc2626;
        box-shadow: inset 0 0 0 2px rgba(255,255,255,.18);
        flex: 0 0 auto;
    }
    .em-show-marker-legend-dot[data-marker-kind="toplanma_alani"] { background: #0284c7; }
    .em-show-marker-legend-dot[data-marker-kind="ilk_yardim_dolabi"] { background: #059669; }
    .em-show-marker-legend-dot[data-marker-kind="cikis"],
    .em-show-marker-legend-dot[data-marker-kind="acil_cikis"] { background: #2563eb; }
    .em-show-marker-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: #0f172a;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        margin-right: 6px;
    }
    .em-show-approval-shell {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 16px 18px;
        margin: 0 0 18px;
    }
    .em-show-approval-head {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: center;
        margin-bottom: 12px;
    }
    .em-show-approval-status {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 7px 10px;
        border-radius: 999px;
        background: #f3f4f6;
        color: #475569;
        font-size: 12px;
        font-weight: 800;
    }
    .em-show-approval-status.success {
        background: #dcfce7;
        color: #166534;
    }
    .em-show-approval-status.warning {
        background: #fef3c7;
        color: #92400e;
    }
    .em-show-approval-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
    }
    .em-show-approval-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #fff, #f8fafc);
        padding: 12px 14px;
        min-height: 100%;
    }
    .em-show-approval-card.is-approved {
        background: #f0fdf4;
        border-color: #bbf7d0;
    }
    .em-show-approval-card strong {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: #0f172a;
        font-size: 13px;
    }
    .em-show-approval-meta {
        margin-top: 8px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.6;
        min-height: 54px;
    }
    .em-show-approval-btn {
        margin-top: 8px;
    }
    .em-show-note {
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 16px;
        background: #f8fafc;
        color: #64748b;
        font-size: 13px;
        line-height: 1.6;
    }
    .em-show-note.warning {
        border-style: solid;
        border-color: #fed7aa;
        background: #fff7ed;
        color: #9a3412;
    }
    .em-show-table-tools {
        display: flex;
        gap: 12px;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 14px;
    }
    .em-show-table-main {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
        min-width: 0;
    }
    .em-show-search {
        position: relative;
        min-width: 240px;
        max-width: 340px;
        flex: 1 1 280px;
    }
    .em-show-search input {
        width: 100%;
        height: 40px;
        padding: 0 12px 0 36px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #0f172a;
    }
    .em-show-search i {
        position: absolute;
        left: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #94a3b8;
        font-size: 13px;
    }
    .em-show-select {
        height: 40px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        padding: 0 12px;
        background: #fff;
        color: #334155;
    }
    .em-show-range {
        color: #64748b;
        font-size: 12px;
    }
    .em-show-table-wrap {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        overflow: hidden;
        background: #fff;
    }
    .em-show-table-wrap table { margin-bottom: 0; }
    .em-show-pagebar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 14px;
    }
    .em-show-pager {
        display: flex;
        align-items: center;
        gap: 8px;
    }
    .em-show-pager button {
        min-width: 92px;
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }
    .em-show-pager button:disabled { opacity: .5; cursor: not-allowed; }
    .em-show-empty-inline {
        display: none;
        margin-top: 14px;
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 16px;
        color: #64748b;
        font-size: 13px;
        text-align: center;
        background: #f8fafc;
    }
    @media (max-width: 767px) {
        .em-show-strip-grid { grid-template-columns: 1fr; }
        .em-show-scenario-grid { grid-template-columns: 1fr; }
        .em-show-marker-list { grid-template-columns: 1fr; }
        .em-show-marker-legend { grid-template-columns: 1fr; }
        .em-show-scenario-panel { max-height: none; }
        .em-show-gap-grid { grid-template-columns: 1fr; }
        .em-show-approval-grid { grid-template-columns: 1fr; }
        .em-show-search { min-width: 100%; max-width: none; }
        .em-show-table-main { width: 100%; }
    }
    @media (max-width: 1199px) {
        .em-show-gap-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    }
    @media (max-width: 991px) {
        .em-show-gap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    }
    @media (max-width: 991px) {
        .em-show-workspace { grid-template-columns: 1fr; }
        .em-show-sidebar { position: static; }
    }

/* Emergency plan PDF */
body.emergency-plan-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #1f2937; }
        body.emergency-plan-pdf h1 { font-size: 22px; margin: 0 0 6px; }
        body.emergency-plan-pdf h2 { font-size: 15px; margin: 0 0 10px; color: #7f1d1d; }
        body.emergency-plan-pdf h3 { font-size: 13px; margin: 0 0 8px; }
        body.emergency-plan-pdf .muted { color: #6b7280; }
        body.emergency-plan-pdf .hero { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 16px; }
        body.emergency-plan-pdf .grid-2 { width: 100%; border-collapse: separate; border-spacing: 12px 0; margin: 0 -12px 14px; }
        body.emergency-plan-pdf .card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px; vertical-align: top; }
        body.emergency-plan-pdf .stat { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #f3f4f6; font-size: 11px; font-weight: 700; }
        body.emergency-plan-pdf .stat.success { background: #dcfce7; color: #166534; }
        body.emergency-plan-pdf .stat.warning { background: #fef3c7; color: #92400e; }
        body.emergency-plan-pdf .table { width: 100%; border-collapse: collapse; margin-top: 8px; }
        body.emergency-plan-pdf .table th, body.emergency-plan-pdf .table td { border: 1px solid #e5e7eb; padding: 8px; text-align: left; vertical-align: top; }
        body.emergency-plan-pdf .table th { background: #f8fafc; }
        body.emergency-plan-pdf .scenario { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
        body.emergency-plan-pdf .approval { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; margin-bottom: 8px; }
        body.emergency-plan-pdf .approval.done { background: #f0fdf4; border-color: #bbf7d0; }
        body.emergency-plan-pdf .pill { display: inline-block; padding: 4px 8px; border-radius: 999px; background: #fee2e2; color: #991b1b; font-size: 10px; font-weight: 700; }
        body.emergency-plan-pdf .small { font-size: 11px; }
        body.emergency-plan-pdf .marker-list li { margin-bottom: 5px; }
        body.emergency-plan-pdf .team-group { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
        body.emergency-plan-pdf .team-group:last-child { margin-bottom: 0; }
        body.emergency-plan-pdf .team-group ul { margin: 8px 0 0; padding-left: 18px; }
        body.emergency-plan-pdf .team-group li { margin-bottom: 4px; }

/* Emergency drill PDF */
body.emergency-drill-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #1f2937; }
        body.emergency-drill-pdf h1 { font-size: 22px; margin: 0 0 6px; }
        body.emergency-drill-pdf h2 { font-size: 15px; margin: 0 0 10px; color: #7f1d1d; }
        body.emergency-drill-pdf .hero, body.emergency-drill-pdf .card { border: 1px solid #e5e7eb; border-radius: 12px; padding: 16px; margin-bottom: 14px; }
        body.emergency-drill-pdf .muted { color: #6b7280; }
        body.emergency-drill-pdf .table { width: 100%; border-collapse: collapse; }
        body.emergency-drill-pdf .table th, body.emergency-drill-pdf .table td { border: 1px solid #e5e7eb; padding: 8px; text-align: left; vertical-align: top; }
        body.emergency-drill-pdf .table th { background: #f8fafc; }
        body.emergency-drill-pdf .approval { border: 1px solid #e5e7eb; border-radius: 10px; padding: 10px; margin-bottom: 8px; }
        body.emergency-drill-pdf .approval.done { background: #f0fdf4; border-color: #bbf7d0; }
        body.emergency-drill-pdf .status { display: inline-block; padding: 6px 10px; border-radius: 999px; background: #f3f4f6; font-size: 11px; font-weight: 700; }
        body.emergency-drill-pdf .status.success { background: #dcfce7; color: #166534; }
        body.emergency-drill-pdf .status.warning { background: #fef3c7; color: #92400e; }
        body.emergency-drill-pdf .attendee-list { margin: 0; padding-left: 18px; }
        body.emergency-drill-pdf .attendee-list li { margin-bottom: 4px; }
.em-pdf-mt-4{margin-top:4px}
.em-pdf-mt-10{margin-top:10px}
.em-pdf-ml-8{margin-left:8px}
.em-pdf-mb-14{margin-bottom:14px}

/* Education shared utilities */
.edu-w-54{width:54px}.edu-w-120{width:120px}.edu-w-220{width:220px}.edu-w-260{width:260px}.edu-w-280{width:280px}
.edu-w-14p{width:14%}.edu-w-18p{width:18%}.edu-w-28p{width:28%}
.edu-min-w-160{min-width:160px}.edu-min-w-180{min-width:180px}
.edu-mt-0{margin-top:0}.edu-mt-14{margin-top:14px}.edu-mt-16{margin-top:16px}.edu-mt-18{margin-top:18px}
.edu-mb-0{margin-bottom:0}.edu-mb-8{margin-bottom:8px}.edu-mr-6{margin-right:6px}
.edu-inline{display:inline}.edu-inline-block{display:inline-block}.edu-text-center{text-align:center}
.edu-flex-field{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.edu-tools-end{justify-content:flex-end;margin-top:14px}
.edu-actions-start{justify-content:flex-start;margin-top:0}
.edu-filter-actions-zero{margin-top:0}
.edu-report-check{padding-top:8px}.edu-report-check label{color:#475569;font-weight:400}
.edu-report-action{padding:7px 11px}
.edu-pack-workplace{font-size:20px}
.edu-pack-copy{margin:0 0 14px}.edu-pack-copy-muted{margin:0;color:#475569;font-size:13px;line-height:1.7}
.edu-tools-footer{margin-top:14px;margin-bottom:0}
.edu-report-check-label{color:#475569;font-weight:400}
.edu-danger-text{color:#b91c1c}
.edu-miss-empty.is-visible{display:block}
.ed-bar progress,.edu-score-bar progress,.edu-rep-bar progress{display:block;width:100%;height:100%;border:0;appearance:none;background:transparent}
.ed-bar progress::-webkit-progress-bar,.edu-score-bar progress::-webkit-progress-bar,.edu-rep-bar progress::-webkit-progress-bar{background:#e2e8f0;border-radius:999px}
.ed-bar progress::-webkit-progress-value{background:linear-gradient(90deg,#166534 0%,#22c55e 100%);border-radius:999px}
.edu-score-bar progress::-webkit-progress-value{background:linear-gradient(90deg,#166534 0%,#22c55e 100%);border-radius:999px}
.edu-rep-bar progress.good::-webkit-progress-value{background:linear-gradient(90deg,#166534 0%,#22c55e 100%);border-radius:999px}
.edu-rep-bar progress.warn::-webkit-progress-value{background:linear-gradient(90deg,#d97706 0%,#f59e0b 100%);border-radius:999px}
.edu-rep-bar progress.risk::-webkit-progress-value{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 100%);border-radius:999px}
.ed-bar progress::-moz-progress-bar,.edu-score-bar progress::-moz-progress-bar{background:linear-gradient(90deg,#166534 0%,#22c55e 100%);border-radius:999px}
.edu-rep-bar progress.good::-moz-progress-bar{background:linear-gradient(90deg,#166534 0%,#22c55e 100%);border-radius:999px}
.edu-rep-bar progress.warn::-moz-progress-bar{background:linear-gradient(90deg,#d97706 0%,#f59e0b 100%);border-radius:999px}
.edu-rep-bar progress.risk::-moz-progress-bar{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 100%);border-radius:999px}

/* Education report */
.edu-rep-shell,.edu-rep-shell *,.edu-rep-hero,.edu-rep-card{box-sizing:border-box;min-width:0;max-width:100%}.edu-rep-shell{width:100%}
    .edu-rep-hero{background:linear-gradient(135deg,#0f172a 0%,#166534 58%,#22c55e 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 36px rgba(15,23,42,.16)}
    .edu-rep-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700}.edu-rep-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.9);font-size:14px;line-height:1.6}
    .edu-rep-meta,.edu-rep-actions,.edu-rep-tools,.edu-rep-tools-left,.edu-rep-tools-right,.edu-rep-actions-row{display:flex;gap:8px;flex-wrap:wrap}.edu-rep-meta{margin-top:12px}.edu-rep-actions{margin-top:16px}.edu-rep-tools{align-items:center;margin-bottom:14px}.edu-rep-actions-row{align-items:center}
    .edu-rep-tools-left{flex:1 1 340px}
    .edu-rep-tools-right{justify-content:flex-end}
    .edu-rep-chip,.edu-rep-ghost,.edu-rep-pill{display:inline-flex;align-items:center;gap:8px}.edu-rep-chip{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:13px;font-weight:700}
    .edu-rep-ghost{padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff!important;font-weight:700}.edu-rep-ghost:hover,.edu-rep-ghost:focus{color:#fff!important;text-decoration:none;background:rgba(255,255,255,.18)}
    .edu-rep-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;font-weight:700;border:1px solid transparent;text-decoration:none}
    .edu-rep-btn:hover,.edu-rep-btn:focus{text-decoration:none}
    .edu-rep-btn-primary{background:#166534;border-color:#166534;color:#fff}
    .edu-rep-btn-primary:hover,.edu-rep-btn-primary:focus{background:#14532d;border-color:#14532d;color:#fff}
    .edu-rep-btn-muted{background:#fff;border-color:#d0d7e2;color:#0f172a}
    .edu-rep-btn-muted:hover,.edu-rep-btn-muted:focus{background:#f8fafc;color:#0f172a}
    .edu-rep-btn-success{background:#0f766e;border-color:#0f766e;color:#fff}
    .edu-rep-btn-success:hover,.edu-rep-btn-success:focus{background:#115e59;border-color:#115e59;color:#fff}
    .edu-rep-btn-info{background:#0ea5e9;border-color:#0ea5e9;color:#fff}
    .edu-rep-btn-info:hover,.edu-rep-btn-info:focus{background:#0284c7;border-color:#0284c7;color:#fff}
    .edu-rep-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid #d0d7e2;background:#fff;color:#0f172a}
    .edu-rep-iconbtn:hover,.edu-rep-iconbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .edu-rep-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.edu-rep-stat,.edu-rep-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.06);overflow:hidden}
    .edu-rep-stat{padding:16px 17px}.edu-rep-stat span{display:block;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.edu-rep-stat strong{display:block;color:#0f172a;font-size:24px;font-weight:800}.edu-rep-stat small{display:block;margin-top:6px;color:#64748b;font-size:12px}
    .edu-rep-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.edu-rep-head h4{margin:0 0 4px;color:#0f172a;font-size:18px;font-weight:700}.edu-rep-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.edu-rep-body{padding:18px 20px 20px}
    .edu-rep-filter-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.edu-rep-col-2{grid-column:span 2}.edu-rep-col-3{grid-column:span 3}.edu-rep-col-4{grid-column:span 4}.edu-rep-col-5{grid-column:span 5}
    .edu-rep-field label{display:block;margin:0 0 6px;color:#334155;font-size:12px;font-weight:700}
    .edu-rep-table-wrap{overflow-x:auto}.edu-rep-table{width:100%;border-collapse:separate;border-spacing:0}.edu-rep-table th,.edu-rep-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}.edu-rep-table thead th{background:#f8fafc;color:#475569;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
    .edu-rep-title{color:#0f172a;font-weight:700}.edu-rep-sub{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.edu-rep-pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}
    .edu-rep-pill.is-good{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.edu-rep-pill.is-warn{color:#92400e;background:#fff7ed;border-color:#fed7aa}.edu-rep-pill.is-risk{color:#b91c1c;background:#fef2f2;border-color:#fecaca}
    .edu-rep-bar{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.edu-rep-bar > span{display:block;height:10px}.edu-rep-bar .good{background:linear-gradient(90deg,#166534 0%,#22c55e 100%)}.edu-rep-bar .warn{background:linear-gradient(90deg,#d97706 0%,#f59e0b 100%)}.edu-rep-bar .risk{background:linear-gradient(90deg,#b91c1c 0%,#ef4444 100%)}
    .edu-rep-range{color:#64748b;font-size:12px;font-weight:700}.edu-rep-empty{display:none;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:18px;text-align:center;color:#64748b;font-size:13px}
    @media (max-width:1199px){.edu-rep-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.edu-rep-hero{padding:18px 16px}.edu-rep-summary,.edu-rep-filter-grid{grid-template-columns:1fr}.edu-rep-col-2,.edu-rep-col-3,.edu-rep-col-4{grid-column:span 1}}

/* Education plan PDF */
body.education-plan-pdf { font-family: DejaVu Sans, sans-serif; font-size: 11px; }
    body.education-plan-pdf h2, body.education-plan-pdf h3 { margin: 0 0 8px 0; }
    body.education-plan-pdf table { width:100%; border-collapse: collapse; margin: 8px 0; }
    body.education-plan-pdf td, body.education-plan-pdf th { border:1px solid #333; padding:6px; vertical-align: top; }
        body.education-plan-pdf .muted { color:#555; }
body.education-plan-pdf .edu-w-28p{width:28%}
body.education-plan-pdf .edu-w-14p{width:14%}
body.education-plan-pdf .edu-w-18p{width:18%}
body.education-plan-pdf .edu-text-center{text-align:center}
/* End Education plan PDF */

/* Education certificate PDF */
body.education-certificate-pdf{font-family:DejaVu Sans,sans-serif;color:#1f2937;font-size:11px}.education-certificate-pdf .certificate-sheet{border:1px solid #334155;padding:24px 27px}.education-certificate-pdf .certificate-topline,.education-certificate-pdf .certificate-footer{display:flex;justify-content:space-between;gap:12px;color:#475569;font-size:9px}.education-certificate-pdf .certificate-topline{padding-bottom:9px;border-bottom:2px solid #b91c1c;font-weight:bold}.education-certificate-pdf .certificate-heading{text-align:center;padding:27px 0 16px}.education-certificate-pdf .certificate-heading h1{margin:0;color:#111827;font-size:23px;letter-spacing:.5px}.education-certificate-pdf .certificate-heading p{margin:7px 0 0;color:#64748b;font-size:10px}.education-certificate-pdf .certificate-intro,.education-certificate-pdf .certificate-note{margin:0 0 16px;line-height:1.65;color:#334155}.education-certificate-pdf .certificate-table{width:100%;border-collapse:collapse;margin:0 0 17px}.education-certificate-pdf .certificate-table th,.education-certificate-pdf .certificate-table td{border:1px solid #cbd5e1;padding:9px 10px;text-align:left;vertical-align:top}.education-certificate-pdf .certificate-table th{width:31%;background:#f8fafc;color:#334155}.education-certificate-pdf .certificate-signatures{display:flex;justify-content:space-between;gap:18px;margin-top:42px}.education-certificate-pdf .certificate-signatures>div{width:31%;min-height:60px;padding-top:8px;border-top:1px solid #64748b;text-align:center}.education-certificate-pdf .certificate-signatures span,.education-certificate-pdf .certificate-signatures b{display:block}.education-certificate-pdf .certificate-signatures span{color:#475569;font-size:9px}.education-certificate-pdf .certificate-signatures b{margin-top:7px;font-size:10px}.education-certificate-pdf .certificate-footer{margin-top:26px;padding-top:8px;border-top:1px solid #cbd5e1}
/* End Education certificate PDF */

/* Education attendance PDF */
body.education-attendance-pdf{font-family:DejaVu Sans,sans-serif;color:#1f2937;font-size:10px}.education-attendance-pdf .attendance-sheet{padding:14px}.education-attendance-pdf .attendance-head{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #334155;border-bottom:3px solid #b91c1c;font-size:12px}.education-attendance-pdf table{width:100%;border-collapse:collapse}.education-attendance-pdf th,.education-attendance-pdf td{border:1px solid #cbd5e1;padding:8px;text-align:left;vertical-align:middle}.education-attendance-pdf .attendance-meta{margin:14px 0}.education-attendance-pdf .attendance-meta th{width:16%;background:#f8fafc}.education-attendance-pdf .attendance-list th{background:#f1f5f9}.education-attendance-pdf .attendance-list td:last-child{height:31px;width:24%}.education-attendance-pdf .attendance-list td:first-child{width:7%;text-align:center}.education-attendance-pdf .attendance-sign{display:flex;justify-content:space-between;gap:70px;margin:55px 40px 0}.education-attendance-pdf .attendance-sign div{width:40%;padding-top:8px;border-top:1px solid #64748b;text-align:center}
/* End Education attendance PDF */
/* Education assessment PDF */
body.education-assessment-pdf{font-family:DejaVu Sans,sans-serif;color:#1f2937;font-size:11px}.education-assessment-pdf .assessment-sheet{border:1px solid #334155;padding:26px}.education-assessment-pdf .assessment-title{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:3px solid #17696a;font-size:13px}.education-assessment-pdf p{margin:18px 0;line-height:1.6;color:#475569}.education-assessment-pdf table{width:100%;border-collapse:collapse}.education-assessment-pdf th,.education-assessment-pdf td{border:1px solid #cbd5e1;padding:10px;text-align:left}.education-assessment-pdf th{width:32%;background:#f8fafc}.education-assessment-pdf .ok{color:#166534;font-weight:bold}.education-assessment-pdf .risk{color:#b91c1c;font-weight:bold}.education-assessment-pdf .assessment-sign{display:flex;justify-content:space-between;gap:34px;margin:60px 15px 0}.education-assessment-pdf .assessment-sign div{width:30%;padding-top:8px;border-top:1px solid #64748b;text-align:center}
/* End Education assessment PDF */

/* Maintenance shared UI */
.right_col[role="main"] .mtn-shell,.right_col[role="main"] .mtn-side,.right_col[role="main"] .mtn-pane,.right_col[role="main"] .mtn-sidecard,.right_col[role="main"] .mtn-card,.right_col[role="main"] .mtn-hero,.right_col[role="main"] .mp-shell,.right_col[role="main"] .mp-form-shell,.right_col[role="main"] .mp-side,.right_col[role="main"] .mp-pane,.right_col[role="main"] .mp-sidecard,.right_col[role="main"] .mp-card,.right_col[role="main"] .mp-hero{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.right_col[role="main"]>.mtn-shell,.right_col[role="main"]>.mp-shell,.right_col[role="main"]>.mp-form-shell{width:100%;min-width:100%;flex:0 0 100%;align-self:stretch}
.mtn-shell,.mp-shell,.mp-form-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;margin-bottom:24px}.mp-form-shell{gap:22px}.mtn-side,.mtn-pane,.mp-side,.mp-pane{min-width:0}
.mtn-sidecard,.mtn-card,.mp-sidecard,.mp-card{border-radius:8px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}
.mtn-sidehead,.mtn-cardhead,.mp-sidehead,.mp-cardhead{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}.mtn-sidehead h4,.mtn-cardhead h4,.mp-sidehead h4,.mp-cardhead h4{margin:0 0 4px;font-size:17px;font-weight:800;color:#0f172a}.mtn-sidehead p,.mtn-cardhead p,.mp-sidehead p,.mp-cardhead p{margin:0;color:#64748b;font-size:13px;line-height:1.55}
.mtn-nav,.mp-nav{padding:10px}.mtn-navbtn,.mp-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;transition:.18s ease;min-width:0}.mtn-navbtn+.mtn-navbtn,.mp-navbtn+.mp-navbtn{margin-top:6px}.mtn-navbtn i,.mp-navbtn i{width:18px;text-align:center;margin-top:2px;color:#0f766e}.mtn-navbtn>div,.mp-navbtn>div{min-width:0}.mtn-navbtn strong,.mp-navbtn strong{display:block;font-size:14px;color:#0f172a}.mtn-navbtn span,.mp-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}.mtn-navbtn.active,.mp-navbtn.active{background:linear-gradient(135deg,#ecfdf5 0%,#f8fafc 100%);border:1px solid #99f6e4}
.mtn-hero,.mp-hero{border-radius:8px;padding:24px 26px;background:linear-gradient(145deg,#0f172a 0%,#0f766e 50%,#22c55e 100%);color:#fff;box-shadow:0 20px 48px rgba(15,23,42,.18);margin-bottom:18px;overflow:hidden}.mtn-kicker,.mp-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:rgba(255,255,255,.9);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.mtn-hero h3,.mp-hero h3{margin:0 0 8px;color:#fff;font-size:29px;font-weight:800;overflow-wrap:anywhere}.mtn-hero p,.mp-hero p{margin:0;max-width:780px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.84);overflow-wrap:anywhere}.mtn-actions,.mp-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.mtn-icon-btn,.mp-icon-btn{width:42px;height:42px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff}.mtn-icon-btn:hover,.mtn-icon-btn:focus,.mp-icon-btn:hover,.mp-icon-btn:focus{color:#fff;text-decoration:none;background:rgba(255,255,255,.22)}
.mtn-panel,.mp-panel{display:none}.mtn-panel.active,.mp-panel.active{display:block}.mtn-body,.mp-body{padding:20px}.mtn-summary,.mp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mtn-stat,.mp-stat{border-radius:8px;padding:16px;border:1px solid #e5e7eb;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);min-width:0}.mtn-stat span,.mp-stat span{display:block;font-size:12px;color:#64748b}.mtn-stat strong,.mp-stat strong{display:block;margin-top:6px;font-size:28px;color:#0f172a;line-height:1}.mtn-stat-link,.mp-stat-link{display:block;text-decoration:none;transition:.18s ease}.mtn-stat-link:hover,.mtn-stat-link:focus,.mp-stat-link:hover,.mp-stat-link:focus{text-decoration:none;transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.08);border-color:#99f6e4}
.mtn-filters,.mp-filters{display:grid;grid-template-columns:1.5fr 1fr auto;gap:10px;align-items:end}.mtn-form-grid,.mp-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.mtn-form-grid .wide,.mp-form-grid .full{grid-column:1/-1}.mtn-form-grid-tight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtn-form-actions,.mp-form-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:18px}
.mtn-action-btn,.mp-action-btn{min-height:42px;padding:0 14px;border-radius:8px;border:1px solid #2563eb;background:#2563eb;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800}.mtn-action-btn:hover,.mtn-action-btn:focus,.mp-action-btn:hover,.mp-action-btn:focus{color:#fff;text-decoration:none;background:#1d4ed8;border-color:#1d4ed8}.mtn-action-btn.secondary,.mp-action-btn.secondary{border-color:#dbe4ee;background:#fff;color:#334155}.mtn-action-btn.secondary:hover,.mtn-action-btn.secondary:focus,.mp-action-btn.secondary:hover,.mp-action-btn.secondary:focus{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;text-decoration:none}
.mtn-chip,.mp-chip{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#e2e8f0;color:#334155}.mtn-chip.danger,.mp-chip.danger{background:#fee2e2;color:#991b1b}.mtn-chip.warning,.mp-chip.warning{background:#fef3c7;color:#92400e}.mtn-chip.success,.mp-chip.success{background:#dcfce7;color:#166534}.mtn-table-actions,.mp-table-actions{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.mtn-table-actions form,.mp-table-actions form,.mtn-actions form{display:inline}.mtn-table-icon,.mp-table-icon{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe2ea;background:#fff;color:#475569}.mtn-table-icon:hover,.mtn-table-icon:focus,.mp-table-icon:hover,.mp-table-icon:focus{text-decoration:none;color:#0f172a;background:#f8fafc}
.mtn-empty,.mp-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:26px 18px;text-align:center;color:#64748b;background:#f8fafc}.mtn-detail-grid{display:grid;grid-template-columns:1fr 380px;gap:18px;align-items:start}.mtn-data-list{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.mtn-data-list dt,.mtn-data-list dd{padding:12px 14px;border-bottom:1px solid #eef2f7;margin:0}.mtn-data-list dt{background:#f8fafc;color:#64748b;font-weight:700}.mtn-data-list dd{color:#0f172a;min-width:0}.mtn-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtn-gallery img{width:100%;border-radius:8px;border:1px solid #e5e7eb;display:block}
.mtn-card-spaced,.mp-card-spaced{margin-bottom:18px}.mtn-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.mtn-form-control-static{display:flex;align-items:center}.mtn-summary-three{grid-template-columns:repeat(3,minmax(0,1fr))}.mtn-note-spaced{margin-bottom:12px}.mtn-note-action{margin-top:12px}.mtn-text-danger,.mp-text-danger{color:#b91c1c}.mtn-text-warning,.mp-text-warning{color:#b45309}.mtn-text-success,.mp-text-success{color:#15803d}.mtn-text-teal{color:#0f766e}.mtn-col-action-sm{width:54px}.mtn-col-action{width:96px}.mtn-col-action-lg{width:120px}.mtn-check-label{display:flex;gap:8px;align-items:center;margin-top:4px}
.mtn-hero-stats,.mp-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.mtn-hero-stat,.mp-hero-stat{border-radius:8px;padding:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);min-width:0}.mtn-hero-stat span,.mp-hero-stat span{display:block;font-size:11px;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.04em}.mtn-hero-stat strong,.mp-hero-stat strong{display:block;margin-top:6px;font-size:14px;color:#fff;overflow-wrap:anywhere}.mtn-asset-show .mtn-hero-stats,.mtn-record-show .mtn-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.mtn-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.mtn-note-card{border:1px solid #e5e7eb;border-radius:8px;padding:14px;background:#f8fafc}.mtn-note-card strong{display:block;margin-bottom:6px;font-size:13px;color:#0f172a}.mtn-note-card p{margin:0;color:#64748b;font-size:12px;line-height:1.6}.mtn-flash,.mp-flash{display:flex;gap:12px;align-items:flex-start;border-radius:8px;padding:14px 16px;margin-bottom:16px;border:1px solid #fecaca;background:#fff1f2}.mtn-flash i,.mp-flash i{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex:0 0 auto;background:#fee2e2;color:#b91c1c}.mtn-flash strong,.mp-flash strong{display:block;margin-bottom:4px;color:#0f172a}.mtn-flash ul,.mp-flash ul{margin:0;padding-left:18px;color:#475569;line-height:1.5}
.mtn-table-wrap,.mp-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:auto;background:#fff}.mtn-table-wrap .table,.mp-table-wrap .table{margin-bottom:0}.mtn-table-wrap thead th,.mp-table-wrap thead th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#334155;font-size:11px;font-weight:800;white-space:nowrap;padding:11px 12px;text-transform:uppercase}.mtn-table-wrap tbody td,.mp-table-wrap tbody td{padding:11px 12px;vertical-align:middle;font-size:13px;color:#0f172a}.mtn-cell-title{display:block;color:#0f172a;font-size:13px;font-weight:700}.mtn-cell-sub{display:block;margin-top:3px;color:#64748b;font-size:12px}.mtn-toolbar,.mp-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:16px}.mtn-toolbar-main{display:flex;gap:10px;align-items:center}.mtn-search{display:flex;align-items:center;gap:8px;flex:1}.mtn-search input,.mtn-select{min-height:42px;border:1px solid #dbe4ee;border-radius:8px;padding:0 12px}.mtn-range,.mp-pageinfo{color:#64748b;font-size:12px}.mtn-pagebar,.mp-pagebar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}.mtn-pager,.mp-pageactions{display:flex;gap:8px}.mtn-pager button,.mp-pagebtn{padding:9px 12px;border:1px solid #dbe4ee;border-radius:8px;background:#fff}.mtn-empty-inline{display:none}
.mtn-empty-inline:not([hidden]){display:block;margin-top:14px;border:1px dashed #cbd5e1;border-radius:8px;padding:16px;color:#64748b;text-align:center;background:#f8fafc}
.mtn-scopebar,.mp-scopebar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.mtn-scopebar span,.mp-scopechip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;border:1px solid #dbe4ee;background:#f8fafc;color:#334155;font-size:11px;font-weight:700}.mtn-table-text,.mp-table-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mtn-table-text strong,.mp-table-text strong{font-size:13px;color:#0f172a}.mtn-table-text span,.mp-table-text span{color:#64748b;font-size:11px}.mtn-soft,.mp-soft{font-weight:600;color:#334155}.mtn-pageactions{display:flex;gap:8px;flex-wrap:wrap}.mtn-pagebtn{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#0f172a;font-size:12px;font-weight:700}.mtn-pagebtn:disabled,.mp-pagebtn:disabled,.mtn-pager button:disabled{opacity:.45;cursor:not-allowed}.mtn-pageinfo{color:#64748b;font-size:12px}
.mtn-quicklinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.mtn-quicklink{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid #dbe4ee;background:#fff;color:#334155;font-size:12px;font-weight:700;text-decoration:none}.mtn-quicklink:hover,.mtn-quicklink:focus{color:#0f172a;border-color:#99f6e4;background:#f0fdf4;text-decoration:none}.mtn-schedule{display:flex;flex-direction:column;gap:6px}.mtn-schedule-item{display:flex;align-items:center;gap:8px}.mtn-schedule-item i{width:14px;text-align:center;color:#64748b}.mtn-schedule-item span{font-size:11px;color:#64748b}.mtn-schedule-item strong{font-size:12px;color:#334155}.mtn-col-date,.mp-col-date{min-width:124px}.mtn-col-actions{width:96px;white-space:nowrap}.mp-col-actions{width:140px;white-space:nowrap}.mtn-aside-stack>*+*{margin-top:18px}
.mtn-note,.mp-note{border:1px dashed #cbd5e1;border-radius:8px;padding:14px;background:#f8fafc;color:#475569;line-height:1.6}.mtn-note.danger{border-color:#fecaca;background:#fff7f7;color:#991b1b}.mtn-file-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.mtn-file-item{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fff}.mtn-file-item a{display:flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none}.mtn-file-item a:hover,.mtn-file-item a:focus{color:#0f766e;text-decoration:none}
@media(max-width:991px){.mtn-shell,.mp-shell,.mp-form-shell,.mtn-detail-grid{grid-template-columns:1fr}.mtn-summary,.mp-summary,.mtn-asset-show .mtn-hero-stats,.mtn-record-show .mtn-hero-stats{grid-template-columns:1fr 1fr}.mtn-filters,.mp-filters,.mtn-form-grid,.mp-form-grid,.mtn-form-grid-tight,.mtn-note-grid{grid-template-columns:1fr}.mtn-form-grid .wide,.mp-form-grid .full{grid-column:auto}}@media(max-width:640px){.mtn-summary,.mp-summary,.mtn-gallery,.mtn-data-list,.mtn-hero-stats,.mp-hero-stats,.mtn-asset-show .mtn-hero-stats,.mtn-record-show .mtn-hero-stats,.mtn-toolbar,.mp-toolbar{grid-template-columns:1fr}.mtn-form-actions,.mp-form-actions{flex-direction:column}.mtn-action-btn,.mp-action-btn{width:100%}}

/* Maintenance record PDF */
body.maintenance-record-pdf{font-family:DejaVu Sans,sans-serif;font-size:12px;color:#1f2937}
body.maintenance-record-pdf h1,body.maintenance-record-pdf h2{margin:0 0 10px}
body.maintenance-record-pdf .meta{margin-bottom:18px;padding:12px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb}
body.maintenance-record-pdf table{width:100%;border-collapse:collapse;margin-bottom:16px}
body.maintenance-record-pdf th,body.maintenance-record-pdf td{border:1px solid #d1d5db;padding:8px;vertical-align:top}
body.maintenance-record-pdf th{width:32%;background:#f3f4f6;text-align:left}
body.maintenance-record-pdf .section{margin-bottom:18px}
body.maintenance-record-pdf .badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px}
body.maintenance-record-pdf .ok{background:#dcfce7;color:#166534}
body.maintenance-record-pdf .warn{background:#fee2e2;color:#991b1b}
body.maintenance-record-pdf .gallery-item{margin-bottom:6px}
/* End Maintenance record PDF */

/* AI risk utilities */
.air-mb-8{margin-bottom:8px}.air-mt-0{margin-top:0}.air-mt-14{margin-top:14px}.air-m-0{margin:0}.air-span-2,.airr-span-2{grid-column:span 2}.air-w-44{width:44px}.air-w-90{width:90px}.air-w-140{width:140px}
.airr-inline-form{display:inline-flex;gap:8px;flex-wrap:wrap}.airr-mt-18{margin-top:18px}
.report-page-header{border-bottom:2px solid #111827;padding-bottom:6px;margin-bottom:10px;font-family:DejaVu Sans,sans-serif}.report-page-title{font-size:15px;font-weight:700}.report-page-subtitle{font-size:10px;color:#4b5563}.report-page-footer{border-top:1px solid #d1d5db;padding-top:6px;font-size:10px;color:#6b7280;font-family:DejaVu Sans,sans-serif}.report-page-number{float:right}
.risk-col-4{width:4%}.risk-col-6{width:6%}.risk-col-7{width:7%}.risk-col-8{width:8%}.risk-col-9{width:9%}.risk-col-11{width:11%}.risk-col-12{width:12%}
@media(max-width:767px){.air-span-2,.airr-span-2{grid-column:span 1}.airr-inline-form{display:flex;width:100%}}

/* Visits shared utilities */
.visit-inline-form{display:inline-block}.visit-text-red{color:#c1121f}.visit-text-deep-red{color:#9b0d18}.visit-text-danger{color:#b91c1c}.visit-text-success{color:#15803d}.visit-text-info{color:#1d4ed8}.visit-text-overdue{color:#c2410c}.visit-text-muted{color:#475569}
.visit-mt-8{margin-top:8px}.visit-mt-12{margin-top:12px}.visit-mb-0{margin-bottom:0}.visit-w-145{width:145px}.visit-w-150{width:150px}.visit-w-180{width:180px}.visit-w-210{width:210px}.visit-doc-list-tight{padding-left:18px;margin-bottom:0}
.vc-summary-four{grid-template-columns:repeat(4,minmax(0,1fr))}.vc-stat-compact{padding:14px 15px}.vc-stat-title{font-size:17px;line-height:1.35;margin-top:8px}.vc-legend-dot.is-planned{background:#c1121f}.vc-legend-dot.is-completed{background:#26b99a}.vc-legend-dot.is-cancelled{background:#777}
@media(max-width:767px){.vc-summary-four{grid-template-columns:1fr}.visit-w-145,.visit-w-150,.visit-w-180,.visit-w-210{width:100%}}

/* Operational compliance shared utilities */
.oc-text-info{color:#1d4ed8}.oc-text-success{color:#15803d}.oc-text-warning{color:#b45309}.oc-text-right{text-align:right}.oc-inline-form{display:inline}.oc-mt-0{margin-top:0}.oc-mb-14{margin-bottom:14px}.oc-w-120{width:120px}
.obv-mb-16{margin-bottom:16px}.obv-mb-0{margin-bottom:0}.obv-mt-16{margin-top:16px}.obv-text-muted{color:#64748b}.ocs-mt-6{margin-top:6px}.ocs-mt-10{margin-top:10px}.ocs-mt-14{margin-top:14px}.occ-calendar-fallback-note.is-visible{display:block!important}

/* Dashboard shared utilities */
.dashboard-subtitle{margin:8px 0 0;color:#6b7280}.dashboard-score-cell{min-width:150px}.dashboard-progress{margin-bottom:5px}.dashboard-progress progress{display:block;width:100%;height:100%;border:0;appearance:none;background:transparent}.dashboard-progress progress::-webkit-progress-bar{background:#e2e8f0}.dashboard-progress progress::-webkit-progress-value{background:#26b99a}.dashboard-progress progress::-moz-progress-bar{background:#26b99a}
.dashboard-mt-8{margin-top:8px}.dashboard-mt-14{margin-top:14px}.dashboard-mt-15{margin-top:15px}.dashboard-mt-18{margin-top:18px}.dashboard-mt-20{margin-top:20px}.dashboard-mr-10{margin-right:10px}.dashboard-mb-0{margin-bottom:0}.dashboard-mb-10{margin-bottom:10px}.dashboard-note-spaced{margin:14px 0 10px}.dashboard-ops-actions{margin:14px 0 16px}.dashboard-preset-field{min-width:320px}.dashboard-preset-card{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:10px;background:#fafafa}.dashboard-preset-description{color:#6b7280;font-size:13px}.dashboard-text-danger{color:#b91c1c}.dashboard-text-success{color:#15803d}
@media(max-width:767px){.dashboard-preset-field{min-width:0;width:100%}.dashboard-score-cell{min-width:120px}}

/* Visits calendar PDF */
body.visits-calendar-pdf{font-family:DejaVu Sans,sans-serif;font-size:12px;color:#0f172a}body.visits-calendar-pdf h1{font-size:24px;margin:0 0 6px}body.visits-calendar-pdf p{margin:0 0 10px;color:#475569}body.visits-calendar-pdf .hero{border:1px solid #cbd5e1;border-radius:8px;padding:18px 20px;background:#f8fafc;margin-bottom:16px}body.visits-calendar-pdf .filters,body.visits-calendar-pdf .list{width:100%;border-collapse:collapse;margin-bottom:16px}body.visits-calendar-pdf .filters td,body.visits-calendar-pdf .filters th,body.visits-calendar-pdf .list td,body.visits-calendar-pdf .list th{border:1px solid #e2e8f0;padding:8px;vertical-align:top;text-align:left}body.visits-calendar-pdf .filters th,body.visits-calendar-pdf .list th{background:#f8fafc}body.visits-calendar-pdf .muted{color:#64748b}
/* End Visits calendar PDF */

/* Visits dashboard PDF */
body.visits-dashboard-pdf{font-family:DejaVu Sans,sans-serif;font-size:12px;color:#0f172a}body.visits-dashboard-pdf h1{font-size:24px;margin:0 0 6px}body.visits-dashboard-pdf h2{font-size:16px;margin:0 0 8px}body.visits-dashboard-pdf p{margin:0 0 10px;color:#475569}body.visits-dashboard-pdf .hero{border:1px solid #cbd5e1;border-radius:8px;padding:18px 20px;background:#f8fafc;margin-bottom:16px}body.visits-dashboard-pdf .filters,body.visits-dashboard-pdf .stats{width:100%;border-collapse:collapse;margin-bottom:16px}body.visits-dashboard-pdf .filters td,body.visits-dashboard-pdf .filters th,body.visits-dashboard-pdf .stats td,body.visits-dashboard-pdf .stats th{border:1px solid #e2e8f0;padding:8px;vertical-align:top}body.visits-dashboard-pdf .filters th,body.visits-dashboard-pdf .stats th{background:#f8fafc;text-align:left}body.visits-dashboard-pdf .section{margin-bottom:18px}body.visits-dashboard-pdf .list{width:100%;border-collapse:collapse}body.visits-dashboard-pdf .list th,body.visits-dashboard-pdf .list td{border:1px solid #e2e8f0;padding:8px;text-align:left}body.visits-dashboard-pdf .list th{background:#f8fafc}body.visits-dashboard-pdf .muted{color:#64748b}
/* End Visits dashboard PDF */

/* Visits detail PDF */
body{font-family:DejaVu Sans,sans-serif;font-size:8.5px;line-height:1.48;color:#273142}
table{width:100%;border-collapse:collapse}
.report-head{margin-bottom:7px;border-bottom:1px solid #b42318}
.report-head td{border:0;padding:0 0 7px;vertical-align:middle}
.brand-cell{width:52%}
.brand-mark{padding:5px 7px;border:1px solid #b42318;background-color:#ffffff;color:#b42318;font-size:11px;font-weight:bold}
.brand-copy{margin-left:7px}
.brand-copy strong{font-size:10px;color:#172033}
.brand-copy small{color:#667085;font-size:6.8px}
.document-cell{text-align:right}
.document-cell strong{color:#172033;font-size:10px}
.document-cell small{color:#667085;font-size:6.8px}
.report-hero{margin-bottom:7px}
.report-hero td{padding:9px 11px;border:1px solid #d8dee8;border-left:3px solid #b42318;background-color:#f8fafc;color:#172033}
.report-hero .eyebrow{color:#b42318;font-size:6.4px;font-weight:bold}
.report-hero h1{margin:2px 0 1px;color:#172033;font-size:14px;line-height:1.28}
.report-hero p{margin:0;color:#667085;font-size:7.2px;line-height:1.45}
.metric-table{margin-bottom:9px}
.metric-table td{width:20%;padding:6px 7px;border:1px solid #dfe4ec;border-top:2px solid #b42318;background-color:#ffffff;vertical-align:top}
.metric-table small{color:#667085;font-size:6.2px;font-weight:bold}
.metric-table strong{color:#172033;font-size:12px;line-height:1.2}
.metric-table span{color:#667085;font-size:6.5px}
h2.section-title{margin:10px 0 5px;padding:0 0 4px;border-bottom:1px solid #d8dee8;color:#172033;font-size:9.5px;font-weight:bold;page-break-after:avoid}
h2.section-title span{margin-right:5px;padding:2px 4px;background-color:#b42318;color:#ffffff;font-size:6.2px}
.info-table{margin-bottom:6px}
.info-table th,.info-table td{padding:5px 7px;border:1px solid #dfe4ec;text-align:left;vertical-align:top}
.info-table th{width:16%;background-color:#f8fafc;color:#667085;font-size:6.5px}
.info-table td{width:34%;color:#172033;font-size:8px;font-weight:bold;line-height:1.42}
.note-table{margin:5px 0 7px}
.note-table td{width:50%;padding:7px 8px;border:1px solid #dfe4ec;background-color:#ffffff;vertical-align:top}
.note-table strong{color:#344054;font-size:7px;line-height:1.48}
.note-table p{margin:2px 0 0;color:#475467;font-size:7.4px;line-height:1.55}
.data-table{margin-bottom:7px;page-break-inside:auto}
.data-table thead{display:table-header-group}
.data-table tr{page-break-inside:avoid}
.data-table th,.data-table td{padding:5px 5px;border:1px solid #d8dee8;text-align:left;vertical-align:top}
.data-table th{background-color:#eef1f5;color:#344054;font-size:6.5px;font-weight:bold;line-height:1.35}
.data-table td{background-color:#ffffff;color:#344054;font-size:7px;line-height:1.48}
.data-table td strong{color:#172033}
.data-table td small{color:#667085;font-size:6.2px}
.data-table .w-no{width:5%;text-align:center}
.data-table .w-status{width:12%}
.data-table .w-ref{width:9%}
.data-table .w-owner{width:14%}
.data-table .w-date{width:13%}
.status,.risk{padding:1px 3px;border:1px solid #d0d5dd;background-color:#ffffff;color:#475467;font-size:6.1px;font-weight:bold}
.status-ok,.risk-low{border-color:#a6d5b5;background-color:#f0fdf4;color:#166534}
.status-nonconformity,.risk-high,.risk-critical{border-color:#f0b4b4;background-color:#fff5f5;color:#9b1c1c}
.status-na{background-color:#f8fafc;color:#667085}
.risk-medium{border-color:#f2c89b;background-color:#fffaf3;color:#9a4d0a}
.legal-note{margin-top:3px;padding:3px 4px;border-left:2px solid #667085;background-color:#f8fafc;color:#475467;font-size:6.4px}
.split-table td{padding:0 0 6px;border:0}
.split-table h3,.evidence-table h3{margin:0 0 4px;color:#344054;font-size:7.8px}
.data-table.compact th,.data-table.compact td{padding:4px 5px;font-size:6.8px}
.evidence-table{margin-bottom:7px}
.evidence-table td{padding:7px 8px;border:1px solid #dfe4ec;vertical-align:top}
.evidence-list{width:60%}
.closeout-box{width:40%;background-color:#f8fafc}
.evidence-list ol{margin:0;padding-left:14px}
.evidence-list li{margin-bottom:4px;color:#344054;font-size:7px;line-height:1.48}
.evidence-list li small{color:#667085;font-size:6.2px}
.closeout-box p{margin:0;padding:4px 0;border-bottom:1px solid #e4e7ec;font-size:7px;line-height:1.48}
.closeout-box p span{color:#667085}
.closeout-box p strong{color:#172033}
.empty-box{margin-bottom:7px;padding:6px 8px;border:1px dashed #cbd5e1;background-color:#f8fafc;color:#667085;font-size:7px;line-height:1.48}
.signature-table{page-break-inside:avoid}
.signature-table td{width:33.33%;height:61px;padding:8px;border:1px solid #98a2b3;vertical-align:top;text-align:center}
.signature-table strong{color:#172033;font-size:7.4px;line-height:1.55}
.signature-table span{color:#667085;font-size:6.2px}
.signature-table div{height:26px}
.signature-table small{padding-top:4px;border-top:1px solid #d0d5dd;color:#667085;font-size:6.2px}
.legal-footer-note{margin-top:6px;padding:5px 6px;border-left:2px solid #b42318;background-color:#f8fafc;color:#667085;font-size:6.2px}
.pdf-footer{border-top:1px solid #d0d5dd;color:#667085;font-size:6.2px}
.pdf-footer td{padding-top:3px;border:0}
.pdf-footer .center{text-align:center}
.pdf-footer .right{text-align:right}
/* End Visits detail PDF */


/* Visits calendar.php */
.right_col[role="main"] .vc-shell,
    .right_col[role="main"] .vc-shell *,
    .right_col[role="main"] .vc-hero,
    .right_col[role="main"] .vc-flow-shell,
    .right_col[role="main"] .vc-panel,
    .right_col[role="main"] .vc-sidecard {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .right_col[role="main"] > .vc-shell,
    .vc-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        display: grid;
        gap: 18px;
        color: #0f172a;
        margin-bottom: 24px;
    }

    .vc-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 44%, #16a34a 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    }

    .vc-kicker {
        margin-bottom: 6px;
        color: rgba(255, 255, 255, .72);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .04em;
    }

    .vc-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.2;
    }

    .vc-hero p {
        margin: 0;
        color: rgba(255, 255, 255, .86);
        font-size: 14px;
        line-height: 1.7;
        max-width: 840px;
    }

    .vc-meta,
    .vc-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vc-meta {
        margin-top: 10px;
    }

    .vc-actions {
        margin-top: 16px;
    }

    .vc-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: 999px;
        background: rgba(255, 255, 255, .09);
        color: #fff;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
    }

    .vc-pill i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .18);
        font-size: 11px;
    }

    .vc-action {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 8px 16px;
        border-radius: 8px;
        border: 1px solid rgba(255, 255, 255, .22);
        background: rgba(255, 255, 255, .08);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .vc-action:hover,
    .vc-action:focus {
        background: rgba(255, 255, 255, .18);
        color: #fff;
        text-decoration: none;
        border-color: rgba(255, 255, 255, .34);
    }

    .vc-action.primary {
        background: rgba(255, 255, 255, .14);
        border-color: rgba(255, 255, 255, .28);
    }

    .vc-flow-shell {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }

    .vc-flow-side {
        position: sticky;
        top: 84px;
        display: grid;
        gap: 18px;
    }

    .vc-panel,
    .vc-sidecard,
    .vc-filter-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
        overflow: hidden;
    }

    .vc-sidehead,
    .vc-panel-head,
    .vc-filter-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }

    .vc-sidehead h4,
    .vc-panel-head h4,
    .vc-filter-head h4 {
        margin: 0 0 5px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .vc-sidehead p,
    .vc-panel-head p,
    .vc-filter-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.65;
    }

    .vc-sidebody,
    .vc-panel-body,
    .vc-filter-body {
        padding: 18px 20px;
    }

    .vc-flow-nav {
        display: grid;
        gap: 8px;
    }

    .vc-flow-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 13px;
        font-weight: 700;
        text-align: left;
    }

    .vc-flow-btn:hover,
    .vc-flow-btn:focus {
        text-decoration: none;
        background: #f8fafc;
        color: #0f172a;
        outline: none;
    }

    .vc-flow-btn.is-active {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .vc-flow-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 24px;
        padding: 0 8px;
        border-radius: 999px;
        background: #e2e8f0;
        color: #0f172a;
        font-size: 11px;
        font-weight: 800;
    }

    .vc-flow-btn.is-active .vc-flow-count {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .vc-flow-workspace {
        display: grid;
        gap: 18px;
    }

    .vc-flow-pane {
        display: none;
        min-width: 0;
    }

    .vc-flow-pane.is-active {
        display: block;
    }

    .vc-filter-head-row,
    .vc-panel-head-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    .vc-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vc-tool-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        text-decoration: none;
    }

    .vc-tool-icon:hover,
    .vc-tool-icon:focus {
        background: #f8fafc;
        border-color: #bfdbfe;
        color: #0f172a;
        text-decoration: none;
    }

    .vc-filters {
        display: grid;
        grid-template-columns: 1.2fr .9fr .9fr auto;
        gap: 12px;
        align-items: end;
    }

    .vc-field label {
        display: block;
        margin-bottom: 6px;
        color: #344054;
        font-size: 12px;
        font-weight: 800;
    }

    .vc-field .form-control {
        border-color: #dbe4ee;
        border-radius: 8px;
        min-height: 42px;
        box-shadow: none;
    }

    .vc-filter-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .vc-quick-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 12px;
    }

    .vc-quick-tool {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 8px 14px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .vc-quick-tool:hover,
    .vc-quick-tool:focus {
        background: #f8fafc;
        border-color: #bfdbfe;
        color: #0f172a;
        text-decoration: none;
    }

    .vc-quick-tool.is-active {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .vc-filter-actions .btn {
        width: 38px;
        height: 38px;
        min-height: auto;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
    }

    .vc-summary {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 12px;
    }

    .vc-stat {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
        padding: 16px;
        min-width: 0;
    }

    .vc-stat-link {
        width: 100%;
        text-align: left;
        cursor: pointer;
    }

    .vc-stat-link:hover,
    .vc-stat-link:focus {
        border-color: #bfdbfe;
        box-shadow: 0 12px 28px rgba(37, 99, 235, .10);
        transform: translateY(-1px);
        outline: none;
    }

    .vc-stat span {
        display: block;
        color: #64748b;
        font-size: 12px;
    }

    .vc-stat strong {
        display: block;
        margin-top: 6px;
        color: #0f172a;
        font-size: 28px;
        line-height: 1;
    }

    #visitCalendar {
        min-height: 780px;
    }

    .fc .fc-toolbar-title {
        font-size: 22px;
        font-weight: 800;
        color: #0f172a;
    }

    .fc .fc-button {
        background: #0f172a !important;
        border-color: #0f172a !important;
        box-shadow: none !important;
        border-radius: 8px !important;
    }

    .fc .fc-button:hover,
    .fc .fc-button:focus {
        background: #2563eb !important;
        border-color: #2563eb !important;
    }

    .fc .fc-daygrid-event,
    .fc .fc-list-event-title a {
        font-weight: 700;
    }

    .fc .fc-daygrid-event {
        padding: 4px 6px;
    }

    .vc-event {
        display: grid;
        gap: 4px;
    }

    .vc-event-title {
        font-size: 12px;
        line-height: 1.35;
    }

    .vc-event-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
    }

    .vc-event-badge,
    .vc-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 800;
        border: 1px solid transparent;
    }

    .vc-event-badge,
    .vc-chip.warn {
        background: #eff6ff;
        color: #1d4ed8;
        border-color: #bfdbfe;
    }

    .vc-chip.risk {
        background: #fff1f2;
        color: #9f1239;
        border-color: #fecdd3;
    }

    .vc-list {
        display: grid;
        gap: 10px;
    }

    .vc-list-item,
    .vc-legend-item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .vc-list-item + .vc-list-item,
    .vc-legend-item + .vc-legend-item {
        margin-top: 12px;
        padding-top: 12px;
        border-top: 1px solid #eef2f7;
    }

    .vc-list-copy strong {
        display: block;
        color: #0f172a;
        font-size: 14px;
        font-weight: 800;
    }

    .vc-list-copy span {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .vc-legend-dot {
        width: 14px;
        height: 14px;
        border-radius: 999px;
        margin-top: 2px;
        flex: 0 0 auto;
    }

    .vc-empty {
        padding: 24px 18px;
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        text-align: center;
        color: #64748b;
        background: #f8fafc;
    }

    .vc-page {
        display: none;
    }

    .vc-page.is-active {
        display: block;
    }

    .vc-pagination {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 14px;
        padding-top: 14px;
        border-top: 1px solid #eef2f7;
    }

    .vc-pagination-text {
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
    }

    .vc-pagination-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .vc-quick-modal {
        position: fixed;
        inset: 0;
        background: rgba(15, 23, 42, .46);
        display: none;
        align-items: center;
        justify-content: center;
        padding: 18px;
        z-index: 1100;
    }

    .vc-quick-modal.is-open {
        display: flex;
    }

    .vc-quick-card {
        width: 100%;
        max-width: 460px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid #e5e7eb;
        box-shadow: 0 24px 64px rgba(15, 23, 42, .18);
        overflow: hidden;
    }

    .vc-quick-head {
        padding: 16px 18px 12px;
        border-bottom: 1px solid #eef2f7;
    }

    .vc-quick-head h4 {
        margin: 0 0 4px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 800;
    }

    .vc-quick-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.55;
    }

    .vc-quick-body {
        padding: 16px 18px 18px;
    }

    .vc-quick-meta {
        display: grid;
        gap: 8px;
        margin-bottom: 16px;
    }

    .vc-quick-meta span {
        color: #475569;
        font-size: 13px;
        line-height: 1.5;
    }

    .vc-quick-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .vc-quick-link {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 46px;
        padding: 10px 12px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #0f172a;
        font-size: 13px;
        font-weight: 800;
        text-decoration: none;
    }

    .vc-quick-link:hover,
    .vc-quick-link:focus {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #0f172a;
        text-decoration: none;
    }

    .vc-quick-footer {
        display: flex;
        justify-content: flex-end;
        gap: 8px;
        margin-top: 16px;
    }

    .vc-toast-wrap {
        position: fixed;
        top: 84px;
        right: 22px;
        z-index: 1200;
        display: grid;
        gap: 10px;
        width: min(320px, calc(100vw - 32px));
    }

    .vc-toast {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        padding: 12px 14px;
        border: 1px solid #dbe4ee;
        border-radius: 8px;
        background: #fff;
        color: #0f172a;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .16);
        opacity: 0;
        transform: translateY(-6px);
        transition: .18s ease;
    }

    .vc-toast.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .vc-toast i {
        width: 34px;
        height: 34px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .vc-toast strong {
        display: block;
        font-size: 13px;
        font-weight: 700;
    }

    .vc-toast span {
        display: block;
        color: #475569;
        font-size: 12px;
        line-height: 1.5;
    }

    @media (max-width: 1199px) {
        .vc-flow-shell,
        .vc-filters,
        .vc-summary {
            grid-template-columns: 1fr 1fr;
        }

        .vc-flow-shell {
            grid-template-columns: 1fr;
        }

        .vc-flow-side {
            position: static;
        }
    }

    @media (max-width: 767px) {
        .vc-hero {
            padding: 18px 16px;
        }

        .vc-filters,
        .vc-summary,
        .vc-quick-actions {
            grid-template-columns: 1fr;
        }

        .vc-actions,
        .vc-filter-head-row,
        .vc-panel-head-row,
        .vc-filter-actions {
            flex-direction: column;
        }

        .vc-action,
        .vc-filter-actions .btn,
        .vc-tool-icon {
            width: 100%;
        }
    }


/* Visits create.php */
.right_col[role="main"] .visit-create-shell,
    .right_col[role="main"] .visit-create-shell *,
    .right_col[role="main"] .visit-create-hero,
    .right_col[role="main"] .visit-create-layout,
    .right_col[role="main"] .visit-create-sidecard,
    .right_col[role="main"] .visit-create-panel {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .right_col[role="main"] > .visit-create-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .visit-create-shell {
        width: 100%;
        color: #0f172a;
        margin-bottom: 24px;
    }

    .visit-create-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 44%, #16a34a 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin: 0 0 18px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    }



    .visit-create-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
    }

    .visit-create-hero p {
        margin: 0;
        color: rgba(255,255,255,.86);
        line-height: 1.7;
        max-width: 820px;
        font-size: 14px;
    }

    .visit-index-meta {
        margin-top: 10px;
        display: inline-flex;
        flex-wrap: wrap;
        gap: 8px;
    }





    .visit-create-hero-tools {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-top: 16px;
    }

    .visit-create-hero-tool {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(255,255,255,.22);
        background: rgba(255,255,255,.08);
        color: #fff;
        text-decoration: none;
    }

    .visit-create-hero-tool:hover,
    .visit-create-hero-tool:focus {
        background: rgba(255,255,255,.16);
        border-color: rgba(255,255,255,.34);
        color: #fff;
        text-decoration: none;
    }

    .visit-create-hero-tool.primary {
        background: rgba(255,255,255,.14);
        border-color: rgba(255,255,255,.28);
    }

    .visit-create-hero-tool i {
        font-size: 13px;
    }

    .visit-create-layout {
        display: grid;
        grid-template-columns: 280px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }

    .visit-create-sidecard,
    .visit-create-panel,
    .visit-create-feedback {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
    }

    .visit-create-sidecard {
        position: sticky;
        top: 18px;
        overflow: hidden;
    }

    .visit-create-sidehead,
    .visit-create-panel-head {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }

    .visit-create-sidehead h4,
    .visit-create-panel-head h2 {
        margin: 0 0 5px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .visit-create-sidehead p,
    .visit-create-panel-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.65;
    }

    .visit-create-sidebody,
    .visit-create-panel-body {
        padding: 16px 20px 20px;
    }

    .visit-create-nav {
        display: grid;
        gap: 8px;
        margin-bottom: 14px;
    }

    .visit-create-navbtn {
        width: 100%;
        border: 1px solid #e5e7eb;
        background: #fff;
        border-radius: 8px;
        text-align: left;
        padding: 12px 13px;
        display: flex;
        gap: 12px;
        color: #334155;
        cursor: pointer;
    }

    .visit-create-navbtn:hover,
    .visit-create-navbtn:focus {
        background: #f8fafc;
        color: #0f172a;
        outline: none;
    }

    .visit-create-navbtn.active {
        background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .visit-create-navbtn i {
        width: 18px;
        text-align: center;
        margin-top: 2px;
        color: #2563eb;
    }

    .visit-create-navtext {
        flex: 1 1 auto;
        min-width: 0;
    }

    .visit-create-navtext strong {
        display: block;
        color: #0f172a;
        font-size: 14px;
        line-height: 1.35;
    }

    .visit-create-navtext span {
        display: block;
        margin-top: 3px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .visit-create-navcount {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #eef2ff;
        color: #1e3a8a;
        font-size: 12px;
        font-weight: 800;
        align-self: center;
    }

    .visit-create-feedback {
        display: flex;
        gap: 12px;
        align-items: flex-start;
        border-color: #fecaca;
        background: #fff1f2;
        padding: 14px 16px;
        margin-bottom: 18px;
    }

    .visit-create-feedback i {
        width: 28px;
        height: 28px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 999px;
        background: #fee2e2;
        color: #b91c1c;
        font-size: 13px;
        flex: 0 0 auto;
    }

    .visit-create-feedback strong {
        display: block;
        margin-bottom: 4px;
        color: #0f172a;
        font-size: 14px;
        font-weight: 800;
    }

    .visit-create-feedback p {
        margin: 0;
        color: #475569;
        line-height: 1.5;
    }

    .visit-create-form {
        display: flex;
        flex-direction: column;
        gap: 18px;
    }

    .visit-create-section {
        display: none;
    }

    .visit-create-section.active {
        display: block;
    }

    .visit-create-section-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding-bottom: 12px;
        border-bottom: 1px solid #edf2f7;
        margin-bottom: 4px;
    }

    .visit-create-section-head h4 {
        margin: 0;
        color: #0f172a;
        font-size: 17px;
        font-weight: 700;
    }

    .visit-create-section-head span {
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.45;
        text-align: right;
    }

    .visit-create-field {
        display: grid;
        grid-template-columns: minmax(150px, 190px) minmax(0, 1fr);
        gap: 16px;
        align-items: start;
        padding: 14px 0;
        border-bottom: 1px solid #f1f5f9;
    }

    .visit-create-field:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .visit-create-label strong {
        display: block;
        margin: 0 0 4px;
        color: #0f172a;
        font-size: 14px;
        font-weight: 800;
    }

    .visit-create-label span {
        display: block;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .visit-create-input .form-control {
        border-color: #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
        min-height: 42px;
    }

    .visit-create-input textarea.form-control {
        min-height: 140px;
        resize: vertical;
    }

    .visit-create-help {
        margin-top: 6px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .visit-create-guides {
        display: grid;
        gap: 10px;
    }

    .visit-create-guide {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 12px;
    }

    .visit-create-guide strong {
        display: block;
        color: #0f172a;
        font-size: 13px;
    }

    .visit-create-guide span {
        display: block;
        margin-top: 4px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .visit-create-submit {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        padding-top: 6px;
        border-top: 1px solid #eef2f7;
        margin-top: 4px;
        padding-top: 16px;
    }

    .visit-create-submit .btn {
        border-radius: 8px;
        min-height: 40px;
        font-weight: 700;
        padding: 8px 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        box-shadow: none;
    }

    .visit-create-submit .btn-primary {
        background: #2563eb;
        border-color: #2563eb;
        box-shadow: 0 10px 20px rgba(37, 99, 235, .14);
    }

    .visit-create-submit .btn-default {
        border-color: #dbe4ee;
        color: #334155;
        background: #fff;
    }

    .visit-create-submit .btn-default:hover,
    .visit-create-submit .btn-default:focus {
        background: #f8fafc;
        color: #0f172a;
        border-color: #cfd8e3;
    }











    .visit-toast.error {
        border-color: #fecaca;
    }

    .visit-toast.error i {
        background: #fee2e2;
        color: #b91c1c;
    }

    @media (max-width: 1100px) {
        .visit-create-layout {
            grid-template-columns: 1fr;
        }

        .visit-create-sidecard {
            position: static;
        }
    }

    @media (max-width: 767px) {
        .visit-create-hero {
            padding: 18px 16px;
        }

        .visit-create-field {
            grid-template-columns: 1fr;
            gap: 10px;
        }

        .visit-create-section-head {
            flex-direction: column;
            align-items: flex-start;
        }

        .visit-create-section-head span {
            text-align: left;
        }

        .visit-create-hero-tools,
        .visit-create-submit {
            flex-direction: row;
            flex-wrap: wrap;
        }
    }


/* Visits dashboard.php */
.right_col[role="main"] .vd-hero,
    .right_col[role="main"] .vd-shell,
    .right_col[role="main"] .vd-shell *,
    .right_col[role="main"] .vd-sidecard,
    .right_col[role="main"] .vd-card {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .right_col[role="main"] > .vd-hero {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .vd-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 44%, #16a34a 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin: 0 0 18px;
        box-shadow: 0 18px 40px rgba(15,23,42,.18);
    }

    .vd-kicker {
        color: rgba(255,255,255,.72);
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .vd-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
    }

    .vd-hero p {
        margin: 0;
        max-width: 820px;
        color: rgba(255,255,255,.86);
        font-size: 14px;
        line-height: 1.7;
    }

    .vd-meta {
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vd-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border-radius: 999px;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
        background: rgba(255,255,255,.09);
        color: #fff;
        border: 1px solid rgba(255,255,255,.24);
    }

    .vd-pill i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.18);
        font-size: 11px;
    }

    .vd-actions {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vd-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 38px;
        padding: 8px 16px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 8px;
        background: rgba(255,255,255,.08);
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

    .vd-action:hover,
    .vd-action:focus {
        color: #fff;
        text-decoration: none;
        background: rgba(255,255,255,.18);
        border-color: rgba(255,255,255,.36);
    }

    .vd-action.primary {
        background: rgba(255,255,255,.14);
        border-color: rgba(255,255,255,.28);
    }

    .vd-shell {
        display: grid;
        grid-template-columns: 280px minmax(0,1fr);
        gap: 22px;
        width: 100%;
        margin-bottom: 24px;
    }

    .vd-sidecard,
    .vd-card,
    .vd-filter-card {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(15,23,42,.06);
        overflow: hidden;
    }

    .vd-sidecard {
        position: sticky;
        top: 18px;
    }

    .vd-sidehead,
    .vd-cardhead {
        padding: 18px 20px 14px;
        border-bottom: 1px solid #eef2f7;
    }

    .vd-sidehead h4,
    .vd-cardhead h4 {
        margin: 0 0 4px;
        font-size: 17px;
        font-weight: 800;
        color: #0f172a;
    }

    .vd-sidehead p,
    .vd-cardhead p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.55;
    }

    .vd-nav {
        padding: 10px;
    }

    .vd-navbtn {
        width: 100%;
        border: 0;
        background: transparent;
        border-radius: 8px;
        text-align: left;
        padding: 14px;
        display: flex;
        gap: 12px;
        color: #334155;
        cursor: pointer;
        transition: .18s ease;
    }

    .vd-navbtn + .vd-navbtn {
        margin-top: 6px;
    }

    .vd-navbtn:hover,
    .vd-navbtn:focus {
        background: #f8fafc;
        color: #0f172a;
        outline: none;
    }

    .vd-navbtn.is-active {
        background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%);
        border: 1px solid #bfdbfe;
    }

    .vd-navbtn i {
        width: 18px;
        text-align: center;
        margin-top: 2px;
        color: #2563eb;
    }

    .vd-navbtn > div {
        flex: 1 1 auto;
    }

    .vd-navbtn strong {
        display: block;
        font-size: 14px;
        color: #0f172a;
    }

    .vd-navbtn span {
        display: block;
        margin-top: 3px;
        font-size: 12px;
        color: #64748b;
        line-height: 1.45;
    }

    .vd-navcount {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 28px;
        padding: 0 9px;
        border-radius: 999px;
        background: #eef2ff;
        color: #1e3a8a;
        font-size: 12px;
        font-weight: 800;
        align-self: center;
    }

    .vd-panel {
        display: none;
    }

    .vd-panel.is-active {
        display: block;
    }

    .vd-filter-card {
        margin-bottom: 18px;
    }

    .vd-filter-head {
        padding: 16px 18px 12px;
        border-bottom: 1px solid #eef2f7;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        align-items: flex-start;
    }

    .vd-filter-head h4 {
        margin: 0 0 4px;
        font-size: 16px;
        font-weight: 800;
        color: #0f172a;
    }

    .vd-filter-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.55;
    }

    .vd-filter-tools {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vd-filter-tool {
        width: 36px;
        height: 36px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #dbe3ea;
        background: #fff;
        color: #334155;
        text-decoration: none;
        box-shadow: 0 6px 14px rgba(15,23,42,.04);
    }

    .vd-filter-tool:hover,
    .vd-filter-tool:focus {
        text-decoration: none;
        background: #f8fafc;
        color: #0f172a;
        border-color: #b8c4d2;
    }

    .vd-filter-body {
        padding: 18px;
    }

    .vd-filters {
        display: grid;
        grid-template-columns: 1.15fr .9fr .9fr .8fr .8fr auto;
        gap: 12px;
        align-items: end;
    }

    .vd-field label {
        display: block;
        margin-bottom: 6px;
        color: #344054;
        font-size: 12px;
        font-weight: 700;
    }

    .vd-field .form-control {
        border-radius: 8px;
        min-height: 40px;
    }

    .vd-filter-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .vd-filter-actions .btn {
        width: 38px;
        height: 38px;
        min-height: auto;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        font-size: 13px;
        font-weight: 700;
        padding: 0;
    }

    .vd-filter-actions .btn-default {
        border-color: #dbe3ea;
        color: #334155;
        background: #fff;
    }

    .vd-filter-actions .btn-default:hover,
    .vd-filter-actions .btn-default:focus {
        background: #f8fafc;
        color: #0f172a;
        border-color: #b8c4d2;
    }

    .visit-toast-wrap {
        position: fixed;
        top: 84px;
        right: 22px;
        z-index: 14000;
        display: grid;
        gap: 10px;
        width: min(360px, calc(100vw - 28px));
        pointer-events: none;
    }

    .visit-toast {
        display: grid;
        grid-template-columns: 34px minmax(0,1fr);
        gap: 10px;
        align-items: flex-start;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 18px 44px rgba(15,23,42,.18);
        padding: 12px;
        color: #0f172a;
        pointer-events: auto;
    }



    .visit-toast strong {
        display: block;
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 2px;
    }



    .vd-summary {
        display: grid;
        grid-template-columns: repeat(5, minmax(0,1fr));
        gap: 12px;
    }

    .vd-stat {
        border-radius: 8px;
        padding: 16px;
        border: 1px solid #e5e7eb;
        background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
    }

    .vd-stat-link {
        width: 100%;
        text-align: left;
        cursor: pointer;
        transition: .18s ease;
    }

    .vd-stat-link:hover,
    .vd-stat-link:focus {
        background: linear-gradient(180deg, #eef6ff 0%, #fff 100%);
        border-color: #bfdbfe;
        outline: none;
        text-decoration: none;
    }

    .vd-stat span {
        display: block;
        font-size: 12px;
        color: #64748b;
    }

    .vd-stat strong {
        display: block;
        margin-top: 6px;
        font-size: 28px;
        color: #0f172a;
        line-height: 1;
    }

    .vd-stat em {
        display: block;
        margin-top: 8px;
        color: #64748b;
        font-size: 12px;
        font-style: normal;
    }

    .vd-body {
        padding: 20px;
    }

    .vd-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 18px;
    }

    .vd-list {
        display: grid;
        gap: 10px;
    }

    .vd-item {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 14px;
        background: #fff;
        text-decoration: none;
    }

    .vd-item-top {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        align-items: flex-start;
    }

    .vd-item strong {
        color: #0f172a;
        font-size: 14px;
    }

    .vd-item span {
        display: block;
        margin-top: 5px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .vd-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 800;
        border: 1px solid transparent;
    }

    .vd-chip.good { background: #dcfce7; color: #166534; }
    .vd-chip.warn { background: #ffedd5; color: #c2410c; }
    .vd-chip.risk { background: #fee2e2; color: #b91c1c; }

    .vd-empty {
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 24px 18px;
        text-align: center;
        color: #64748b;
        background: #f8fafc;
    }

    @media (max-width: 1199px) {
        .vd-shell {
            grid-template-columns: 1fr;
        }

        .vd-filters,
        .vd-summary,
        .vd-grid {
            grid-template-columns: 1fr 1fr;
        }

        .vd-sidecard {
            position: static;
        }
    }

    @media (max-width: 767px) {
        .vd-hero {
            padding: 18px 16px;
        }

        .vd-shell,
        .vd-summary,
        .vd-grid,
        .vd-filters {
            grid-template-columns: 1fr;
        }

        .vd-actions,
        .vd-filter-head {
            display: grid;
            grid-template-columns: 1fr;
        }

        .vd-action {
            width: 100%;
        }

        .vd-filter-head {
            padding: 14px 14px 12px;
        }

        .vd-filter-head h4 {
            font-size: 15px;
            line-height: 1.35;
        }

        .vd-filter-head p {
            font-size: 12px;
            line-height: 1.55;
        }

        .vd-filter-tools {
            justify-content: flex-start;
        }

        .vd-filter-body {
            padding: 14px;
        }

        .vd-field label {
            font-size: 12px;
            line-height: 1.4;
        }

        .vd-filter-actions .btn,
        .vd-filter-actions a.btn {
            width: 100%;
        }
    }


/* Visits index.php */
.right_col[role="main"] .visit-index-shell,
    .right_col[role="main"] .visit-index-shell * {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .visit-index-shell {
        width: 100%;
        color: #0f172a;
    }

    .visit-index-hero {
        background: linear-gradient(135deg, #0f172a 0%, #164e63 44%, #16a34a 100%);
        color: #fff;
        border-radius: 8px;
        padding: 22px 24px;
        margin: 0 0 18px;
        box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    }

    .visit-index-kicker {
        color: rgba(255,255,255,.72);
        font-size: 12px;
        font-weight: 600;
        margin-bottom: 7px;
    }

    .visit-index-hero h3 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.2;
    }

    .visit-index-hero p {
        margin: 0;
        color: rgba(255,255,255,.86);
        line-height: 1.7;
        max-width: 860px;
        font-size: 14px;
    }

    .visit-index-meta,
    .visit-index-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .visit-index-meta { margin-top: 10px; }
    .visit-index-actions { margin-top: 16px; }

    .visit-index-pill {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border-radius: 999px;
        padding: 8px 13px;
        font-size: 12px;
        font-weight: 600;
        background: rgba(255,255,255,.09);
        color: #fff;
        border: 1px solid rgba(255,255,255,.24);
    }

    .visit-index-pill i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(255,255,255,.18);
        font-size: 11px;
    }

    .visit-index-action {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 38px;
        border: 1px solid rgba(255,255,255,.22);
        border-radius: 8px;
        background: rgba(255,255,255,.08);
        color: #fff;
        padding: 8px 16px;
        font-weight: 700;
        font-size: 13px;
        text-decoration: none;
    }

    .visit-index-action:hover,
    .visit-index-action:focus {
        background: rgba(255,255,255,.18);
        color: #fff;
        text-decoration: none;
        border-color: rgba(255,255,255,.36);
    }

    .visit-index-action.primary {
        background: rgba(255,255,255,.14);
        border-color: rgba(255,255,255,.28);
    }

    .visit-index-summary {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 18px;
    }

    .visit-summary-card,
    .visit-index-panel {
        position: relative;
        overflow: hidden;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 8px 24px rgba(15,23,42,.05);
    }

    .visit-summary-card {
        padding: 14px 16px 14px 18px;
        min-height: 96px;
    }

    .visit-summary-card:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 4px;
        height: 100%;
        background: #dc2626;
    }

    .visit-summary-title {
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.4;
    }

    .visit-summary-value {
        font-size: 28px;
        font-weight: 800;
        color: #0f172a;
        margin-top: 8px;
        line-height: 1.1;
    }

    .visit-summary-sub {
        color: #64748b;
        font-size: 12px;
        margin-top: 6px;
        line-height: 1.45;
    }

    .visit-index-panel-head {
        padding: 18px 20px;
        border-bottom: 1px solid #eef2f7;
    }

    .visit-index-panel-head h2 {
        margin: 0 0 6px;
        color: #0f172a;
        font-size: 18px;
        font-weight: 700;
        line-height: 1.3;
    }

    .visit-index-panel-head p {
        margin: 0;
        color: #64748b;
        font-size: 13px;
        line-height: 1.65;
    }

    .visit-index-panel-body {
        padding: 18px 20px;
    }

    .visit-list-toolbar {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 14px;
    }

    .visit-list-toolbar-left,
    .visit-list-toolbar-right {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        align-items: center;
    }

    .visit-list-search,
    .visit-list-size {
        min-height: 38px;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        padding: 8px 12px;
        color: #0f172a;
        background: #fff;
    }

    .visit-list-search { min-width: 240px; }

    .visit-list-count {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .visit-quick-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 14px;
    }

    .visit-quick-filter {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 38px;
        padding: 8px 14px;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.2;
    }

    .visit-quick-filter:hover,
    .visit-quick-filter:focus {
        background: #f8fafc;
        color: #0f172a;
    }

    .visit-quick-filter.active {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
        box-shadow: inset 0 0 0 1px rgba(29, 78, 216, .08);
    }

    .visit-quick-filter.filter-today {
        background: linear-gradient(180deg, #fff7ed 0%, #fff 100%);
        border-color: #fed7aa;
        color: #b45309;
    }

    .visit-quick-filter.filter-findings {
        background: linear-gradient(180deg, #eff6ff 0%, #fff 100%);
        border-color: #bfdbfe;
        color: #1d4ed8;
    }

    .visit-quick-filter.filter-tasks {
        background: linear-gradient(180deg, #f5f3ff 0%, #fff 100%);
        border-color: #ddd6fe;
        color: #6d28d9;
    }

    .visit-quick-filter.filter-completed {
        background: linear-gradient(180deg, #ecfdf5 0%, #fff 100%);
        border-color: #bbf7d0;
        color: #15803d;
    }

    .visit-quick-filter.filter-cancelled {
        background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
        border-color: #cbd5e1;
        color: #475569;
    }

    .visit-quick-filter.filter-today.active {
        background: #fff1e6;
        border-color: #fdba74;
        color: #9a3412;
        box-shadow: inset 0 0 0 1px rgba(249, 115, 22, .12);
    }

    .visit-quick-filter.filter-findings.active {
        background: #dbeafe;
        border-color: #93c5fd;
        color: #1d4ed8;
    }

    .visit-quick-filter.filter-tasks.active {
        background: #ede9fe;
        border-color: #c4b5fd;
        color: #6d28d9;
    }

    .visit-quick-filter.filter-completed.active {
        background: #dcfce7;
        border-color: #86efac;
        color: #166534;
    }

    .visit-quick-filter.filter-cancelled.active {
        background: #e2e8f0;
        border-color: #94a3b8;
        color: #334155;
    }

    .visit-quick-filter i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 18px;
        height: 18px;
        border-radius: 999px;
        background: rgba(148, 163, 184, .14);
        font-size: 11px;
        flex: 0 0 auto;
    }

    .visit-quick-filter.active i {
        background: rgba(59, 130, 246, .14);
    }

    .visit-quick-filter-count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        padding: 4px 7px;
        border-radius: 999px;
        background: #f8fafc;
        color: #475569;
        font-size: 11px;
        font-weight: 800;
    }

    .visit-quick-filter.active .visit-quick-filter-count {
        background: #dbeafe;
        color: #1d4ed8;
    }

    .visit-table-wrap {
        width: 100%;
        overflow-x: auto;
    }

    .visit-table {
        width: 100%;
        min-width: 980px;
        border-collapse: separate;
        border-spacing: 0;
    }

    .visit-table th,
    .visit-table td {
        padding: 12px 10px;
        border-bottom: 1px solid #eef2f7;
        text-align: left;
        vertical-align: top;
    }

    .visit-table th {
        background: #f8fafc;
        color: #64748b;
        font-size: 12px;
        font-weight: 700;
        white-space: nowrap;
    }

    .visit-table tbody tr[data-href] { cursor: pointer; }
    .visit-table tbody tr[data-href]:hover td { background: #f8fafc; }

    .visit-table tbody tr.is-completed td { background: #fbfdff; }
    .visit-table tbody tr.is-selected td { background: #f0fdf4; }

    .visit-id-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        padding: 6px 8px;
        border-radius: 8px;
        background: #f1f5f9;
        color: #0f172a;
        font-size: 12px;
        font-weight: 800;
    }

    .visit-cell-stack {
        display: grid;
        gap: 4px;
    }

    .visit-cell-stack strong {
        color: #0f172a;
        font-size: 13px;
        line-height: 1.45;
    }

    .visit-cell-stack span {
        color: #64748b;
        font-size: 12px;
        line-height: 1.45;
    }

    .visit-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 7px 10px;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 700;
        border: 1px solid transparent;
        white-space: nowrap;
    }

    .visit-status.planned {
        background: #eef4ff;
        border-color: #d6e4ff;
        color: #2859c5;
    }

    .visit-status.completed {
        background: #edf9f0;
        border-color: #cfead7;
        color: #18794e;
    }

    .visit-status.cancelled {
        background: #f4f5f7;
        border-color: #e5e7eb;
        color: #667085;
    }

    .visit-status.neutral {
        background: #fff7e8;
        border-color: #f5dfb0;
        color: #9a5b00;
    }

    .task-chip {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 6px 10px;
        border-radius: 8px;
        background: #fff7ed;
        color: #b45309;
        border: 1px solid #fed7aa;
        font-size: 11px;
        font-weight: 700;
    }

    .finding-chip {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        padding: 6px 10px;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        border: 1px solid #bfdbfe;
        font-size: 11px;
        font-weight: 700;
    }

    .finding-chip.critical {
        background: #fff1f2;
        color: #9f1239;
        border-color: #fecdd3;
    }

    .visit-mini-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: #0f172a;
        text-decoration: none;
        font-size: 13px;
        padding: 0;
    }

    .visit-action-group {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px;
        min-width: 0;
    }

    .visit-action-group form {
        margin: 0;
        display: inline-flex;
    }

    .visit-mini-btn:hover,
    .visit-mini-btn:focus {
        text-decoration: none;
        color: #0f172a;
        background: #f8fafc;
    }

    .visit-empty {
        display: none;
        border: 1px dashed #cbd5e1;
        border-radius: 8px;
        padding: 18px;
        color: #64748b;
        background: #f8fafc;
        text-align: center;
        margin-top: 14px;
    }













    .visit-pagination {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
        margin-top: 14px;
    }

    .visit-pagination-info {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .visit-pagination-buttons {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .visit-page-btn {
        min-height: 34px;
        padding: 6px 12px;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        font-size: 12px;
        font-weight: 700;
    }

    .visit-page-btn[disabled] {
        opacity: .5;
        cursor: not-allowed;
    }

    @media (max-width: 1100px) {
        .visit-index-summary {
            grid-template-columns: 1fr 1fr;
        }
    }

    @media (max-width: 700px) {
        .visit-index-hero {
            padding: 18px 16px;
        }

        .visit-index-summary {
            grid-template-columns: 1fr;
        }

        .visit-index-actions,
        .visit-index-action,
        .visit-list-search {
            width: 100%;
        }

        .visit-action-group {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 32px));
            justify-content: start;
        }

        .visit-action-group form {
            display: contents;
        }
    }


/* Visits show.php */
.right_col[role="main"] .visit-show-shell,
    .right_col[role="main"] .visit-show-shell *,
    .right_col[role="main"] .visit-hero,
    .right_col[role="main"] .visit-flow-shell {
        box-sizing: border-box;
        min-width: 0;
        max-width: 100%;
    }

    .right_col[role="main"] > .visit-show-shell,
    .visit-show-shell {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

    .visit-summary-card {
        background: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 8px;
        padding: 14px 16px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
        min-height: 100px;
        margin-bottom: 15px;
        position: relative;
        overflow: hidden;
    }

    .visit-summary-card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #c1121f;
    }

    .visit-summary-title {
        color: #64748b;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 1.35;
    }

    .visit-summary-value {
        font-size: 20px;
        font-weight: 600;
        color: #0f172a;
        margin-top: 8px;
        line-height: 1.2;
    }

    .visit-summary-value.is-metric {
        font-size: 22px;
        font-weight: 650;
    }

    .visit-summary-value.is-date,
    .visit-summary-value.is-text {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.35;
        word-break: break-word;
    }

    .visit-summary-status {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border: 1px solid #bfdbfe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 8px 11px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1;
    }

    .visit-summary-status i {
        font-size: 10px;
    }

    .visit-summary-status.completed {
        background: #ecfdf5;
        color: #047857;
        border-color: #a7f3d0;
    }

    .visit-summary-status.cancelled {
        background: #f8fafc;
        color: #475569;
        border-color: #e2e8f0;
    }

    .visit-flow-shell .x_panel {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        box-shadow: 0 8px 22px rgba(15, 23, 42, .05);
        overflow: hidden;
    }

    .visit-flow-shell .x_title {
        border-bottom: 1px solid #edf2f7;
        padding: 14px 16px;
        margin: 0;
        background: #fbfdff;
    }

    .visit-flow-shell .x_title h2 {
        color: #0f172a;
        font-size: 15px;
        font-weight: 500;
        margin: 0;
    }

    .visit-flow-shell .x_content {
        padding: 16px;
    }

    .visit-flow-shell .table {
        margin-bottom: 12px;
    }

    .visit-flow-shell .table > thead > tr > th {
        background: #f8fafc;
        color: #334155;
        border-bottom: 1px solid #e5e7eb;
        font-size: 12px;
        font-weight: 500;
    }

    .visit-flow-shell label {
        color: #334155;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.45;
    }

    .visit-flow-shell .form-control {
        border-color: #dbe4ee;
        border-radius: 8px;
        box-shadow: none;
    }

    .visit-flow-shell .btn {
        border-radius: 8px;
        font-weight: 600;
    }

    .visit-closeout-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        align-items: center;
    }

    .visit-closeout-actions .btn {
        margin: 0;
    }

    .visit-closeout-checks {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-bottom: 16px;
    }

    .visit-closeout-check {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #f8fafc;
        padding: 13px 14px;
        min-width: 0;
    }

    .visit-closeout-check span {
        display: block;
        color: #64748b;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.4;
    }

    .visit-closeout-check strong {
        display: block;
        margin-top: 7px;
        color: #0f172a;
        font-size: 20px;
        line-height: 1.15;
        font-weight: 650;
    }

    .visit-closeout-check.is-alert {
        border-color: #fecaca;
        background: #fef2f2;
    }

    .visit-closeout-check.is-alert strong {
        color: #b91c1c;
    }

    .visit-closeout-note {
        border: 1px solid #bfdbfe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1e40af;
        padding: 12px 14px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 1.55;
    }

    .visit-flow-workspace {
        display: grid;
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 18px;
        align-items: start;
    }

    .visit-flow-sidebar {
        position: sticky;
        top: 18px;
    }

    .visit-section-nav {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
        padding: 14px;
    }

    .visit-section-nav h5 {
        margin: 0 0 8px;
        font-size: 15px;
        font-weight: 500;
        color: #0f172a;
    }

    .visit-section-nav p {
        margin: 0 0 10px;
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
    }

    .visit-section-nav-btn {
        width: 100%;
        text-align: left;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        padding: 10px 12px;
        margin-bottom: 8px;
        font-size: 13px;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .visit-section-nav-btn:last-child {
        margin-bottom: 0;
    }

    .visit-section-nav-btn:hover,
    .visit-section-nav-btn:focus,
    .visit-section-nav-btn.is-active {
        background: #eff6ff;
        border-color: #bfdbfe;
        color: #1d4ed8;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, .10);
    }

    .visit-section-nav-index {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0f172a;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        flex: 0 0 auto;
    }

    .visit-section-nav-btn.is-active .visit-section-nav-index {
        background: #1d4ed8;
    }

    .visit-flow-pane {
        display: none;
    }

    .visit-flow-pane.is-active {
        display: block;
    }

    .visit-note-box {
        background: #fafafa;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 12px;
        white-space: pre-wrap;
    }

    .doc-list li {
        margin-bottom: 8px;
    }

    .warning-box {
        background: #fff3cd;
        padding: 10px 12px;
        border: 1px solid #ffeeba;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .warning-box strong,
    .visit-alert-danger strong,
    .visit-alert-warning strong {
        font-weight: 600;
    }








.check-result-ok {
    background: #e8f5e9;
    color: #2e7d32;
}

.check-result-nc {
    background: #ffebee;
    color: #b30000;
}

.check-result-na {
    background: #eeeeee;
    color: #666;
}

.checklist-row-nc td {
    background: #fff5f5 !important;
}

.checklist-row-ok td {
    background: #f9fff9 !important;
}

.checklist-row-na td {
    background: #f8fafc !important;
}

.visit-checklist-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 12px;
    margin-bottom: 14px;
}

.visit-checklist-toolbar .form-group {
    margin: 0;
    min-width: 240px;
    flex: 1 1 260px;
}

.visit-checklist-toolbar label {
    display: block;
    margin-bottom: 6px;
}

.visit-checklist-toolbar .btn {
    min-height: 34px;
    padding: 7px 14px;
}

.visit-checklist-import-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

.visit-checklist-import-btn:hover,
.visit-checklist-import-btn:focus {
    background: #dbeafe;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.visit-checklist-import-btn i {
    font-size: 12px;
}

.visit-checklist-table {
    border-collapse: separate !important;
    border-spacing: 0;
}

.visit-checklist-table > thead > tr > th {
    white-space: nowrap;
}

.visit-checklist-table > tbody > tr > td {
    vertical-align: middle !important;
    background: #fff !important;
    border-color: #edf2f7 !important;
}

.visit-checklist-table .checklist-item-text {
    display: block;
    color: #0f172a;
    font-weight: 600;
    line-height: 1.45;
    text-align: left;
}

.visit-checklist-item-col {
    text-align: left !important;
    min-width: 50px;
}

.visit-checklist-done-col,
.visit-checklist-result-col {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.visit-checklist-result-col {
    min-width: 150px;
}

.visit-checklist-result-col .form-control {
    width: auto;
    min-width: 13ch;
}

.visit-checklist-note-col {
    width: 34%;
    min-width: 220px;
}

.visit-check-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
}

.visit-check-toggle input {
    margin: 0;
}

.visit-checklist-note {
    width: 100%;
    min-width: 180px;
}

.visit-icon-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0 !important;
    border-radius: 8px !important;
    margin: 0;
}

.visit-dof-cell {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    width: max-content;
}

.visit-dof-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

a.visit-dof-state:hover,
a.visit-dof-state:focus {
    color: inherit;
    text-decoration: none;
}

.visit-checklist-dof-col {
    width: 1%;
    white-space: nowrap;
    text-align: center;
}

.visit-dof-state.linked {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.visit-dof-state.pending {
    border-color: #fee2e2;
    background: #fff1f2;
    color: #b91c1c;
}

.visit-dof-state i {
    font-size: 10px;
}

.visit-checklist-rule-alert {
    display: none;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-size: 13px;
    line-height: 1.55;
}

.visit-checklist-rule-alert.is-visible {
    display: block;
}

.visit-checklist-rule-hint {
    display: block;
    margin-top: 4px;
    color: #b91c1c;
    font-size: 11px;
    line-height: 1.35;
}

.visit-dof-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.visit-dof-metric {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 13px 14px;
    min-width: 0;
}

.visit-dof-metric span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.visit-dof-metric strong {
    display: block;
    margin-top: 7px;
    color: #0f172a;
    font-size: 23px;
    line-height: 1;
    font-weight: 650;
}

.visit-dof-metric.is-alert strong {
    color: #b91c1c;
}

.visit-dof-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.visit-dof-toolbar p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.55;
}

.visit-dof-table-wrap {
    width: 100%;
    overflow-x: auto;
}

.visit-dof-table {
    width: 100%;
    margin-bottom: 0;
    border-collapse: separate !important;
    border-spacing: 0;
}

.visit-dof-table > thead > tr > th {
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    border-bottom: 1px solid #e5e7eb;
    white-space: nowrap;
}

.visit-dof-table > tbody > tr > td {
    vertical-align: middle !important;
    color: #334155;
    font-size: 13px;
}

.visit-dof-title {
    display: block;
    color: #0f172a;
    font-weight: 650;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.visit-dof-sub {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.visit-dof-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    padding: 6px 10px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.visit-dof-status.danger {
    border-color: #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.visit-dof-status.warning {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #b45309;
}

.visit-dof-status.info {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.visit-dof-status.success {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.visit-dof-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: #fff;
    color: #334155;
    padding: 7px 12px;
    min-height: 34px;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none;
    white-space: nowrap;
}

.visit-dof-action:hover,
.visit-dof-action:focus {
    background: #f8fafc;
    color: #0f172a;
    text-decoration: none;
}

.visit-dof-action.primary {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.visit-dof-empty {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 18px;
    color: #64748b;
    background: #f8fafc;
    text-align: center;
    margin-bottom: 0;
}

.visit-checklist-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
}

.visit-checklist-footer .btn {
    padding: 8px 16px;
}

.visit-checklist-pager {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #f8fafc;
    padding: 10px 12px;
    margin-top: 12px;
}

.visit-checklist-pager.is-visible {
    display: flex;
}

.visit-checklist-page-info {
    color: #64748b;
    font-size: 12px;
    line-height: 1.4;
}

.visit-checklist-page-actions {
    display: inline-flex;
    gap: 8px;
}

.visit-checklist-page-actions .btn {
    min-width: 34px;
    min-height: 32px;
    padding: 6px 10px;
}

.visit-checklist-page-actions .btn[disabled] {
    opacity: .55;
    cursor: not-allowed;
}

.visit-alert-danger {
    background: #fff1f1;
    border: 1px solid #f3c2c2;
    color: #9f1d1d;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 15px;
}

.visit-alert-warning {
    background: #fff8e8;
    border: 1px solid #f5df9a;
    color: #8a6d3b;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 15px;
}

.visit-hero {
    background: linear-gradient(135deg, #0f172a 0%, #164e63 45%, #16a34a 100%);
    color: #fff;
    border-radius: 8px;
    padding: 22px 24px;
    margin-bottom: 18px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.visit-hero-grid {
    display: block;
}

.visit-kicker {
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 7px;
}

.visit-hero h3 {
    margin: 0 0 8px;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.2;
}

.visit-hero p {
    color: rgba(255, 255, 255, .86);
    margin: 0;
    line-height: 1.7;
    max-width: 860px;
    font-size: 14px;
}

.visit-hero-meta {
    margin-top: 10px;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
}

.visit-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
    min-width: 0;
}

.visit-hero-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 38px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    background: rgba(255, 255, 255, .08);
    color: #fff;
    padding: 8px 16px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    min-width: 0;
}

.visit-hero-action:hover,
.visit-hero-action:focus {
    background: rgba(255, 255, 255, .18);
    color: #fff;
    border-color: rgba(255, 255, 255, .36);
    text-decoration: none;
}

.visit-hero-action i {
    color: #fff;
}

.visit-toast-wrap {
    position: fixed;
    top: 84px;
    right: 22px;
    z-index: 1200;
    display: grid;
    gap: 10px;
    width: min(320px, calc(100vw - 32px));
}

.visit-toast {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    padding: 12px 14px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
    color: #0f172a;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .16);
    opacity: 0;
    transform: translateY(-6px);
    transition: .18s ease;
}

.visit-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.visit-toast i {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
}

.visit-toast strong {
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.visit-toast span {
    display: block;
    color: #475569;
    font-size: 12px;
    line-height: 1.5;
}

.visit-status-pill,
.visit-hero-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(255, 255, 255, .09);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .24);
}

.visit-status-pill i,
.visit-hero-pill i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: 11px;
}

.visit-finding-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.visit-finding-form .wide {
    grid-column: 1 / -1;
}

.visit-finding-card {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 14px;
    margin-bottom: 12px;
    background: #fff;
}

.visit-finding-card.is-open {
    border-left: 4px solid #b91c1c;
}

.visit-finding-card.is-action {
    border-left: 4px solid #1d4ed8;
}

.visit-finding-card.is-closed {
    border-left: 4px solid #16a34a;
}

.visit-finding-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.visit-finding-title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.visit-finding-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    color: #64748b;
    font-size: 12px;
}

.visit-finding-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    padding: 4px 8px;
}

.visit-finding-risk-high,
.visit-finding-risk-critical {
    border-color: #fecaca;
    background: #fff1f2;
    color: #991b1b;
}

.visit-finding-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 10px 0;
}

.visit-finding-block {
    border: 1px solid #eef2f7;
    border-radius: 8px;
    padding: 10px;
    background: #fbfdff;
    min-height: 74px;
}

.visit-finding-block strong {
    display: block;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
}

.visit-finding-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #eef2f7;
    padding-top: 10px;
}

.visit-finding-actions form {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.visit-finding-files {
    margin: 8px 0 0;
    padding-left: 18px;
}

@media (max-width: 767px) {
    .visit-hero {
        padding: 18px 16px;
    }

    .visit-hero-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .visit-hero-action {
        width: 100%;
    }

    .visit-flow-workspace {
        grid-template-columns: 1fr;
    }

    .visit-flow-sidebar {
        position: static;
    }

    .visit-finding-form,
    .visit-finding-body,
    .visit-closeout-checks,
    .visit-dof-overview {
        grid-template-columns: 1fr;
    }

    .visit-finding-head,
    .visit-finding-actions,
    .visit-finding-actions form {
        display: block;
    }

    .visit-finding-actions .btn,
    .visit-finding-actions .form-control {
        width: 100%;
        margin-bottom: 6px;
    }

    .visit-closeout-actions .btn {
        width: 100%;
    }

    .visit-dof-toolbar {
        align-items: stretch;
    }

    .visit-dof-action {
        width: 100%;
    }
}


/* Operational compliance approved_book_entry.php */
.right_col[role="main"] .obes-shell,
    .right_col[role="main"] .obes-shell *,
    .right_col[role="main"] .obes-hero,
    .right_col[role="main"] .obes-panel,
    .right_col[role="main"] .obes-sidecard{
        box-sizing:border-box;
        min-width:0;
        max-width:100%;
    }
    .obes-shell,.obes-main,.obes-side,.obes-panel,.obes-body,.obes-grid,.obes-table-wrap{min-width:0;max-width:100%;box-sizing:border-box}
    .right_col[role="main"] > .obes-hero{width:100%;min-width:0;max-width:100%}
    .right_col[role="main"] > .obes-shell{width:100%;min-width:0;max-width:100%}
    .obes-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px;overflow:hidden;padding:22px 24px}
    .obes-kicker{display:none}
    .obes-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .obes-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}
    .obes-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
    .obes-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
    .obes-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .obes-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0;max-width:100%}
    .obes-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:0;font-weight:600;text-decoration:none;box-shadow:none;min-height:auto}
    .obes-action:hover,.obes-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.36)}
    .obes-action.primary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}
    .obes-action.primary:hover,.obes-action.primary:focus{background:rgba(255,255,255,.20);color:#fff;border-color:rgba(255,255,255,.30)}
    .obes-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .obes-action .copy{display:none}
    .obes-side-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}
    .obes-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .obes-side-link:hover,.obes-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .obes-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .obes-side-link i{width:16px;text-align:center}
    .obes-panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
    .obes-panel-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;cursor:pointer}
    .obes-panel-tab:hover,.obes-panel-tab:focus{background:#f8fafc;color:#0f172a}
    .obes-panel-tab.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .obes-panel-note{margin:-4px 0 16px;color:#64748b;font-size:12px;line-height:1.6}
    .obes-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}
    .obes-side{position:sticky;top:18px;align-self:start}
    .obes-sidecard,.obes-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
    .obes-sidehead,.obes-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}
    .obes-sidehead h4,.obes-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .obes-sidehead p,.obes-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .obes-nav{display:grid;gap:8px;padding:10px}
    .obes-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;cursor:pointer;transition:.18s ease}
    .obes-navbtn:hover,.obes-navbtn:focus{background:#f8fafc;color:#0f172a}
    .obes-navbtn.active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}
    .obes-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}
    .obes-navbtn strong{display:block;font-size:14px;color:#0f172a}
    .obes-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}
    .obes-side-metrics{display:grid;gap:10px;padding:0 10px 12px}
    .obes-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .obes-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
    .obes-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
    .obes-body{padding:18px 20px}
    .obes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
    .obes-meta-grid{display:grid;grid-template-columns:170px 1fr;gap:8px 12px}
    .obes-status-ok{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:8px;padding:12px 14px}
    .obes-status-bad{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:8px;padding:12px 14px}
    .obes-hash{font-family:monospace;font-size:11px;word-break:break-all;color:#475569}
    .obes-flow-panel{display:none}
    .obes-flow-panel.active{display:block}
    .obes-table-wrap{overflow-x:auto}
    .obes-table{width:100%;border-collapse:collapse;min-width:640px}
    .obes-table th,.obes-table td{border-bottom:1px solid #e5e7eb;padding:9px;text-align:left;vertical-align:top;word-break:break-word}
    .obes-table th{background:#f8fafc;color:#475569}
    .obes-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}
    .obes-formgrid{display:grid;gap:10px}
    @media (max-width:1100px){.obes-shell,.obes-grid{grid-template-columns:1fr}.obes-side{position:static}}
    @media (max-width:900px){.obes-meta-grid{grid-template-columns:1fr}}
    @media (max-width:640px){.obes-hero{padding:18px 16px}.obes-actions{display:flex;flex-direction:row}.obes-action{width:38px}.obes-body{padding:14px}}


/* Operational compliance approved_book_verify.php */
.right_col[role="main"] .obv-shell,
    .right_col[role="main"] .obv-shell *,
    .right_col[role="main"] .obv-hero,
    .right_col[role="main"] .obv-panel,
    .right_col[role="main"] .obv-sidecard{
        box-sizing:border-box;
        min-width:0;
        max-width:100%;
    }
    .obv-shell,.obv-main,.obv-side,.obv-panel,.obv-body,.obv-grid,.obv-table-wrap,.obv-summary{min-width:0;max-width:100%;box-sizing:border-box}
    .right_col[role="main"] > .obv-hero{width:100%;min-width:0;max-width:100%}
    .right_col[role="main"] > .obv-shell{width:100%;min-width:0;max-width:100%}
    .obv-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
    .obv-kicker{display:none}
    .obv-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .obv-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}
    .obv-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}
    .obv-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:12px;font-weight:600}
    .obv-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .obv-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
    .obv-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;line-height:1;border-radius:8px;padding:0;font-weight:600;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none;min-height:auto}
    .obv-action:hover,.obv-action:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}
    .obv-action.primary{background:rgba(255,255,255,.14);color:#fff!important;border-color:rgba(255,255,255,.26)}
    .obv-action.primary:hover,.obv-action.primary:focus{background:rgba(255,255,255,.20);color:#fff!important}
    .obv-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .obv-action .copy{display:none}
    .obv-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}
    .obv-side{position:sticky;top:18px;align-self:start}
    .obv-sidecard,.obv-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
    .obv-sidehead,.obv-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}
    .obv-sidehead h4,.obv-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .obv-sidehead p,.obv-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .obv-side-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}
    .obv-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .obv-side-link:hover,.obv-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .obv-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .obv-side-link i{width:16px;text-align:center}
    .obv-panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
    .obv-panel-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;cursor:pointer}
    .obv-panel-tab:hover,.obv-panel-tab:focus{background:#f8fafc;color:#0f172a}
    .obv-panel-tab.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .obv-panel-note{margin:-4px 0 16px;color:#64748b;font-size:12px;line-height:1.6}
    .obv-nav{display:grid;gap:8px;padding:10px}
    .obv-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;cursor:pointer;transition:.18s ease}
    .obv-navbtn:hover,.obv-navbtn:focus{background:#f8fafc;color:#0f172a}
    .obv-navbtn.active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}
    .obv-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}
    .obv-navbtn strong{display:block;font-size:14px;color:#0f172a}
    .obv-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}
    .obv-side-metrics{display:grid;gap:10px;padding:0 10px 12px}
    .obv-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .obv-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
    .obv-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
    .obv-body{padding:18px 20px}
    .obv-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
    .obv-stat{border:1px solid #e5e7eb;border-radius:8px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding:16px}
    .obv-stat span{display:block;color:#64748b;font-size:12px}
    .obv-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:28px;line-height:1}
    .obv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .obv-status-ok{border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:8px;padding:12px 14px}
    .obv-status-bad{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:8px;padding:12px 14px}
    .obv-flow-panel{display:none}
    .obv-flow-panel.active{display:block}
    .obv-table-wrap{overflow-x:auto}
    .obv-table{width:100%;border-collapse:collapse;min-width:720px}
    .obv-table th,.obv-table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top;word-break:break-word}
    .obv-table th{background:#f8fafc;color:#475569}
    .obv-hash{font-family:monospace;font-size:11px;word-break:break-all;color:#475569}
    .obv-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}
    .obv-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
    @media (max-width:1100px){.obv-shell,.obv-grid{grid-template-columns:1fr}.obv-side{position:static}.obv-summary{grid-template-columns:1fr 1fr}}
    @media (max-width:640px){.obv-hero{padding:18px 16px}.obv-actions{display:flex;flex-direction:row}.obv-action{width:38px}.obv-filter-grid .btn{width:100%}.obv-body{padding:14px}.obv-summary,.obv-filter-grid{grid-template-columns:1fr}}


/* Operational compliance calendar.php */
.right_col[role="main"] .oc-shell,
    .right_col[role="main"] .oc-shell *,
    .right_col[role="main"] .oc-hero,
    .right_col[role="main"] .oc-panel,
    .right_col[role="main"] .occ-shell,
    .right_col[role="main"] .occ-shell *,
    .right_col[role="main"] .occ-hero,
    .right_col[role="main"] .occ-panel{
        box-sizing:border-box;
        min-width:0;
        max-width:100%;
    }
    .right_col[role="main"] > .oc-shell,
    .right_col[role="main"] > .occ-shell{width:100%;min-width:0;max-width:100%}
    .oc-shell,
    .occ-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
    .occ-side,.occ-main{min-width:0}
    .oc-panel,
    .occ-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden;min-width:0}
    .occ-head{padding:18px 20px;border-bottom:1px solid #eef2f7}
    .occ-head h3,.occ-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .occ-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .occ-body{padding:18px 20px}
    .right_col[role="main"] > .oc-hero,
    .right_col[role="main"] > .occ-hero{width:100%;min-width:0;max-width:100%}
    .oc-hero,
    .occ-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);overflow:visible;border-radius:8px;padding:22px 24px}
    .oc-hero h3,
    .occ-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .oc-hero p,
    .occ-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}
    .occ-kicker{display:none}
    .oc-hero-actions,
    .occ-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0;max-width:100%}
    .oc-hero-action,
    .occ-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:0;font-weight:600;text-decoration:none;box-shadow:none;min-height:auto;line-height:1}
    .oc-hero-action:hover,.oc-hero-action:focus,
    .occ-action:hover{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.36)}
    .oc-hero-action.primary,
    .occ-action.primary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}
    .oc-hero-action.primary:hover,.oc-hero-action.primary:focus,
    .occ-action.primary:hover{background:rgba(255,255,255,.20);color:#fff;border-color:rgba(255,255,255,.30)}
    .oc-hero-action .icon,
    .occ-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .oc-hero-action .copy,
    .occ-action .copy{display:none}
    .oc-hero-meta,
    .occ-meta-bar{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
    .oc-hero-pill,
    .occ-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
    .oc-hero-pill i,
    .occ-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .occ-filter{display:grid;gap:10px}
    .occ-side-nav{display:grid;gap:8px;margin-bottom:14px}
    .occ-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .occ-side-link:hover,.occ-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .occ-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .occ-side-summary{display:grid;gap:10px;margin-top:14px}
    .occ-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .occ-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
    .occ-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
    .occ-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .occ-stat{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}
    .occ-stat span{display:block;color:#64748b;font-size:12px}
    .occ-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:26px;line-height:1}
    .occ-calendar-wrap{min-height:0}
    .occ-fallback-note{display:none;border:1px solid #fed7aa;border-radius:8px;background:#fffbeb;color:#92400e;padding:10px 12px;margin-bottom:12px}
    .occ-list{display:grid;gap:10px;margin-top:18px}
    .occ-item{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff;text-decoration:none}
    .occ-item:hover{text-decoration:none;background:#f8fafc}
    .occ-item strong{display:block;color:#0f172a}
    .occ-item span{display:block;margin-top:4px;color:#64748b;font-size:12px}
    .occ-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
    .occ-inline-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
    .occ-inline-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}
    .occ-inline-action:hover,.occ-inline-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}
    .occ-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}
    .occ-badge.completed{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}
    .occ-badge.cancelled{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
    .occ-badge.pending{border-color:#fed7aa;color:#b45309;background:#fffbeb}
    .occ-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}
    .occ-guide{display:grid;gap:10px;margin-top:14px}
    .occ-guide-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .occ-guide-item strong{display:block;color:#0f172a;font-size:13px}
    .occ-guide-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}
    .occ-stack{display:grid;gap:18px}
    .occ-actions,.occ-list,.occ-item,.occ-item > div{min-width:0}
    .occ-item strong,.occ-item span{word-break:break-word}
    #calendar{max-width:100%;overflow:hidden}
    #calendar .fc,
    #calendar .fc-view-harness,
    #calendar .fc-scrollgrid{margin-top:0!important}
    #calendar .fc-view-harness,
    #calendar .fc-scroller{overflow:visible!important}
    @media (max-width:1100px){.oc-shell,.occ-shell{grid-template-columns:1fr}.occ-summary{grid-template-columns:1fr 1fr}}
    @media (max-width:640px){
        .oc-hero,
        .occ-hero{padding:18px 16px}
        .oc-hero-actions,
        .occ-actions{flex-direction:row;align-items:flex-start}
        .oc-hero-action,
        .occ-action{width:38px}
        .occ-filter .btn{width:100%}
        .occ-summary{grid-template-columns:1fr}
        .occ-body{padding:14px}
        .occ-item{display:block}
        .occ-item > div[style*="text-align"]{text-align:left!important;margin-top:10px}
        .occ-calendar-wrap{min-height:0}
        .fc .fc-toolbar{display:grid;gap:8px}
        .fc .fc-toolbar-title{font-size:18px}
    }


/* Operational compliance dashboard.php */
.right_col[role="main"] .oc-shell,
    .right_col[role="main"] .oc-shell *,
    .right_col[role="main"] .oc-hero,
    .right_col[role="main"] .oc-panel,
    .right_col[role="main"] .oc-report-shell,
    .right_col[role="main"] .oc-report-shell *,
    .right_col[role="main"] .oc-report-hero,
    .right_col[role="main"] .oc-report-panel{
        box-sizing:border-box;
        min-width:0;
        max-width:100%;
    }
    .right_col[role="main"] > .oc-hero,
    .right_col[role="main"] > .oc-report-hero{width:100%;min-width:0;max-width:100%}
    .right_col[role="main"] > .oc-shell,
    .right_col[role="main"] > .oc-report-shell{width:100%;min-width:0;max-width:100%}
    .oc-hero,
    .oc-report-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18);overflow:visible;border-radius:8px;padding:22px 24px}
    .oc-report-kicker{display:none}
    .oc-hero h3,
    .oc-report-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .oc-hero p,
    .oc-report-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}
    .oc-hero-actions,
    .oc-report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0;max-width:100%}
    .oc-hero-action,
    .oc-report-action{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:0;font-weight:600;text-decoration:none;box-shadow:none;min-height:auto;line-height:1}
    .oc-hero-action:hover,.oc-hero-action:focus,
    .oc-report-action:hover{background:rgba(255,255,255,.18);color:#fff;text-decoration:none;border-color:rgba(255,255,255,.36)}
    .oc-hero-action.primary,
    .oc-report-action.primary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}
    .oc-hero-action.primary:hover,.oc-hero-action.primary:focus,
    .oc-report-action.primary:hover{background:rgba(255,255,255,.20);color:#fff;border-color:rgba(255,255,255,.30)}
    .oc-hero-action .icon,
    .oc-report-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .oc-hero-action .copy,
    .oc-report-action .copy{display:none}
    .oc-hero-meta,
    .oc-report-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
    .oc-hero-pill,
    .oc-report-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
    .oc-hero-pill i,
    .oc-report-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .oc-shell,
    .oc-report-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
    .oc-panel,
    .oc-report-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden;min-width:0}
    .oc-report-head{padding:18px 20px;border-bottom:1px solid #eef2f7}
    .oc-report-head h3,.oc-report-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .oc-report-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .oc-report-body{padding:18px 20px}
    .oc-report-filter{display:grid;gap:10px}
    .oc-report-side-nav{display:grid;gap:8px;margin-bottom:14px}
    .oc-report-side-link{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-size:13px;font-weight:700;text-decoration:none}
    .oc-report-side-link:hover{text-decoration:none;background:#f8fafc;color:#0f172a}
    .oc-report-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .oc-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .oc-report-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
    .oc-report-tool{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .oc-report-tool:hover,.oc-report-tool:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .oc-report-kpi{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px;min-width:0}
    .oc-report-kpi span{display:block;color:#64748b;font-size:12px;line-height:1.4}
    .oc-report-kpi strong{display:block;margin-top:7px;color:#0f172a;font-size:25px;line-height:1;font-weight:800}
    .oc-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
    .oc-report-list{display:grid;gap:10px}
    .oc-report-item{display:flex;justify-content:space-between;gap:14px;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff}
    .oc-report-item strong{display:block;color:#0f172a}
    .oc-report-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}
    .oc-report-badge{display:inline-flex;align-items:center;align-self:flex-start;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}
    .oc-report-badge.danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
    .oc-report-badge.success{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}
    .oc-report-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}
    .oc-report-nav{display:grid;gap:8px;margin-top:14px}
    .oc-report-nav a{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;color:#334155;background:#fff;font-weight:700}
    .oc-report-nav a:hover{text-decoration:none;background:#f8fafc;color:#0f172a}
    .oc-report-highlight{display:grid;gap:10px;margin-top:14px}
    .oc-report-highlight-item{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .oc-report-highlight-item strong{display:block;color:#0f172a;font-size:13px}
    .oc-report-highlight-item span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}
    .oc-report-actions,.oc-report-item,.oc-report-item > span,.oc-report-shell main{min-width:0}
    .oc-report-item strong,.oc-report-item span{word-break:break-word}
    @media (max-width:1100px){.oc-shell,.oc-report-shell,.oc-report-grid{grid-template-columns:1fr}.oc-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media (max-width:640px){
        .oc-hero,
        .oc-report-hero{padding:18px 16px}
        .oc-hero-actions,
        .oc-report-actions{flex-direction:row;align-items:flex-start}
        .oc-hero-action,
        .oc-report-action{width:38px}
        .oc-report-filter .btn{width:100%}
        .oc-report-kpis{grid-template-columns:1fr}
        .oc-report-body{padding:14px}
        .oc-report-item{display:block}
        .oc-report-badge{margin-top:10px}
    }


/* Operational compliance index.php */
.right_col[role="main"] .oc-shell,
    .right_col[role="main"] .oc-shell *,
    .right_col[role="main"] .oc-hero,
    .right_col[role="main"] .oc-panel,
    .right_col[role="main"] .oc-sidecard{
        box-sizing:border-box;
    }
    .right_col[role="main"] > .oc-hero{width:100%;min-width:0;max-width:100%}
    .right_col[role="main"] > .oc-shell{
        width:100%;
        min-width:0;
        max-width:100%;
    }
    .oc-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
    .oc-side,.oc-main{min-width:0;max-width:100%}
    .oc-side{position:sticky;top:18px;align-self:start}
    .oc-sidecard,.oc-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden}
    .oc-head,.oc-sidehead{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}
    .oc-head h3,.oc-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .oc-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .oc-sidehead h4{margin:0 0 4px;font-size:17px;font-weight:800;color:#0f172a}
    .oc-sidehead p{margin:0;color:#64748b;font-size:13px;line-height:1.55}
    .oc-side-summary{display:grid;gap:10px;padding:12px}
    .oc-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .oc-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
    .oc-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
    .oc-side-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}
    .oc-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .oc-side-link:hover,.oc-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .oc-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .oc-side-link i{width:16px;text-align:center}
    .oc-body{padding:20px;min-width:0;max-width:100%}
    .oc-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
    .oc-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .oc-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.86);font-size:14px;line-height:1.7}
    .oc-kicker{display:none}
    .oc-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .oc-stat{border:1px solid #e5e7eb;border-radius:8px;background:linear-gradient(180deg,#f8fafc 0%,#fff 100%);padding:16px;min-width:0}
    .oc-stat span{display:block;color:#64748b;font-size:12px}
    .oc-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:28px;line-height:1}
    .oc-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}
    .oc-form-grid{display:grid;gap:12px;min-width:0}
    .oc-list{display:grid;gap:10px}
    .oc-item{display:flex;justify-content:space-between;gap:14px;border:1px solid #e5e7eb;border-radius:8px;padding:12px 14px;background:#fff}
    .oc-item strong{display:block;color:#0f172a}
    .oc-item span{display:block;margin-top:4px;color:#64748b;font-size:12px}
    .oc-badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}
    .oc-badge.done{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}
    .oc-empty{border:1px dashed #cbd5e1;border-radius:8px;padding:18px;color:#64748b;background:#f8fafc;text-align:center}
    .oc-filter{display:grid;gap:10px}
    .oc-filterbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
    .oc-alert{border-radius:8px;padding:12px 14px;margin-bottom:14px}
    .oc-wide{margin-bottom:18px}
    .oc-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0}
    .oc-meeting-card{border:1px solid #e5e7eb;border-radius:8px;background:#fff;margin-bottom:12px;overflow:hidden}
    .oc-meeting-top{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;background:#f8fafc;border-bottom:1px solid #eef2f7}
    .oc-meeting-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 16px}
    .oc-sublist{margin:10px 0 0;padding-left:18px;color:#475569}
    .oc-hash{font-family:monospace;font-size:11px;color:#64748b;word-break:break-all}
    .oc-actionbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
    .oc-automation-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
    .oc-automation-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}
    .oc-automation-card strong{display:block;color:#0f172a;font-size:13px}
    .oc-automation-card span{display:block;margin-top:6px;color:#64748b;font-size:12px;line-height:1.55}
    .oc-section-nav{display:grid;gap:8px;padding:10px}
    .oc-nav-icons{display:flex;gap:8px;padding:10px 10px 0;flex-wrap:wrap}
    .oc-nav-icon{width:38px;height:38px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe2ea;background:#fff;color:#475569}
    .oc-nav-icon:hover,.oc-nav-icon:focus{text-decoration:none;color:#0f172a;background:#f8fafc}
    .oc-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;transition:.18s ease;cursor:pointer}
    .oc-navbtn:hover,.oc-navbtn:focus{background:#f8fafc;color:#0f172a}
    .oc-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}
    .oc-navbtn strong{display:block;font-size:14px;color:#0f172a}
    .oc-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}
    .oc-navbtn.active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}
    .oc-nav-text{flex:1 1 auto;min-width:0}
    .oc-nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 9px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-size:12px;font-weight:800;align-self:center}
    .oc-hero-copy{min-width:0;flex:1 1 auto}
    .oc-hero-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
    .oc-hero-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
    .oc-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .oc-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
    .oc-hero-action{display:inline-flex;align-items:center;justify-content:center;line-height:1;border-radius:8px;padding:0;width:38px;height:38px;font-weight:600;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff!important;min-height:auto;text-decoration:none;box-shadow:none;cursor:pointer}
    .oc-hero-action:hover,.oc-hero-action:focus{background:rgba(255,255,255,.14);color:#fff!important;text-decoration:none}
    .oc-hero-action.primary{background:rgba(255,255,255,.14);color:#fff!important;border-color:rgba(255,255,255,.26)}
    .oc-hero-action.primary:hover,.oc-hero-action.primary:focus{background:rgba(255,255,255,.20);color:#fff!important;border-color:rgba(255,255,255,.26)}
    .oc-hero-action .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .oc-hero-action .copy{display:none}
    .oc-flow-panel{display:none}
    .oc-flow-panel.active{display:block;grid-column:1 / -1}
    .oc-section-hints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
    .oc-section-hint{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .oc-section-hint strong{display:block;color:#0f172a;font-size:13px}
    .oc-section-hint span{display:block;margin-top:4px;color:#64748b;font-size:12px;line-height:1.45}
    .oc-pane-stack{display:grid;gap:16px}
    .oc-subpanel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}
    .oc-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #eef2f7;background:#f8fafc}
    .oc-subhead strong{display:block;color:#0f172a;font-size:14px}
    .oc-subhead span{display:block;color:#64748b;font-size:12px}
    .oc-subbody{padding:16px}
    .oc-collapsible-body{display:none}
    .oc-collapsible-body.active{display:block}
    .oc-table-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-bottom:14px}
    .oc-table-info{color:#64748b;font-size:12px}
    .oc-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
    .oc-table{width:100%;border-collapse:collapse;min-width:860px}
    .oc-table th,.oc-table td{padding:12px 14px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}
    .oc-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
    .oc-table td{color:#334155;font-size:13px}
    .oc-table tr:last-child td{border-bottom:0}
    .oc-table-main{display:grid;gap:4px}
    .oc-table-main strong{color:#0f172a;font-size:14px}
    .oc-table-sub{color:#64748b;font-size:12px;line-height:1.5}
    .oc-role-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:6px 10px;font-size:11px;font-weight:800}
    .oc-role-badge i{font-size:11px}
    .oc-status-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #d1fae5;border-radius:999px;background:#ecfdf5;color:#047857;padding:6px 10px;font-size:11px;font-weight:800}
    .oc-inline-stack{display:grid;gap:6px}
    .oc-table-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
    .oc-icon-action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04);cursor:pointer}
    .oc-icon-action:hover,.oc-icon-action:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}
    .oc-icon-action.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
    .oc-icon-action.danger:hover,.oc-icon-action.danger:focus{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
    .oc-member-detail{display:none;background:#fcfdff}
    .oc-member-detail.active{display:table-row}
    .oc-member-detail td{padding:0;border-bottom:1px solid #eef2f7}
    .oc-member-detail-card{padding:16px}
    .oc-member-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px}
    .oc-pager{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
    .oc-pager-meta{color:#64748b;font-size:12px}
    .oc-pager-actions{display:flex;gap:8px}
    .oc-member-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
    .oc-member-summary-card{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}
    .oc-member-summary-card span{display:block;color:#64748b;font-size:12px}
    .oc-member-summary-card strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1}
    .oc-shell,.oc-main,.oc-side,.oc-panel,.oc-body,.oc-item,.oc-item > div,.oc-meeting-card,.oc-meeting-tools,.oc-actionbar,.oc-form-grid,.oc-filterbar,.oc-summary,.oc-grid,.oc-section-hints{min-width:0;max-width:100%}
    .oc-item strong,.oc-item span,.oc-hash{word-break:break-word}
    @media (max-width:1100px){.oc-shell,.oc-grid{grid-template-columns:1fr}.oc-summary{grid-template-columns:1fr 1fr}.oc-side{position:static}}
    @media (max-width:900px){.oc-meeting-tools,.oc-mini-grid,.oc-section-hints{grid-template-columns:1fr}}
    @media (max-width:640px){
        .oc-hero{padding:18px 16px}
        .oc-hero-actions{flex-direction:row;align-items:flex-start}
        .oc-hero-action{width:38px}
        .oc-summary,.oc-filterbar{grid-template-columns:1fr}
        .oc-table-toolbar,.oc-member-detail-grid,.oc-pager,.oc-member-summary{grid-template-columns:1fr;display:grid}
        .oc-pager-actions{justify-content:flex-start}
        .oc-item,.oc-meeting-top{display:block}
        .oc-item > div[style*="text-align"]{text-align:left!important;margin-top:10px}
        .oc-body{padding:14px}
        .oc-actionbar{display:grid;grid-template-columns:1fr}
        .oc-actionbar .btn,.oc-filter .btn,.oc-form-grid .btn,.oc-item .btn{width:100%;margin-top:6px}
        .oc-item form{display:block}
        .oc-automation-summary{grid-template-columns:1fr}
    }


/* Operational compliance show.php */
.right_col[role="main"] .oc-shell,
    .right_col[role="main"] .oc-shell *,
    .right_col[role="main"] .oc-hero,
    .right_col[role="main"] .oc-panel,
    .right_col[role="main"] .oc-sidecard,
    .right_col[role="main"] .ocs-shell,
    .right_col[role="main"] .ocs-shell *,
    .right_col[role="main"] .ocs-hero,
    .right_col[role="main"] .ocs-panel,
    .right_col[role="main"] .ocs-sidecard{
        box-sizing:border-box;
        min-width:0;
        max-width:100%;
    }
    .oc-shell,.ocs-shell,.ocs-main,.ocs-side,.ocs-panel,.ocs-body,.ocs-meta,.ocs-grid,.ocs-actions,.ocs-hero-actions,.ocs-table-wrap{min-width:0;max-width:100%;box-sizing:border-box}
    .right_col[role="main"] > .oc-hero,
    .right_col[role="main"] > .ocs-hero{width:100%;min-width:0;max-width:100%}
    .right_col[role="main"] > .oc-shell,
    .right_col[role="main"] > .ocs-shell{width:100%;min-width:0;max-width:100%}
    .oc-shell,
    .ocs-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}
    .ocs-side{position:sticky;top:18px;align-self:start}
    .oc-sidecard,.oc-panel,
    .ocs-sidecard,.ocs-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06);overflow:hidden;min-width:0}
    .ocs-sidehead,.ocs-head{padding:18px 20px 14px;border-bottom:1px solid #eef2f7}
    .ocs-sidehead h4,.ocs-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}
    .ocs-sidehead p,.ocs-head p{margin:0;color:#64748b;font-size:13px;line-height:1.65}
    .ocs-side-nav{display:grid;gap:8px;padding:12px;border-bottom:1px solid #eef2f7}
    .ocs-side-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;text-decoration:none}
    .ocs-side-link:hover,.ocs-side-link:focus{text-decoration:none;background:#f8fafc;color:#0f172a}
    .ocs-side-link.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .ocs-side-link i{width:16px;text-align:center}
    .ocs-nav{display:grid;gap:8px;padding:10px}
    .ocs-navbtn{width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:14px;display:flex;gap:12px;color:#334155;cursor:pointer;transition:.18s ease}
    .ocs-navbtn:hover,.ocs-navbtn:focus{background:#f8fafc;color:#0f172a}
    .ocs-navbtn.active{background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%);border:1px solid #bfdbfe}
    .ocs-navbtn i{width:18px;text-align:center;margin-top:2px;color:#2563eb}
    .ocs-navbtn strong{display:block;font-size:14px;color:#0f172a}
    .ocs-navbtn span{display:block;margin-top:3px;font-size:12px;color:#64748b;line-height:1.45}
    .ocs-side-summary{display:grid;gap:10px;padding:0 10px 12px}
    .ocs-side-metric{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px}
    .ocs-side-metric span{display:block;color:#64748b;font-size:11px;text-transform:uppercase;font-weight:800}
    .ocs-side-metric strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
    .oc-hero,
    .ocs-hero{background:linear-gradient(135deg,#0f172a 0%,#164e63 42%,#16a34a 100%);color:#fff;border-radius:8px;box-shadow:0 18px 40px rgba(15,23,42,.18);margin-bottom:18px;overflow:hidden;padding:22px 24px}
    .ocs-kicker{display:none}
    .oc-hero h3,
    .ocs-hero h3{margin:0 0 8px;color:#fff;font-size:25px;font-weight:700;line-height:1.2}
    .oc-hero p,
    .ocs-hero p{margin:0;color:rgba(255,255,255,.86);line-height:1.7;max-width:820px;font-size:14px}
    .oc-hero-meta,
    .ocs-meta{margin-top:10px;display:inline-flex;flex-wrap:wrap;gap:8px}
    .oc-hero-pill,
    .ocs-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;padding:8px 13px;font-size:12px;font-weight:600}
    .oc-hero-pill i,
    .ocs-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
    .oc-hero-actions,
    .ocs-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;min-width:0;max-width:100%}
    .oc-hero-action,
    .ocs-action,.ocs-action-form button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;padding:0;font-weight:600;text-decoration:none;box-shadow:none;text-align:left;min-height:auto;line-height:1}
    .oc-hero-action:hover,.oc-hero-action:focus,
    .ocs-action:hover,.ocs-action:focus,.ocs-action-form button:hover,.ocs-action-form button:focus{text-decoration:none;background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.30)}
    .oc-hero-action.primary,
    .ocs-action.primary{background:rgba(255,255,255,.14);color:#fff;border-color:rgba(255,255,255,.26)}
    .oc-hero-action.primary:hover,.oc-hero-action.primary:focus,
    .ocs-action.primary:hover,.ocs-action.primary:focus{background:rgba(255,255,255,.20);color:#fff;border-color:rgba(255,255,255,.30)}
    .oc-hero-action .icon,
    .ocs-action .icon,.ocs-action-form .icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;flex:0 0 auto;font-size:11px}
    .oc-hero-action .copy,
    .ocs-action .copy,.ocs-action-form .copy{display:none}
    .ocs-panel-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
    .ocs-panel-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #dbe3ea;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700;cursor:pointer}
    .ocs-panel-tab:hover,.ocs-panel-tab:focus{background:#f8fafc;color:#0f172a}
    .ocs-panel-tab.active{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
    .ocs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
    .ocs-body{padding:18px 20px}
    .ocs-flow-panel{display:none}
    .ocs-flow-panel.active{display:block}
    .ocs-key-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
    .ocs-stat{border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:14px}
    .ocs-stat span{display:block;color:#64748b;font-size:12px}
    .ocs-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:24px;line-height:1}
    .ocs-meta-grid{display:grid;grid-template-columns:180px 1fr;gap:8px 12px}
    .ocs-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;background:#f8fafc;text-align:center}
    .ocs-formgrid{display:grid;gap:10px}
    .ocs-minigrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    .ocs-template-list{margin:10px 0 0;padding-left:18px;color:#475569;line-height:1.7}
    .ocs-template-list strong{color:#0f172a}
    .ocs-table-wrap{overflow-x:auto}
    .ocs-table{width:100%;border-collapse:collapse;min-width:640px}
    .ocs-table th,.ocs-table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top;word-break:break-word}
    .ocs-table th{background:#f8fafc;color:#475569}
    .ocs-status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:11px;font-weight:800;border:1px solid #dbeafe;color:#1d4ed8;background:#eff6ff}
    .ocs-status.success{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}
    .ocs-status.warning{border-color:#fed7aa;color:#b45309;background:#fffbeb}
    .ocs-status.danger{border-color:#fecaca;color:#b91c1c;background:#fef2f2}
    .ocs-inline-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
    .ocs-compact-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
    .ocs-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:1px solid #dbe3ea;background:#fff;color:#334155;text-decoration:none;box-shadow:0 6px 14px rgba(15,23,42,.04)}
    .ocs-iconbtn:hover,.ocs-iconbtn:focus{text-decoration:none;background:#f8fafc;color:#0f172a;border-color:#b8c4d2}
    .ocs-iconbtn.success{color:#15803d;border-color:#bbf7d0;background:#f0fdf4}
    .ocs-iconbtn.success:hover,.ocs-iconbtn.success:focus{background:#dcfce7;color:#166534;border-color:#86efac}
    .ocs-iconbtn.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}
    .ocs-iconbtn.danger:hover,.ocs-iconbtn.danger:focus{background:#fee2e2;color:#991b1b;border-color:#fca5a5}
    .ocs-submit-inline{display:inline}
    @media (max-width:1100px){
        .oc-shell,.ocs-shell,.ocs-grid{grid-template-columns:1fr}
        .ocs-side{position:static}
        .ocs-key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    }
    @media (max-width:900px){
        .ocs-minigrid,.ocs-meta-grid{grid-template-columns:1fr}
    }
    @media (max-width:640px){
        .oc-hero,
        .ocs-hero{padding:18px 16px}
        .oc-hero-actions,
        .ocs-hero-actions{flex-direction:row;align-items:flex-start}
        .oc-hero-action,
        .ocs-action,.ocs-action-form,.ocs-action-form button{width:38px}
        .ocs-key-grid{grid-template-columns:1fr}
        .ocs-body{padding:14px}
    }


/* Dashboard executive.php */
.exec-shell{width:100%;min-width:0;max-width:100%;overflow-x:clip}
.exec-hero {
        background: linear-gradient(135deg, #1f2937, #111827);
        color: #fff;
        border-radius: 18px;
        padding: 24px 26px;
        margin-bottom: 20px;
        box-shadow: 0 12px 28px rgba(17, 24, 39, 0.18);
    }

    .exec-hero h3 {
        margin: 0 0 8px;
        font-weight: 700;
        color: #fff;
    }

    .exec-hero p {
        margin: 0;
        opacity: 0.88;
        font-size: 13px;
    }

    .exec-stat-grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -8px 10px;
    }

    .exec-stat-col {
        width: 25%;
        padding: 0 8px;
        margin-bottom: 16px;
    }

    .exec-stat-col.exec-stat-col-6 {
        width: 16.6666%;
    }

    .exec-card {
        background: #fff;
        border-radius: 16px;
        min-height: 150px;
        padding: 18px 18px 16px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
        border: 1px solid #eef2f7;
        position: relative;
        overflow: hidden;
        transition: all 0.2s ease;
    }

    .exec-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
    }

    .exec-card-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 14px;
    }

    .exec-card-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: #fff;
    }

    .exec-card-title {
        font-size: 13px;
        font-weight: 600;
        color: #6b7280;
        margin-bottom: 8px;
    }

    .exec-card-value {
        font-size: 32px;
        line-height: 1;
        font-weight: 800;
        color: #111827;
        margin-bottom: 8px;
    }

    .exec-card-sub {
        font-size: 12px;
        color: #9ca3af;
        min-height: 32px;
    }

    .exec-card-link {
        display: block;
        text-decoration: none !important;
    }

    .exec-blue .exec-card-icon { background: #2563eb; }
    .exec-red .exec-card-icon { background: #dc2626; }
    .exec-yellow .exec-card-icon { background: #d97706; }
    .exec-green .exec-card-icon { background: #059669; }
    .exec-dark .exec-card-icon { background: #111827; }
    .exec-purple .exec-card-icon { background: #7c3aed; }
    .exec-orange .exec-card-icon { background: #ea580c; }
    .exec-slate .exec-card-icon { background: #475569; }

    .exec-panel {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
        border: 1px solid #eef2f7;
        margin-bottom: 20px;
    }

    .exec-panel-head {
        padding: 16px 18px;
        border-bottom: 1px solid #eef2f7;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .exec-panel-head h4 {
        margin: 0;
        font-size: 16px;
        font-weight: 700;
        color: #111827;
    }

    .exec-panel-body {
        padding: 18px;
    }

    .exec-mini-note {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 999px;
        font-size: 12px;
        background: #f3f4f6;
        color: #4b5563;
    }

    .exec-score-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 64px;
        padding: 6px 12px;
        border-radius: 999px;
        font-weight: 700;
        color: #fff;
    }

    .score-good { background: #059669; }
    .score-medium { background: #d97706; }
    .score-bad { background: #dc2626; }

    .exec-action {
        border-left: 4px solid #f59e0b;
        background: #fff7ed;
        color: #92400e;
        padding: 10px 12px;
        border-radius: 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .exec-list-clean {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .exec-list-clean li {
        padding: 10px 0;
        border-bottom: 1px solid #f1f5f9;
    }

    .exec-list-clean li:last-child {
        border-bottom: 0;
    }

    .exec-hero{border-radius:8px;margin:0 0 18px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .exec-hero-copy{min-width:0}
    .exec-kicker{font-size:12px;font-weight:700;letter-spacing:0;color:rgba(255,255,255,.8);margin-bottom:7px}
    .exec-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
    .exec-hero-button{border:1px solid rgba(255,255,255,.45);border-radius:7px;color:#fff!important;background:rgba(255,255,255,.12);padding:9px 12px;font-size:12px;font-weight:700;text-decoration:none!important;white-space:nowrap}
    .exec-hero-button:hover,.exec-hero-button:focus{background:rgba(255,255,255,.22)}
    .exec-hero-button-light{background:#fff;color:#0f3c5c!important;border-color:#fff}
    .exec-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:18px;align-items:start}
    .exec-side{position:sticky;top:88px;background:#fff;border:1px solid #e5edf5;border-radius:8px;padding:10px;box-shadow:0 7px 20px rgba(15,23,42,.06)}
    .exec-side-title{padding:7px 9px 10px;font-size:12px;color:#64748b;font-weight:800;text-transform:uppercase}
    .exec-side a{display:flex;align-items:center;gap:9px;padding:10px 9px;color:#334155;border-radius:6px;font-size:13px;font-weight:700;text-decoration:none!important}
    .exec-side a:hover,.exec-side a.is-active{background:#eef7ff;color:#075985}
    .exec-side-note{border-top:1px solid #e5edf5;margin-top:8px;padding:11px 9px 3px;color:#64748b;font-size:12px;line-height:1.5}
    .exec-main{min-width:0}
    .exec-panel-head>div{min-width:0}.exec-panel-head span{color:#64748b;font-size:12px}
    .exec-filter-form{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.exec-filter-form select{height:32px;max-width:170px;border:1px solid #d7e0ea;border-radius:6px;padding:0 8px;background:#fff;color:#334155;font-size:12px}.exec-filter-form .btn{height:32px}
    .exec-stat-grid-primary{margin:0;padding:18px;gap:12px;flex-wrap:wrap}.exec-stat-grid-primary .exec-card{width:calc(33.333% - 8px);min-height:142px;margin:0}.exec-card-link{color:inherit!important}.exec-card-link:hover{color:inherit!important}
    .exec-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.exec-action{display:flex;gap:9px;align-items:flex-start;margin:0;border-radius:7px;border-left-width:3px}.exec-action i{margin-top:2px}
    .exec-table-wrap{overflow-x:auto}.exec-table{margin:0}.exec-table th{white-space:nowrap;font-size:12px;color:#475569}.exec-table td{vertical-align:middle}.exec-icon-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:#0f5f91;border:1px solid #b9d9ee;border-radius:6px;text-decoration:none!important}.exec-icon-link:hover{background:#eaf6fd}
    .exec-split-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:18px}.exec-text-link{font-size:12px;font-weight:700;color:#b91c1c;text-decoration:none!important;white-space:nowrap}.exec-days{display:inline-block;border-radius:999px;background:#e0f2fe;color:#075985;padding:3px 8px;font-size:12px;font-weight:700;white-space:nowrap}.exec-days.is-soon{background:#fef3c7;color:#92400e}.exec-days.is-urgent{background:#fee2e2;color:#b91c1c}
    .exec-incident-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.exec-incident-summary span{background:#f8fafc;border:1px solid #e5edf5;border-radius:6px;padding:7px 8px;font-size:12px;color:#64748b}.exec-incident-summary b{color:#0f172a}.exec-risk-list{list-style:none;padding:0;margin:0}.exec-risk-list li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #eef2f6;font-size:13px}.exec-risk-list li:first-child{border-top:0}.exec-risk-list small{display:block;color:#64748b;font-size:11px;margin-top:2px}.exec-risk-list b{align-self:center;color:#b91c1c}.exec-flow-footer{display:flex;justify-content:space-between;gap:10px;padding:3px 0 20px}.exec-flow-footer a{font-size:12px;color:#0f5f91;font-weight:700;text-decoration:none!important}
    .exec-severity{display:inline-block;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.exec-severity-critical{background:#fee2e2;color:#991b1b}.exec-severity-high{background:#ffedd5;color:#9a3412}.exec-severity-medium{background:#fef3c7;color:#92400e}.exec-severity-low{background:#dcfce7;color:#166534}
    .arh-actions{display:flex;gap:6px;white-space:nowrap}.arh-pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:14px;font-size:12px}.arh-pager a{color:#0f5f91;font-weight:700;text-decoration:none!important}.arh-pager span{color:#64748b}
    .arc-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;align-items:end}.arc-filter label{display:block;font-size:12px;color:#475569;margin-bottom:5px}.arc-filter select{width:100%;height:38px;border:1px solid #d7e0ea;border-radius:6px;padding:0 9px;background:#fff}.arc-filter .btn{height:38px;margin:0}.arc-version-band{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:14px;align-items:center;background:#fff;border:1px solid #dbe5ee;border-radius:8px;padding:16px;margin-bottom:18px}.arc-version-band>div{display:flex;flex-direction:column}.arc-version-band span,.arc-version-band small{color:#64748b;font-size:11px}.arc-version-band strong{font-size:13px;color:#0f172a;margin:3px 0}.arc-version-band>i{color:#94a3b8}.arc-version-band .arc-result{flex-direction:row;gap:6px;flex-wrap:wrap}.arc-result b,.arc-count{border-radius:999px;padding:5px 9px;font-size:11px}.arc-result .is-good,.arc-count.is-good{background:#dcfce7;color:#166534}.arc-result .is-bad,.arc-count.is-bad{background:#fee2e2;color:#991b1b}.arc-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}.arc-metric{background:#fff;border:1px solid #dbe5ee;border-left:4px solid #94a3b8;border-radius:8px;padding:14px}.arc-metric.is-improved{border-left-color:#16a34a}.arc-metric.is-regressed{border-left-color:#dc2626}.arc-metric>span{font-size:12px;color:#64748b;font-weight:700}.arc-metric>div{display:flex;align-items:center;gap:9px;margin:10px 0}.arc-metric small{font-size:16px;color:#64748b}.arc-metric strong{font-size:24px;color:#0f172a}.arc-metric i{color:#94a3b8}.arc-metric em{font-style:normal;font-size:11px;color:#64748b}.arc-metric.is-improved em{color:#15803d}.arc-metric.is-regressed em{color:#b91c1c}.arc-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.arc-list{list-style:none;padding:0;margin:0}.arc-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf2f7;font-size:12px}.arc-list li:last-child{border-bottom:0}.arc-list small{display:block;color:#64748b;margin-top:3px}.arc-list b{color:#b91c1c;text-transform:capitalize}.arc-list i{color:#16a34a;margin-top:3px}.arc-list .is-empty{color:#64748b}.arc-risk-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.arc-risk-columns h5{margin:0 0 8px;color:#334155;font-weight:800}
    .arc-approval-status{display:inline-block;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800}.arc-approval-status.is-approved{background:#dcfce7;color:#166534}.arc-approval-status.is-rejected{background:#fee2e2;color:#991b1b}.arc-approval-status.is-pending{background:#fef3c7;color:#92400e}.arc-approval-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.arc-approval-meta span{background:#f8fafc;border:1px solid #e5edf5;border-radius:6px;padding:10px;font-size:12px;color:#475569}.arc-approval-meta b{display:block;color:#0f172a;font-size:11px;margin-bottom:4px}.arc-approval-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end}.arc-approval-form label{display:block;color:#475569;font-size:12px;margin-bottom:5px}.arc-approval-form textarea{width:100%;border:1px solid #d7e0ea;border-radius:6px;padding:9px;resize:vertical}.arc-approval-actions{display:flex;gap:8px}.arc-decision-btn{height:38px;border-radius:6px;padding:0 13px;font-weight:800;font-size:12px}.arc-decision-btn.is-reject{background:#fff;color:#b91c1c;border:1px solid #b91c1c}.arc-decision-btn.is-approve{background:#b91c1c;color:#fff;border:1px solid #b91c1c}
    .arc-verification{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:7px;padding:11px 13px;margin-bottom:14px}.arc-verification span{display:flex;align-items:center;gap:8px;color:#166534}.arc-verification code{background:#fff;border:1px solid #86efac;border-radius:5px;padding:5px 7px;color:#14532d;font-weight:800}.arc-verification a{color:#166534;font-weight:800;white-space:nowrap}.arc-lock-note{display:flex;gap:10px;align-items:flex-start;background:#f8fafc;border:1px solid #dbe5ef;border-radius:7px;padding:12px;color:#475569}.arc-lock-note i{color:#166534;margin-top:2px}.arc-lock-note b{display:block;color:#0f172a;margin-bottom:2px}.arc-history{margin-top:18px;border-top:1px solid #e5edf5;padding-top:14px}.arc-history h5{margin:0 0 10px;color:#172033;font-weight:800}.arc-history-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #edf2f7}.arc-history-row:last-child{border-bottom:0}.arc-history-row>i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef2f7;color:#475569}.arc-history-row span b,.arc-history-row span small,.arc-history-row time small{display:block}.arc-history-row span small,.arc-history-row time{color:#64748b;font-size:11px}.arc-history-row time{text-align:right}
    @media (max-width:900px){.arc-filter,.arc-version-band,.arc-metric-grid,.arc-detail-grid,.arc-risk-columns,.arc-approval-meta,.arc-approval-form{grid-template-columns:1fr}.arc-version-band>i{transform:rotate(90deg);justify-self:center}.arc-filter .btn{width:100%}.arc-approval-actions{justify-content:flex-end}}

/* Public audit package verification */
.apv-page{margin:0;min-height:100vh;background:#f2f5f8;color:#172033;font-family:Arial,sans-serif}.apv-shell{width:min(860px,calc(100% - 28px));margin:0 auto;padding:34px 0}.apv-head{background:linear-gradient(115deg,#172033,#8f1721);color:#fff;border-radius:8px 8px 0 0;padding:30px}.apv-brand{display:inline-flex;align-items:center;gap:7px;font-weight:800;font-size:13px}.apv-head h1{margin:18px 0 7px;font-size:30px}.apv-head p{margin:0;max-width:650px;line-height:1.6;color:#e5e7eb}.apv-search{background:#fff;border:1px solid #dbe3ec;border-top:0;padding:22px}.apv-search label{display:block;font-size:12px;font-weight:800;color:#475569;margin-bottom:7px}.apv-search>div{display:flex;gap:8px}.apv-search input{flex:1;min-width:0;height:42px;border:1px solid #cbd5e1;border-radius:6px;padding:0 12px;text-transform:uppercase}.apv-search button{height:42px;border:1px solid #b91c1c;border-radius:6px;background:#b91c1c;color:#fff;font-weight:800;padding:0 20px}.apv-result{display:flex;gap:13px;align-items:flex-start;margin-top:16px;border-radius:8px;padding:18px}.apv-result>i{font-size:28px}.apv-result h2{font-size:17px;margin:0 0 5px}.apv-result p{margin:0;line-height:1.5}.apv-result.is-valid{background:#ecfdf5;border:1px solid #86efac;color:#166534}.apv-result.is-invalid{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.apv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dbe3ec;border:1px solid #dbe3ec;border-radius:8px;overflow:hidden;margin-top:16px}.apv-grid>div{background:#fff;padding:16px}.apv-grid span,.apv-grid small{display:block;color:#64748b;font-size:11px}.apv-grid strong{display:block;margin-top:5px;font-size:14px;overflow-wrap:anywhere}.apv-grid small{margin-top:4px}.apv-grid .is-ok{color:#15803d}.apv-grid .is-fail{color:#b91c1c}.apv-help{background:#fff;border:1px solid #dbe3ec;border-radius:8px;padding:18px;margin-top:16px;color:#64748b}.apv-shell footer{text-align:center;color:#64748b;font-size:11px;margin-top:18px}@media(max-width:640px){.apv-shell{width:min(100% - 18px,860px);padding:9px 0}.apv-head{padding:22px 18px}.apv-head h1{font-size:23px}.apv-search{padding:16px}.apv-search>div{display:grid}.apv-search button{width:100%}.apv-grid{grid-template-columns:1fr}.arc-verification{align-items:flex-start;flex-direction:column}.arc-history-row{grid-template-columns:28px minmax(0,1fr)}.arc-history-row time{grid-column:2;text-align:left}}

/* Role-aware user dashboard */
.udb-shell{--udb-accent:#b91c1c;--udb-accent-soft:#fef2f2;--udb-text:#172033;--udb-muted:#64748b;--udb-border:#dfe6ee;--udb-bg:#f5f7f9;color:var(--udb-text);padding:0 0 24px}.udb-accent-platform{--udb-accent:#b91c1c;--udb-accent-soft:#fff1f2}.udb-accent-manager{--udb-accent:#9f1239;--udb-accent-soft:#fff1f2}.udb-accent-expert{--udb-accent:#b91c1c;--udb-accent-soft:#fef2f2}.udb-accent-health{--udb-accent:#047857;--udb-accent-soft:#ecfdf5}.udb-accent-operations{--udb-accent:#0369a1;--udb-accent-soft:#f0f9ff}.udb-context{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 2px 16px;border-bottom:1px solid var(--udb-border)}.udb-context h1{font-size:25px;line-height:1.2;margin:0 0 6px;font-weight:800;color:var(--udb-text)}.udb-context p{font-size:13px;line-height:1.5;margin:0;color:var(--udb-muted)}.udb-scope{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:11px;color:#475569;font-size:11px}.udb-scope span{display:inline-flex;align-items:center;gap:6px}.udb-scope-name{font-weight:700;color:var(--udb-text)}.udb-context-actions{display:flex;align-items:center;gap:8px;padding-top:2px}.udb-icon-action,.udb-secondary-action{display:inline-flex;align-items:center;justify-content:center;height:38px;border:1px solid #d7e0e8;border-radius:7px;background:#fff;color:#334155;font-weight:700}.udb-icon-action{position:relative;width:38px}.udb-icon-action b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#dc2626;color:#fff;font-size:9px}.udb-secondary-action{gap:7px;padding:0 13px;font-size:11px}.udb-icon-action:hover,.udb-secondary-action:hover{border-color:var(--udb-accent);color:var(--udb-accent)}.udb-platform-band{display:grid;grid-template-columns:1.35fr repeat(4,minmax(0,1fr));border:1px solid #2b3442;background:#172033;border-radius:8px;overflow:hidden;margin:16px 0}.udb-platform-band>div,.udb-platform-band>a{min-width:0;padding:17px 18px;border-right:1px solid rgba(255,255,255,.12);color:#fff}.udb-platform-band>:last-child{border-right:0}.udb-platform-band span,.udb-platform-band small{display:block}.udb-platform-band span{font-size:10px;color:#cbd5e1}.udb-platform-band strong{display:block;font-size:23px;margin:5px 0}.udb-platform-band small{font-size:10px;color:#94a3b8}.udb-platform-title strong{font-size:15px}.udb-platform-band>a:hover{background:rgba(255,255,255,.06)}.udb-first-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(440px,1fr);gap:14px;margin-top:16px}.udb-priority-panel,.udb-work-panel,.udb-pulse-panel,.udb-tenant-panel,.udb-quick-panel{background:#fff;border:1px solid var(--udb-border);border-radius:8px}.udb-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px 13px;border-bottom:1px solid #e9eef3}.udb-section-head h2{font-size:15px;line-height:1.3;margin:0;color:var(--udb-text);font-weight:800}.udb-section-head p{font-size:11px;line-height:1.45;margin:4px 0 0;color:var(--udb-muted)}.udb-section-head>a{display:inline-flex;align-items:center;gap:6px;color:var(--udb-accent);font-size:11px;font-weight:800;white-space:nowrap;padding-top:2px}.udb-priority-list{padding:2px 18px 8px}.udb-priority-row{display:grid;grid-template-columns:27px 22px minmax(0,1fr) auto 14px;align-items:center;gap:9px;min-height:56px;border-bottom:1px solid #edf1f5;color:var(--udb-text)}.udb-priority-row:last-child{border-bottom:0}.udb-priority-row>.fa:not(:last-child){color:#64748b}.udb-rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:11px;font-weight:900}.udb-priority-row.is-danger .udb-rank{background:#dc2626;color:#fff}.udb-priority-row.is-warning .udb-rank{background:#f59e0b;color:#fff}.udb-priority-row.is-info .udb-rank{background:#0284c7;color:#fff}.udb-row-copy{min-width:0}.udb-row-copy strong,.udb-row-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udb-row-copy strong{color:var(--udb-text);font-size:12px}.udb-row-copy small{color:var(--udb-muted);font-size:10px;margin-top:3px}.udb-priority-row em{font-style:normal;font-size:10px;font-weight:800;color:#475569}.udb-priority-row.is-danger em{color:#dc2626}.udb-priority-row.is-warning em{color:#b45309}.udb-priority-row:hover .udb-row-copy strong{color:var(--udb-accent)}.udb-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.udb-metric{display:flex;flex-direction:column;justify-content:center;min-height:126px;padding:15px;border:1px solid var(--udb-border);border-radius:8px;background:#fff;color:var(--udb-text)}.udb-metric-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#475569;font-size:14px}.udb-metric>strong{font-size:25px;line-height:1;margin:12px 0 5px}.udb-metric>b{font-size:11px}.udb-metric>small{font-size:10px;color:var(--udb-muted);margin-top:5px}.udb-metric.is-danger .udb-metric-icon{background:#fef2f2;color:#dc2626}.udb-metric.is-warning .udb-metric-icon{background:#fffbeb;color:#d97706}.udb-metric.is-action .udb-metric-icon{background:#ecfdf5;color:#15803d}.udb-metric.is-info .udb-metric-icon{background:#eff6ff;color:#2563eb}.udb-metric.is-good .udb-metric-icon{background:#f0fdf4;color:#15803d}.udb-metric:hover{border-color:#aebdcc;box-shadow:0 8px 20px rgba(15,23,42,.06)}.udb-main-grid{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.35fr);gap:14px;margin-top:14px}.udb-task-list{padding:1px 18px 8px}.udb-task-row{display:grid;grid-template-columns:68px 10px minmax(0,1fr) auto 12px;align-items:center;gap:8px;min-height:58px;border-bottom:1px solid #edf1f5;color:var(--udb-text)}.udb-task-row:last-child{border-bottom:0}.udb-task-row time strong,.udb-task-row time small{display:block}.udb-task-row time strong{font-size:10px;color:#475569}.udb-task-row time small{font-size:9px;color:#94a3b8;margin-top:2px}.udb-task-line{position:relative;width:8px;height:100%}.udb-task-line::before{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:#dbe3eb}.udb-task-line::after{content:"";position:absolute;left:0;top:24px;width:7px;height:7px;border:2px solid #94a3b8;border-radius:50%;background:#fff}.udb-task-row.is-late .udb-task-line::after{border-color:#dc2626}.udb-task-row.is-today .udb-task-line::after{border-color:#f59e0b}.udb-task-row em{font-size:9px;font-style:normal;background:#f1f5f9;color:#475569;padding:4px 7px;border-radius:5px}.udb-task-row.is-late em{background:#fef2f2;color:#b91c1c}.udb-task-row:hover .udb-row-copy strong{color:var(--udb-accent)}.udb-pulse-head,.udb-pulse-row{display:grid;grid-template-columns:minmax(190px,1.6fr) 64px 70px 65px 70px 12px;gap:8px;align-items:center}.udb-pulse-head{padding:9px 18px;background:#f8fafc;color:#64748b;font-size:9px;font-weight:800;text-transform:uppercase}.udb-pulse-head span:first-child{grid-column:1}.udb-pulse-list{padding:0 18px 8px}.udb-pulse-row{min-height:59px;border-bottom:1px solid #edf1f5;color:#475569;font-size:11px}.udb-pulse-row:last-child{border-bottom:0}.udb-workplace-name strong,.udb-workplace-name small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udb-workplace-name strong{color:var(--udb-text);font-size:11px}.udb-workplace-name small{color:var(--udb-muted);font-size:9px;margin-top:3px}.udb-pulse-row .is-danger{color:#dc2626;font-weight:800}.udb-pulse-row .is-warning{color:#d97706;font-weight:800}.udb-score{display:inline-flex;align-items:center;gap:5px;font-weight:900}.udb-score i{width:6px;height:6px;border-radius:50%;background:currentColor}.udb-score.is-good{color:#15803d}.udb-score.is-warning{color:#d97706}.udb-score.is-danger{color:#dc2626}.udb-pulse-row:hover{background:#f8fafc}.udb-pulse-row:hover .udb-workplace-name strong{color:var(--udb-accent)}.udb-empty{display:flex;align-items:center;gap:12px;padding:24px 4px;color:#64748b}.udb-empty>i{font-size:25px;color:#94a3b8}.udb-empty strong,.udb-empty small{display:block}.udb-empty strong{color:#334155;font-size:12px}.udb-empty small{font-size:10px;margin-top:4px}.udb-tenant-panel,.udb-quick-panel{margin-top:14px}.udb-tenant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#edf1f5}.udb-tenant-list>a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;background:#fff;padding:13px 16px;color:var(--udb-text)}.udb-tenant-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#f1f5f9;color:#475569;font-weight:900}.udb-tenant-list strong,.udb-tenant-list small{display:block}.udb-tenant-list strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udb-tenant-list small{font-size:9px;color:var(--udb-muted);margin-top:3px}.udb-tenant-list em{font-size:9px;font-style:normal;color:#64748b}.udb-tenant-list em.is-active{color:#15803d}.udb-tenant-list>a:hover{background:#f8fafc}.udb-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#edf1f5}.udb-quick-grid>a{display:grid;grid-template-columns:35px minmax(0,1fr) 13px;align-items:center;gap:10px;min-height:70px;padding:12px 15px;background:#fff;color:var(--udb-text)}.udb-quick-grid>a>i:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--udb-accent-soft);color:var(--udb-accent);font-size:15px}.udb-quick-grid strong,.udb-quick-grid small{display:block}.udb-quick-grid strong{font-size:11px}.udb-quick-grid small{font-size:9px;color:var(--udb-muted);margin-top:3px}.udb-quick-grid>a>i:last-child{color:#94a3b8}.udb-quick-grid>a:hover{background:#f8fafc}.udb-quick-grid>a:hover strong,.udb-quick-grid>a:hover>i:last-child{color:var(--udb-accent)}
.udb-tenant-list,.udb-quick-grid{background:#fff}.udb-tenant-list>a,.udb-quick-grid>a{border-right:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
.udb-shell{font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}.udb-context h1,.udb-section-head h2,.udb-row-copy strong,.udb-workplace-name strong,.udb-quick-grid strong,.udb-tenant-list strong{letter-spacing:0}.udb-priority-panel,.udb-work-panel,.udb-pulse-panel,.udb-tenant-panel,.udb-quick-panel,.udb-metric{border-color:#d9e2eb;box-shadow:0 4px 14px rgba(15,23,42,.035)}.udb-platform-band{gap:8px;padding:8px;background:#111827;border-color:#111827}.udb-platform-band>div,.udb-platform-band>a{border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.045);padding:15px 16px}.udb-platform-band span{color:#cbd5e1!important}.udb-platform-band strong{color:#fff!important}.udb-platform-band small{color:#94a3b8!important}.udb-platform-band>a:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22)}.udb-section-head h2,.udb-row-copy strong,.udb-workplace-name strong,.udb-metric>strong,.udb-metric>b,.udb-quick-grid strong,.udb-tenant-list strong{color:#172033!important}.udb-section-head>a{color:#475569!important}.udb-section-head>a:hover{color:var(--udb-accent)!important}.udb-metric>strong{font-weight:850}.udb-metric>b{font-weight:750}.udb-priority-row,.udb-task-row,.udb-pulse-row{color:#475569!important}.udb-priority-row em{padding:4px 7px;border-radius:5px;background:#f8fafc}.udb-priority-row.is-danger em{background:#fef2f2;color:#b91c1c!important}.udb-priority-row.is-warning em{background:#fffbeb;color:#b45309!important}.udb-quick-grid>a{color:#334155!important}.udb-quick-grid>a>i:last-child{color:#94a3b8!important}.udb-quick-grid>a:hover strong,.udb-quick-grid>a:hover>i:last-child{color:var(--udb-accent)!important}.udb-tenant-list em.is-active{color:#15803d!important;font-weight:800}.udb-score.is-good{color:#15803d!important}.udb-score.is-warning{color:#b45309!important}.udb-score.is-danger{color:#b91c1c!important}
@media(max-width:1250px){.udb-first-row{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.udb-main-grid{grid-template-columns:1fr}.udb-platform-band{grid-template-columns:1.2fr repeat(2,minmax(0,1fr))}.udb-platform-band>:nth-child(3){border-right:0}.udb-platform-band>:nth-child(n+4){border-top:1px solid rgba(255,255,255,.12)}.udb-tenant-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.udb-context{padding-top:12px}.udb-first-row{grid-template-columns:1fr}.udb-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.udb-metric{min-height:112px}.udb-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.udb-context{display:block}.udb-context-actions{margin-top:14px}.udb-secondary-action{flex:1}.udb-platform-band{grid-template-columns:repeat(2,minmax(0,1fr))}.udb-platform-band>div{grid-column:1/-1}.udb-platform-band>:nth-child(2n+1){border-right:0}.udb-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.udb-priority-row{grid-template-columns:25px 18px minmax(0,1fr) 12px}.udb-priority-row em{grid-column:3}.udb-priority-row>.fa:last-child{grid-column:4;grid-row:1/3}.udb-pulse-panel{overflow:hidden}.udb-pulse-head{display:none}.udb-pulse-row{grid-template-columns:minmax(0,1fr) repeat(3,46px) 12px;gap:5px;padding:8px 0}.udb-pulse-row>span:nth-child(2){display:none}.udb-pulse-row>span:nth-child(3)::before{content:"Risk ";display:block;font-size:7px;color:#94a3b8}.udb-pulse-row>span:nth-child(4)::before{content:"DÖF ";display:block;font-size:7px;color:#94a3b8}.udb-pulse-row>span:nth-child(5)::before{content:"Puan ";display:block;font-size:7px;color:#94a3b8}.udb-tenant-list,.udb-quick-grid{grid-template-columns:1fr}.udb-section-head{padding:14px}.udb-section-head p{display:none}.udb-section-head>a{font-size:10px}.udb-task-list,.udb-pulse-list,.udb-priority-list{padding-left:14px;padding-right:14px}.udb-task-row{grid-template-columns:55px 9px minmax(0,1fr) 12px}.udb-task-row em{grid-column:3}.udb-task-row>.fa{grid-column:4;grid-row:1/3}}@media(max-width:420px){.udb-context h1{font-size:22px}.udb-scope-name{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.udb-metric{min-height:104px;padding:12px}.udb-metric>strong{font-size:22px}.udb-row-copy strong{font-size:11px}.udb-priority-row>.fa:not(:last-child){display:none}.udb-priority-row{grid-template-columns:25px minmax(0,1fr) 12px}.udb-priority-row em{grid-column:2}.udb-priority-row>.fa:last-child{grid-column:3}.udb-pulse-row{grid-template-columns:minmax(0,1fr) repeat(3,38px) 10px}.udb-workplace-name{max-width:145px}}

    @media (max-width:1100px){.exec-layout{grid-template-columns:1fr}.exec-side{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}.exec-side-title,.exec-side-note{display:none}.exec-side a{justify-content:center;text-align:center}.exec-stat-grid-primary{flex-wrap:wrap}.exec-stat-grid-primary .exec-card{width:calc(50% - 6px)}.exec-split-grid{grid-template-columns:1fr}}
    @media (max-width:767px){.exec-hero{display:block;padding:18px 16px}.exec-hero-actions{justify-content:flex-start;margin-top:14px}.exec-side{display:block}.exec-side a{justify-content:flex-start}.exec-panel-head{align-items:flex-start;gap:12px;flex-direction:column}.exec-filter-form{justify-content:flex-start}.exec-filter-form select{max-width:100%;flex:1 1 130px}.exec-stat-grid-primary{padding:14px}.exec-stat-grid-primary .exec-card{width:100%;min-height:125px}.exec-action-grid{grid-template-columns:1fr}.exec-flow-footer{padding-bottom:14px}}

    @media (max-width: 991px) {
        .exec-stat-col,
        .exec-stat-col.exec-stat-col-6 {
            width: 50%;
        }
    }

    @media (max-width: 767px) {
        .exec-stat-col,
        .exec-stat-col.exec-stat-col-6 {
            width: 100%;
        }
    }


/* Dashboard index.php */
.ops-shell {
    --ops-red: #b6121f;
    --ops-red-dark: #8f0f19;
    --ops-black: #151515;
    --ops-text: #2c2c2c;
    --ops-muted: #6f6f6f;
    --ops-border: #ececec;
    --ops-card: #ffffff;
    color: var(--ops-text);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    box-sizing: border-box;
}
.ops-grid-2,
.ops-grid-2-narrow,
.ops-kpis,
.ops-metas,
.ops-link-cards {
    display: grid;
    gap: 16px;
    width: 100%;
}
.ops-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 18px;
}
.ops-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: 18px;
}
.ops-grid-2-narrow {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
    margin-bottom: 18px;
}
.ops-card {
    background: var(--ops-card);
    border: 1px solid var(--ops-border);
    border-radius: 18px;
    padding: 18px;
    box-shadow: 0 14px 34px rgba(15,23,42,.05);
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.ops-card::after {
    content: "";
    position: absolute;
    inset: auto -40px -40px auto;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgba(182,18,31,.08) 0%, rgba(182,18,31,0) 72%);
    pointer-events: none;
}
.ops-card h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 17px;
    color: var(--ops-black);
    font-weight: 800;
    letter-spacing: -.01em;
}
.ops-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.ops-heading h3 {
    margin: 0;
}
.ops-tag {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f8e9eb;
    color: var(--ops-red-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.ops-card h3 + .ops-note {
    margin-top: 0;
    margin-bottom: 14px;
}
.ops-kpi {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #fff 0%, #fffafa 100%);
    border: 1px solid #ece7e8;
}
.ops-kpi-link {
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ops-kpi-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-2px);
    box-shadow: 0 18px 30px rgba(182,18,31,.08);
    border-color: #dfc2c6;
}
.ops-kpi .value {
    letter-spacing: -.03em;
}
.ops-kpi .note {
    max-width: 90%;
}
.ops-kpi:nth-child(1)::before { background: linear-gradient(90deg, #7f1d1d, #dc2626); }
.ops-kpi:nth-child(2)::before { background: linear-gradient(90deg, #92400e, #f59e0b); }
.ops-kpi:nth-child(3)::before { background: linear-gradient(90deg, #0f766e, #14b8a6); }
.ops-kpi:nth-child(4)::before { background: linear-gradient(90deg, #1d4ed8, #60a5fa); }
.ops-kpi::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ops-black), var(--ops-red));
}
.ops-kpi::after {
    content: "";
    position: absolute;
    right: -18px;
    top: -18px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(182,18,31,.12), rgba(182,18,31,0) 70%);
}
.ops-kpi .label,
.ops-meta .label,
.ops-compact-stat .label {
    color: var(--ops-muted);
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin-bottom: 8px;
    display: block;
}
.ops-kpi .value {
    font-size: 24px;
    font-weight: 800;
    color: var(--ops-black);
    line-height: 1;
    margin-bottom: 8px;
    position: relative;
    z-index: 1;
}
.ops-kpi .note,
.ops-kpi .label {
    position: relative;
    z-index: 1;
}
.ops-note,
.ops-kpi .note {
    color: var(--ops-muted);
    font-size: 12px;
    line-height: 1.55;
}
.ops-metas {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.ops-metas.tight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ops-link-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ops-meta,
.ops-compact-stat {
    background: linear-gradient(180deg, #fcfcfc 0%, #f7f7f7 100%);
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    padding: 14px;
    min-width: 0;
}
.ops-meta .value,
.ops-compact-stat .value {
    font-size: 16px;
    font-weight: 800;
    color: var(--ops-black);
    line-height: 1.25;
    word-break: break-word;
}
.ops-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    padding: 7px 12px;
    font-size: 12px;
    font-weight: 700;
}
.tone-danger { background: #fdeaec; color: #9f1220; }
.tone-warning { background: #fff3db; color: #9a5a00; }
.tone-success { background: #e5f6eb; color: #177245; }
.ops-stack {
    display: grid;
    gap: 12px;
}
.ops-inline-stat {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #ece7e8;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
}
.ops-inline-link {
    display: flex;
    text-decoration: none;
    color: inherit;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.ops-inline-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-1px);
    background: #fff6f7;
    border-color: #dfc2c6;
    box-shadow: 0 12px 22px rgba(182,18,31,.06);
}
.ops-inline-stat strong {
    color: var(--ops-black);
    text-align: right;
    max-width: 55%;
    word-break: break-word;
}
.ops-inline-stat .arrow {
    margin-left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    font-size: 11px;
}
.ops-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}
.ops-list-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid #ece7e8;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff 0%, #fcfcfc 100%);
}
.ops-list-item .meta {
    min-width: 0;
}
.ops-list-item .name {
    font-size: 14px;
    font-weight: 700;
    color: var(--ops-black);
}
.ops-list-item .sub {
    font-size: 12px;
    color: var(--ops-muted);
    margin-top: 4px;
}
.ops-list-item .value {
    white-space: nowrap;
    font-size: 14px;
    font-weight: 800;
    color: var(--ops-black);
}
.ops-pair-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}
.ops-soft-card {
    border: 1px solid #ece7e8;
    border-radius: 14px;
    padding: 14px;
    background: linear-gradient(180deg, #fff 0%, #fbfbfb 100%);
}
.ops-soft-card .label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ops-muted);
    margin-bottom: 8px;
}
.ops-soft-card .value {
    font-size: 22px;
    font-weight: 800;
    color: var(--ops-black);
}
.ops-link-card {
    display: block;
    text-decoration: none;
    color: inherit;
    background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
    border: 1px solid #ece7e8;
    border-radius: 16px;
    padding: 16px;
    min-width: 0;
    box-shadow: 0 10px 24px rgba(15,23,42,.04);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ops-link-card:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-2px);
    box-shadow: 0 16px 28px rgba(15,23,42,.08);
    border-color: #dfc2c6;
}
.ops-link-card .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}
.ops-link-card .eyebrow {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--ops-muted);
    font-weight: 700;
}
.ops-link-card .arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    font-size: 12px;
}
.ops-link-card .value {
    font-size: 20px;
    line-height: 1;
    font-weight: 800;
    color: var(--ops-black);
    margin-bottom: 8px;
}
.ops-link-card .title {
    font-size: 15px;
    font-weight: 700;
    color: var(--ops-black);
    margin-bottom: 6px;
}
.ops-link-card .sub {
    font-size: 13px;
    color: var(--ops-muted);
}
.ops-link-card.accent-red {
    border-top: 4px solid #b6121f;
}
.ops-link-card.accent-dark {
    border-top: 4px solid #151515;
}
.ops-link-card.accent-amber {
    border-top: 4px solid #d28a00;
}
.ops-link-card.accent-green {
    border-top: 4px solid #177245;
}
.ops-link-card.accent-slate {
    border-top: 4px solid #475569;
}
.ops-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ops-btn {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, #ffffff 0%, #fcfbfb 100%);
    border: 1px solid #ece7e8;
    color: var(--ops-black);
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 12px 24px rgba(15,23,42,.05);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
    position: relative;
    overflow: hidden;
}
.ops-btn:hover {
    color: var(--ops-black);
    text-decoration: none;
    background: #fffafb;
    border-color: #dfc2c6;
    transform: translateY(-2px);
    box-shadow: 0 18px 32px rgba(15,23,42,.08);
}
.ops-btn::after {
    content: "";
    position: absolute;
    right: -18px;
    top: -18px;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(182,18,31,.08), rgba(182,18,31,0) 72%);
    pointer-events: none;
}
.ops-btn .icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f8e9eb;
    color: var(--ops-red-dark);
    font-size: 16px;
    flex: 0 0 auto;
    box-shadow: inset 0 0 0 1px #f1d5d9;
}
.ops-btn .copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 4px;
    flex: 1 1 auto;
}
.ops-btn .eyebrow {
    color: var(--ops-muted);
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 800;
}
.ops-btn .title {
    color: var(--ops-black);
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
}
.ops-btn .sub {
    color: var(--ops-muted);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.35;
    max-width: none;
}
.ops-btn .foot {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-left: auto;
    flex: 0 0 auto;
}
.ops-btn .foot-label {
    color: var(--ops-muted);
    font-size: 10px;
    font-weight: 700;
}
.ops-btn .foot-icon {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    font-size: 11px;
}
.ops-btn.tone-risk .icon,
.ops-btn.tone-risk .foot-icon { background: #fff2f2; color: #b42318; box-shadow: inset 0 0 0 1px #f3d0d0; }
.ops-btn.tone-action .icon,
.ops-btn.tone-action .foot-icon { background: #fff6e8; color: #b76e00; box-shadow: inset 0 0 0 1px #efd8a5; }
.ops-btn.tone-people .icon,
.ops-btn.tone-people .foot-icon { background: #edf5ff; color: #1d4ed8; box-shadow: inset 0 0 0 1px #cfe0ff; }
.ops-btn.tone-scope .icon,
.ops-btn.tone-scope .foot-icon { background: #effaf6; color: #0f766e; box-shadow: inset 0 0 0 1px #ccefe6; }
.ops-btn.tone-admin .icon,
.ops-btn.tone-admin .foot-icon { background: #f3f4f6; color: #475569; box-shadow: inset 0 0 0 1px #dfe3e8; }
.ops-btn.tone-notify .icon,
.ops-btn.tone-notify .foot-icon { background: #fff4e8; color: #c2410c; box-shadow: inset 0 0 0 1px #fed7aa; }
.ops-btn.tone-risk::after { background: radial-gradient(circle, rgba(180,35,24,.10), rgba(180,35,24,0) 72%); }
.ops-btn.tone-action::after { background: radial-gradient(circle, rgba(183,110,0,.10), rgba(183,110,0,0) 72%); }
.ops-btn.tone-people::after { background: radial-gradient(circle, rgba(29,78,216,.10), rgba(29,78,216,0) 72%); }
.ops-btn.tone-scope::after { background: radial-gradient(circle, rgba(15,118,110,.10), rgba(15,118,110,0) 72%); }
.ops-btn.tone-admin::after { background: radial-gradient(circle, rgba(71,85,105,.10), rgba(71,85,105,0) 72%); }
.ops-btn.tone-notify::after { background: radial-gradient(circle, rgba(194,65,12,.10), rgba(194,65,12,0) 72%); }
.ops-scope-note {
    margin-top: 12px;
    color: var(--ops-muted);
    font-size: 12px;
    line-height: 1.5;
}
.ops-button-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}
.ops-quick-stack {
    display: grid;
    gap: 10px;
}
.ops-quick-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #eadfe2;
    background: linear-gradient(180deg, #ffffff 0%, #fcf8f8 100%);
    text-decoration: none;
    color: inherit;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.ops-quick-link:hover {
    text-decoration: none;
    color: inherit;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15,23,42,.06);
    border-color: #dcb9be;
}
.ops-quick-link .quick-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    flex: 0 0 auto;
}
.ops-quick-link .quick-copy {
    min-width: 0;
    flex: 1 1 auto;
}
.ops-quick-link .quick-title {
    display: block;
    color: var(--ops-black);
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 2px;
}
.ops-quick-link .quick-sub {
    display: block;
    color: var(--ops-muted);
    font-size: 11px;
    line-height: 1.4;
}
.ops-quick-link .quick-arrow {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    flex: 0 0 auto;
    font-size: 11px;
}
.ops-nav-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 48px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid #ead7d9;
    background: linear-gradient(180deg, #ffffff 0%, #fbf7f7 100%);
    color: var(--ops-red-dark);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 18px rgba(182,18,31,.05);
}
.ops-nav-btn:hover {
    text-decoration: none;
    color: var(--ops-red-dark);
    background: #fff3f4;
    border-color: #dcb9be;
}
.ops-nav-btn .nav-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}
.ops-nav-btn .nav-title {
    color: var(--ops-black);
    font-size: 13px;
    font-weight: 800;
}
.ops-nav-btn .nav-sub {
    color: var(--ops-muted);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
}
.ops-nav-btn .nav-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: #fff1f3;
    color: var(--ops-red-dark);
    box-shadow: inset 0 0 0 1px #f1d5d9;
    font-size: 12px;
    margin-left: 12px;
}
.ops-list {
    margin: 0;
    padding-left: 18px;
}
.ops-list li {
    margin-bottom: 8px;
}
.ops-table-wrap {
    overflow-x: auto;
    max-width: 100%;
}
.ops-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}
.ops-table th {
    text-align: left;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--ops-muted);
    background: #fafafa;
    padding: 12px 10px;
    border-bottom: 1px solid var(--ops-border);
}
.ops-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #f2f2f2;
    vertical-align: middle;
}
.ops-table tbody tr:hover {
    background: #fff9f9;
}
.ops-row-bar {
    position: relative;
}
.ops-row-bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 4px;
    border-radius: 999px;
    background: #d9d9d9;
}
.ops-row-critical::before {
    background: #b6121f;
}
.ops-row-warning::before {
    background: #d28a00;
}
.ops-row-ok::before {
    background: #177245;
}
.ops-table tbody td:first-child {
    padding-left: 16px;
}
.ops-mini-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border-radius: 8px;
    border: 1px solid #ead1d4;
    color: var(--ops-red-dark);
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}
.ops-mini-btn:hover {
    background: #fff6f7;
    text-decoration: none;
    color: var(--ops-red-dark);
}
.ops-pill {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    background: #f5f5f5;
    color: #555;
}
.ops-stat-accent {
    border-left: 4px solid var(--ops-red);
}
@media (max-width: 1100px) {
    .ops-kpis,
    .ops-grid-2,
    .ops-grid-2-narrow,
    .ops-metas,
    .ops-metas.tight,
    .ops-link-cards,
    .ops-actions,
    .ops-button-grid {
        grid-template-columns: 1fr;
    }
}


/* Dashboard preferences.php */
.widget-pref-card {
        display: flex;
        align-items: center;
        gap: 16px;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 14px 16px;
        margin-bottom: 12px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
    }

    .widget-pref-handle {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: #f3f4f6;
        color: #6b7280;
        cursor: grab;
        font-size: 16px;
    }

    .widget-pref-card.sortable-ghost {
        opacity: .45;
    }

    .widget-pref-main {
        flex: 1;
        min-width: 0;
    }

    .widget-pref-title {
        font-size: 15px;
        font-weight: 700;
        color: #111827;
        margin-bottom: 4px;
    }

    .widget-pref-key {
        font-size: 12px;
        color: #6b7280;
    }

    .widget-pref-actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .widget-pref-check {
        margin: 0;
        font-size: 13px;
        color: #374151;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .widget-width-select {
        min-width: 150px;
    }


/* Reports index */
.report-card {
        background: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 14px;
        padding: 14px 16px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
        min-height: 110px;
        position: relative;
        overflow: hidden;
        margin-bottom: 15px;
    }

    .report-card:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 4px;
        background: #c1121f;
    }

    .report-title {
        color: #666;
        font-size: 12px;
        font-weight: 700;
    }

    .report-value {
        font-size: 30px;
        font-weight: 800;
        color: #111;
        margin-top: 8px;
        line-height: 1.1;
    }

    .report-sub {
        color: #888;
        font-size: 12px;
        margin-top: 6px;
    }

    .chart-box {
        background: #fff;
        border: 1px solid #e7e7e7;
        border-radius: 14px;
        padding: 16px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
        margin-bottom: 15px;
        position: relative;
        min-height: 320px;
    }

    .chart-box h2 {
        margin-top: 0;
        font-size: 18px;
        font-weight: 800;
        margin-bottom: 15px;
    }

    .chart-wrap {
        position: relative;
        width: 100%;
        height: 240px;
    }

    .chart-wrap.chart-wrap-sm {
        height: 220px;
    }

    .chart-wrap.chart-wrap-lg {
        height: 280px;
    }

    .mini-table td,
    .mini-table th {
        vertical-align: middle !important;
    }

    .risk-badge {
        display: inline-block;
        padding: 4px 8px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
    }

    .risk-high {
        background: #f8d7da;
        color: #721c24;
    }

    .risk-vhigh {
        background: #b30000;
        color: #fff;
    }

    .audit-status-badge {
        display: inline-block;
        padding: 4px 8px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
    }

    .audit-status-open {
        background: #fff3cd;
        color: #856404;
    }

    .audit-status-completed {
        background: #e8f5e9;
        color: #2e7d32;
    }

    .audit-status-default {
        background: #f1f1f1;
        color: #666;
    }

    .reports-mb-15 { margin-bottom: 15px; }
    .reports-filter-field { margin-right: 15px; margin-bottom: 10px; }
    .reports-filter-submit { margin-top: 24px; margin-bottom: 10px; }
    .reports-mt-10 { margin-top: 10px; }
    .reports-text-danger { color: #c1121f; }
    .reports-average-value { font-size: 44px; font-weight: 800; color: #111; margin-top: 20px; }
    .reports-average-unit { font-size: 18px; color: #666; }
    .reports-average-note { margin-top: 12px; color: #666; }
    .reports-mb-0 { margin-bottom: 0; }
    .reports-w-80 { width: 80px; }
    .reports-w-100 { width: 100px; }
    .reports-w-110 { width: 110px; }
    .reports-w-120 { width: 120px; }
    .reports-w-130 { width: 130px; }
    .reports-w-140 { width: 140px; }


/* Periodic controls dashboard */
.right_col[role="main"] .pc-shell,
    .right_col[role="main"] .pc-side,
    .right_col[role="main"] .pc-pane,
    .right_col[role="main"] .pc-sidecard,
    .right_col[role="main"] .pc-card,
    .right_col[role="main"] .pc-hero { width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
    .pc-shell { display:grid; grid-template-columns:280px minmax(0,1fr); gap:20px; align-items:start; margin-bottom:24px; }
    .pc-side,.pc-pane { min-width:0; }
    .pc-sidecard,.pc-card { border-radius:8px; border:1px solid #e5e7eb; background:#fff; box-shadow:0 8px 24px rgba(15,23,42,.06); overflow:hidden; }
    .pc-sidehead,.pc-cardhead { padding:18px 20px 14px; border-bottom:1px solid #eef2f7; }
    .pc-sidehead h4,.pc-cardhead h4 { margin:0 0 4px; font-size:17px; font-weight:800; color:#0f172a; }
    .pc-sidehead p,.pc-cardhead p { margin:0; color:#64748b; font-size:13px; line-height:1.55; }
    .pc-nav { padding:10px; }
    .pc-navbtn { width:100%; border:0; background:transparent; border-radius:8px; text-align:left; padding:14px; display:flex; gap:12px; color:#334155; transition:.18s ease; min-width:0; }
    .pc-navbtn + .pc-navbtn { margin-top:6px; }
    .pc-navbtn i { width:18px; text-align:center; margin-top:2px; color:#2563eb; }
    .pc-navbtn > div { min-width:0; }
    .pc-navbtn strong { display:block; font-size:14px; color:#0f172a; }
    .pc-navbtn span { display:block; margin-top:3px; font-size:12px; color:#64748b; line-height:1.45; }
    .pc-navbtn.active { background:linear-gradient(135deg,#eff6ff 0%,#f8fafc 100%); border:1px solid #bfdbfe; }
    .pc-hero { border-radius:8px; padding:24px 26px; background:linear-gradient(145deg,#0f172a 0%,#1d4ed8 48%,#38bdf8 100%); color:#fff; box-shadow:0 20px 48px rgba(15,23,42,.18); margin-bottom:18px; overflow:hidden; }
    .pc-kicker { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.12); color:rgba(255,255,255,.9); font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:12px; }
    .pc-hero h3 { margin:0 0 8px; color:#fff; font-size:29px; font-weight:800; overflow-wrap:anywhere; }
    .pc-hero p { margin:0; max-width:760px; font-size:14px; line-height:1.7; color:rgba(255,255,255,.82); overflow-wrap:anywhere; }
    .pc-actions { margin-top:18px; display:flex; gap:10px; flex-wrap:wrap; }
    .pc-icon-btn { width:42px; height:42px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.18); color:#fff; }
    .pc-icon-btn:hover,.pc-icon-btn:focus { color:#fff; text-decoration:none; background:rgba(255,255,255,.22); }
    .pc-panel { display:none; }
    .pc-panel.active { display:block; }
    .pc-body { padding:20px; }
    .pc-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
    .pc-stat { border-radius:8px; padding:16px; border:1px solid #e5e7eb; background:linear-gradient(180deg,#f8fafc 0%,#fff 100%); min-width:0; }
    .pc-stat-link { display:block; text-decoration:none; transition:.18s ease; cursor:pointer; }
    .pc-stat-link:hover,.pc-stat-link:focus { text-decoration:none; transform:translateY(-1px); box-shadow:0 12px 28px rgba(15,23,42,.08); border-color:#bfdbfe; }
    .pc-stat span { display:block; font-size:12px; color:#64748b; }
    .pc-stat strong { display:block; margin-top:6px; font-size:28px; color:#0f172a; line-height:1; }
    .pc-stat small { display:block; margin-top:10px; color:#2563eb; font-size:11px; font-weight:700; letter-spacing:.01em; }
    .pc-meta { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }
    .pc-stack > * + * { margin-top:16px; }
    .pc-filterbar { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; align-items:end; }
    .pc-chip { display:inline-flex; align-items:center; padding:5px 10px; border-radius:999px; font-size:11px; font-weight:800; }
    .pc-chip.danger { background:#fee2e2; color:#991b1b; }
    .pc-chip.warning { background:#fef3c7; color:#92400e; }
    .pc-chip.success { background:#dcfce7; color:#166534; }
    .pc-inlinechips { display:flex; gap:6px; flex-wrap:wrap; }
    .pc-table-actions { display:inline-flex; gap:6px; align-items:center; }
    .pc-table-icon { width:30px; height:30px; border-radius:8px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #dbe2ea; background:#fff; color:#475569; }
    .pc-table-icon:hover,.pc-table-icon:focus { text-decoration:none; color:#0f172a; background:#f8fafc; }
    .pc-table-wrap { border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; background:#fff; }
    .pc-table-wrap .table { margin-bottom:0; }
    .pc-table-wrap thead th { background:#f8fafc; border-bottom:1px solid #e5e7eb; color:#334155; font-size:11px; font-weight:800; white-space:nowrap; padding:11px 12px; text-transform:uppercase; letter-spacing:.03em; }
    .pc-table-wrap tbody td { padding:11px 12px; vertical-align:middle; font-size:13px; color:#0f172a; }
    .pc-table-wrap tbody tr + tr td { border-top:1px solid #f1f5f9; }
    .pc-table-wrap tbody tr { transition:.16s ease; }
    .pc-table-wrap tbody tr:hover { background:#f8fbff; }
    .pc-table-text { display:flex; flex-direction:column; gap:2px; min-width:0; }
    .pc-table-text strong,.pc-table-text span { overflow-wrap:anywhere; }
    .pc-table-text strong { font-size:13px; font-weight:700; color:#0f172a; }
    .pc-table-text span { color:#64748b; font-size:11px; line-height:1.4; }
    .pc-table-text .pc-soft { font-weight:600; color:#334155; }
    .pc-statecell { display:flex; flex-direction:column; gap:4px; min-width:0; }
    .pc-statehint { color:#64748b; font-size:11px; line-height:1.4; }
    .pc-statepill { display:inline-flex; align-items:center; gap:8px; align-self:flex-start; padding:7px 10px; border-radius:999px; border:1px solid #e5e7eb; background:#fff; font-size:11px; font-weight:800; color:#0f172a; white-space:nowrap; }
    .pc-statepill::before { content:''; width:8px; height:8px; border-radius:999px; display:inline-block; background:#94a3b8; flex:0 0 auto; }
    .pc-statepill.danger { border-color:#fecaca; background:#fff7f7; color:#991b1b; }
    .pc-statepill.danger::before { background:#dc2626; }
    .pc-statepill.warning { border-color:#fed7aa; background:#fff7ed; color:#9a3412; }
    .pc-statepill.warning::before { background:#ea580c; }
    .pc-statepill.success { border-color:#bbf7d0; background:#f0fdf4; color:#166534; }
    .pc-statepill.success::before { background:#16a34a; }
    .pc-schedule { display:flex; flex-direction:column; gap:6px; min-width:0; }
    .pc-schedule-item { display:flex; align-items:center; gap:8px; min-width:0; }
    .pc-schedule-item i { width:14px; text-align:center; color:#64748b; flex:0 0 auto; }
    .pc-schedule-item span { font-size:11px; color:#64748b; }
    .pc-schedule-item strong { font-size:12px; color:#334155; font-weight:600; }
    .pc-table-toolbar { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:end; margin-bottom:16px; }
    .pc-table-toolbar .form-group { margin:0; }
    .pc-table-toolbar .form-control { min-height:42px; border-color:#dbe4ee; border-radius:8px; box-shadow:none; }
    .pc-table-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:16px; }
    .pc-table-pagination .pc-pageinfo { color:#64748b; font-size:12px; }
    .pc-pageactions { display:flex; gap:8px; flex-wrap:wrap; }
    .pc-pagebtn { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:8px; border:1px solid #dbe4ee; background:#fff; color:#0f172a; font-size:12px; font-weight:700; }
    .pc-pagebtn[disabled] { opacity:.45; cursor:not-allowed; }
    .pc-col-date { min-width:124px; }
    .pc-col-actions { width:110px; white-space:nowrap; }
    .pc-empty { border:1px dashed #cbd5e1; border-radius:8px; padding:26px 18px; text-align:center; color:#64748b; background:#f8fafc; }
    .pc-auditlist { display:grid; gap:12px; }
    .pc-audititem { border:1px solid #e2e8f0; border-radius:8px; padding:16px; background:linear-gradient(180deg,#fff 0%,#f8fafc 100%); }
    .pc-audititem h5 { margin:0 0 6px; font-size:15px; font-weight:800; color:#0f172a; }
    .pc-auditmeta { display:flex; gap:14px; flex-wrap:wrap; margin:0 0 10px; color:#64748b; font-size:12px; }
    .pc-auditmeta strong { color:#0f172a; }
    .pc-flash { display:flex; gap:12px; align-items:flex-start; border-radius:8px; padding:14px 16px; margin-bottom:16px; border:1px solid #e5e7eb; box-shadow:0 8px 18px rgba(15,23,42,.04); }
    .pc-flash i { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; border-radius:999px; font-size:13px; flex:0 0 auto; }
    .pc-flash strong { display:block; margin-bottom:4px; color:#0f172a; font-size:14px; font-weight:800; }
    .pc-flash p { margin:0; color:#475569; line-height:1.5; }
    .pc-flash.success { background:#f0fdf4; border-color:#bbf7d0; }
    .pc-flash.success i { background:#dcfce7; color:#166534; }
    .pc-flash.error { background:#fff1f2; border-color:#fecaca; }
    .pc-flash.error i { background:#fee2e2; color:#b91c1c; }
    .pc-filterbar .form-group { margin:0; }
    .pc-filterbar .form-control { border-color:#dbe4ee; border-radius:8px; box-shadow:none; min-height:42px; }
    .pc-quicklinks { display:flex; gap:8px; flex-wrap:wrap; margin-top:14px; }
    .pc-quicklink { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:8px; border:1px solid #dbe4ee; background:#fff; color:#334155; font-size:12px; font-weight:700; text-decoration:none; }
    .pc-quicklink:hover,.pc-quicklink:focus { color:#0f172a; border-color:#bfdbfe; background:#f8fbff; text-decoration:none; }
    .pc-quicklink i { color:#2563eb; }
    .pc-section-anchor { scroll-margin-top:22px; }
    @media (max-width: 1100px) { .pc-meta { grid-template-columns:1fr; } }
    @media (max-width: 991px) { .pc-shell { grid-template-columns:1fr; } .pc-summary { grid-template-columns:1fr 1fr; } .pc-filterbar { grid-template-columns:1fr; } }
    @media (max-width: 640px) { .pc-summary,.pc-table-toolbar { grid-template-columns:1fr; } .pc-actions { flex-direction:column; } .pc-icon-btn { width:100%; } .pc-pageactions { width:100%; } .pc-pagebtn { flex:1 1 0; justify-content:center; } }
.pc-dashboard-card-spaced{margin-bottom:18px}.pc-text-danger{color:#b91c1c!important}.pc-text-warning{color:#b45309!important}.pc-text-success{color:#15803d!important}.pc-summary-three{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-stat-compact{font-size:24px!important}.pc-mt-12{margin-top:12px}.pc-ready-note{display:block;margin-top:10px;color:#15803d!important;font-size:11px;font-weight:700}.pc-muted-copy{color:#64748b;line-height:1.7}.pc-count-control{display:flex;align-items:center}.pc-audititem-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}

/* Periodic controls detail PDF */
.pc-detail-pdf { font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #1f2937; }
.pc-detail-pdf .hero { border: 1px solid #dbeafe; border-radius: 16px; padding: 18px 20px; background: #eff6ff; margin-bottom: 16px; }
.pc-detail-pdf .hero h1 { margin: 0 0 6px; font-size: 22px; color: #0f172a; }
.pc-detail-pdf .hero p { margin: 0; color: #475569; line-height: 1.6; }
.pc-detail-pdf .chips { margin-top: 12px; }
.pc-detail-pdf .chip { display: inline-block; padding: 5px 10px; border-radius: 999px; font-size: 10px; font-weight: bold; margin-right: 6px; }
.pc-detail-pdf .chip-danger { background: #fee2e2; color: #991b1b; }
.pc-detail-pdf .chip-warning { background: #fef3c7; color: #92400e; }
.pc-detail-pdf .chip-success { background: #dcfce7; color: #166534; }
.pc-detail-pdf .summary { width: 100%; border-collapse: separate; border-spacing: 10px 0; margin: 0 0 16px; }
.pc-detail-pdf .summary td { width: 25%; border: 1px solid #e5e7eb; border-radius: 14px; padding: 12px; vertical-align: top; background: #f8fafc; }
.pc-detail-pdf .summary span { display: block; font-size: 10px; color: #64748b; }
.pc-detail-pdf .summary strong { display: block; margin-top: 6px; font-size: 19px; color: #0f172a; }
.pc-detail-pdf .section { margin-bottom: 16px; }
.pc-detail-pdf .section h2 { margin: 0 0 8px; font-size: 15px; color: #0f172a; }
.pc-detail-pdf .section p { margin: 0 0 10px; color: #475569; line-height: 1.6; }
.pc-detail-pdf table.data { width: 100%; border-collapse: collapse; }
.pc-detail-pdf table.data th, .pc-detail-pdf table.data td { border: 1px solid #dbe2ea; padding: 8px; text-align: left; vertical-align: top; }
.pc-detail-pdf table.data th { width: 180px; background: #f8fafc; color: #0f172a; }
.pc-detail-pdf .audit-box { border: 1px solid #e5e7eb; border-radius: 14px; padding: 12px; background: #f8fafc; }
.pc-detail-pdf .audit-box ul { margin: 8px 0 0 18px; padding: 0; }
.pc-detail-pdf .audit-box li { margin-bottom: 4px; }
.pc-detail-pdf .footer-note { margin-top: 18px; color: #64748b; font-size: 10px; }
/* End Periodic controls detail PDF */

/* Periodic controls dashboard PDF */
.pc-dashboard-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #0f172a; }
.pc-dashboard-pdf h1 { font-size: 24px; margin: 0 0 6px; }
.pc-dashboard-pdf h2 { font-size: 16px; margin: 0 0 8px; }
.pc-dashboard-pdf p { margin: 0 0 10px; color: #475569; }
.pc-dashboard-pdf .hero { border: 1px solid #cbd5e1; border-radius: 8px; padding: 18px 20px; background: #f8fafc; margin-bottom: 16px; }
.pc-dashboard-pdf .table, .pc-dashboard-pdf .list { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.pc-dashboard-pdf .table td, .pc-dashboard-pdf .table th, .pc-dashboard-pdf .list td, .pc-dashboard-pdf .list th { border: 1px solid #e2e8f0; padding: 8px; vertical-align: top; text-align: left; }
.pc-dashboard-pdf .table th, .pc-dashboard-pdf .list th { background: #f8fafc; }
.pc-dashboard-pdf .section { margin-bottom: 18px; }
.pc-dashboard-pdf .muted { color: #64748b; }
/* End Periodic controls dashboard PDF */

/* Periodic controls calendar PDF */
.pc-calendar-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; color: #0f172a; }
.pc-calendar-pdf h1 { font-size: 24px; margin: 0 0 6px; }
.pc-calendar-pdf h2 { font-size: 16px; margin: 0 0 8px; }
.pc-calendar-pdf p { margin: 0 0 10px; color: #475569; }
.pc-calendar-pdf .hero { border: 1px solid #cbd5e1; border-radius: 8px; padding: 18px 20px; background: #f8fafc; margin-bottom: 16px; }
.pc-calendar-pdf .table, .pc-calendar-pdf .list { width: 100%; border-collapse: collapse; margin-bottom: 16px; }
.pc-calendar-pdf .table td, .pc-calendar-pdf .table th, .pc-calendar-pdf .list td, .pc-calendar-pdf .list th { border: 1px solid #e2e8f0; padding: 8px; vertical-align: top; text-align: left; }
.pc-calendar-pdf .table th, .pc-calendar-pdf .list th { background: #f8fafc; }
.pc-calendar-pdf .muted { color: #64748b; }
/* End Periodic controls calendar PDF */


/* Subscriptions create */
.scf-shell{width:100%}
.scf-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.scf-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.scf-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.scf-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}
.scf-side,.scf-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.scf-side{padding:14px;position:sticky;top:20px;height:max-content}
.scf-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.scf-side button{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:11px 12px;color:#344054;font-size:13px;font-weight:700}
.scf-side button.active,.scf-side button:hover{background:#f8fafc;border-color:#dbeafe;color:#111827}
.scf-main-head{padding:16px;border-bottom:1px solid #eef2f7}
.scf-main-head h2{margin:0;color:#111827;font-size:17px;font-weight:700}
.scf-main-head p{margin:6px 0 0;color:#667085;font-size:13px}
.scf-body{padding:18px}
.scf-panel{display:none}
.scf-panel.active{display:block}
.scf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.scf-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.scf-field .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.scf-field textarea.form-control{min-height:110px;resize:vertical}
.scf-actions{padding:0 18px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.scf-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.scf-btn.primary{background:#111827;border-color:#111827;color:#fff}
.scf-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.scf-help{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#475467;font-size:13px;line-height:1.6}
.scf-check{display:flex;align-items:center;gap:10px;padding-top:28px}
.scf-plan-card{grid-column:1/-1;padding:14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}
.scf-plan-card h3{margin:0 0 6px;color:#111827;font-size:14px;font-weight:700}
.scf-plan-card p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.6}
.scf-plan-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.scf-plan-meta div{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.scf-plan-meta span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.scf-plan-meta strong{display:block;margin-top:6px;color:#111827;font-size:14px;font-weight:700}
.scf-plan-features{display:flex;gap:6px;flex-wrap:wrap}
.scf-plan-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}
.scf-plan-empty{color:#667085;font-size:12px}
@media(max-width:991px){.scf-flow{grid-template-columns:1fr}.scf-side{position:static}.scf-grid,.scf-plan-meta{grid-template-columns:1fr}}


/* Subscriptions edit */
.sef-shell{width:100%}
.sef-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.sef-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.sef-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.sef-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}
.sef-side,.sef-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.sef-side{padding:14px;position:sticky;top:20px;height:max-content}
.sef-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.sef-side button{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:11px 12px;color:#344054;font-size:13px;font-weight:700}
.sef-side button.active,.sef-side button:hover{background:#f8fafc;border-color:#dbeafe;color:#111827}
.sef-main-head{padding:16px;border-bottom:1px solid #eef2f7}
.sef-main-head h2{margin:0;color:#111827;font-size:17px;font-weight:700}
.sef-main-head p{margin:6px 0 0;color:#667085;font-size:13px}
.sef-body{padding:18px}
.sef-panel{display:none}
.sef-panel.active{display:block}
.sef-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sef-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.sef-field .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.sef-field textarea.form-control{min-height:110px;resize:vertical}
.sef-actions{padding:0 18px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sef-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.sef-btn.primary{background:#111827;border-color:#111827;color:#fff}
.sef-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.sef-check{display:flex;align-items:center;gap:10px;padding-top:28px}
.sef-plan-card{grid-column:1/-1;padding:14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}
.sef-plan-card h3{margin:0 0 6px;color:#111827;font-size:14px;font-weight:700}
.sef-plan-card p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.6}
.sef-plan-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.sef-plan-meta div{padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.sef-plan-meta span{display:block;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sef-plan-meta strong{display:block;margin-top:6px;color:#111827;font-size:14px;font-weight:700}
.sef-plan-features{display:flex;gap:6px;flex-wrap:wrap}
.sef-plan-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:700}
.sef-plan-empty{color:#667085;font-size:12px}
@media(max-width:991px){.sef-flow{grid-template-columns:1fr}.sef-side{position:static}.sef-grid,.sef-plan-meta{grid-template-columns:1fr}}


/* Subscriptions show */
.ssw-shell,.right_col[role="main"]>.ssw-shell{width:100%;min-width:0;max-width:100%}
.right_col[role="main"] .ssw-shell,
.right_col[role="main"] .ssw-shell *,
.right_col[role="main"] .ssw-hero,
.right_col[role="main"] .ssw-card,
.right_col[role="main"] .ssw-side{box-sizing:border-box;min-width:0;max-width:100%}
.ssw-shell{overflow-x:hidden}
.ssw-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.ssw-hero h3{margin:0 0 8px;color:#fff;font-size:28px;font-weight:700;line-height:1.2}
.ssw-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.ssw-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.ssw-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.ssw-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.ssw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.subscription-trial-convert-form{margin:0}.subscription-trial-convert-form .ssw-action{font:inherit;cursor:pointer}
.ssw-action{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important;font-weight:700}
.ssw-action:hover,.ssw-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}
.ssw-flow{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;align-items:start}
.ssw-side,.ssw-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.ssw-side{padding:14px;position:sticky;top:20px;height:max-content}
.ssw-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.ssw-side button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:8px;color:#344054;font-size:13px;font-weight:700;border:1px solid transparent;background:transparent}
.ssw-side button:hover,.ssw-side button.active{background:#f8fafc;color:#111827;border-color:#dbeafe}
.ssw-stack{display:grid;gap:16px;width:100%}
.ssw-panel{display:none}
.ssw-panel.active{display:block}
.ssw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ssw-stat{padding:16px}
.ssw-stat span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.ssw-stat strong{display:block;margin-top:8px;color:#111827;font-size:28px;line-height:1.1}
.ssw-stat p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.ssw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef2f7}
.ssw-card-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}
.ssw-card-head p{margin:4px 0 0;color:#667085;font-size:12px}
.ssw-card-body{padding:16px;overflow:hidden}
.ssw-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ssw-item{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}
.ssw-item span{display:block;color:#667085;font-size:12px;font-weight:700}
.ssw-item strong{display:block;margin-top:6px;color:#111827;font-size:14px;line-height:1.5;word-break:break-word}
.ssw-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
.ssw-chip.success{background:#ecfdf3;color:#027a48}
.ssw-chip.warn{background:#fff7ed;color:#c2410c}
.ssw-chip.danger{background:#fef2f2;color:#b91c1c}
.ssw-chip.info{background:#eff6ff;color:#1d4ed8}
.ssw-feature-wrap{display:flex;gap:6px;flex-wrap:wrap}
.ssw-table-wrap{width:100%;overflow-x:auto;overflow-y:hidden}
.ssw-table{width:100%;border-collapse:separate;border-spacing:0}
.ssw-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.ssw-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}
.ssw-table tr:hover td{background:#fbfdff}
.ssw-line strong{display:block;color:#111827;font-size:13px;font-weight:700}
.ssw-line span{display:block;margin-top:4px;color:#667085;font-size:12px}
.ssw-empty{padding:24px 16px;text-align:center;color:#667085}
.ssw-actions-col{display:flex;justify-content:flex-end;gap:8px}
.ssw-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.ssw-icon-btn:hover,.ssw-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
@media(max-width:1100px){.ssw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.ssw-flow{grid-template-columns:1fr}.ssw-side{position:static}}
@media(max-width:767px){.ssw-grid,.ssw-overview{grid-template-columns:1fr}.ssw-hero{padding:18px 16px}}

.subscription-label-reset{margin:0!important}.subscription-field-full{grid-column:1/-1}.subscription-mt-16{margin-top:16px}.subscription-action-heading{width:118px;text-align:right}.subscription-action-heading-sm{width:76px}.scf-plan-meta-two,.sef-plan-meta-two{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Risk basic PDF */
.risk-basic-pdf { font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #111; }
.risk-basic-pdf h1, .risk-basic-pdf h2, .risk-basic-pdf h3 { margin: 0 0 8px; }
.risk-basic-pdf .small { font-size: 10px; color: #555; }
.risk-basic-pdf .header { border-bottom: 2px solid #b30000; margin-bottom: 12px; padding-bottom: 8px; }
.risk-basic-pdf .brand { color: #b30000; font-weight: 700; letter-spacing: .2px; }
.risk-basic-pdf .meta-table, .risk-basic-pdf .item-table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
.risk-basic-pdf .meta-table td { border: 1px solid #ddd; padding: 7px 8px; vertical-align: top; }
.risk-basic-pdf .item-table th, .risk-basic-pdf .item-table td { border: 1px solid #ccc; padding: 6px; vertical-align: top; }
.risk-basic-pdf .item-table th { background: #f3f3f3; font-weight: bold; text-align: left; }
.risk-basic-pdf .level-low { background: #d4edda; }
.risk-basic-pdf .level-medium { background: #fff3cd; }
.risk-basic-pdf .level-high { background: #f8d7da; }
.risk-basic-pdf .level-very-high { background: #f4cccc; }
.risk-basic-pdf .wrap { word-wrap: break-word; overflow-wrap: break-word; }
.risk-basic-pdf tr { page-break-inside: avoid; }
.risk-basic-pdf .risk-pdf-page-header { border-bottom: 2px solid #b30000; padding-bottom: 6px; margin-bottom: 10px; }
.risk-basic-pdf .risk-pdf-page-title { font-size: 16px; font-weight: 700; }
.risk-basic-pdf .risk-pdf-page-footer { border-top: 1px solid #ddd; padding-top: 6px; font-size: 10px; color: #666; }
.risk-basic-pdf .risk-pdf-page-number { float: right; }
.risk-basic-pdf .risk-pdf-w-4 { width: 4%; }
.risk-basic-pdf .risk-pdf-w-6 { width: 6%; }
.risk-basic-pdf .risk-pdf-w-8 { width: 8%; }
.risk-basic-pdf .risk-pdf-w-12 { width: 12%; }
.risk-basic-pdf .risk-pdf-w-16 { width: 16%; }
.risk-basic-pdf .risk-pdf-w-20 { width: 20%; }
.risk-basic-pdf .risk-pdf-w-22 { width: 22%; }
.risk-basic-pdf .risk-pdf-w-34 { width: 34%; }
/* End Risk basic PDF */

/* Incidents shared utilities */
.incident-page-size { width: 110px; }
.incident-text-danger { color: #b91c1c !important; }
.incident-text-warning { color: #92400e !important; }
.incident-text-purple { color: #7c3aed !important; }
.incident-text-dark { color: #0f172a !important; }
.incident-text-success { color: #166534 !important; }
.incident-mt-10 { margin-top: 10px; }

/* Incidents analytics PDF */
.incident-analytics-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; }
.incident-analytics-pdf h1, .incident-analytics-pdf h2 { margin-bottom: 10px; }
.incident-analytics-pdf table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.incident-analytics-pdf th, .incident-analytics-pdf td { border: 1px solid #ccc; padding: 6px; text-align: left; }
.incident-analytics-pdf th { background: #f2f2f2; }
/* End Incidents analytics PDF */

/* Incidents statistics PDF */
.incident-stats-pdf { font-family: DejaVu Sans, sans-serif; font-size: 12px; }
.incident-stats-pdf h1, .incident-stats-pdf h2 { margin-bottom: 10px; }
.incident-stats-pdf table { width: 100%; border-collapse: collapse; margin-bottom: 18px; }
.incident-stats-pdf th, .incident-stats-pdf td { border: 1px solid #ccc; padding: 6px; text-align: left; }
.incident-stats-pdf th { background: #f2f2f2; }
.incident-stats-pdf .meta { margin-bottom: 15px; }
/* End Incidents statistics PDF */

/* Incidents detail PDF */
.incident-detail-pdf { font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #222; }
.incident-detail-pdf h1, .incident-detail-pdf h2, .incident-detail-pdf h3 { margin: 0 0 8px; }
.incident-detail-pdf .header { border-bottom: 2px solid #333; padding-bottom: 10px; margin-bottom: 16px; }
.incident-detail-pdf .title { font-size: 18px; font-weight: bold; }
.incident-detail-pdf .sub { font-size: 11px; color: #666; }
.incident-detail-pdf .section { margin-top: 14px; }
.incident-detail-pdf .section-title { font-size: 13px; font-weight: bold; background: #f1f1f1; padding: 6px 8px; border: 1px solid #ddd; margin-bottom: 8px; }
.incident-detail-pdf table.meta { width: 100%; border-collapse: collapse; }
.incident-detail-pdf table.meta th, .incident-detail-pdf table.meta td { border: 1px solid #ddd; padding: 6px 8px; vertical-align: top; }
.incident-detail-pdf table.meta th { width: 28%; text-align: left; background: #fafafa; }
.incident-detail-pdf .box { border: 1px solid #ddd; padding: 8px; min-height: 40px; }
.incident-detail-pdf .badge { display: inline-block; padding: 3px 8px; border: 1px solid #999; border-radius: 4px; font-size: 10px; }
.incident-detail-pdf ul { margin: 6px 0 0 18px; padding: 0; }
.incident-detail-pdf .footer-note { margin-top: 18px; font-size: 10px; color: #666; }
/* End Incidents detail PDF */


/* DOF report */
.dof-report-shell { color:#0f172a; }
    .dof-report-hero{
        background:linear-gradient(135deg,#0f172a 0%,#7f1d1d 52%,#dc2626 100%);
        border-radius:8px;
        padding:22px 24px;
        color:#fff;
        margin-bottom:18px;
        box-shadow:0 18px 40px rgba(15,23,42,.18);
    }
    .dof-report-kicker{font-size:12px;font-weight:700;color:rgba(255,255,255,.72);margin-bottom:8px;}
    .dof-report-hero h3{margin:0 0 8px;font-size:26px;font-weight:700;color:#fff;}
    .dof-report-hero p{margin:0;color:rgba(255,255,255,.84);max-width:840px;line-height:1.65;}
    .dof-report-meta,.dof-report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
    .dof-report-pill{
        display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;
        background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700;color:#fff;
    }
    .dof-report-action{
        display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;
        background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;text-decoration:none;font-size:13px;font-weight:700;
    }
    .dof-report-action:hover,.dof-report-action:focus{color:#fff;text-decoration:none;background:rgba(255,255,255,.18);}
    .dof-report-action.primary{background:#fff;color:#b91c1c;}
    .dof-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;}
    .dof-report-stat{
        position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);
        padding:14px 14px 14px 18px;
    }
    .dof-report-stat:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#dc2626;}
    .dof-report-stat span{display:block;color:#64748b;font-size:12px;font-weight:600;line-height:1.4;}
    .dof-report-stat strong{display:block;margin-top:6px;color:#0f172a;font-size:22px;line-height:1.1;font-weight:800;}
    .dof-report-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:16px;}
    .dof-report-top-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:16px;margin-bottom:16px;}
    .dof-report-card{
        border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden;
    }
    .dof-report-card-head{padding:15px 18px;border-bottom:1px solid #eef2f7;}
    .dof-report-card-head h4{margin:0;color:#0f172a;font-size:17px;font-weight:700;}
    .dof-report-card-head p{margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.55;}
    .dof-report-card-body{padding:18px;}
    .dof-report-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;}
    .dof-report-table th,.dof-report-table td{padding:11px 12px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:13px;line-height:1.5;}
    .dof-report-table tr:last-child th,.dof-report-table tr:last-child td{border-bottom:0;}
    .dof-report-table th{width:220px;background:#f8fafc;color:#475569;font-weight:700;white-space:nowrap;}
    .dof-report-note{
        border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:12px 14px;color:#334155;line-height:1.65;white-space:pre-wrap;
    }
    .dof-report-quality-list{display:grid;gap:10px;}
    .dof-report-quality-item{
        display:grid;gap:5px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px 14px;
    }
    .dof-report-quality-item strong{color:#0f172a;font-size:13px;}
    .dof-report-quality-item span{color:#475569;font-size:12px;line-height:1.5;}
    .dof-report-quality-ok{color:#15803d;font-weight:800;}
    .dof-report-quality-missing{color:#b91c1c;font-weight:800;}
    .dof-report-evidence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .dof-report-evidence{
        border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:13px 14px;display:grid;gap:6px;
    }
    .dof-report-evidence span{color:#64748b;font-size:12px;font-weight:700;}
    .dof-report-evidence strong{color:#0f172a;font-size:20px;font-weight:800;line-height:1.1;}
    .dof-report-evidence small{color:#64748b;font-size:11px;line-height:1.4;}
    .dof-report-print-note{margin-top:12px;color:#64748b;font-size:12px;line-height:1.5;}
    .dof-report-sign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
    .dof-report-sign-box{
        border:1px dashed #cbd5e1;border-radius:8px;min-height:86px;background:#fcfdff;padding:12px 14px;display:grid;align-content:space-between;
    }
    .dof-report-sign-box span{color:#64748b;font-size:12px;font-weight:700;}
    .dof-report-sign-box strong{color:#0f172a;font-size:13px;font-weight:700;}
    @media print {
        .dof-report-hero,.page-title,.clearfix{display:none!important;}
        .right_col{margin-left:0!important;}
    }
    @media (max-width: 1100px){
        .dof-report-grid,.dof-report-top-grid,.dof-report-layout,.dof-report-evidence-grid,.dof-report-sign-grid{grid-template-columns:1fr;}
    }
.dof-report-subsection{margin-top:16px}.dof-report-subhead{padding:0 0 10px;border:0}.dof-report-subtitle{font-size:15px!important}.dof-report-action[type=button]{cursor:pointer;font-family:inherit}

/* DOF PDF */
@page dofPdf { margin: 20mm 12mm 18mm 12mm; }
.dof-pdf { page: dofPdf; font-family: DejaVu Sans, sans-serif; font-size: 11px; color: #111; }
.dof-pdf h1, .dof-pdf h2, .dof-pdf h3, .dof-pdf h4 { margin: 0 0 8px; }
.dof-pdf .header { border-bottom: 2px solid #b30000; margin-bottom: 14px; padding-bottom: 10px; }
.dof-pdf .header .sub { font-size: 10px; color: #666; }
.dof-pdf table { width: 100%; border-collapse: collapse; margin-bottom: 14px; }
.dof-pdf th, .dof-pdf td { border: 1px solid #333; padding: 6px; vertical-align: top; }
.dof-pdf th { background: #f3f3f3; text-align: left; width: 28%; }
.dof-pdf .note-box { border: 1px solid #333; padding: 8px; margin-bottom: 14px; white-space: pre-wrap; }
.dof-pdf .section-title { margin-top: 16px; margin-bottom: 8px; font-size: 13px; font-weight: bold; color: #b30000; }
.dof-pdf .img { width: 240px; margin: 6px 8px 8px 0; border: 1px solid #999; }
.dof-pdf .img-wrap { display: inline-block; text-align: center; margin-right: 8px; margin-bottom: 10px; }
.dof-pdf .img-label { font-size: 10px; color: #555; margin-top: 4px; }
.dof-pdf .footer { position: fixed; bottom: -8mm; left: 0; right: 0; text-align: center; font-size: 10px; color: #444; border-top: 1px solid #ccc; padding-top: 4px; }
.dof-pdf .source-badge { display: inline-block; padding: 3px 8px; border: 1px solid #999; font-size: 10px; }
.dof-pdf .summary-box { border: 1px solid #333; padding: 8px; margin-bottom: 12px; line-height: 1.55; }
.dof-pdf .quality-table th { width: auto; }
.dof-pdf .sign-table td { height: 56px; }
.dof-pdf .ok { color: #15803d; font-weight: bold; }
.dof-pdf .missing { color: #b91c1c; font-weight: bold; }
/* End DOF PDF */


/* Users index */
.usrx-shell{width:100%}
.usrx-hero{background:linear-gradient(135deg,#111827 0%,#1d4ed8 52%,#06b6d4 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.usrx-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.usrx-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.usrx-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}
.usrx-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.usrx-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.usrx-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.usrx-ghost,.usrx-primary{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700}
.usrx-ghost,.usrx-primary{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.usrx-ghost:hover,.usrx-ghost:focus,.usrx-primary:hover,.usrx-primary:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}
.usrx-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.usrx-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.usrx-stat{padding:16px}
.usrx-stat span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.usrx-stat strong{display:block;margin-top:8px;color:#0f172a;font-size:28px;line-height:1.1}
.usrx-stat p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.usrx-toolbar{padding:16px;display:grid;grid-template-columns:minmax(240px,1.4fr) repeat(3,minmax(160px,.7fr));gap:12px;align-items:end}
.usrx-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.usrx-field .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}
.usrx-toolbar-actions{padding:0 16px 16px;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.usrx-tool-btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.usrx-tool-btn:hover,.usrx-tool-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.usrx-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef2f7}
.usrx-table-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}
.usrx-table-head p{margin:4px 0 0;color:#667085;font-size:12px}
.usrx-table-wrap{width:100%;overflow:auto}
.usrx-table{width:100%;border-collapse:separate;border-spacing:0}
.usrx-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.usrx-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:middle}
.usrx-table tr:hover td{background:#fbfdff}
.usrx-usercell strong{display:block;color:#101828;font-size:13px;font-weight:700}
.usrx-usercell span{display:block;margin-top:4px;color:#667085;font-size:12px}
.usrx-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
.usrx-chip.role{background:#eff6ff;color:#1d4ed8}
.usrx-chip.active{background:#ecfdf3;color:#027a48}
.usrx-chip.passive{background:#f2f4f7;color:#344054}
.usrx-chip.workplace{background:#f8f4ff;color:#6b21a8}
.usrx-actions{display:flex;justify-content:flex-end;gap:8px}
.usrx-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054}
.usrx-icon-btn:hover,.usrx-icon-btn:focus{text-decoration:none;background:#f8fafc;color:#111827}
.usrx-toggle-form{margin:0}
.usrx-toggle-btn{position:relative;display:inline-flex;align-items:center;width:46px;height:28px;padding:2px;border:none;border-radius:999px;background:#d0d5dd;cursor:pointer;transition:background .2s ease, box-shadow .2s ease;box-shadow:inset 0 0 0 1px rgba(15,23,42,.06)}
.usrx-toggle-btn::after{content:"";display:block;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 2px 6px rgba(15,23,42,.18);transform:translateX(0);transition:transform .2s ease}
.usrx-toggle-btn.is-active{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)}
.usrx-toggle-btn.is-active::after{transform:translateX(18px)}
.usrx-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(34,197,94,.16)}
.usrx-empty{padding:28px 18px;text-align:center;color:#667085}
.usrx-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}
.usrx-footer span{color:#667085;font-size:12px}
.usrx-pagination{display:flex;align-items:center;gap:8px}
.usrx-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.usrx-page-btn.is-active{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8}
.usrx-page-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){.usrx-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.usrx-toolbar{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.usrx-hero{padding:18px 16px}.usrx-summary,.usrx-toolbar{grid-template-columns:1fr}.usrx-toolbar-actions,.usrx-footer{flex-direction:column;align-items:flex-start}.usrx-actions{justify-content:flex-start}}


/* Users create */
.usrf-shell{width:100%}
.usrf-hero{background:linear-gradient(135deg,#111827 0%,#0f766e 52%,#14b8a6 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.usrf-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.usrf-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.usrf-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}
.usrf-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.usrf-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.usrf-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.usrf-ghost,.usrf-primary-hero{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700}
.usrf-ghost,.usrf-primary-hero{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.usrf-ghost:hover,.usrf-ghost:focus,.usrf-primary-hero:hover,.usrf-primary-hero:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}
.usrf-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.usrf-feedback i{margin-top:2px}
.usrf-inline-alert{display:none;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.usrf-inline-alert.is-visible{display:flex}
.usrf-inline-alert i{margin-top:2px}
.usrf-dirty{display:none;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fedf89;background:#fffaeb;color:#93370d}
.usrf-dirty.is-visible{display:flex}
.usrf-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.usrf-side{position:sticky;top:18px}
.usrf-sidecard,.usrf-maincard{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.usrf-sidehead{padding:16px 18px 12px;border-bottom:1px solid #eef2f7}
.usrf-sidehead h4{margin:0 0 4px;color:#0f172a;font-size:17px;font-weight:700}
.usrf-sidehead p{margin:0;color:#64748b;font-size:13px;line-height:1.6}
.usrf-nav{padding:14px;display:grid;gap:10px}
.usrf-navbtn{width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;text-align:left;padding:12px 13px}
.usrf-navbtn strong{display:block;font-size:13px;margin-bottom:4px}
.usrf-navbtn span{display:block;color:#64748b;font-size:12px;line-height:1.5}
.usrf-navbtn.is-active{border-color:#14b8a6;background:#f0fdfa;box-shadow:inset 0 0 0 1px rgba(20,184,166,.12)}
.usrf-pane{display:none}
.usrf-pane.is-active{display:block}
.usrf-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}
.usrf-card-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}
.usrf-card-head p{margin:4px 0 0;color:#667085;font-size:12px}
.usrf-card-body{padding:16px}
.usrf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.usrf-field.full{grid-column:1/-1}
.usrf-label{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#344054;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.usrf-required{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#fef3f2;color:#b42318;font-size:11px}
.usrf-help{margin-top:7px;color:#667085;font-size:12px;line-height:1.6}
.usrf-maincard .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}
.usrf-scope-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:12px}
.usrf-scope-search label,.usrf-scope-summary span{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.usrf-scope-summary strong{display:block;min-height:38px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:13px;line-height:1.3}
.usrf-scope-actions{display:flex;gap:8px;flex-wrap:wrap}
.usrf-scope-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:700}
.usrf-workplace-list{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}
.usrf-workplace-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd}
.usrf-workplace-item.is-selected{border-color:#14b8a6;background:#fff}
.usrf-workplace-item.is-hidden{display:none}
.usrf-workplace-meta strong{display:block;color:#101828;font-size:13px;font-weight:700}
.usrf-workplace-meta span{display:block;color:#667085;font-size:12px;margin-top:4px}
.usrf-hidden{display:none!important}
.usrf-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}
.usrf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700}
.usrf-btn.primary{border-color:#16a34a;background:#16a34a;color:#fff}
@media(max-width:1099px){.usrf-layout{grid-template-columns:1fr}.usrf-side{position:static}.usrf-grid,.usrf-scope-toolbar{grid-template-columns:1fr}}
@media(max-width:767px){.usrf-hero{padding:18px 16px}.usrf-actions{justify-content:flex-start}}


/* Users edit */
.usre-shell{width:100%}
.usre-hero{background:linear-gradient(135deg,#111827 0%,#1d4ed8 52%,#06b6d4 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.usre-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.usre-hero p{margin:0;max-width:760px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.usre-hero-meta{margin-top:10px;display:inline-flex;gap:8px;flex-wrap:wrap}
.usre-hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.usre-hero-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.usre-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.usre-ghost{display:inline-flex;align-items:center;gap:8px;line-height:1;border-radius:999px;padding:9px 16px;font-weight:700;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important}
.usre-ghost:hover,.usre-ghost:focus{background:rgba(255,255,255,.18);color:#fff!important;text-decoration:none}
.usre-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.usre-feedback i{margin-top:2px}
.usre-inline-alert{display:none;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.usre-inline-alert.is-visible{display:flex}
.usre-inline-alert i{margin-top:2px}
.usre-dirty{display:none;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:16px;border-radius:8px;border:1px solid #fedf89;background:#fffaeb;color:#93370d}
.usre-dirty.is-visible{display:flex}
.usre-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.usre-side{position:sticky;top:18px}
.usre-sidecard,.usre-maincard{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.usre-sidehead{padding:16px 18px 12px;border-bottom:1px solid #eef2f7}
.usre-sidehead h4{margin:0 0 4px;color:#0f172a;font-size:17px;font-weight:700}
.usre-sidehead p{margin:0;color:#64748b;font-size:13px;line-height:1.6}
.usre-nav{padding:14px;display:grid;gap:10px}
.usre-navbtn{width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;text-align:left;padding:12px 13px}
.usre-navbtn strong{display:block;font-size:13px;margin-bottom:4px}
.usre-navbtn span{display:block;color:#64748b;font-size:12px;line-height:1.5}
.usre-navbtn.is-active{border-color:#1d4ed8;background:#eff6ff;box-shadow:inset 0 0 0 1px rgba(29,78,216,.12)}
.usre-pane{display:none}
.usre-pane.is-active{display:block}
.usre-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}
.usre-card-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}
.usre-card-head p{margin:4px 0 0;color:#667085;font-size:12px}
.usre-card-body{padding:16px}
.usre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.usre-field.full{grid-column:1/-1}
.usre-label{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:#344054;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.usre-required{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#fef3f2;color:#b42318;font-size:11px}
.usre-help{margin-top:7px;color:#667085;font-size:12px;line-height:1.6}
.usre-maincard .form-control{border-radius:8px;min-height:38px;border-color:#d0d5dd;box-shadow:none}
.usre-scope-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end;margin-bottom:12px}
.usre-scope-search label,.usre-scope-summary span{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.usre-scope-summary strong{display:block;min-height:38px;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:13px;line-height:1.3}
.usre-scope-actions{display:flex;gap:8px;flex-wrap:wrap}
.usre-scope-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:700}
.usre-workplace-list{display:grid;gap:10px;max-height:280px;overflow:auto;padding-right:4px}
.usre-workplace-item{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd}
.usre-workplace-item.is-selected{border-color:#1d4ed8;background:#fff}
.usre-workplace-item.is-hidden{display:none}
.usre-workplace-meta strong{display:block;color:#101828;font-size:13px;font-weight:700}
.usre-workplace-meta span{display:block;color:#667085;font-size:12px;margin-top:4px}
.usre-hidden{display:none!important}
.usre-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:6px}
.usre-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-weight:700}
.usre-btn.primary{border-color:#16a34a;background:#16a34a;color:#fff}
@media(max-width:1099px){.usre-layout{grid-template-columns:1fr}.usre-side{position:static}.usre-grid,.usre-scope-toolbar{grid-template-columns:1fr}}
@media(max-width:767px){.usre-hero{padding:18px 16px}.usre-actions{justify-content:flex-start}}

.users-action-heading{width:76px;text-align:right}.users-action-row{display:flex;align-items:center;gap:10px}.users-modal-kicker{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.users-scope-summary{margin-bottom:12px;color:#475467;font-weight:600}.users-scope-list{display:grid;gap:8px}.users-scope-item{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#f8fafc;color:#0f172a;font-weight:600}.users-scope-item.is-primary{background:#ecfdf3}.users-readonly-control{display:flex;align-items:center;min-height:42px;background:#f8fafc;font-weight:700}


/* Tenants create */
.tcf-shell{width:100%}
.tcf-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.tcf-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.tcf-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.tcf-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}
.tcf-side,.tcf-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.tcf-side{padding:14px;position:sticky;top:20px;height:max-content}
.tcf-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tcf-side button{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:11px 12px;color:#344054;font-size:13px;font-weight:700}
.tcf-side button.active,.tcf-side button:hover{background:#f8fafc;border-color:#dbeafe;color:#111827}
.tcf-main-head{padding:16px;border-bottom:1px solid #eef2f7}
.tcf-main-head h2{margin:0;color:#111827;font-size:17px;font-weight:700}
.tcf-main-head p{margin:6px 0 0;color:#667085;font-size:13px}
.tcf-body{padding:18px}
.tcf-panel{display:none}
.tcf-panel.active{display:block}
.tcf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tcf-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.tcf-field .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.tcf-actions{padding:0 18px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tcf-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.tcf-btn.primary{background:#111827;border-color:#111827;color:#fff}
.tcf-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.tcf-help{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#475467;font-size:13px;line-height:1.6}
@media(max-width:991px){.tcf-flow{grid-template-columns:1fr}.tcf-side{position:static}.tcf-grid{grid-template-columns:1fr}}


/* Tenants edit */
.tef-shell{width:100%}
.tef-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.tef-hero h3{margin:0 0 8px;color:#fff;font-size:26px;font-weight:700;line-height:1.2}
.tef-hero p{margin:0;max-width:780px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.tef-flow{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}
.tef-side,.tef-main{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.tef-side{padding:14px;position:sticky;top:20px;height:max-content}
.tef-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tef-side button{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left;padding:11px 12px;color:#344054;font-size:13px;font-weight:700}
.tef-side button.active,.tef-side button:hover{background:#f8fafc;border-color:#dbeafe;color:#111827}
.tef-main-head{padding:16px;border-bottom:1px solid #eef2f7}
.tef-main-head h2{margin:0;color:#111827;font-size:17px;font-weight:700}
.tef-main-head p{margin:6px 0 0;color:#667085;font-size:13px}
.tef-body{padding:18px}
.tef-panel{display:none}
.tef-panel.active{display:block}
.tef-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tef-field label{display:block;margin-bottom:6px;color:#475467;font-size:12px;font-weight:700}
.tef-field .form-control{border-radius:8px;min-height:40px;border-color:#d0d5dd;box-shadow:none}
.tef-actions{padding:0 18px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tef-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:#344054;font-size:12px;font-weight:700}
.tef-btn.primary{background:#111827;border-color:#111827;color:#fff}
.tef-alert{margin-bottom:16px;padding:12px 14px;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b}
.tef-help{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc;color:#475467;font-size:13px;line-height:1.6}
@media(max-width:991px){.tef-flow{grid-template-columns:1fr}.tef-side{position:static}.tef-grid{grid-template-columns:1fr}}


/* Tenants show */
.right_col[role="main"] .tsw-shell,
.right_col[role="main"] .tsw-shell *,
.right_col[role="main"] .tsw-hero,
.right_col[role="main"] .tsw-card,
.right_col[role="main"] .tsw-side {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}
.right_col[role="main"] > .tsw-shell {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}
.tsw-shell{width:100%;min-width:0;max-width:100%;overflow-x:hidden}
.tsw-hero{background:linear-gradient(135deg,#111827 0%,#7c2d12 48%,#ea580c 100%);color:#fff;border-radius:8px;padding:22px 24px;margin-bottom:18px;box-shadow:0 18px 40px rgba(15,23,42,.18)}
.tsw-hero-top{display:block;min-width:0}
.tsw-hero h3{margin:0 0 8px;color:#fff;font-size:28px;font-weight:700;line-height:1.2}
.tsw-hero p{margin:0;max-width:820px;color:rgba(255,255,255,.88);font-size:14px;line-height:1.6}
.tsw-hero-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}
.tsw-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:700}
.tsw-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:rgba(255,255,255,.18);font-size:11px}
.tsw-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.tsw-action{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff!important;font-weight:700}
.tsw-action:hover,.tsw-action:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff!important}
.tsw-flow{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;min-width:0;max-width:100%;align-items:start}
.tsw-side,.tsw-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.tsw-side{padding:14px;position:sticky;top:20px;height:max-content;min-width:0;max-width:100%}
.tsw-side h4{margin:0 0 10px;color:#111827;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.tsw-side button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:8px;color:#344054;font-size:13px;font-weight:700;text-decoration:none;border:1px solid transparent;background:transparent}
.tsw-side button:hover,.tsw-side button.active{background:#f8fafc;color:#111827;border-color:#dbeafe}
.tsw-stack{display:grid;gap:16px;min-width:0;max-width:100%;width:100%}
.tsw-panel{display:none;min-width:0;max-width:100%}
.tsw-panel.active{display:block}
.tsw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;min-width:0;max-width:100%;width:100%}
.tsw-stat{padding:16px}
.tsw-stat span{display:block;color:#667085;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.tsw-stat strong{display:block;margin-top:8px;color:#111827;font-size:28px;line-height:1.1}
.tsw-stat p{margin:8px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.tsw-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid #eef2f7;min-width:0}
.tsw-card-head h2{margin:0;color:#111827;font-size:16px;font-weight:700}
.tsw-card-head p{margin:4px 0 0;color:#667085;font-size:12px}
.tsw-card-body{padding:16px;min-width:0;max-width:100%;overflow:hidden}
.tsw-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;max-width:100%}
.tsw-item{padding:12px 14px;border-radius:8px;border:1px solid #e5e7eb;background:#f8fafc}
.tsw-item span{display:block;color:#667085;font-size:12px;font-weight:700}
.tsw-item strong{display:block;margin-top:6px;color:#111827;font-size:14px;line-height:1.5;word-break:break-word}
.tsw-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700}
.tsw-chip.success{background:#ecfdf3;color:#027a48}
.tsw-chip.danger{background:#fef2f2;color:#b91c1c}
.tsw-chip.warn{background:#fff7ed;color:#c2410c}
.tsw-chip.info{background:#eff6ff;color:#1d4ed8}
.tsw-table-wrap{width:100%;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}
.tsw-table{width:100%;border-collapse:separate;border-spacing:0}
.tsw-table th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}
.tsw-table td{padding:13px 14px;border-bottom:1px solid #eef2f7;vertical-align:top}
.tsw-table tr:last-child td{border-bottom:0}
.tsw-table tr:hover td{background:#fbfdff}
.tsw-line strong{display:block;color:#111827;font-size:13px;font-weight:700}
.tsw-line span{display:block;margin-top:4px;color:#667085;font-size:12px}
.tsw-empty{padding:24px 16px;text-align:center;color:#667085}
@media(max-width:1100px){.tsw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:991px){.tsw-flow{grid-template-columns:1fr}.tsw-side{position:static}}
@media(max-width:767px){.tsw-grid,.tsw-overview{grid-template-columns:1fr}.tsw-hero{padding:18px 16px}}

.tenant-mt-16{margin-top:16px}.tenant-mb-12{margin-bottom:12px}.tenant-action-heading{width:160px;text-align:right}


/* Roles shared */
.roles-inline-actions{display:flex;gap:8px;flex-wrap:wrap}.roles-action-heading{width:112px;text-align:right}.roles-modal-kicker{font-size:12px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.roles-quick-meta{margin-bottom:12px;color:#475467;font-weight:600}.roles-quick-list{display:grid;gap:8px;max-height:320px;overflow:auto}.roles-quick-empty{color:#667085}.roles-quick-item{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#f8fafc;color:#0f172a;font-weight:600}

/* Scores shared */
.scores-trend-stable { color: #6b7280; }
.scores-trend-up, .scores-value-high, .scores-status-good { color: #15803d; }
.scores-trend-down, .scores-value-low, .scores-status-low { color: #b91c1c; }
.scores-value-medium, .scores-status-medium { color: #d97706; }
.scores-inline-form { display: inline; }
.scores-alert { margin-bottom: 12px; }
.scores-center { text-align: center; }
.scores-total { font-size: 52px; font-weight: 800; }
.scores-caption { font-size: 14px; color: #6b7280; }
.scores-status { font-weight: 700; }
.scores-help { margin-top: 12px; }


/* Employee trainings shared */
.employee-training-alert{margin-bottom:14px}.employee-training-mt-8{margin-top:8px}

/* Contacts shared */
.contacts-check-label { display: flex; align-items: center; gap: 8px; }
.contacts-check-input { margin: 0; }

/* Service planning PDF */
@page{margin:16mm 12mm 17mm}
.service-planning-pdf{font-family:DejaVu Sans,sans-serif;font-size:9.2px;color:#172033;line-height:1.45;margin:0;padding:0 0 10mm}
.service-planning-pdf *{box-sizing:border-box}
.service-planning-pdf h1,.service-planning-pdf h2,.service-planning-pdf h3{margin:0}
.service-planning-pdf .report-header{border-top:4px solid #c51f2a;border-bottom:1px solid #cfd6df;margin-bottom:10px;padding:11px 0 10px;width:100%}
.service-planning-pdf .report-header:after{clear:both;content:"";display:block}
.service-planning-pdf .report-brand{float:left;width:64%}
.service-planning-pdf .brand-mark{background:#c51f2a;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-right:9px;padding:7px 8px;vertical-align:top}
.service-planning-pdf .report-brand>div{display:inline-block;max-width:78%;vertical-align:top}
.service-planning-pdf .report-brand h1{color:#111827;font-size:17px;line-height:1.2;margin:1px 0 3px}
.service-planning-pdf .report-brand p{color:#687386;font-size:9px;margin:0}
.service-planning-pdf .document-meta{float:right;margin:0;width:33%}
.service-planning-pdf .document-meta th,.service-planning-pdf .document-meta td{background:#fff;border:0;border-bottom:1px solid #e4e8ee;font-size:8px;padding:3px 4px}
.service-planning-pdf .document-meta th{color:#697586;font-weight:700;text-transform:uppercase;width:38%}
.service-planning-pdf .document-meta td{color:#172033;font-weight:700}
.service-planning-pdf table{border-collapse:collapse;margin-bottom:11px;width:100%}
.service-planning-pdf th,.service-planning-pdf td{border:1px solid #d7dde5;padding:6px 7px;vertical-align:top}
.service-planning-pdf th{background:#f2f4f7;color:#344054;font-size:8.2px;font-weight:700;text-align:left}
.service-planning-pdf tr{page-break-inside:avoid}
.service-planning-pdf .report-context{margin-bottom:12px}
.service-planning-pdf .report-context th{width:14%}
.service-planning-pdf .report-context td{width:36%}
.service-planning-pdf .grid{margin:0 0 13px;page-break-inside:avoid}
.service-planning-pdf .grid td{background:#f8fafc;border-top:3px solid #c51f2a;padding:9px 10px;width:25%}
.service-planning-pdf .grid .muted{color:#697586;display:block;font-size:7.8px;font-weight:700;margin-bottom:3px;text-transform:uppercase}
.service-planning-pdf .grid strong{color:#101828;display:block;font-size:14px;line-height:1.2}
.service-planning-pdf .section{margin-top:13px;page-break-inside:avoid}
.service-planning-pdf .section h3{border-bottom:1px solid #cfd6df;color:#172033;font-size:11.5px;margin:0 0 7px;padding:0 0 5px;page-break-after:avoid}
.service-planning-pdf .section h3:before{background:#c51f2a;content:"";display:inline-block;height:10px;margin-right:6px;vertical-align:-1px;width:3px}
.service-planning-pdf .muted{color:#697586}
.service-planning-pdf .pill{background:#f8fafc;border:1px solid #cfd6df;border-radius:4px;color:#344054;display:inline-block;font-size:8px;font-weight:700;padding:3px 6px}
.service-planning-pdf .service-pdf-w-18{width:18%}
.service-planning-pdf .service-pdf-w-22{width:22%}
.service-planning-pdf .approval-band{background:#f8fafc;border:1px solid #d7dde5;border-left:4px solid #c51f2a;margin:14px 0 10px;padding:8px 10px;page-break-inside:avoid}
.service-planning-pdf .approval-band>div{display:inline-block;margin-right:2%;vertical-align:top;width:30%}
.service-planning-pdf .approval-band span{color:#697586;display:block;font-size:7.8px;margin-bottom:2px;text-transform:uppercase}
.service-planning-pdf .approval-band strong{color:#172033;font-size:9px}
.service-planning-pdf .signature-table{margin-top:10px;page-break-inside:avoid}
.service-planning-pdf .signature-table td{height:68px;padding:8px 10px;width:33.333%}
.service-planning-pdf .signature-table strong{display:block;font-size:9px;margin-bottom:4px}
.service-planning-pdf .signature-table span{color:#697586;display:block;font-size:8px}
.service-planning-pdf .signature-table b{color:#98a2b3;display:block;font-size:7.5px;font-weight:400;margin-top:25px}
.service-planning-pdf .report-note{border-top:1px solid #d7dde5;color:#697586;font-size:7.5px;line-height:1.5;margin-top:10px;padding-top:6px}
.service-planning-pdf .report-footer{bottom:-12mm;color:#697586;font-size:7px;left:0;position:fixed;right:0}
.service-planning-pdf .report-footer span{display:inline-block;width:33%}
.service-planning-pdf .report-footer span:nth-child(2){text-align:center}
.service-planning-pdf .report-footer span:last-child{text-align:right}
.service-planning-pdf .page-number:after{content:"Sayfa " counter(page) " / " counter(pages)}
/* End Service planning PDF */

/* Small module utilities */
.staff-logout-form { margin-bottom: 10px; }
.staff-inline-form { display: inline; }
.staff-error { color: #b91c1c; }
.annual-plan-duration { width: 120px; }

/* Standalone error pages */
.is-hidden { display: none !important; }
.sidebar-nav-title { border: 0; }
.nav.child_menu.sidebar-child-open { display: block; }
.topnav-notif-icon.is-read { color: #94a3b8; background: #f1f5f9; }
.topnav-notif-icon.is-info { color: #2563eb; background: #eff6ff; }
.topnav-notif-icon.is-warning { color: #d97706; background: #fff7ed; }
.topnav-notif-icon.is-critical { color: #b91c1c; background: #fef2f2; }
.error-page { min-height: 100vh; margin: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
.error-page.error-403 { background: linear-gradient(135deg, #111 0%, #1b1b1b 45%, #2a2a2a 100%); }
.error-page.error-404 { background: radial-gradient(circle at top right, #2b0d11 0%, #161616 45%, #101010 100%); }
.error-page .error-wrapper { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 30px; }
.error-page .error-card { width: 100%; max-width: 760px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 45px 40px; box-shadow: 0 18px 60px rgba(0,0,0,.35); text-align: center; position: relative; overflow: hidden; }
.error-page.error-404 .error-card { max-width: 780px; padding: 46px 40px; }
.error-page.error-403 .error-card { backdrop-filter: blur(6px); }
.error-page.error-404 .error-card::before, .error-page.error-404 .error-card::after { content: ""; position: absolute; border-radius: 50%; }
.error-page.error-404 .error-card::before { top: -60px; right: -60px; width: 180px; height: 180px; background: rgba(193,18,31,.14); filter: blur(8px); }
.error-page.error-404 .error-card::after { bottom: -70px; left: -70px; width: 220px; height: 220px; background: rgba(255,255,255,.04); filter: blur(10px); }
.error-page .error-content { position: relative; z-index: 2; }
.error-page .error-icon { width: 88px; height: 88px; line-height: 88px; margin: 0 auto 20px; border-radius: 50%; font-size: 38px; }
.error-page.error-403 .error-icon { background: rgba(193,18,31,.12); color: #ff4d5a; border: 1px solid rgba(193,18,31,.25); }
.error-page.error-404 .error-icon { background: rgba(255,255,255,.08); color: #fff; border: 1px solid rgba(255,255,255,.1); }
.error-page .error-code { font-size: 110px; line-height: 1; font-weight: 800; letter-spacing: 2px; margin-bottom: 10px; }
.error-page.error-403 .error-code { color: #c1121f; text-shadow: 0 6px 20px rgba(193,18,31,.35); }
.error-page.error-404 .error-code { color: #fff; }
.error-page.error-404 .error-code span { color: #c1121f; }
.error-page .error-title { font-size: 30px; font-weight: 700; margin-bottom: 12px; color: #fff; }
.error-page .error-text { font-size: 16px; line-height: 1.8; color: #d0d0d0; max-width: 560px; margin: 0 auto 28px; }
.error-page .error-actions .btn { min-width: 180px; margin: 6px; border-radius: 8px; font-weight: 600; padding: 11px 18px; }
.error-page .btn-danger-custom { background: #c1121f; border-color: #c1121f; color: #fff; }
.error-page .btn-danger-custom:hover, .error-page .btn-danger-custom:focus { background: #a50f1a; border-color: #a50f1a; color: #fff; }
.error-page .btn-dark-custom { background: transparent; border: 1px solid rgba(255,255,255,.18); color: #fff; }
.error-page .btn-dark-custom:hover, .error-page .btn-dark-custom:focus { background: rgba(255,255,255,.08); color: #fff; }
.error-page .error-footer { margin-top: 28px; font-size: 13px; color: rgba(255,255,255,.55); letter-spacing: .3px; }
@media (max-width: 768px) {
    .error-page .error-card, .error-page.error-404 .error-card { padding: 35px 22px; }
    .error-page .error-code { font-size: 84px; }
    .error-page .error-title { font-size: 24px; }
    .error-page .error-text { font-size: 15px; }
    .error-page .error-actions .btn { width: 100%; min-width: auto; }
}


/* License feature error */
.license-feature-page{margin:0;font-family:Arial,sans-serif;background:#f3f6fb;color:#101828}
        .lck-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 18px}
        .lck-wrap{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}
        .lck-hero,.lck-card{background:#fff;border:1px solid #e4e7ec;border-radius:8px;box-shadow:0 14px 34px rgba(15,23,42,.08)}
        .lck-hero{padding:28px;background:linear-gradient(135deg,#0f172a 0%,#0f766e 54%,#22c55e 100%);color:#fff}
        .lck-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:12px;font-weight:700}
        .lck-title{margin:16px 0 10px;font-size:34px;line-height:1.12}
        .lck-text{margin:0;color:rgba(255,255,255,.88);font-size:15px;line-height:1.7}
        .lck-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
        .lck-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:700}
        .lck-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
        .lck-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-weight:700}
        .lck-btn:hover,.lck-btn:focus{text-decoration:none;background:rgba(255,255,255,.18);color:#fff}
        .lck-card{padding:22px}
        .lck-card h2{margin:0 0 10px;font-size:18px;color:#101828}
        .lck-card p{margin:0;color:#667085;font-size:14px;line-height:1.6}
        .lck-list{display:grid;gap:12px;margin-top:18px}
        .lck-item{padding:12px 14px;border:1px solid #eaecf0;border-radius:8px;background:#f8fafc}
        .lck-item strong{display:block;color:#101828;font-size:13px}
        .lck-item span{display:block;margin-top:4px;color:#667085;font-size:12px;line-height:1.5}
        .lck-note{margin-top:16px;padding:12px 14px;border-radius:8px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-size:12px;font-weight:700}
        .lck-plan-grid{display:grid;gap:10px;margin-top:18px}
        .lck-plan-card{padding:12px 14px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff}
        .lck-plan-card strong{display:block;color:#0f172a;font-size:13px}
        .lck-plan-card span{display:block;margin-top:4px;color:#475467;font-size:12px;line-height:1.5}
        .lck-plan-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
        .lck-plan-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:700}
        @media(max-width:900px){.lck-wrap{grid-template-columns:1fr}}


/* Top navigation */
.top_nav .nav_menu {
        background: #fff;
        border-bottom: 1px solid #e8e8e8;
        min-height: 68px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        gap: 14px;
        min-width: 0;
        box-shadow: 0 3px 12px rgba(0, 0, 0, .04);
    }

    .topnav-left {
        display: flex;
        align-items: center;
        gap: 15px;
        flex: 1 1 auto;
        min-width: 0;
    }

    .topnav-title {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
        min-width: 0;
    }

    .topnav-title strong {
        font-size: 17px;
        font-weight: 800;
        color: #1f2937;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topnav-title span {
        font-size: 12px;
        color: #6b7280;
        margin-top: 2px;
    }

    .navbar-right {
        margin-left: auto;
        display: flex;
        align-items: center;
        gap: 14px;
        flex: 0 0 auto;
        list-style: none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .navbar-right > li {
        display: flex;
        align-items: center;
        position: relative;
    }

    .navbar-right > li > a {
        display: flex;
        align-items: center;
        gap: 7px;
        padding: 9px 14px;
        border-radius: 8px;
        text-decoration: none;
        color: #34495e;
        transition: .2s ease;
        font-weight: 600;
        white-space: nowrap;
    }

    .topnav-button-label {
        display: inline;
    }

    .navbar-right > li > a:hover {
        background: #f5f7fa;
        color: #111827;
    }

    .quick-btn {
        background: #f8fafc;
        border: 1px solid #e5e7eb;
        font-weight: 700;
    }

    .quick-menu {
        width: 290px;
        min-width: 290px;
        padding: 0;
        overflow: hidden;
    }

    .quick-menu-head {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f7;
        background: #fff;
    }

    .quick-menu-head i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        min-width: 38px;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .quick-menu-title {
        display: grid;
        gap: 4px;
        min-width: 0;
    }

    .quick-menu-title strong {
        color: #111827;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.25;
    }

    .quick-menu-title span {
        color: #64748b;
        font-size: 12px;
        line-height: 1.35;
    }

    .quick-menu-item {
        padding: 0 8px 8px;
        background: #f8fafc;
    }

    .quick-menu-head + .quick-menu-item {
        padding-top: 8px;
    }

    .quick-menu-item a {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none;
    }

    .quick-menu-item a:hover,
    .quick-menu-item a:focus {
        border-color: #dbeafe;
        background: #fff;
        color: #1d4ed8;
        text-decoration: none;
    }

    .quick-menu-item a i {
        width: 18px;
        text-align: center;
    }

    .topnav-icon-btn {
        background: #fff;
        border: 1px solid #e5e7eb;
        min-height: 40px;
        border-radius: 8px;
        box-shadow: 0 6px 16px rgba(15,23,42,.04);
    }

    .topnav-icon-btn i {
        font-size: 15px;
    }

    .topnav-icon-btn:hover,
    .topnav-icon-btn:focus {
        border-color: #dbe4ee;
        box-shadow: 0 8px 18px rgba(15,23,42,.06);
    }

    .topnav-task-btn .fa-check-square-o {
        color: #1d4ed8;
    }

    .badge {
        min-width: 18px;
        height: 18px;
        line-height: 18px;
        border-radius: 999px;
        font-size: 11px;
        text-align: center;
        color: #fff;
        padding: 0 6px;
        font-weight: 600;
    }

    .badge-danger {
        background: #ef4444;
    }

    .badge-warning {
        background: #f0ad4e;
    }

    .badge-info {
        background: #3498db;
    }

    .dropdown-menu {
        border-radius: 14px;
        border: 1px solid #ececec;
        box-shadow: 0 14px 30px rgba(0, 0, 0, .10);
        min-width: 300px;
        padding: 8px 0;
    }

    .dropdown-menu-right-custom {
        right: 0 !important;
        left: auto !important;
    }

    .dropdown-menu > li > a {
        padding: 12px 16px;
        color: #34495e;
    }

    .dropdown-menu > li > a:hover {
        background: #f8fafc;
    }

    .dropdown-usermenu {
        min-width: 230px;
    }

    .msg_list li a {
        display: block;
    }

    .msg_list li .message {
        display: block;
        white-space: normal;
        line-height: 1.4;
        color: #6b7280;
        margin-top: 4px;
    }

    .msg_list li .time {
        font-size: 11px;
        color: #9ca3af;
        float: right;
    }

    .notif-empty {
        color: #6b7280;
        font-size: 13px;
    }

    .notif-icon {
        width: 26px;
        text-align: center;
        margin-right: 8px;
        font-size: 16px;
        display: inline-block;
    }

    .topnav-notif-menu {
        width: 390px;
        min-width: 390px;
        padding: 0;
        overflow: hidden;
    }

    .topnav-notif-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 14px 16px 12px;
        border-bottom: 1px solid #eef2f7;
        background: #fff;
    }

    .topnav-notif-title {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
    }

    .topnav-notif-title strong {
        font-size: 14px;
        font-weight: 700;
        color: #111827;
        line-height: 1.2;
    }

    .topnav-notif-title span {
        font-size: 12px;
        color: #6b7280;
        line-height: 1.45;
    }

    .topnav-notif-badge {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border-radius: 999px;
        border: 1px solid #dbeafe;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 6px 10px;
        font-size: 11px;
        font-weight: 600;
        white-space: nowrap;
    }

    .topnav-notif-head-actions {
        display: inline-flex;
        align-items: center;
        gap: 8px;
    }

    .topnav-notif-head-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 30px;
        height: 30px;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 0;
        transition: .2s ease;
    }

    .topnav-notif-head-btn:hover,
    .topnav-notif-head-btn:focus {
        background: #dbeafe;
        color: #1d4ed8;
        text-decoration: none;
    }

    .topnav-notif-head-btn[disabled] {
        opacity: .55;
        cursor: wait;
    }

    .topnav-notif-list {
        max-height: 360px;
        overflow-y: auto;
        padding: 8px;
        background: #f8fafc;
    }

    .topnav-notif-list > li + li {
        margin-top: 8px;
    }

    .topnav-notif-item {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: flex-start;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        padding: 11px 12px;
        transition: .2s ease;
    }

    .topnav-notif-item:hover {
        background: #fff;
        border-color: #dbeafe;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
    }

    .topnav-notif-item.is-unread {
        border-color: #bfdbfe;
        background: #f8fbff;
        box-shadow: inset 3px 0 0 #2563eb;
    }

    .topnav-notif-item.is-read {
        opacity: .82;
    }

    .topnav-notif-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: #eff6ff;
        color: #2563eb;
        font-size: 14px;
    }

    .topnav-notif-body {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .topnav-notif-row {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 8px;
        min-width: 0;
    }

    .topnav-notif-main {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .topnav-notif-heading {
        min-width: 0;
        color: #111827;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
        word-break: break-word;
    }

    .topnav-notif-time {
        color: #94a3b8;
        font-size: 11px;
        line-height: 1.3;
        white-space: nowrap;
    }

    .topnav-notif-tools {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        flex: 0 0 auto;
    }

    .topnav-notif-mark {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 28px;
        height: 28px;
        border: 1px solid #bbf7d0;
        border-radius: 8px;
        background: #f0fdf4;
        color: #15803d;
        padding: 0;
        transition: .2s ease;
    }

    .topnav-notif-mark:hover,
    .topnav-notif-mark:focus {
        background: #dcfce7;
        color: #15803d;
        text-decoration: none;
        border-color: #86efac;
    }

    .topnav-notif-mark[disabled] {
        opacity: .55;
        cursor: wait;
    }

    .topnav-notif-message {
        color: #64748b;
        font-size: 12px;
        line-height: 1.55;
        word-break: break-word;
    }

    .topnav-notif-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .topnav-notif-pill {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        border: 1px solid #e5e7eb;
        background: #f8fafc;
        color: #475569;
    }

    .topnav-notif-pill.priority-high {
        border-color: #fed7aa;
        background: #fff7ed;
        color: #c2410c;
    }

    .topnav-notif-pill.priority-critical {
        border-color: #fecaca;
        background: #fef2f2;
        color: #b91c1c;
    }

    .topnav-notif-pill.state-new {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .topnav-notif-empty {
        border: 1px dashed #d1d5db;
        border-radius: 8px;
        background: #fff;
        padding: 18px 14px;
        text-align: center;
        color: #64748b;
        font-size: 13px;
        line-height: 1.6;
    }

    .topnav-notif-foot {
        padding: 10px 12px;
        border-top: 1px solid #eef2f7;
        background: #fff;
    }

    .topnav-notif-link {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        width: 100%;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 9px 12px;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
    }

    .topnav-notif-link:hover,
    .topnav-notif-link:focus {
        background: #dbeafe;
        color: #1d4ed8;
        text-decoration: none;
    }

    .topnav-task-menu {
        width: 390px;
        min-width: 390px;
        padding: 0;
        overflow: hidden;
    }

    .topnav-task-item {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 10px;
        align-items: flex-start;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        padding: 11px 12px;
        transition: .2s ease;
        text-decoration: none;
    }

    .topnav-task-item:hover,
    .topnav-task-item:focus {
        background: #fff;
        border-color: #dbeafe;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .06);
        text-decoration: none;
    }

    .topnav-task-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 14px;
    }

    .topnav-task-body {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .topnav-task-heading {
        color: #111827;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.4;
        word-break: break-word;
    }

    .topnav-task-sub {
        color: #64748b;
        font-size: 12px;
        line-height: 1.5;
        word-break: break-word;
    }

    .topnav-task-meta {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .topnav-task-pill {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        border-radius: 999px;
        padding: 4px 8px;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        border: 1px solid #e5e7eb;
        background: #f8fafc;
        color: #475569;
    }

    .topnav-task-pill.pending {
        border-color: #fde68a;
        background: #fffbeb;
        color: #92400e;
    }

    .topnav-task-pill.accepted {
        border-color: #bfdbfe;
        background: #eff6ff;
        color: #1d4ed8;
    }

    .topnav-task-foot {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 18px;
        padding: 14px 16px;
        border-top: 1px solid #eef2f7;
        background: #fff;
    }

    .topnav-task-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 8px;
        width: 100%;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        padding: 0;
        min-height: 44px;
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
        line-height: 1.25;
        margin-bottom: 4px;
    }

    .topnav-task-link:hover,
    .topnav-task-link:focus {
        background: #dbeafe;
        color: #1d4ed8;
        text-decoration: none;
    }

    .topnav-mini-toast-wrap {
        position: fixed;
        top: 84px;
        right: 22px;
        z-index: 14000;
        display: grid;
        gap: 10px;
        pointer-events: none;
    }

    .topnav-mini-toast {
        min-width: 260px;
        max-width: 360px;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #fff;
        box-shadow: 0 18px 34px rgba(15, 23, 42, .14);
        padding: 12px 14px;
        display: flex;
        align-items: flex-start;
        gap: 10px;
        color: #0f172a;
        pointer-events: auto;
        opacity: 0;
        transform: translateY(-8px);
        transition: opacity .18s ease, transform .18s ease;
    }

    .topnav-mini-toast.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .topnav-mini-toast.success {
        border-color: #bbf7d0;
        background: #f0fdf4;
    }

    .topnav-mini-toast.warning {
        border-color: #fed7aa;
        background: #fff7ed;
    }

    .topnav-mini-toast i {
        margin-top: 2px;
        font-size: 15px;
        color: #15803d;
    }

    .topnav-mini-toast.warning i {
        color: #c2410c;
    }

    .topnav-mini-toast strong {
        display: block;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        margin-bottom: 3px;
    }

    .topnav-mini-toast span {
        display: block;
        color: #475569;
        font-size: 12px;
        line-height: 1.5;
    }

    .user-profile {
        font-weight: 700;
    }

    .user-menu-actions {
        width: 280px;
        min-width: 280px;
        padding: 0;
        overflow: hidden;
    }

    .user-role-chip {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        width: fit-content;
        padding: 5px 9px;
        border: 1px solid #dbeafe;
        border-radius: 999px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.2;
    }

    .user-menu-head {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 14px 16px;
        border-bottom: 1px solid #eef2f7;
        margin-bottom: 0;
        background: #fff;
    }

    .user-menu-avatar {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        min-width: 38px;
        border: 1px solid #dbeafe;
        border-radius: 8px;
        background: #eff6ff;
        color: #1d4ed8;
        font-size: 15px;
        font-weight: 800;
    }

    .user-menu-copy {
        display: grid;
        gap: 6px;
        min-width: 0;
    }

    .user-menu-name {
        color: #111827;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.25;
        margin: 0;
        word-break: break-word;
    }

    .user-menu-action-item {
        padding: 0 8px 8px;
        background: #f8fafc;
    }

    .user-menu-head + .user-menu-action-item {
        padding-top: 8px;
    }

    .user-menu-action-item a {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #334155;
        padding: 10px 12px;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.3;
        text-decoration: none;
    }

    .user-menu-action-item a:hover,
    .user-menu-action-item a:focus {
        border-color: #dbeafe;
        background: #fff;
        color: #1d4ed8;
        text-decoration: none;
    }

    .user-menu-action-item.logout a {
        border-color: #fee2e2;
        color: #b91c1c;
    }

    .user-menu-action-item.logout a:hover,
    .user-menu-action-item.logout a:focus {
        border-color: #fecaca;
        color: #991b1b;
    }

    .user-menu-actions li a i {
        width: 18px;
        text-align: center;
    }

    @media (max-width: 1199px) {
        .topnav-button-label,
        .topnav-icon-btn > .fa-angle-down {
            display: none;
        }

        .navbar-right > li > a.topnav-icon-btn {
            width: 40px;
            height: 40px;
            min-height: 40px;
            padding: 0;
            justify-content: center;
        }
    }

    @media (max-width: 991px) {
        .top_nav .nav_menu {
            padding: 0 12px;
        }

        .topnav-title span {
            display: none;
        }

        .navbar-right {
            gap: 6px;
        }

        .navbar-right > li > a {
            padding: 8px 10px;
        }

        .topnav-notif-menu {
            width: 320px;
            min-width: 320px;
        }

        .topnav-task-menu {
            width: 320px;
            min-width: 320px;
        }

        .topnav-task-foot {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 767px) {
        .top_nav .nav_menu {
            gap: 6px;
            min-height: 60px;
            padding: 0 8px;
            flex-wrap: nowrap;
            overflow: hidden;
        }

        .topnav-left {
            flex: 0 0 48px;
            min-width: 48px;
            gap: 6px;
        }

        .topnav-left .nav.toggle {
            width: 48px;
        }

        .topnav-title {
            display: none;
        }

        .navbar-right {
            gap: 4px;
            flex: 1 1 auto;
            min-width: 0;
            margin-left: auto;
            overflow-x: auto;
            overflow-y: hidden;
            justify-content: flex-end;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .navbar-right::-webkit-scrollbar {
            display: none;
        }

        .navbar-right > li {
            flex: 0 0 auto;
        }

        .navbar-right > li > a.topnav-icon-btn {
            width: 38px;
            height: 38px;
            min-height: 38px;
        }

        .quick-menu,
        .topnav-notif-menu,
        .topnav-task-menu,
        .user-menu-actions {
            position: fixed;
            top: 58px;
            right: 8px !important;
            left: 8px !important;
            width: auto;
            min-width: 0;
            max-height: calc(100vh - 70px);
            overflow-y: auto;
        }
    }

/* Application footer */
body.app-theme footer.app-footer {
    clear: both;
    margin-top: 0;
    padding: 14px var(--app-shell-padding-x);
    border-top: 1px solid var(--app-border);
    background: var(--app-surface);
    color: var(--app-text-soft);
    box-shadow: 0 -6px 18px rgba(15, 23, 42, .03);
}

.app-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-width: 0;
}

.app-footer-brand,
.app-footer-meta {
    display: flex;
    align-items: center;
    min-width: 0;
}

.app-footer-brand {
    gap: 10px;
}

.app-footer-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: var(--app-radius);
    background: var(--app-accent-soft);
    color: var(--app-accent);
}

.app-footer-brand strong,
.app-footer-brand small {
    display: block;
}

.app-footer-brand strong {
    color: var(--app-text);
    font-size: 13px;
    font-weight: 800;
}

.app-footer-brand small {
    margin-top: 2px;
    color: var(--app-text-muted);
    font-size: 11px;
}

.app-footer-meta {
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 11px;
}

.app-footer-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-weight: 700;
    color: var(--app-success);
}

.app-footer-status i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px var(--app-success-soft);
}

@media (max-width: 767px) {
    body.app-theme footer.app-footer {
        padding: 12px 14px;
    }

    .app-footer-inner,
    .app-footer-meta {
        align-items: flex-start;
        flex-direction: column;
    }

    .app-footer-inner {
        gap: 10px;
    }

    .app-footer-meta {
        gap: 5px;
    }
}
@keyframes bellShake {
    0% { transform: rotate(0); }
    25% { transform: rotate(15deg); }
    50% { transform: rotate(-15deg); }
    75% { transform: rotate(10deg); }
    100% { transform: rotate(0); }
}

.bell-alert {
    animation: bellShake 0.8s infinite;
    color: #d9534f;
}


/* Sidebar navigation */
.menu-badge {
        display: inline-block;
        min-width: 20px;
        padding: 2px 7px;
        margin-left: 8px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        line-height: 16px;
        text-align: center;
        vertical-align: middle;
    }

    .menu-badge-danger {
        background: #c1121f;
        color: #fff;
    }

    .menu-badge-warning {
        background: #f0ad4e;
        color: #fff;
    }

    .menu-badge-info {
        background: #2563eb;
        color: #fff;
    }

    .side-menu>li.current-page>a,
    .side-menu>li.active>a {
        background: linear-gradient(90deg, #111 0%, #c1121f 100%) !important;
        color: #fff !important;
        text-shadow: none;
        box-shadow: none;
    }

    .side-menu>li.current-page>a i,
    .side-menu>li.active>a i {
        color: #fff !important;
    }

    .nav.child_menu>li.current-page>a {
        color: #c1121f !important;
        font-weight: 700;
    }

    .sidebar-tenant-box {
        margin: 12px 15px 0;
        padding: 14px;
        border-radius: 16px;
        background: linear-gradient(180deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .05) 100%);
        border: 1px solid rgba(255, 255, 255, .10);
        box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
        color: #ecf0f1;
    }

    .sidebar-tenant-head {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    .sidebar-tenant-avatar {
        width: 42px;
        height: 42px;
        border-radius: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(135deg, #ffffff 0%, #f8d7da 100%);
        color: #8b0f1a;
        font-size: 16px;
        font-weight: 800;
        flex: 0 0 auto;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
    }

    .sidebar-tenant-meta {
        min-width: 0;
        flex: 1 1 auto;
    }

    .sidebar-tenant-title {
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: .08em;
        opacity: .72;
        margin-bottom: 5px;
    }

    .sidebar-tenant-user {
        font-size: 13px;
        font-weight: 600;
        color: #f8fafc;
        margin-bottom: 4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sidebar-tenant-name {
        font-size: 15px;
        font-weight: 800;
        line-height: 1.35;
        color: #ffffff;
        word-break: break-word;
    }

    .sidebar-role-chip {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 10px;
        padding: 4px 10px;
        border-radius: 999px;
        background: rgba(255, 255, 255, .12);
        font-size: 11px;
        font-weight: 700;
    }

    .sidebar-tenant-actions {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 12px;
    }

    .sidebar-tenant-action {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, .10);
        border: 1px solid rgba(255, 255, 255, .12);
        color: #f8fafc;
        text-decoration: none;
        transition: all .18s ease;
    }

    .sidebar-tenant-action:hover,
    .sidebar-tenant-action:focus {
        background: rgba(255, 255, 255, .18);
        color: #fff;
        text-decoration: none;
        transform: translateY(-1px);
    }

    .side-menu > li > a {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 44px;
    }

    .side-menu > li > a .fa-chevron-down {
        margin-left: auto;
    }

    .nav.child_menu > li > a {
        line-height: 1.45;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .nav-sm .sidebar-tenant-box {
        display: none;
    }

    .nav-sm .side-menu > li > a {
        display: block;
        text-align: center !important;
        padding: 10px 5px !important;
        min-height: auto;
    }

    .nav-sm .side-menu > li > a .fa-chevron-down,
    .nav-sm .side-menu > li > a .menu-badge {
        display: none !important;
    }

    .nav-sm .side-menu > li > a i {
        display: block;
        width: 100% !important;
        margin: 0 0 5px 0 !important;
        text-align: center;
        font-size: 25px !important;
    }

    @media (max-width: 991px) {
        .left_col.scroll-view {
            overflow-y: auto;
            padding-bottom: 24px;
        }

        .sidebar-tenant-box {
            margin: 10px 12px 0;
            padding: 12px;
        }

        .sidebar-tenant-name {
            font-size: 13px;
        }

        .sidebar-role-chip {
            margin-top: 6px;
            font-size: 10px;
        }

        .sidebar-tenant-actions {
            margin-top: 10px;
            gap: 6px;
        }

        .sidebar-tenant-action {
            width: 32px;
            height: 32px;
            border-radius: 9px;
        }

        .side-menu > li > a {
            min-height: 46px;
            padding-top: 11px;
            padding-bottom: 11px;
        }

        .menu-badge {
            min-width: 18px;
            padding: 1px 6px;
            font-size: 10px;
            line-height: 15px;
        }
    }

    @media (max-width: 767px) {
        .nav_title .site_title {
            font-size: 16px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sidebar-tenant-head {
            align-items: center;
        }

        .sidebar-tenant-avatar {
            width: 38px;
            height: 38px;
            border-radius: 12px;
            font-size: 14px;
        }

        .menu_section > h3 {
            margin-left: 12px;
            margin-right: 12px;
        }

        .side-menu > li > a {
            padding-right: 14px;
        }

        .nav.child_menu > li > a {
            padding-left: 42px;
            padding-right: 14px;
            font-size: 12px;
        }

        .sidebar-tenant-box {
            border-radius: 14px;
        }

        .sidebar-tenant-title {
            font-size: 10px;
        }

        .sidebar-tenant-user {
            font-size: 12px;
        }

        .sidebar-tenant-name {
            font-size: 13px;
        }

        .sidebar-role-chip {
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sidebar-tenant-actions {
            justify-content: space-between;
        }
    }

/* ISG Pro theme: modern occupational safety product system. */
body.app-theme[data-app-theme="isg-pro"] {
    font-family: Inter, Aptos, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--app-bg);
    color: var(--app-text);
    font-variant-numeric: tabular-nums;
}

body.app-theme[data-app-theme="isg-pro"] ::selection {
    background: rgba(213, 31, 43, .18);
    color: #101c27;
}

body.app-theme[data-app-theme="isg-pro"] :focus-visible {
    outline: 3px solid rgba(23, 105, 194, .22);
    outline-offset: 2px;
}

body.app-theme[data-app-theme="isg-pro"] .container.body .left_col,
body.app-theme[data-app-theme="isg-pro"] .left_col {
    background: #102332 !important;
}

body.app-theme[data-app-theme="isg-pro"] .left_col.scroll-view {
    scrollbar-color: #405565 #102332;
    scrollbar-width: thin;
}

body.app-theme[data-app-theme="isg-pro"] .nav_title {
    min-height: var(--app-topnav-height);
    height: var(--app-topnav-height);
    background: #ffffff !important;
    border: 0;
    border-right: 1px solid var(--app-border);
    border-bottom: 1px solid var(--app-border);
}

body.app-theme[data-app-theme="isg-pro"] .site_title {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--app-topnav-height);
    padding: 0 18px;
    color: #132330 !important;
    font-size: 20px;
    font-weight: 800;
}

body.app-theme[data-app-theme="isg-pro"] .site_title i {
    display: inline-grid;
    place-items: center;
    width: 31px;
    height: 35px;
    color: var(--app-accent) !important;
    font-size: 26px;
}

body.app-theme[data-app-theme="isg-pro"] .site_title span {
    letter-spacing: 0;
}

body.app-theme[data-app-theme="isg-pro"] .sidebar-tenant-box,
body.app-theme[data-app-theme="isg-pro"] .sidebar-tenant-box + br {
    display: none;
}

body.app-theme[data-app-theme="isg-pro"] #sidebar-menu {
    padding: 14px 8px 24px;
}

body.app-theme[data-app-theme="isg-pro"] .menu_section {
    margin: 0;
}

body.app-theme[data-app-theme="isg-pro"] .menu_section > h3 {
    margin: 14px 10px 7px;
    padding: 0;
    color: #8ea0af;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li {
    margin: 2px 0;
    border-right: 0 !important;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a {
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    margin: 0;
    padding: 9px 11px;
    border: 0 !important;
    border-radius: 5px;
    background: transparent !important;
    color: #d7e1e8 !important;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
    text-shadow: none !important;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a > i {
    flex: 0 0 21px;
    width: 21px;
    margin: 0;
    color: #c3d0d8;
    font-size: 15px;
    text-align: center;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a > .fa-chevron-down {
    flex-basis: auto;
    width: auto;
    margin-left: auto;
    color: #8296a5;
    font-size: 9px;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a:hover {
    background: rgba(255, 255, 255, .075) !important;
    color: #ffffff !important;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li.active > a,
body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li.current-page > a {
    background: #293d4c !important;
    color: #ffffff !important;
    box-shadow: inset 3px 0 0 var(--app-accent);
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li.active > a > i,
body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li.current-page > a > i,
body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a:hover > i {
    color: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu {
    margin: 3px 0 7px;
    padding: 3px 0 3px 31px;
    background: rgba(5, 17, 26, .22);
    border-radius: 5px;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li {
    padding: 0;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li::before,
body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li::after {
    display: none;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li > a {
    min-height: 34px;
    padding: 8px 10px;
    border-radius: 4px;
    color: #afbfca !important;
    font-size: 11px;
    font-weight: 600;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li.current-page > a,
body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li.active > a,
body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li > a:hover {
    background: rgba(255, 255, 255, .07);
    color: #ffffff !important;
}

body.app-theme[data-app-theme="isg-pro"] .menu-badge {
    margin-left: auto;
    border: 1px solid rgba(255, 255, 255, .18);
    box-shadow: none;
}

body.app-theme[data-app-theme="isg-pro"] .top_nav .nav_menu {
    min-height: var(--app-topnav-height);
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid var(--app-border);
    box-shadow: 0 3px 14px rgba(18, 33, 47, .035);
    backdrop-filter: blur(14px);
}

body.app-theme[data-app-theme="isg-pro"] .topnav-left {
    min-width: 0;
}

body.app-theme[data-app-theme="isg-pro"] .nav.toggle {
    display: grid;
    place-items: center;
    width: 58px;
    min-width: 58px;
    height: var(--app-topnav-height);
    padding: 0;
}

body.app-theme[data-app-theme="isg-pro"] .nav.toggle > a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 5px;
    color: #223544;
    font-size: 20px;
}

body.app-theme[data-app-theme="isg-pro"] .nav.toggle > a:hover {
    background: #eef3f7;
    color: var(--app-accent);
}

body.app-theme[data-app-theme="isg-pro"] .topnav-title strong {
    color: #132330;
    font-size: 15px;
    font-weight: 800;
}

body.app-theme[data-app-theme="isg-pro"] .topnav-title span {
    color: #718292;
    font-size: 10px;
}

body.app-theme[data-app-theme="isg-pro"] .navbar-right {
    gap: 7px;
    padding-right: 14px;
}

body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn {
    min-height: 38px;
    padding: 0 12px !important;
    border: 1px solid var(--app-border) !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    color: #2d4050 !important;
    box-shadow: 0 2px 7px rgba(18, 33, 47, .03);
}

body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn:hover,
body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn:focus,
body.app-theme[data-app-theme="isg-pro"] .navbar-right > li.open > .topnav-icon-btn {
    border-color: #b9c8d3 !important;
    background: #f7fafc !important;
    color: var(--app-accent) !important;
}

body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn.user-profile > i:first-child {
    display: inline-grid;
    place-items: center;
    width: 25px;
    height: 25px;
    margin-right: 2px;
    border-radius: 50%;
    background: #e8edf1;
    color: #607483;
}

body.app-theme[data-app-theme="isg-pro"] .dropdown-menu-right-custom {
    margin-top: 8px !important;
    border: 1px solid var(--app-border);
    border-radius: 7px;
    box-shadow: 0 18px 42px rgba(18, 33, 47, .15);
}

body.app-theme[data-app-theme="isg-pro"] .right_col[role="main"] {
    background:
        linear-gradient(rgba(255, 255, 255, .36), rgba(255, 255, 255, 0) 210px),
        var(--app-bg);
}

body.app-theme[data-app-theme="isg-pro"] .x_panel,
body.app-theme[data-app-theme="isg-pro"] .panel,
body.app-theme[data-app-theme="isg-pro"] .card,
body.app-theme[data-app-theme="isg-pro"] [class$="-card"],
body.app-theme[data-app-theme="isg-pro"] [class*="-card "] {
    border-color: var(--app-border);
    box-shadow: var(--app-shadow-soft);
}

body.app-theme[data-app-theme="isg-pro"] .x_panel {
    border-radius: 7px;
    background: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] .x_title {
    border-bottom-color: var(--app-border-soft);
}

body.app-theme[data-app-theme="isg-pro"] .x_title h2,
body.app-theme[data-app-theme="isg-pro"] .panel-title,
body.app-theme[data-app-theme="isg-pro"] .card-title {
    color: var(--app-text);
    font-weight: 800;
}

body.app-theme[data-app-theme="isg-pro"] .form-control,
body.app-theme[data-app-theme="isg-pro"] select.form-control,
body.app-theme[data-app-theme="isg-pro"] textarea.form-control {
    border-color: var(--app-border-strong);
    border-radius: 6px;
    background-color: #ffffff;
    color: var(--app-text);
}

body.app-theme[data-app-theme="isg-pro"] .form-control::placeholder {
    color: #94a3af;
}

body.app-theme[data-app-theme="isg-pro"] .form-control:focus,
body.app-theme[data-app-theme="isg-pro"] select.form-control:focus,
body.app-theme[data-app-theme="isg-pro"] textarea.form-control:focus {
    border-color: #6e94b2;
    box-shadow: 0 0 0 3px rgba(23, 105, 194, .11);
}

body.app-theme[data-app-theme="isg-pro"] .btn {
    border-radius: 6px;
    font-weight: 700;
}

body.app-theme[data-app-theme="isg-pro"] .btn-primary,
body.app-theme[data-app-theme="isg-pro"] .btn-danger {
    border-color: var(--app-accent);
    background: var(--app-accent);
    color: #ffffff;
    box-shadow: 0 7px 15px rgba(213, 31, 43, .14);
}

body.app-theme[data-app-theme="isg-pro"] .btn-primary:hover,
body.app-theme[data-app-theme="isg-pro"] .btn-primary:focus,
body.app-theme[data-app-theme="isg-pro"] .btn-danger:hover,
body.app-theme[data-app-theme="isg-pro"] .btn-danger:focus {
    border-color: var(--app-accent-dark);
    background: var(--app-accent-dark);
    color: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] .btn-default {
    border-color: var(--app-border-strong);
    background: #ffffff;
    color: #304454;
}

body.app-theme[data-app-theme="isg-pro"] .btn-default:hover,
body.app-theme[data-app-theme="isg-pro"] .btn-default:focus {
    border-color: #aebdca;
    background: #f5f8fa;
    color: #152736;
}

body.app-theme[data-app-theme="isg-pro"] .table-responsive {
    border-color: var(--app-border);
    border-radius: 6px;
    background: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] table.table {
    color: #304454;
}

body.app-theme[data-app-theme="isg-pro"] table.table > thead > tr > th {
    border-bottom: 1px solid var(--app-border);
    background: #f6f9fb;
    color: #5b6e7e;
    font-size: 11px;
    font-weight: 800;
}

body.app-theme[data-app-theme="isg-pro"] table.table > tbody > tr > td {
    border-top-color: var(--app-border-soft);
}

body.app-theme[data-app-theme="isg-pro"] table.table > tbody > tr:hover > td {
    background: #f7fafc;
}

body.app-theme[data-app-theme="isg-pro"] .pagination > li > a,
body.app-theme[data-app-theme="isg-pro"] .pagination > li > span {
    border-color: var(--app-border);
    color: #405365;
}

body.app-theme[data-app-theme="isg-pro"] .pagination > .active > a,
body.app-theme[data-app-theme="isg-pro"] .pagination > .active > span {
    border-color: var(--app-accent);
    background: var(--app-accent);
    color: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] .modal-content {
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    box-shadow: 0 24px 64px rgba(18, 33, 47, .2);
}

body.app-theme[data-app-theme="isg-pro"] .modal-header,
body.app-theme[data-app-theme="isg-pro"] .modal-footer {
    border-color: var(--app-border-soft);
}

body.app-theme[data-app-theme="isg-pro"] .right_col[role="main"] [class$="-hero"],
body.app-theme[data-app-theme="isg-pro"] .right_col[role="main"] [class*="-hero "] {
    border: 1px solid rgba(255, 255, 255, .13);
    box-shadow: 0 12px 30px rgba(18, 33, 47, .13);
}

body.app-theme[data-app-theme="isg-pro"] .udb-context {
    border-bottom-color: var(--app-border);
}

body.app-theme[data-app-theme="isg-pro"] .udb-platform-band {
    background: #102332;
    border-color: #102332;
    box-shadow: 0 9px 22px rgba(16, 35, 50, .12);
}

body.app-theme[data-app-theme="isg-pro"] .udb-priority-panel,
body.app-theme[data-app-theme="isg-pro"] .udb-work-panel,
body.app-theme[data-app-theme="isg-pro"] .udb-pulse-panel,
body.app-theme[data-app-theme="isg-pro"] .udb-tenant-panel,
body.app-theme[data-app-theme="isg-pro"] .udb-quick-panel,
body.app-theme[data-app-theme="isg-pro"] .udb-metric {
    border-color: var(--app-border);
    box-shadow: 0 4px 14px rgba(18, 33, 47, .04);
}

body.app-theme[data-app-theme="isg-pro"] .udb-priority-panel:hover,
body.app-theme[data-app-theme="isg-pro"] .udb-work-panel:hover,
body.app-theme[data-app-theme="isg-pro"] .udb-pulse-panel:hover,
body.app-theme[data-app-theme="isg-pro"] .udb-quick-panel:hover,
body.app-theme[data-app-theme="isg-pro"] .udb-metric:hover {
    border-color: #bdcad4;
    box-shadow: 0 10px 24px rgba(18, 33, 47, .07);
}

body.app-theme[data-app-theme="isg-pro"] footer.app-footer {
    border-top: 1px solid var(--app-border);
    background: #ffffff;
}

body.app-theme[data-app-theme="isg-pro"] .app-footer-mark {
    border-radius: 6px;
    background: var(--app-accent-soft);
    color: var(--app-accent);
}

@media (max-width: 991px) {
    body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn {
        padding: 0 10px !important;
    }

    body.app-theme[data-app-theme="isg-pro"] .topnav-button-label {
        display: none;
    }

    body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn.user-profile > i:first-child {
        margin: 0;
    }
}

@media (max-width: 767px) {
    body.app-theme[data-app-theme="isg-pro"] .top_nav .nav_menu {
        min-height: 60px;
    }

    body.app-theme[data-app-theme="isg-pro"] .nav.toggle {
        width: 54px;
        min-width: 54px;
        height: 60px;
    }

    body.app-theme[data-app-theme="isg-pro"] .navbar-right {
        gap: 4px;
        padding-right: 8px;
    }

    body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn {
        width: 35px;
        min-width: 35px;
        height: 35px;
        min-height: 35px;
        padding: 0 !important;
    }

    body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn .fa-angle-down {
        display: none;
    }

    body.app-theme[data-app-theme="isg-pro"].sidebar-mobile-open .nav_title {
        display: block !important;
        height: 60px;
        min-height: 60px;
        background: #ffffff !important;
    }

    body.app-theme[data-app-theme="isg-pro"].sidebar-mobile-open .site_title {
        height: 60px;
        color: #132330 !important;
    }

    body.app-theme[data-app-theme="isg-pro"].sidebar-mobile-open #sidebar-menu {
        padding-top: 10px;
    }

    body.app-theme[data-app-theme="isg-pro"].sidebar-mobile-open .sidebar-tenant-box,
    body.app-theme[data-app-theme="isg-pro"].sidebar-mobile-open .sidebar-tenant-box + br {
        display: none !important;
    }
}

/* Professional typography scale shared by every app theme. */
body.app-theme {
    font-size: 14px;
    line-height: 1.5;
}

body.app-theme input,
body.app-theme select,
body.app-theme textarea,
body.app-theme button,
body.app-theme .btn {
    font-family: inherit;
    font-size: 13px;
}

body.app-theme label,
body.app-theme .control-label {
    color: var(--app-text-soft);
    font-size: 13px;
    font-weight: 700;
}

body.app-theme .help-block,
body.app-theme .form-text,
body.app-theme small {
    line-height: 1.45;
}

body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a {
    font-size: 13px;
}

body.app-theme[data-app-theme="isg-pro"] .nav.child_menu > li > a {
    font-size: 12px;
}

body.app-theme[data-app-theme="isg-pro"] .topnav-title strong {
    font-size: 16px;
}

body.app-theme[data-app-theme="isg-pro"] .topnav-title span,
body.app-theme[data-app-theme="isg-pro"] .topnav-icon-btn {
    font-size: 12px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-section-head h2 {
    font-size: 17px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-section-head p,
body.app-theme[data-app-theme="isg-pro"] .udb-metric > b {
    font-size: 12px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-row-copy strong,
body.app-theme[data-app-theme="isg-pro"] .udb-workplace-name strong,
body.app-theme[data-app-theme="isg-pro"] .udb-quick-grid strong,
body.app-theme[data-app-theme="isg-pro"] .udb-tenant-list strong {
    font-size: 13px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-row-copy small,
body.app-theme[data-app-theme="isg-pro"] .udb-workplace-name small,
body.app-theme[data-app-theme="isg-pro"] .udb-quick-grid small,
body.app-theme[data-app-theme="isg-pro"] .udb-tenant-list small,
body.app-theme[data-app-theme="isg-pro"] .udb-metric > small {
    font-size: 11px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-pulse-head {
    font-size: 10px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-pulse-row {
    font-size: 12px;
}

body.app-theme[data-app-theme="isg-pro"] .udb-platform-band span,
body.app-theme[data-app-theme="isg-pro"] .udb-platform-band small {
    font-size: 11px;
}

body.app-theme[data-app-theme="isg-pro"] table.table > thead > tr > th {
    font-size: 12px;
}

body.app-theme[data-app-theme="isg-pro"] table.table > tbody > tr > td {
    font-size: 13px;
    line-height: 1.5;
}

/* Crimson and Graphite are full professional shells, not color-only swaps. */
body.app-theme[data-app-theme="crimson"],
body.app-theme[data-app-theme="graphite"] {
    font-family: Inter, Aptos, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--app-text);
}

body.app-theme[data-app-theme="crimson"] .container.body .left_col,
body.app-theme[data-app-theme="crimson"] .left_col {
    background: #1a1e25 !important;
}

body.app-theme[data-app-theme="graphite"] .container.body .left_col,
body.app-theme[data-app-theme="graphite"] .left_col {
    background: #15332f !important;
}

body.app-theme[data-app-theme="crimson"] .nav_title,
body.app-theme[data-app-theme="graphite"] .nav_title {
    min-height: var(--app-topnav-height);
    height: var(--app-topnav-height);
    background: #ffffff !important;
    border: 0;
    border-right: 1px solid var(--app-border);
    border-bottom: 1px solid var(--app-border);
}

body.app-theme[data-app-theme="crimson"] .site_title,
body.app-theme[data-app-theme="graphite"] .site_title {
    display: flex;
    align-items: center;
    gap: 10px;
    height: var(--app-topnav-height);
    padding: 0 18px;
    color: var(--app-text) !important;
    font-size: 20px;
    font-weight: 800;
}

body.app-theme[data-app-theme="crimson"] .site_title i,
body.app-theme[data-app-theme="graphite"] .site_title i {
    display: inline-grid;
    place-items: center;
    width: 31px;
    color: var(--app-accent) !important;
    font-size: 26px;
}

body.app-theme[data-app-theme="crimson"] .sidebar-tenant-box,
body.app-theme[data-app-theme="crimson"] .sidebar-tenant-box + br,
body.app-theme[data-app-theme="graphite"] .sidebar-tenant-box,
body.app-theme[data-app-theme="graphite"] .sidebar-tenant-box + br {
    display: none;
}

body.app-theme[data-app-theme="crimson"] #sidebar-menu,
body.app-theme[data-app-theme="graphite"] #sidebar-menu {
    padding: 14px 8px 24px;
}

body.app-theme[data-app-theme="crimson"] .menu_section > h3,
body.app-theme[data-app-theme="graphite"] .menu_section > h3 {
    margin: 14px 10px 7px;
    color: #95a5b3;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li {
    margin: 2px 0;
    border-right: 0 !important;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li > a,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li > a {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    margin: 0;
    padding: 9px 11px;
    border: 0 !important;
    border-radius: 5px;
    background: transparent !important;
    color: #dce4ea !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    text-shadow: none !important;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li > a > i,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li > a > i {
    flex: 0 0 21px;
    width: 21px;
    margin: 0;
    color: #c6d2da;
    font-size: 15px;
    text-align: center;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li > a > .fa-chevron-down,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li > a > .fa-chevron-down {
    flex-basis: auto;
    width: auto;
    margin-left: auto;
    color: #8fa2af;
    font-size: 9px;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li > a:hover,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li > a:hover {
    background: rgba(255, 255, 255, .075) !important;
    color: #ffffff !important;
}

body.app-theme[data-app-theme="crimson"] .nav.side-menu > li.active > a,
body.app-theme[data-app-theme="crimson"] .nav.side-menu > li.current-page > a {
    background: #343942 !important;
    box-shadow: inset 3px 0 0 var(--app-accent);
    color: #ffffff !important;
}

body.app-theme[data-app-theme="graphite"] .nav.side-menu > li.active > a,
body.app-theme[data-app-theme="graphite"] .nav.side-menu > li.current-page > a {
    background: #28504a !important;
    box-shadow: inset 3px 0 0 var(--app-accent);
    color: #ffffff !important;
}

body.app-theme[data-app-theme="crimson"] .nav.child_menu,
body.app-theme[data-app-theme="graphite"] .nav.child_menu {
    margin: 3px 0 7px;
    padding: 3px 0 3px 31px;
    border-radius: 5px;
    background: rgba(4, 14, 20, .22);
}

body.app-theme[data-app-theme="crimson"] .nav.child_menu > li::before,
body.app-theme[data-app-theme="crimson"] .nav.child_menu > li::after,
body.app-theme[data-app-theme="graphite"] .nav.child_menu > li::before,
body.app-theme[data-app-theme="graphite"] .nav.child_menu > li::after {
    display: none;
}

body.app-theme[data-app-theme="crimson"] .nav.child_menu > li > a,
body.app-theme[data-app-theme="graphite"] .nav.child_menu > li > a {
    min-height: 34px;
    padding: 8px 10px;
    border-radius: 4px;
    color: #b8c6cf !important;
    font-size: 12px;
    font-weight: 600;
}

body.app-theme[data-app-theme="crimson"] .top_nav .nav_menu,
body.app-theme[data-app-theme="graphite"] .top_nav .nav_menu {
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid var(--app-border);
    box-shadow: 0 3px 14px rgba(18, 33, 47, .035);
}

body.app-theme[data-app-theme="crimson"] .right_col[role="main"],
body.app-theme[data-app-theme="graphite"] .right_col[role="main"] {
    background:
        linear-gradient(rgba(255, 255, 255, .32), rgba(255, 255, 255, 0) 210px),
        var(--app-bg);
}

body.app-theme[data-app-theme="crimson"] .x_panel,
body.app-theme[data-app-theme="crimson"] .panel,
body.app-theme[data-app-theme="crimson"] .card,
body.app-theme[data-app-theme="graphite"] .x_panel,
body.app-theme[data-app-theme="graphite"] .panel,
body.app-theme[data-app-theme="graphite"] .card {
    border-color: var(--app-border);
    border-radius: 7px;
    box-shadow: var(--app-shadow-soft);
}

body.app-theme[data-app-theme="crimson"] .topnav-title strong,
body.app-theme[data-app-theme="graphite"] .topnav-title strong {
    color: var(--app-text);
    font-size: 16px;
    font-weight: 800;
}

body.app-theme[data-app-theme="crimson"] .topnav-title span,
body.app-theme[data-app-theme="graphite"] .topnav-title span {
    color: var(--app-text-muted);
    font-size: 11px;
}

/* Floating appearance center. */
.app-theme-dock {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1065;
    font-family: Inter, Aptos, "Segoe UI Variable", "Segoe UI", Roboto, Arial, sans-serif;
}

.app-theme-dock-toggle {
    position: relative;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-left: auto;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px;
    background: var(--app-hero-start);
    color: #ffffff;
    font-size: 18px;
    box-shadow: 0 14px 32px rgba(15, 28, 39, .24);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.app-theme-dock-toggle::after {
    content: "";
    position: absolute;
    top: 7px;
    right: 7px;
    width: 7px;
    height: 7px;
    border: 2px solid var(--app-hero-start);
    border-radius: 50%;
    background: var(--app-accent);
}

.app-theme-dock-toggle:hover,
.app-theme-dock-toggle:focus {
    transform: translateY(-2px);
    background: #203848;
    color: #ffffff;
    box-shadow: 0 18px 38px rgba(15, 28, 39, .28);
}

.app-theme-dock.is-open .app-theme-dock-toggle {
    background: var(--app-accent);
}

.app-theme-dock-panel {
    position: absolute;
    right: 0;
    bottom: 60px;
    width: min(338px, calc(100vw - 28px));
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: #ffffff;
    color: #152736;
    box-shadow: 0 24px 64px rgba(15, 28, 39, .22);
    transform-origin: right bottom;
    animation: appThemeDockIn .18s ease-out;
}

.app-theme-dock-panel[hidden] {
    display: none !important;
}

@keyframes appThemeDockIn {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.app-theme-dock-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 17px;
    border-bottom: 1px solid #e7edf2;
    background: #f8fafc;
}

.app-theme-dock-head strong,
.app-theme-dock-head small {
    display: block;
}

.app-theme-dock-head strong {
    color: #152736;
    font-size: 15px;
    font-weight: 800;
}

.app-theme-dock-head small {
    margin-top: 2px;
    color: #647687;
    font-size: 12px;
}

.app-theme-dock-close {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid #d9e2e9;
    border-radius: 6px;
    background: #ffffff;
    color: #526575;
}

.app-theme-dock-close:hover,
.app-theme-dock-close:focus {
    border-color: #bdcad4;
    background: #f1f5f8;
    color: #152736;
}

.app-theme-dock-options {
    display: grid;
    gap: 8px;
    padding: 12px;
}

.app-theme-choice {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) 22px;
    align-items: center;
    gap: 11px;
    width: 100%;
    min-height: 64px;
    padding: 9px 10px;
    border: 1px solid #dfe7ed;
    border-radius: 7px;
    background: #ffffff;
    color: #263b4b;
    text-align: left;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.app-theme-choice:hover,
.app-theme-choice:focus {
    border-color: #aebdca;
    background: #f8fafc;
}

.app-theme-choice[aria-pressed="true"] {
    border-color: var(--app-accent);
    background: var(--app-accent-soft);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--app-accent) 11%, transparent);
}

.app-theme-choice-preview {
    position: relative;
    display: grid;
    grid-template-columns: 19px 1fr;
    grid-template-rows: 13px 1fr;
    width: 58px;
    height: 42px;
    overflow: hidden;
    border: 1px solid rgba(15, 28, 39, .12);
    border-radius: 5px;
    background: #ffffff;
}

.app-theme-choice-preview i:nth-child(1) {
    grid-row: 1 / 3;
}

.app-theme-choice-preview i:nth-child(2) {
    border-bottom: 1px solid rgba(15, 28, 39, .09);
}

.app-theme-choice-preview i:nth-child(3) {
    margin: 5px;
    border-radius: 2px;
}

.app-theme-choice-preview.is-isg-pro i:nth-child(1) {
    background: #102332;
}

.app-theme-choice-preview.is-isg-pro i:nth-child(2) {
    background: #ffffff;
}

.app-theme-choice-preview.is-isg-pro i:nth-child(3) {
    background: #d51f2b;
}

.app-theme-choice-preview.is-crimson i:nth-child(1) {
    background: #1a1e25;
}

.app-theme-choice-preview.is-crimson i:nth-child(2) {
    background: #ffffff;
}

.app-theme-choice-preview.is-crimson i:nth-child(3) {
    background: #c1121f;
}

.app-theme-choice-preview.is-graphite i:nth-child(1) {
    background: #15332f;
}

.app-theme-choice-preview.is-graphite i:nth-child(2) {
    background: #ffffff;
}

.app-theme-choice-preview.is-graphite i:nth-child(3) {
    background: #0f766e;
}

.app-theme-choice-copy strong,
.app-theme-choice-copy small {
    display: block;
}

.app-theme-choice-copy strong {
    color: #152736;
    font-size: 13px;
    font-weight: 800;
}

.app-theme-choice-copy small {
    margin-top: 3px;
    color: #647687;
    font-size: 12px;
    line-height: 1.35;
}

.app-theme-choice-check {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e8eef3;
    color: transparent;
    font-size: 10px;
}

.app-theme-choice[aria-pressed="true"] .app-theme-choice-check {
    background: var(--app-accent);
    color: #ffffff;
}

.app-theme-dock-foot {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 10px 16px;
    border-top: 1px solid #e7edf2;
    background: #f8fafc;
    color: #647687;
    font-size: 12px;
}

@media (prefers-reduced-motion: reduce) {
    .app-theme-dock-panel {
        animation: none;
    }

    .app-theme-dock-toggle {
        transition: none;
    }
}

/* Dashboard bolum sirasi ve tercih ekrani */
body.app-theme .udb-shell {
    display: flex;
    flex-direction: column;
}

body.app-theme .udb-context {
    order: 0;
}

body.app-theme .app-order-1 { order: 1; }
body.app-theme .app-order-2 { order: 2; }
body.app-theme .app-order-3 { order: 3; }
body.app-theme .app-order-4 { order: 4; }
body.app-theme .app-order-5 { order: 5; }
body.app-theme .app-order-6 { order: 6; }
body.app-theme .app-order-7 { order: 7; }
body.app-theme .app-order-8 { order: 8; }
body.app-theme .app-order-9 { order: 9; }
body.app-theme .app-order-10 { order: 10; }

body.app-theme .dashboard-pref-shell {
    display: grid;
    gap: 16px;
    padding-bottom: 24px;
}

body.app-theme .dashboard-pref-hero {
    padding: 22px 24px;
    background: linear-gradient(135deg, #102332 0%, #334b5c 52%, var(--app-accent) 100%);
    color: #fff;
}

body.app-theme .dashboard-pref-hero h1 {
    margin: 0 0 8px;
    color: #fff;
    font-size: var(--app-type-page);
}

body.app-theme .dashboard-pref-hero p {
    max-width: 820px;
    margin: 0;
    color: rgba(255,255,255,.88);
}

body.app-theme .dashboard-pref-actions {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

body.app-theme .dashboard-pref-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-weight: 700;
}

body.app-theme .dashboard-pref-shell .x_panel {
    margin: 0;
}

body.app-theme .dashboard-pref-shell .x_title {
    padding: 16px 18px;
}

body.app-theme .dashboard-pref-shell .x_content {
    padding: 18px;
}

body.app-theme .widget-pref-handle {
    border: 0;
    background: transparent;
    color: var(--app-text-muted);
    cursor: grab;
}

body.app-theme .widget-pref-handle:active {
    cursor: grabbing;
}

body.app-theme .widget-pref-card.is-dragging {
    opacity: .55;
    border-color: var(--app-accent);
    box-shadow: var(--app-shadow);
}

/* Akilli Komuta Merkezi */
body.app-theme .topnav-command-btn {
    gap: 7px;
}

body.app-theme .topnav-command-btn kbd {
    padding: 2px 5px;
    border: 1px solid var(--app-border);
    border-radius: 5px;
    background: var(--app-surface-soft);
    color: var(--app-text-muted);
    font: 700 10px/1.2 "Segoe UI", sans-serif;
    box-shadow: none;
}

body.app-theme.app-command-open {
    overflow: hidden;
}

body.app-theme .app-command-overlay {
    position: fixed;
    inset: 0;
    z-index: 20000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: min(11vh, 92px) 18px 18px;
    background: rgba(15, 23, 42, .48);
    backdrop-filter: blur(5px);
}

body.app-theme .app-command-overlay[hidden] {
    display: none;
}

body.app-theme .app-command-dialog {
    display: grid;
    grid-template-rows: auto auto minmax(160px, 1fr) auto;
    width: min(760px, 100%);
    max-height: min(760px, calc(100dvh - 110px));
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface);
    box-shadow: 0 28px 90px rgba(15, 23, 42, .28);
}

body.app-theme .app-command-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px 14px;
}

body.app-theme .app-command-head span {
    color: var(--app-accent);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

body.app-theme .app-command-head h2 {
    margin: 4px 0 0;
    color: var(--app-text);
    font-size: 19px;
}

body.app-theme .app-command-head button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface-soft);
    color: var(--app-text-soft);
}

body.app-theme .app-command-search {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin: 0 20px 12px;
    padding: 0 12px;
    border: 2px solid var(--app-accent);
    border-radius: 8px;
    background: var(--app-surface);
    box-shadow: 0 0 0 4px var(--app-accent-soft);
}

body.app-theme .app-command-search > i {
    color: var(--app-accent);
}

body.app-theme .app-command-search input {
    width: 100%;
    height: 48px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--app-text);
    font-size: 15px;
}

body.app-theme .app-command-search kbd,
body.app-theme .app-command-foot kbd {
    border: 1px solid var(--app-border);
    border-radius: 5px;
    background: var(--app-surface-soft);
    color: var(--app-text-muted);
    box-shadow: none;
}

body.app-theme .app-command-results {
    min-height: 160px;
    overflow-y: auto;
    padding: 6px 12px 16px;
}

body.app-theme .app-command-start,
body.app-theme .app-command-loading,
body.app-theme .app-command-empty {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 120px;
    padding: 22px;
    border: 1px dashed var(--app-border-strong);
    border-radius: 8px;
    background: var(--app-surface-soft);
    color: var(--app-text-muted);
}

body.app-theme .app-command-start {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

body.app-theme .app-command-start strong,
body.app-theme .app-command-empty strong,
body.app-theme .app-command-empty small {
    display: block;
}

body.app-theme .app-command-start strong,
body.app-theme .app-command-empty strong {
    color: var(--app-text);
}

body.app-theme .app-command-empty > i {
    font-size: 26px;
    color: var(--app-text-muted);
}

body.app-theme .app-command-empty small {
    margin-top: 4px;
    color: var(--app-text-muted);
}

body.app-theme .app-command-group + .app-command-group {
    margin-top: 12px;
}

body.app-theme .app-command-group h3 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 8px 9px;
    color: var(--app-text-muted);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

body.app-theme .app-command-group > a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16px;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 9px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: var(--app-text);
}

body.app-theme .app-command-group > a strong,
body.app-theme .app-command-group > a small {
    display: block;
}

body.app-theme .app-command-group > a strong {
    font-size: 13px;
}

body.app-theme .app-command-group > a small {
    margin-top: 3px;
    color: var(--app-text-muted);
    font-size: 12px;
}

body.app-theme .app-command-group > a:hover,
body.app-theme .app-command-group > a.is-active {
    border-color: color-mix(in srgb, var(--app-accent) 28%, var(--app-border));
    background: var(--app-accent-soft);
    color: var(--app-accent-dark);
}

body.app-theme .app-command-foot {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 11px 20px;
    border-top: 1px solid var(--app-border);
    background: var(--app-surface-soft);
    color: var(--app-text-muted);
    font-size: 11px;
}

body.app-theme .app-command-foot span:last-child {
    margin-left: auto;
}

@media (max-width: 700px) {
    body.app-theme .topnav-command-btn kbd {
        display: none;
    }

    body.app-theme .app-command-overlay {
        align-items: flex-end;
        padding: 8px;
    }

    body.app-theme .app-command-dialog {
        max-height: calc(100dvh - 16px);
    }

    body.app-theme .app-command-head,
    body.app-theme .app-command-search {
        margin-left: 14px;
        margin-right: 14px;
    }

    body.app-theme .app-command-head {
        padding-left: 0;
        padding-right: 0;
    }

    body.app-theme .app-command-foot span:last-child {
        display: none;
    }
}

/* Birlesik Is Akisi Merkezi */
body.app-theme .ni-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.app-theme .ni-panel-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface);
    color: var(--app-text-soft);
    font-size: 12px;
    font-weight: 700;
}

body.app-theme .ni-inbox-list {
    display: grid;
    gap: 8px;
}

body.app-theme .ni-inbox-list > a {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto 14px;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid var(--app-border);
    border-left: 4px solid var(--app-info);
    border-radius: 8px;
    background: var(--app-surface);
    color: var(--app-text);
}

body.app-theme .ni-inbox-list > a.is-critical {
    border-left-color: var(--app-danger);
}

body.app-theme .ni-inbox-list > a > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 7px;
    background: var(--app-info-soft);
    color: var(--app-info);
}

body.app-theme .ni-inbox-list > a.is-critical > i:first-child {
    background: var(--app-danger-soft);
    color: var(--app-danger);
}

body.app-theme .ni-inbox-list strong,
body.app-theme .ni-inbox-list small {
    display: block;
}

body.app-theme .ni-inbox-list strong {
    color: var(--app-text);
    font-size: 13px;
}

body.app-theme .ni-inbox-list small {
    max-width: 100%;
    margin-top: 4px;
    overflow: hidden;
    color: var(--app-text-muted);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.app-theme .ni-inbox-list em {
    padding: 5px 8px;
    border-radius: 7px;
    background: var(--app-surface-soft);
    color: var(--app-text-soft);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

body.app-theme .ni-inbox-list > a.is-critical em {
    background: var(--app-danger-soft);
    color: var(--app-danger);
}

body.app-theme .ni-inbox-list > a:hover {
    border-color: color-mix(in srgb, var(--app-accent) 30%, var(--app-border));
    box-shadow: var(--app-shadow-soft);
}

@media (max-width: 760px) {
    body.app-theme .ni-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.app-theme .ni-inbox-list > a {
        grid-template-columns: 32px minmax(0, 1fr) 12px;
    }

    body.app-theme .ni-inbox-list em {
        grid-column: 2;
    }

    body.app-theme .ni-inbox-list > a > i:last-child {
        grid-column: 3;
        grid-row: 1 / 3;
    }
}

/* Erisilebilirlik katmani */
body.app-theme .app-skip-link {
    position: fixed;
    top: 8px;
    left: 50%;
    z-index: 30000;
    transform: translate(-50%, -160%);
    padding: 10px 16px;
    border-radius: 8px;
    background: var(--app-text);
    color: var(--app-surface);
    font-weight: 800;
    box-shadow: var(--app-shadow);
}

body.app-theme .app-skip-link:focus {
    transform: translate(-50%, 0);
}

body.app-theme .right_col:focus {
    outline: 0;
}

body.app-theme .app-accessibility-options {
    display: grid;
    gap: 7px;
}

body.app-theme .app-accessibility-options button {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 9px;
    width: 100%;
    padding: 8px 9px;
    border: 1px solid var(--app-border);
    border-radius: 8px;
    background: var(--app-surface);
    color: var(--app-text-soft);
    text-align: left;
}

body.app-theme .app-accessibility-options button > i:first-child {
    text-align: center;
}

body.app-theme .app-accessibility-options button strong,
body.app-theme .app-accessibility-options button small {
    display: block;
}

body.app-theme .app-accessibility-options button strong {
    color: var(--app-text);
    font-size: 12px;
}

body.app-theme .app-accessibility-options button small {
    margin-top: 2px;
    color: var(--app-text-muted);
    font-size: 11px;
}

body.app-theme .app-accessibility-options button > i:last-child {
    opacity: 0;
    color: var(--app-success);
}

body.app-theme .app-accessibility-options button.is-active {
    border-color: var(--app-accent);
    background: var(--app-accent-soft);
}

body.app-theme .app-accessibility-options button.is-active > i:last-child {
    opacity: 1;
}

body.app-theme .app-theme-dock-foot > p {
    margin: 9px 0 0;
    color: var(--app-text-muted);
    font-size: 11px;
}

body.app-theme.app-large-text {
    --app-type-xs: 13px;
    --app-type-sm: 14px;
    --app-type-body: 15px;
    --app-type-title: 19px;
    --app-type-page: 28px;
}

body.app-theme.app-large-text .right_col {
    font-size: 15px;
}

body.app-theme.app-high-contrast {
    --app-text: #050b14;
    --app-text-soft: #1f2937;
    --app-text-muted: #374151;
    --app-border: #94a3b8;
    --app-border-strong: #64748b;
    --app-border-soft: #cbd5e1;
}

body.app-theme.app-high-contrast :is(.app-panel, .app-metric-card, input, select, textarea, button) {
    border-color: var(--app-border-strong);
}

body.app-theme.app-reduce-motion *,
body.app-theme.app-reduce-motion *::before,
body.app-theme.app-reduce-motion *::after {
    scroll-behavior: auto !important;
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
}

@media (forced-colors: active) {
    body.app-theme :is(button, a, input, select, textarea, .app-panel, .app-metric-card) {
        forced-color-adjust: auto;
    }
}

/* Mobil Saha Operasyon Modu */
body.app-theme .field-shell {
    display: grid;
    gap: 14px;
    padding-bottom: 28px;
}

body.app-theme .field-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding: 24px;
    background: linear-gradient(135deg, #12302d 0%, #0f766e 58%, #16823b 100%);
    color: #fff;
}

body.app-theme .field-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 8px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    font-weight: 800;
}

body.app-theme .field-hero h1 {
    margin: 0 0 8px;
    color: #fff;
    font-size: var(--app-type-page);
}

body.app-theme .field-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255,255,255,.88);
    line-height: 1.6;
}

body.app-theme .field-connection {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 8px;
    background: rgba(255,255,255,.1);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

body.app-theme .field-connection.is-offline {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

body.app-theme .field-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

body.app-theme .field-metrics > a {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 4px 10px;
    min-height: 92px;
    padding: 14px;
    border: 1px solid var(--app-border);
    border-left: 4px solid var(--app-accent);
    border-radius: 8px;
    background: var(--app-surface);
    color: var(--app-text);
    box-shadow: var(--app-shadow-soft);
}

body.app-theme .field-metrics span {
    color: var(--app-text-muted);
    font-size: 12px;
    font-weight: 700;
}

body.app-theme .field-metrics strong {
    align-self: end;
    font-size: 25px;
}

body.app-theme .field-metrics i {
    grid-column: 2;
    grid-row: 1 / 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: var(--app-accent-soft);
    color: var(--app-accent);
}

body.app-theme .field-section-head {
    padding: 16px 18px;
    border-bottom: 1px solid var(--app-border-soft);
}

body.app-theme .field-section-head h2 {
    margin: 0;
    font-size: var(--app-type-title);
}

body.app-theme .field-section-head p {
    margin: 4px 0 0;
    font-size: 12px;
}

body.app-theme .field-section-head > a {
    color: var(--app-accent);
    font-size: 12px;
    font-weight: 800;
}

body.app-theme .field-action-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    background: var(--app-border-soft);
}

body.app-theme .field-action-grid > a {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 11px;
    min-height: 74px;
    padding: 12px 15px;
    background: var(--app-surface);
    color: var(--app-text);
}

body.app-theme .field-action-grid > a > i:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 8px;
    background: var(--app-surface-muted);
    color: var(--app-text-soft);
    font-size: 16px;
}

body.app-theme .field-action-grid > a.is-danger > i:first-child { background: var(--app-danger-soft); color: var(--app-danger); }
body.app-theme .field-action-grid > a.is-warning > i:first-child { background: var(--app-warning-soft); color: var(--app-warning); }
body.app-theme .field-action-grid > a.is-success > i:first-child { background: var(--app-success-soft); color: var(--app-success); }
body.app-theme .field-action-grid > a.is-info > i:first-child { background: var(--app-info-soft); color: var(--app-info); }

body.app-theme .field-action-grid strong,
body.app-theme .field-action-grid small {
    display: block;
}

body.app-theme .field-action-grid strong {
    font-size: 13px;
}

body.app-theme .field-action-grid small {
    margin-top: 3px;
    color: var(--app-text-muted);
    font-size: 12px;
}

body.app-theme .field-action-grid > a:hover {
    background: var(--app-surface-soft);
}

body.app-theme .field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

body.app-theme .field-list {
    padding: 0 14px 8px;
}

body.app-theme .field-list > a {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr) auto 12px;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    border-bottom: 1px solid var(--app-border-soft);
    color: var(--app-text);
}

body.app-theme .field-list > a:last-child {
    border-bottom: 0;
}

body.app-theme .field-list time {
    text-align: center;
}

body.app-theme .field-list time strong,
body.app-theme .field-list time span,
body.app-theme .field-list > a > span strong,
body.app-theme .field-list > a > span small {
    display: block;
}

body.app-theme .field-list time strong {
    color: var(--app-accent);
    font-size: 20px;
}

body.app-theme .field-list time span,
body.app-theme .field-list > a > span small {
    color: var(--app-text-muted);
    font-size: 11px;
}

body.app-theme .field-list > a > span strong {
    overflow: hidden;
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.app-theme .field-list > a > span small {
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.app-theme .field-list em {
    padding: 5px 7px;
    border-radius: 7px;
    background: var(--app-success-soft);
    color: var(--app-success);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

body.app-theme .field-list > a.is-urgent em {
    background: var(--app-danger-soft);
    color: var(--app-danger);
}

body.app-theme .field-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: var(--app-info-soft);
    color: var(--app-info);
}

body.app-theme .field-empty {
    margin: 14px 0 6px;
    padding: 18px;
}

@media (max-width: 900px) {
    body.app-theme .field-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    body.app-theme .topnav-field-item {
        display: list-item;
    }

    body.app-theme .field-shell {
        gap: 10px;
    }

    body.app-theme .field-hero {
        display: block;
        padding: 18px 16px;
    }

    body.app-theme .field-connection {
        margin-top: 14px;
    }

    body.app-theme .field-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.app-theme .field-action-grid {
        grid-template-columns: 1fr;
    }

    body.app-theme .field-action-grid > a {
        min-height: 68px;
    }

    body.app-theme .field-list {
        padding-right: 10px;
        padding-left: 10px;
    }

    body.app-theme .field-list > a {
        grid-template-columns: 44px minmax(0, 1fr) 12px;
    }

    body.app-theme .field-list em {
        grid-column: 2;
    }

    body.app-theme .field-list > a > i:last-child {
        grid-column: 3;
        grid-row: 1 / 3;
    }
}

@media (max-width: 767px) {
    body.app-theme {
        font-size: 13px;
    }

    body.app-theme[data-app-theme="isg-pro"] .nav.side-menu > li > a,
    body.app-theme[data-app-theme="crimson"] .nav.side-menu > li > a,
    body.app-theme[data-app-theme="graphite"] .nav.side-menu > li > a {
        font-size: 12.5px;
    }

    body.app-theme[data-app-theme="crimson"].sidebar-mobile-open .sidebar-tenant-box,
    body.app-theme[data-app-theme="crimson"].sidebar-mobile-open .sidebar-tenant-box + br,
    body.app-theme[data-app-theme="graphite"].sidebar-mobile-open .sidebar-tenant-box,
    body.app-theme[data-app-theme="graphite"].sidebar-mobile-open .sidebar-tenant-box + br {
        display: none !important;
    }

    .app-theme-dock {
        right: 12px;
        bottom: 12px;
    }

    .app-theme-dock-toggle {
        width: 44px;
        height: 44px;
    }

    .app-theme-dock-panel {
        bottom: 55px;
    }
}

/* Screen typography contract: PDF/print layouts and icon glyphs keep their own scale. */
@media screen {
    body.app-theme .right_col[role="main"] {
        font-size: var(--app-type-body);
        line-height: 1.5;
    }

    body.app-theme .right_col[role="main"] :is(
        [class*="-card"],
        [class*="-panel"],
        [class*="-section"],
        [class*="-toolbar"],
        [class*="-modal"]
    ) {
        line-height: 1.5;
    }

    body.app-theme .right_col[role="main"] :is(
        [class*="-card"],
        [class*="-panel"],
        [class*="-section"]
    ) :is(p, small) {
        font-size: var(--app-type-xs);
    }

    body.app-theme .right_col[role="main"] :is(
        [class*="-meta"],
        [class*="-hint"],
        [class*="-note"],
        [class*="-caption"],
        [class*="-subtitle"],
        [class*="-description"],
        [class*="-eyebrow"],
        [class*="-kicker"]
    ) {
        font-size: var(--app-type-xs) !important;
        line-height: 1.45 !important;
    }

    body.app-theme .right_col[role="main"] :is(
        [class*="-meta"],
        [class*="-copy"],
        [class*="-detail"],
        [class*="-stat"],
        [class*="-summary"]
    ) :is(small, p) {
        font-size: var(--app-type-xs) !important;
        line-height: 1.45 !important;
    }

    body.app-theme .right_col[role="main"] :is(
        [class*="-card"],
        [class*="-panel"],
        [class*="-section"],
        [class*="-modal"]
    ) :is(label, button, input, select, textarea) {
        font-size: var(--app-type-sm);
    }

    body.app-theme .right_col[role="main"] table:not([class*="-pdf"]) th {
        font-size: var(--app-type-xs) !important;
        line-height: 1.4;
    }

    body.app-theme .right_col[role="main"] table:not([class*="-pdf"]) td {
        font-size: var(--app-type-sm);
        line-height: 1.5;
    }

    body.app-theme .right_col[role="main"] :is(
        .badge,
        [class*="-badge"],
        [class*="-chip"],
        [class*="-pill"],
        [class*="-status"]
    ) {
        font-size: 11px;
        line-height: 1.3;
    }

    body.app-theme .right_col[role="main"] :is(
        h2,
        [class*="-head"] h2,
        [class*="-header"] h2
    ) {
        line-height: 1.3;
    }

    body.app-theme .udb-task-row time small,
    body.app-theme .udb-task-row em,
    body.app-theme .udb-tenant-list em {
        font-size: 11px;
    }

    body.app-theme .udb-pulse-row > span:nth-child(3)::before,
    body.app-theme .udb-pulse-row > span:nth-child(4)::before,
    body.app-theme .udb-pulse-row > span:nth-child(5)::before {
        font-size: 9px;
    }
}

/* ==========================================================================
   ORTAK BILESEN SOZLESMESI
   Yeni ekranlar module ozel siniflarini koruyabilir; ortak davranis icin
   app-* siniflari birlikte kullanilir.
   ========================================================================== */
body.app-theme {
    --app-component-radius: 8px;
    --app-component-border: var(--app-border);
    --app-component-surface: var(--app-surface);
    --app-component-surface-soft: var(--app-surface-soft);
    --app-component-text: var(--app-text);
    --app-component-muted: var(--app-text-muted);
    --app-component-accent: var(--app-accent);
    --app-component-shadow: var(--app-shadow-soft);
    --app-component-shadow-hover: 0 12px 28px color-mix(in srgb, var(--app-text) 10%, transparent);
}

body.app-theme .right_col > .app-shell,
body.app-theme .right_col .app-shell {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

body.app-theme .app-shell *,
body.app-theme .app-shell *::before,
body.app-theme .app-shell *::after {
    box-sizing: border-box;
}

body.app-theme .app-hero {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border-radius: 0 0 var(--app-component-radius) var(--app-component-radius);
}

body.app-theme .app-panel,
body.app-theme .app-metric-card {
    position: relative;
    min-width: 0;
    border: 1px solid var(--app-component-border);
    border-radius: var(--app-component-radius);
    background: var(--app-component-surface);
    box-shadow: var(--app-component-shadow);
}

body.app-theme .app-panel {
    overflow: hidden;
}

body.app-theme .app-metric-card {
    overflow: hidden;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.app-theme a.app-metric-card:hover,
body.app-theme button.app-metric-card:hover,
body.app-theme a.app-panel:hover {
    border-color: color-mix(in srgb, var(--app-component-accent) 36%, var(--app-component-border));
    box-shadow: var(--app-component-shadow-hover);
}

body.app-theme button.app-metric-card:active,
body.app-theme a.app-metric-card:active {
    transform: translateY(1px);
}

body.app-theme .app-section-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
}

body.app-theme .app-section-head > * {
    min-width: 0;
}

body.app-theme .app-section-head h2,
body.app-theme .app-section-head h3 {
    margin-top: 0;
    color: var(--app-component-text);
}

body.app-theme .app-section-head p {
    color: var(--app-component-muted);
}

body.app-theme .app-toolbar {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

body.app-theme .app-toolbar > * {
    min-width: 0;
}

body.app-theme .app-data-table-wrap {
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

body.app-theme .app-data-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: var(--app-component-text);
}

body.app-theme .app-data-table th {
    background: var(--app-component-surface-soft);
    color: #475467;
    font-weight: 700;
}

body.app-theme .app-data-table th,
body.app-theme .app-data-table td {
    border-bottom: 1px solid var(--app-component-border);
    vertical-align: middle;
}

body.app-theme .app-data-table tbody tr {
    transition: background-color .16s ease;
}

body.app-theme .app-data-table tbody tr:hover {
    background: var(--app-component-surface-soft);
}

body.app-theme .app-empty-state,
body.app-theme .app-empty-cell {
    color: var(--app-component-muted);
}

body.app-theme .app-empty-state {
    min-height: 112px;
    border: 1px dashed var(--app-border-strong);
    border-radius: var(--app-component-radius);
    background: var(--app-component-surface-soft);
}

body.app-theme .app-empty-cell {
    padding: 28px 16px !important;
    text-align: center;
}

body.app-theme .app-pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

body.app-theme .app-pagination button,
body.app-theme .app-pagination a {
    min-width: 36px;
    min-height: 36px;
    border-radius: var(--app-component-radius);
}

body.app-theme .app-modal {
    padding: 20px;
}

body.app-theme .app-modal-dialog {
    width: min(720px, 100%);
    max-height: calc(100dvh - 40px);
    border: 1px solid var(--app-component-border);
    border-radius: var(--app-component-radius);
    background: var(--app-component-surface);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .22);
}

body.app-theme .app-modal-head {
    position: sticky;
    top: 0;
    z-index: 2;
    border-bottom: 1px solid var(--app-component-border);
    background: var(--app-component-surface);
}

body.app-theme :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid color-mix(in srgb, var(--app-component-accent) 28%, transparent);
    outline-offset: 2px;
}

body.app-theme .app-state {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid var(--app-border);
    border-left-width: 4px;
    border-radius: var(--app-component-radius);
    background: var(--app-surface);
    color: var(--app-text);
}

body.app-theme .app-state > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: var(--app-surface-muted);
    color: var(--app-text-soft);
}

body.app-theme .app-state strong,
body.app-theme .app-state span {
    display: block;
}

body.app-theme .app-state span {
    margin-top: 3px;
    color: var(--app-text-soft);
}

body.app-theme .app-state.is-success {
    border-color: color-mix(in srgb, var(--app-success) 35%, var(--app-border));
    border-left-color: var(--app-success);
    background: var(--app-success-soft);
}

body.app-theme .app-state.is-success > i {
    background: color-mix(in srgb, var(--app-success) 14%, white);
    color: var(--app-success);
}

body.app-theme .app-state.is-warning {
    border-color: color-mix(in srgb, var(--app-warning) 35%, var(--app-border));
    border-left-color: var(--app-warning);
    background: var(--app-warning-soft);
}

body.app-theme .app-state.is-warning > i {
    background: color-mix(in srgb, var(--app-warning) 14%, white);
    color: var(--app-warning);
}

body.app-theme .app-state.is-danger {
    border-color: color-mix(in srgb, var(--app-danger) 35%, var(--app-border));
    border-left-color: var(--app-danger);
    background: var(--app-danger-soft);
}

body.app-theme .app-state.is-danger > i {
    background: color-mix(in srgb, var(--app-danger) 14%, white);
    color: var(--app-danger);
}

body.app-theme .app-state.is-info {
    border-color: color-mix(in srgb, var(--app-info) 32%, var(--app-border));
    border-left-color: var(--app-info);
    background: var(--app-info-soft);
}

body.app-theme .app-state.is-info > i {
    background: color-mix(in srgb, var(--app-info) 13%, white);
    color: var(--app-info);
}

body.app-theme .app-skeleton {
    position: relative;
    overflow: hidden;
    min-height: 14px;
    border-radius: 6px;
    background: var(--app-surface-muted);
    color: transparent !important;
    pointer-events: none;
}

body.app-theme .app-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--app-surface) 75%, transparent), transparent);
    animation: app-skeleton-sweep 1.25s ease-in-out infinite;
}

body.app-theme .is-loading {
    cursor: progress !important;
    pointer-events: none;
}

body.app-theme .is-loading > :not(.fa):not(.app-loading-label) {
    opacity: .72;
}

body.app-theme .is-loading .fa {
    animation: app-spin .8s linear infinite;
}

@keyframes app-skeleton-sweep {
    to { transform: translateX(100%); }
}

@keyframes app-spin {
    to { transform: rotate(360deg); }
}

body.app-theme :is(button, input, select, textarea)[disabled],
body.app-theme :is(button, input, select, textarea)[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .58;
}

@media (max-width: 767px) {
    body.app-theme .app-section-head,
    body.app-theme .app-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    body.app-theme .app-toolbar > * {
        width: 100%;
    }

    body.app-theme .app-modal {
        align-items: flex-end;
        padding: 8px;
    }

    body.app-theme .app-modal-dialog {
        width: 100%;
        max-height: calc(100dvh - 16px);
    }
}

@media (prefers-reduced-motion: reduce) {
    body.app-theme .app-metric-card,
    body.app-theme .app-data-table tbody tr {
        transition: none;
    }

    body.app-theme .app-skeleton::after,
    body.app-theme .is-loading .fa {
        animation: none;
    }
}
/* ========================================================================
   Sales Demo Center and customer onboarding review
   ======================================================================== */
.sales-demo-shell {
    display: grid;
    gap: 18px;
}

.sales-demo-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    min-height: 218px;
    padding: 30px;
    background:
        linear-gradient(115deg, rgba(8, 18, 34, .98) 0%, rgba(21, 54, 66, .96) 54%, rgba(20, 111, 93, .94) 100%);
    color: #fff;
}

.sales-demo-hero h1 {
    margin: 8px 0 10px;
    color: #fff;
    font-size: var(--app-type-page);
    font-weight: 800;
}

.sales-demo-hero p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: var(--app-type-body);
    line-height: 1.65;
}

.sales-demo-eyebrow,
.sales-demo-kicker {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #5eead4;
    font-size: var(--app-type-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.sales-demo-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.sales-demo-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.sales-demo-metric {
    display: grid;
    gap: 5px;
    min-height: 126px;
    padding: 18px 18px 16px;
    border-left: 4px solid #94a3b8;
    color: var(--app-text, #172033);
    text-decoration: none;
}

.sales-demo-metric:hover,
.sales-demo-metric:focus {
    color: var(--app-text, #172033);
    text-decoration: none;
    transform: translateY(-2px);
}

.sales-demo-metric.is-danger { border-left-color: #dc2626; }
.sales-demo-metric.is-success { border-left-color: #16a34a; }
.sales-demo-metric.is-info { border-left-color: #0284c7; }
.sales-demo-metric.is-warning { border-left-color: #f59e0b; }

.sales-demo-metric span {
    color: var(--app-muted, #667085);
    font-size: var(--app-type-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.sales-demo-metric strong {
    color: var(--app-text, #172033);
    font-size: 29px;
    line-height: 1;
}

.sales-demo-metric small {
    color: var(--app-muted, #667085);
    font-size: var(--app-type-sm);
}

.sales-demo-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: 18px;
}

.sales-demo-grid .app-panel,
.sales-demo-trials {
    padding: 22px;
}

.sales-demo-steps,
.sales-demo-checklist,
.sales-demo-trial-list {
    display: grid;
    gap: 0;
}

.sales-demo-steps > a,
.sales-demo-checklist > a,
.sales-demo-trial-list > a {
    display: grid;
    align-items: center;
    gap: 13px;
    min-width: 0;
    padding: 14px 4px;
    border-bottom: 1px solid var(--app-border, #e5e7eb);
    color: var(--app-text, #172033);
    text-decoration: none;
}

.sales-demo-steps > a {
    grid-template-columns: 32px minmax(0, 1fr) 18px;
}

.sales-demo-steps > a:last-child,
.sales-demo-checklist > a:last-child,
.sales-demo-trial-list > a:last-child {
    border-bottom: 0;
}

.sales-demo-steps > a:hover,
.sales-demo-checklist > a:hover,
.sales-demo-trial-list > a:hover {
    color: var(--app-text, #172033);
    text-decoration: none;
}

.sales-demo-steps b {
    display: inline-grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ecfdf5;
    color: #047857;
    font-size: var(--app-type-sm);
}

.sales-demo-steps span,
.sales-demo-checklist span,
.sales-demo-trial-list span {
    min-width: 0;
}

.sales-demo-steps strong,
.sales-demo-checklist strong,
.sales-demo-trial-list strong,
.sales-demo-steps small,
.sales-demo-checklist small,
.sales-demo-trial-list small {
    display: block;
}

.sales-demo-steps strong,
.sales-demo-checklist strong,
.sales-demo-trial-list strong {
    font-size: var(--app-type-body);
}

.sales-demo-steps small,
.sales-demo-checklist small,
.sales-demo-trial-list small {
    margin-top: 3px;
    color: var(--app-muted, #667085);
    font-size: var(--app-type-sm);
    line-height: 1.45;
}

.sales-demo-score {
    display: grid;
    place-items: center;
    min-width: 56px;
    height: 42px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    background: #ecfdf5;
    color: #047857;
    font-size: var(--app-type-title);
    font-weight: 900;
}

.sales-demo-progress {
    width: 100%;
    height: 8px;
    margin: 4px 0 10px;
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    background: #e2e8f0;
}

.sales-demo-progress::-webkit-progress-bar { background: #e2e8f0; }
.sales-demo-progress::-webkit-progress-value { background: #16a34a; }
.sales-demo-progress::-moz-progress-bar { background: #16a34a; }

.sales-demo-checklist > a {
    grid-template-columns: 22px minmax(0, 1fr) 14px;
}

.sales-demo-checklist > a.is-ready > i:first-child { color: #16a34a; }
.sales-demo-checklist > a.is-missing > i:first-child { color: #f59e0b; }

.sales-demo-trial-list > a {
    grid-template-columns: 38px minmax(0, 1fr) auto 18px;
}

.sales-demo-trials .app-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 190px;
    padding: 28px 18px;
    text-align: center;
}

.sales-demo-trials .app-empty-state > i {
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #ecfdf5;
    color: #047857;
    font-size: 19px;
}

.sales-demo-trials .app-empty-state > strong,
.sales-demo-trials .app-empty-state > span {
    display: block;
    position: static;
    width: auto;
    max-width: 480px;
    margin: 0;
}

.sales-demo-trials .app-empty-state > strong {
    color: var(--app-text, #172033);
    font-size: var(--app-type-title);
}

.sales-demo-trials .app-empty-state > span {
    color: var(--app-muted, #667085);
    font-size: var(--app-type-sm);
    line-height: 1.5;
}

.sales-demo-trials .app-empty-state > .leg-btn {
    margin-top: 6px;
}

.sales-demo-trial-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #eff6ff;
    color: #2563eb;
}

.sales-demo-days {
    padding: 5px 9px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: var(--app-type-xs);
    font-weight: 800;
    white-space: nowrap;
}

.sales-demo-days.is-urgent {
    background: #fef2f2;
    color: #b91c1c;
}

.onb-review-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.onb-review-item {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--app-border, #e5e7eb);
    border-radius: 8px;
    background: var(--app-surface-muted, #f8fafc);
}

.onb-review-item > i {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #047857;
    font-size: 17px;
}

.onb-review-item small,
.onb-review-item strong,
.onb-review-item em {
    display: block;
    overflow-wrap: anywhere;
}

.onb-review-item small {
    color: var(--app-muted, #667085);
    font-size: var(--app-type-xs);
    font-weight: 800;
    text-transform: uppercase;
}

.onb-review-item strong {
    margin-top: 3px;
    color: var(--app-text, #172033);
    font-size: var(--app-type-body);
}

.onb-review-item em {
    margin-top: 3px;
    color: var(--app-muted, #667085);
    font-size: var(--app-type-sm);
    font-style: normal;
}

.onb-final-note {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    margin-top: 14px;
    padding: 16px;
    border: 1px solid #a7f3d0;
    border-radius: 8px;
    background: #ecfdf5;
    color: #065f46;
}

.onb-final-note > i {
    margin-top: 2px;
    font-size: 22px;
}

.onb-final-note strong,
.onb-final-note span {
    display: block;
}

.onb-final-note span {
    margin-top: 4px;
    font-size: var(--app-type-sm);
    line-height: 1.55;
}

#onbSubmitButton[hidden],
#onbNextSection[hidden] {
    display: none !important;
}

@media (max-width: 1100px) {
    .sales-demo-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sales-demo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .sales-demo-hero {
        align-items: flex-start;
        flex-direction: column;
        min-height: 0;
        padding: 22px 18px;
    }
    .sales-demo-hero-actions,
    .sales-demo-hero-actions .leg-hero-btn { width: 100%; }
    .sales-demo-metrics,
    .onb-review-grid { grid-template-columns: 1fr; }
    .sales-demo-grid .app-panel,
    .sales-demo-trials { padding: 17px; }
    .sales-demo-trial-list > a {
        grid-template-columns: 36px minmax(0, 1fr) 16px;
    }
    .sales-demo-days {
        grid-column: 2 / 3;
        justify-self: start;
    }
}

/* Security Center */
.security-center{padding:0 18px 28px;color:#122033}.security-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;background:linear-gradient(120deg,#10273a,#155e4b 58%,#18884f);color:#fff;border-radius:0 0 8px 8px}.security-kicker{display:block;margin-bottom:8px;color:#b9f2d3;font-size:12px;font-weight:800;text-transform:uppercase}.security-hero h1{margin:0 0 8px;font-size:30px;color:#fff}.security-hero p{max-width:680px;margin:0;color:#e3f6ec;font-size:15px;line-height:1.65}.security-hero-score{min-width:150px;padding:16px 20px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(255,255,255,.1);text-align:center}.security-hero-score strong{display:block;font-size:30px;color:#fff}.security-hero-score span{font-size:12px;color:#d9f7e7}.security-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.security-metrics article,.security-panel{background:#fff;border:1px solid #dbe3ea;border-radius:8px;box-shadow:0 8px 22px rgba(16,39,58,.05)}.security-metrics article{padding:18px;border-left:4px solid #d71920}.security-metrics span{display:block;color:#53657a;font-size:12px;font-weight:800;text-transform:uppercase}.security-metrics strong{display:block;margin:5px 0;font-size:28px;color:#10273a}.security-metrics small{color:#718096}.security-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);gap:16px}.security-panel{overflow:hidden}.security-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e5ebf0}.security-panel h2{margin:0 0 4px;font-size:17px}.security-panel header p{margin:0;color:#718096;font-size:13px}.security-panel header a{color:#b41018;font-weight:800}.security-check-list,.security-event-list{padding:10px 20px}.security-check-list article,.security-event-list article{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid #edf1f5}.security-check-list article:last-child,.security-event-list article:last-child{border-bottom:0}.security-check-list i{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;color:#fff}.security-check-list .is-ok i{background:#16834f}.security-check-list .is-warning i{background:#d97706}.security-check-list strong,.security-event-list strong{display:block;color:#17283b}.security-check-list span,.security-event-list span,.security-event-list small{display:block;margin-top:3px;color:#66778a;font-size:12px;line-height:1.5}.security-event-icon{display:grid!important;place-items:center;flex:0 0 32px;height:32px;margin:0!important;border-radius:8px;background:#edf6f1;color:#16834f!important}.security-empty{padding:24px 0;color:#718096;text-align:center}@media(max-width:900px){.security-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.security-grid{grid-template-columns:1fr}}@media(max-width:560px){.security-center{padding:0 14px 22px}.security-hero{align-items:flex-start;flex-direction:column;padding:22px 18px}.security-hero-score{width:100%}.security-metrics{grid-template-columns:1fr}.security-panel>header{align-items:flex-start;flex-direction:column}}

/* Sales Scenario */
.sales-scenario-panel{margin:18px 0;padding:20px}.sales-scenario-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.sales-scenario-tabs a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #d7e0e8;border-radius:8px;background:#fff;color:#35485d;font-weight:800}.sales-scenario-tabs a.is-active{border-color:#c71920;background:#c71920;color:#fff}.sales-scenario-detail{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(360px,1.3fr);gap:18px;padding:18px;border:1px solid #e1e7ec;border-radius:8px;background:#f8fafc}.sales-scenario-brief span{display:inline-flex;padding:5px 9px;border-radius:6px;background:#e8f5ed;color:#17643e;font-size:11px;font-weight:800;text-transform:uppercase}.sales-scenario-brief h3{margin:10px 0 6px;color:#15283b;font-size:20px}.sales-scenario-brief p{margin:0;color:#607286;line-height:1.65}.sales-scenario-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-scenario-proof a{display:flex;align-items:center;gap:10px;min-height:54px;padding:10px 12px;border:1px solid #dce4eb;border-radius:8px;background:#fff;color:#26394d;font-weight:800}.sales-scenario-proof b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#162b3d;color:#fff}.sales-scenario-proof i{margin-left:auto;color:#c71920}@media(max-width:760px){.sales-scenario-detail{grid-template-columns:1fr}.sales-scenario-proof{grid-template-columns:1fr}.sales-scenario-tabs a{flex:1 1 calc(50% - 8px);justify-content:center}}

/* NACE library modernization */
.nace-library-head{align-items:center;padding:18px 20px;background:linear-gradient(90deg,#fff 0%,#f8fafc 100%)}
.nace-library-title{display:flex;align-items:center;gap:13px}
.nace-library-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #fecaca;border-radius:8px;background:#fff1f2;color:#c81e1e;font-size:17px}
.nace-library-eyebrow{display:block;margin-bottom:3px;color:#b42318;font-size:10px;font-weight:800;line-height:1.2;text-transform:uppercase;letter-spacing:0}
.nace-library-title h2{font-size:17px!important;line-height:1.25}
.nace-library-title p{max-width:680px;line-height:1.5}
.nace-library-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.nace-data-health{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;font-size:11px;font-weight:800;white-space:nowrap}
.nace-data-health i{font-size:13px}
.nace-library-trustbar{display:flex;align-items:center;gap:8px 18px;min-height:42px;padding:9px 20px;border-bottom:1px solid #e8edf3;background:#fbfcfe;color:#526071;font-size:11px;font-weight:700;flex-wrap:wrap}
.nace-library-trustbar span{display:inline-flex;align-items:center;gap:7px}
.nace-library-trustbar i{color:#667085}
.nace-card-body>.nace-filter-bar{grid-template-columns:118px minmax(260px,1fr) 180px minmax(190px,230px) auto;padding:14px;margin:-2px 0 16px;border:1px solid #e5eaf0;border-radius:8px;background:#f8fafc}
.nace-card-body>.nace-filter-bar .form-group>label{display:block;margin:0 0 7px;color:#475467;font-size:11px;font-weight:800}
.nace-card-body>.nace-filter-bar .form-control{height:40px;border-color:#cfd7e2;border-radius:8px;background:#fff;box-shadow:none;color:#1d2939;font-size:13px}
.nace-card-body>.nace-filter-bar .form-control:focus{border-color:#e5484d;box-shadow:0 0 0 3px rgba(220,38,38,.09)}
.nace-card-body>.nace-filter-bar .nace-filter-size{min-height:40px;padding:0 10px;background:#fff}
.nace-card-body>.nace-filter-bar .nace-filter-size label{font-size:11px}
.nace-card-body>.nace-filter-bar .nace-filter-size .form-control{height:36px;border:0;background:transparent;font-weight:800}
.nace-card-body>.nace-filter-bar .nace-filter-actions{align-self:end;min-height:40px}
.nace-table-wrap{border:1px solid #e4e9f0;border-radius:8px;background:#fff}
.nace-table thead th{position:sticky;top:0;z-index:1;height:42px;padding:10px 12px;background:#f6f8fb;color:#475467;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}
.nace-table td{padding:12px;color:#27364a;line-height:1.45}
.nace-table tbody tr:last-child td{border-bottom:0}
.nace-table .nace-code{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid #dbe4ee;border-radius:7px;background:#f8fafc;color:#101828;font-size:12px;white-space:nowrap}
.nace-table tbody tr:hover>td{background:#f8fbff}
.nace-th-actions{text-align:right!important}
.nace-btn.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}
.nace-pager{padding:15px 2px 1px}
.nace-pager-left strong{color:#101828}

@media(max-width:1199px){
  .nace-card-body>.nace-filter-bar{grid-template-columns:118px minmax(240px,1fr) repeat(2,minmax(170px,1fr));}
  .nace-card-body>.nace-filter-bar .nace-filter-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:767px){
  .nace-library-head{align-items:flex-start;padding:16px}
  .nace-library-title{align-items:flex-start}
  .nace-library-icon{flex-basis:38px;width:38px;height:38px}
  .nace-library-head-actions{width:100%;justify-content:stretch}
  .nace-library-head-actions>*{flex:1 1 auto}
  .nace-library-trustbar{align-items:flex-start;padding:10px 16px;gap:8px}
  .nace-library-trustbar span{width:100%}
  .nace-card-body>.nace-filter-bar{grid-template-columns:1fr;padding:12px}
  .nace-card-body>.nace-filter-bar .nace-filter-actions{grid-column:auto;display:grid;grid-template-columns:1fr 1fr}
  .nace-pager{align-items:stretch}
  .nace-pager-left,.nace-pager-right{width:100%;justify-content:space-between}
  .nace-pager-right .nace-btn{flex:1 1 0}
}
.nace-action.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:none;filter:saturate(.45)}
@media (max-width:767px){.ns-workplace-picker{grid-template-columns:1fr;padding:12px}}@media (max-width:767px){.ns-rule-audit-head{display:grid}.ns-rule-facts,.ns-rule-formulas{grid-template-columns:1fr}.ns-rule-version{justify-self:start}.ns-legal-links{display:grid}.ns-legal-links a{width:100%}}@media (max-width:767px){.ns-threshold-simulator{grid-template-columns:1fr;padding:12px}.ns-threshold-presets{grid-template-columns:repeat(4,minmax(0,1fr))}.ns-comparison-head{display:grid}.ns-comparison-delta{justify-self:start}.ns-comparison-summary{grid-template-columns:1fr}}@media (max-width:767px){.ns-period-picker,.ns-assignment-summary{grid-template-columns:1fr}.ns-assignment-actions{align-items:stretch;display:grid}.ns-assignment-actions .ns-btn{width:100%}}@media (max-width:991px){.ns-portfolio-handoff{align-items:stretch;display:grid}.ns-portfolio-actions{justify-content:flex-start}}@media (max-width:767px){.ns-portfolio-actions{display:grid;grid-template-columns:1fr 1fr}.ns-portfolio-actions .ns-btn{width:100%}}.spd-standard-step-pager{grid-column:1/-1;margin-top:0;position:sticky;bottom:10px;z-index:20}.spd-standard-step-pager .ns-step-meta{min-width:110px}.spd-standard-step-pager .ns-step-actions{margin-left:auto}@media (max-width:767px){.spd-standard-step-pager{bottom:6px}.spd-standard-step-pager .ns-btn{min-width:96px}}
/* Service planning bulk: shared step navigation */
.spb-standard-step-pager{margin-top:14px;position:sticky;bottom:10px;z-index:20}.spb-standard-step-pager .ns-step-meta{min-width:110px}.spb-standard-step-pager .ns-step-actions{margin-left:auto}@media (max-width:767px){.spb-standard-step-pager{bottom:6px}.spb-standard-step-pager .ns-btn{min-width:96px}}
/* Service planning bulk: priority workplace list */
.spb-priority-panel{margin-top:18px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045);overflow:hidden}.spb-priority-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px 14px;border-bottom:1px solid #e8edf3;background:#fbfdff}.spb-priority-head h3{margin:0;color:#172033;font-size:16px;font-weight:800;line-height:1.35}.spb-priority-head p{max-width:720px;margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}.spb-priority-head-meta{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.spb-priority-head-meta .spb-period-note{min-height:30px;padding:6px 9px;border:1px solid #dfe6ee;border-radius:6px;background:#fff;color:#475569;font-size:10px;font-weight:800;white-space:nowrap}.spb-priority-head-meta .spb-period-note:first-child{border-color:#fecaca;background:#fff5f5;color:#b42318}.spb-priority-list{padding:0 18px}.spb-priority-item{position:relative;display:grid;grid-template-columns:minmax(230px,1fr) minmax(330px,auto) 32px;align-items:center;gap:14px;min-height:68px;padding:10px 0;border-bottom:1px solid #edf1f5;color:#344054;text-decoration:none}.spb-priority-item:last-child{border-bottom:0}.spb-priority-item::before{content:"";position:absolute;left:-18px;top:13px;bottom:13px;width:3px;border-radius:0 3px 3px 0;background:#94a3b8;opacity:.75}.spb-priority-item.is-critical::before{background:#dc2626}.spb-priority-item.is-warning::before{background:#f59e0b}.spb-priority-item.is-watch::before{background:#0284c7}.spb-priority-item:hover,.spb-priority-item:focus{color:#172033;text-decoration:none;background:#f8fafc;outline:none}.spb-priority-item:focus-visible{box-shadow:inset 0 0 0 2px #2563eb}.spb-priority-main{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:11px;min-width:0}.spb-priority-rank{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9e2eb;border-radius:50%;background:#f8fafc;color:#475569;font-size:11px;font-weight:900}.spb-priority-item.is-critical .spb-priority-rank{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.spb-priority-item.is-warning .spb-priority-rank{border-color:#fde68a;background:#fffbeb;color:#b45309}.spb-priority-title{min-width:0}.spb-priority-title strong,.spb-priority-title span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spb-priority-title strong{color:#172033;font-size:12px;font-weight:800;line-height:1.4}.spb-priority-title span{margin-top:3px;color:#64748b;font-size:10px;line-height:1.4}.spb-priority-meta{display:grid;grid-template-columns:repeat(3,minmax(96px,1fr));gap:7px;min-width:0}.spb-priority-meta .spb-badge{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:32px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:6px;background:#f8fafc;color:#475569;font-size:10px;font-weight:800;line-height:1.25;white-space:nowrap}.spb-priority-meta .spb-badge i{width:13px;text-align:center;color:#64748b}.spb-priority-item.is-critical .spb-priority-meta .spb-badge:nth-child(2){border-color:#fecaca;background:#fef2f2;color:#b91c1c}.spb-priority-item.is-critical .spb-priority-meta .spb-badge:nth-child(2) i{color:#dc2626}.spb-priority-action{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d9e2eb;border-radius:7px;background:#fff;color:#64748b;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.spb-priority-item:hover .spb-priority-action,.spb-priority-item:focus .spb-priority-action{border-color:#fca5a5;background:#fff1f2;color:#b91c1c;transform:translateX(2px)}
@media(max-width:1100px){.spb-priority-item{grid-template-columns:minmax(0,1fr) 32px}.spb-priority-meta{grid-column:1/-1;grid-row:2;padding-left:45px}.spb-priority-action{grid-column:2;grid-row:1}}
@media(max-width:767px){.spb-priority-head{display:block;padding:14px}.spb-priority-head p{font-size:11px}.spb-priority-head-meta{justify-content:flex-start;margin-top:10px}.spb-priority-list{padding:0 14px}.spb-priority-item{gap:9px;padding:11px 0}.spb-priority-item::before{left:-14px}.spb-priority-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding-left:0}.spb-priority-meta .spb-badge{justify-content:center;min-width:0;padding:6px 5px;white-space:normal;text-align:center}.spb-priority-title strong{font-size:11px}.spb-priority-title span{font-size:9px}}
@media(max-width:420px){.spb-priority-head-meta .spb-period-note:last-child{display:none}.spb-priority-main{grid-template-columns:30px minmax(0,1fr);gap:8px}.spb-priority-rank{width:27px;height:27px}.spb-priority-meta .spb-badge i{display:none}.spb-priority-meta .spb-badge{font-size:9px}}@media(max-width:767px){.spb-standard-step-pager{position:static}}
/* Service planning bulk: professional assignment table */
#bulk-professional .spb-panel-body{padding:16px 18px 18px}.spb-pro-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;padding:12px 14px;border:1px solid #dfe6ee;border-radius:8px;background:#f8fafc}.spb-pro-toolbar-left,.spb-pro-toolbar-right{display:flex;align-items:flex-end;gap:10px;min-width:0}.spb-pro-toolbar-right{justify-content:flex-end;flex:1}.spb-pro-field{display:grid;gap:5px;min-width:0}.spb-pro-field label{margin:0;color:#475569;font-size:10px;font-weight:800;line-height:1.3}.spb-pro-field .form-control{height:36px;min-height:36px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#172033;font-size:11px;box-shadow:none}.spb-pro-field .form-control:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.16)}.spb-pro-field-sm{width:132px}.spb-pro-field-mode{width:170px}.spb-pro-search{width:min(320px,38vw);max-width:320px}.spb-pro-note{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #dfe6ee;border-radius:7px;background:#fff;color:#64748b;font-size:10px;font-weight:800;white-space:nowrap}#bulk-professional>.spb-panel-head{padding:15px 18px}#bulk-professional .spb-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dfe6ee;border-radius:8px;background:#fff}#bulk-professional .spb-pro-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:auto}#bulk-professional .spb-pro-table>thead>tr>th{padding:10px 11px;border:0;border-bottom:1px solid #dfe6ee;background:#f8fafc;color:#64748b;font-size:9px;font-weight:850;line-height:1.35;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}#bulk-professional .spb-pro-table>tbody>.bulk-professional-item>td{padding:11px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#475569;font-size:11px;line-height:1.45;vertical-align:middle}#bulk-professional .spb-pro-table>tbody>.bulk-professional-item:last-of-type>td{border-bottom:0}.bulk-professional-item{cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.bulk-professional-item:hover>td,.bulk-professional-item:focus-within>td{background:#f8fafc!important}.bulk-professional-item.is-open>td{background:#fff7f7!important;box-shadow:inset 0 -1px #fecaca}.bulk-professional-item.is-missing-candidate>td:first-child{box-shadow:inset 3px 0 #dc2626}.bulk-professional-item.is-ready>td:first-child{box-shadow:inset 3px 0 #16a34a}.spb-pro-toggle-col{display:none;width:42px;text-align:center!important}.spb-pro-open-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#64748b;font-size:10px;box-shadow:none}.spb-pro-open-btn:hover,.spb-pro-open-btn:focus,.bulk-professional-item.is-open .spb-pro-open-btn{border-color:#fca5a5;background:#fff1f2;color:#b91c1c;outline:none}.spb-pro-workplace{min-width:190px}.spb-pro-workplace strong,.spb-pro-workplace span{display:block}.spb-pro-workplace strong{color:#172033;font-size:11px;font-weight:850;line-height:1.4}.spb-pro-workplace span{margin-top:3px;color:#64748b;font-size:9px;line-height:1.4;white-space:nowrap}.spb-pro-metric{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:5px 7px;border:1px solid #dfe6ee;border-radius:6px;background:#f8fafc;color:#475569;font-size:9px;font-weight:800;white-space:nowrap}.spb-pro-metric i{width:12px;text-align:center;color:#64748b}.spb-pro-metric.warn{border-color:#fde68a;background:#fffbeb;color:#a16207}.spb-pro-metric.warn i{color:#d97706}.spb-pro-metric.risk{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.spb-pro-metric.risk i{color:#dc2626}.spb-pro-detail-row>td{padding:0!important;border:0!important;background:#f8fafc!important}.spb-pro-detail-box{width:100%;max-width:100%;padding:16px;border-bottom:1px solid #dfe6ee;background:#f8fafc;box-sizing:border-box}.spb-pro-hidden-summary{display:none}.spb-pro-detail-box .spb-table-wrap{border-color:#dbe3ec!important;background:#fff!important}.spb-pro-detail-box .spb-table{width:100%;min-width:790px;border-collapse:collapse}.spb-pro-detail-box .spb-table th{padding:9px 10px;border-bottom:1px solid #dfe6ee;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:850;text-transform:uppercase;white-space:nowrap}.spb-pro-detail-box .spb-table td{padding:10px;border-bottom:1px solid #edf1f5;color:#475569;font-size:10px;vertical-align:top}.spb-pro-detail-box .spb-table tbody tr:last-child td{border-bottom:0}.spb-pro-detail-box .spb-table td>strong{display:block;color:#172033;font-size:10px}.spb-pro-detail-box .form-control{min-width:108px;height:34px;min-height:34px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:#172033;font-size:10px;box-shadow:none}.spb-inline-note{display:block;margin-top:4px;color:#64748b;font-size:9px;line-height:1.45}.spb-pro-detail-box .spb-footer{display:flex;justify-content:flex-end;padding-top:12px}.spb-pro-detail-box .spb-footer .btn-primary{min-height:36px;border-color:#b91c1c;border-radius:7px;background:#b91c1c;color:#fff;font-size:11px;font-weight:800}.spb-pro-detail-box .spb-footer .btn-primary:hover,.spb-pro-detail-box .spb-footer .btn-primary:focus{border-color:#991b1b;background:#991b1b}.spb-personnel-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.spb-personnel-pager-meta{color:#64748b;font-size:10px;font-weight:700}.spb-personnel-pager-actions{display:flex;align-items:center;gap:7px}.spb-personnel-pager-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#475569;font-size:10px;font-weight:800}.spb-personnel-pager-actions .btn:hover,.spb-personnel-pager-actions .btn:focus{border-color:#fca5a5;background:#fff1f2;color:#b91c1c}.spb-personnel-pager-actions .btn[disabled]{opacity:.45}.spb-personnel-page{min-width:44px;text-align:center;color:#172033;font-size:10px;font-weight:900}
@media(max-width:1100px){.spb-pro-toolbar{display:grid}.spb-pro-toolbar-left,.spb-pro-toolbar-right{width:100%}.spb-pro-toolbar-right{justify-content:space-between}.spb-pro-search{width:auto;max-width:none;flex:1}}
@media(max-width:767px){#bulk-professional .spb-panel-body{padding:12px}.spb-pro-toolbar,.spb-pro-toolbar-left,.spb-pro-toolbar-right{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spb-pro-toolbar{padding:10px}.spb-pro-field-sm,.spb-pro-field-mode,.spb-pro-search{width:100%;max-width:none}.spb-pro-note{justify-content:center;white-space:normal;text-align:center}.spb-pro-search{grid-column:1/-1}.spb-pro-table{min-width:0!important;table-layout:fixed!important}.spb-pro-toggle-col{display:table-cell!important}.spb-pro-col-hide{display:none!important}#bulk-professional .spb-pro-table>thead>tr>th,#bulk-professional .spb-pro-table>tbody>.bulk-professional-item>td{padding:9px 6px}#bulk-professional .spb-pro-table>thead>tr>th:nth-child(2),#bulk-professional .spb-pro-table>tbody>.bulk-professional-item>td:nth-child(2){width:28px;text-align:center}.spb-pro-workplace{min-width:0}.spb-pro-workplace strong,.spb-pro-workplace span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spb-pro-metric{padding:5px;font-size:8px}.spb-pro-hidden-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:10px}.spb-pro-hidden-summary-item{padding:8px;border:1px solid #dfe6ee;border-radius:6px;background:#fff}.spb-pro-hidden-summary-item small,.spb-pro-hidden-summary-item strong{display:block}.spb-pro-hidden-summary-item small{color:#64748b;font-size:8px;font-weight:800}.spb-pro-hidden-summary-item strong{margin-top:3px;color:#172033;font-size:9px}.spb-pro-detail-box{padding:10px}.spb-personnel-pager{align-items:stretch}.spb-personnel-pager-actions{justify-content:flex-end}}
@media(max-width:420px){.spb-pro-toolbar{grid-template-columns:1fr}.spb-pro-toolbar-left{grid-template-columns:115px minmax(0,1fr)}.spb-pro-toolbar-right{grid-template-columns:125px minmax(0,1fr)}.spb-pro-field-mode{grid-column:1}.spb-pro-search{grid-column:2}.spb-pro-detail-box .spb-footer .btn-primary{width:100%}.spb-personnel-pager{display:grid}.spb-personnel-pager-actions{justify-content:space-between}}
/* Service planning bulk: personnel duty assignment table */
#bulk-personnel .spb-panel-body{padding:16px 18px 18px}#bulk-personnel>.spb-panel-head{padding:15px 18px}.spb-personnel-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.spb-personnel-summary-card{position:relative;margin:0;padding:12px 14px;border-color:#dfe6ee;box-shadow:none;overflow:hidden}.spb-personnel-summary-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#dc2626}.spb-personnel-summary-card:nth-child(2)::before{background:#f59e0b}.spb-personnel-summary-card:nth-child(3)::before{background:#16a34a}.spb-personnel-summary-card .spb-summary-label{margin-bottom:4px;color:#64748b;font-size:9px}.spb-personnel-summary-card .spb-summary-strong{font-size:20px}.spb-personnel-summary-card .spb-summary-value span{padding:3px 6px;font-size:9px}.spb-personnel-live{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.spb-live-card{padding:10px 11px;border:1px solid #dfe6ee;border-radius:7px;background:#f8fafc}.spb-live-card small,.spb-live-card strong,.spb-live-card span{display:block}.spb-live-card small{color:#64748b;font-size:8px;font-weight:850;text-transform:uppercase}.spb-live-card strong{margin-top:3px;color:#172033;font-size:17px;line-height:1.1}.spb-live-card span{margin-top:3px;color:#64748b;font-size:8px;line-height:1.35}.spb-personnel-toolbar{display:grid;gap:10px;margin-bottom:14px;padding:12px 14px;border:1px solid #dfe6ee;border-radius:8px;background:#f8fafc}.spb-personnel-toolbar-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.spb-personnel-tools{display:flex;align-items:flex-end;gap:10px;min-width:0}.spb-personnel-size{display:grid;gap:5px;width:132px}.spb-personnel-size label,.spb-personnel-search label,.spb-personnel-filter label{margin:0;color:#475569;font-size:10px;font-weight:800;line-height:1.3}.spb-personnel-size .form-control,.spb-personnel-search .form-control,.spb-personnel-filter .form-control{height:36px;min-height:36px;border:1px solid #cfd8e3;border-radius:7px;background:#fff;color:#172033;font-size:10px;box-shadow:none}.spb-personnel-info{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #dfe6ee;border-radius:7px;background:#fff;color:#64748b;font-size:10px;font-weight:800;white-space:nowrap}.spb-personnel-filters{display:grid;grid-template-columns:minmax(220px,1.35fr) minmax(160px,.8fr) minmax(180px,.9fr);gap:9px;align-items:end}.spb-personnel-search,.spb-personnel-filter{display:grid;gap:5px;min-width:0;max-width:none}.spb-personnel-suggest-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #fca5a5!important;border-radius:7px;background:#fff1f2!important;color:#b91c1c!important;font-size:10px;font-weight:850;white-space:nowrap}.spb-personnel-suggest-btn:hover,.spb-personnel-suggest-btn:focus{border-color:#dc2626!important;background:#fee2e2!important;color:#991b1b!important}#bulk-personnel form>.spb-table-wrap{max-width:100%;overflow-x:auto;border:1px solid #dfe6ee;border-radius:8px;background:#fff}.spb-personnel-table{width:100%;min-width:1000px;border-collapse:separate;border-spacing:0}.spb-personnel-table>thead>tr>th{padding:10px 11px;border:0;border-bottom:1px solid #dfe6ee;background:#f8fafc;color:#64748b;font-size:9px;font-weight:850;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.spb-personnel-table>tbody>.bulk-personnel-item>td{padding:10px 11px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#475569;font-size:10px;line-height:1.45;vertical-align:middle}.bulk-personnel-item{cursor:pointer}.bulk-personnel-item:hover>td,.bulk-personnel-item:focus-within>td{background:#f8fafc!important}.bulk-personnel-item.is-responsive-open>td{background:#fff7f7!important}.bulk-personnel-item.is-missing-candidate>td:first-child{box-shadow:inset 3px 0 #dc2626}.bulk-personnel-item.is-ready>td:first-child{box-shadow:inset 3px 0 #16a34a}.spb-personnel-toggle-col{display:none;width:42px;text-align:center!important}.spb-personnel-toggle-btn{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #d5dee8;border-radius:7px;background:#fff;color:#64748b;font-size:10px}.spb-personnel-toggle-btn:hover,.spb-personnel-toggle-btn:focus,.spb-personnel-toggle-btn.is-open{border-color:#fca5a5;background:#fff1f2;color:#b91c1c;outline:none}.spb-personnel-workplace{min-width:170px}.spb-personnel-workplace strong,.spb-personnel-workplace span{display:block}.spb-personnel-workplace strong{color:#172033;font-size:10px;font-weight:850}.spb-personnel-workplace span{margin-top:3px;color:#64748b;font-size:8px;white-space:nowrap}.spb-personnel-duty-name{min-width:155px}.spb-personnel-duty-name>strong{display:block;color:#172033;font-size:10px;font-weight:850}.spb-personnel-duty-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px;color:#64748b;font-size:8px}.spb-personnel-duty-gap{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;border:1px solid #fde68a;border-radius:5px;background:#fffbeb;color:#a16207;font-size:8px;font-weight:850;white-space:nowrap}.spb-recommend-card{min-width:190px;padding:8px 9px;border:1px solid #dfe6ee;border-radius:7px;background:#f8fafc}.spb-recommend-card.ready{border-color:#bbf7d0;background:#f0fdf4}.spb-recommend-card.missing{border-color:#fecaca;background:#fef2f2}.spb-recommend-card>strong,.spb-recommend-card>span{display:block}.spb-recommend-card>strong{color:#172033;font-size:9px;font-weight:850}.spb-recommend-card>strong i{margin-right:5px}.spb-recommend-card>span{margin-top:3px;color:#64748b;font-size:8px}.spb-recommend-meta{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.spb-candidate-pill{display:inline-flex!important;align-items:center;gap:4px;padding:3px 5px;border:1px solid #dfe6ee;border-radius:5px;background:#fff;color:#475569!important;font-size:7px!important;font-weight:800}.spb-candidate-pill.weak{border-color:#fecaca;color:#b91c1c!important}.spb-personnel-status-card{min-width:105px;padding:8px;border:1px solid #dfe6ee;border-radius:7px;background:#f8fafc}.spb-personnel-status-card.ready{border-color:#bbf7d0;background:#f0fdf4}.spb-personnel-status-card.missing{border-color:#fecaca;background:#fef2f2}.spb-personnel-status-card strong,.spb-personnel-status-card span{display:block}.spb-personnel-status-card strong{color:#172033;font-size:9px}.spb-personnel-status-card strong i{margin-right:5px}.spb-personnel-status-card span{margin-top:3px;color:#64748b;font-size:8px}.spb-personnel-status .alert{margin:5px 0 0;padding:5px 6px;border-radius:5px;font-size:7px}.spb-personnel-detail-row>td{padding:0!important;border:0!important;background:#f8fafc!important}.spb-personnel-detail-box{width:100%;max-width:100%;padding:14px;border-bottom:1px solid #dfe6ee;background:#f8fafc;box-sizing:border-box}.spb-personnel-hidden-summary{display:none}.spb-personnel-entry-panel{padding:12px;border:1px solid #dbe3ec;border-radius:8px;background:#fff}.spb-personnel-entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf1f5}.spb-personnel-entry-head strong,.spb-personnel-entry-head span{display:block}.spb-personnel-entry-head strong{color:#172033;font-size:11px;font-weight:850}.spb-personnel-entry-head strong i{margin-right:6px;color:#b91c1c}.spb-personnel-entry-head>div>span{margin-top:3px;color:#64748b;font-size:9px}.spb-personnel-entry-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);gap:10px;margin-top:10px}.spb-personnel-select-stack{display:grid;gap:8px}.spb-personnel-slot,.spb-personnel-note{padding:10px;border:1px solid #dfe6ee;border-radius:7px;background:#f8fafc}.spb-personnel-slot>strong,.spb-personnel-note label{display:block;margin:0 0 6px;color:#475569;font-size:9px;font-weight:850}.spb-personnel-slot .form-control,.spb-personnel-note .form-control{width:100%;height:34px;min-height:34px;border:1px solid #cfd8e3;border-radius:6px;background:#fff;color:#172033;font-size:9px;box-shadow:none}.spb-slot-actions{display:flex;justify-content:flex-end;margin-top:6px}.spb-quick-pick{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:5px 7px;border:1px solid #bbf7d0;border-radius:6px;background:#f0fdf4;color:#15803d;font-size:8px;font-weight:850}.spb-personnel-action-band{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fff7f7}.spb-personnel-action-band strong,.spb-personnel-action-band span{display:block}.spb-personnel-action-band strong{color:#172033;font-size:11px}.spb-personnel-action-band span{margin-top:3px;color:#64748b;font-size:9px}.spb-personnel-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 12px;border:1px solid #b91c1c;border-radius:7px;background:#b91c1c;color:#fff;font-size:10px;font-weight:850;white-space:nowrap}.spb-personnel-save-btn:hover,.spb-personnel-save-btn:focus{border-color:#991b1b;background:#991b1b;color:#fff}.spb-personnel-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.spb-personnel-pager-meta{color:#64748b;font-size:10px;font-weight:700}.spb-personnel-pager-actions{display:flex;align-items:center;gap:7px}
@media(max-width:1480px){.spb-personnel-table.is-compact{min-width:680px;table-layout:fixed}.spb-personnel-table.is-compact .spb-personnel-toggle-col{display:table-cell}.spb-personnel-table.is-compact .spb-personnel-col-hide{display:none}.spb-personnel-table.is-compact>thead>tr>th:nth-child(2),.spb-personnel-table.is-compact>tbody>.bulk-personnel-item>td:nth-child(2){width:34px;text-align:center}.spb-personnel-hidden-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px}.spb-personnel-hidden-summary-item{padding:9px;border:1px solid #dfe6ee;border-radius:7px;background:#fff}.spb-personnel-hidden-summary-item small,.spb-personnel-hidden-summary-item strong,.spb-personnel-hidden-summary-item span{display:block}.spb-personnel-hidden-summary-item small{color:#64748b;font-size:8px;font-weight:850}.spb-personnel-hidden-summary-item strong{margin-top:3px;color:#172033;font-size:9px}.spb-personnel-hidden-summary-item span{margin-top:3px;color:#64748b;font-size:8px}}
@media(max-width:900px){.spb-personnel-live{grid-template-columns:repeat(2,minmax(0,1fr))}.spb-personnel-toolbar-top{align-items:stretch}.spb-personnel-filters{grid-template-columns:1fr 1fr}.spb-personnel-search{grid-column:1/-1}.spb-personnel-table.is-compact{min-width:0}.spb-personnel-entry-grid{grid-template-columns:1fr}}
@media(max-width:767px){#bulk-personnel .spb-panel-body{padding:12px}.spb-personnel-summary-grid{grid-template-columns:1fr 1fr}.spb-personnel-summary-card:last-child{grid-column:1/-1}.spb-personnel-toolbar-top{display:grid;grid-template-columns:1fr}.spb-personnel-tools{display:grid;grid-template-columns:115px minmax(0,1fr);gap:8px}.spb-personnel-size{width:100%}.spb-personnel-info{justify-content:center;white-space:normal;text-align:center}.spb-personnel-suggest-btn{width:100%}.spb-personnel-table.is-compact>thead>tr>th,.spb-personnel-table.is-compact>tbody>.bulk-personnel-item>td{padding:9px 6px}.spb-personnel-workplace,.spb-personnel-duty-name{min-width:0}.spb-personnel-workplace strong,.spb-personnel-workplace span,.spb-personnel-duty-name>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spb-personnel-entry-head{display:grid}.spb-personnel-entry-head>.spb-personnel-duty-gap{justify-self:start}.spb-personnel-detail-box{padding:10px}.spb-personnel-action-band{display:grid}.spb-personnel-save-btn{width:100%}}
@media(max-width:420px){.spb-personnel-filters{grid-template-columns:1fr}.spb-personnel-search{grid-column:1}.spb-personnel-live{gap:6px}.spb-live-card span{display:none}.spb-personnel-hidden-summary{grid-template-columns:1fr}.spb-personnel-pager{display:grid}.spb-personnel-pager-actions{justify-content:space-between}}
/* Service planning bulk: final readability pass */
.spb-priority-title span,.spb-pro-workplace span{font-size:10px}.spb-personnel-summary-card .spb-summary-label{font-size:10px}.spb-personnel-summary-card .spb-summary-value span{font-size:10px}.spb-live-card small{font-size:9px}.spb-live-card span{font-size:10px;line-height:1.4}.spb-personnel-workplace strong,.spb-personnel-duty-name>strong{font-size:11px}.spb-personnel-workplace span,.spb-personnel-duty-meta{font-size:10px}.spb-personnel-duty-gap{font-size:9px}.spb-recommend-card>strong,.spb-personnel-status-card strong{font-size:10px}.spb-recommend-card>span,.spb-personnel-status-card span{font-size:10px}.spb-candidate-pill{font-size:9px!important}.spb-personnel-status .alert{font-size:9px}.spb-personnel-entry-head>div>span{font-size:10px}.spb-personnel-slot>strong,.spb-personnel-note label{font-size:10px}.spb-personnel-slot .form-control,.spb-personnel-note .form-control{font-size:10px}.spb-quick-pick{font-size:10px}.spb-personnel-action-band span{font-size:10px}.spb-personnel-save-btn,.spb-personnel-save-btn span{color:#fff!important;font-size:10px}.spb-personnel-save-btn span{display:inline;margin:0}.spb-personnel-hidden-summary-item small,.spb-personnel-hidden-summary-item span{font-size:9px}.spb-personnel-hidden-summary-item strong{font-size:10px}
/* Risk Management: unified team list and responsive table */
.team-index-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.team-index-summary .team-summary-card{position:relative;overflow:hidden;min-height:0;margin:0;padding:14px 16px 14px 18px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.team-index-summary .team-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#dc2626}.team-index-panel{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.team-index-panel-head{padding:18px 20px;border-bottom:1px solid #eef2f7}.team-index-panel-head h4{margin:0 0 5px;color:#0f172a;font-size:18px;font-weight:700;line-height:1.3}.team-index-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.6}.team-index-panel-body{padding:18px 20px}.team-index-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.team-index-toolbar-left,.team-index-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.team-index-toolbar label{margin:0;color:#475569;font-size:12px;font-weight:700}.team-index-control{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:8px 11px;font-size:13px}.team-index-toolbar-meta{color:#64748b;font-size:12px;font-weight:700}.team-index-search-wrap{position:relative}.team-index-search-wrap i{position:absolute;left:11px;top:12px;color:#94a3b8}.team-index-search-wrap input{width:min(320px,70vw);padding-left:34px}.team-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.team-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}.team-table th,.team-table td{padding:12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}.team-table th{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;white-space:nowrap}.team-table td{color:#334155;font-size:13px;line-height:1.45}.team-table tbody tr:last-child td{border-bottom:0}.team-col-toggle{display:none;width:44px;text-align:center!important}.team-detail-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:#dc2626;color:#fff}.team-detail-toggle[aria-expanded="true"]{background:#991b1b}.team-icon-action{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;text-decoration:none}.team-icon-action:hover,.team-icon-action:focus{border-color:#cbd5e1;background:#f8fafc;color:#0f172a;text-decoration:none}.team-icon-action.danger{border-color:#fecaca;color:#b91c1c;background:#fff}.team-row-detail{display:none}.team-row-detail td{padding:0!important;background:#f8fafc}.team-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.team-row-detail-grid>div{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:11px}.team-row-detail-grid span,.team-row-detail-grid small{display:block;color:#64748b;font-size:11px;line-height:1.45}.team-row-detail-grid strong{display:block;margin-top:4px;color:#0f172a;font-size:13px;line-height:1.45}.team-index-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;color:#64748b;font-size:12px}.team-index-pager-actions{display:flex;gap:8px}.team-index-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700}.team-index-page-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.team-index-page-btn[disabled]{opacity:.5;cursor:not-allowed}.team-index-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;padding:20px;text-align:center;color:#64748b}.team-index-empty strong,.team-index-empty span{display:block}.team-index-empty strong{color:#0f172a;font-size:15px}.team-index-empty span{margin-top:5px;font-size:12px}.team-index-empty.is-hidden,.team-table.is-hidden{display:none}.team-confirm-dialog,.team-member-item{border-radius:8px}
@media(max-width:980px){.team-col-toggle{display:table-cell}.team-table .team-secondary{display:none}.team-row-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.team-index-summary{grid-template-columns:1fr}.team-index-toolbar,.team-index-toolbar-left,.team-index-toolbar-right{width:100%}.team-index-toolbar-right{order:-1}.team-index-search-wrap,.team-index-search-wrap input{width:100%}.team-index-panel-body{padding:14px}.team-row-detail-grid{grid-template-columns:1fr}.team-actions{white-space:normal}.team-index-actions{display:grid;grid-template-columns:1fr}.team-index-action{width:100%}}
/* Risk Management: shared step footer */
.risk-heatmap-stepcopy strong,.risk-heatmap-stepcopy span,.risk-bulk-stepcopy strong,.risk-bulk-stepcopy span{display:block}.risk-heatmap-stepcopy strong,.risk-bulk-stepcopy strong{color:#0f172a;font-size:13px;font-weight:800}.risk-heatmap-stepcopy span,.risk-bulk-stepcopy span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}.risk-heatmap-stepbar,.risk-bulk-stepbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #eef2f7}.risk-heatmap-step-actions,.risk-bulk-step-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.risk-heatmap-step-btn,.risk-bulk-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:700}.risk-heatmap-step-btn.primary,.risk-bulk-step-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}.risk-heatmap-step-btn:hover,.risk-heatmap-step-btn:focus,.risk-bulk-step-btn:hover,.risk-bulk-step-btn:focus{background:#f8fafc;color:#0f172a}.risk-heatmap-step-btn.primary:hover,.risk-heatmap-step-btn.primary:focus,.risk-bulk-step-btn.primary:hover,.risk-bulk-step-btn.primary:focus{border-color:#b91c1c;background:#b91c1c;color:#fff}
@media(max-width:640px){.risk-heatmap-step-actions,.risk-bulk-step-actions{width:100%}.risk-heatmap-step-btn,.risk-bulk-step-btn{flex:1}}
/* Risk Management: responsive analysis table */
.risk-index-col-toggle{display:none;width:44px;text-align:center!important}.risk-index-detail-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:#dc2626;color:#fff}.risk-index-detail-toggle[aria-expanded="true"]{background:#991b1b}.risk-index-row-detail{display:none}.risk-index-row-detail td{padding:0!important;background:#f8fafc}.risk-index-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px}.risk-index-row-detail-grid>div{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:11px}.risk-index-row-detail-grid span{display:block;color:#64748b;font-size:11px}.risk-index-row-detail-grid strong{display:block;margin-top:4px;color:#0f172a;font-size:13px;line-height:1.45}
@media(max-width:980px){.risk-index-table{min-width:0}.risk-index-col-toggle{display:table-cell}.risk-index-table .risk-index-secondary{display:none}.risk-index-row-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.risk-index-row-detail-grid{grid-template-columns:1fr}.risk-index-actions-cell{flex-wrap:wrap}.risk-index-table th,.risk-index-table td{padding:10px 8px}}

/* Risk Management: paginated hazard pool */
.risk-edit-stepcopy{display:grid;gap:3px;min-width:0}
.risk-edit-stepcopy strong{color:#0f172a;font-size:13px;font-weight:800}
.risk-edit-stepcopy span{color:#64748b;font-size:12px;line-height:1.5}
.risk-hazard-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.risk-hazard-summary-card{position:relative;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:12px 12px 12px 16px;overflow:hidden}
.risk-hazard-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#dc2626}
.risk-hazard-summary-card:nth-child(2):before{background:#f59e0b}
.risk-hazard-summary-card:nth-child(3):before{background:#16a34a}
.risk-hazard-summary-card span{display:block;color:#64748b;font-size:11px;font-weight:700}
.risk-hazard-summary-card strong{display:block;margin-top:5px;color:#0f172a;font-size:22px;line-height:1;font-weight:800}
.risk-hazard-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.risk-hazard-controls-left,.risk-hazard-controls-right{display:flex;align-items:center;gap:8px;min-width:0}
.risk-hazard-controls-left label{margin:0;color:#475569;font-size:12px;font-weight:700}
.risk-hazard-control{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;padding:8px 10px;font-size:13px}
#risk-hazard-page-size{width:112px}
#risk-hazard-category{width:min(220px,36vw)}
.risk-hazard-control-meta{color:#64748b;font-size:12px;white-space:nowrap}
.risk-hazard-search-wrap{position:relative;width:min(310px,38vw)}
.risk-hazard-search-wrap i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}
.risk-hazard-search-wrap input{width:100%;padding-left:32px}
.risk-hazard-actionbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 14px;border-bottom:1px solid #eef2f7;margin-bottom:0}
.risk-hazard-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.risk-hazard-table-wrap{width:100%;min-width:0;overflow:auto}
.risk-hazard-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}
.risk-hazard-table th{padding:11px 12px;border-bottom:1px solid #e5e7eb;background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-align:left;white-space:nowrap}
.risk-hazard-table td{padding:11px 12px;border-bottom:1px solid #eef2f7;color:#334155;font-size:12px;line-height:1.45;vertical-align:middle}
.risk-hazard-table tbody tr.risk-hazard-row:hover td{background:#fffafa}
.risk-hazard-table tbody tr.risk-hazard-row.is-selected td{background:#fff7f7}
.risk-hazard-col-toggle{display:none;width:44px;text-align:center}
.risk-hazard-col-check{width:46px;text-align:center}
.risk-hazard-check{width:17px;height:17px;margin:0;accent-color:#dc2626;cursor:pointer}
.risk-hazard-title{width:31%}
.risk-hazard-title strong{display:block;color:#0f172a;font-size:13px;line-height:1.4}
.risk-hazard-title span{display:block;margin-top:3px;color:#94a3b8;font-size:11px}
.risk-hazard-category-badge{display:inline-flex;align-items:center;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;padding:5px 8px;font-size:11px;font-weight:800}
.risk-hazard-detail-cell{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.risk-hazard-muted{color:#94a3b8;font-style:italic}
.risk-hazard-detail-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#dc2626;cursor:pointer}
.risk-hazard-row-detail{display:none}
.risk-hazard-row-detail td{padding:0 12px 12px;background:#fff}
.risk-hazard-row-detail-grid{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,2fr);gap:10px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:11px}
.risk-hazard-row-detail-grid small{display:block;margin-bottom:4px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-hazard-row-detail-grid strong{display:block;color:#0f172a;font-size:12px;line-height:1.5;font-weight:700}
.risk-hazard-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#64748b;font-size:12px}
.risk-hazard-pager-actions{display:flex;gap:8px}
.risk-hazard-pager button:disabled{opacity:.45;cursor:not-allowed}

@media(max-width:980px){
  .risk-hazard-col-toggle{display:table-cell}
  .risk-hazard-secondary{display:none}
  .risk-hazard-table{table-layout:auto}
  .risk-hazard-title{width:auto}
}
@media(max-width:767px){
  .risk-hazard-summary{grid-template-columns:1fr}
  .risk-hazard-controls,.risk-hazard-actionbar,.risk-hazard-pager{align-items:stretch;flex-direction:column}
  .risk-hazard-controls-left,.risk-hazard-controls-right{width:100%;flex-wrap:wrap}
  .risk-hazard-controls-right{display:grid;grid-template-columns:1fr}
  #risk-hazard-category,.risk-hazard-search-wrap{width:100%}
  .risk-hazard-control-meta{width:100%}
  .risk-hazard-tools{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .risk-hazard-tool{width:100%;justify-content:flex-start}
  .risk-hazard-count{align-self:flex-start}
  .risk-hazard-pager-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .risk-hazard-pager-actions .risk-edit-btn{width:100%}
  .risk-hazard-row-detail-grid{grid-template-columns:1fr}
}

/* Risk Analizleri: modern portfolio list */
.right_col[role="main"] > .risk-index-hero,
.right_col[role="main"] > .risk-index-shell {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.risk-index-hero,
.risk-index-hero * ,
.risk-index-shell,
.risk-index-shell * {
  box-sizing: border-box;
  min-width: 0;
}

.risk-index-hero {
  background: linear-gradient(135deg, #111827 0%, #681923 52%, #c81e2b 100%);
  border-radius: 0 0 8px 8px;
  margin-top: 0;
  padding: 23px 24px 22px;
  overflow: hidden;
}

.risk-index-kicker,
.risk-index-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-index-kicker {
  margin-bottom: 8px;
  color: rgba(255, 255, 255, .78);
}

.risk-index-section-kicker {
  margin-bottom: 5px;
  color: #b42318;
}

.risk-index-action.primary {
  border-color: #fff;
  background: #fff;
  color: #741924;
}

.risk-index-action.primary:hover,
.risk-index-action.primary:focus {
  border-color: #fff;
  background: #fff;
  color: #4f1119;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .16);
}

.risk-index-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.risk-index-context {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  padding: 7px 11px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.risk-index-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 16px;
}

.risk-index-card {
  display: block;
  min-height: 110px;
  padding: 15px 15px 14px 19px;
  color: inherit;
  text-decoration: none;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

.risk-index-card:hover,
.risk-index-card:focus,
.risk-index-card.active {
  color: inherit;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, .09);
}

.risk-index-card:before {
  background: #64748b;
}

.risk-index-card.total {
  background: #f8fafc;
}

.risk-index-card.total:before {
  background: #2563eb;
}

.risk-index-card.draft {
  border-color: #fed7aa;
  background: #fff7ed;
}

.risk-index-card.draft:before {
  background: #f59e0b;
}

.risk-index-card.final {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.risk-index-card.final:before {
  background: #16a34a;
}

.risk-index-card.critical {
  border-color: #fecaca;
  background: #fef2f2;
}

.risk-index-card.critical:before {
  background: #dc2626;
}

.risk-index-card.active {
  border-color: #94a3b8;
}

.risk-index-card small {
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.4;
}

.risk-index-filter {
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.risk-index-filter-row {
  grid-template-columns: minmax(220px, 1.4fr) minmax(180px, .8fr) auto;
  align-items: end;
}

.risk-index-filter-actions {
  flex-wrap: nowrap;
}

.risk-index-btn.danger {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

.risk-index-btn.danger:hover,
.risk-index-btn.danger:focus {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}

.risk-index-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid #fde68a;
  border-radius: 8px;
  background: #fffbeb;
}

.risk-index-notice > div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: #92400e;
  font-size: 12px;
  line-height: 1.55;
}

.risk-index-notice > div > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #fef3c7;
  color: #b45309;
}

.risk-index-notice strong {
  color: #78350f;
}

.risk-index-tools {
  padding: 11px 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.risk-index-tool-label {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 800;
}

.risk-index-count-meta {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.risk-index-search-box {
  position: relative;
  display: block;
  margin: 0;
}

.risk-index-search-box > i {
  position: absolute;
  top: 50%;
  left: 12px;
  z-index: 1;
  color: #94a3b8;
  transform: translateY(-50%);
  pointer-events: none;
}

.risk-index-search-box .risk-index-search {
  width: min(340px, 42vw);
  padding-left: 34px;
}

.risk-index-table-wrap {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

.risk-index-table {
  min-width: 1120px;
}

.risk-index-table tbody tr[data-risk-index-row]:hover > td {
  background: #fffafa;
}

.risk-index-table th,
.risk-index-table td {
  vertical-align: middle;
}

.risk-index-actions-head {
  text-align: right !important;
}

.risk-index-id {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
  padding: 5px 7px;
  font-size: 11px;
  font-weight: 800;
}

.risk-index-badge.method {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

.risk-index-signal-row {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}

.risk-index-signal {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  background: #f8fafc;
  color: #475569;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}

.risk-index-signal b {
  color: #0f172a;
}

.risk-index-signal.success {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

.risk-index-signal.danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.risk-index-signal.warning {
  border-color: #fed7aa;
  background: #fff7ed;
  color: #9a3412;
}

.risk-index-actions-cell {
  justify-content: flex-end;
}

.risk-index-icon {
  width: 32px;
  height: 32px;
}

.risk-index-icon.primary {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.risk-index-icon.danger {
  color: #b91c1c;
}

.risk-index-icon:hover,
.risk-index-icon:focus {
  border-color: #fca5a5;
  background: #fff1f2;
  color: #991b1b;
}

.risk-index-empty {
  display: grid;
  justify-items: center;
  gap: 7px;
  padding: 30px 20px;
}

.risk-index-empty > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #fee2e2;
  color: #b91c1c;
  font-size: 17px;
}

.risk-index-empty strong {
  color: #0f172a;
  font-size: 15px;
}

.risk-index-empty span {
  color: #64748b;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .risk-index-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-index-filter-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-index-filter-actions {
    grid-column: 1 / -1;
  }
}

@media (max-width: 980px) {
  .risk-index-table {
    min-width: 0;
  }
}

@media (max-width: 767px) {
  .risk-index-hero {
    border-radius: 0 0 8px 8px;
  }

  .risk-index-head,
  .risk-index-notice,
  .risk-index-tools {
    align-items: stretch;
    flex-direction: column;
  }

  .risk-index-context {
    align-self: flex-start;
  }

  .risk-index-summary,
  .risk-index-filter-row {
    grid-template-columns: 1fr;
  }

  .risk-index-filter-actions {
    display: grid;
    grid-column: auto;
    grid-template-columns: 1fr 1fr;
  }

  .risk-index-search-box .risk-index-search {
    width: 100%;
  }

  .risk-index-tool-left,
  .risk-index-tool-right {
    width: 100%;
  }

  .risk-index-tool-left {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .risk-index-count-meta {
    grid-column: 1 / -1;
  }

  .risk-index-pager {
    align-items: stretch;
  }

  .risk-index-pager-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action:not(.primary),
body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action:not(.primary):hover,
body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action:not(.primary):focus {
  color: #fff !important;
}

body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action:not(.primary) i {
  color: inherit !important;
}

body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action.primary,
body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action.primary:hover,
body.app-theme .right_col[role="main"] .risk-index-hero .risk-index-action.primary:focus {
  color: #741924 !important;
}

@media (max-width: 1200px) {
  .risk-index-table {
    min-width: 0;
  }

  .risk-index-col-toggle {
    display: table-cell;
  }

  .risk-index-table .risk-index-secondary {
    display: none;
  }
}

/* Risk Analizi Olusturma: guided workflow */
.right_col[role="main"] > .risk-create-hero,
.right_col[role="main"] > .risk-create-progress,
.right_col[role="main"] > #riskCreateForm {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

.risk-create-hero,
.risk-create-hero *,
.risk-create-progress,
.risk-create-progress *,
.risk-create-shell,
.risk-create-shell * {
  box-sizing: border-box;
  min-width: 0;
}

.risk-create-hero {
  margin-top: 0;
  padding: 23px 24px 22px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(135deg, #111827 0%, #741924 52%, #0f766e 100%);
  overflow: hidden;
}

body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action:not(.primary),
body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action:not(.primary):hover,
body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action:not(.primary):focus {
  color: #fff !important;
}

body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action:not(.primary) i {
  color: inherit !important;
}

.risk-create-action.primary,
body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action.primary,
body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action.primary:hover,
body.app-theme .right_col[role="main"] .risk-create-hero .risk-create-action.primary:focus {
  border-color: #fff;
  background: #fff;
  color: #741924 !important;
}

.risk-create-action.primary:hover,
.risk-create-action.primary:focus {
  box-shadow: 0 8px 20px rgba(15, 23, 42, .18);
}

.risk-create-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 60px minmax(0, 1fr) 60px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 13px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
}

.risk-create-progress-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #64748b;
}

.risk-create-progress-item > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 12px;
  font-weight: 900;
}

.risk-create-progress-item strong,
.risk-create-progress-item small {
  display: block;
}

.risk-create-progress-item strong {
  color: #334155;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.risk-create-progress-item small {
  margin-top: 2px;
  color: #94a3b8;
  font-size: 10px;
  line-height: 1.35;
}

.risk-create-progress-item.active > span {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

.risk-create-progress-item.active strong {
  color: #991b1b;
}

.risk-create-progress-item.complete > span {
  border-color: #16a34a;
  background: #f0fdf4;
  color: #15803d;
}

.risk-create-progress-line {
  height: 2px;
  border-radius: 999px;
  background: #e2e8f0;
}

.risk-create-shell {
  grid-template-columns: 286px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
}

.risk-create-side {
  position: sticky;
  top: 18px;
}

.risk-create-main {
  min-height: 520px;
}

.risk-create-section-kicker {
  display: block;
  margin-bottom: 5px;
  color: #b42318;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.risk-create-flow {
  gap: 7px;
}

.risk-create-flow a {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 14px;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 9px 10px;
  border-color: #e2e8f0;
}

.risk-create-flow a.active,
.risk-create-flow a:hover,
.risk-create-flow a:focus {
  border-color: #fca5a5;
  background: #fff5f5;
  color: #991b1b;
}

.risk-create-flow-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid #dbe3ec;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  font-size: 11px;
  font-weight: 900;
}

.risk-create-flow a.active .risk-create-flow-number {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

.risk-create-flow-copy strong,
.risk-create-flow-copy small {
  display: block;
}

.risk-create-flow-copy strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.risk-create-flow-copy small {
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.35;
}

.risk-create-flow a > i {
  color: #94a3b8;
  font-size: 10px;
}

.risk-create-quick {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #eef2f7;
}

.risk-create-quick-card {
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0 0 10px;
}

.risk-create-quick-card + .risk-create-quick-card {
  padding-top: 10px;
  border-top: 1px solid #eef2f7;
}

.risk-create-quick-card strong {
  word-break: break-word;
}

.risk-create-main > section {
  min-height: 520px;
}

.risk-create-main > section.is-hidden,
.risk-create-main > section[hidden] {
  display: none !important;
}

.risk-create-field label {
  display: flex;
  align-items: center;
  gap: 7px;
}

.risk-create-field label em,
.risk-create-field label span,
.risk-create-required {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.risk-create-field label em,
.risk-create-required {
  border: 1px solid #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

.risk-create-field label span {
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #64748b;
}

.risk-create-field input,
.risk-create-field select {
  min-height: 43px;
}

.risk-create-field input:focus,
.risk-create-field select:focus {
  border-color: #94a3b8;
  box-shadow: 0 0 0 3px rgba(148, 163, 184, .16);
  outline: 0;
}

.risk-create-field input.is-invalid,
.risk-create-field select.is-invalid {
  border-color: #dc2626;
  background: #fffafa;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .1);
}

.risk-create-field-line {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.risk-create-counter {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 10px;
  font-weight: 700;
}

.risk-create-info {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 11px;
  align-items: flex-start;
  margin-top: 16px;
  padding: 13px 14px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}

.risk-create-info.method {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.risk-create-info > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #dbeafe;
  color: #1d4ed8;
}

.risk-create-info.method > i {
  background: #dcfce7;
  color: #15803d;
}

.risk-create-info strong,
.risk-create-info span {
  display: block;
}

.risk-create-info strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}

.risk-create-info span {
  margin-top: 4px;
  color: #475569;
  font-size: 11px;
  line-height: 1.55;
}

.risk-create-team-field {
  margin-bottom: 18px;
}

.risk-create-method-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.risk-create-method-head strong,
.risk-create-method-head span {
  display: block;
}

.risk-create-method-head strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.risk-create-method-head > div > span {
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
}

.risk-method-card {
  display: flex;
  flex-direction: column;
  min-height: 205px;
  padding: 15px;
  border-color: #dbe3ec;
  background: #fff;
}

.risk-method-card:hover,
.risk-method-card:focus {
  border-color: #fca5a5;
  background: #fffafa;
  outline: 0;
}

.risk-method-card.active {
  border-color: #dc2626;
  background: #fff5f5;
  box-shadow: 0 10px 24px rgba(185, 28, 28, .12);
}

.risk-method-icon {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0 0 12px !important;
  border-radius: 8px;
  background: #f1f5f9;
  color: #475569 !important;
}

.risk-method-card.active .risk-method-icon {
  background: #fee2e2;
  color: #b91c1c !important;
}

.risk-method-tag {
  align-self: flex-start;
  margin: 0 0 8px !important;
  border: 1px solid #fecaca;
  border-radius: 999px;
  background: #fef2f2;
  color: #b91c1c !important;
  padding: 4px 7px;
  font-size: 9px !important;
  font-weight: 800;
}

.risk-method-tag.neutral {
  border-color: #dbe3ec;
  background: #f8fafc;
  color: #475569 !important;
}

.risk-method-tag.detail {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8 !important;
}

.risk-method-card > strong {
  font-size: 14px;
}

.risk-method-card > span:not(.risk-method-icon):not(.risk-method-tag) {
  margin-top: 6px;
  color: #334155;
  font-size: 11px;
  font-weight: 800;
}

.risk-method-card > small {
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 10px;
  line-height: 1.55;
}

.risk-create-review {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.risk-create-review > div {
  min-height: 82px;
  padding: 13px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

.risk-create-review span,
.risk-create-review strong {
  display: block;
}

.risk-create-review span {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-create-review strong {
  margin-top: 7px;
  color: #0f172a;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-word;
}

.risk-create-next-stage {
  margin-top: 16px;
}

.risk-create-next-head {
  margin-bottom: 10px;
}

.risk-create-next-head strong,
.risk-create-next-head span {
  display: block;
}

.risk-create-next-head strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

.risk-create-next-head span {
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
}

.risk-create-check {
  background: #fcfcfd;
}

.risk-create-check i {
  background: #fee2e2;
  color: #b91c1c;
}

.risk-create-stepbar {
  min-height: 76px;
}

.risk-create-stepcopy {
  max-width: 520px;
}

.risk-create-stepcopy strong,
.risk-create-stepcopy span {
  display: block;
}

.risk-create-stepcopy strong {
  color: #0f172a;
  font-size: 12px;
  font-weight: 900;
}

.risk-create-stepcopy span {
  margin-top: 4px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.45;
}

.risk-create-btn[disabled] {
  cursor: wait;
  opacity: .7;
}

.risk-create-empty-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 30px 20px;
}

.risk-create-empty-state > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background: #fee2e2;
  color: #b91c1c;
  font-size: 18px;
}

.risk-create-empty-state strong {
  color: #0f172a;
  font-size: 15px;
}

.risk-create-empty-state span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .risk-create-shell {
    grid-template-columns: 1fr;
  }

  .risk-create-side {
    position: static;
  }

  .risk-create-flow {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .risk-create-quick {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .risk-create-quick-card,
  .risk-create-quick-card + .risk-create-quick-card {
    padding: 10px 11px;
    border: 1px solid #eef2f7;
    border-radius: 8px;
    background: #f8fafc;
  }
}

@media (max-width: 767px) {
  .risk-create-hero {
    border-radius: 0 0 8px 8px;
  }

  .risk-create-progress {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .risk-create-progress-line {
    display: none;
  }

  .risk-create-progress-item {
    padding: 7px 8px;
    border-radius: 8px;
  }

  .risk-create-progress-item:not(.active) {
    display: none;
  }

  .risk-create-flow,
  .risk-create-quick,
  .risk-method-grid,
  .risk-create-review {
    grid-template-columns: 1fr;
  }

  .risk-create-flow a {
    min-height: 54px;
  }

  .risk-create-main,
  .risk-create-main > section {
    min-height: 0;
  }

  .risk-create-body,
  .risk-create-head {
    padding-right: 14px;
    padding-left: 14px;
  }

  .risk-create-field-line,
  .risk-create-method-head,
  .risk-create-stepbar {
    align-items: stretch;
    flex-direction: column;
  }

  .risk-create-actions-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .risk-create-actions-group .risk-create-loading {
    grid-column: 1 / -1;
  }

  .risk-method-card {
    min-height: 0;
  }
}

/* Risk Analizi Duzenleme: guided workspace v2 */
.risk-edit-hero{background:linear-gradient(128deg,#10231f 0%,#174c3d 48%,#c2410c 100%)}
.risk-edit-flow a{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:11px}
.risk-edit-flow a>span:last-child{min-width:0}
.risk-edit-flow a strong{display:block;color:inherit;font-size:13px;line-height:1.35}
.risk-edit-flow a small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:600;line-height:1.45}
.risk-edit-flow a.active small,.risk-edit-flow a:hover small{color:#9a3412}
.risk-edit-flow-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#f8fafc;border:1px solid #e5e7eb;color:#475569;font-size:12px;font-weight:800}
.risk-edit-flow a.active .risk-edit-flow-no,.risk-edit-flow a:hover .risk-edit-flow-no{background:#fff;border-color:#fdba74;color:#c2410c}
.risk-method-warning{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;margin:0 20px 16px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#475569}
.risk-method-warning>i{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#e2e8f0;color:#64748b}
.risk-method-warning strong{display:block;color:#0f172a;font-size:13px}
.risk-method-warning span{display:block;margin-top:4px;font-size:12px;line-height:1.55}
.risk-method-warning label{display:none;align-items:flex-start;gap:8px;margin:10px 0 0;color:#9a3412;font-size:12px;font-weight:700;line-height:1.45;cursor:pointer}
.risk-method-warning label input{margin-top:2px}
.risk-method-warning.is-active{border-color:#fdba74;background:#fff7ed}
.risk-method-warning.is-active>i{background:#ffedd5;color:#c2410c}
.risk-method-warning.is-active label{display:flex}
.risk-edit-stepcopy{display:grid;gap:3px;min-width:220px;max-width:580px}
.risk-edit-stepcopy strong{color:#0f172a;font-size:13px}
.risk-edit-stepcopy span{color:#64748b;font-size:12px;line-height:1.5}
@media(max-width:767px){
  .risk-method-warning{margin:0 14px 14px}
  .risk-edit-actions-group{display:grid;grid-template-columns:1fr;width:100%}
  .risk-edit-stepcopy{min-width:0}
}
/* Risk Edit: hero contrast and shared step contract */
body .right_col[role="main"] .risk-edit-hero .risk-edit-action,
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:link,
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:visited{
  color:#fff!important;
  background:rgba(15,23,42,.28)!important;
  border-color:rgba(255,255,255,.42)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.32);
}
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:hover,
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:focus,
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:active{
  color:#fff!important;
  background:#0f172a!important;
  border-color:#fff!important;
  text-decoration:none!important;
  outline:none;
}
body .right_col[role="main"] .risk-edit-hero .risk-edit-action:focus-visible{
  box-shadow:0 0 0 3px rgba(255,255,255,.34);
}
.risk-edit-stepbar.ns-step-pager{margin:0;border-width:1px 0 0;border-radius:0;box-shadow:none}
.risk-edit-stepbar .risk-edit-stepcopy .ns-step-meta{color:#475569;font-weight:800}
.risk-edit-stepbar .risk-edit-actions-group.ns-step-actions{margin-left:auto}
.risk-edit-stepbar .risk-edit-btn.ns-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:767px){
  .risk-edit-stepbar .risk-edit-actions-group.ns-step-actions{display:grid;grid-template-columns:1fr 1fr;margin-left:0}
  .risk-edit-stepbar .risk-edit-actions-group.ns-step-actions .risk-edit-btn{width:100%}
}
/* Risk Items: professional workflow v2 */
body .right_col[role="main"] .risk-items-hero .risk-items-action,
body .right_col[role="main"] .risk-items-hero .risk-items-action:link,
body .right_col[role="main"] .risk-items-hero .risk-items-action:visited{
  color:#fff!important;
  background:rgba(15,23,42,.3)!important;
  border-color:rgba(255,255,255,.42)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.34);
}
body .right_col[role="main"] .risk-items-hero .risk-items-action:hover,
body .right_col[role="main"] .risk-items-hero .risk-items-action:focus,
body .right_col[role="main"] .risk-items-hero .risk-items-action:active{
  color:#fff!important;
  background:#0f172a!important;
  border-color:#fff!important;
  text-decoration:none!important;
}
body .right_col[role="main"] .risk-items-hero .risk-items-action:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.34)}
.risk-items-side-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:10px;padding:11px}
.risk-items-side-link>span:last-child{min-width:0}
.risk-items-side-link strong{display:block;color:inherit;font-size:13px;line-height:1.35}
.risk-items-side-link small{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:600;line-height:1.45}
.risk-items-side-link.active small{color:#1d4ed8}
.risk-items-side-no{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;color:#475569;font-size:12px;font-weight:800}
.risk-items-side-link.active .risk-items-side-no{border-color:#bfdbfe;background:#fff;color:#1d4ed8}
.risk-items-kpi{position:relative;overflow:hidden;padding-left:18px;background:#fff}
.risk-items-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}
.risk-items-kpi:nth-child(2):before{background:#16a34a}
.risk-items-kpi:nth-child(3):before{background:#f59e0b}
.risk-items-kpi:nth-child(4):before{background:#dc2626}
.risk-items-toolbar{align-items:center;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.risk-items-table-tools label{margin:0;color:#475569;font-size:12px;font-weight:700}
.risk-items-toolbar-info{color:#64748b;font-size:12px;font-weight:700}
.risk-items-table-tools-right{margin-left:auto}
.risk-items-search-wrap{position:relative}
.risk-items-search-wrap>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}
.risk-items-search-wrap .risk-items-search{padding-left:34px}
.risk-items-col-toggle{display:none;width:48px;text-align:center}
.risk-items-row-toggle{display:none;align-items:center;justify-content:center;width:30px;height:30px;border:0;border-radius:8px;background:#0f766e;color:#fff;font-size:13px}
.risk-items-row-toggle:hover,.risk-items-row-toggle:focus{background:#115e59;color:#fff}
.risk-items-row-detail{display:none}
.risk-items-row-detail td{padding:0!important;background:#f8fafc!important}
.risk-items-row-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px 16px}
.risk-items-row-detail-grid>div{padding:11px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.risk-items-row-detail-grid small{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-items-row-detail-grid strong{display:block;color:#0f172a;font-size:12px;line-height:1.55}
.risk-items-stepbar.ns-step-pager{margin:18px -20px -18px;padding:14px 20px;border-width:1px 0 0;border-radius:0;box-shadow:none}
.risk-items-stepnote{display:grid;gap:4px}
.risk-items-stepnote>span{color:#64748b;font-size:12px;line-height:1.5}
.risk-items-stepnote .ns-step-meta{color:#475569;font-weight:800}
.risk-items-stepactions.ns-step-actions{margin-left:auto}
.risk-items-stepbtn.ns-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1100px){
  .risk-items-table{min-width:0;table-layout:auto}
  .risk-items-col-toggle{display:table-cell}
  .risk-items-row-toggle{display:inline-flex}
  .risk-items-secondary{display:none}
  .risk-items-col-id{width:54px}
  .risk-items-col-score{width:104px}
  .risk-items-col-level{width:138px}
  .risk-items-col-action{width:82px}
}
@media(max-width:640px){
  .risk-items-actions{display:grid;grid-template-columns:1fr}
  .risk-items-action{width:100%}
  .risk-items-toolbar,.risk-items-table-tools,.risk-items-table-tools-right{display:grid;grid-template-columns:1fr;width:100%;margin-left:0}
  .risk-items-table-tools:first-child{grid-template-columns:auto minmax(100px,.5fr) minmax(0,1fr);align-items:center}
  .risk-items-search-wrap,.risk-items-search{width:100%}
  .risk-items-table thead th,.risk-items-table tbody td{padding:10px 8px}
  .risk-items-col-score{display:none}
  .risk-items-row-detail-grid{grid-template-columns:1fr}
  .risk-items-stepbar.ns-step-pager{margin:16px -14px -14px;padding:14px}
  .risk-items-stepactions.ns-step-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-left:0}
  .risk-items-stepactions.ns-step-actions .risk-items-stepbtn{width:100%}
}
/* Risk Items: decision filters */
button.risk-items-kpi{width:100%;font:inherit;text-align:left;cursor:pointer}
.risk-items-kpi small{display:block;margin-top:7px;color:#64748b;font-size:11px;font-weight:700;line-height:1.4}
.risk-items-kpi:hover,.risk-items-kpi:focus,.risk-items-kpi.is-active{border-color:#bfdbfe;background:#f8fbff;box-shadow:0 0 0 2px rgba(37,99,235,.08)}
.risk-items-decision{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:14px;padding:14px 16px;border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4}
.risk-items-decision>i{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:#dcfce7;color:#15803d;font-size:18px}
.risk-items-decision strong,.risk-items-decision span{display:block}
.risk-items-decision strong{color:#0f172a;font-size:14px}
.risk-items-decision span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.5}
.risk-items-decision>b{padding:7px 10px;border-radius:8px;background:#fff;color:#15803d;font-size:12px;white-space:nowrap}
.risk-items-decision.is-warning{border-color:#fde68a;background:#fffbeb}
.risk-items-decision.is-warning>i{background:#fef3c7;color:#b45309}
.risk-items-decision.is-warning>b{color:#b45309}
.risk-items-decision.is-danger{border-color:#fecaca;background:#fef2f2}
.risk-items-decision.is-danger>i{background:#fee2e2;color:#b91c1c}
.risk-items-decision.is-danger>b{color:#b91c1c}
.risk-items-filter-state{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}
@media(max-width:640px){
  .risk-items-decision{grid-template-columns:42px minmax(0,1fr)}
  .risk-items-decision>b{grid-column:1/-1;justify-self:start}
}
/* Risk maddesi standart akışı: oluşturma ve düzenleme */
.risk-item-create-page,.risk-item-edit-page{position:relative}
.risk-item-create-hero,.risk-item-edit-hero{background:linear-gradient(135deg,#101828 0%,#14532d 46%,#16a34a 100%)!important}
.risk-item-create-hero h3,.risk-item-edit-hero h3,
.risk-item-create-hero p,.risk-item-edit-hero p,
.risk-item-create-pill,.risk-item-edit-pill,
.risk-item-create-action,.risk-item-edit-action{color:#fff!important}
.risk-item-create-action:hover,.risk-item-create-action:focus,
.risk-item-edit-action:hover,.risk-item-edit-action:focus{background:#fff!important;border-color:#fff!important;color:#14532d!important}
.risk-item-create-link,.risk-item-edit-link{position:relative;padding-left:46px;min-height:50px}
.risk-item-create-link:before,.risk-item-edit-link:before{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800}
.risk-item-create-link:nth-child(1):before,.risk-item-edit-link:nth-child(1):before{content:"1"}
.risk-item-create-link:nth-child(2):before,.risk-item-edit-link:nth-child(2):before{content:"2"}
.risk-item-create-link:nth-child(3):before,.risk-item-edit-link:nth-child(3):before{content:"3"}
.risk-item-create-link.active:before,.risk-item-edit-link.active:before{background:#dc2626;color:#fff}
.risk-item-create-link>i,.risk-item-edit-link>i{display:none}
.risk-hazard-filter{margin-bottom:8px}
.risk-flow-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding:14px 0 0;border-top:1px solid #eef2f7;flex-wrap:wrap}
.risk-flow-copy{display:grid;gap:3px}
.risk-flow-copy small{color:#667085;font-size:11px;font-weight:800;text-transform:uppercase}
.risk-flow-copy strong{color:#101828;font-size:13px;font-weight:700}
.risk-flow-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.risk-flow-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:13px;font-weight:700}
.risk-flow-btn:hover,.risk-flow-btn:focus{background:#f8fafc;color:#101828}
.risk-flow-btn.primary{border-color:#dc2626;background:#dc2626;color:#fff}
.risk-flow-btn.primary:hover,.risk-flow-btn.primary:focus{border-color:#b42318;background:#b42318;color:#fff}
.risk-flow-btn:disabled{opacity:.48;cursor:not-allowed}
.risk-flow-btn.is-loading{position:relative;color:transparent!important;pointer-events:none}
.risk-flow-btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:risk-flow-spin .7s linear infinite}
@keyframes risk-flow-spin{to{transform:rotate(360deg)}}
.risk-flow-toast-wrap{position:fixed;top:82px;right:20px;z-index:15000;display:grid;gap:8px;width:min(380px,calc(100vw - 28px));pointer-events:none}
.risk-flow-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;padding:12px;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.2);opacity:0;transform:translateY(-8px);transition:.18s ease}
.risk-flow-toast.is-visible{opacity:1;transform:translateY(0)}
.risk-flow-toast i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#eff6ff;color:#1d4ed8}
.risk-flow-toast strong{display:block;color:#101828;font-size:13px;font-weight:800}
.risk-flow-toast span{display:block;margin-top:3px;color:#475467;font-size:12px;line-height:1.5}
.risk-flow-toast.warning{border-color:#fed7aa;background:#fff7ed}.risk-flow-toast.warning i{background:#ffedd5;color:#c2410c}
@media(max-width:767px){.risk-flow-bar{align-items:stretch}.risk-flow-copy{width:100%}.risk-flow-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.risk-flow-actions .primary{grid-column:1/-1}.risk-flow-btn{width:100%}.risk-flow-toast-wrap{top:72px;right:14px}}
/* Risk listesi istemci bos durumu */
.risk-index-client-empty{display:grid;justify-items:center;gap:6px;padding:30px 18px;text-align:center}
.risk-index-client-empty i{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#fef2f2;color:#b42318}
.risk-index-client-empty strong{color:#101828;font-size:14px;font-weight:800}
.risk-index-client-empty span{color:#667085;font-size:12px;line-height:1.5}
/* Risk Edit: final responsive workspace and existing hazard states */
.risk-hazard-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.risk-hazard-summary-card:nth-child(3):before{background:#2563eb}
.risk-hazard-summary-card:nth-child(4):before{background:#16a34a}
.risk-hazard-row.is-existing td{background:#f8fafc;color:#64748b}
.risk-hazard-row.is-existing:hover td{background:#f1f5f9}
.risk-hazard-row.is-existing .risk-hazard-check{cursor:not-allowed;opacity:.55}
.risk-hazard-title span em{display:inline-flex;margin-left:5px;padding:2px 6px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1d4ed8;font-size:9px;font-style:normal;font-weight:800}
@media(max-width:1100px){
  .risk-edit-shell{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
  .risk-edit-overview{grid-template-columns:minmax(0,1fr)}
  .risk-hazard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .risk-edit-shell,.risk-edit-panel,.risk-edit-panel>section,.risk-edit-body,.risk-edit-grid{width:100%;max-width:100%;min-width:0}
  .risk-edit-grid{grid-template-columns:minmax(0,1fr)}
  .risk-edit-field.full{grid-column:auto}
  .risk-edit-stepbar.ns-step-pager{display:grid;grid-template-columns:minmax(0,1fr)}
  .risk-edit-stepbar .risk-edit-actions-group.ns-step-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .risk-edit-stepbar .risk-edit-actions-group.ns-step-actions>*:last-child:nth-child(odd){grid-column:1/-1}
}
/* Risk Heatmap: decision intelligence workspace v3 */
.risk-heatmap-page{display:grid;gap:18px;min-width:0;padding:0 18px 24px}
.risk-heatmap-hero{position:relative;z-index:1;display:grid;gap:12px;margin:0 -18px;padding:24px 26px 22px;border-radius:0 0 8px 8px;background:linear-gradient(110deg,#111827 0%,#19324a 48%,#b42318 100%);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.12)}
.risk-heatmap-hero h1{margin:0;color:#fff;font-size:27px;font-weight:800;line-height:1.2}
.risk-heatmap-hero p{max-width:850px;margin:0;color:#f8fafc;font-size:14px;line-height:1.65}
.risk-heatmap-meta,.risk-heatmap-actions{display:flex;flex-wrap:wrap;gap:8px}
.risk-heatmap-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700}
.risk-heatmap-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font:700 12px/1.2 inherit;text-decoration:none;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}
.risk-heatmap-action:hover,.risk-heatmap-action:focus{border-color:#fff;background:#fff;color:#172033;text-decoration:none;outline:0}
.risk-heatmap-action.primary{border-color:#ef4444;background:#dc2626;color:#fff}
.risk-heatmap-action.primary:hover,.risk-heatmap-action.primary:focus{border-color:#fff;background:#fff;color:#b42318}
.risk-heatmap-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.risk-heatmap-summary-card{position:relative;display:grid;align-content:start;gap:5px;min-height:112px;padding:17px 16px 15px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#101828;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.045);cursor:pointer;overflow:hidden}
.risk-heatmap-summary-card:before{position:absolute;inset:0 auto 0 0;width:4px;background:#16a34a;content:""}
.risk-heatmap-summary-card:hover,.risk-heatmap-summary-card:focus{border-color:#98a2b3;box-shadow:0 11px 24px rgba(15,23,42,.09);outline:0}
.risk-heatmap-summary-card.danger:before{background:#dc2626}.risk-heatmap-summary-card.warning:before{background:#f59e0b}.risk-heatmap-summary-card.muted:before{background:#64748b}.risk-heatmap-summary-card.info:before{background:#2563eb}
.risk-heatmap-summary-card span{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-heatmap-summary-card strong{color:#101828;font-size:27px;font-weight:850;line-height:1}
.risk-heatmap-summary-card small{color:#667085;font-size:11px;line-height:1.45}
.risk-heatmap-shell{display:grid;grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.risk-heatmap-main{display:grid;min-width:0}
.risk-heatmap-panel{min-width:0;border:1px solid #e4e7ec;border-radius:8px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.045)}
.risk-heatmap-sidebar{position:sticky;top:78px;overflow:hidden}
.risk-heatmap-nav{display:grid;padding:8px;border-bottom:1px solid #eaecf0}
.risk-heatmap-link{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#344054;font:750 12px/1.25 inherit;text-align:left;cursor:pointer}
.risk-heatmap-link>span{display:flex;align-items:center;gap:9px;min-width:0}.risk-heatmap-link i{width:16px;color:#667085;text-align:center}
.risk-heatmap-link em{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 7px;border-radius:7px;background:#f2f4f7;color:#475467;font-size:10px;font-style:normal;font-weight:850}
.risk-heatmap-link:hover,.risk-heatmap-link:focus{background:#f8fafc;color:#101828;outline:0}.risk-heatmap-link.active{background:#fff1f2;color:#b42318}.risk-heatmap-link.active i{color:#dc2626}.risk-heatmap-link.active em{background:#fee2e2;color:#b42318}
.risk-heatmap-side{display:grid;gap:12px;padding:14px}
.risk-heatmap-side h3,.risk-heatmap-section-title h3{margin:0;color:#101828;font-size:14px;font-weight:800}.risk-heatmap-side p,.risk-heatmap-section-title p{margin:4px 0 0;color:#667085;font-size:11px;line-height:1.5}
.risk-heatmap-filter{display:grid;gap:7px}.risk-heatmap-filter label{color:#344054;font-size:11px;font-weight:800}.risk-heatmap-filter select{width:100%;height:38px;padding:0 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#101828;font-size:12px}
.risk-heatmap-filter select:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}.risk-heatmap-filter-note{margin:0;color:#667085;font-size:10px;line-height:1.45}.risk-heatmap-filter-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
.risk-heatmap-filter-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:0;border-radius:7px;font-size:11px;font-weight:800}
.risk-heatmap-box{display:grid;gap:5px;padding:12px;border:1px solid #eaecf0;border-radius:7px;background:#f8fafc}.risk-heatmap-box strong{color:#101828;font-size:12px}.risk-heatmap-box span{color:#667085;font-size:10px;line-height:1.45}
.risk-heatmap-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eaecf0}.risk-heatmap-head h2{margin:0;color:#101828;font-size:20px;font-weight:800}.risk-heatmap-head p{max-width:760px;margin:6px 0 0;color:#667085;font-size:12px;line-height:1.55}
.risk-heatmap-body{display:grid;gap:16px;padding:18px 20px}.risk-heatmap-alert{padding:11px 13px;border:1px solid #fedf89;border-radius:7px;background:#fffaeb;color:#7a2e0e;font-size:11px;line-height:1.55}.risk-heatmap-alert-spaced{margin-bottom:2px}
.risk-heatmap-decision-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr);gap:14px}
.risk-heatmap-priority-panel,.risk-heatmap-insight-panel{min-width:0;border:1px solid #eaecf0;border-radius:8px;background:#fff;overflow:hidden}.risk-heatmap-section-title{padding:15px 16px;border-bottom:1px solid #eaecf0}
.risk-heatmap-priority-list{display:grid}.risk-heatmap-priority-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:11px;align-items:center;min-height:66px;padding:11px 14px;border-bottom:1px solid #f2f4f7}.risk-heatmap-priority-item:last-child{border-bottom:0}.risk-heatmap-priority-item:hover{background:#f8fafc}
.risk-heatmap-priority-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#101828;color:#fff;font-size:11px;font-weight:850}.risk-heatmap-priority-copy{display:grid;gap:3px;min-width:0}.risk-heatmap-priority-copy strong{overflow:hidden;color:#101828;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.risk-heatmap-priority-copy span{overflow:hidden;color:#667085;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.risk-heatmap-priority-score{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:30px;padding:0 8px;border-radius:7px;color:#fff;font-size:11px;font-weight:850}.risk-heatmap-priority-actions{display:flex;gap:5px}.risk-heatmap-priority-actions a,.risk-heatmap-modal-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:31px;padding:0 9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;text-decoration:none}.risk-heatmap-priority-actions a:hover,.risk-heatmap-modal-actions a:hover{border-color:#dc2626;color:#b42318}
.risk-heatmap-empty{display:grid;place-items:center;min-height:120px;padding:20px;color:#667085;font-size:12px;text-align:center}.risk-heatmap-insight-panel{display:grid;align-content:start}.risk-heatmap-hotspot{display:grid;gap:5px;margin:14px;padding:14px;border-left:4px solid #dc2626;border-radius:7px;background:#fff1f2}.risk-heatmap-hotspot span{color:#9f1239;font-size:10px;font-weight:800;text-transform:uppercase}.risk-heatmap-hotspot strong{color:#881337;font-size:17px}.risk-heatmap-hotspot small{color:#9f1239;font-size:11px}
.risk-heatmap-level-bars{display:grid;gap:12px;padding:2px 14px 16px}.risk-heatmap-level-bars>div{display:grid;grid-template-columns:90px minmax(0,1fr) 32px;gap:8px;align-items:center}.risk-heatmap-level-bars span{color:#475467;font-size:10px;font-weight:750}.risk-heatmap-level-bars b{height:8px;border-radius:6px;background:#eaecf0;overflow:hidden}.risk-heatmap-level-bars b:after{display:block;width:var(--risk-bar-width,0%);height:100%;border-radius:inherit;background:#16a34a;content:""}.risk-heatmap-level-bars .risk-medium b:after{background:#eab308}.risk-heatmap-level-bars .risk-high b:after{background:#f97316}.risk-heatmap-level-bars .risk-very-high b:after{background:#dc2626}.risk-heatmap-level-bars em{color:#101828;font-size:10px;font-style:normal;font-weight:850;text-align:right}
.risk-heatmap-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.risk-heatmap-guide-grid>article{padding:14px;border:1px solid #eaecf0;border-radius:8px;background:#f8fafc}.risk-heatmap-guide-grid h4{margin:0 0 8px;color:#101828;font-size:13px}.risk-heatmap-guide-grid p{margin:0;color:#667085;font-size:11px;line-height:1.55}
.risk-heatmap-legend{display:flex;flex-wrap:wrap;gap:7px}.risk-heatmap-legend span{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:7px;color:#fff;font-size:10px;font-weight:800}.risk-low{background:#16803b}.risk-medium{background:#ca8a04}.risk-high{background:#ea580c}.risk-very-high{background:#c81e1e}
.risk-heatmap-zero-state{display:flex;align-items:flex-start;gap:8px;padding:11px 12px;border:1px solid #dbeafe;border-radius:7px;background:#eff6ff;color:#1e3a8a;font-size:11px;line-height:1.5}
.risk-heatmap-table-wrap{max-width:100%;overflow:auto;border:1px solid #d0d5dd;border-radius:8px;background:#fff}.risk-heatmap-table{width:100%;min-width:760px;border-collapse:collapse;table-layout:fixed}.risk-heatmap-table-fk{min-width:980px}
.risk-heatmap-table th,.risk-heatmap-table td{height:64px;padding:5px;border:1px solid #e4e7ec;text-align:center;vertical-align:middle}.risk-heatmap-table th{background:#f8fafc;color:#344054;font-size:10px;font-weight:850}.risk-heatmap-axis{width:96px}.risk-heatmap-label{display:block;color:#101828;font-size:11px;font-weight:850}.risk-heatmap-scale-note,.risk-heatmap-axis-note{display:block;margin-top:3px;color:#667085;font-size:9px;font-weight:600}
.risk-heatmap-cell{position:relative;padding:0!important;background:#f8fafc}.risk-heatmap-cell.risk-low,.risk-heatmap-cell.risk-medium,.risk-heatmap-cell.risk-high,.risk-heatmap-cell.risk-very-high{color:#fff}.risk-heatmap-cell-button{display:grid;place-items:center;gap:3px;width:100%;height:100%;min-height:62px;padding:5px;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.risk-heatmap-cell-button:hover,.risk-heatmap-cell-button:focus{box-shadow:inset 0 0 0 3px rgba(255,255,255,.72);outline:0}.risk-heatmap-cell-button strong{font-size:14px;font-weight:900}.risk-heatmap-cell-button span{font-size:9px;font-weight:800}.risk-heatmap-base-score{display:grid;place-items:center;gap:2px;color:#667085;font-size:9px}.risk-heatmap-base-score strong{color:#101828;font-size:13px}
.risk-heatmap-stepbar{margin:0}.risk-heatmap-stepcopy{display:grid;gap:2px}
.risk-heatmap-modal-backdrop{position:fixed;z-index:2050;inset:0;display:grid;place-items:center;padding:18px;background:rgba(15,23,42,.62)}.risk-heatmap-modal-backdrop.is-hidden{display:none}.risk-heatmap-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(760px,90vh);border-radius:8px;background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.28);overflow:hidden}.risk-heatmap-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 18px;border-bottom:1px solid #eaecf0}.risk-heatmap-modal h3{margin:0;color:#101828;font-size:18px}.risk-heatmap-modal header p{margin:4px 0 0;color:#667085;font-size:11px}.risk-heatmap-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;cursor:pointer}.risk-heatmap-modal-close:hover{border-color:#dc2626;color:#b42318}.risk-heatmap-modal-body{display:grid;gap:9px;padding:14px;overflow:auto}.risk-heatmap-modal-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px;border:1px solid #eaecf0;border-radius:8px;background:#f8fafc}.risk-heatmap-modal-copy{display:grid;gap:4px;min-width:0}.risk-heatmap-modal-copy strong{color:#101828;font-size:12px}.risk-heatmap-modal-copy span{color:#667085;font-size:10px;line-height:1.45}.risk-heatmap-modal-actions{display:flex;align-items:center;gap:5px}
.risk-toast-wrap{position:fixed;z-index:2100;right:18px;bottom:18px;display:grid;gap:8px;width:min(360px,calc(100vw - 36px))}
.risk-heatmap-panel.is-hidden{display:none!important}
@media(max-width:1200px){.risk-heatmap-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.risk-heatmap-decision-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:991px){.risk-heatmap-shell{grid-template-columns:minmax(0,1fr)}.risk-heatmap-sidebar{position:static}.risk-heatmap-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.risk-heatmap-link{justify-content:center}.risk-heatmap-link>span{justify-content:center}.risk-heatmap-link em{display:none}.risk-heatmap-side{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-heatmap-side>h3,.risk-heatmap-side>p,.risk-heatmap-filter-actions,.risk-heatmap-box{grid-column:1/-1}}
@media(max-width:767px){.risk-heatmap-page{gap:12px;padding:0 10px 18px}.risk-heatmap-hero{margin:0 -10px;padding:20px 14px 18px}.risk-heatmap-hero h1{font-size:23px}.risk-heatmap-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.risk-heatmap-action{width:100%}.risk-heatmap-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.risk-heatmap-summary-card{min-height:104px;padding:14px 12px}.risk-heatmap-summary-card strong{font-size:24px}.risk-heatmap-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.risk-heatmap-side{grid-template-columns:minmax(0,1fr)}.risk-heatmap-side>*{grid-column:1!important}.risk-heatmap-head,.risk-heatmap-body{padding:14px}.risk-heatmap-head h2{font-size:18px}.risk-heatmap-guide-grid{grid-template-columns:minmax(0,1fr)}.risk-heatmap-priority-item{grid-template-columns:26px minmax(0,1fr) auto}.risk-heatmap-priority-score{grid-column:3}.risk-heatmap-priority-actions{grid-column:2/-1}.risk-heatmap-stepbar.ns-step-pager{display:grid;grid-template-columns:minmax(0,1fr)}.risk-heatmap-step-actions.ns-step-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.risk-heatmap-modal-backdrop{align-items:end;padding:8px}.risk-heatmap-modal{max-height:92vh}.risk-heatmap-modal-item{grid-template-columns:minmax(0,1fr)}.risk-heatmap-modal-actions{justify-content:flex-start}}
@media(max-width:430px){.risk-heatmap-summary{grid-template-columns:minmax(0,1fr)}.risk-heatmap-actions{grid-template-columns:minmax(0,1fr)}}
@media print{.left_col,.top_nav,.risk-heatmap-actions,.risk-heatmap-sidebar,.risk-heatmap-stepbar,.risk-toast-wrap,.risk-heatmap-modal-backdrop{display:none!important}.right_col{margin:0!important;padding:0!important}.risk-heatmap-page{padding:0}.risk-heatmap-hero{margin:0;background:#fff!important;color:#101828;box-shadow:none}.risk-heatmap-hero h1,.risk-heatmap-hero p{color:#101828}.risk-heatmap-summary{grid-template-columns:repeat(5,1fr)}.risk-heatmap-panel{box-shadow:none}.risk-heatmap-table-wrap{overflow:visible}.risk-heatmap-table{min-width:0}}
/* Risk Heatmap: final component alignment */
.risk-heatmap-level-bars>div>div{height:8px;border-radius:6px;background:#eaecf0;overflow:hidden}
.risk-heatmap-level-bars i{display:block;height:100%;border-radius:inherit;background:#16a34a}
.risk-heatmap-level-bars i.risk-medium{background:#eab308}
.risk-heatmap-level-bars i.risk-high{background:#f97316}
.risk-heatmap-level-bars i.risk-very-high{background:#dc2626}
.risk-heatmap-level-bars strong{color:#101828;font-size:10px;font-weight:850;text-align:right}
.risk-heatmap-modal-backdrop{display:none}
.risk-heatmap-modal-backdrop.is-open{display:grid}
.risk-heatmap-modal{grid-template-rows:auto minmax(0,1fr) auto}
.risk-heatmap-modal>header>div{display:grid;gap:4px}
.risk-heatmap-modal>header strong{margin:0;color:#101828;font-size:18px}
.risk-heatmap-modal>header span{color:#667085;font-size:11px}
.risk-heatmap-modal>header button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;cursor:pointer}
.risk-heatmap-modal>header button:hover{border-color:#dc2626;color:#b42318}
.risk-heatmap-modal>footer{display:flex;justify-content:flex-end;padding:12px 14px;border-top:1px solid #eaecf0}
.risk-heatmap-modal-main{display:grid;gap:5px;min-width:0}
.risk-heatmap-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.risk-heatmap-modal-heading strong{overflow:hidden;color:#101828;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.risk-heatmap-modal-level{display:inline-flex;flex:none;align-items:center;min-height:24px;padding:4px 7px;border-radius:7px;color:#fff;font-size:9px;font-weight:850}
.risk-heatmap-modal-copy,.risk-heatmap-modal-formula{color:#667085;font-size:10px;line-height:1.45}
.risk-heatmap-modal-formula{color:#344054;font-weight:750}
.risk-heatmap-modal-action.primary{border-color:#dc2626;background:#dc2626;color:#fff}
.risk-heatmap-modal-action.primary:hover{background:#b42318;color:#fff}

/* Risk Heatmap: final cascade normalization */
.risk-heatmap-hero h3{margin:0;color:#fff;font-size:27px;font-weight:800;line-height:1.2}
.risk-heatmap-meta,.risk-heatmap-actions{margin-top:0}
.risk-heatmap-action{font-family:inherit;font-size:12px;font-weight:700;line-height:1.2}
.risk-heatmap-link{font-family:inherit;font-size:12px;font-weight:750;line-height:1.25;text-decoration:none}
.risk-heatmap-summary-card{font-family:inherit;text-decoration:none}
.risk-heatmap-summary-card:hover,.risk-heatmap-summary-card:focus{text-decoration:none}
@media(max-width:767px){.risk-heatmap-hero h3{font-size:23px}}
@media print{.risk-heatmap-hero h3{color:#101828}}

/* Risk Heatmap: preserve matrix table semantics */
.risk-heatmap-table th.risk-heatmap-label{
  display:table-cell;
  width:auto;
  min-width:96px;
}
.risk-heatmap-table th.risk-heatmap-axis{
  display:table-cell;
  width:112px;
  min-width:112px;
  background:#172033;
  color:#fff;
}
.risk-heatmap-table thead{
  display:table-header-group;
}
.risk-heatmap-table tbody{
  display:table-row-group;
}
.risk-heatmap-table tr{
  display:table-row;
}
.risk-heatmap-table th,
.risk-heatmap-table td{
  float:none;
}
@media(max-width:767px){
  .risk-heatmap-table th.risk-heatmap-label{
    min-width:108px;
  }
  .risk-heatmap-table th.risk-heatmap-axis{
    min-width:118px;
  }
}

/* Risk Heatmap: readable matrix text and risk contrast */
.risk-heatmap-table th{
  line-height:1.35;
}
.risk-heatmap-table th.risk-heatmap-axis{
  color:#fff;
}
.risk-heatmap-axis .risk-heatmap-axis-note{
  color:#e2e8f0;
}
.risk-heatmap-table th.risk-heatmap-label{
  color:#172033;
  background:#f8fafc;
}
.risk-heatmap-table th.risk-heatmap-label .risk-heatmap-scale-note{
  color:#475467;
}
.risk-heatmap-cell.risk-low{
  background:#dcfce7;
  color:#14532d;
}
.risk-heatmap-cell.risk-medium{
  background:#fef3c7;
  color:#713f12;
}
.risk-heatmap-cell.risk-high{
  background:#ffedd5;
  color:#9a3412;
}
.risk-heatmap-cell.risk-very-high{
  background:#b91c1c;
  color:#fff;
}
.risk-heatmap-cell-button{
  color:inherit;
  line-height:1.25;
}
.risk-heatmap-cell-button strong{
  color:inherit;
  font-size:15px;
}
.risk-heatmap-cell-button span{
  color:inherit;
  font-size:10px;
}
.risk-heatmap-cell-button em{
  color:inherit;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  opacity:.9;
}
.risk-heatmap-cell.risk-low .risk-heatmap-cell-button:hover,
.risk-heatmap-cell.risk-low .risk-heatmap-cell-button:focus,
.risk-heatmap-cell.risk-medium .risk-heatmap-cell-button:hover,
.risk-heatmap-cell.risk-medium .risk-heatmap-cell-button:focus,
.risk-heatmap-cell.risk-high .risk-heatmap-cell-button:hover,
.risk-heatmap-cell.risk-high .risk-heatmap-cell-button:focus{
  box-shadow:inset 0 0 0 3px rgba(23,32,51,.3);
}
.risk-heatmap-base-score{
  color:#475467;
}
.risk-heatmap-base-score strong{
  color:#172033;
}

/* Risk Heatmap: keep critical-cell content readable */
.risk-heatmap-cell.risk-very-high,
.risk-heatmap-cell.risk-very-high .risk-heatmap-cell-button,
.risk-heatmap-cell.risk-very-high .risk-heatmap-cell-button strong,
.risk-heatmap-cell.risk-very-high .risk-heatmap-cell-button span,
.risk-heatmap-cell.risk-very-high .risk-heatmap-cell-button em,
.risk-heatmap-cell.risk-very-high .risk-heatmap-base-score,
.risk-heatmap-cell.risk-very-high .risk-heatmap-base-score strong{
  color:#fff!important;
}
.risk-heatmap-cell.risk-very-high .risk-heatmap-cell-button em,
.risk-heatmap-cell.risk-very-high .risk-heatmap-base-score{
  opacity:.94;
}

/* Risk Heatmap: compact page-scoped toast stack */
#riskHeatmapToastWrap{
  top:auto;
  right:18px;
  bottom:18px;
  left:auto;
  width:min(360px,calc(100vw - 36px));
  height:auto;
  min-height:0;
  max-height:calc(100vh - 36px);
  align-content:end;
  grid-auto-rows:max-content;
  pointer-events:none;
}
#riskHeatmapToastWrap .cmp-toast{
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
}
@media(max-width:767px){
  #riskHeatmapToastWrap{
    right:12px;
    bottom:12px;
    width:calc(100vw - 24px);
    max-height:calc(100vh - 24px);
  }
}

/* Risk Heatmap: enforce readable hero actions */
.risk-heatmap-hero .risk-heatmap-action,
.risk-heatmap-hero a.risk-heatmap-action,
.risk-heatmap-hero button.risk-heatmap-action{
  border-color:rgba(255,255,255,.4)!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-family:inherit;
  font-size:13px;
  font-weight:750;
  text-decoration:none!important;
}
.risk-heatmap-hero .risk-heatmap-action i{
  color:inherit!important;
}
.risk-heatmap-hero .risk-heatmap-action.primary{
  border-color:#ef4444!important;
  background:#dc2626!important;
  color:#fff!important;
}
.risk-heatmap-hero .risk-heatmap-action:hover,
.risk-heatmap-hero .risk-heatmap-action:focus{
  border-color:#fff!important;
  background:#fff!important;
  color:#172033!important;
  text-decoration:none!important;
  outline:0;
}
.risk-heatmap-hero .risk-heatmap-action.primary:hover,
.risk-heatmap-hero .risk-heatmap-action.primary:focus{
  border-color:#fff!important;
  background:#fff!important;
  color:#b42318!important;
}

/* RISK RESIDUAL COMPARISON 2026-07-27 */
.risk-item-edit-side-box.residual-status {
  border-left: 3px solid #a8b2c1;
}
.risk-item-edit-side-box.residual-status.is-verified {
  border-left-color: #16835c;
  background: #f1fbf6;
}
.risk-item-edit-side-box.residual-status.is-verified strong {
  color: #0b6545;
}
.risk-residual-toggle {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 0 0 18px;
  padding: 14px 16px;
  border: 1px solid #d9e1ea;
  border-radius: 8px;
  background: #f8fafc;
  color: #162133;
  cursor: pointer;
}
.risk-residual-toggle input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.risk-residual-toggle-control {
  position: relative;
  flex: 0 0 42px;
  width: 42px;
  height: 24px;
  border-radius: 12px;
  background: #a8b2c1;
  transition: background-color .18s ease;
}
.risk-residual-toggle-control::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(15, 23, 42, .24);
  transition: transform .18s ease;
}
.risk-residual-toggle input:checked + .risk-residual-toggle-control {
  background: #16835c;
}
.risk-residual-toggle input:checked + .risk-residual-toggle-control::after {
  transform: translateX(18px);
}
.risk-residual-toggle input:focus-visible + .risk-residual-toggle-control {
  outline: 3px solid rgba(22, 131, 92, .2);
  outline-offset: 2px;
}
.risk-residual-toggle > span:last-child {
  display: grid;
  gap: 3px;
}
.risk-residual-toggle strong {
  font-size: 14px;
  line-height: 1.35;
}
.risk-residual-toggle small {
  color: #5a687a;
  font-size: 12px;
  line-height: 1.45;
}
.risk-residual-fields {
  transition: opacity .18s ease;
}
.risk-residual-fields.is-disabled {
  opacity: .48;
}
.risk-residual-comparison {
  display: grid;
  grid-template-columns: minmax(120px, 1fr) auto minmax(140px, 1fr) minmax(150px, 1fr);
  align-items: stretch;
  gap: 12px;
  margin-top: 18px;
}
.risk-residual-comparison > div {
  display: grid;
  align-content: center;
  gap: 4px;
  min-height: 92px;
  padding: 14px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #fff;
}
.risk-residual-comparison > i {
  align-self: center;
  color: #69778a;
}
.risk-residual-comparison small {
  color: #66758a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.risk-residual-comparison strong {
  color: #142033;
  font-size: 24px;
  line-height: 1;
}
.risk-residual-comparison span {
  color: #536175;
  font-size: 12px;
}
.risk-residual-outcome.is-reduced {
  border-color: #9bd7bd;
  background: #effaf4;
}
.risk-residual-outcome.is-reduced strong { color: #0b6545; }
.risk-residual-outcome.is-increased {
  border-color: #f0a7ad;
  background: #fff3f4;
}
.risk-residual-outcome.is-increased strong { color: #b31324; }
.risk-residual-outcome.is-unchanged {
  background: #f5f7fa;
}

.risk-heatmap-comparison {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 1.1fr) minmax(440px, 2fr);
  gap: 18px;
  margin: 0 18px 18px;
  padding: 20px;
  border: 1px solid #dce3eb;
  border-left: 4px solid #16835c;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(18, 32, 51, .06);
}
.risk-heatmap-comparison-copy {
  display: grid;
  align-content: start;
  gap: 7px;
  padding-right: 12px;
}
.risk-heatmap-comparison-kicker {
  color: #0b6545;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-heatmap-comparison-copy h4 {
  margin: 0;
  color: #142033;
  font-size: 18px;
  line-height: 1.3;
}
.risk-heatmap-comparison-copy p {
  margin: 0;
  color: #59687a;
  font-size: 13px;
  line-height: 1.55;
}
.risk-heatmap-comparison-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(92px, 1fr));
  gap: 8px;
}
.risk-heatmap-comparison-metrics > button,
.risk-heatmap-comparison-rate {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #f8fafc;
  color: #142033;
  text-align: left;
}
.risk-heatmap-comparison-metrics > button {
  cursor: pointer;
}
.risk-heatmap-comparison-metrics > button:hover,
.risk-heatmap-comparison-metrics > button:focus-visible {
  border-color: #6f8094;
  background: #fff;
  color: #142033;
}
.risk-heatmap-comparison-metrics small,
.risk-heatmap-comparison-rate small {
  color: #657387;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-heatmap-comparison-metrics strong,
.risk-heatmap-comparison-rate strong {
  color: #142033;
  font-size: 21px;
  line-height: 1;
}
.risk-heatmap-comparison-metrics span,
.risk-heatmap-comparison-rate span {
  color: #657387;
  font-size: 11px;
}
.risk-heatmap-comparison-metrics .is-positive { border-top: 3px solid #16835c; }
.risk-heatmap-comparison-metrics .is-neutral { border-top: 3px solid #d89a12; }
.risk-heatmap-comparison-metrics .is-negative { border-top: 3px solid #c7192d; }
.risk-heatmap-comparison-rate { border-top: 3px solid #2773c8; }
.risk-heatmap-mode-switch {
  position: static;
  grid-column: 1 / -1;
  justify-self: end;
  display: inline-flex;
  gap: 4px;
  margin-top: -2px;
  padding: 4px;
  border: 1px solid #d9e1ea;
  border-radius: 8px;
  background: #f6f8fb;
  box-shadow: none;
}
.risk-heatmap-mode-switch button {
  min-height: 32px;
  padding: 6px 11px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #3d4b5e;
  font-size: 12px;
  font-weight: 700;
}
.risk-heatmap-mode-switch button:hover,
.risk-heatmap-mode-switch button:focus-visible {
  background: #edf2f7;
  color: #142033;
}
.risk-heatmap-mode-switch button.is-active {
  background: #172637;
  color: #fff;
}
.risk-heatmap-page[data-risk-map-active-mode="residual"] .risk-heatmap-panel:not(.risk-heatmap-sidebar) .risk-heatmap-head::after {
  content: "Kalıntı risk görünümü";
  display: inline-flex;
  margin-top: 8px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #eaf7f0;
  color: #0b6545;
  font-size: 11px;
  font-weight: 800;
}
.risk-heatmap-modal-formula.residual {
  border-color: #9bd7bd;
  background: #effaf4;
  color: #0b6545;
}
.risk-heatmap-modal-movement {
  display: inline-flex;
  width: fit-content;
  margin-top: 5px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #eef2f6;
  color: #49586b;
  font-size: 11px;
  font-weight: 800;
}
.risk-heatmap-modal-movement.is-reduced {
  background: #e6f7ee;
  color: #0b6545;
}
.risk-heatmap-modal-movement.is-increased {
  background: #fff0f2;
  color: #b31324;
}

@media (max-width: 1180px) {
  .risk-heatmap-comparison {
    grid-template-columns: 1fr;
  }
  .risk-heatmap-comparison-metrics {
    grid-template-columns: repeat(5, minmax(100px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .risk-residual-comparison {
    grid-template-columns: 1fr 1fr;
  }
  .risk-residual-comparison > i { display: none; }
  .risk-residual-outcome { grid-column: 1 / -1; }
  .risk-heatmap-comparison {
    margin: 0 10px 20px;
    padding: 16px;
  }
  .risk-heatmap-comparison-metrics {
    grid-template-columns: repeat(5, minmax(116px, 1fr));
  }
  .risk-heatmap-mode-switch {
    grid-column: 1 / -1;
    justify-self: stretch;
    width: 100%;
    margin-top: 2px;
  }
  .risk-heatmap-mode-switch button {
    flex: 1;
  }
}

/* RISK WHAT IF SIMULATOR 2026-07-27 */
.risk-simulator-notice {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 13px 14px;
  border: 1px solid #b8d7f4;
  border-left: 4px solid #2773c8;
  border-radius: 8px;
  background: #f1f7fd;
  color: #173f6b;
}
.risk-simulator-notice > i {
  margin-top: 2px;
  font-size: 16px;
}
.risk-simulator-notice > div {
  display: grid;
  gap: 3px;
}
.risk-simulator-notice strong {
  font-size: 12px;
}
.risk-simulator-notice span {
  font-size: 11px;
  line-height: 1.5;
}
.risk-simulator-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr);
  gap: 14px;
  align-items: end;
}
.risk-simulator-toolbar > label,
.risk-simulator-fields label {
  display: grid;
  gap: 6px;
  min-width: 0;
  color: #344054;
  font-size: 11px;
  font-weight: 750;
}
.risk-simulator-toolbar select,
.risk-simulator-fields select {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #cfd7e2;
  border-radius: 7px;
  background: #fff;
  color: #142033;
  font-size: 12px;
  font-weight: 650;
}
.risk-simulator-toolbar select:focus,
.risk-simulator-fields select:focus {
  border-color: #2773c8;
  box-shadow: 0 0 0 3px rgba(39, 115, 200, .14);
  outline: 0;
}
.risk-simulator-presets {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 7px;
}
.risk-simulator-presets button {
  min-height: 40px;
  padding: 8px 11px;
  border: 1px solid #d4dce6;
  border-radius: 7px;
  background: #fff;
  color: #2f3d50;
  font-size: 11px;
  font-weight: 750;
}
.risk-simulator-presets button:hover,
.risk-simulator-presets button:focus-visible {
  border-color: #2773c8;
  background: #eef6ff;
  color: #174f8e;
}
.risk-simulator-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
  gap: 14px;
  align-items: stretch;
}
.risk-simulator-input-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #fff;
}
.risk-simulator-input-card.current {
  border-top: 4px solid #c7192d;
}
.risk-simulator-input-card.scenario {
  border-top: 4px solid #16835c;
}
.risk-simulator-input-card > header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 15px;
  border-bottom: 1px solid #e7ebf0;
  background: #f8fafc;
}
.risk-simulator-input-card > header > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: #172637;
  color: #fff;
  font-size: 12px;
  font-weight: 850;
}
.risk-simulator-input-card > header > div {
  display: grid;
  gap: 2px;
}
.risk-simulator-input-card > header strong {
  color: #142033;
  font-size: 13px;
}
.risk-simulator-input-card > header small {
  color: #68778b;
  font-size: 10px;
}
.risk-simulator-fields {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 15px;
}
.risk-simulator-fields label[hidden] {
  display: none;
}
.risk-simulator-score {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas:
    "label label"
    "score level"
    "formula formula";
  align-items: center;
  gap: 5px 10px;
  margin: 0 15px 15px;
  padding: 14px;
  border-radius: 8px;
  background: #f3f6f9;
}
.risk-simulator-score small {
  grid-area: label;
  color: #66758a;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-simulator-score > strong {
  grid-area: score;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 42px;
  padding: 7px 10px;
  border-radius: 7px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
}
.risk-simulator-score > span {
  grid-area: level;
  color: #142033;
  font-size: 14px;
  font-weight: 800;
}
.risk-simulator-score > em {
  grid-area: formula;
  color: #5b697b;
  font-size: 11px;
  font-style: normal;
}
.risk-simulator-arrow {
  display: grid;
  place-content: center;
  place-items: center;
  gap: 7px;
  color: #66758a;
  text-align: center;
}
.risk-simulator-arrow i {
  color: #16835c;
  font-size: 28px;
}
.risk-simulator-arrow span {
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-simulator-outcome {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) minmax(280px, auto);
  gap: 14px;
  align-items: center;
  padding: 16px;
  border: 1px solid #cdd7e3;
  border-left: 4px solid #66758a;
  border-radius: 8px;
  background: #f8fafc;
}
.risk-simulator-outcome.is-positive {
  border-color: #9bd7bd;
  border-left-color: #16835c;
  background: #f1fbf6;
}
.risk-simulator-outcome.is-negative {
  border-color: #f0a7ad;
  border-left-color: #c7192d;
  background: #fff3f4;
}
.risk-simulator-outcome-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #172637;
  color: #fff;
  font-size: 17px;
}
.risk-simulator-outcome > div:nth-child(2) {
  display: grid;
  gap: 4px;
}
.risk-simulator-outcome > div:nth-child(2) small {
  color: #657387;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-simulator-outcome > div:nth-child(2) strong {
  color: #142033;
  font-size: 18px;
}
.risk-simulator-outcome > div:nth-child(2) span {
  color: #536175;
  font-size: 11px;
  line-height: 1.5;
}
.risk-simulator-outcome-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(120px, 1fr));
  gap: 8px;
}
.risk-simulator-outcome-metrics > span {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid rgba(116, 131, 150, .22);
  border-radius: 7px;
  background: rgba(255, 255, 255, .74);
}
.risk-simulator-outcome-metrics small {
  color: #657387;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-simulator-outcome-metrics strong {
  color: #142033;
  font-size: 12px;
}
.risk-simulator-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
@media (max-width: 1100px) {
  .risk-simulator-toolbar {
    grid-template-columns: 1fr;
  }
  .risk-simulator-presets {
    justify-content: flex-start;
  }
  .risk-simulator-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-simulator-arrow {
    grid-template-columns: auto auto;
    padding: 2px 0;
  }
  .risk-simulator-arrow i {
    transform: rotate(90deg);
  }
  .risk-simulator-outcome {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .risk-simulator-outcome-metrics {
    grid-column: 1 / -1;
  }
}
@media (max-width: 640px) {
  .risk-simulator-presets {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .risk-simulator-presets button {
    width: 100%;
  }
  .risk-simulator-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-simulator-outcome {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-simulator-outcome-icon {
    display: none;
  }
  .risk-simulator-outcome-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-simulator-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-simulator-actions button {
    width: 100%;
  }
}

/* RISK MOVEMENT OVER TIME 2026-07-27 */
.risk-trend-filter {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  gap: 10px;
  align-items: end;
  padding: 14px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #f8fafc;
}
.risk-trend-filter label {
  display: grid;
  gap: 6px;
  color: #344054;
  font-size: 11px;
  font-weight: 750;
}
.risk-trend-filter select {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #cfd7e2;
  border-radius: 7px;
  background: #fff;
  color: #142033;
  font-size: 12px;
  font-weight: 650;
}
.risk-trend-filter select:focus {
  border-color: #2773c8;
  box-shadow: 0 0 0 3px rgba(39, 115, 200, .14);
  outline: 0;
}
.risk-trend-context {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.risk-trend-context > div {
  display: grid;
  gap: 4px;
  padding: 13px 14px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #fff;
}
.risk-trend-context small {
  color: #68778b;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-trend-context strong {
  color: #142033;
  font-size: 13px;
}
.risk-trend-context span {
  color: #637186;
  font-size: 10px;
}
.risk-trend-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
}
.risk-trend-summary article {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #dce3eb;
  border-top: 3px solid #68778b;
  border-radius: 8px;
  background: #fff;
}
.risk-trend-summary article.positive {
  border-top-color: #16835c;
}
.risk-trend-summary article.negative {
  border-top-color: #c7192d;
}
.risk-trend-summary span {
  color: #68778b;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-trend-summary strong {
  overflow: hidden;
  color: #142033;
  font-size: 22px;
  line-height: 1.1;
  text-overflow: ellipsis;
}
.risk-trend-summary small {
  color: #637186;
  font-size: 10px;
}
.risk-trend-chart-card,
.risk-trend-movements {
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #fff;
}
.risk-trend-source-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 6px;
  background: #eaf7f0;
  color: #0b6545;
  font-size: 10px;
  font-weight: 800;
}
.risk-trend-chart-wrap {
  position: relative;
  height: 360px;
  padding: 15px;
}
.risk-trend-chart-wrap canvas {
  width: 100% !important;
  height: 100% !important;
}
.risk-trend-chart-fallback {
  position: absolute;
  inset: 15px;
  place-content: center;
  padding: 20px;
  border: 1px dashed #b9c5d2;
  border-radius: 8px;
  background: #f8fafc;
  color: #536175;
  font-size: 11px;
  text-align: center;
}
.risk-trend-chart-fallback:not([hidden]) {
  display: grid;
}
.risk-trend-timeline {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(230px, 1fr);
  gap: 9px;
  max-width: 100%;
  padding: 4px 1px 10px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
}
.risk-trend-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(72px, .7fr));
  gap: 8px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #dce3eb;
  border-top: 3px solid #68778b;
  border-radius: 8px;
  background: #fff;
  scroll-snap-align: start;
}
.risk-trend-timeline article.is-improved {
  border-top-color: #16835c;
}
.risk-trend-timeline article.is-worsened {
  border-top-color: #c7192d;
}
.risk-trend-timeline article.is-unchanged {
  border-top-color: #d89a12;
}
.risk-trend-timeline-dot {
  position: absolute;
  top: -7px;
  left: 14px;
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #68778b;
  box-shadow: 0 0 0 1px #aab5c2;
}
.risk-trend-timeline article.is-improved .risk-trend-timeline-dot { background: #16835c; }
.risk-trend-timeline article.is-worsened .risk-trend-timeline-dot { background: #c7192d; }
.risk-trend-timeline article > div {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
}
.risk-trend-timeline small {
  color: #68778b;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-trend-timeline strong {
  overflow: hidden;
  color: #142033;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.risk-trend-timeline em,
.risk-trend-timeline span {
  color: #637186;
  font-size: 9px;
  font-style: normal;
}
.risk-trend-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}
.risk-trend-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
}
.risk-trend-table th,
.risk-trend-table td {
  padding: 11px 12px;
  border-bottom: 1px solid #e7ebf0;
  color: #344054;
  font-size: 10px;
  text-align: left;
  vertical-align: middle;
}
.risk-trend-table th {
  background: #f8fafc;
  color: #536175;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
}
.risk-trend-table tbody tr:hover {
  background: #f8fafc;
}
.risk-trend-table td:first-child {
  min-width: 260px;
}
.risk-trend-table td strong {
  color: #142033;
  font-size: 11px;
}
.risk-trend-table td small {
  display: block;
  margin-top: 3px;
  color: #68778b;
  font-size: 9px;
}
.risk-trend-table td a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 31px;
  height: 31px;
  border: 1px solid #d0d8e2;
  border-radius: 7px;
  background: #fff;
  color: #344054;
}
.risk-trend-table td a:hover,
.risk-trend-table td a:focus-visible {
  border-color: #c7192d;
  color: #b31324;
}
.risk-trend-change {
  display: inline-flex;
  min-width: 52px;
  justify-content: center;
  padding: 5px 7px;
  border-radius: 6px;
  background: #edf1f5;
  color: #536175;
  font-size: 10px;
  font-weight: 850;
}
.risk-trend-change.is-improved {
  background: #e7f7ef;
  color: #0b6545;
}
.risk-trend-change.is-worsened {
  background: #fff0f2;
  color: #b31324;
}
.risk-trend-empty {
  min-height: 180px;
}
@media (max-width: 1100px) {
  .risk-trend-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .risk-trend-timeline {
    grid-auto-columns: minmax(520px, 82%);
  }
}
@media (max-width: 767px) {
  .risk-trend-filter,
  .risk-trend-context {
    grid-template-columns: minmax(0, 1fr);
  }
  .risk-trend-filter button {
    width: 100%;
  }
  .risk-trend-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .risk-trend-chart-wrap {
    height: 300px;
    padding: 10px;
  }
  .risk-trend-timeline {
    grid-auto-columns: minmax(310px, 92%);
  }
  .risk-trend-timeline article {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 430px) {
  .risk-trend-summary {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* Risk heatmap: critical controls and Bowtie */
.risk-bowtie-filter {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  margin-bottom: 16px;
  border: 1px solid #d8e0e8;
  border-left: 4px solid #c7192d;
  background: #f8fafc;
}

.risk-bowtie-filter label,
.risk-bowtie-toolbar label,
.risk-bowtie-modal label {
  display: grid;
  gap: 6px;
  min-width: 0;
  margin: 0;
}

.risk-bowtie-filter label > span,
.risk-bowtie-toolbar label > span,
.risk-bowtie-modal label > span {
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}

.risk-bowtie-filter select,
.risk-bowtie-toolbar input,
.risk-bowtie-modal input,
.risk-bowtie-modal select,
.risk-bowtie-modal textarea {
  width: 100%;
  min-height: 40px;
  border: 1px solid #cfd8e3;
  border-radius: 6px;
  background: #fff;
  color: #172637;
  padding: 9px 11px;
  font-size: 13px;
}

.risk-bowtie-modal textarea {
  min-height: 76px;
  resize: vertical;
}

.risk-bowtie-context {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) auto;
  gap: 12px;
  align-items: center;
  margin-bottom: 14px;
  padding: 13px 15px;
  border: 1px solid #d8e0e8;
  border-radius: 8px;
  background: #fff;
}

.risk-bowtie-context > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.risk-bowtie-context small {
  color: #66758a;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.risk-bowtie-context strong {
  overflow: hidden;
  color: #172637;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-bowtie-context span {
  color: #526174;
  font-size: 12px;
}

.risk-bowtie-context > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #ccd6e1;
  border-radius: 6px;
  background: #fff;
  color: #243447;
  font-size: 12px;
  font-weight: 700;
}

.risk-bowtie-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 16px;
}

.risk-bowtie-summary article {
  min-width: 0;
  min-height: 104px;
  padding: 13px 14px;
  border: 1px solid #d8e0e8;
  border-left: 4px solid #66758a;
  border-radius: 8px;
  background: #fff;
}

.risk-bowtie-summary article.positive { border-left-color: #16835c; }
.risk-bowtie-summary article.warning { border-left-color: #e28a0b; }
.risk-bowtie-summary article.negative { border-left-color: #c7192d; }

.risk-bowtie-summary span,
.risk-bowtie-summary small {
  display: block;
  color: #5b697b;
  font-size: 11px;
  font-weight: 600;
}

.risk-bowtie-summary strong {
  display: block;
  margin: 5px 0 3px;
  color: #172637;
  font-size: 24px;
  line-height: 1;
}

.risk-bowtie-workspace {
  min-width: 0;
}

.risk-bowtie-toolbar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: end;
  padding: 14px;
  border: 1px solid #d8e0e8;
  border-bottom: 0;
  background: #f8fafc;
}

.risk-bowtie-draft-note {
  display: flex;
  gap: 9px;
  align-items: flex-start;
  padding: 10px 14px;
  border: 1px solid #f1d18c;
  background: #fff9e9;
  color: #704b07;
  font-size: 12px;
  line-height: 1.5;
}

.risk-bowtie-canvas {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.15fr) minmax(150px, .85fr) minmax(0, 1.15fr) minmax(0, 1.05fr);
  gap: 9px;
  align-items: stretch;
  min-width: 0;
  padding: 18px 12px;
  overflow: hidden;
  border: 1px solid #d8e0e8;
  background: #f4f7fa;
}

.risk-bowtie-canvas::before,
.risk-bowtie-canvas::after {
  position: absolute;
  top: 50%;
  width: 50%;
  height: 2px;
  background: #aebbc9;
  content: "";
}

.risk-bowtie-canvas::before {
  right: 50%;
  transform: rotate(7deg);
  transform-origin: right;
}

.risk-bowtie-canvas::after {
  left: 50%;
  transform: rotate(-7deg);
  transform-origin: left;
}

.risk-bowtie-lane,
.risk-bowtie-top-event {
  position: relative;
  z-index: 1;
  min-width: 0;
}

.risk-bowtie-lane > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 58px;
  padding: 9px 10px;
  border-radius: 7px 7px 0 0;
  color: #fff;
}

.risk-bowtie-lane.threats > header { background: #993142; }
.risk-bowtie-lane.preventive > header { background: #226c59; }
.risk-bowtie-lane.mitigative > header { background: #286f89; }
.risk-bowtie-lane.consequences > header { background: #6b3f70; }

.risk-bowtie-lane > header > i {
  font-size: 18px;
}

.risk-bowtie-lane > header div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.risk-bowtie-lane > header strong {
  font-size: 12px;
}

.risk-bowtie-lane > header small {
  color: rgba(255, 255, 255, .82);
  font-size: 10px;
  line-height: 1.25;
}

.risk-bowtie-lane > header button,
.risk-bowtie-node-head button {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .38);
  border-radius: 6px;
  background: rgba(255, 255, 255, .12);
  color: #fff;
}

.risk-bowtie-lane > div {
  display: grid;
  gap: 8px;
  align-content: start;
  min-height: 250px;
  padding: 9px;
  border: 1px solid #d8e0e8;
  border-top: 0;
  background: rgba(255, 255, 255, .94);
}

.risk-bowtie-node {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 10px;
  border: 1px solid #d8e0e8;
  border-left: 3px solid #8997a8;
  border-radius: 6px;
  background: #fff;
}

.risk-bowtie-node.is-effective { border-left-color: #16835c; }
.risk-bowtie-node.is-attention { border-left-color: #e28a0b; }
.risk-bowtie-node.is-failed { border-left-color: #c7192d; }

.risk-bowtie-node-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.risk-bowtie-node-head > span {
  color: #66758a;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.risk-bowtie-node-head > div {
  display: flex;
  gap: 5px;
  align-items: center;
}

.risk-bowtie-node-head button {
  width: 24px;
  height: 24px;
  border-color: #d2dbe5;
  background: #f7f9fb;
  color: #344054;
}

.risk-bowtie-critical-badge {
  padding: 3px 6px;
  border-radius: 5px;
  background: #feecef;
  color: #a91226;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.risk-bowtie-node > strong {
  overflow-wrap: anywhere;
  color: #172637;
  font-size: 12px;
  line-height: 1.4;
}

.risk-bowtie-node > p {
  margin: 0;
  color: #526174;
  font-size: 11px;
  line-height: 1.45;
}

.risk-bowtie-node-meta {
  display: grid;
  gap: 3px;
  padding-top: 6px;
  border-top: 1px solid #edf1f5;
}

.risk-bowtie-node-meta span {
  color: #5b697b;
  font-size: 10px;
}

.risk-bowtie-node-meta span.is-effective { color: #116846; }
.risk-bowtie-node-meta span.is-attention { color: #956009; }
.risk-bowtie-node-meta span.is-failed { color: #a91226; }

.risk-bowtie-empty-add {
  min-height: 70px;
  border: 1px dashed #b8c4d0;
  border-radius: 6px;
  background: #f8fafc;
  color: #526174;
  font-size: 11px;
  font-weight: 700;
}

.risk-bowtie-top-event {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-self: center;
  align-items: center;
  justify-content: center;
  min-height: 210px;
  padding: 18px 12px;
  border: 3px solid #b8172a;
  border-radius: 8px;
  background: #fff;
  text-align: center;
  box-shadow: 0 10px 24px rgba(39, 52, 68, .12);
}

.risk-bowtie-top-event > span {
  color: #9e1223;
  font-size: 10px;
  font-weight: 800;
}

.risk-bowtie-top-event > i {
  color: #c7192d;
  font-size: 32px;
}

.risk-bowtie-top-event > strong {
  overflow-wrap: anywhere;
  color: #172637;
  font-size: 14px;
  line-height: 1.35;
}

.risk-bowtie-top-event > small {
  color: #66758a;
  font-size: 10px;
}

.risk-bowtie-assurance {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #d8e0e8;
}

.risk-bowtie-assurance .risk-heatmap-section-title {
  align-items: center;
}

.risk-bowtie-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #d8e0e8;
  border-radius: 7px;
}

.risk-bowtie-table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  background: #fff;
}

.risk-bowtie-table th,
.risk-bowtie-table td {
  padding: 10px 11px;
  border-bottom: 1px solid #e6ebf0;
  color: #344054;
  font-size: 11px;
  text-align: left;
  vertical-align: middle;
}

.risk-bowtie-table th {
  background: #f3f6f9;
  color: #4d5c6f;
  font-size: 10px;
  text-transform: uppercase;
}

.risk-bowtie-table td strong,
.risk-bowtie-table td small {
  display: block;
}

.risk-bowtie-table td strong {
  color: #172637;
  font-size: 12px;
}

.risk-bowtie-table td small {
  margin-top: 3px;
  color: #66758a;
}

.risk-bowtie-table td.is-overdue,
.risk-bowtie-table tr.is-overdue td:first-child strong {
  color: #a91226;
}

.risk-bowtie-table-critical {
  color: #a91226 !important;
  font-weight: 700;
}

.risk-bowtie-status {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 5px;
  background: #edf1f5;
  color: #526174;
  font-weight: 700;
  white-space: nowrap;
}

.risk-bowtie-status.is-effective { background: #e7f6ef; color: #116846; }
.risk-bowtie-status.is-attention { background: #fff4d8; color: #8a5806; }
.risk-bowtie-status.is-failed { background: #feecef; color: #a91226; }

.risk-bowtie-table-action {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd6e1;
  border-radius: 6px;
  background: #fff;
  color: #344054;
}

.risk-bowtie-table-empty {
  padding: 20px !important;
  color: #66758a !important;
  text-align: center !important;
}

.risk-bowtie-modal-backdrop {
  position: fixed;
  z-index: 1800;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(11, 20, 31, .58);
}

.risk-bowtie-modal-backdrop.is-open {
  display: flex;
}

body.risk-bowtie-modal-open {
  overflow: hidden;
}

.risk-bowtie-modal {
  width: min(720px, 100%);
  max-height: calc(100vh - 36px);
  overflow: auto;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .28);
}

.risk-bowtie-modal > header,
.risk-bowtie-modal > footer {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #e2e8ef;
}

.risk-bowtie-modal > header {
  justify-content: space-between;
}

.risk-bowtie-modal > header > div {
  display: grid;
  gap: 2px;
}

.risk-bowtie-modal > header strong {
  color: #172637;
  font-size: 15px;
}

.risk-bowtie-modal > header span {
  color: #66758a;
  font-size: 11px;
}

.risk-bowtie-modal > header button {
  width: 34px;
  height: 34px;
  border: 1px solid #d6dee7;
  border-radius: 6px;
  background: #fff;
  color: #344054;
}

.risk-bowtie-modal-body {
  display: grid;
  gap: 13px;
  padding: 16px;
}

.risk-bowtie-modal-body [data-bowtie-control-fields] {
  display: grid;
  gap: 13px;
  padding-top: 13px;
  border-top: 1px solid #e2e8ef;
}

.risk-bowtie-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.risk-bowtie-form-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.risk-bowtie-critical-check {
  display: flex !important;
  gap: 10px !important;
  align-items: flex-start;
  padding: 11px;
  border: 1px solid #efb9c0;
  border-radius: 7px;
  background: #fff5f6;
}

.risk-bowtie-critical-check input {
  width: 18px;
  min-height: 18px;
  margin: 1px 0 0;
}

.risk-bowtie-critical-check > span {
  display: grid;
  gap: 3px;
}

.risk-bowtie-critical-check strong {
  color: #8e1020;
  font-size: 12px;
}

.risk-bowtie-critical-check small {
  color: #75414a;
  font-size: 10px;
  line-height: 1.4;
}

.risk-bowtie-modal > footer {
  justify-content: flex-end;
  border-top: 1px solid #e2e8ef;
  border-bottom: 0;
}

.risk-bowtie-modal > footer > span {
  flex: 1;
}

.risk-heatmap-step-btn.danger {
  border-color: #d39aa2;
  background: #fff;
  color: #a91226;
}

@media (max-width: 1280px) {
  .risk-bowtie-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .risk-bowtie-canvas {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-bowtie-top-event {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 150px;
  }

  .risk-bowtie-lane.mitigative,
  .risk-bowtie-lane.consequences {
    grid-row: 3;
  }

  .risk-bowtie-canvas::before,
  .risk-bowtie-canvas::after {
    display: none;
  }
}

@media (max-width: 760px) {
  .risk-bowtie-filter,
  .risk-bowtie-context,
  .risk-bowtie-toolbar,
  .risk-bowtie-form-grid,
  .risk-bowtie-form-grid.three {
    grid-template-columns: minmax(0, 1fr);
  }

  .risk-bowtie-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-bowtie-context strong {
    white-space: normal;
  }

  .risk-bowtie-canvas {
    grid-template-columns: minmax(0, 1fr);
    padding: 10px;
  }

  .risk-bowtie-top-event,
  .risk-bowtie-lane.mitigative,
  .risk-bowtie-lane.consequences {
    grid-column: auto;
    grid-row: auto;
  }

  .risk-bowtie-lane > div {
    min-height: 90px;
  }

  .risk-bowtie-modal-backdrop {
    align-items: flex-end;
    padding: 8px;
  }

  .risk-bowtie-modal {
    max-height: calc(100vh - 16px);
  }

  .risk-bowtie-modal > footer {
    flex-wrap: wrap;
  }
}

/* Risk heatmap: smart action center */
.risk-action-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 17px 18px;
  margin-bottom: 12px;
  border: 1px solid #d8e0e8;
  border-left: 4px solid #c7192d;
  border-radius: 8px;
  background: #fff;
}

.risk-action-intro > div {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.risk-action-intro > div > span {
  color: #a91226;
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-action-intro h5 {
  margin: 0;
  color: #172637;
  font-size: 18px;
  font-weight: 750;
}

.risk-action-intro p {
  max-width: 860px;
  margin: 0;
  color: #435368;
  font-size: 13px;
  line-height: 1.6;
}

.risk-action-intro > button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #cbd5df;
  border-radius: 6px;
  background: #f8fafc;
  color: #344054;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}

.risk-action-intro > button.is-active {
  border-color: #172637;
  background: #172637;
  color: #fff;
}

.risk-action-method {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 14px;
  margin-bottom: 12px;
  border: 1px solid #bfcbd6;
  border-radius: 7px;
  background: #f4f7fa;
}

.risk-action-method[hidden] {
  display: none;
}

.risk-action-method strong {
  margin-right: 4px;
  color: #172637;
  font-size: 13px;
}

.risk-action-method span {
  padding: 5px 8px;
  border: 1px solid #d3dce5;
  border-radius: 5px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}

.risk-action-method em {
  flex-basis: 100%;
  color: #4b5b70;
  font-size: 12px;
  font-style: normal;
  line-height: 1.45;
}

.risk-action-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}

.risk-action-summary button {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 102px;
  padding: 13px 14px;
  border: 1px solid #d8e0e8;
  border-left: 4px solid #66758a;
  border-radius: 8px;
  background: #fff;
  color: #172637;
  text-align: left;
}

.risk-action-summary button.danger { border-left-color: #c7192d; }
.risk-action-summary button.critical { border-left-color: #9f1239; }
.risk-action-summary button.warning { border-left-color: #e28a0b; }

.risk-action-summary button:hover,
.risk-action-summary button.is-active {
  border-color: #172637;
  background: #f5f8fa;
  box-shadow: 0 5px 14px rgba(24, 38, 55, .08);
}

.risk-action-summary span,
.risk-action-summary small {
  overflow: hidden;
  color: #435368;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-action-summary strong {
  color: #172637;
  font-size: 26px;
  line-height: 1;
}

.risk-action-toolbar {
  display: grid;
  grid-template-columns: 110px 160px 180px minmax(220px, 1fr);
  gap: 10px;
  align-items: end;
  padding: 12px;
  margin-bottom: 12px;
  border: 1px solid #d8e0e8;
  border-radius: 7px;
  background: #f8fafc;
}

.risk-action-toolbar label {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
}

.risk-action-toolbar label > span {
  color: #435368;
  font-size: 12px;
  font-weight: 750;
}

.risk-action-toolbar select,
.risk-action-toolbar input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #cdd7e1;
  border-radius: 6px;
  background: #fff;
  color: #172637;
  padding: 8px 10px;
  font-size: 13px;
}

.risk-action-search > div {
  position: relative;
}

.risk-action-search > div > i {
  position: absolute;
  top: 50%;
  left: 11px;
  color: #758398;
  transform: translateY(-50%);
}

.risk-action-search input {
  padding-left: 32px;
}

.risk-action-list {
  display: grid;
  gap: 10px;
}

.risk-action-item {
  display: grid;
  grid-template-columns: 96px minmax(0, 1fr) 165px;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8e0e8;
  border-left: 5px solid #8795a6;
  border-radius: 8px;
  background: #fff;
}

.risk-action-item[hidden],
.risk-action-item.is-filtered-out {
  display: none;
}

.risk-action-item.is-immediate { border-left-color: #c7192d; }
.risk-action-item.is-critical { border-left-color: #9f1239; }
.risk-action-item.is-high { border-left-color: #e28a0b; }
.risk-action-item.is-planned { border-left-color: #2773c8; }
.risk-action-item.is-monitor { border-left-color: #16835c; }

.risk-action-score {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 14px 10px;
  border-right: 1px solid #e1e7ed;
  background: #f6f8fa;
  text-align: center;
}

.risk-action-score small {
  color: #4b5b70;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-action-score strong {
  color: #172637;
  font-size: 30px;
  line-height: 1;
}

.risk-action-score span {
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

.risk-action-score > i {
  display: block;
  width: 58px;
  height: 5px;
  overflow: hidden;
  border-radius: 4px;
  background: #dfe5eb;
}

.risk-action-score > i > b {
  display: block;
  width: 0;
  height: 100%;
  background: #c7192d;
  transition: width .25s ease;
}

.risk-action-main {
  display: grid;
  gap: 10px;
  min-width: 0;
  padding: 13px 14px;
}

.risk-action-title {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
}

.risk-action-title > div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.risk-action-title > div > span,
.risk-action-title > div > small {
  color: #4b5b70;
  font-size: 12px;
  line-height: 1.4;
}

.risk-action-title > div > strong {
  overflow-wrap: anywhere;
  color: #172637;
  font-size: 15px;
  line-height: 1.4;
}

.risk-action-title > span {
  flex: 0 0 auto;
  padding: 5px 7px;
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.risk-action-reasons {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.risk-action-reasons > span {
  display: grid;
  grid-template-columns: auto auto;
  gap: 1px 5px;
  align-items: center;
  padding: 5px 7px;
  border: 1px solid #d9e1e8;
  border-radius: 5px;
  background: #f8fafc;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}

.risk-action-reasons > span > strong {
  grid-row: 1 / 3;
  font-size: 15px;
}

.risk-action-reasons > span > small {
  color: #536277;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.35;
}

.risk-action-reasons > span.risk-low { border-color: #9fd6c1; color: #116846; }
.risk-action-reasons > span.risk-medium { border-color: #f0d28c; color: #875706; }
.risk-action-reasons > span.risk-high { border-color: #e9b16a; color: #914b05; }
.risk-action-reasons > span.risk-very-high { border-color: #e5a2ac; color: #a91226; }

.risk-action-recommendation {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 9px 10px;
  border: 1px solid #cfd9e3;
  border-radius: 6px;
  background: #f4f7fa;
}

.risk-action-recommendation > i {
  color: #c7192d;
  font-size: 16px;
}

.risk-action-recommendation > div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.risk-action-recommendation small {
  color: #4b5b70;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-action-recommendation strong {
  color: #172637;
  font-size: 13px;
}

.risk-action-recommendation span {
  color: #435368;
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
  white-space: normal;
}

.risk-action-recommendation > a, .risk-action-recommendation-links > a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid #b8172a;
  border-radius: 5px;
  background: #c7192d;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.risk-action-recommendation > a:hover, .risk-action-recommendation-links > a:hover,
.risk-action-recommendation > a:focus, .risk-action-recommendation-links > a:focus {
  background: #fff;
  color: #9f1224;
}

.risk-action-recommendation-links {
  display: flex;
  gap: 6px;
  align-items: center;
}

.risk-action-recommendation-links > a {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  min-height: 32px;
  padding: 7px 9px;
  border: 1px solid #b8172a;
  border-radius: 5px;
  background: #c7192d;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.risk-action-recommendation-links > a.field { border-color: #176f61; background: #176f61; }

.risk-action-side {
  display: grid;
  gap: 7px;
  align-content: center;
  min-width: 0;
  padding: 12px;
  border-left: 1px solid #e1e7ed;
  background: #fbfcfd;
}

.risk-action-side > span {
  display: grid;
  gap: 1px;
}

.risk-action-side small {
  color: #536277;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.risk-action-side strong {
  overflow: hidden;
  color: #344054;
  font-size: 12px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.risk-action-side strong.is-overdue {
  color: #b21327;
}

.risk-action-side > div {
  display: flex;
  gap: 6px;
  padding-top: 3px;
}

.risk-action-side > div > a {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ccd6e1;
  border-radius: 6px;
  background: #fff;
  color: #344054;
}

.risk-action-empty {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  padding: 30px;
  border: 1px dashed #bcc8d4;
  border-radius: 7px;
  color: #66758a;
  text-align: center;
}

.risk-action-empty[hidden] {
  display: none;
}

.risk-action-empty i {
  color: #16835c;
  font-size: 25px;
}

.risk-action-empty strong {
  color: #172637;
  font-size: 13px;
}

.risk-action-empty span {
  font-size: 12px;
}

.risk-action-pagination {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px;
  margin-top: 10px;
  border: 1px solid #d8e0e8;
  border-radius: 7px;
  background: #f8fafc;
}

.risk-action-pagination > span,
.risk-action-pagination > div > span {
  color: #435368;
  font-size: 12px;
  font-weight: 700;
}

.risk-action-pagination > div {
  display: flex;
  gap: 8px;
  align-items: center;
}

.risk-action-pagination button {
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid #ccd6e1;
  border-radius: 5px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 700;
}

.risk-action-pagination button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

@media (max-width: 1180px) {
  .risk-action-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .risk-action-toolbar {
    grid-template-columns: 110px repeat(2, minmax(150px, 1fr));
  }

  .risk-action-search {
    grid-column: 1 / -1;
  }

  .risk-action-item {
    grid-template-columns: 82px minmax(0, 1fr);
  }

  .risk-action-side {
    grid-column: 1 / -1;
    grid-template-columns: repeat(3, minmax(0, 1fr)) auto;
    border-top: 1px solid #e1e7ed;
    border-left: 0;
  }
}

@media (max-width: 700px) {
  .risk-action-intro,
  .risk-action-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .risk-action-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-action-search {
    grid-column: auto;
  }

  .risk-action-item {
    grid-template-columns: minmax(0, 1fr);
  }

  .risk-action-score {
    display: grid;
    grid-template-columns: auto auto 1fr;
    justify-content: start;
    border-right: 0;
    border-bottom: 1px solid #e1e7ed;
    text-align: left;
  }

  .risk-action-score > i {
    width: 100%;
    grid-column: 1 / -1;
  }

  .risk-action-title,
  .risk-action-pagination {
    align-items: stretch;
    flex-direction: column;
  }

  .risk-action-title {
    display: grid;
  }

  .risk-action-recommendation {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .risk-action-recommendation-links > a {
    justify-content: center;
  }

  .risk-action-recommendation > a, .risk-action-recommendation-links {
    grid-column: 1 / -1;
    justify-content: center;
  }

  .risk-action-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .risk-action-side > div {
    justify-content: flex-end;
  }

  .risk-action-pagination > div {
    justify-content: space-between;
  }
}

/* Risk yönetimi: mobil saha güncellemesi */
body.app-theme .rfu-shell,
body.app-theme .rfu-shell * {
  box-sizing: border-box;
  min-width: 0;
}

body.app-theme .rfu-shell {
  display: grid;
  gap: 14px;
  width: 100%;
  padding-bottom: 28px;
  color: #172637;
}

body.app-theme .right_col[role="main"] > .rfu-shell {
  margin-top: -18px;
}

body.app-theme .rfu-hero {
  display: flex;
  gap: 24px;
  align-items: flex-end;
  justify-content: space-between;
  padding: 24px 26px;
  border-radius: 0 0 8px 8px;
  background: linear-gradient(120deg, #102b2a 0%, #11685f 55%, #238449 100%);
  box-shadow: 0 16px 34px rgba(15, 43, 42, .18);
  color: #fff;
}

body.app-theme .rfu-kicker {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  margin-bottom: 8px;
  color: rgba(255, 255, 255, .88);
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .rfu-hero h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 27px;
  font-weight: 800;
  line-height: 1.2;
}

body.app-theme .rfu-hero p {
  max-width: 830px;
  margin: 0;
  color: rgba(255, 255, 255, .92);
  font-size: 14px;
  line-height: 1.65;
}

body.app-theme .rfu-hero-meta,
body.app-theme .rfu-hero-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

body.app-theme .rfu-hero-meta {
  margin-top: 14px;
}

body.app-theme .rfu-hero-meta span,
body.app-theme .rfu-hero-actions a {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  min-height: 36px;
  padding: 7px 11px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 7px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-size: 12px;
  font-weight: 750;
}

body.app-theme .rfu-hero-actions {
  flex: 0 0 auto;
  justify-content: flex-end;
}

body.app-theme .rfu-hero-actions a:hover,
body.app-theme .rfu-hero-actions a:focus {
  border-color: #fff;
  background: #fff;
  color: #174a43;
  text-decoration: none;
}

body.app-theme .rfu-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.app-theme .rfu-summary article {
  min-height: 100px;
  padding: 14px 16px;
  border: 1px solid #dce4e9;
  border-left: 4px solid #217a67;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(19, 40, 55, .05);
}

body.app-theme .rfu-summary article.warning { border-left-color: #c87808; }
body.app-theme .rfu-summary article.success { border-left-color: #16835c; }
body.app-theme .rfu-summary article.danger { border-left-color: #c7192d; }

body.app-theme .rfu-summary span,
body.app-theme .rfu-summary small {
  display: block;
  color: #4b5b70;
  font-size: 12px;
  line-height: 1.4;
}

body.app-theme .rfu-summary span { font-weight: 750; }

body.app-theme .rfu-summary strong {
  display: block;
  margin: 6px 0 5px;
  color: #172637;
  font-size: 25px;
  line-height: 1;
}

body.app-theme .rfu-risk-picker {
  display: grid;
  grid-template-columns: minmax(230px, .6fr) minmax(360px, 1.4fr);
  gap: 20px;
  align-items: end;
  padding: 17px 18px;
  border: 1px solid #dce4e9;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .rfu-risk-picker h2,
body.app-theme .rfu-risk-picker p {
  margin: 0;
}

body.app-theme .rfu-risk-picker h2 {
  color: #172637;
  font-size: 17px;
}

body.app-theme .rfu-risk-picker p {
  margin-top: 5px;
  color: #4b5b70;
  font-size: 12px;
  line-height: 1.5;
}

body.app-theme .rfu-risk-picker form,
body.app-theme .rfu-risk-picker form > div {
  display: grid;
  gap: 6px;
}

body.app-theme .rfu-risk-picker form > div {
  grid-template-columns: minmax(0, 1fr) auto;
}

body.app-theme .rfu-risk-picker label,
body.app-theme .rfu-form-grid label > span {
  color: #344054;
  font-size: 12px;
  font-weight: 750;
}

body.app-theme .rfu-risk-picker select,
body.app-theme .rfu-risk-picker button,
body.app-theme .rfu-form-grid input,
body.app-theme .rfu-form-grid select,
body.app-theme .rfu-form-grid textarea,
body.app-theme .rfu-upload input {
  width: 100%;
  min-height: 42px;
  border: 1px solid #cbd6df;
  border-radius: 7px;
  background: #fff;
  color: #172637;
  padding: 9px 11px;
  font-size: 13px;
}

body.app-theme .rfu-risk-picker button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  width: auto;
  border-color: #176f61;
  background: #176f61;
  color: #fff;
  font-weight: 800;
  white-space: nowrap;
}

body.app-theme .rfu-empty {
  padding: 42px 20px;
  border: 1px dashed #b8c8cf;
  border-radius: 8px;
  background: #f8fbfa;
  color: #4b5b70;
  text-align: center;
}

body.app-theme .rfu-empty i { color: #217a67; font-size: 32px; }
body.app-theme .rfu-empty h2 { margin: 12px 0 7px; color: #172637; font-size: 19px; }
body.app-theme .rfu-empty p { max-width: 650px; margin: auto; font-size: 13px; line-height: 1.6; }

body.app-theme .rfu-workspace {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
}

body.app-theme .rfu-sidebar {
  position: sticky;
  top: 74px;
  display: grid;
  gap: 12px;
}

body.app-theme .rfu-sidebar nav,
body.app-theme .rfu-sidebar > section,
body.app-theme .rfu-panel {
  overflow: hidden;
  border: 1px solid #dce4e9;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(19, 40, 55, .05);
}

body.app-theme .rfu-sidebar nav {
  display: grid;
  gap: 7px;
  padding: 12px;
}

body.app-theme .rfu-sidebar nav button {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  width: 100%;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  text-align: left;
}

body.app-theme .rfu-sidebar nav button:hover,
body.app-theme .rfu-sidebar nav button.is-active {
  border-color: #a9d1c8;
  background: #edf8f4;
  color: #135e53;
}

body.app-theme .rfu-sidebar nav em,
body.app-theme .rfu-sidebar nav button > i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #e7edee;
  color: #435368;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

body.app-theme .rfu-sidebar nav button.is-active em,
body.app-theme .rfu-sidebar nav button.is-active > i {
  background: #176f61;
  color: #fff;
}

body.app-theme .rfu-sidebar nav strong,
body.app-theme .rfu-sidebar nav small {
  display: block;
}

body.app-theme .rfu-sidebar nav strong { font-size: 13px; }
body.app-theme .rfu-sidebar nav small { margin-top: 2px; color: #536277; font-size: 11px; line-height: 1.3; }

body.app-theme .rfu-sidebar > section {
  padding: 14px;
}

body.app-theme .rfu-sidebar > section small,
body.app-theme .rfu-sidebar > section strong,
body.app-theme .rfu-sidebar > section span {
  display: block;
}

body.app-theme .rfu-sidebar > section small { color: #536277; font-size: 11px; font-weight: 800; text-transform: uppercase; }
body.app-theme .rfu-sidebar > section strong { margin-top: 6px; color: #172637; font-size: 13px; line-height: 1.45; }
body.app-theme .rfu-sidebar > section span { margin-top: 5px; color: #4b5b70; font-size: 12px; line-height: 1.45; }

body.app-theme .rfu-main,
body.app-theme .rfu-main form {
  display: grid;
  gap: 14px;
}

body.app-theme .rfu-panel { display: none; }
body.app-theme .rfu-panel.is-active { display: block; }

body.app-theme .rfu-panel > header {
  padding: 17px 19px;
  border-bottom: 1px solid #e5ebef;
  background: #fbfdfc;
}

body.app-theme .rfu-panel > header > span {
  color: #176f61;
  font-size: 11px;
  font-weight: 850;
  text-transform: uppercase;
}

body.app-theme .rfu-panel > header h2 {
  margin: 4px 0 0;
  color: #172637;
  font-size: 19px;
}

body.app-theme .rfu-panel > header p {
  margin: 5px 0 0;
  color: #4b5b70;
  font-size: 13px;
  line-height: 1.55;
}

body.app-theme .rfu-panel-body { padding: 18px; }

body.app-theme .rfu-context-grid,
body.app-theme .rfu-review {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.app-theme .rfu-context-grid article,
body.app-theme .rfu-review article {
  padding: 12px 14px;
  border: 1px solid #dce4e9;
  border-radius: 7px;
  background: #f8fafb;
}

body.app-theme .rfu-context-grid .wide,
body.app-theme .rfu-review .wide { grid-column: 1 / -1; }
body.app-theme .rfu-context-grid small,
body.app-theme .rfu-review small { display: block; color: #536277; font-size: 11px; font-weight: 800; text-transform: uppercase; }
body.app-theme .rfu-context-grid strong,
body.app-theme .rfu-review strong { display: block; margin-top: 5px; color: #172637; font-size: 14px; line-height: 1.45; }
body.app-theme .rfu-context-grid span { display: block; margin-top: 3px; color: #4b5b70; font-size: 12px; }
body.app-theme .rfu-context-grid p,
body.app-theme .rfu-review p { margin: 5px 0 0; color: #344054; font-size: 13px; line-height: 1.6; }

body.app-theme .rfu-status-fieldset {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  padding: 0;
  margin: 0 0 16px;
  border: 0;
}

body.app-theme .rfu-status-fieldset legend {
  grid-column: 1 / -1;
  margin: 0 0 2px;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .rfu-status-fieldset input { position: absolute; opacity: 0; }
body.app-theme .rfu-status-fieldset label { margin: 0; cursor: pointer; }
body.app-theme .rfu-status-fieldset label > span {
  display: grid;
  gap: 4px;
  min-height: 95px;
  padding: 11px;
  border: 1px solid #d5dfe5;
  border-radius: 7px;
  background: #fff;
}
body.app-theme .rfu-status-fieldset input:checked + span { border-color: #176f61; background: #edf8f4; box-shadow: 0 0 0 2px rgba(23, 111, 97, .1); }
body.app-theme .rfu-status-fieldset i { color: #176f61; font-size: 15px; }
body.app-theme .rfu-status-fieldset strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-status-fieldset small { color: #536277; font-size: 11px; line-height: 1.35; }

body.app-theme .rfu-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
body.app-theme .rfu-form-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.app-theme .rfu-form-grid label { display: grid; gap: 6px; margin: 0; }
body.app-theme .rfu-form-grid label.wide { grid-column: 1 / -1; }
body.app-theme .rfu-form-grid textarea { resize: vertical; line-height: 1.55; }
body.app-theme .rfu-form-grid label > small { justify-self: end; color: #536277; font-size: 11px; }

body.app-theme .rfu-inline-note,
body.app-theme .rfu-submit-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  margin-top: 14px;
  padding: 11px 12px;
  border: 1px solid #c8dce7;
  border-radius: 7px;
  background: #f3f8fb;
  color: #344054;
  font-size: 12px;
  line-height: 1.5;
}
body.app-theme .rfu-inline-note i,
body.app-theme .rfu-submit-note > i { color: #176f61; font-size: 16px; }
body.app-theme .rfu-inline-note a { color: #176f61; font-weight: 800; white-space: nowrap; }
body.app-theme .rfu-submit-note strong,
body.app-theme .rfu-submit-note small { display: block; }
body.app-theme .rfu-submit-note strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-submit-note small { margin-top: 3px; color: #4b5b70; font-size: 12px; }

body.app-theme .rfu-switch {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  margin: 16px 0 0;
  cursor: pointer;
}
body.app-theme .rfu-switch input { position: absolute; opacity: 0; }
body.app-theme .rfu-switch > span {
  position: relative;
  flex: 0 0 auto;
  width: 42px;
  height: 24px;
  border-radius: 12px;
  background: #c7d0d7;
  transition: background .18s ease;
}
body.app-theme .rfu-switch > span::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #fff;
  content: "";
  transition: transform .18s ease;
}
body.app-theme .rfu-switch input:checked + span { background: #176f61; }
body.app-theme .rfu-switch input:checked + span::after { transform: translateX(18px); }
body.app-theme .rfu-switch strong,
body.app-theme .rfu-switch small { display: block; }
body.app-theme .rfu-switch strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-switch small { margin-top: 3px; color: #4b5b70; font-size: 12px; line-height: 1.4; }

body.app-theme .rfu-score-box,
body.app-theme .rfu-action-box,
body.app-theme .rfu-upload {
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #d5dfe5;
  border-radius: 7px;
  background: #f8fafb;
}
body.app-theme .rfu-score-box[hidden],
body.app-theme .rfu-action-box[hidden],
body.app-theme [data-rfu-control-status][hidden] { display: none; }
body.app-theme .rfu-score-preview { display: flex; gap: 10px; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid #dce4e9; }
body.app-theme .rfu-score-preview span { color: #4b5b70; font-size: 12px; }
body.app-theme .rfu-score-preview strong { color: #172637; font-size: 22px; }
body.app-theme .rfu-score-preview em { padding: 5px 8px; border-radius: 5px; background: #e5ecef; color: #344054; font-size: 11px; font-style: normal; font-weight: 800; }

body.app-theme .rfu-check { display: flex; gap: 9px; align-items: flex-start; margin: 13px 0 0; }
body.app-theme .rfu-check input { margin-top: 3px; }
body.app-theme .rfu-check strong,
body.app-theme .rfu-check small { display: block; }
body.app-theme .rfu-check strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-check small { margin-top: 3px; color: #4b5b70; font-size: 12px; line-height: 1.4; }

body.app-theme .rfu-upload { display: grid; gap: 10px; }
body.app-theme .rfu-upload > div { display: flex; gap: 10px; align-items: center; }
body.app-theme .rfu-upload > div > i { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 7px; background: #e4f3ed; color: #176f61; }
body.app-theme .rfu-upload strong,
body.app-theme .rfu-upload small { display: block; }
body.app-theme .rfu-upload strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-upload small,
body.app-theme .rfu-upload > span { color: #4b5b70; font-size: 12px; }

body.app-theme .rfu-stepbar {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 18px;
  border-top: 1px solid #e5ebef;
  background: #fbfdfc;
}
body.app-theme .rfu-stepbar > div,
body.app-theme .rfu-stepbar > div:last-child { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
body.app-theme .rfu-stepbar > div:first-child { display: grid; gap: 3px; }
body.app-theme .rfu-stepbar strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-stepbar span { color: #4b5b70; font-size: 12px; line-height: 1.4; }
body.app-theme .rfu-stepbar button {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 13px;
  border: 1px solid #c8d3dc;
  border-radius: 7px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}
body.app-theme .rfu-stepbar button.primary { border-color: #176f61; background: #176f61; color: #fff; }
body.app-theme .rfu-stepbar button.danger { border-color: #c7192d; background: #c7192d; color: #fff; }
body.app-theme .rfu-stepbar button:hover,
body.app-theme .rfu-stepbar button:focus { filter: brightness(.94); }

body.app-theme .rfu-history-empty { padding: 32px; text-align: center; }
body.app-theme .rfu-history-empty i { color: #176f61; font-size: 28px; }
body.app-theme .rfu-history-empty strong,
body.app-theme .rfu-history-empty span { display: block; }
body.app-theme .rfu-history-empty strong { margin-top: 9px; color: #172637; font-size: 14px; }
body.app-theme .rfu-history-empty span { margin-top: 4px; color: #4b5b70; font-size: 12px; }
body.app-theme .rfu-history-list { display: grid; gap: 9px; }
body.app-theme .rfu-history-list article { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 13px; padding: 12px; border: 1px solid #dce4e9; border-left: 4px solid #657689; border-radius: 7px; background: #fff; }
body.app-theme .rfu-history-list article.is-improved,
body.app-theme .rfu-history-list article.is-resolved { border-left-color: #16835c; }
body.app-theme .rfu-history-list article.is-worsened { border-left-color: #c7192d; }
body.app-theme .rfu-history-list time { text-align: center; }
body.app-theme .rfu-history-list time strong,
body.app-theme .rfu-history-list time span { display: block; }
body.app-theme .rfu-history-list time strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-history-list time span { margin-top: 3px; color: #536277; font-size: 11px; }
body.app-theme .rfu-history-list article > div > span,
body.app-theme .rfu-history-list article > div > small { color: #536277; font-size: 11px; }
body.app-theme .rfu-history-list article > div > strong { display: block; margin-top: 3px; color: #172637; font-size: 14px; }
body.app-theme .rfu-history-list p { margin: 5px 0; color: #344054; font-size: 12px; line-height: 1.55; }
body.app-theme .rfu-history-list aside { display: flex; gap: 6px; align-items: flex-end; flex-direction: column; }
body.app-theme .rfu-history-list aside span,
body.app-theme .rfu-history-list aside a { padding: 5px 7px; border: 1px solid #d5dfe5; border-radius: 5px; background: #f8fafb; color: #344054; font-size: 11px; font-weight: 750; white-space: nowrap; }

body.app-theme .rfu-toast-wrap { position: fixed; top: 78px; right: 18px; z-index: 1090; display: grid; gap: 8px; width: min(360px, calc(100vw - 28px)); }
body.app-theme .rfu-toast { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 12px 13px; border: 1px solid #d5dfe5; border-left: 4px solid #176f61; border-radius: 7px; background: #fff; box-shadow: 0 16px 35px rgba(19, 40, 55, .16); }
body.app-theme .rfu-toast.warning { border-left-color: #c87808; }
body.app-theme .rfu-toast.error { border-left-color: #c7192d; }
body.app-theme .rfu-toast strong,
body.app-theme .rfu-toast span { display: block; }
body.app-theme .rfu-toast strong { color: #172637; font-size: 13px; }
body.app-theme .rfu-toast span { margin-top: 3px; color: #4b5b70; font-size: 12px; line-height: 1.4; }
body.app-theme .rfu-toast button { border: 0; background: transparent; color: #536277; }

@media (max-width: 1050px) {
  body.app-theme .rfu-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-theme .rfu-workspace { grid-template-columns: 220px minmax(0, 1fr); }
  body.app-theme .rfu-status-fieldset { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 800px) {
  body.app-theme .rfu-hero { align-items: flex-start; flex-direction: column; }
  body.app-theme .rfu-hero-actions { justify-content: flex-start; }
  body.app-theme .rfu-risk-picker,
  body.app-theme .rfu-workspace { grid-template-columns: minmax(0, 1fr); }
  body.app-theme .rfu-sidebar { position: static; }
  body.app-theme .rfu-sidebar nav { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
  body.app-theme .rfu-sidebar nav button { flex: 0 0 190px; scroll-snap-align: start; }
  body.app-theme .rfu-sidebar > section { display: none; }
}

@media (max-width: 600px) {
  body.app-theme .right_col[role="main"] > .rfu-shell { margin-top: -12px; }
  body.app-theme .rfu-shell { gap: 10px; }
  body.app-theme .rfu-hero { padding: 19px 16px; }
  body.app-theme .rfu-hero h1 { font-size: 23px; }
  body.app-theme .rfu-hero-actions a { flex: 1 1 auto; justify-content: center; }
  body.app-theme .rfu-summary,
  body.app-theme .rfu-context-grid,
  body.app-theme .rfu-review,
  body.app-theme .rfu-form-grid,
  body.app-theme .rfu-form-grid.three,
  body.app-theme .rfu-status-fieldset { grid-template-columns: minmax(0, 1fr); }
  body.app-theme .rfu-risk-picker form > div { grid-template-columns: minmax(0, 1fr); }
  body.app-theme .rfu-risk-picker button { width: 100%; }
  body.app-theme .rfu-panel-body { padding: 14px; }
  body.app-theme .rfu-stepbar { align-items: stretch; flex-direction: column; }
  body.app-theme .rfu-stepbar > div:last-child { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-theme .rfu-stepbar > button { width: 100%; }
  body.app-theme .rfu-history-list article { grid-template-columns: 58px minmax(0, 1fr); }
  body.app-theme .rfu-history-list aside { grid-column: 1 / -1; align-items: stretch; flex-direction: row; flex-wrap: wrap; }
  body.app-theme .rfu-inline-note,
  body.app-theme .rfu-submit-note { grid-template-columns: auto minmax(0, 1fr); }
  body.app-theme .rfu-inline-note a { grid-column: 1 / -1; }
}

/* Risk yönetimi: Akıllı Aksiyon Merkezi buton okunabilirliği */
body.app-theme .risk-heatmap-page #actions :is(button, a) {
  text-decoration: none;
}

body.app-theme .risk-heatmap-page #actions :is(button, a) :is(i, span, strong, small) {
  color: inherit;
}

body.app-theme .risk-heatmap-page #actions .risk-action-intro > button {
  border-color: #bcc8d4;
  background: #f7f9fb;
  color: #26384d;
}

body.app-theme .risk-heatmap-page #actions .risk-action-intro > button:hover,
body.app-theme .risk-heatmap-page #actions .risk-action-intro > button:focus-visible {
  border-color: #52677f;
  background: #e9eef3;
  color: #172637;
}

body.app-theme .risk-heatmap-page #actions .risk-action-intro > button.is-active {
  border-color: #172637;
  background: #172637;
  color: #fff;
}

body.app-theme .risk-heatmap-page #actions .risk-action-summary > button {
  background: #fff;
  color: #172637;
}

body.app-theme .risk-heatmap-page #actions .risk-action-summary > button:hover,
body.app-theme .risk-heatmap-page #actions .risk-action-summary > button:focus-visible,
body.app-theme .risk-heatmap-page #actions .risk-action-summary > button.is-active {
  border-color: #52677f;
  background: #edf2f6;
  color: #172637;
}

body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a {
  border-color: #a91226;
  background: #b8172a;
  color: #fff !important;
  opacity: 1 !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a:hover,
body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a:focus-visible {
  border-color: #82101e;
  background: #8f1322;
  color: #fff !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a.field {
  border-color: #0d5147;
  background: #115e52;
  color: #fff !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a.field:hover,
body.app-theme .risk-heatmap-page #actions .risk-action-recommendation-links > a.field:focus-visible {
  border-color: #0b493f;
  background: #0f584c;
  color: #fff !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-pagination button {
  border-color: #bcc8d4;
  background: #fff;
  color: #26384d;
}

body.app-theme .risk-heatmap-page #actions .risk-action-pagination button:hover:not(:disabled),
body.app-theme .risk-heatmap-page #actions .risk-action-pagination button:focus-visible:not(:disabled) {
  border-color: #52677f;
  background: #e9eef3;
  color: #172637;
}

body.app-theme .risk-heatmap-page #actions .risk-action-side > div > a {
  border-color: #c7d1dc;
  background: #fff;
  color: #26384d;
}

body.app-theme .risk-heatmap-page #actions .risk-action-side > div > a:hover,
body.app-theme .risk-heatmap-page #actions .risk-action-side > div > a:focus-visible {
  border-color: #52677f;
  background: #e9eef3;
  color: #172637;
}

/* Risk yönetimi: Akıllı Aksiyon Merkezi çok yüksek seviye okunabilirliği */
body.app-theme .risk-heatmap-page #actions .risk-action-title > span.risk-very-high,
body.app-theme .risk-heatmap-page #actions .risk-action-reasons > span.risk-very-high {
  border-color: #7f1d2d !important;
  background: #9f1239 !important;
  color: #fff !important;
  opacity: 1 !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-title > span.risk-very-high *,
body.app-theme .risk-heatmap-page #actions .risk-action-reasons > span.risk-very-high * {
  color: #fff !important;
  opacity: 1 !important;
}

body.app-theme .risk-heatmap-page #actions .risk-action-reasons > span.risk-very-high > small {
  color: #fff !important;
  font-weight: 700;
}

body.app-theme .risk-heatmap-page #actions .risk-action-reasons > span.risk-very-high > strong {
  color: #fff !important;
}

/* Risk yönetimi: NACE ve Mevzuat AI fark görünümü */
body.app-theme .risk-nace-gap-empty,
body.app-theme .risk-nace-gap-context,
body.app-theme .risk-nace-gap-explainer,
body.app-theme .risk-nace-gap-summary,
body.app-theme .risk-nace-gap-columns,
body.app-theme .risk-nace-gap-actions {
  box-sizing: border-box;
  min-width: 0;
}

body.app-theme .risk-nace-gap-empty {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 18px;
  border: 1px solid #cbd6e1;
  border-left: 4px solid #2773c8;
  border-radius: 8px;
  background: #f6f9fc;
}

body.app-theme .risk-nace-gap-empty > i {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 7px;
  background: #e5eef8;
  color: #1e5f9f;
  font-size: 18px;
}

body.app-theme .risk-nace-gap-empty strong,
body.app-theme .risk-nace-gap-empty span {
  display: block;
}

body.app-theme .risk-nace-gap-empty strong {
  color: #172637;
  font-size: 15px;
}

body.app-theme .risk-nace-gap-empty span {
  margin-top: 4px;
  color: #4b5b70;
  font-size: 13px;
  line-height: 1.5;
}

body.app-theme .risk-nace-gap-empty button,
body.app-theme .risk-nace-gap-context > a,
body.app-theme .risk-nace-gap-card > header > a,
body.app-theme .risk-nace-gap-actions > a {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #b9c7d5;
  border-radius: 7px;
  background: #fff;
  color: #26384d;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

body.app-theme .risk-nace-gap-empty button:hover,
body.app-theme .risk-nace-gap-empty button:focus-visible,
body.app-theme .risk-nace-gap-context > a:hover,
body.app-theme .risk-nace-gap-context > a:focus-visible,
body.app-theme .risk-nace-gap-card > header > a:hover,
body.app-theme .risk-nace-gap-card > header > a:focus-visible,
body.app-theme .risk-nace-gap-actions > a:hover,
body.app-theme .risk-nace-gap-actions > a:focus-visible {
  border-color: #52677f;
  background: #e9eef3;
  color: #172637;
  text-decoration: none;
}

body.app-theme .risk-nace-gap-context {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
  gap: 12px;
  align-items: stretch;
  margin-bottom: 14px;
}

body.app-theme .risk-nace-gap-context > div {
  padding: 13px 14px;
  border: 1px solid #d4dde6;
  border-left: 4px solid #2773c8;
  border-radius: 8px;
  background: #f8fafc;
}

body.app-theme .risk-nace-gap-context > div.is-positive { border-left-color: #16835c; }
body.app-theme .risk-nace-gap-context > div.is-warning { border-left-color: #c7192d; background: #fff7f7; }
body.app-theme .risk-nace-gap-context > div.is-neutral { border-left-color: #66758a; background: #f7f9fb; }

body.app-theme .risk-nace-gap-context small,
body.app-theme .risk-nace-gap-context strong,
body.app-theme .risk-nace-gap-context span {
  display: block;
}

body.app-theme .risk-nace-gap-context small {
  color: #536277;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

body.app-theme .risk-nace-gap-context strong {
  margin-top: 5px;
  color: #172637;
  font-size: 14px;
  line-height: 1.4;
}

body.app-theme .risk-nace-gap-context span {
  margin-top: 4px;
  color: #435368;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.app-theme .risk-nace-gap-context > a { align-self: center; }

body.app-theme .risk-nace-gap-explainer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px 0;
  border-top: 1px solid #e1e7ed;
  border-bottom: 1px solid #e1e7ed;
}

body.app-theme .risk-nace-gap-explainer article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  padding: 8px 10px;
}

body.app-theme .risk-nace-gap-explainer article > i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 7px;
  background: #e5eef8;
  color: #1e5f9f;
}

body.app-theme .risk-nace-gap-explainer article:nth-child(2) > i { background: #fff0df; color: #9a5208; }
body.app-theme .risk-nace-gap-explainer article:nth-child(3) > i { background: #e5f3ee; color: #116846; }

body.app-theme .risk-nace-gap-explainer strong,
body.app-theme .risk-nace-gap-explainer span {
  display: block;
}

body.app-theme .risk-nace-gap-explainer strong { color: #172637; font-size: 13px; }
body.app-theme .risk-nace-gap-explainer span { margin-top: 3px; color: #4b5b70; font-size: 12px; line-height: 1.45; }

body.app-theme .risk-nace-gap-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 9px;
  margin-bottom: 16px;
}

body.app-theme .risk-nace-gap-summary button {
  display: grid;
  gap: 4px;
  min-width: 0;
  min-height: 92px;
  padding: 12px 13px;
  border: 1px solid #d6dfe8;
  border-left: 4px solid #2773c8;
  border-radius: 8px;
  background: #fff;
  color: #172637;
  text-align: left;
}

body.app-theme .risk-nace-gap-summary button.positive { border-left-color: #16835c; }
body.app-theme .risk-nace-gap-summary button.warning { border-left-color: #d27a08; }
body.app-theme .risk-nace-gap-summary button.danger { border-left-color: #c7192d; }

body.app-theme .risk-nace-gap-summary button:hover,
body.app-theme .risk-nace-gap-summary button:focus-visible {
  border-color: #52677f;
  background: #edf2f6;
}

body.app-theme .risk-nace-gap-summary :is(small, strong, span) { color: inherit; }
body.app-theme .risk-nace-gap-summary small { color: #536277; font-size: 11px; font-weight: 800; text-transform: uppercase; }
body.app-theme .risk-nace-gap-summary strong { color: #172637; font-size: 25px; line-height: 1; }
body.app-theme .risk-nace-gap-summary span { color: #435368; font-size: 12px; }

body.app-theme .risk-nace-gap-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body.app-theme .risk-nace-gap-card {
  min-width: 0;
  border: 1px solid #d6dfe8;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

body.app-theme .risk-nace-gap-card.is-highlighted {
  border-color: #2773c8;
  box-shadow: 0 0 0 3px rgba(39, 115, 200, .14);
  transition: border-color .2s ease, box-shadow .2s ease;
}

body.app-theme .risk-nace-gap-card > header {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  padding: 15px 16px;
  border-bottom: 1px solid #e3e9ef;
  background: #f7f9fb;
}

body.app-theme .risk-nace-gap-card > header > div { min-width: 0; }
body.app-theme .risk-nace-gap-card > header span { color: #1e5f9f; font-size: 11px; font-weight: 850; text-transform: uppercase; }
body.app-theme .risk-nace-gap-card > header h5 { margin: 4px 0 3px; color: #172637; font-size: 15px; line-height: 1.35; }
body.app-theme .risk-nace-gap-card > header p { margin: 0; color: #536277; font-size: 12px; line-height: 1.45; }
body.app-theme .risk-nace-gap-card > header > a { flex: 0 0 auto; white-space: nowrap; }

body.app-theme .risk-nace-gap-list { display: grid; max-height: 520px; overflow-y: auto; }
body.app-theme .risk-nace-gap-list article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 10px;
  align-items: start;
  padding: 12px 14px;
  border-bottom: 1px solid #e8edf2;
}
body.app-theme .risk-nace-gap-list article:last-child { border-bottom: 0; }
body.app-theme .risk-nace-gap-list article > i { margin-top: 2px; color: #b86707; font-size: 15px; }
body.app-theme .risk-nace-gap-list.legal article > i { color: #a91226; }
body.app-theme .risk-nace-gap-list article > div { min-width: 0; }
body.app-theme .risk-nace-gap-list :is(strong, span, small) { display: block; overflow-wrap: anywhere; }
body.app-theme .risk-nace-gap-list strong { color: #172637; font-size: 13px; line-height: 1.4; }
body.app-theme .risk-nace-gap-list span { margin-top: 3px; color: #435368; font-size: 12px; line-height: 1.45; }
body.app-theme .risk-nace-gap-list small { margin-top: 4px; color: #66758a; font-size: 11px; line-height: 1.35; }
body.app-theme .risk-nace-gap-list em {
  padding: 5px 7px;
  border: 1px solid #e1b77f;
  border-radius: 6px;
  background: #fff7ed;
  color: #8b4b08;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  white-space: nowrap;
}
body.app-theme .risk-nace-gap-list em.non_compliant { border-color: #e7a6af; background: #fff0f2; color: #9f1224; }
body.app-theme .risk-nace-gap-list em.pending { border-color: #efcf90; background: #fff8e8; color: #875706; }
body.app-theme .risk-nace-gap-list em.missing { border-color: #c7d1dc; background: #f4f7fa; color: #435368; }

body.app-theme .risk-nace-gap-list-empty {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 18px;
  color: #435368;
  font-size: 12px;
}
body.app-theme .risk-nace-gap-list-empty i { color: #16835c; font-size: 17px; }

body.app-theme .risk-nace-gap-actions {
  display: flex;
  gap: 9px;
  align-items: center;
  margin-top: 14px;
  padding: 12px;
  border: 1px solid #d6dfe8;
  border-radius: 8px;
  background: #f7f9fb;
}
body.app-theme .risk-nace-gap-actions > div { display: flex; gap: 8px; align-items: flex-start; flex: 1 1 auto; min-width: 0; color: #435368; font-size: 12px; line-height: 1.45; }
body.app-theme .risk-nace-gap-actions > div i { margin-top: 2px; color: #1e5f9f; }
body.app-theme .risk-nace-gap-actions > a { flex: 0 0 auto; white-space: nowrap; }
body.app-theme .risk-nace-gap-actions > a.primary { border-color: #a91226; background: #b8172a; color: #fff !important; }
body.app-theme .risk-nace-gap-actions > a.primary:hover,
body.app-theme .risk-nace-gap-actions > a.primary:focus-visible { border-color: #82101e; background: #8f1322; color: #fff !important; }

@media (max-width: 1180px) {
  body.app-theme .risk-nace-gap-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.app-theme .risk-nace-gap-columns { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  body.app-theme .risk-nace-gap-context,
  body.app-theme .risk-nace-gap-explainer { grid-template-columns: 1fr; }
  body.app-theme .risk-nace-gap-context > a { justify-self: start; }
  body.app-theme .risk-nace-gap-actions { align-items: stretch; flex-wrap: wrap; }
  body.app-theme .risk-nace-gap-actions > div { flex-basis: 100%; }
}

@media (max-width: 600px) {
  body.app-theme .risk-nace-gap-empty { grid-template-columns: auto minmax(0, 1fr); padding: 14px; }
  body.app-theme .risk-nace-gap-empty button { grid-column: 1 / -1; width: 100%; }
  body.app-theme .risk-nace-gap-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-theme .risk-nace-gap-card > header { display: grid; }
  body.app-theme .risk-nace-gap-card > header > a { width: 100%; }
  body.app-theme .risk-nace-gap-list article { grid-template-columns: auto minmax(0, 1fr); }
  body.app-theme .risk-nace-gap-list article > em { grid-column: 2; justify-self: start; white-space: normal; }
  body.app-theme .risk-nace-gap-actions > a { width: 100%; }
}

/* ==========================================================================
   DÖF detay - risk bağlantılı kapanış doğrulaması
   ========================================================================== */
.dof-readiness-card.is-risk-linked {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.dof-readiness-card.is-risk-linked strong {
  color: #1d4ed8;
}

.dof-verification-context {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.dof-verification-context > span {
  display: grid;
  gap: 4px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.dof-verification-context small {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.dof-verification-context strong {
  color: #0f172a;
  font-size: 14px;
}

.dof-residual-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.dof-residual-grid > label {
  display: grid;
  gap: 6px;
  margin: 0;
}

.dof-residual-score {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: auto minmax(60px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  padding: 11px 12px;
}

.dof-residual-score small {
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.dof-residual-score strong {
  color: #0f172a;
  font-size: 21px;
  font-weight: 800;
}

.dof-residual-score span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

.dof-residual-score.is-improved {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.dof-residual-score.is-improved strong { color: #15803d; }
.dof-residual-score.is-increased {
  border-color: #fecaca;
  background: #fef2f2;
}
.dof-residual-score.is-increased strong { color: #b91c1c; }

.dof-verification-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.dof-btn.secondary {
  border-color: #d97706;
  background: #fff7ed;
  color: #9a3412;
}

.dof-btn.secondary:hover,
.dof-btn.secondary:focus {
  border-color: #b45309;
  background: #ffedd5;
  color: #7c2d12;
}

.dof-btn.success:hover,
.dof-btn.success:focus {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}
.dof-verification-actions .dof-btn.success { border-color: #dc2626; background: #dc2626; color: #fff; }
.dof-verification-actions .dof-btn.success:hover { border-color: #b91c1c; background: #b91c1c; color: #fff; }

.dof-verification-history {
  margin-top: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.dof-verification-list {
  display: grid;
  gap: 10px;
  padding: 14px;
}

.dof-verification-item {
  display: grid;
  grid-template-columns: auto minmax(150px, .35fr) minmax(220px, 1fr) auto;
  gap: 12px;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-left: 4px solid #d97706;
  border-radius: 8px;
  background: #fff;
  padding: 12px;
}

.dof-verification-item.is-approved { border-left-color: #16a34a; }
.dof-verification-item > div { display: grid; gap: 3px; }
.dof-verification-item strong { color: #0f172a; font-size: 13px; }
.dof-verification-item small,
.dof-verification-item > span:last-child { color: #64748b; font-size: 12px; }
.dof-verification-item p { margin: 0; color: #334155; font-size: 13px; line-height: 1.55; }
.dof-verification-state {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  background: #fff7ed;
  color: #9a3412;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.dof-verification-item.is-approved .dof-verification-state {
  background: #f0fdf4;
  color: #15803d;
}

@media (max-width: 900px) {
  .dof-verification-item { grid-template-columns: 1fr; align-items: start; }
}

@media (max-width: 640px) {
  .dof-verification-context,
  .dof-residual-grid { grid-template-columns: 1fr; }
  .dof-residual-score { grid-column: auto; grid-template-columns: 1fr; }
  .dof-verification-actions { display: grid; }
  .dof-verification-actions .dof-btn { width: 100%; }
}

/* DÖF raporu - risk kapanış görünümü */
.dof-report-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dof-report-verification-card{margin-bottom:16px}
.dof-report-risk-compare{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dof-report-risk-compare>div{position:relative;overflow:hidden;display:grid;gap:6px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc;padding:13px 14px 13px 18px}
.dof-report-risk-compare>div:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#dc2626}
.dof-report-risk-compare>div.is-residual:before{background:#16a34a}
.dof-report-risk-compare span{color:#64748b;font-size:12px;font-weight:700}
.dof-report-risk-compare strong{color:#0f172a;font-size:19px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}
.dof-report-risk-compare>div.is-residual strong{color:#15803d}
.dof-report-verification-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,1fr);gap:12px;align-items:stretch}
.dof-report-verification-grid .dof-report-note{min-height:100%;white-space:normal}
.dof-report-verification-grid .dof-report-note strong{color:#0f172a}
.dof-report-verification-empty{border:1px dashed #f59e0b;border-radius:8px;background:#fffbeb;color:#92400e;padding:14px;font-size:13px;line-height:1.55}
.dof-report-table-scroll{width:100%;overflow-x:auto}
.dof-report-history-table{min-width:720px}
.dof-report-history-table th{width:auto;white-space:nowrap}
.dof-pdf .verification-history-table th{width:auto;font-size:9px}
.dof-pdf .verification-history-table td{font-size:9px}

@media (max-width:900px){
  .dof-report-risk-compare{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dof-report-verification-grid{grid-template-columns:1fr}
}

@media (max-width:560px){
  .dof-report-risk-compare{grid-template-columns:1fr}
}

/* DÖF kapanış analitiği */
.dof-analytics-panel{margin-bottom:18px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;padding:18px;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.dof-analytics-head,.dof-analytics-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.dof-analytics-head{margin-bottom:15px}.dof-analytics-kicker{display:block;margin-bottom:4px;color:#b91c1c;font-size:11px;font-weight:800;text-transform:uppercase}
.dof-analytics-head h2,.dof-analytics-subhead h3{margin:0;color:#0f172a;font-weight:800}.dof-analytics-head h2{font-size:20px}.dof-analytics-subhead h3{font-size:15px}
.dof-analytics-head p,.dof-analytics-subhead p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.dof-analytics-period,.dof-first-pass{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid #dbe3ec;border-radius:999px;background:#f8fafc;color:#334155;padding:7px 10px;font-size:11px;font-style:normal;font-weight:700;white-space:nowrap}
.dof-first-pass strong{color:#15803d;font-size:12px}.dof-analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dof-analytics-kpi{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon label" "icon value" "note note";column-gap:11px;min-width:0;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:8px;background:#fff;padding:13px;color:#0f172a;text-decoration:none}
a.dof-analytics-kpi:hover,a.dof-analytics-kpi:focus{border-color:#fecaca;background:#fff7f7;color:#0f172a;text-decoration:none}.dof-analytics-kpi.is-pending,.dof-analytics-kpi.is-risk{border-left-color:#dc2626}.dof-analytics-kpi.is-time{border-left-color:#2563eb}.dof-analytics-kpi.is-quality,.dof-analytics-kpi.is-reduction{border-left-color:#16a34a}
.dof-analytics-icon{grid-area:icon;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eff6ff;color:#1d4ed8}.dof-analytics-kpi.is-pending .dof-analytics-icon,.dof-analytics-kpi.is-risk .dof-analytics-icon{background:#fef2f2;color:#b91c1c}.dof-analytics-kpi.is-quality .dof-analytics-icon,.dof-analytics-kpi.is-reduction .dof-analytics-icon{background:#f0fdf4;color:#15803d}
.dof-analytics-kpi small{grid-area:label;align-self:end;color:#64748b;font-size:11px;font-weight:800}.dof-analytics-kpi strong{grid-area:value;min-width:0;color:#0f172a;font-size:22px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.dof-analytics-kpi em{grid-area:note;margin-top:9px;color:#64748b;font-size:11px;font-style:normal;line-height:1.4}
.dof-analytics-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:12px}.dof-analytics-trend,.dof-verification-queue{min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:14px}
.dof-trend-legend{display:flex;gap:14px;margin:12px 0 10px;color:#475569;font-size:11px;font-weight:700}.dof-trend-legend span{display:inline-flex;align-items:center;gap:6px}.dof-trend-legend i{display:block;width:9px;height:9px;border-radius:3px}.dof-trend-legend i.is-approved{background:#16a34a}.dof-trend-legend i.is-rework{background:#dc2626}
.dof-trend-list{display:grid;gap:9px}.dof-trend-row{display:grid;grid-template-columns:56px minmax(0,1fr) 28px;gap:9px;align-items:center}.dof-trend-label{color:#475569;font-size:11px;font-weight:700}.dof-trend-row>strong{color:#0f172a;font-size:12px;text-align:right}.dof-trend-track{display:flex;height:10px;overflow:hidden;border-radius:4px;background:#e2e8f0}.dof-trend-track span{display:block;height:100%}.dof-trend-approved{background:#16a34a}.dof-trend-rework{background:#dc2626}
.dof-queue-all{flex:0 0 auto;color:#b91c1c;font-size:11px;font-weight:800}.dof-queue-list{display:grid;gap:7px;margin-top:12px}.dof-queue-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:9px;align-items:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:9px 10px;color:#0f172a;text-decoration:none}.dof-queue-item:hover,.dof-queue-item:focus{border-color:#fca5a5;background:#fff7f7;color:#0f172a;text-decoration:none}
.dof-queue-order{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#fef2f2;color:#b91c1c}.dof-queue-copy{display:grid;gap:2px;min-width:0}.dof-queue-copy strong,.dof-queue-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dof-queue-copy strong{color:#0f172a;font-size:12px}.dof-queue-copy small{color:#64748b;font-size:10px}.dof-queue-wait{border-radius:999px;background:#fff7ed;color:#9a3412;padding:5px 7px;font-size:10px;font-weight:800;white-space:nowrap}.dof-queue-item>.fa-angle-right{color:#94a3b8}
.dof-queue-empty{display:flex;align-items:center;gap:11px;min-height:104px;margin-top:12px;border:1px dashed #86efac;border-radius:8px;background:#f0fdf4;padding:15px}.dof-queue-empty>i{color:#16a34a;font-size:22px}.dof-queue-empty>div{display:grid;gap:3px}.dof-queue-empty strong{color:#166534;font-size:13px}.dof-queue-empty span{color:#4b5563;font-size:11px}
@media (max-width:1100px){.dof-analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dof-analytics-content{grid-template-columns:1fr}}
@media (max-width:640px){.dof-analytics-panel{padding:13px}.dof-analytics-head,.dof-analytics-subhead{display:grid}.dof-analytics-period,.dof-first-pass{justify-self:start}.dof-analytics-kpis{grid-template-columns:1fr}.dof-analytics-kpi strong{font-size:20px}.dof-queue-item{grid-template-columns:auto minmax(0,1fr) auto}.dof-queue-wait{grid-column:2}.dof-queue-item>.fa-angle-right{grid-column:3;grid-row:1}}
/* Onboarding form geri bildirimi */
.onb-field-help{display:block;margin-top:6px;color:#64748b;font-size:11px;line-height:1.45}
.onb-shell .form-control[aria-invalid="true"]{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}
#onbSubmitButton[disabled]{cursor:wait;opacity:.82}
#onboardingPageData{display:none}
/* Abonelik düzenleme geri dönüşü */
.sef-hero-head{display:grid;gap:14px}
.sef-hero-head>div{min-width:0}
.sef-hero-actions{display:flex;justify-content:flex-start;gap:8px;flex-wrap:wrap;max-width:none}
.sef-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:36px;padding:0 11px;border:1px solid rgba(255,255,255,.42);border-radius:7px;background:rgba(255,255,255,.10);color:#fff!important;font-family:inherit;font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;box-shadow:none;backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(15,23,42,.4)}
.sef-hero-action i{color:#fff!important;font-size:12px}
.sef-hero-action:hover,.sef-hero-action:focus{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.20);color:#fff!important;text-decoration:none}
.sef-actions .sef-btn:first-child{border-color:#cbd5e1;background:#fff;color:#334155}
.sef-actions .sef-btn:first-child:hover,.sef-actions .sef-btn:first-child:focus{border-color:#dc2626;background:#fff5f5;color:#b91c1c;text-decoration:none}
@media(max-width:900px){.sef-hero-head{gap:13px}}
@media(max-width:640px){.sef-hero-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.sef-hero-action{width:100%;min-width:0}.sef-actions{display:grid}.sef-actions .sef-btn{justify-content:center;width:100%}}
/* DÖF create professional flow */
.dof-create-action{width:auto;min-width:0;padding:0 14px;gap:8px;background:#fff;color:#115e59!important;border-color:#fff;font-weight:750}.dof-create-action:hover,.dof-create-action:focus{background:#dcfce7;color:#14532d!important;border-color:#dcfce7}.dof-create-overview button.dof-create-card{width:100%;font-family:inherit;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.dof-create-overview button.dof-create-card:hover,.dof-create-overview button.dof-create-card:focus{border-color:#99f6e4;box-shadow:0 12px 28px rgba(15,118,110,.1);transform:translateY(-1px);outline:none}.dof-create-overview button.dof-create-card.is-active{border-color:#5eead4;background:#f0fdfa}.dof-create-overview button.dof-create-card.is-active:before{background:#0f766e}.dof-create-overview button.dof-create-card.is-complete:not(.is-active):before{background:#16a34a}.dof-create-sidebar{position:sticky;top:82px;display:grid;gap:12px}.dof-create-nav{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dof-create-nav button{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:10px;align-items:center;width:100%;margin:0 0 8px;border:1px solid #e5e7eb;border-radius:8px;padding:10px;background:#fff;color:#334155;font-family:inherit;text-align:left;cursor:pointer}.dof-create-nav button:last-child{margin-bottom:0}.dof-create-nav button:hover,.dof-create-nav button:focus{border-color:#cbd5e1;background:#f8fafc;outline:none}.dof-create-nav button.active{border-color:#99f6e4;background:#f0fdfa;color:#115e59;box-shadow:0 0 0 3px rgba(15,118,110,.08)}.dof-create-nav-index{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:800}.dof-create-nav button.active .dof-create-nav-index{background:#0f766e;color:#fff}.dof-create-nav button>span:nth-child(2){display:grid;gap:2px;min-width:0}.dof-create-nav button strong{color:inherit;font-size:13px;font-weight:750;line-height:1.35}.dof-create-nav button small{color:#64748b;font-size:11px;line-height:1.35}.dof-create-nav [data-dof-step-check]{visibility:hidden;color:#16a34a}.dof-create-nav button.is-complete [data-dof-step-check]{visibility:visible}.dof-create-readiness{border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dof-create-readiness-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.dof-create-readiness-head span{color:#475569;font-size:12px;font-weight:750}.dof-create-readiness-head strong{color:#0f172a;font-size:14px;font-weight:800}.dof-create-progress{height:7px;margin:10px 0 12px;overflow:hidden;border-radius:4px;background:#e2e8f0}.dof-create-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#0f766e,#16a34a);transition:width .2s ease}.dof-create-readiness ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.dof-create-readiness li{display:flex;gap:8px;align-items:center;color:#64748b;font-size:11px;line-height:1.4}.dof-create-readiness li i{width:14px;color:#94a3b8}.dof-create-readiness li.is-complete{color:#166534}.dof-create-readiness li.is-complete i{color:#16a34a}.dof-draft-clear{display:inline-flex;align-items:center;gap:7px;margin-top:12px;border:0;background:transparent;color:#64748b;padding:0;font-family:inherit;font-size:11px;font-weight:700;cursor:pointer}.dof-draft-clear:hover,.dof-draft-clear:focus{color:#0f766e;outline:none}.dof-create-main{min-width:0}.dof-create-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.dof-create-head>div{min-width:0}.dof-create-head>div>span{display:block;margin-bottom:4px;color:#0f766e;font-size:11px;font-weight:800}.dof-create-head h4{margin-bottom:0}.dof-create-head>p{max-width:520px;text-align:right}.dof-context-box{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start}.dof-context-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fee2e2;color:#b91c1c}.dof-field-label-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.dof-field-label-row>span{color:#64748b;font-size:11px;font-weight:700}.dof-create-field input.is-invalid,.dof-create-field select.is-invalid,.dof-create-field textarea.is-invalid{border-color:#dc2626;background:#fff7f7;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.dof-field-error{display:none;color:#b91c1c;font-size:11px;font-weight:700;line-height:1.4}.dof-field-error.is-visible{display:block}.dof-date-shortcuts{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}.dof-date-shortcuts button{border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#334155;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:750;cursor:pointer}.dof-date-shortcuts button:hover,.dof-date-shortcuts button:focus{border-color:#5eead4;background:#f0fdfa;color:#115e59;outline:none}.dof-create-followup-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:start}.dof-create-preview{border:1px solid #dbe3ec;border-radius:8px;background:#f8fafc;padding:15px}.dof-create-preview-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.dof-create-preview-head>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dcfce7;color:#15803d}.dof-create-preview-head div{display:grid;gap:2px}.dof-create-preview-head strong{color:#0f172a;font-size:14px}.dof-create-preview-head span{color:#64748b;font-size:11px}.dof-create-preview dl{display:grid;gap:0;margin:0}.dof-create-preview dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #e2e8f0}.dof-create-preview dt{color:#64748b;font-size:11px;font-weight:700}.dof-create-preview dd{margin:0;color:#0f172a;font-size:12px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.dof-create-quality-note{margin-top:12px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:10px;font-size:11px;line-height:1.5}.dof-create-quality-note.is-ready{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.dof-create-footer{justify-content:space-between;align-items:center}.dof-create-flow-status{display:grid;gap:2px;min-width:0}.dof-create-flow-status small{color:#0f766e;font-size:11px;font-weight:800}.dof-create-flow-status strong{color:#0f172a;font-size:14px}.dof-create-flow-status span{color:#64748b;font-size:11px;line-height:1.4}.dof-create-footer-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.dof-create-btn[disabled]{opacity:.58;cursor:not-allowed}.dof-toast-wrap{max-height:calc(100vh - 104px);overflow:visible}.dof-toast{width:100%;max-width:360px}.dof-ai-actions-topless{justify-content:flex-end}.dof-ai-head>div:first-child{min-width:220px}
@media(max-width:1100px){.dof-create-sidebar{position:static}.dof-create-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.dof-create-nav button{margin:0}.dof-create-readiness{display:none}.dof-create-followup-grid{grid-template-columns:1fr}}
@media(max-width:760px){.dof-create-overview{grid-template-columns:1fr}.dof-create-nav{grid-template-columns:1fr}.dof-create-head{display:grid}.dof-create-head>p{text-align:left}.dof-ai-head{display:grid}.dof-ai-actions-topless{justify-content:flex-start}.dof-create-footer{display:grid}.dof-create-footer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.dof-create-footer-actions .dof-create-btn{width:100%}.dof-create-flow-status{width:100%}.dof-create-action{width:auto}.dof-create-preview dl>div{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:480px){.dof-create-footer-actions{grid-template-columns:1fr}.dof-create-meta{display:grid}.dof-create-pill{width:100%}.dof-ai-actions{display:grid}.dof-ai-actions .dof-create-btn{width:100%}}
/* DÖF öneri kuralları profesyonel kural merkezi */
.right_col[role="main"] .dsr-page,.right_col[role="main"] .dsr-page *,.right_col[role="main"] .dsre-hero,.right_col[role="main"] .dsre-shell,.right_col[role="main"] .dsre-shell *{box-sizing:border-box;min-width:0}.dsr-page{width:100%;color:#0f172a}.dsr-hero{display:block;background:linear-gradient(135deg,#172033 0%,#9f1239 52%,#e11d48 100%);padding:22px 24px}.dsr-hero-copy{max-width:900px}.dsr-hero .dsr-hero-actions{align-items:center}.dsr-hero-action{min-height:40px;padding:9px 15px;font-size:13px;line-height:1.2}.dsr-hero-action.is-primary,body.app-theme .dsr-hero-action.is-primary{border-color:#fff;background:#fff;color:#881337!important;text-shadow:none}.dsr-hero-action.is-primary i,body.app-theme .dsr-hero-action.is-primary i{color:#be123c!important}.dsr-hero-action.is-primary:hover,.dsr-hero-action.is-primary:focus,body.app-theme .dsr-hero-action.is-primary:hover,body.app-theme .dsr-hero-action.is-primary:focus{border-color:#ffe4e6;background:#ffe4e6;color:#9f1239!important}.dsr-hero-action.is-secondary,body.app-theme .dsr-hero-action.is-secondary{border-color:rgba(255,255,255,.52);background:rgba(15,23,42,.24);color:#fff!important;text-shadow:0 1px 2px rgba(15,23,42,.4)}.dsr-hero-action.is-secondary i{color:#fff!important}.dsr-hero-action.is-secondary:hover,.dsr-hero-action.is-secondary:focus,body.app-theme .dsr-hero-action.is-secondary:hover,body.app-theme .dsr-hero-action.is-secondary:focus{border-color:#fff;background:rgba(15,23,42,.42);color:#fff!important}.dsr-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:0 0 18px}.dsr-summary-card{position:relative;overflow:hidden;min-height:108px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;padding:15px 14px 14px 18px;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(15,23,42,.045);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.dsr-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}.dsr-summary-card.is-success:before{background:#16a34a}.dsr-summary-card.is-warning:before{background:#dc2626}.dsr-summary-card:hover,.dsr-summary-card:focus{border-color:#fda4af;box-shadow:0 12px 28px rgba(15,23,42,.09);transform:translateY(-1px);outline:none}.dsr-summary-card span,.dsr-summary-card small{display:block;color:#64748b;font-size:12px;line-height:1.4}.dsr-summary-card span{font-weight:750}.dsr-summary-card strong{display:block;margin:7px 0 5px;color:#0f172a;font-size:25px;font-weight:800;line-height:1}.dsr-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.dsr-sidebar{position:sticky;top:82px}.dsr-flow{display:grid;gap:8px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;padding:10px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.dsr-flow button{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"index title" "index note";column-gap:10px;width:100%;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:10px;font-family:inherit;text-align:left;cursor:pointer}.dsr-flow button>span{grid-area:index;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#e2e8f0;color:#334155;font-size:12px;font-weight:800}.dsr-flow button>strong{grid-area:title;align-self:end;color:#1e293b;font-size:13px;font-weight:800;line-height:1.3}.dsr-flow button>small{grid-area:note;color:#64748b;font-size:11px;line-height:1.35}.dsr-flow button:hover,.dsr-flow button:focus{border-color:#fda4af;background:#fff7f8;outline:none}.dsr-flow button.active{border-color:#fda4af;background:#fff1f2;box-shadow:0 0 0 3px rgba(225,29,72,.08)}.dsr-flow button.active>span{background:#be123c;color:#fff}.dsr-flow button.active>strong{color:#9f1239}.dsr-content{min-width:0;border:1px solid #dbe3ec;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}.dsr-section{display:none;padding:20px}.dsr-section.is-active{display:block}.dsr-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #edf1f5}.dsr-section-head h4{margin:0;color:#0f172a;font-size:19px;font-weight:800;line-height:1.3}.dsr-section-head p{max-width:780px;margin:5px 0 0;color:#64748b;font-size:13px;line-height:1.55}.dsr-engine-state,.dsr-live-label,.dsr-quality-score{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;padding:7px 10px;font-size:11px;font-weight:800;white-space:nowrap}.dsr-engine-state i{font-size:8px;color:#16a34a}.dsr-live-label{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.dsr-quality-score{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.dsr-quality-score.is-good{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.dsr-logic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr) auto);align-items:center;gap:12px;margin-top:18px}.dsr-logic-strip>div{position:relative;min-height:132px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:14px}.dsr-logic-strip>div>span{display:grid;place-items:center;width:29px;height:29px;margin-bottom:10px;border-radius:8px;background:#be123c;color:#fff;font-size:12px;font-weight:800}.dsr-logic-strip strong{display:block;color:#0f172a;font-size:14px}.dsr-logic-strip p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}.dsr-logic-strip>i{color:#94a3b8;font-size:18px}.dsr-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.dsr-insight{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;padding:13px}.dsr-insight>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#fff1f2;color:#be123c}.dsr-insight strong{color:#0f172a;font-size:13px}.dsr-insight p{margin:4px 0 0;color:#64748b;font-size:11px;line-height:1.45}.dsr-inline-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid #be123c;border-radius:8px;background:#be123c;color:#fff!important;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.dsr-inline-primary i{color:#fff!important}.dsr-inline-primary:hover,.dsr-inline-primary:focus{border-color:#9f1239;background:#9f1239;color:#fff!important;text-decoration:none}.dsr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 13px}.dsr-toolbar-left,.dsr-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dsr-toolbar-left label{margin:0;color:#475569;font-size:12px;font-weight:750}.dsr-control,.dsr-search,.dsr-simulator-form textarea{min-height:39px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#0f172a;padding:8px 11px;font-family:inherit;font-size:13px;box-shadow:none}.dsr-control:focus,.dsr-search:focus,.dsr-simulator-form textarea:focus{border-color:#fb7185;box-shadow:0 0 0 3px rgba(225,29,72,.1);outline:none}.dsr-toolbar-right{position:relative}.dsr-toolbar-right>i{position:absolute;left:11px;color:#64748b}.dsr-toolbar-right .dsr-search{width:270px;padding-left:32px}.dsr-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.dsr-table{min-width:1050px}.dsr-table th{padding:12px;background:#f8fafc;color:#475569;font-size:12px}.dsr-table td{padding:12px;color:#334155;font-size:13px;vertical-align:middle}.dsr-toggle-col{display:none;width:48px;text-align:center}.dsr-row-toggle{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:7px;background:#be123c;color:#fff;font-size:15px;font-weight:800;line-height:1;cursor:pointer}.dsr-order{display:grid;place-items:center;width:34px;height:30px;border-radius:7px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:800}.dsr-rule-title{display:block;color:#0f172a;font-size:13px;font-weight:800;line-height:1.4}.dsr-row-warning{display:inline-flex;align-items:center;gap:5px;margin-top:6px;border-radius:999px;background:#fff7ed;color:#9a3412;padding:4px 7px;font-size:10px;font-weight:800}.dsr-source-badge,.dsr-output-score,.dsr-status,.dsr-priority{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800;white-space:nowrap}.dsr-source-badge{border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8}.dsr-output-score.is-complete{background:#f0fdf4;color:#166534}.dsr-output-score.is-warning{background:#fff7ed;color:#9a3412}.dsr-keywords{display:flex;flex-wrap:wrap;gap:5px;max-width:260px}.dsr-keywords span,.dsr-keywords em{display:inline-flex;border-radius:6px;background:#f1f5f9;color:#475569;padding:4px 6px;font-size:10px;font-style:normal;font-weight:700}.dsr-term{display:grid;gap:5px}.dsr-term>strong{color:#0f172a;font-size:13px}.dsr-priority{width:fit-content;padding:4px 7px;background:#f1f5f9;color:#475569}.dsr-priority-kritik{background:#fef2f2;color:#b91c1c}.dsr-priority-yuksek{background:#fff7ed;color:#9a3412}.dsr-priority-orta{background:#eff6ff;color:#1d4ed8}.dsr-priority-dusuk{background:#f0fdf4;color:#166534}.dsr-status.is-active{background:#f0fdf4;color:#166534}.dsr-status.is-passive{background:#f1f5f9;color:#475569}.dsr-status i{font-size:7px}.dsr-actions{align-items:center;flex-wrap:nowrap}.dsr-actions form{margin:0}.dsr-icon-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155!important;padding:0;font-size:13px;cursor:pointer;text-decoration:none}.dsr-icon-btn.is-edit{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8!important}.dsr-icon-btn.is-pause{border-color:#fecaca;background:#fff1f2;color:#b91c1c!important}.dsr-icon-btn.is-play{border-color:#bbf7d0;background:#f0fdf4;color:#15803d!important}.dsr-icon-btn:hover,.dsr-icon-btn:focus{filter:brightness(.96);color:inherit!important;text-decoration:none;outline:2px solid rgba(37,99,235,.12)}.dsr-detail-row{display:none}.dsr-detail-row>td{padding:0!important}.dsr-detail-row.is-open{display:table-row}.dsr-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f8fafc;padding:13px}.dsr-detail-grid>div{border-left:3px solid #cbd5e1;padding-left:9px}.dsr-detail-grid small,.dsr-detail-grid span{display:block}.dsr-detail-grid small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.dsr-detail-grid span{margin-top:4px;color:#0f172a;font-size:12px;line-height:1.45}.dsr-filter-empty{display:none;margin-top:12px}.dsr-filter-empty.is-visible{display:flex}.dsr-empty{align-items:center;justify-content:center;flex-direction:column;gap:5px}.dsr-empty i{color:#be123c;font-size:22px}.dsr-empty strong{color:#0f172a;font-size:14px}.dsr-empty span{font-size:12px}.dsr-pager{margin:13px 0 0}.dsr-pager-buttons{display:flex;gap:8px}.dsr-btn,.dsre-btn{font-size:13px}.dsr-btn[disabled],.dsre-btn[disabled]{opacity:.48;cursor:not-allowed}.dsr-btn.primary,.dsre-btn.primary,body.app-theme .dsr-btn.primary,body.app-theme .dsre-btn.primary{border-color:#be123c;background:#be123c;color:#fff!important}.dsr-btn.primary i,.dsre-btn.primary i{color:#fff!important}.dsr-btn.primary:hover,.dsr-btn.primary:focus,.dsre-btn.primary:hover,.dsre-btn.primary:focus,body.app-theme .dsr-btn.primary:hover,body.app-theme .dsre-btn.primary:hover{border-color:#9f1239;background:#9f1239;color:#fff!important}.dsr-simulator-grid{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:16px;margin-top:18px}.dsr-simulator-form{display:grid;gap:8px;align-content:start;border-right:1px solid #e2e8f0;padding-right:16px}.dsr-simulator-form label{margin:0;color:#334155;font-size:12px;font-weight:800}.dsr-simulator-form textarea{resize:vertical;line-height:1.55}.dsr-simulator-form .dsr-inline-primary{justify-self:start}.dsr-simulator-result{min-height:310px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;padding:15px}.dsr-result-empty{display:flex;min-height:278px;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#64748b}.dsr-result-empty i{margin-bottom:9px;color:#be123c;font-size:28px}.dsr-result-empty strong{color:#0f172a;font-size:14px}.dsr-result-empty span{max-width:380px;margin-top:5px;font-size:12px;line-height:1.5}.dsr-result-empty.is-warning i{color:#d97706}.dsr-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #dbe3ec}.dsr-result-head>div{display:grid;gap:4px}.dsr-result-head strong{color:#0f172a;font-size:15px}.dsr-result-head span{color:#64748b;font-size:11px}.dsr-result-head em{border-radius:999px;background:#fff1f2;color:#9f1239;padding:6px 8px;font-size:10px;font-style:normal;font-weight:800}.dsr-result-fields{display:grid;gap:9px;margin-top:12px}.dsr-result-fields>div{border-left:3px solid #fb7185;border-radius:0 7px 7px 0;background:#fff;padding:10px 11px}.dsr-result-fields strong{color:#334155;font-size:11px}.dsr-result-fields p{margin:4px 0 0;color:#0f172a;font-size:12px;line-height:1.55}.dsr-quality-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.dsr-quality-block{border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}.dsr-quality-head{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid #edf1f5;background:#f8fafc;padding:13px}.dsr-quality-head>i{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#fff1f2;color:#be123c}.dsr-quality-head strong,.dsr-quality-head span{display:block}.dsr-quality-head strong{color:#0f172a;font-size:13px}.dsr-quality-head span{margin-top:3px;color:#64748b;font-size:11px}.dsr-quality-list{display:grid;max-height:310px;overflow:auto}.dsr-quality-list>div,.dsr-quality-list>a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf1f5;padding:10px 13px;color:#0f172a;text-decoration:none}.dsr-quality-list>div:last-child,.dsr-quality-list>a:last-child{border-bottom:0}.dsr-quality-list strong{color:#0f172a;font-size:12px}.dsr-quality-list span{color:#64748b;font-size:11px;text-align:right}.dsr-quality-list>a:hover{background:#fff7f8;text-decoration:none}.dsr-quality-empty{padding:20px;color:#64748b;font-size:12px;line-height:1.5}.dsr-quality-note{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;margin-top:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:12px;color:#1e3a8a}.dsr-quality-note>i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#dbeafe}.dsr-quality-note p{margin:0;font-size:12px;line-height:1.55}.dsr-step-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -20px -20px;padding:14px 20px;border-top:1px solid #edf1f5;background:#f8fafc}.dsr-step-footer>div:first-child{display:grid;gap:2px}.dsr-step-footer small,.dsre-step-status small{color:#be123c;font-size:11px;font-weight:800}.dsr-step-footer strong,.dsre-step-status strong{color:#0f172a;font-size:14px}.dsr-step-footer>div:last-child,.dsre-footer-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dsre-hero .dsre-action,body.app-theme .dsre-hero .dsre-action{border-color:#fff;background:#fff;color:#881337!important;text-shadow:none}.dsre-hero .dsre-action i{color:#be123c!important}.dsre-hero .dsre-action:hover,.dsre-hero .dsre-action:focus,body.app-theme .dsre-hero .dsre-action:hover{border-color:#ffe4e6;background:#ffe4e6;color:#9f1239!important}.dsre-flow a{grid-template-columns:30px 18px minmax(0,1fr);padding:9px 10px}.dsre-flow a>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#e2e8f0;color:#334155;font-size:11px;font-weight:800}.dsre-flow a>i{width:18px;text-align:center}.dsre-flow a>strong{color:inherit;font-size:13px}.dsre-flow a.active>span{background:#be123c;color:#fff}.dsre-footer{align-items:center;justify-content:space-between}.dsre-step-status{display:grid;gap:2px}.dsre-field input.is-invalid,.dsre-field select.is-invalid,.dsre-field textarea.is-invalid{border-color:#dc2626;background:#fff7f7;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.dsre-field-error{color:#b91c1c;font-size:11px;font-weight:750;line-height:1.4}.dsre-preview-result p{margin:8px 0 0;color:#334155;line-height:1.6}
@media(max-width:1180px){.dsr-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.dsr-workspace{grid-template-columns:1fr}.dsr-sidebar{position:static}.dsr-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.dsr-flow button{grid-template-columns:30px minmax(0,1fr);padding:8px}.dsr-flow button>small{display:none}.dsr-toggle-col{display:table-cell}.dsr-mobile-hide{display:none}.dsr-table{min-width:760px}.dsr-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.dsr-hero{padding:18px 16px}.dsr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dsr-workspace{gap:12px}.dsr-flow{grid-template-columns:1fr 1fr}.dsr-section{padding:15px}.dsr-section-head{display:grid}.dsr-engine-state,.dsr-live-label,.dsr-quality-score{justify-self:start}.dsr-logic-strip{grid-template-columns:1fr}.dsr-logic-strip>i{display:none}.dsr-logic-strip>div{min-height:0}.dsr-insight-grid,.dsr-simulator-grid,.dsr-quality-grid{grid-template-columns:1fr}.dsr-simulator-form{border-right:0;border-bottom:1px solid #e2e8f0;padding:0 0 16px}.dsr-toolbar{align-items:stretch;flex-direction:column}.dsr-toolbar-left{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.dsr-toolbar-left>label{align-self:center}.dsr-toolbar-right,.dsr-toolbar-right .dsr-search{width:100%}.dsr-step-footer{display:grid;margin:0 -15px -15px;padding:13px 15px}.dsr-step-footer>div:last-child,.dsre-footer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.dsr-step-footer .dsr-btn,.dsre-footer-actions .dsre-btn{width:100%}.dsre-footer{display:grid}.dsre-step-status{width:100%}}
@media(max-width:480px){.dsr-summary{grid-template-columns:1fr}.dsr-flow{grid-template-columns:1fr}.dsr-hero-actions{display:grid}.dsr-hero-action{width:100%}.dsr-toolbar-left{grid-template-columns:1fr}.dsr-detail-grid{grid-template-columns:1fr}.dsr-step-footer>div:last-child,.dsre-footer-actions{grid-template-columns:1fr}}
/* DÖF otomatik öneri ayarları - sade liste düzeni */
.dsr-page .dsr-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.dsr-purpose{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;align-items:start;margin-bottom:14px;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:8px;background:#eff6ff;padding:14px 16px}.dsr-purpose-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#dbeafe;color:#1d4ed8;font-size:18px}.dsr-purpose strong{display:block;color:#172554;font-size:14px;font-weight:800;line-height:1.4}.dsr-purpose p{max-width:920px;margin:5px 0 0;color:#334155;font-size:13px;line-height:1.6}.dsr-workspace.is-simple{display:block}.dsr-workspace.is-simple .dsr-content{width:100%}.dsr-tabs{display:flex;align-items:center;gap:4px;padding:10px 12px 0;border-bottom:1px solid #e2e8f0;background:#f8fafc;overflow-x:auto}.dsr-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:42px;margin:0;border:0;border-bottom:3px solid transparent;background:transparent;color:#475569;padding:8px 13px;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}.dsr-tabs button i{color:#64748b}.dsr-tabs button:hover,.dsr-tabs button:focus{color:#9f1239;background:#fff1f2;outline:none}.dsr-tabs button.active{border-bottom-color:#be123c;color:#9f1239;background:#fff}.dsr-tabs button.active i{color:#be123c}.dsr-workspace.is-simple .dsr-section{padding-top:18px}.dsr-workspace.is-simple .dsr-section.is-active{display:block}
@media(max-width:760px){.dsr-page .dsr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dsr-purpose{grid-template-columns:34px minmax(0,1fr);padding:12px}.dsr-purpose-icon{width:34px;height:34px;font-size:15px}.dsr-tabs{padding-left:8px}.dsr-tabs button{min-height:40px;padding:7px 10px;font-size:12px}}
@media(max-width:480px){.dsr-page .dsr-summary{grid-template-columns:1fr}.dsr-purpose{grid-template-columns:1fr}.dsr-tabs{display:grid;grid-template-columns:1fr;padding:8px}.dsr-tabs button{width:100%;border:1px solid #e2e8f0;border-radius:7px;background:#fff}.dsr-tabs button.active{border-color:#fda4af;background:#fff1f2}}
/* Risk Bulk DOF: decision-ready batch workflow */
body.app-theme .right_col[role="main"] .risk-bulk-hero{
  background:linear-gradient(120deg,#172033 0%,#263b4a 48%,#a61b2b 100%)!important;
}
body.app-theme .right_col[role="main"] .risk-bulk-hero :is(h3,p,.risk-bulk-pill){
  color:#fff!important;
}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action,
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action:link,
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action:visited{
  border-color:rgba(255,255,255,.48);
  background:rgba(15,23,42,.28);
  color:#fff!important;
  text-shadow:0 1px 2px rgba(15,23,42,.45);
}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action i{color:#fff!important}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action.primary{
  border-color:#fff;
  background:#fff;
  color:#7f1421!important;
  text-shadow:none;
}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action.primary i{color:#a61b2b!important}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action:hover,
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action:focus{
  border-color:#fff;
  background:rgba(15,23,42,.48);
  color:#fff!important;
}
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action.primary:hover,
body.app-theme .right_col[role="main"] .risk-bulk-hero .risk-bulk-action.primary:focus{
  border-color:#ffe4e6;
  background:#ffe4e6;
  color:#7f1421!important;
}
.risk-bulk-smart-card{display:grid;align-content:space-between;gap:11px;min-height:166px;border-top:3px solid #2563eb;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.risk-bulk-smart-card:nth-child(2){border-top-color:#d97706;background:linear-gradient(180deg,#fff 0%,#fffbeb 100%)}
.risk-bulk-smart-card:nth-child(3){border-top-color:#16835c;background:linear-gradient(180deg,#fff 0%,#f0fdf4 100%)}
.risk-bulk-smart-card strong{display:block;color:#0f172a;font-size:14px;font-weight:800}
.risk-bulk-smart-card .risk-bulk-tool{justify-self:start}
.risk-bulk-summary-card{position:relative;overflow:hidden;padding-left:18px}
.risk-bulk-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}
.risk-bulk-summary-card:nth-child(2):before{background:#16835c}
.risk-bulk-summary-card:nth-child(3):before{background:#7c3aed}
.risk-bulk-summary-card:nth-child(4):before{background:#dc2626}
.risk-bulk-summary-card:nth-child(5):before{background:#d97706}
.risk-bulk-summary-card:nth-child(6):before{background:#0f766e}
.risk-bulk-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.risk-bulk-readiness{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;margin-top:14px;border:1px solid #fed7aa;border-left:4px solid #d97706;border-radius:8px;background:#fffaf0;padding:13px 14px}
.risk-bulk-readiness-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#ffedd5;color:#9a3412;font-size:18px}
.risk-bulk-readiness strong,.risk-bulk-readiness span{display:block}
.risk-bulk-readiness strong{color:#0f172a;font-size:14px;font-weight:800}
.risk-bulk-readiness>div:nth-child(2)>span{margin-top:3px;color:#64748b;font-size:12px;line-height:1.45}
.risk-bulk-readiness-badge{border-radius:999px;background:#ffedd5;color:#9a3412;padding:6px 9px;font-size:11px;font-weight:800;white-space:nowrap}
.risk-bulk-readiness.is-ready{border-color:#bbf7d0;border-left-color:#16835c;background:#f0fdf4}
.risk-bulk-readiness.is-ready .risk-bulk-readiness-icon{background:#dcfce7;color:#166534}
.risk-bulk-readiness.is-ready .risk-bulk-readiness-badge{background:#dcfce7;color:#166534}
.risk-bulk-review-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:12px;margin-top:14px}
.risk-bulk-review-card,.risk-bulk-decision-card{min-width:0;border:1px solid #e2e8f0;border-radius:8px;background:#fff;overflow:hidden}
.risk-bulk-review-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e2e8f0;background:#f8fafc;padding:12px 14px}
.risk-bulk-review-card header small,.risk-bulk-review-card header strong{display:block}
.risk-bulk-review-card header small,.risk-bulk-decision-card>small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-bulk-review-card header strong{margin-top:3px;color:#0f172a;font-size:14px}
.risk-bulk-review-card>header>span{border-radius:999px;background:#e0f2fe;color:#075985;padding:6px 9px;font-size:11px;font-weight:800}
.risk-bulk-review-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:100px;padding:18px;color:#64748b;font-size:12px}
.risk-bulk-review-empty i{color:#94a3b8;font-size:18px}
.risk-bulk-review-list{display:grid;max-height:330px;overflow:auto}
.risk-bulk-review-list article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;border-bottom:1px solid #eef2f7;padding:10px 14px}
.risk-bulk-review-list article:last-child{border-bottom:0}
.risk-bulk-review-order{display:grid;place-items:center;height:30px;border-radius:7px;background:#f1f5f9;color:#334155;font-size:11px;font-weight:800}
.risk-bulk-review-list strong,.risk-bulk-review-list small{display:block}
.risk-bulk-review-list strong{color:#0f172a;font-size:12px;line-height:1.4}
.risk-bulk-review-list small{margin-top:3px;color:#64748b;font-size:11px}
.risk-bulk-review-list em{border-radius:999px;background:#fff1f2;color:#9f1239;padding:6px 8px;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
.risk-bulk-review-more{background:#f8fafc;color:#475569;padding:10px 14px;font-size:11px;font-weight:700;text-align:center}
.risk-bulk-decision-card{padding:14px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.risk-bulk-decision-card>strong{display:block;margin-top:5px;color:#0f172a;font-size:16px}
.risk-bulk-decision-card>p{margin:7px 0 12px;color:#475569;font-size:12px;line-height:1.55}
.risk-bulk-decision-card dl{display:grid;gap:0;margin:0}
.risk-bulk-decision-card dl>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2e8f0;padding:9px 0}
.risk-bulk-decision-card dt{color:#64748b;font-size:11px;font-weight:700}
.risk-bulk-decision-card dd{margin:0;color:#0f172a;font-size:11px;font-weight:800;text-align:right}
.risk-bulk-final-card{margin-top:14px;border-color:#fecaca;background:linear-gradient(90deg,#fff 0%,#fff1f2 100%)}
.risk-bulk-submit-btn,.risk-bulk-submit-btn:hover,.risk-bulk-submit-btn:focus{color:#fff!important}
.risk-bulk-submit-btn i{color:#fff!important}
.risk-bulk-submit-btn[disabled]{border-color:#cbd5e1;background:#94a3b8;color:#fff!important;cursor:not-allowed;opacity:.72}
.risk-bulk-tool.active,.risk-bulk-quick-text.suggested{border-color:#a61b2b;background:#fff1f2;color:#8f1423}
.risk-bulk-step-btn.primary,.risk-bulk-step-btn.primary:hover,.risk-bulk-step-btn.primary:focus{color:#fff!important}
@media(max-width:900px){
  .risk-bulk-plan-grid,.risk-bulk-review-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .risk-bulk-readiness{grid-template-columns:38px minmax(0,1fr)}
  .risk-bulk-readiness-icon{width:38px;height:38px}
  .risk-bulk-readiness-badge{grid-column:2;justify-self:start}
  .risk-bulk-review-list article{grid-template-columns:42px minmax(0,1fr)}
  .risk-bulk-review-list article em{grid-column:2;justify-self:start}
  .risk-bulk-final-card{display:grid}
}

/* Risk Bulk DOF: responsive table details */
.risk-bulk-col-toggle{display:none;width:42px;text-align:center!important}
.risk-bulk-detail-toggle{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:#a61b2b;color:#fff!important;font-size:17px;font-weight:800;line-height:1;cursor:pointer}
.risk-bulk-detail-toggle:hover,.risk-bulk-detail-toggle:focus{background:#7f1421;color:#fff!important;outline:2px solid rgba(166,27,43,.18)}
.risk-bulk-detail-row{display:none}
.risk-bulk-detail-row.is-open{display:table-row}
.risk-bulk-detail-row>td{padding:0!important;background:#f8fafc}
.risk-bulk-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px}
.risk-bulk-detail-grid>div{border:1px solid #e2e8f0;border-radius:7px;background:#fff;padding:10px}
.risk-bulk-detail-grid small,.risk-bulk-detail-grid strong{display:block}
.risk-bulk-detail-grid small{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-bulk-detail-grid strong{margin-top:4px;color:#0f172a;font-size:12px;line-height:1.45}
@media(max-width:980px){
  .risk-bulk-table{min-width:0}
  .risk-bulk-col-toggle{display:table-cell}
  .risk-bulk-table .risk-bulk-secondary{display:none}
}
@media(max-width:560px){
  .risk-bulk-table th,.risk-bulk-table td{padding:9px 7px}
  .risk-bulk-detail-grid{grid-template-columns:minmax(0,1fr)}
}


/* Risk Management: assessment teams workspace */
.team-index-page{display:grid;gap:18px;min-width:0}
.team-index-hero{position:relative;overflow:hidden;margin:0;padding:24px;border-radius:0 0 8px 8px;background:linear-gradient(112deg,#153b35 0%,#254f46 48%,#8f1d24 100%);box-shadow:0 14px 32px rgba(15,23,42,.14);color:#fff}
.team-index-hero:after{content:"";position:absolute;right:-72px;bottom:-110px;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.team-index-kicker{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:#d9f5eb;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}
.team-index-hero h3{position:relative;z-index:1;margin:0;color:#fff;font-size:28px;font-weight:800;line-height:1.2}
.team-index-hero>p{position:relative;z-index:1;max-width:800px;margin:9px 0 0;color:#f1f5f9;font-size:14px;line-height:1.65}
.team-index-meta,.team-index-actions{position:relative;z-index:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.team-index-meta{margin-top:16px}.team-index-actions{margin-top:14px}
.team-index-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700}
.team-index-action,.team-index-action:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(255,255,255,.12);color:#fff!important;font-size:13px;font-weight:800;text-decoration:none}
.team-index-action:hover,.team-index-action:focus{border-color:#fff;background:#fff;color:#163b36!important;text-decoration:none}
.team-index-action.primary,.team-index-action.primary:visited{border-color:#fff;background:#fff;color:#991b1b!important}
.team-index-action.primary:hover,.team-index-action.primary:focus{border-color:#fecaca;background:#fff1f2;color:#7f1d1d!important}
.team-flow-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;min-width:0}
.team-flow-side,.team-index-panel,.team-readiness-card{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.team-flow-side{align-self:start;overflow:hidden;position:sticky;top:82px}
.team-flow-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}
.team-flow-side-head span{color:#475569;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0}.team-flow-side-head strong{color:#991b1b;font-size:12px}
.team-flow-nav{display:grid;gap:8px;padding:12px}
.team-flow-link{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:11px;border:1px solid transparent;border-radius:8px;background:#fff;color:#334155;text-align:left}
.team-flow-link:hover,.team-flow-link:focus{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}
.team-flow-link.active{border-color:#a7f3d0;background:#ecfdf5;color:#14532d}
.team-flow-number{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#e2e8f0;color:#334155;font-size:13px;font-weight:800}
.team-flow-link.active .team-flow-number{background:#166534;color:#fff}
.team-flow-link strong,.team-flow-link small{display:block;letter-spacing:0}.team-flow-link strong{font-size:13px}.team-flow-link small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35}
.team-flow-note{display:flex;gap:9px;margin:0 12px 12px;padding:11px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#854d0e;font-size:11px;line-height:1.55}
.team-flow-content{min-width:0}.team-flow-panel.is-hidden{display:none}
.team-index-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}
.team-index-summary .team-summary-card{position:relative;display:block;min-height:128px;margin:0;padding:16px 17px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);color:#0f172a;text-align:left;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.team-index-summary .team-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#dc2626}
.team-index-summary .team-summary-card:nth-child(2):before{background:#16a34a}.team-index-summary .team-summary-card:nth-child(3):before{background:#eab308}.team-index-summary .team-summary-card:nth-child(4):before{background:#2563eb}
.team-index-summary .team-summary-card:hover,.team-index-summary .team-summary-card:focus{transform:translateY(-2px);border-color:#94a3b8;box-shadow:0 14px 28px rgba(15,23,42,.1)}
.team-index-summary .team-summary-card.active{border-color:#166534;box-shadow:0 0 0 2px rgba(22,101,52,.1)}
.team-summary-title,.team-summary-card small{display:block;color:#64748b;letter-spacing:0}.team-summary-title{font-size:12px;font-weight:800;text-transform:uppercase}.team-summary-value{display:block;margin-top:8px;color:#0f172a;font-size:28px;line-height:1;font-weight:900}.team-summary-card small{margin-top:9px;font-size:11px;line-height:1.4}
.team-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.team-readiness-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:13px;padding:17px}
.team-readiness-card>i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#ecfdf5;color:#166534;font-size:18px}.team-readiness-card.emphasis>i{background:#fff7ed;color:#c2410c}
.team-readiness-card span,.team-readiness-card strong,.team-readiness-card p{display:block;letter-spacing:0}.team-readiness-card span{color:#64748b;font-size:12px;font-weight:700}.team-readiness-card strong{margin-top:4px;color:#0f172a;font-size:20px;line-height:1.25}.team-readiness-card p{margin:7px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.team-index-panel{overflow:hidden}.team-index-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eef2f7}.team-index-panel-head h4{margin:3px 0 4px;color:#0f172a;font-size:19px}.team-index-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.team-index-eyebrow{color:#166534;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:0}.team-index-result,.team-filter-caption{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}
.team-readiness-badge{display:inline-grid;gap:2px;min-width:74px;padding:7px 9px;border:1px solid;border-radius:8px}.team-readiness-badge strong{font-size:16px;line-height:1}.team-readiness-badge span{font-size:10px;font-weight:800}.team-readiness-badge.good{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.team-readiness-badge.warn{border-color:#fde68a;background:#fffbeb;color:#854d0e}.team-readiness-badge.risk{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.team-member-preview{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}.team-inline-form{margin:0}.team-hidden-form{display:none!important}
.team-flow-stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.team-flow-stepbar>div:first-child strong,.team-flow-stepbar>div:first-child span{display:block}.team-flow-stepbar>div:first-child strong{color:#0f172a;font-size:13px}.team-flow-stepbar>div:first-child span{margin-top:3px;color:#64748b;font-size:12px}.team-flow-step-actions{display:flex;gap:8px}.team-flow-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-decoration:none}.team-flow-step-btn:hover,.team-flow-step-btn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}.team-flow-step-btn.primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.team-flow-step-btn.primary:hover,.team-flow-step-btn.primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}.team-flow-step-btn:disabled{opacity:.45;cursor:not-allowed}
.team-confirm-backdrop{position:fixed;inset:0;z-index:1080;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(15,23,42,.56)}.team-confirm-backdrop.open{display:flex}.team-confirm-dialog{width:min(100%,440px);overflow:hidden;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 28px 70px rgba(15,23,42,.28)}.team-member-modal{width:min(100%,620px)}.team-confirm-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #eef2f7}.team-confirm-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#fef2f2;color:#b91c1c}.team-confirm-icon.members{background:#ecfdf5;color:#166534}.team-confirm-title{color:#0f172a;font-size:17px;font-weight:800}.team-modal-subtitle{margin-top:2px;color:#64748b;font-size:11px}.team-confirm-body{max-height:65vh;overflow:auto;padding:18px 20px;color:#475569;font-size:13px;line-height:1.6}.team-confirm-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px}.team-modal-btn{min-height:38px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:800}.team-modal-btn.danger{border-color:#b91c1c;background:#b91c1c;color:#fff}
.team-member-list{display:grid;gap:9px}.team-member-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid #e2e8f0;background:#f8fafc}.team-member-item strong,.team-member-item span,.team-member-item small{display:block}.team-member-item strong{color:#0f172a;font-size:13px}.team-member-item span{margin-top:3px;color:#475569;font-size:12px}.team-member-item small{margin-top:3px;color:#64748b;font-size:11px}.team-member-remove{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #fecaca;border-radius:8px;background:#fff;color:#b91c1c}.team-member-empty{padding:18px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;text-align:center;color:#64748b}
.team-index-empty>i{display:block;margin-bottom:8px;color:#94a3b8;font-size:22px}
@media(max-width:1100px){.team-flow-shell{grid-template-columns:1fr}.team-flow-side{position:static}.team-flow-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.team-index-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.team-index-hero{padding:20px 16px}.team-index-hero h3{font-size:24px}.team-index-actions{display:grid;grid-template-columns:1fr}.team-index-action{width:100%}.team-flow-nav,.team-index-summary,.team-readiness-grid{grid-template-columns:1fr}.team-index-panel-head{align-items:flex-start;flex-direction:column}.team-index-result{white-space:normal}.team-flow-step-actions{width:100%}.team-flow-step-btn{flex:1}.team-member-preview{max-width:180px}}


/* Risk Management: assessment team create flow */
.rtc-page{display:grid;gap:18px;min-width:0}.rtc-page,.rtc-page *{box-sizing:border-box;letter-spacing:0}
.rtc-page .rt-hero{position:relative;overflow:hidden;margin:0;padding:24px;border-radius:0 0 8px 8px;background:linear-gradient(112deg,#153b35 0%,#254f46 52%,#8f1d24 100%);box-shadow:0 14px 32px rgba(15,23,42,.14);color:#fff}
.rtc-page .rt-hero h3{margin:0;color:#fff;font-size:28px;font-weight:800;line-height:1.2}.rtc-page .rt-hero>p{max-width:780px;margin:9px 0 0;color:#f1f5f9;font-size:14px;line-height:1.65}
.rtc-page .rt-hero-meta,.rtc-page .rt-hero-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rtc-page .rt-hero-meta{margin-top:15px}.rtc-page .rt-hero-actions{margin-top:14px}
.rtc-page .rt-hero-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:12px;font-weight:700}
.rtc-page .rt-hero-action,.rtc-page .rt-hero-action:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid rgba(255,255,255,.4);border-radius:8px;background:rgba(255,255,255,.12);color:#fff!important;font-size:13px;font-weight:800;text-decoration:none}
.rtc-page .rt-hero-action:hover,.rtc-page .rt-hero-action:focus{border-color:#fff;background:#fff;color:#163b36!important;text-decoration:none}
.rtc-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;min-width:0}
.rtc-side,.rtc-panel{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.rtc-side{position:sticky;top:82px;align-self:start;overflow:hidden}.rtc-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 16px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.rtc-side-head span{color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}.rtc-side-head strong{color:#991b1b;font-size:12px}
.rtc-nav{display:grid;gap:8px;padding:12px}.rtc-nav-btn{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;width:100%;padding:11px;border:1px solid transparent;border-radius:8px;background:#fff;color:#334155;text-align:left}
.rtc-nav-btn:hover,.rtc-nav-btn:focus{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.rtc-nav-btn.active{border-color:#a7f3d0;background:#ecfdf5;color:#14532d}
.rtc-nav-btn>span:first-child{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#e2e8f0;color:#334155;font-size:13px;font-weight:800}.rtc-nav-btn.active>span:first-child{background:#166534;color:#fff}
.rtc-nav-btn strong,.rtc-nav-btn small{display:block}.rtc-nav-btn strong{font-size:13px}.rtc-nav-btn small{margin-top:3px;color:#64748b;font-size:11px;line-height:1.35}
.rtc-side-note{display:flex;gap:9px;margin:0 12px 12px;padding:11px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb;color:#854d0e;font-size:11px;line-height:1.55}
.rtc-main{min-width:0}.rtc-panel{overflow:hidden}.rtc-panel.is-hidden{display:none}.rtc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #eef2f7;background:#fff}
.rtc-panel-head>div>span{display:block;color:#166534;font-size:11px;font-weight:800;text-transform:uppercase}.rtc-panel-head h4{margin:4px 0;color:#0f172a;font-size:20px;font-weight:800}.rtc-panel-head p{margin:0;color:#64748b;font-size:13px;line-height:1.55}
.rtc-status-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;white-space:nowrap}.rtc-status-chip.ready{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.rtc-status-chip.warning{border-color:#fde68a;background:#fffbeb;color:#854d0e}
.rtc-panel-body{padding:20px}.rtc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rtc-field{display:grid;align-content:start;gap:6px}.rtc-field.full{grid-column:1/-1}.rtc-field label{margin:0;color:#334155;font-size:12px;font-weight:800}.rtc-field label em{color:#b91c1c;font-style:normal}.rtc-field small{color:#64748b;font-size:11px;line-height:1.45}.rtc-field .form-control{min-height:42px;border-color:#cbd5e1;border-radius:8px;color:#0f172a;font-size:13px}.rtc-field textarea.form-control{min-height:108px;resize:vertical}
.rtc-template-block{margin-top:18px;padding-top:18px;border-top:1px solid #eef2f7}.rtc-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.rtc-subhead strong,.rtc-subhead span{display:block}.rtc-subhead strong{color:#0f172a;font-size:14px}.rtc-subhead span{margin-top:3px;color:#64748b;font-size:11px}.rtc-subhead>i{color:#d97706;font-size:20px}
.rtc-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rtc-template{display:grid;gap:4px;width:100%;min-height:92px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#334155;text-align:left}.rtc-template:hover,.rtc-template:focus{border-color:#86efac;background:#f0fdf4}.rtc-template.active{border-color:#16a34a;background:#ecfdf5;box-shadow:0 0 0 2px rgba(22,163,74,.1)}.rtc-template strong{color:#0f172a;font-size:12px}.rtc-template span{display:-webkit-box;overflow:hidden;color:#64748b;font-size:11px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.rtc-role-coverage{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.rtc-role-coverage span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;color:#64748b;font-size:10px;font-weight:800}.rtc-role-coverage span.covered{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.rtc-table-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.rtc-toolbar-left,.rtc-toolbar-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rtc-toolbar-left label{margin:0;color:#475569;font-size:11px;font-weight:800}.rtc-toolbar-left select{width:auto;min-width:100px;height:38px;border-radius:8px;font-size:12px}.rtc-tool-btn,.rtc-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800}.rtc-tool-btn:hover,.rtc-tool-btn:focus,.rtc-page-btn:hover,.rtc-page-btn:focus{background:#f8fafc;color:#0f172a}.rtc-search{position:relative}.rtc-search i{position:absolute;left:11px;top:12px;color:#94a3b8}.rtc-search input{width:min(310px,70vw);height:38px;padding-left:34px;border-radius:8px;font-size:12px}
.rtc-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.rtc-table{width:100%;margin:0;border-collapse:separate;border-spacing:0}.rtc-table th,.rtc-table td{padding:11px 12px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:middle}.rtc-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:800;text-transform:uppercase;white-space:nowrap}.rtc-table td{color:#334155;font-size:12px;line-height:1.45}.rtc-table tbody tr:last-child td{border-bottom:0}.rtc-member-row.is-selected td{background:#f0fdf4}.rtc-person-name,.rtc-table td small{display:block}.rtc-person-name{color:#0f172a;font-size:13px}.rtc-table td small{margin-top:3px;color:#64748b;font-size:10px;line-height:1.4}.rtc-col-check{width:54px;text-align:center!important}.rtc-col-role{min-width:220px}.rtc-col-role .form-control{min-width:200px;height:38px;border-radius:8px;font-size:12px}
.rtc-education{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid transparent;border-radius:999px;font-size:10px;font-weight:800}.rtc-education.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.rtc-education.warning{border-color:#fde68a;background:#fffbeb;color:#854d0e}.rtc-education.danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}.rtc-education.muted{border-color:#e2e8f0;background:#f8fafc;color:#475569}
.rtc-col-toggle{display:none;width:44px;text-align:center!important}.rtc-detail-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:8px;background:#b91c1c;color:#fff}.rtc-detail-toggle[aria-expanded=true]{background:#7f1d1d}.rtc-member-detail{display:none}.rtc-member-detail td{padding:0!important;background:#f8fafc}.rtc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:11px}.rtc-detail-grid>div{padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.rtc-detail-grid span,.rtc-detail-grid small,.rtc-detail-grid strong{display:block}.rtc-detail-grid span{color:#64748b;font-size:10px}.rtc-detail-grid strong{margin-top:3px;color:#0f172a;font-size:12px}.rtc-detail-grid small{margin-top:3px;color:#64748b;font-size:10px}.rtc-mobile-role .form-control{margin-top:6px;height:38px;border-radius:8px;font-size:12px}
.rtc-empty{padding:22px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;text-align:center}.rtc-empty.is-hidden,.rtc-table.is-hidden{display:none}.rtc-empty i,.rtc-empty strong,.rtc-empty span{display:block}.rtc-empty i{color:#94a3b8;font-size:21px}.rtc-empty strong{margin-top:7px;color:#0f172a;font-size:14px}.rtc-empty span{margin-top:4px;color:#64748b;font-size:11px}
.rtc-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;color:#64748b;font-size:11px;font-weight:700}.rtc-pager>div{display:flex;gap:7px}.rtc-page-btn.primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.rtc-page-btn.primary:hover,.rtc-page-btn.primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}.rtc-page-btn:disabled{opacity:.45;cursor:not-allowed}
.rtc-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.rtc-review-grid article{min-height:95px;padding:14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.rtc-review-grid span,.rtc-review-grid strong{display:block}.rtc-review-grid span{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.rtc-review-grid strong{margin-top:8px;color:#0f172a;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.rtc-review-note{display:flex;gap:12px;margin-top:14px;padding:14px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a}.rtc-review-note>i{font-size:20px}.rtc-review-note strong,.rtc-review-note span{display:block}.rtc-review-note strong{font-size:13px}.rtc-review-note span{margin-top:4px;font-size:11px;line-height:1.55}
.rtc-stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid #eef2f7;background:#f8fafc}.rtc-stepbar>div:first-child strong,.rtc-stepbar>div:first-child span{display:block}.rtc-stepbar>div:first-child strong{color:#0f172a;font-size:12px}.rtc-stepbar>div:first-child span{margin-top:3px;color:#64748b;font-size:11px}.rtc-step-actions{display:flex;gap:8px}.rtc-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 14px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#334155;font-size:13px;font-weight:800;text-decoration:none}.rtc-step-btn:hover,.rtc-step-btn:focus{background:#f1f5f9;color:#0f172a;text-decoration:none}.rtc-step-btn.primary{border-color:#166534;background:#166534;color:#fff}.rtc-step-btn.primary:hover,.rtc-step-btn.primary:focus{border-color:#14532d;background:#14532d;color:#fff}.rtc-step-btn.primary.danger{border-color:#b91c1c;background:#b91c1c}.rtc-step-btn.primary.danger:hover,.rtc-step-btn.primary.danger:focus{border-color:#991b1b;background:#991b1b;color:#fff}
.rtc-toast-wrap{position:fixed;top:76px;right:18px;z-index:1090;display:grid;gap:8px}.rtc-toast{display:flex;align-items:flex-start;gap:10px;width:min(360px,calc(100vw - 32px));padding:13px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 20px 44px rgba(15,23,42,.2);opacity:0;transform:translateY(-8px);transition:.18s ease}.rtc-toast.is-visible{opacity:1;transform:none}.rtc-toast>i{margin-top:2px}.rtc-toast strong,.rtc-toast span{display:block}.rtc-toast strong{color:#0f172a;font-size:12px}.rtc-toast span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.45}.rtc-toast.success>i{color:#16a34a}.rtc-toast.warning>i{color:#d97706}.rtc-toast.danger>i{color:#dc2626}
@media(max-width:1100px){.rtc-shell{grid-template-columns:1fr}.rtc-side{position:static}.rtc-nav{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.rtc-col-toggle{display:table-cell}.rtc-table .rtc-secondary,.rtc-table .rtc-col-role{display:none}.rtc-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.rtc-page .rt-hero{padding:20px 16px}.rtc-page .rt-hero h3{font-size:24px}.rtc-page .rt-hero-actions{display:grid;grid-template-columns:1fr}.rtc-page .rt-hero-action{width:100%}.rtc-nav,.rtc-form-grid,.rtc-template-grid,.rtc-review-grid,.rtc-detail-grid{grid-template-columns:1fr}.rtc-panel-head{flex-direction:column}.rtc-table-toolbar,.rtc-toolbar-left,.rtc-toolbar-right,.rtc-search,.rtc-search input{width:100%}.rtc-toolbar-left select{flex:1}.rtc-tool-btn{flex:1}.rtc-step-actions{width:100%}.rtc-step-btn{flex:1}.rtc-panel-body{padding:15px}.rtc-stepbar{padding:14px 15px}.rtc-toast-wrap{right:16px}}

/* Workplace form toast */
.wp-form-toast-wrap{
  position:fixed;
  top:84px;
  right:20px;
  z-index:1205;
  display:grid;
  gap:10px;
  width:min(380px,calc(100vw - 32px));
  pointer-events:none;
}
.wp-form-toast-wrap .wp-form-toast{
  width:100%;
  max-width:380px;
  pointer-events:auto;
  box-shadow:0 18px 42px rgba(15,23,42,.18);
}
@media (max-width:767px){
  .wp-form-toast-wrap{
    top:70px;
    left:16px;
    right:16px;
    width:auto;
  }
  .wp-form-toast-wrap .wp-form-toast{max-width:none;}
}
/* Risk teams: stable action column and responsive detail actions */
.team-table .team-col-actions{width:132px;min-width:132px;text-align:right!important}
.team-table td.team-actions{display:table-cell;vertical-align:middle!important}
.team-action-group{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;white-space:nowrap}
.team-action-group .team-inline-form{display:inline-flex;margin:0}.team-action-group .team-icon-action{margin:0!important;flex:0 0 34px;line-height:1}
.team-row-detail-actions{grid-column:1/-1}
.team-row-detail-actions>.team-action-group{display:flex;justify-content:flex-start;margin-top:8px}
@media(max-width:980px){.team-table .team-responsive-action{display:none!important}.team-row-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.team-row-detail-grid{grid-template-columns:1fr}.team-table th,.team-table td{padding:10px 9px}.team-table .team-readiness-badge{min-width:72px}}/* Risk revisions: professional flow, table and responsive model */
.risk-revisions-page{--rr-teal:#0f766e;--rr-burgundy:#be123c}
.risk-revisions-page .risk-revisions-hero{background:linear-gradient(118deg,#102a2a 0%,#0f766e 58%,#be123c 140%);border-radius:0 0 8px 8px;margin-top:0;color:#fff}
.risk-revisions-page .risk-revisions-hero h3,.risk-revisions-page .risk-revisions-hero p,.risk-revisions-page .risk-revisions-pill,.risk-revisions-page .risk-revisions-action{color:#fff!important}.risk-revisions-page .risk-revisions-action:hover,.risk-revisions-page .risk-revisions-action:focus{background:#fff!important;border-color:#fff!important;color:#134e4a!important}
.risk-revisions-page .risk-revisions-flow-side{position:sticky;top:82px;overflow:hidden}.risk-revisions-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #e7eeec;background:#f5faf9}.risk-revisions-side-head span{font-size:14px;font-weight:800;color:#102a2a}.risk-revisions-side-head strong{font-size:12px;color:#0f766e;background:#e7f7f4;border:1px solid #b9e4dc;border-radius:8px;padding:6px 9px}
.risk-revisions-page .risk-revisions-nav{border-bottom:0;padding:12px}.risk-revisions-page .risk-revisions-link{align-items:flex-start;padding:12px}.risk-revisions-page .risk-revisions-link>span:last-child{display:grid;gap:3px;min-width:0}.risk-revisions-page .risk-revisions-link strong{font-size:13px;color:#1d2939}.risk-revisions-page .risk-revisions-link small{font-size:11px;line-height:1.4;color:#667085;font-weight:500}.risk-revisions-nav-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:800}
.risk-revisions-page .risk-revisions-link.active{border-color:#9fd9cf;background:#effbf8;color:#0f766e}.risk-revisions-page .risk-revisions-link.active .risk-revisions-nav-number{background:#0f766e;color:#fff}.risk-revisions-page .risk-revisions-link.active strong{color:#0f5f59}.risk-revisions-side-note{display:flex;align-items:flex-start;gap:9px;margin:0 12px 12px;padding:12px;border:1px solid #fde2e6;border-radius:8px;background:#fff6f7;color:#7f1d2d;font-size:12px;line-height:1.55}.risk-revisions-side-note i{margin-top:2px;color:#be123c}
.risk-revisions-page .risk-revisions-kpi{position:relative;width:100%;min-height:116px;text-align:left;font:inherit;cursor:pointer;border-left:4px solid #0f766e;background:#fff;transition:transform .16s ease,box-shadow .16s ease}.risk-revisions-page .risk-revisions-kpi.success{border-left-color:#15803d}.risk-revisions-page .risk-revisions-kpi.locked{border-left-color:#475467}.risk-revisions-page .risk-revisions-kpi.warning{border-left-color:#b45309}.risk-revisions-page .risk-revisions-kpi:hover,.risk-revisions-page .risk-revisions-kpi:focus{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.09);outline:0}.risk-revisions-page .risk-revisions-kpi small{display:block;margin-top:8px;color:#667085;font-size:11px}
.risk-revisions-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.risk-revisions-context-card{border:1px solid #e4e7ec;border-radius:8px;background:#fcfcfd;padding:16px}.risk-revisions-eyebrow{display:block;color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase}.risk-revisions-context-card h5{margin:6px 0 8px;color:#101828;font-size:15px;font-weight:800}.risk-revisions-context-card p{margin:0;color:#667085;font-size:12px;line-height:1.6}.risk-revisions-flowline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#344054;font-size:12px}.risk-revisions-flowline span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#e7f7f4;color:#0f766e;font-weight:800}
.risk-revisions-stepbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-top:1px solid #eaecf0;background:#f8fafc}.risk-revisions-stepbar>div:first-child{display:grid;gap:3px}.risk-revisions-stepbar strong{color:#101828;font-size:13px}.risk-revisions-stepbar span{color:#667085;font-size:12px}.risk-revisions-step-actions{display:flex;gap:8px}.risk-revisions-step-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054!important;font-size:13px;font-weight:700;text-decoration:none!important}.risk-revisions-step-btn.primary{border-color:#be123c;background:#be123c;color:#fff!important}.risk-revisions-step-btn.primary:hover,.risk-revisions-step-btn.primary:focus{background:#9f1239;color:#fff!important}.risk-revisions-step-btn:disabled{opacity:.5}
.risk-revisions-compare-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.risk-revisions-page .risk-revisions-toolbar{padding:11px 12px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.risk-revisions-toolbar-left label{margin:0;color:#475467;font-size:12px;font-weight:700}.risk-revisions-control{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#101828;padding:8px 11px;font-size:13px}.risk-revisions-result-count{color:#667085;font-size:12px}.risk-revisions-search{position:relative;display:flex;align-items:center}.risk-revisions-search i{position:absolute;left:12px;color:#667085}.risk-revisions-search input{width:min(300px,100%);padding-left:34px}
.risk-revisions-page .risk-revisions-table-wrap{overflow:visible;border:1px solid #e4e7ec;border-radius:8px}.risk-revisions-page .risk-revisions-table{min-width:0;table-layout:fixed}.risk-revisions-page .risk-revisions-table th,.risk-revisions-page .risk-revisions-table td{vertical-align:middle}.risk-revisions-page .risk-revisions-col-toggle{display:none;width:42px;padding:8px 4px!important}.risk-revisions-detail-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}.risk-revisions-detail-toggle:hover{border-color:#0f766e;color:#0f766e}.risk-revisions-page .risk-revisions-detail-row{display:none}.risk-revisions-mobile-summary{display:none}.risk-revisions-page .risk-revisions-actions-col{flex-wrap:nowrap}.risk-revisions-page .risk-revisions-actions-col .risk-revisions-icon-btn{margin:0!important;flex:0 0 34px}.risk-revisions-page .risk-revisions-inline-form{margin:0}
.risk-revisions-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#667085;font-size:12px}.risk-revisions-pager>div{display:flex;gap:8px}.risk-revisions-page .risk-revisions-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;font-weight:700}.risk-revisions-page .risk-revisions-page-btn.primary{border-color:#0f766e;background:#0f766e;color:#fff}.risk-revisions-page .risk-revisions-page-btn:disabled{opacity:.45}
.risk-revisions-toast-wrap{position:fixed;top:84px;right:20px;z-index:14000;width:min(380px,calc(100vw - 32px));pointer-events:none}.risk-revisions-toast{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #b9e4dc;border-radius:8px;background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.18);opacity:0;transform:translateY(-8px);transition:.18s ease}.risk-revisions-toast.is-visible{opacity:1;transform:none}.risk-revisions-toast.warning{border-color:#fed7aa;background:#fffaf4}.risk-revisions-toast>i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#ffedd5;color:#b45309}.risk-revisions-toast strong{display:block;font-size:13px}.risk-revisions-toast span{display:block;color:#475467;font-size:12px}
@media(max-width:1100px){.risk-revisions-page .risk-revisions-flow-side{position:static}.risk-revisions-page .risk-revisions-shell,.risk-revisions-context-grid{grid-template-columns:1fr}}
@media(max-width:980px){.risk-revisions-page .risk-revisions-col-toggle{display:table-cell}.risk-revisions-page .risk-revisions-secondary,.risk-revisions-page .risk-revisions-responsive-action{display:none!important}.risk-revisions-page .risk-revisions-table{table-layout:auto}.risk-revisions-page .risk-revisions-mobile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.risk-revisions-mobile-summary>div{display:grid;gap:4px;padding:10px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.risk-revisions-mobile-summary span{color:#667085;font-size:11px}.risk-revisions-mobile-summary strong{font-size:12px;word-break:break-word}}
@media(max-width:767px){.risk-revisions-page .risk-revisions-actions,.risk-revisions-page .risk-revisions-action{width:100%}.risk-revisions-page .risk-revisions-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.risk-revisions-stepbar{align-items:flex-start;flex-direction:column;padding:14px}.risk-revisions-step-actions,.risk-revisions-step-btn{width:100%}.risk-revisions-compare-bar,.risk-revisions-page .risk-revisions-toolbar,.risk-revisions-toolbar-left,.risk-revisions-toolbar-right,.risk-revisions-compare,.risk-revisions-compare select,.risk-revisions-search,.risk-revisions-search input{width:100%}.risk-revisions-mobile-summary{grid-template-columns:1fr!important}.risk-revisions-pager{align-items:flex-start;flex-direction:column}.risk-revisions-pager>div,.risk-revisions-page .risk-revisions-page-btn{width:100%}.risk-revisions-toast-wrap{top:70px;left:16px;right:16px;width:auto}}
@media(max-width:480px){.risk-revisions-page .risk-revisions-kpis{grid-template-columns:1fr}}
/* Risk revisions: inspected refinements */
body.app-theme .right_col[role="main"] .risk-revisions-page .risk-revisions-hero{background:linear-gradient(118deg,#123332 0%,#0f766e 62%,#9f1239 145%)!important;padding:18px 20px!important;min-height:0!important;margin-bottom:14px!important}
.risk-revisions-page .risk-revisions-hero h3{font-size:23px!important;margin-bottom:6px!important}.risk-revisions-page .risk-revisions-hero p{max-width:980px;font-size:13px!important;line-height:1.55!important}.risk-revisions-page .risk-revisions-meta{margin-top:9px!important}.risk-revisions-page .risk-revisions-pill{padding:6px 10px!important}.risk-revisions-page .risk-revisions-actions{margin-top:11px!important}.risk-revisions-page .risk-revisions-action{min-height:35px!important;padding:7px 12px!important;font-size:12px!important}
.risk-revisions-zero-state{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:16px;padding:15px;border:1px solid #b9e4dc;border-radius:8px;background:linear-gradient(90deg,#f0fdfa 0%,#fff 70%)}.risk-revisions-zero-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;background:#0f766e;color:#fff;font-size:18px}.risk-revisions-zero-state h5{margin:4px 0 5px;color:#102a2a;font-size:15px;font-weight:800}.risk-revisions-zero-state p{margin:0;color:#52636b;font-size:12px;line-height:1.55}.risk-revisions-zero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.risk-revisions-zero-actions form{margin:0}
@media(max-width:900px){.risk-revisions-zero-state{grid-template-columns:44px minmax(0,1fr)}.risk-revisions-zero-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:600px){.risk-revisions-page .risk-revisions-hero{padding:16px!important}.risk-revisions-zero-state{grid-template-columns:1fr}.risk-revisions-zero-icon{width:40px;height:40px}.risk-revisions-zero-actions,.risk-revisions-zero-actions .risk-revisions-step-btn,.risk-revisions-zero-actions form{width:100%}}
/* Risk revisions: team assignment workflow */
.risk-revisions-team-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.risk-revisions-team-head>div{min-width:0}
.risk-revisions-team-open{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border:1px solid #0f766e;border-radius:8px;background:#0f766e;color:#fff;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}
.risk-revisions-team-open:hover,.risk-revisions-team-open:focus{border-color:#0b5f59;background:#0b5f59;color:#fff;outline:0}
.risk-revisions-team-empty{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #b9e4dc;border-radius:8px;background:linear-gradient(90deg,#f0fdfa 0%,#fff 76%)}
.risk-revisions-team-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:8px;background:#0f766e;color:#fff;font-size:19px}
.risk-revisions-team-empty strong{display:block;color:#102a2a;font-size:15px;font-weight:800}.risk-revisions-team-empty p{margin:5px 0 0;color:#52636b;font-size:12px;line-height:1.6}
.risk-revisions-team-empty-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.risk-revisions-modal-open{overflow:hidden}
.risk-revisions-team-modal-backdrop{position:fixed;inset:0;z-index:16000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.66)}
.risk-revisions-team-modal-backdrop.is-open{display:flex}
.risk-revisions-team-modal{width:min(680px,100%);max-height:min(780px,calc(100vh - 40px));overflow:hidden;border:1px solid #dbe4e8;border-radius:8px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.28)}
.risk-revisions-team-modal form{display:grid;grid-template-rows:auto minmax(0,1fr) auto;max-height:inherit}
.risk-revisions-team-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e6ecef;background:#f6fbfa}
.risk-revisions-team-modal-head>div{min-width:0}.risk-revisions-team-modal-head span{display:block;color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase}.risk-revisions-team-modal-head strong{display:block;margin-top:4px;color:#102a2a;font-size:19px;font-weight:800}.risk-revisions-team-modal-head p{margin:5px 0 0;color:#667085;font-size:12px;line-height:1.55}
.risk-revisions-team-modal-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;cursor:pointer}.risk-revisions-team-modal-close:hover,.risk-revisions-team-modal-close:focus{border-color:#9fd9cf;background:#effbf8;color:#0f766e}
.risk-revisions-team-modal-body{min-height:0;overflow:auto;padding:18px 20px}
.risk-revisions-team-options{display:grid;gap:10px}
.risk-revisions-team-option{display:grid;grid-template-columns:20px 40px minmax(0,1fr) auto;align-items:center;gap:11px;margin:0;padding:12px;border:1px solid #dbe4e8;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.risk-revisions-team-option:hover{border-color:#9fd9cf;background:#fbfefd}.risk-revisions-team-option.is-selected{border-color:#0f766e;background:#f0fdfa;box-shadow:0 0 0 3px rgba(15,118,110,.09)}
.risk-revisions-team-option input{width:17px;height:17px;margin:0;accent-color:#0f766e}.risk-revisions-team-option-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:#e7f7f4;color:#0f766e}
.risk-revisions-team-option-copy{min-width:0}.risk-revisions-team-option-copy strong{display:block;color:#101828;font-size:13px;font-weight:800}.risk-revisions-team-option-copy small{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.45}
.risk-revisions-team-modal-empty{display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;border:1px dashed #b9c7d0;border-radius:8px;background:#f8fafc}.risk-revisions-team-modal-empty>i{color:#0f766e;font-size:28px}.risk-revisions-team-modal-empty strong{margin-top:10px;color:#102a2a;font-size:15px}.risk-revisions-team-modal-empty p{max-width:460px;margin:6px 0 13px;color:#667085;font-size:12px;line-height:1.6}.risk-revisions-team-modal-empty a{display:inline-flex;align-items:center;gap:7px;color:#0f766e;font-size:13px;font-weight:800}
.risk-revisions-team-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-top:1px solid #e6ecef;background:#f8fafc}.risk-revisions-team-modal-footer>div{display:flex;align-items:center;gap:8px}.risk-revisions-team-modal-footer button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:780px){.risk-revisions-team-head{align-items:flex-start;flex-direction:column}.risk-revisions-team-open{width:100%}.risk-revisions-team-empty{grid-template-columns:48px minmax(0,1fr)}.risk-revisions-team-empty-actions{grid-column:1/-1;justify-content:flex-start}.risk-revisions-team-modal-backdrop{padding:10px}.risk-revisions-team-modal{max-height:calc(100vh - 20px)}}
@media(max-width:560px){.risk-revisions-team-empty{grid-template-columns:1fr}.risk-revisions-team-empty-actions,.risk-revisions-team-empty-actions .risk-revisions-step-btn{width:100%}.risk-revisions-team-option{grid-template-columns:20px 36px minmax(0,1fr)}.risk-revisions-team-option>.risk-revisions-badge{grid-column:2/-1;justify-self:start}.risk-revisions-team-modal-head,.risk-revisions-team-modal-body,.risk-revisions-team-modal-footer{padding-left:14px;padding-right:14px}.risk-revisions-team-modal-footer{align-items:stretch;flex-direction:column}.risk-revisions-team-modal-footer>div,.risk-revisions-team-modal-footer .risk-revisions-step-btn{width:100%}}
/* Risk revisions: approval and action column refinement */
.risk-revisions-page .risk-revisions-revision-col{width:112px}
.risk-revisions-page .risk-revisions-created-col{width:138px}
.risk-revisions-page .risk-revisions-status-col{width:92px}
.risk-revisions-page .risk-revisions-approval-col{width:170px}
.risk-revisions-page .risk-revisions-th-actions,.risk-revisions-page td.risk-revisions-responsive-action{width:138px;min-width:138px}
.risk-revisions-page .risk-revisions-actions-col{display:grid;grid-template-columns:repeat(3,34px);justify-content:end;gap:6px;width:114px;margin-left:auto}
.risk-revisions-page .risk-revisions-actions-col .risk-revisions-icon-btn,.risk-revisions-page .risk-revisions-actions-col .risk-revisions-inline-form{width:34px;height:34px;min-width:34px}
.risk-revisions-approval-summary{display:grid;gap:6px;min-width:0}
.risk-revisions-approval-summary-head{display:flex;align-items:center;justify-content:space-between;gap:7px}
.risk-revisions-approval-summary-head strong{color:#101828;font-size:13px;font-weight:800;white-space:nowrap}
.risk-revisions-approval-summary-head span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#fff7ed;color:#9a3412;font-size:10px;font-weight:800;white-space:nowrap}
.risk-revisions-approval-summary.is-complete .risk-revisions-approval-summary-head span{background:#ecfdf3;color:#027a48}
.risk-revisions-approval-progress{display:block;width:100%;height:6px;overflow:hidden;border:0;border-radius:999px;background:#e5e7eb;appearance:none}
.risk-revisions-approval-progress::-webkit-progress-bar{border-radius:999px;background:#e5e7eb}.risk-revisions-approval-progress::-webkit-progress-value{border-radius:999px;background:#d97706}.risk-revisions-approval-progress::-moz-progress-bar{border-radius:999px;background:#d97706}
.risk-revisions-approval-summary.is-complete .risk-revisions-approval-progress::-webkit-progress-value{background:#16a34a}.risk-revisions-approval-summary.is-complete .risk-revisions-approval-progress::-moz-progress-bar{background:#16a34a}
.risk-revisions-approval-summary small{color:#667085;font-size:10px;line-height:1.4}
.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-col-toggle{display:table-cell}
.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-meta-col{display:none!important}
.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary>div{display:grid;gap:4px;padding:10px;border:1px solid #e4e7ec;border-radius:8px;background:#f8fafc}.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary span{color:#667085;font-size:11px}.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary strong{color:#101828;font-size:12px;line-height:1.45;word-break:break-word}.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary small{color:#667085;font-size:10px}
.risk-revisions-detail-actionbar{display:none;margin-bottom:14px;padding:13px;border:1px solid #dbe4e8;border-radius:8px;background:#f8fafc}
.risk-revisions-detail-actionbar>strong{display:block;margin-bottom:9px;color:#101828;font-size:12px;font-weight:800}
.risk-revisions-detail-actionbar>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.risk-revisions-detail-actionbar form{display:inline-flex;margin:0}
.risk-revisions-detail-actionbar a,.risk-revisions-detail-actionbar button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.risk-revisions-detail-actionbar a:hover,.risk-revisions-detail-actionbar button:hover{border-color:#9fd9cf;background:#effbf8;color:#0f766e;text-decoration:none}.risk-revisions-detail-actionbar button:disabled{opacity:.48;cursor:not-allowed}
.risk-revisions-page .risk-revisions-table-wrap.is-narrow .risk-revisions-approval-col,.risk-revisions-page .risk-revisions-table-wrap.is-narrow .risk-revisions-responsive-action{display:none!important}
.risk-revisions-page .risk-revisions-table-wrap.is-narrow .risk-revisions-detail-actionbar{display:block}
@media(max-width:980px){.risk-revisions-page .risk-revisions-approval-col{display:none!important}.risk-revisions-page .risk-revisions-detail-actionbar{display:block}}
@media(max-width:560px){.risk-revisions-page .risk-revisions-table-wrap.is-tight .risk-revisions-mobile-summary{grid-template-columns:1fr}.risk-revisions-detail-actionbar>div,.risk-revisions-detail-actionbar a,.risk-revisions-detail-actionbar button,.risk-revisions-detail-actionbar form{width:100%}}

/* Risk Show refined */
.right_col[role="main"] .risk-show-page,
.right_col[role="main"] .risk-show-page *,
.right_col[role="main"] .risk-show-hero,
.right_col[role="main"] .risk-show-panel{box-sizing:border-box;min-width:0;max-width:100%}
.right_col[role="main"]>.risk-show-page{width:100%;min-width:0;max-width:100%}
.risk-show-page{display:grid;gap:18px;width:100%}
body.app-theme .right_col[role="main"] .risk-show-hero,.risk-show-hero{margin:0!important;padding:22px 24px;border-radius:0 0 8px 8px!important;background:linear-gradient(135deg,#3f0a0a 0%,#991b1b 54%,#e11d48 100%)!important;color:#fff;box-shadow:0 16px 34px rgba(69,10,10,.2)}
.risk-show-hero h3{margin:0;color:#fff!important;font-size:27px;font-weight:800;line-height:1.2}
.risk-show-hero p{max-width:900px;margin:8px 0 0;color:rgba(255,255,255,.92)!important;font-size:14px;line-height:1.6}
.risk-show-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;padding:0;border:0;background:transparent;color:rgba(255,255,255,.82)!important;font-size:11px;font-weight:800;text-transform:uppercase}
.risk-show-meta,.risk-show-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.risk-show-meta{margin-top:14px}
.risk-show-actions{margin-top:16px}
.risk-show-pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.1);color:#fff!important;font-size:12px;font-weight:700}
.risk-show-pill i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.risk-show-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 14px;border:1px solid rgba(255,255,255,.34);border-radius:8px;background:rgba(255,255,255,.1);color:#fff!important;font-size:12px;font-weight:800;text-decoration:none}
.risk-show-action:hover,.risk-show-action:focus{border-color:#fff;background:rgba(255,255,255,.2);color:#fff!important;text-decoration:none}
.risk-show-action.primary{border-color:#fff;background:#fff;color:#991b1b!important}
.risk-show-action.primary:hover,.risk-show-action.primary:focus{border-color:#fff;background:#fff1f2;color:#7f1d1d!important}
.risk-show-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start;width:100%;min-width:0}
.risk-show-panel{border:1px solid #e2e8f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
.risk-show-aside{position:sticky;top:86px}
.risk-show-nav{display:grid;gap:8px;padding:16px;border-bottom:1px solid #e5e7eb}
.risk-show-link{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;text-decoration:none}
.risk-show-link:hover,.risk-show-link:focus{border-color:#cbd5e1;background:#f8fafc;color:#0f172a;text-decoration:none}
.risk-show-link.active{border-color:#fca5a5;background:#fff1f2;color:#991b1b}
.risk-show-nav-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:900}
.risk-show-link.active .risk-show-nav-number{background:#dc2626;color:#fff}
.risk-show-link strong,.risk-show-link small{display:block}
.risk-show-link strong{font-size:13px;font-weight:800;line-height:1.25}
.risk-show-link small{margin-top:3px;color:#64748b;font-size:10px;line-height:1.35}
.risk-show-link b{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:11px}
.risk-show-link.active b{background:#fee2e2;color:#991b1b}
.risk-show-side{display:grid;gap:14px;padding:16px}
.risk-show-side h4{margin:0 0 5px;color:#0f172a;font-size:15px;font-weight:800}
.risk-show-side p{margin:0;color:#64748b;font-size:12px;line-height:1.55}
.risk-show-box{padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.risk-show-box small,.risk-show-box strong,.risk-show-box span,.risk-show-box a{display:block}
.risk-show-box small{margin-bottom:5px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-show-box strong{color:#0f172a;font-size:13px;line-height:1.4}
.risk-show-box span{margin-top:4px;color:#64748b;font-size:11px;line-height:1.45}
.risk-show-box a{margin-top:7px;color:#b91c1c;font-size:11px;font-weight:800;text-decoration:none}
.risk-show-box a:hover{text-decoration:underline}
.risk-show-side-links{display:grid;gap:7px}
.risk-show-side-links a{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:800;text-decoration:none}
.risk-show-side-links a:hover{background:#f8fafc;color:#0f172a;text-decoration:none}
.risk-show-main{display:grid;min-width:0}
.risk-show-main>[data-risk-show-panel].is-hidden,.risk-show-main>[data-risk-show-panel][hidden]{display:none!important}
.risk-show-head{padding:18px 20px;border-bottom:1px solid #e5e7eb;background:#fff}
.risk-show-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.risk-show-head h4{margin:0;color:#0f172a;font-size:19px;font-weight:800;line-height:1.3}
.risk-show-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.risk-show-body{padding:18px 20px}
.risk-show-status,.risk-show-state{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800;white-space:nowrap}
.risk-show-status{min-height:32px;padding:6px 10px}
.risk-show-status.success,.risk-show-state.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.risk-show-status.warning,.risk-show-state.warning{border-color:#fde68a;background:#fffbeb;color:#92400e}
.risk-show-state{padding:5px 8px}
.risk-show-state.danger{border-color:#fecaca;background:#fff1f2;color:#991b1b}
.risk-show-state.muted{border-color:#e5e7eb;background:#f8fafc;color:#475569}
.risk-show-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.risk-show-kpi{position:relative;display:grid;gap:5px;min-height:112px;padding:14px 14px 14px 17px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;text-align:left;cursor:pointer;overflow:hidden}
.risk-show-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}
.risk-show-kpi.success:before{background:#16a34a}.risk-show-kpi.warning:before{background:#f59e0b}.risk-show-kpi.danger:before{background:#dc2626}
.risk-show-kpi:hover,.risk-show-kpi:focus{border-color:#cbd5e1;background:#f8fafc}
.risk-show-kpi span{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}
.risk-show-kpi strong{color:#0f172a;font-size:25px;font-weight:900;line-height:1}
.risk-show-kpi small{color:#64748b;font-size:11px;line-height:1.35}
.risk-show-overview-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:14px;margin-top:14px}
.risk-show-readiness,.risk-show-output{padding:15px;border:1px solid #e5e7eb;border-radius:8px;background:#f8fafc}
.risk-show-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.risk-show-section-title span,.risk-show-section-title strong{display:block}
.risk-show-section-title span{color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}
.risk-show-section-title strong{margin-top:3px;color:#0f172a;font-size:14px}
.risk-show-section-title b{color:#0f172a;font-size:19px}
.risk-show-progress{height:9px;margin-top:14px;border-radius:999px;background:#e2e8f0;overflow:hidden}
.risk-show-progress span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#dc2626,#f59e0b);transition:width .25s ease}
.risk-show-readiness-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.risk-show-readiness-grid>div{padding:10px;border-left:3px solid #cbd5e1;background:#fff}
.risk-show-readiness-grid span,.risk-show-readiness-grid strong{display:block}
.risk-show-readiness-grid span{color:#64748b;font-size:10px}
.risk-show-readiness-grid strong{margin-top:3px;color:#0f172a;font-size:14px}
.risk-show-attention{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:flex-start;margin-top:12px;padding:11px;border:1px solid #fde68a;border-radius:8px;background:#fffbeb}
.risk-show-attention.success{border-color:#bbf7d0;background:#f0fdf4}
.risk-show-attention i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#fff;color:#b45309}
.risk-show-attention.success i{color:#15803d}
.risk-show-attention strong,.risk-show-attention span{display:block}
.risk-show-attention strong{color:#0f172a;font-size:12px}
.risk-show-attention span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.45}
.risk-show-output-links{display:grid;gap:8px;margin-top:12px}
.risk-show-output-links a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;text-decoration:none}
.risk-show-output-links a:hover{border-color:#fecaca;background:#fff7f7;color:#991b1b;text-decoration:none}
.risk-show-output-links i{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#f1f5f9;color:#475569}
.risk-show-output-links strong,.risk-show-output-links small{display:block}
.risk-show-output-links strong{font-size:12px}.risk-show-output-links small{margin-top:2px;color:#64748b;font-size:10px}
.risk-show-stepbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px -20px -18px;padding:14px 20px;border-top:1px solid #e5e7eb;background:#f8fafc}
.risk-show-stepnote{display:grid;gap:3px;color:#64748b;font-size:11px;line-height:1.4}
.risk-show-stepactions{display:flex;align-items:center;gap:8px}
.risk-show-stepbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 14px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.risk-show-stepbtn:hover,.risk-show-stepbtn:focus{background:#f8fafc;color:#0f172a;text-decoration:none}
.risk-show-stepbtn.primary{border-color:#dc2626;background:#dc2626;color:#fff}
.risk-show-stepbtn.primary:hover,.risk-show-stepbtn.primary:focus{border-color:#b91c1c;background:#b91c1c;color:#fff}
.risk-show-stepbtn[disabled]{opacity:.5;cursor:not-allowed}
.risk-show-table-toolbar,.risk-show-table-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.risk-show-table-toolbar{justify-content:space-between;margin-bottom:12px}
.risk-show-table-left label,.risk-show-table-left span{color:#64748b;font-size:11px;font-weight:700}
.risk-show-control,.risk-show-search input{min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;font-size:12px}
.risk-show-control{width:82px;padding:8px 10px}
.risk-show-search{position:relative}
.risk-show-search i{position:absolute;left:11px;top:12px;color:#94a3b8}
.risk-show-search input{width:min(300px,70vw);padding:8px 10px 8px 33px}
.risk-show-table-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}
.risk-show-table{width:100%;border-collapse:separate;border-spacing:0;margin:0}
.risk-show-table th,.risk-show-table td{padding:11px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}
.risk-show-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}
.risk-show-table td{background:#fff;color:#334155;font-size:12px;line-height:1.4}
.risk-show-table tbody tr:last-child td{border-bottom:0}
.risk-show-toggle-col{display:none;width:44px;text-align:center!important}
.risk-show-table-title strong,.risk-show-table-title span,.risk-show-col-score strong,.risk-show-col-score span{display:block}
.risk-show-table-title strong{color:#0f172a;font-size:12px}
.risk-show-table-title span{display:-webkit-box;margin-top:3px;overflow:hidden;color:#64748b;font-size:10px;line-height:1.4;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.risk-show-col-score strong{color:#0f172a;font-size:11px;white-space:nowrap}
.risk-show-col-score span{margin-top:3px;color:#64748b;font-size:10px}
.risk-show-level{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 8px;border:1px solid #dbeafe;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:900;white-space:nowrap}
.risk-show-level.risk-very-high,.risk-show-level.risk-high{border-color:#fecaca;background:#fee2e2;color:#991b1b}
.risk-show-level.risk-medium{border-color:#fde68a;background:#fef3c7;color:#92400e}
.risk-show-level.risk-low{border-color:#bbf7d0;background:#dcfce7;color:#166534}
.risk-show-level.risk-waiting{border-color:#e5e7eb;background:#f8fafc;color:#475569}
.risk-show-row-actions,.risk-show-revision-actions{display:flex;align-items:center;gap:6px}
.risk-show-row-actions a,.risk-show-revision-actions a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;text-decoration:none}
.risk-show-row-actions a:hover,.risk-show-revision-actions a:hover{border-color:#fecaca;background:#fff1f2;color:#991b1b;text-decoration:none}
.risk-show-detail-row[hidden]{display:none!important}
.risk-show-detail-row td{padding:0!important;background:#f8fafc!important}
.risk-show-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}
.risk-show-detail-grid>div{padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.risk-show-detail-grid .full{grid-column:1/-1}
.risk-show-detail-grid span,.risk-show-detail-grid strong{display:block}
.risk-show-detail-grid span{color:#64748b;font-size:10px}.risk-show-detail-grid strong{margin-top:3px;color:#0f172a;font-size:11px;line-height:1.45}
.risk-show-detail-actions{display:flex;gap:8px;flex-wrap:wrap}
.risk-show-detail-actions a{display:inline-flex;align-items:center;gap:7px;color:#991b1b;font-size:11px;font-weight:800;text-decoration:none}
.risk-show-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;color:#64748b;font-size:11px}
.risk-show-pager>div{display:flex;gap:7px}
.risk-show-pager button,.risk-show-head-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:800;text-decoration:none}
.risk-show-pager button:hover,.risk-show-head-action:hover{background:#f8fafc;color:#0f172a;text-decoration:none}
.risk-show-pager button[disabled]{opacity:.45;cursor:not-allowed}
.risk-show-table-empty{margin-top:12px;padding:16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;text-align:center;font-size:12px}
.risk-show-revision-list{display:grid;gap:9px}
.risk-show-revision{display:grid;grid-template-columns:38px minmax(0,1fr) minmax(150px,auto) auto;gap:12px;align-items:center;padding:12px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.risk-show-revision-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:900}
.risk-show-revision-copy strong,.risk-show-revision-copy span,.risk-show-revision-copy small{display:block}
.risk-show-revision-copy strong{color:#0f172a;font-size:13px}.risk-show-revision-copy span{margin-top:3px;color:#64748b;font-size:10px}.risk-show-revision-copy small{margin-top:4px;color:#475569;font-size:11px}
.risk-show-revision-status{display:grid;justify-items:start;gap:5px}
.risk-show-revision-status>span:last-child{color:#64748b;font-size:10px}
@media(max-width:1180px){
 .risk-show-shell{grid-template-columns:1fr}
 .risk-show-aside{position:static}
 .risk-show-nav{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0}
 .risk-show-side{grid-template-columns:repeat(2,minmax(0,1fr))}
 .risk-show-side>div:first-child,.risk-show-side-links{grid-column:1/-1}
}
@media(max-width:900px){
 .risk-show-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .risk-show-overview-grid{grid-template-columns:1fr}
 .risk-show-toggle-col{display:table-cell}
 .risk-show-col-category,.risk-show-col-dof,.risk-show-col-actions{display:none}
 .risk-show-table{table-layout:fixed}
 .risk-show-toggle-col{width:44px}.risk-show-col-score{width:120px}
 .risk-show-detail-toggle{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #dc2626;border-radius:8px;background:#dc2626;color:#fff;font-size:16px;font-weight:900}
 .risk-show-detail-toggle[aria-expanded="true"]{background:#fff;color:#dc2626}
}
@media(max-width:767px){
 body.app-theme .right_col[role="main"] .risk-show-hero,.risk-show-hero{padding:18px 16px}
 .risk-show-hero h3{font-size:23px}
 .risk-show-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .risk-show-action{width:100%;padding:8px 9px}
 .risk-show-nav{grid-template-columns:1fr;padding:14px}
 .risk-show-side{grid-template-columns:1fr;padding:14px}
 .risk-show-side>div:first-child,.risk-show-side-links{grid-column:auto}
 .risk-show-head,.risk-show-body{padding:15px 14px}
 .risk-show-head-row{display:grid}
 .risk-show-status,.risk-show-head-action{justify-self:start}
 .risk-show-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .risk-show-kpi{min-height:104px;padding:12px 10px 12px 14px}
 .risk-show-kpi strong{font-size:22px}
 .risk-show-readiness-grid{grid-template-columns:1fr}
 .risk-show-stepbar{display:grid;grid-template-columns:1fr;margin:16px -14px -15px;padding:13px 14px}
 .risk-show-stepactions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .risk-show-stepbtn{width:100%}
 .risk-show-table-toolbar{align-items:stretch}
 .risk-show-table-left{width:100%}
 .risk-show-search,.risk-show-search input{width:100%;max-width:none}
 .risk-show-col-score,.risk-show-col-level{display:none}
 .risk-show-table-title span{-webkit-line-clamp:3}
 .risk-show-detail-grid{grid-template-columns:1fr}
 .risk-show-detail-grid .full{grid-column:auto}
 .risk-show-revision{grid-template-columns:38px minmax(0,1fr) auto}
 .risk-show-revision-status{grid-column:2/-1}
}
@media(max-width:480px){
 .risk-show-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .risk-show-pill{justify-content:flex-start;padding:7px 9px;font-size:11px}
 .risk-show-kpis{grid-template-columns:1fr}
 .risk-show-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
 .risk-show-actions .risk-show-action:first-child{grid-column:1/-1}
 .risk-show-revision{grid-template-columns:34px minmax(0,1fr)}
 .risk-show-revision-actions{grid-column:2}
}
/* End Risk Show refined */
/* DÖF Show refined */
body.app-theme .right_col[role="main"] .dof-show-shell {
  width: 100%;
  max-width: none;
}

body.app-theme .dof-show-shell .dof-detail-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(118deg, #132a2a 0%, #0f766e 48%, #15803d 100%) !important;
  color: #fff;
  border-radius: 0 0 8px 8px;
  padding: 24px 26px;
  margin: 0 0 16px;
  box-shadow: 0 16px 36px rgba(15, 118, 110, .18);
}

body.app-theme .dof-show-shell .dof-detail-hero::after {
  content: "";
  position: absolute;
  right: -70px;
  bottom: -110px;
  width: 300px;
  height: 210px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  pointer-events: none;
}

body.app-theme .dof-show-shell .dof-detail-hero :is(.dof-detail-kicker, h3, p, .dof-detail-pill) {
  color: #fff !important;
}

body.app-theme .dof-show-shell .dof-detail-hero .dof-detail-kicker,
body.app-theme .dof-show-shell .dof-detail-hero p {
  color: rgba(255,255,255,.9) !important;
}

body.app-theme .dof-show-shell .dof-detail-actions {
  position: relative;
  z-index: 1;
}

body.app-theme .dof-show-shell .dof-detail-action {
  border-color: rgba(255,255,255,.48);
  background: rgba(7,29,36,.36);
  color: #fff !important;
  text-shadow: none;
}

body.app-theme .dof-show-shell .dof-detail-action:hover,
body.app-theme .dof-show-shell .dof-detail-action:focus {
  border-color: #fff;
  background: rgba(7,29,36,.62);
  color: #fff !important;
}

body.app-theme .dof-show-shell .dof-detail-action.is-primary {
  border-color: #fff;
  background: #fff;
  color: #115e59 !important;
}

body.app-theme .dof-show-shell .dof-detail-action.is-primary:hover,
body.app-theme .dof-show-shell .dof-detail-action.is-primary:focus {
  border-color: #dcfce7;
  background: #dcfce7;
  color: #14532d !important;
}

body.app-theme .dof-show-shell .dof-summary-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

body.app-theme .dof-show-shell .dof-summary-card {
  appearance: none;
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto auto;
  column-gap: 10px;
  text-align: left;
  min-height: 112px;
  padding: 14px 14px 13px 18px;
  color: #0f172a;
  cursor: pointer;
  overflow: hidden;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

body.app-theme .dof-show-shell .dof-summary-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #0f766e;
}

body.app-theme .dof-show-shell .dof-summary-card:nth-child(2)::before { background: #eab308; }
body.app-theme .dof-show-shell .dof-summary-card:nth-child(3)::before { background: #2563eb; }
body.app-theme .dof-show-shell .dof-summary-card:nth-child(4)::before { background: #7c3aed; }
body.app-theme .dof-show-shell .dof-summary-card:nth-child(5)::before { background: #dc2626; }
body.app-theme .dof-show-shell .dof-summary-card.is-alert::before { background: #dc2626; }
body.app-theme .dof-show-shell .dof-summary-card.is-warning::before { background: #d97706; }

body.app-theme .dof-show-shell .dof-summary-card:hover,
body.app-theme .dof-show-shell .dof-summary-card:focus-visible {
  transform: translateY(-1px);
  border-color: #99f6e4;
  box-shadow: 0 14px 28px rgba(15,23,42,.1);
  outline: none;
}

body.app-theme .dof-show-shell .dof-summary-icon {
  grid-row: 1 / span 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #ccfbf1;
  color: #0f766e;
  font-size: 14px;
}

body.app-theme .dof-show-shell .dof-summary-icon.is-date { background: #fef3c7; color: #b45309; }
body.app-theme .dof-show-shell .dof-summary-icon.is-person { background: #dbeafe; color: #1d4ed8; }
body.app-theme .dof-show-shell .dof-summary-icon.is-file { background: #ede9fe; color: #6d28d9; }
body.app-theme .dof-show-shell .dof-summary-icon.is-quality { background: #fee2e2; color: #b91c1c; }

body.app-theme .dof-show-shell .dof-summary-title {
  color: #64748b;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

body.app-theme .dof-show-shell .dof-summary-value {
  margin-top: 4px;
  color: #0f172a;
  font-size: 17px;
  font-weight: 750;
  line-height: 1.25;
}

body.app-theme .dof-show-shell .dof-summary-card > small {
  grid-column: 2;
  margin-top: 5px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.35;
}

body.app-theme .dof-show-shell .dof-summary-progress {
  grid-column: 2;
  display: block;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

body.app-theme .dof-show-shell .dof-summary-progress > i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: #dc2626;
  transition: width .25s ease;
}

body.app-theme .dof-show-shell .dof-next-action {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  border: 1px solid #bae6fd;
  border-left: 4px solid #0284c7;
  border-radius: 8px;
  background: #f0f9ff;
  padding: 14px 16px;
  margin-bottom: 16px;
}

body.app-theme .dof-show-shell .dof-next-action-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #e0f2fe;
  color: #0369a1;
  font-size: 18px;
}

body.app-theme .dof-show-shell .dof-next-action small,
body.app-theme .dof-show-shell .dof-next-action strong {
  display: block;
}

body.app-theme .dof-show-shell .dof-next-action small {
  color: #0369a1;
  font-size: 11px;
  font-weight: 750;
  text-transform: uppercase;
}

body.app-theme .dof-show-shell .dof-next-action strong {
  margin-top: 3px;
  color: #0f172a;
  font-size: 15px;
}

body.app-theme .dof-show-shell .dof-next-action p {
  margin: 4px 0 0;
  color: #475569;
  font-size: 12px;
  line-height: 1.45;
}

body.app-theme .dof-show-shell .dof-next-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  border: 1px solid #0284c7;
  border-radius: 8px;
  background: #0284c7;
  color: #fff;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

body.app-theme .dof-show-shell .dof-next-action-btn:hover,
body.app-theme .dof-show-shell .dof-next-action-btn:focus {
  background: #0369a1;
  border-color: #0369a1;
  color: #fff;
}

body.app-theme .dof-show-shell .dof-flow-workspace {
  grid-template-columns: 280px minmax(0, 1fr);
}

body.app-theme .dof-show-shell .dof-section-nav-btn {
  min-height: 48px;
  margin-bottom: 7px;
}

body.app-theme .dof-show-shell .dof-section-nav-btn.is-active {
  border-color: #99f6e4;
  background: #f0fdfa;
  color: #115e59;
  box-shadow: 0 0 0 3px rgba(13,148,136,.08);
}

body.app-theme .dof-show-shell .dof-section-nav-btn.is-active .dof-section-nav-index {
  background: #0f766e;
}

body.app-theme .dof-show-shell .dof-section-nav-index {
  width: 27px;
  height: 27px;
  border-radius: 8px;
  font-size: 12px;
}

body.app-theme .dof-show-shell .dof-pane-block[hidden] {
  display: none !important;
}

body.app-theme .dof-show-shell .dof-panel-flow-copy span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.4;
}

body.app-theme .dof-show-shell .dof-flow-btn.primary,
body.app-theme .dof-show-shell .dof-btn.primary {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

body.app-theme .dof-show-shell :is(.dof-flow-btn.primary, .dof-btn.primary):hover,
body.app-theme .dof-show-shell :is(.dof-flow-btn.primary, .dof-btn.primary):focus {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}

body.app-theme .dof-show-shell .dof-history-toolbar,
body.app-theme .dof-show-shell .dof-history-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

body.app-theme .dof-show-shell .dof-history-toolbar {
  margin-bottom: 12px;
}

body.app-theme .dof-show-shell .dof-history-toolbar-left,
body.app-theme .dof-show-shell .dof-history-toolbar-right,
body.app-theme .dof-show-shell .dof-history-pagination > div {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.app-theme .dof-show-shell .dof-history-toolbar label {
  margin: 0;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

body.app-theme .dof-show-shell .dof-history-size,
body.app-theme .dof-show-shell .dof-history-search {
  min-height: 38px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  padding: 8px 11px;
  box-shadow: none;
}

body.app-theme .dof-show-shell .dof-history-search-wrap {
  position: relative;
  display: block;
}

body.app-theme .dof-show-shell .dof-history-search-wrap > i {
  position: absolute;
  left: 12px;
  top: 50%;
  color: #64748b;
  transform: translateY(-50%);
  pointer-events: none;
}

body.app-theme .dof-show-shell .dof-history-search {
  width: min(300px, 100%);
  padding-left: 34px;
}

body.app-theme .dof-show-shell .dof-history-count,
body.app-theme .dof-show-shell .dof-history-pagination > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
}

body.app-theme .dof-show-shell .dof-history-pagination {
  margin-top: 12px;
}

body.app-theme .dof-show-shell .dof-history-page-btn {
  min-height: 36px;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 700;
}

body.app-theme .dof-show-shell .dof-history-page-btn:hover,
body.app-theme .dof-show-shell .dof-history-page-btn:focus {
  background: #f8fafc;
  color: #0f172a;
}

body.app-theme .dof-show-shell .dof-history-page-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}

body.app-theme .dof-show-shell .dof-history-toggle-col {
  display: none;
  width: 46px;
  text-align: center;
}

body.app-theme .dof-show-shell .dof-history-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 29px;
  height: 29px;
  border: 0;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

body.app-theme .dof-show-shell .dof-history-detail-row[hidden] {
  display: none !important;
}

body.app-theme .dof-show-shell .dof-history-detail-row > td {
  padding: 0 !important;
  background: #f8fafc;
}

body.app-theme .dof-show-shell .dof-history-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}

body.app-theme .dof-show-shell .dof-history-detail-grid > div {
  display: grid;
  gap: 4px;
}

body.app-theme .dof-show-shell .dof-history-detail-grid .wide {
  grid-column: 1 / -1;
}

body.app-theme .dof-show-shell .dof-history-detail-grid small {
  color: #64748b;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
}

body.app-theme .dof-show-shell .dof-history-detail-grid span {
  color: #0f172a;
  font-size: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

body.app-theme .dof-show-shell .dof-history-empty {
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #64748b;
  padding: 18px;
  text-align: center;
}

body.app-theme .dof-toast-wrap {
  position: fixed;
  z-index: 2200;
  top: 78px;
  right: 18px;
  width: min(380px, calc(100vw - 28px));
  pointer-events: none;
}

@media (max-width: 1180px) {
  body.app-theme .dof-show-shell .dof-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.app-theme .dof-show-shell .dof-flow-workspace {
    grid-template-columns: 240px minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  body.app-theme .dof-show-shell .dof-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .dof-show-shell .dof-flow-workspace {
    grid-template-columns: 1fr;
  }
  body.app-theme .dof-show-shell .dof-flow-sidebar {
    position: static;
  }
  body.app-theme .dof-show-shell .dof-next-action {
    grid-template-columns: 42px minmax(0, 1fr);
  }
  body.app-theme .dof-show-shell .dof-next-action-btn {
    grid-column: 2;
    justify-self: start;
  }
}

@media (max-width: 700px) {
  body.app-theme .dof-show-shell .dof-detail-hero {
    padding: 18px 16px;
    border-radius: 0 0 8px 8px;
  }
  body.app-theme .dof-show-shell .dof-detail-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .dof-show-shell .dof-detail-action {
    width: 100%;
    padding-inline: 10px;
  }
  body.app-theme .dof-show-shell .dof-detail-action:first-child {
    grid-column: 1 / -1;
  }
  body.app-theme .dof-show-shell .dof-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .dof-show-shell .dof-summary-card.is-quality {
    grid-column: 1 / -1;
  }
  body.app-theme .dof-show-shell .dof-summary-card {
    min-height: 92px;
  }
  body.app-theme .dof-show-shell .dof-next-action {
    grid-template-columns: 36px minmax(0, 1fr);
    padding: 13px;
  }
  body.app-theme .dof-show-shell .dof-next-action-icon {
    width: 36px;
    height: 36px;
  }
  body.app-theme .dof-show-shell .dof-next-action-btn {
    grid-column: 1 / -1;
    width: 100%;
  }
  body.app-theme .dof-show-shell .dof-history-toolbar,
  body.app-theme .dof-show-shell .dof-history-pagination {
    align-items: stretch;
  }
  body.app-theme .dof-show-shell .dof-history-toolbar-right,
  body.app-theme .dof-show-shell .dof-history-search-wrap,
  body.app-theme .dof-show-shell .dof-history-search {
    width: 100%;
  }
  body.app-theme .dof-show-shell .dof-history-table {
    display: table !important;
    table-layout: fixed;
    width: 100% !important;
  }
  body.app-theme .dof-show-shell .dof-history-table :is(thead, tbody) {
    display: table-row-group;
  }
  body.app-theme .dof-show-shell .dof-history-table tr {
    display: table-row;
  }
  body.app-theme .dof-show-shell .dof-history-table th,
  body.app-theme .dof-show-shell .dof-history-table td {
    display: table-cell;
    width: auto;
    padding: 10px 8px;
    white-space: normal;
  }
  body.app-theme .dof-show-shell .dof-history-toggle-col {
    display: table-cell;
    width: 44px;
  }
  body.app-theme .dof-show-shell .dof-history-toggle {
    display: inline-flex;
  }
  body.app-theme .dof-show-shell .dof-history-mobile-hide {
    display: none !important;
  }
  body.app-theme .dof-show-shell .dof-history-detail-row > td {
    display: table-cell;
    width: auto;
  }
  body.app-theme .dof-show-shell .dof-history-detail-grid {
    grid-template-columns: 1fr;
  }
  body.app-theme .dof-show-shell .dof-history-detail-grid .wide {
    grid-column: auto;
  }
  body.app-theme .dof-show-shell .dof-panel-flow-copy {
    width: 100%;
  }
}

@media (max-width: 430px) {
  body.app-theme .dof-show-shell .dof-detail-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .dof-show-shell .dof-detail-action:first-child {
    grid-column: 1 / -1;
  }
}
/* End DÖF Show refined */
/* AI Risk form refined */
body.app-theme .right_col[role="main"] .air-shell[data-ai-risk-page] {
  width: 100%;
  max-width: none;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(118deg, #172033 0%, #155e75 48%, #0f766e 100%) !important;
  color: #fff;
  border-radius: 0 0 8px 8px;
  padding: 24px 26px;
  box-shadow: 0 16px 36px rgba(14,116,144,.18);
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero::after {
  content: "";
  position: absolute;
  right: -86px;
  bottom: -116px;
  width: 320px;
  height: 220px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  pointer-events: none;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero :is(.air-kicker, .air-title, .air-desc, .air-hero-pill) {
  color: #fff !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-desc {
  color: rgba(255,255,255,.9) !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-actions {
  position: relative;
  z-index: 1;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn {
  border-color: rgba(255,255,255,.46);
  background: rgba(7,29,36,.36);
  color: #fff !important;
  text-shadow: none;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn :is(strong, span, i) {
  color: #fff !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn:hover,
body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn:focus {
  border-color: #fff;
  background: rgba(7,29,36,.62);
  color: #fff !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn.primary {
  border-color: #fff;
  background: #fff;
  color: #155e75 !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn.primary :is(strong, span, i) {
  color: #155e75 !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn.primary:hover,
body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn.primary:focus {
  border-color: #cffafe;
  background: #cffafe;
  color: #164e63 !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-summary {
  gap: 10px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-stat {
  position: relative;
  overflow: hidden;
  min-height: 104px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-layout {
  grid-template-columns: 280px minmax(0, 1fr);
}

body.app-theme .air-shell[data-ai-risk-page] .air-flow-item {
  min-height: 58px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-flow-item.active {
  border-color: #99f6e4;
  background: #f0fdfa;
  box-shadow: 0 0 0 3px rgba(13,148,136,.08);
}

body.app-theme .air-shell[data-ai-risk-page] .air-flow-item.active i,
body.app-theme .air-shell[data-ai-risk-page] .air-flow-item.active strong {
  color: #115e59;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness {
  display: grid;
  gap: 11px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head small,
body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head strong {
  display: block;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head small,
body.app-theme .air-shell[data-ai-risk-page] .air-readiness-grid small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head strong {
  margin-top: 3px;
  color: #0f172a;
  font-size: 22px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-head > span {
  display: inline-flex;
  align-items: center;
  border: 1px solid #bae6fd;
  border-radius: 999px;
  background: #f0f9ff;
  color: #0369a1;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-progress {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e2e8f0;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-progress > i {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #0284c7, #0f766e);
  transition: width .2s ease;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-grid > div {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  padding: 9px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness-grid strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 14px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-readiness > p {
  margin: 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1.5;
}

body.app-theme .air-shell[data-ai-risk-page] .air-panel[hidden] {
  display: none !important;
}

body.app-theme .air-shell[data-ai-risk-page] .air-stepmeta,
body.app-theme .air-shell[data-ai-risk-page] .air-actions-note {
  display: grid;
  gap: 3px;
}

body.app-theme .air-shell[data-ai-risk-page] :is(.air-stepmeta, .air-actions-note) small {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.app-theme .air-shell[data-ai-risk-page] :is(.air-stepmeta, .air-actions-note) strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 800;
}

body.app-theme .air-shell[data-ai-risk-page] :is(.air-stepmeta, .air-actions-note) span {
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

body.app-theme .air-shell[data-ai-risk-page] .air-btn.primary,
body.app-theme .air-shell[data-ai-risk-page] .air-selected-tool.primary,
body.app-theme .air-shell[data-ai-risk-page] .air-pool-add {
  border-color: #dc2626;
  background: #dc2626;
  color: #fff;
}

body.app-theme .air-shell[data-ai-risk-page] :is(.air-btn.primary, .air-selected-tool.primary, .air-pool-add):hover,
body.app-theme .air-shell[data-ai-risk-page] :is(.air-btn.primary, .air-selected-tool.primary, .air-pool-add):focus {
  border-color: #b91c1c;
  background: #b91c1c;
  color: #fff;
}

body.app-theme .air-shell[data-ai-risk-page] .air-pool-categories {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-height: 328px;
  overflow-y: auto;
  padding: 2px 5px 2px 2px;
}

body.app-theme .air-shell[data-ai-risk-page] .air-pool-category.active {
  border-color: #99f6e4;
  background: #f0fdfa;
  box-shadow: 0 8px 18px rgba(13,148,136,.08);
}

body.app-theme .air-shell[data-ai-risk-page] .air-pool-category.active strong {
  color: #115e59;
}

body.app-theme .air-shell[data-ai-risk-page] .air-data-table {
  table-layout: auto;
}

body.app-theme .air-shell[data-ai-risk-page] .air-toast-stack {
  position: fixed;
  top: 82px;
  right: 18px;
  bottom: auto;
  width: min(380px, calc(100vw - 28px));
  z-index: 2200;
}

body.app-theme .air-shell[data-ai-risk-page] .air-toast {
  min-width: 0;
  max-width: none;
  width: 100%;
}

@media (max-width: 1180px) {
  body.app-theme .air-shell[data-ai-risk-page] .air-pool-categories {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  body.app-theme .air-shell[data-ai-risk-page] .air-layout {
    grid-template-columns: 1fr;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-sidecard {
    position: static;
  }
}

@media (max-width: 767px) {
  body.app-theme .air-shell[data-ai-risk-page] .air-hero {
    padding: 18px 16px;
    border-radius: 0 0 8px 8px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn {
    width: 100%;
    min-height: 58px;
    padding: 9px 10px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn.primary {
    grid-column: 1 / -1;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-stat {
    min-height: 112px;
    padding: 12px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-pool-categories {
    grid-template-columns: 1fr;
    max-height: 280px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-pool-toolbar {
    grid-template-columns: 1fr;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-table-wrap {
    padding: 8px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-data-table {
    table-layout: fixed;
    width: 100%;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-data-table th:first-child,
  body.app-theme .air-shell[data-ai-risk-page] .air-data-table td:first-child {
    width: 44px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-data-table th:last-child,
  body.app-theme .air-shell[data-ai-risk-page] .air-data-table td:last-child {
    width: 116px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-row-actions {
    gap: 5px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-pool-add {
    padding-inline: 8px;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-stepbar,
  body.app-theme .air-shell[data-ai-risk-page] .air-actions {
    align-items: stretch;
  }
  body.app-theme .air-shell[data-ai-risk-page] :is(.air-stepmeta, .air-actions-note) {
    width: 100%;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-actions-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-actions-group > :only-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 430px) {
  body.app-theme .air-shell[data-ai-risk-page] .air-hero-btn span {
    display: none;
  }
  body.app-theme .air-shell[data-ai-risk-page] .air-stat span {
    font-size: 11px;
  }
}
/* End AI Risk form refined */
/* AI usage management overview */
body.app-theme .aiu-shell .aiu-signal-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 14px;
}

body.app-theme .aiu-shell .aiu-signal {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 106px;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aiu-shell .aiu-signal-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid #fecaca;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 17px;
}

body.app-theme .aiu-shell .aiu-signal-icon.info {
  border-color: #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
}

body.app-theme .aiu-shell .aiu-signal-icon.good {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #15803d;
}

body.app-theme .aiu-shell .aiu-signal-icon.warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #b45309;
}

body.app-theme .aiu-shell .aiu-signal small,
body.app-theme .aiu-shell .aiu-analytics-card header small {
  display: block;
  color: #64748b;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

body.app-theme .aiu-shell .aiu-signal strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.2;
}

body.app-theme .aiu-shell .aiu-signal span:not(.aiu-signal-icon) {
  display: block;
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.45;
}

body.app-theme .aiu-shell .aiu-analytics-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.app-theme .aiu-shell .aiu-analytics-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #f8fafc;
}

body.app-theme .aiu-shell .aiu-analytics-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}

body.app-theme .aiu-shell .aiu-analytics-card header h4 {
  margin: 3px 0 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-analytics-card header > i {
  color: #dc2626;
  font-size: 17px;
}

body.app-theme .aiu-shell .aiu-bars {
  display: grid;
  gap: 11px;
  margin-top: 13px;
}

body.app-theme .aiu-shell .aiu-bar-row {
  display: grid;
  grid-template-columns: minmax(80px, 120px) minmax(70px, 1fr) 30px;
  align-items: center;
  gap: 8px;
}

body.app-theme .aiu-shell .aiu-bar-row > span {
  overflow: hidden;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-bar-row > strong {
  color: #0f172a;
  font-size: 12px;
  text-align: right;
}

body.app-theme .aiu-shell .aiu-bar-row progress {
  width: 100%;
  height: 9px;
  overflow: hidden;
  border: 0;
  border-radius: 999px;
  background: #e2e8f0;
}

body.app-theme .aiu-shell .aiu-bar-row progress::-webkit-progress-bar {
  border-radius: 999px;
  background: #e2e8f0;
}

body.app-theme .aiu-shell .aiu-bar-row progress::-webkit-progress-value {
  border-radius: 999px;
  background: linear-gradient(90deg, #0284c7, #0f766e);
}

body.app-theme .aiu-shell .aiu-bar-row progress::-moz-progress-bar {
  border-radius: 999px;
  background: #0f766e;
}

body.app-theme .aiu-shell .aiu-chart-empty {
  padding: 18px 10px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1180px) {
  body.app-theme .aiu-shell .aiu-analytics-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-signal-grid {
    grid-template-columns: 1fr;
  }
  body.app-theme .aiu-shell .aiu-signal {
    min-height: 92px;
  }
  body.app-theme .aiu-shell .aiu-bar-row {
    grid-template-columns: minmax(72px, 105px) minmax(60px, 1fr) 28px;
  }
}
body.app-theme .aiu-shell .aiu-scope-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 12px;
  color: rgba(255,255,255,.9);
  font-size: 12px;
}

body.app-theme .aiu-shell .aiu-scope-line > span,
body.app-theme .aiu-shell .aiu-scope-line > small {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 999px;
  background: rgba(15,23,42,.18);
  color: #fff;
}

body.app-theme .aiu-shell .aiu-scope-line strong {
  color: #fff;
  font-weight: 800;
}
body.app-theme .aiu-shell .aiu-toolbar {
  align-items: flex-end;
}

body.app-theme .aiu-shell .aiu-toolbar-left {
  flex: 1 1 620px;
}

body.app-theme .aiu-shell .aiu-toolbar-right {
  flex: 1 1 360px;
  justify-content: flex-end;
}

body.app-theme .aiu-shell .aiu-field-period {
  width: 150px;
}

body.app-theme .aiu-shell .aiu-field-customer {
  width: 190px;
}

body.app-theme .aiu-shell .aiu-filter-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-filter-clear:hover,
body.app-theme .aiu-shell .aiu-filter-clear:focus {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body.app-theme .aiu-shell .aiu-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: -2px 0 14px;
}

body.app-theme .aiu-shell .aiu-filter-chips[hidden] {
  display: none;
}

body.app-theme .aiu-shell .aiu-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 5px 6px 5px 10px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
  color: #344054;
  font-size: 11px;
  font-weight: 700;
}

body.app-theme .aiu-shell .aiu-filter-chip button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: #fff;
  color: #667085;
}

body.app-theme .aiu-shell .aiu-filter-chip button:hover,
body.app-theme .aiu-shell .aiu-filter-chip button:focus {
  background: #fee2e2;
  color: #b91c1c;
}

@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-toolbar-left,
  body.app-theme .aiu-shell .aiu-toolbar-right {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  body.app-theme .aiu-shell .aiu-field-page,
  body.app-theme .aiu-shell .aiu-field-period,
  body.app-theme .aiu-shell .aiu-field-customer,
  body.app-theme .aiu-shell .aiu-field-action,
  body.app-theme .aiu-shell .aiu-field-search,
  body.app-theme .aiu-shell .aiu-filter-clear {
    width: 100%;
    min-width: 0;
  }

  body.app-theme .aiu-shell .aiu-range {
    white-space: normal;
  }
}
body.app-theme .aiu-shell .aiu-quota {
  margin-bottom: 14px;
  padding: 16px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: linear-gradient(135deg, #f8fafc 0%, #fff 100%);
}

body.app-theme .aiu-shell .aiu-quota-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

body.app-theme .aiu-shell .aiu-quota-head small {
  display: block;
  margin-bottom: 4px;
  color: #b42318;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
}

body.app-theme .aiu-shell .aiu-quota-head h4 {
  margin: 0;
  color: #101828;
  font-size: 17px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-quota-head p {
  margin: 5px 0 0;
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}

body.app-theme .aiu-shell .aiu-quota-head > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-quota-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

body.app-theme .aiu-shell .aiu-quota-grid article {
  min-height: 98px;
  padding: 13px 14px;
  border: 1px solid #e4e7ec;
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aiu-shell .aiu-quota-grid article:nth-child(2) {
  border-left-color: #7c3aed;
}

body.app-theme .aiu-shell .aiu-quota-grid article:nth-child(3),
body.app-theme .aiu-shell .aiu-quota-grid article.good {
  border-left-color: #16a34a;
}

body.app-theme .aiu-shell .aiu-quota-grid article.warn {
  border-left-color: #f59e0b;
}

body.app-theme .aiu-shell .aiu-quota-grid article.danger {
  border-left-color: #dc2626;
}

body.app-theme .aiu-shell .aiu-quota-grid small,
body.app-theme .aiu-shell .aiu-quota-grid strong,
body.app-theme .aiu-shell .aiu-quota-grid span {
  display: block;
}

body.app-theme .aiu-shell .aiu-quota-grid small {
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.app-theme .aiu-shell .aiu-quota-grid strong {
  margin-top: 6px;
  color: #101828;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

body.app-theme .aiu-shell .aiu-quota-grid span {
  margin-top: 5px;
  color: #667085;
  font-size: 11px;
  line-height: 1.45;
}

body.app-theme .aiu-shell .aiu-quota-forecast {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding: 11px 12px;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  background: #eff6ff;
}

body.app-theme .aiu-shell .aiu-quota-forecast > i {
  margin-top: 2px;
  color: #2563eb;
  font-size: 16px;
}

body.app-theme .aiu-shell .aiu-quota-forecast strong,
body.app-theme .aiu-shell .aiu-quota-forecast span {
  display: block;
}

body.app-theme .aiu-shell .aiu-quota-forecast strong {
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-quota-forecast span {
  margin-top: 2px;
  color: #1e40af;
  font-size: 12px;
  line-height: 1.45;
}

body.app-theme .aiu-shell .aiu-quota-list {
  display: grid;
  gap: 8px;
  margin-top: 12px;
}

body.app-theme .aiu-shell .aiu-quota-row {
  display: grid;
  grid-template-columns: minmax(170px, 240px) minmax(200px, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 11px 12px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aiu-shell .aiu-quota-customer,
body.app-theme .aiu-shell .aiu-quota-meter {
  min-width: 0;
}

body.app-theme .aiu-shell .aiu-quota-customer strong,
body.app-theme .aiu-shell .aiu-quota-customer span {
  display: block;
}

body.app-theme .aiu-shell .aiu-quota-customer strong {
  overflow: hidden;
  color: #101828;
  font-size: 12px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-quota-customer span {
  margin-top: 3px;
  color: #667085;
  font-size: 11px;
}

body.app-theme .aiu-shell .aiu-quota-meter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
  color: #475467;
  font-size: 11px;
}

body.app-theme .aiu-shell .aiu-quota-meter strong {
  color: #344054;
  font-size: 11px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-quota-meter progress {
  display: block;
  width: 100%;
  height: 7px;
  overflow: hidden;
  border: 0;
  border-radius: 7px;
  background: #e5e7eb;
  accent-color: #dc2626;
}

body.app-theme .aiu-shell .aiu-quota-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-quota-status.good {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

body.app-theme .aiu-shell .aiu-quota-status.warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

body.app-theme .aiu-shell .aiu-quota-status.danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body.app-theme .aiu-shell .aiu-quota-status.info {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

@media (max-width: 991px) {
  body.app-theme .aiu-shell .aiu-quota-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-quota {
    padding: 13px;
  }

  body.app-theme .aiu-shell .aiu-quota-head {
    display: grid;
  }

  body.app-theme .aiu-shell .aiu-quota-head > span {
    justify-self: start;
  }

  body.app-theme .aiu-shell .aiu-quota-grid {
    grid-template-columns: 1fr;
  }

  body.app-theme .aiu-shell .aiu-quota-row {
    grid-template-columns: 1fr;
    gap: 9px;
  }

  body.app-theme .aiu-shell .aiu-quota-customer strong {
    white-space: normal;
  }

  body.app-theme .aiu-shell .aiu-quota-status {
    justify-self: start;
  }
}
body.app-theme .aiu-shell .aiu-alert-center {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aiu-shell .aiu-alert-center > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.app-theme .aiu-shell .aiu-alert-center > header small,
body.app-theme .aiu-shell .aiu-alert-center > header h5 {
  display: block;
}

body.app-theme .aiu-shell .aiu-alert-center > header small {
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.app-theme .aiu-shell .aiu-alert-center > header h5 {
  margin: 3px 0 0;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-alert-counts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
}

body.app-theme .aiu-shell .aiu-alert-counts span {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 5px 8px;
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: 10px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-alert-counts .danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body.app-theme .aiu-shell .aiu-alert-counts .warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

body.app-theme .aiu-shell .aiu-alert-list {
  display: grid;
  gap: 8px;
}

body.app-theme .aiu-shell .aiu-alert-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #e4e7ec;
  border-left: 4px solid #f59e0b;
  border-radius: 8px;
  background: #fffbeb;
}

body.app-theme .aiu-shell .aiu-alert-item.danger {
  border-color: #fecaca;
  border-left-color: #dc2626;
  background: #fff7f7;
}

body.app-theme .aiu-shell .aiu-alert-item > i {
  color: #d97706;
  font-size: 17px;
  text-align: center;
}

body.app-theme .aiu-shell .aiu-alert-item.danger > i {
  color: #dc2626;
}

body.app-theme .aiu-shell .aiu-alert-item strong,
body.app-theme .aiu-shell .aiu-alert-item span {
  display: block;
}

body.app-theme .aiu-shell .aiu-alert-item strong {
  color: #101828;
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-alert-item span {
  margin-top: 2px;
  color: #475467;
  font-size: 11px;
  line-height: 1.45;
}

body.app-theme .aiu-shell .aiu-alert-item > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 7px 10px;
  border: 1px solid #dc2626;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-alert-item > a:hover,
body.app-theme .aiu-shell .aiu-alert-item > a:focus {
  border-color: #991b1b;
  background: #991b1b;
  color: #fff;
}

body.app-theme .aiu-shell .aiu-alert-item > em {
  color: #667085;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
}

body.app-theme .aiu-shell .aiu-alert-empty {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 11px 12px;
  border: 1px solid #bbf7d0;
  border-radius: 8px;
  background: #f0fdf4;
}

body.app-theme .aiu-shell .aiu-alert-empty > i {
  margin-top: 2px;
  color: #16a34a;
  font-size: 17px;
}

body.app-theme .aiu-shell .aiu-alert-empty strong,
body.app-theme .aiu-shell .aiu-alert-empty span {
  display: block;
}

body.app-theme .aiu-shell .aiu-alert-empty strong {
  color: #166534;
  font-size: 12px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-alert-empty span {
  margin-top: 2px;
  color: #15803d;
  font-size: 11px;
}

body.app-theme .aiu-toast-wrap {
  position: fixed;
  top: 76px;
  right: 18px;
  z-index: 10040;
  display: grid;
  gap: 10px;
  width: min(360px, calc(100vw - 36px));
  pointer-events: none;
}

body.app-theme .aiu-toast {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid #fecaca;
  border-left: 4px solid #dc2626;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .18);
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events: auto;
}

body.app-theme .aiu-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

body.app-theme .aiu-toast.warning {
  border-color: #fde68a;
  border-left-color: #f59e0b;
}

body.app-theme .aiu-toast > i {
  margin-top: 2px;
  color: #dc2626;
  font-size: 18px;
}

body.app-theme .aiu-toast.warning > i {
  color: #d97706;
}

body.app-theme .aiu-toast strong,
body.app-theme .aiu-toast span {
  display: block;
}

body.app-theme .aiu-toast strong {
  color: #101828;
  font-size: 13px;
  font-weight: 800;
}

body.app-theme .aiu-toast span {
  margin-top: 3px;
  color: #475467;
  font-size: 12px;
  line-height: 1.45;
}

body.app-theme .aiu-toast-actions {
  margin-top: 9px;
}

body.app-theme .aiu-toast-btn {
  min-height: 31px;
  padding: 6px 9px;
  border: 1px solid #dc2626;
  border-radius: 8px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

body.app-theme .aiu-toast-btn:hover,
body.app-theme .aiu-toast-btn:focus {
  border-color: #991b1b;
  background: #991b1b;
  color: #fff;
}

@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-alert-center > header {
    align-items: flex-start;
    flex-direction: column;
  }

  body.app-theme .aiu-shell .aiu-alert-counts {
    justify-content: flex-start;
  }

  body.app-theme .aiu-shell .aiu-alert-item {
    grid-template-columns: 22px minmax(0, 1fr);
  }

  body.app-theme .aiu-shell .aiu-alert-item > a,
  body.app-theme .aiu-shell .aiu-alert-item > em {
    grid-column: 2;
    justify-self: start;
  }

  body.app-theme .aiu-toast-wrap {
    top: 68px;
    right: 10px;
    width: calc(100vw - 20px);
  }
}
body.app-theme .aiu-shell .aiu-alert-history {
  margin-top: 12px;
  padding: 13px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aiu-shell .aiu-alert-history > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

body.app-theme .aiu-shell .aiu-alert-history > header small {
  display: block;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}

body.app-theme .aiu-shell .aiu-alert-history > header h5 {
  margin: 3px 0 0;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
}

body.app-theme .aiu-shell .aiu-alert-history > header a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #b42318;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

body.app-theme .aiu-shell .aiu-alert-history > header a:hover,
body.app-theme .aiu-shell .aiu-alert-history > header a:focus {
  color: #7f1d1d;
  text-decoration: underline;
}

body.app-theme .aiu-shell .aiu-history-list {
  display: grid;
  gap: 7px;
}

body.app-theme .aiu-shell .aiu-history-row {
  display: grid;
  grid-template-columns: minmax(170px, 1fr) auto auto auto 118px;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #edf2f7;
  border-radius: 8px;
  background: #fbfdff;
}

body.app-theme .aiu-shell .aiu-history-row > div {
  min-width: 0;
}

body.app-theme .aiu-shell .aiu-history-row > div strong,
body.app-theme .aiu-shell .aiu-history-row > div span {
  display: block;
}

body.app-theme .aiu-shell .aiu-history-row > div strong {
  overflow: hidden;
  color: #101828;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-history-row > div span,
body.app-theme .aiu-shell .aiu-history-row time {
  margin-top: 2px;
  color: #667085;
  font-size: 10px;
}

body.app-theme .aiu-shell .aiu-history-row time {
  margin: 0;
  text-align: right;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-history-level,
body.app-theme .aiu-shell .aiu-history-status,
body.app-theme .aiu-shell .aiu-history-delivery {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 4px 7px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fff;
  color: #475467;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

body.app-theme .aiu-shell .aiu-history-level.danger,
body.app-theme .aiu-shell .aiu-history-delivery.danger {
  border-color: #fecaca;
  background: #fef2f2;
  color: #b91c1c;
}

body.app-theme .aiu-shell .aiu-history-level.warn {
  border-color: #fde68a;
  background: #fffbeb;
  color: #92400e;
}

body.app-theme .aiu-shell .aiu-history-status.active {
  border-color: #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
}

body.app-theme .aiu-shell .aiu-history-status.resolved,
body.app-theme .aiu-shell .aiu-history-delivery.good {
  border-color: #bbf7d0;
  background: #f0fdf4;
  color: #166534;
}

body.app-theme .aiu-shell .aiu-history-delivery.info {
  border-color: #dbe4ee;
  background: #f8fafc;
  color: #475467;
}

body.app-theme .aiu-shell .aiu-history-empty {
  padding: 14px;
  border: 1px dashed #d0d5dd;
  border-radius: 8px;
  color: #667085;
  font-size: 11px;
  text-align: center;
}

@media (max-width: 991px) {
  body.app-theme .aiu-shell .aiu-history-row {
    grid-template-columns: minmax(160px, 1fr) auto auto;
  }

  body.app-theme .aiu-shell .aiu-history-delivery,
  body.app-theme .aiu-shell .aiu-history-row time {
    justify-self: start;
  }
}

@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-alert-history > header {
    align-items: flex-start;
    flex-direction: column;
  }

  body.app-theme .aiu-shell .aiu-history-row {
    grid-template-columns: 1fr 1fr;
  }

  body.app-theme .aiu-shell .aiu-history-row > div {
    grid-column: 1 / -1;
  }

  body.app-theme .aiu-shell .aiu-history-row > div strong {
    white-space: normal;
  }

  body.app-theme .aiu-shell .aiu-history-row time {
    text-align: left;
  }
}
/* End AI usage management overview */

/* AI usage notification preferences */
body.app-theme .aiu-shell .aiu-settings-scope {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #f8fafc;
}
body.app-theme .aiu-shell .aiu-settings-scope label {
  flex: 1 1 240px;
  margin: 0;
  color: #334155;
  font-size: 12px;
  font-weight: 800;
}
body.app-theme .aiu-shell .aiu-settings-scope select { margin-top: 6px; min-height: 40px; }
body.app-theme .aiu-shell .aiu-dispatch-overview {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
body.app-theme .aiu-shell .aiu-dispatch-overview article {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  border: 1px solid #dbe4ee;
  border-left: 4px solid #2563eb;
  border-radius: 8px;
  background: #fff;
}
body.app-theme .aiu-shell .aiu-dispatch-overview article.good { border-left-color: #16a34a; }
body.app-theme .aiu-shell .aiu-dispatch-overview article.warn { border-left-color: #f59e0b; }
body.app-theme .aiu-shell .aiu-dispatch-overview article.danger { border-left-color: #dc2626; }
body.app-theme .aiu-shell .aiu-dispatch-overview i { margin-top: 2px; color: #475467; font-size: 17px; }
body.app-theme .aiu-shell .aiu-dispatch-overview small,
body.app-theme .aiu-shell .aiu-dispatch-overview strong,
body.app-theme .aiu-shell .aiu-dispatch-overview span { display: block; }
body.app-theme .aiu-shell .aiu-dispatch-overview small { color: #667085; font-size: 10px; font-weight: 800; text-transform: uppercase; }
body.app-theme .aiu-shell .aiu-dispatch-overview strong { margin-top: 3px; color: #101828; font-size: 18px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-dispatch-overview span { margin-top: 3px; color: #667085; font-size: 11px; line-height: 1.4; }
body.app-theme .aiu-shell .aiu-settings-form { display: grid; gap: 14px; }
body.app-theme .aiu-shell .aiu-settings-form fieldset {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid #e4e7ec;
  border-radius: 8px;
  background: #fff;
}
body.app-theme .aiu-shell .aiu-settings-form fieldset[disabled] { opacity: .72; }
body.app-theme .aiu-shell .aiu-settings-form legend {
  width: auto;
  margin: 0 0 10px;
  padding: 0 6px;
  border: 0;
  color: #101828;
  font-size: 13px;
  font-weight: 800;
}
body.app-theme .aiu-shell .aiu-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body.app-theme .aiu-shell .aiu-choice { position: relative; margin: 0; cursor: pointer; }
body.app-theme .aiu-shell .aiu-choice > input { position: absolute; top: 13px; right: 13px; width: 17px; height: 17px; accent-color: #dc2626; }
body.app-theme .aiu-shell .aiu-choice > span {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 2px 9px;
  min-height: 78px;
  padding: 13px 42px 13px 13px;
  border: 1px solid #dbe4ee;
  border-radius: 8px;
  background: #fbfdff;
}
body.app-theme .aiu-shell .aiu-choice input:checked + span { border-color: #fca5a5; background: #fff7f7; box-shadow: inset 3px 0 0 #dc2626; }
body.app-theme .aiu-shell .aiu-choice i { grid-row: 1 / span 2; color: #b42318; font-size: 18px; }
body.app-theme .aiu-shell .aiu-choice strong { color: #101828; font-size: 12px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-choice small { color: #667085; font-size: 11px; line-height: 1.45; }
body.app-theme .aiu-shell .aiu-recipient-mode { display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 10px; }
body.app-theme .aiu-shell .aiu-recipient-mode label { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: #334155; font-size: 12px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-recipient-mode input { accent-color: #dc2626; }
body.app-theme .aiu-shell .aiu-recipient-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 290px; overflow: auto; padding: 2px; }
body.app-theme .aiu-shell .aiu-recipient-list[hidden] { display: none; }
body.app-theme .aiu-shell .aiu-recipient-list label { display: flex; align-items: flex-start; gap: 9px; margin: 0; padding: 10px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fbfdff; }
body.app-theme .aiu-shell .aiu-recipient-list input { margin-top: 3px; accent-color: #dc2626; }
body.app-theme .aiu-shell .aiu-recipient-list strong,
body.app-theme .aiu-shell .aiu-recipient-list small { display: block; }
body.app-theme .aiu-shell .aiu-recipient-list strong { color: #101828; font-size: 12px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-recipient-list small { margin-top: 2px; color: #667085; font-size: 10px; line-height: 1.4; overflow-wrap: anywhere; }
body.app-theme .aiu-shell .aiu-schedule-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
body.app-theme .aiu-shell .aiu-schedule-grid > label,
body.app-theme .aiu-shell .aiu-schedule-grid > div { display: grid; align-content: start; gap: 6px; min-width: 0; margin: 0; padding: 11px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fbfdff; }
body.app-theme .aiu-shell .aiu-schedule-grid span { color: #334155; font-size: 11px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-schedule-grid small { color: #667085; font-size: 10px; line-height: 1.45; }
body.app-theme .aiu-shell .aiu-schedule-grid strong { color: #101828; font-size: 13px; }
body.app-theme .aiu-shell .aiu-schedule-grid code { display: block; overflow: auto; padding: 9px; border-radius: 6px; background: #172033; color: #f8fafc; font-size: 10px; white-space: nowrap; }
body.app-theme .aiu-shell .aiu-settings-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 2px; }
body.app-theme .aiu-shell .aiu-settings-actions p { margin: 0; color: #667085; font-size: 11px; line-height: 1.5; }
@media (max-width: 1100px) {
  body.app-theme .aiu-shell .aiu-dispatch-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.app-theme .aiu-shell .aiu-schedule-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-settings-scope,
  body.app-theme .aiu-shell .aiu-settings-actions { align-items: stretch; flex-direction: column; }
  body.app-theme .aiu-shell .aiu-dispatch-overview,
  body.app-theme .aiu-shell .aiu-choice-grid,
  body.app-theme .aiu-shell .aiu-recipient-list { grid-template-columns: 1fr; }
  body.app-theme .aiu-shell .aiu-settings-form fieldset { padding: 11px; }
}
/* End AI usage notification preferences */

/* AI usage delivery operations */
body.app-theme .aiu-shell .aiu-delivery-center {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e4e7ec;
}
body.app-theme .aiu-shell .aiu-delivery-center > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
body.app-theme .aiu-shell .aiu-delivery-center > header small,
body.app-theme .aiu-shell .aiu-delivery-center > header h4,
body.app-theme .aiu-shell .aiu-delivery-center > header p { display: block; margin: 0; }
body.app-theme .aiu-shell .aiu-delivery-center > header small { color: #b42318; font-size: 10px; font-weight: 800; text-transform: uppercase; }
body.app-theme .aiu-shell .aiu-delivery-center > header h4 { margin-top: 3px; color: #101828; font-size: 16px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-delivery-center > header p { margin-top: 4px; color: #667085; font-size: 11px; line-height: 1.45; }
body.app-theme .aiu-shell .aiu-delivery-center > header > span { flex: 0 0 auto; padding: 6px 9px; border: 1px solid #dbe4ee; border-radius: 8px; background: #f8fafc; color: #475467; font-size: 10px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-delivery-toolbar { display: flex; align-items: flex-end; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; padding: 11px; border: 1px solid #e4e7ec; border-radius: 8px; background: #f8fafc; }
body.app-theme .aiu-shell .aiu-delivery-toolbar > div { display: grid; gap: 5px; width: 150px; }
body.app-theme .aiu-shell .aiu-delivery-toolbar .aiu-delivery-search { width: auto; min-width: 240px; margin-left: auto; }
body.app-theme .aiu-shell .aiu-delivery-toolbar label { margin: 0; color: #334155; font-size: 11px; font-weight: 800; }
body.app-theme .aiu-shell .aiu-delivery-toolbar .form-control { min-height: 38px; border-radius: 8px; }
body.app-theme .aiu-shell .aiu-delivery-table { min-width: 940px; }
body.app-theme .aiu-shell .aiu-delivery-table th:last-child,
body.app-theme .aiu-shell .aiu-delivery-table td:last-child { width: 92px; text-align: center; }
body.app-theme .aiu-shell .aiu-delivery-actions { display: flex; align-items: center; justify-content: center; gap: 6px; }
body.app-theme .aiu-shell .aiu-delivery-actions form { margin: 0; }
body.app-theme .aiu-shell .aiu-icon-action,
body.app-theme .aiu-shell .aiu-action-complete { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; color: #1d4ed8; }
body.app-theme .aiu-shell button.aiu-icon-action:hover,
body.app-theme .aiu-shell button.aiu-icon-action:focus { border-color: #2563eb; background: #dbeafe; color: #1e40af; }
body.app-theme .aiu-shell .aiu-icon-action.danger { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }
body.app-theme .aiu-shell button.aiu-icon-action.danger:hover,
body.app-theme .aiu-shell button.aiu-icon-action.danger:focus { border-color: #dc2626; background: #fee2e2; color: #991b1b; }
body.app-theme .aiu-shell .aiu-action-complete { border-color: #bbf7d0; background: #f0fdf4; color: #166534; }
@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-delivery-center > header { flex-direction: column; }
  body.app-theme .aiu-shell .aiu-delivery-toolbar { align-items: stretch; flex-direction: column; }
  body.app-theme .aiu-shell .aiu-delivery-toolbar > div,
  body.app-theme .aiu-shell .aiu-delivery-toolbar .aiu-delivery-search { width: 100%; min-width: 0; margin-left: 0; }
}
/* End AI usage delivery operations */
/* AI usage standard table and actions */
body.app-theme .aiu-shell button.aiu-stat {
  width: 100%;
  margin: 0;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}
body.app-theme .aiu-shell button.aiu-stat:hover,
body.app-theme .aiu-shell button.aiu-stat:focus-visible {
  border-color: #fca5a5;
  outline: 3px solid rgba(220, 38, 38, .12);
  transform: translateY(-1px);
}
body.app-theme .aiu-shell button.aiu-stat span::after {
  content: "  Listeyi aç";
  color: #b42318;
  font-weight: 800;
}
body.app-theme .aiu-shell .aiu-mobile-toggle-col,
body.app-theme .aiu-shell .aiu-mobile-toggle-cell { display: none; }
body.app-theme .aiu-shell .aiu-row-detail,
body.app-theme .aiu-shell .aiu-delivery-detail-row { display: none; }
body.app-theme .aiu-shell .aiu-row-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #fca5a5;
  border-radius: 8px;
  background: #fff;
  color: #b91c1c;
  font-size: 16px;
  font-weight: 800;
}
body.app-theme .aiu-shell .aiu-row-toggle:hover,
body.app-theme .aiu-shell .aiu-row-toggle:focus { border-color: #dc2626; background: #fef2f2; color: #991b1b; }
body.app-theme .aiu-shell .aiu-row-detail > td,
body.app-theme .aiu-shell .aiu-delivery-detail-row > td { padding: 10px 12px; background: #f8fafc; }
body.app-theme .aiu-shell .aiu-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
body.app-theme .aiu-shell .aiu-detail-grid > div { min-width: 0; padding: 9px; border: 1px solid #e4e7ec; border-radius: 8px; background: #fff; }
body.app-theme .aiu-shell .aiu-detail-grid > div.wide { grid-column: 1 / -1; }
body.app-theme .aiu-shell .aiu-detail-grid small,
body.app-theme .aiu-shell .aiu-detail-grid strong { display: block; }
body.app-theme .aiu-shell .aiu-detail-grid small { color: #667085; font-size: 9px; font-weight: 800; text-transform: uppercase; }
body.app-theme .aiu-shell .aiu-detail-grid strong { margin-top: 4px; color: #101828; font-size: 11px; line-height: 1.45; overflow-wrap: anywhere; }
@media (max-width: 767px) {
  body.app-theme .aiu-shell .aiu-table { min-width: 0; table-layout: fixed; }
  body.app-theme .aiu-shell .aiu-mobile-toggle-col,
  body.app-theme .aiu-shell .aiu-mobile-toggle-cell { display: table-cell; width: 46px; padding-left: 8px; padding-right: 6px; }
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) th:nth-child(3),
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) td:nth-child(3),
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) th:nth-child(4),
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) td:nth-child(4) { display: none; }
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) th:nth-child(2),
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) td:nth-child(2) { width: auto; }
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) th:nth-child(5),
  body.app-theme .aiu-shell .aiu-table:not(.aiu-delivery-table) td:nth-child(5) { width: 92px; }
  body.app-theme .aiu-shell .aiu-delivery-table { min-width: 0; table-layout: fixed; }
  body.app-theme .aiu-shell .aiu-delivery-table th:nth-child(4),
  body.app-theme .aiu-shell .aiu-delivery-table td:nth-child(4) { width: 108px; }
  body.app-theme .aiu-shell .aiu-delivery-table th:nth-child(7),
  body.app-theme .aiu-shell .aiu-delivery-table td:nth-child(7) { width: 68px; }
  body.app-theme .aiu-shell .aiu-delivery-table th:nth-child(3),
  body.app-theme .aiu-shell .aiu-delivery-table td:nth-child(3),
  body.app-theme .aiu-shell .aiu-delivery-table th:nth-child(5),
  body.app-theme .aiu-shell .aiu-delivery-table td:nth-child(5),
  body.app-theme .aiu-shell .aiu-delivery-table th:nth-child(6),
  body.app-theme .aiu-shell .aiu-delivery-table td:nth-child(6) { display: none; }
  body.app-theme .aiu-shell .aiu-row-detail > td,
  body.app-theme .aiu-shell .aiu-delivery-detail-row > td { display: table-cell !important; }
  body.app-theme .aiu-shell .aiu-detail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* End AI usage standard table and actions */
/* AI History Data Screen Standard */
body.app-theme .aih-summary .aih-stat {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  text-align: left;
  font: inherit;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.app-theme .aih-summary .aih-stat:hover,
body.app-theme .aih-summary .aih-stat:focus-visible {
  transform: translateY(-2px);
  border-color: #cbd5e1;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .1);
  outline: none;
}

body.app-theme .aih-summary .aih-stat:focus-visible {
  box-shadow: 0 0 0 3px rgba(220, 38, 38, .16), 0 12px 28px rgba(15, 23, 42, .1);
}

body.app-theme .aih-insight-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body.app-theme .aih-insight {
  min-width: 0;
  padding: 14px;
  border: 1px solid #e4e7ec;
  border-left: 4px solid #dc2626;
  border-radius: 8px;
  background: #fff;
}

body.app-theme .aih-insight small,
body.app-theme .aih-detail-grid small {
  display: block;
  margin-bottom: 5px;
  color: #667085;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
}

body.app-theme .aih-insight strong,
body.app-theme .aih-detail-grid strong {
  display: block;
  color: #101828;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

body.app-theme .aih-insight span {
  display: block;
  margin-top: 5px;
  color: #667085;
  font-size: 12px;
  line-height: 1.5;
}

body.app-theme .aih-mobile-toggle-cell {
  display: none;
  width: 44px;
  text-align: center;
}

body.app-theme .aih-row-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid #fecaca;
  border-radius: 6px;
  background: #fff;
  color: #b91c1c;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
}

body.app-theme .aih-row-toggle:hover,
body.app-theme .aih-row-toggle:focus {
  border-color: #dc2626;
  background: #fef2f2;
  color: #991b1b;
  outline: none;
}

body.app-theme .aih-row-detail {
  display: none;
}

body.app-theme .aih-row-detail > td {
  padding: 12px !important;
  background: #f8fafc !important;
  border-bottom: 1px solid #dbe4ee;
}

body.app-theme .aih-detail-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body.app-theme .aih-detail-grid > div {
  min-width: 0;
  padding: 10px;
  border: 1px solid #e4e7ec;
  border-radius: 7px;
  background: #fff;
}

body.app-theme .aih-detail-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #b91c1c;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

body.app-theme .aih-detail-link:hover,
body.app-theme .aih-detail-link:focus {
  color: #7f1d1d;
  text-decoration: underline;
}

@media (max-width: 991px) {
  body.app-theme .aih-insight-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body.app-theme .aih-table-wrap {
    overflow-x: hidden;
  }

  body.app-theme .aih-table {
    min-width: 0;
    table-layout: fixed;
  }

  body.app-theme .aih-mobile-toggle-cell {
    display: table-cell;
  }

  body.app-theme .aih-table thead th:nth-child(2),
  body.app-theme .aih-table thead th:nth-child(4),
  body.app-theme .aih-table thead th:nth-child(6),
  body.app-theme .aih-row > td:nth-child(2),
  body.app-theme .aih-row > td:nth-child(4),
  body.app-theme .aih-row > td:nth-child(6) {
    display: none;
  }

  body.app-theme .aih-table thead th:nth-child(1) {
    width: 44px;
  }

  body.app-theme .aih-table thead th:nth-child(5) {
    width: 112px;
  }

  body.app-theme .aih-table thead th:nth-child(7) {
    width: 66px;
  }

  body.app-theme .aih-table th,
  body.app-theme .aih-table td {
    padding: 10px 8px;
  }

  body.app-theme .aih-open {
    width: 38px;
    min-height: 36px;
    padding: 7px;
  }

  body.app-theme .aih-open span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  body.app-theme .aih-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  body.app-theme .aih-toolbar-left,
  body.app-theme .aih-toolbar-right {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
  }

  body.app-theme .aih-field-page,
  body.app-theme .aih-field-status,
  body.app-theme .aih-field-search {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 430px) {
  body.app-theme .aih-detail-grid {
    grid-template-columns: 1fr;
  }

  body.app-theme .aih-table thead th:nth-child(5),
  body.app-theme .aih-row > td:nth-child(5) {
    display: none;
  }
}
/* End AI History Data Screen Standard */

/* AI Risk Result History Detail Standard */
.airr-shell .airr-stat{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;color:inherit;background:var(--surface,#fff);}
.airr-shell .airr-stat:hover,.airr-shell .airr-stat:focus-visible{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.12);outline:2px solid rgba(220,38,38,.24);outline-offset:2px;}
.airr-history-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;max-width:820px;}
.airr-history-meta>span{display:flex;flex-direction:column;gap:3px;padding:9px 12px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);border-radius:6px;color:#fff;}
.airr-history-meta small{font-size:11px;font-weight:700;color:rgba(255,255,255,.76);}
.airr-history-meta strong{font-size:13px;color:#fff;overflow-wrap:anywhere;}
.airr-shell.is-history [data-draft-field][readonly],.airr-shell.is-history [data-draft-field][disabled]{background:#f5f7fa;color:#293548;border-color:#d9e0e8;cursor:default;opacity:1;}
.airr-shell .airr-banner>div{min-width:0;}.airr-shell .airr-banner strong,.airr-shell .airr-banner span{display:block;}.airr-shell .airr-banner span{margin-top:3px;}
.airr-table-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:18px 0 10px;padding:12px 14px;border:1px solid #dfe5ec;background:#fff;border-radius:6px;}
.airr-table-toolbar-left,.airr-table-toolbar-right{display:flex;align-items:center;gap:9px;min-width:0;}
.airr-table-toolbar label{margin:0;font-size:12px;font-weight:700;color:#475569;white-space:nowrap;}
.airr-table-toolbar select,.airr-table-toolbar input{height:36px;border:1px solid #cfd7e2;border-radius:6px;background:#fff;color:#172033;padding:0 10px;font-size:13px;}
.airr-table-toolbar input{width:min(300px,32vw);}
.airr-table-toolbar #airrRiskCount{font-size:12px;font-weight:700;color:#64748b;white-space:nowrap;}
.airr-risktable-wrap{max-width:100%;overflow-x:auto;border:1px solid #dfe5ec;border-radius:6px;background:#fff;}
.airr-risktable{width:100%;min-width:1120px;border-collapse:collapse;table-layout:fixed;}
.airr-risktable th,.airr-risktable td{padding:10px 9px;vertical-align:top;overflow-wrap:anywhere;}
.airr-risktable td strong,.airr-risktable td span{display:block;}.airr-risktable td span{margin-top:3px;color:#5b6678;font-size:12px;line-height:1.45;}
.airr-score-cell,.airr-level-cell{font-weight:800;text-align:center;}.airr-score-cell.level-high,.airr-level-cell.level-high{background:#b91c1c!important;color:#fff!important;}.airr-score-cell.level-medium,.airr-level-cell.level-medium{background:#fbbf24!important;color:#3b2500!important;}.airr-score-cell.level-low,.airr-level-cell.level-low{background:#15803d!important;color:#fff!important;}
.airr-table-toggle-cell{display:none;width:42px;text-align:center!important;}.airr-row-toggle{width:30px;height:30px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;font-size:18px;font-weight:800;line-height:1;cursor:pointer;}
.airr-table-detail-row[hidden]{display:none!important;}.airr-table-detail-row td{padding:0!important;background:#f8fafc!important;}.airr-table-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;}.airr-table-detail-grid>div{padding:10px;border:1px solid #dde4ed;border-radius:6px;background:#fff;}.airr-table-detail-grid strong,.airr-table-detail-grid span{display:block;}.airr-table-detail-grid strong{font-size:11px;color:#64748b;text-transform:uppercase;}.airr-table-detail-grid span{margin-top:4px;color:#172033;font-size:13px;}
.airr-table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;}.airr-table-pagination>span{font-size:12px;font-weight:700;color:#64748b;}.airr-table-pagination>div{display:flex;gap:8px;}.airr-table-pagination button{min-height:36px;padding:0 13px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#172033;font-weight:700;cursor:pointer;}.airr-table-pagination button:disabled{opacity:.45;cursor:not-allowed;}.airr-table-empty{padding:20px;border:1px dashed #cbd5e1;border-radius:6px;text-align:center;color:#64748b;background:#f8fafc;}
@media(max-width:1100px){.airr-table-toggle-cell{display:table-cell;}.airr-risktable{min-width:0;table-layout:fixed;}.airr-risktable th:nth-child(3),.airr-risktable td:nth-child(3),.airr-risktable th:nth-child(5),.airr-risktable td:nth-child(5),.airr-risktable th:nth-child(6),.airr-risktable td:nth-child(6),.airr-risktable th:nth-child(7),.airr-risktable td:nth-child(7),.airr-risktable th:nth-child(9),.airr-risktable td:nth-child(9),.airr-risktable th:nth-child(11),.airr-risktable td:nth-child(11){display:none;}.airr-risktable th:nth-child(1){width:46px}.airr-risktable th:nth-child(2){width:90px}.airr-risktable th:nth-child(4){width:auto}.airr-risktable th:nth-child(8),.airr-risktable th:nth-child(10){width:104px}}
@media(max-width:700px){.airr-history-meta{grid-template-columns:1fr;}.airr-table-toolbar{align-items:stretch;flex-direction:column;}.airr-table-toolbar-left,.airr-table-toolbar-right{width:100%;flex-wrap:wrap;}.airr-table-toolbar-right #airrRiskCount{width:100%;}.airr-table-toolbar input{width:100%;}.airr-table-pagination{align-items:stretch;flex-direction:column;}.airr-table-pagination>div{display:grid;grid-template-columns:1fr 1fr;}.airr-table-detail-grid{grid-template-columns:1fr;}.airr-risktable th:nth-child(2),.airr-risktable td:nth-child(2){display:none;}.airr-risktable th:nth-child(8),.airr-risktable th:nth-child(10){width:78px}.airr-risktable th,.airr-risktable td{padding:8px 6px;font-size:12px;}}
@media print{.airr-table-toolbar,.airr-table-pagination,.airr-table-toggle-cell,.airr-table-detail-row{display:none!important;}.airr-risktable{min-width:100%;}.airr-risktable th,.airr-risktable td{display:table-cell!important;}}
/* AI History Risk Decision Cards */
.airr-history-risk-list{display:grid;gap:12px;margin-bottom:18px;}
.airr-history-risk-card{overflow:hidden;border:1px solid #dce3eb;border-left:4px solid #64748b;border-radius:6px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.05);}
.airr-history-risk-card.high{border-left-color:#dc2626}.airr-history-risk-card.medium{border-left-color:#d97706}.airr-history-risk-card.low{border-left-color:#15803d}
.airr-history-risk-card>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;list-style:none;cursor:pointer;background:#fff;color:#172033;}
.airr-history-risk-card>summary::-webkit-details-marker{display:none}.airr-history-risk-card>summary:hover{background:#f8fafc}.airr-history-risk-card>summary:focus-visible{outline:2px solid rgba(220,38,38,.28);outline-offset:-2px}
.airr-history-risk-index{display:inline-flex;align-items:center;justify-content:center;min-width:62px;height:32px;padding:0 9px;border:1px solid #d7dee8;border-radius:6px;background:#f5f7fa;color:#344054;font-size:12px;font-weight:800;}
.airr-history-risk-title{display:flex;min-width:0;flex-direction:column;gap:3px}.airr-history-risk-title strong{color:#101828;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.airr-history-risk-title small{color:#667085;font-size:12px;font-weight:600;}
.airr-history-risk-badge{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800}.airr-history-risk-badge.high{background:#fee2e2;color:#991b1b}.airr-history-risk-badge.medium{background:#fef3c7;color:#92400e}.airr-history-risk-badge.low{background:#dcfce7;color:#166534}
.airr-history-risk-chevron{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d8e0e9;border-radius:6px;color:#475467;transition:transform .2s ease}.airr-history-risk-card[open] .airr-history-risk-chevron{transform:rotate(180deg)}
.airr-history-risk-body{border-top:1px solid #e4e9ef;background:#fbfcfd;}
.airr-history-risk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e4e9ef;background:#fff;}
.airr-history-risk-metrics>div{min-width:0;padding:13px 15px;border-right:1px solid #e4e9ef}.airr-history-risk-metrics>div:last-child{border-right:0}.airr-history-risk-metrics small,.airr-history-risk-details small{display:block;margin-bottom:5px;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.airr-history-risk-metrics strong{display:block;color:#101828;font-size:17px;line-height:1.2;overflow-wrap:anywhere}.airr-history-risk-metrics span{display:block;margin-top:4px;color:#667085;font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.airr-history-risk-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e4e9ef;}.airr-history-risk-details>div{min-width:0;padding:14px 16px;background:#fbfcfd}.airr-history-risk-details p{margin:0;color:#344054;font-size:13px;line-height:1.55;overflow-wrap:anywhere;}
.airr-history-risk-footer{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:11px 16px;border-top:1px solid #e4e9ef;background:#fff;color:#475467;font-size:12px}.airr-history-risk-footer span{display:inline-flex;align-items:center;gap:6px}.airr-history-risk-footer i{color:#b42318}.airr-history-risk-footer strong{color:#1d2939}
.airr-history-conclusion{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.airr-history-conclusion .airr-block{margin:0;background:#fff}
@media(max-width:700px){.airr-history-conclusion{grid-template-columns:1fr}}
@media(max-width:900px){.airr-history-risk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.airr-history-risk-metrics>div:nth-child(2){border-right:0}.airr-history-risk-metrics>div:nth-child(-n+2){border-bottom:1px solid #e4e9ef}}
@media(max-width:600px){.airr-history-risk-card>summary{grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.airr-history-risk-index{min-width:54px}.airr-history-risk-badge{grid-column:2;justify-self:start;min-width:0}.airr-history-risk-chevron{grid-column:3;grid-row:1/3}.airr-history-risk-metrics,.airr-history-risk-details{grid-template-columns:1fr}.airr-history-risk-metrics>div{border-right:0;border-bottom:1px solid #e4e9ef}.airr-history-risk-metrics>div:last-child{border-bottom:0}.airr-history-risk-footer{align-items:flex-start;flex-direction:column}}
@media print{.airr-history-risk-card{break-inside:avoid;box-shadow:none}.airr-history-risk-card>summary{cursor:default}.airr-history-risk-card .airr-history-risk-chevron{display:none}.airr-history-risk-card:not([open])>:not(summary){display:block!important}}
/* AI Result Hero Button Contrast */
.airr-hero .airr-actions .airr-btn,
.airr-hero .airr-actions button.airr-btn{
    border-color:rgba(255,255,255,.42)!important;
    background:rgba(15,23,42,.28)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 1px 1px rgba(0,0,0,.22);
    box-shadow:none;
}
.airr-hero .airr-actions .airr-btn i{color:inherit!important;-webkit-text-fill-color:currentColor!important;}
.airr-hero .airr-actions .airr-btn:hover,
.airr-hero .airr-actions .airr-btn:focus-visible,
.airr-hero .airr-actions button.airr-btn:hover,
.airr-hero .airr-actions button.airr-btn:focus-visible{
    border-color:#fff!important;
    background:#fff!important;
    color:#7f1d1d!important;
    -webkit-text-fill-color:#7f1d1d!important;
    text-shadow:none;
    text-decoration:none!important;
}
.airr-hero .airr-actions .airr-btn.primary{
    border-color:#fff!important;
    background:#fff!important;
    color:#991b1b!important;
    -webkit-text-fill-color:#991b1b!important;
    text-shadow:none;
}
.airr-hero .airr-actions .airr-btn.primary:hover,
.airr-hero .airr-actions .airr-btn.primary:focus-visible{
    border-color:#fecaca!important;
    background:#fee2e2!important;
    color:#7f1d1d!important;
    -webkit-text-fill-color:#7f1d1d!important;
}
.airr-hero .airr-actions .airr-btn:focus-visible{outline:3px solid rgba(255,255,255,.48);outline-offset:2px;}
/* AI History Linked Action Center */
.airr-history-action-center{margin:0 0 16px;border:1px solid #dce3eb;border-radius:6px;background:#fff;overflow:hidden;}
.airr-history-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5eaf0;background:#f8fafc;}
.airr-history-action-head>div{display:grid;gap:2px}.airr-history-action-head small{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.airr-history-action-head strong{color:#101828;font-size:14px}.airr-history-linked{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;font-size:11px;font-weight:800;white-space:nowrap}
.airr-history-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px}.airr-history-action-grid form{display:flex;margin:0;min-width:0}.airr-history-action{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:72px;padding:11px 12px;border:1px solid #d7dee8;border-radius:6px;background:#fff;color:#172033!important;text-align:left;cursor:pointer;text-decoration:none!important;transition:border-color .18s ease,background .18s ease,transform .18s ease}.airr-history-action>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:6px;background:#eef2f6;color:#344054;font-size:15px}.airr-history-action>span{display:grid;min-width:0;gap:3px}.airr-history-action strong{color:#101828;font-size:12px;line-height:1.3}.airr-history-action small{color:#667085;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.airr-history-action:hover,.airr-history-action:focus-visible{transform:translateY(-1px);border-color:#98a2b3;background:#f8fafc;color:#172033!important;outline:none}.airr-history-action:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.airr-history-action.info>i{background:#dbeafe;color:#1d4ed8}.airr-history-action.success>i{background:#dcfce7;color:#166534}.airr-history-action.warning>i{background:#fef3c7;color:#92400e}.airr-history-action.muted>i{background:#f1f5f9;color:#475569}.airr-history-action.success{border-color:#bbf7d0}.airr-history-action.warning{border-color:#fde68a}
@media(max-width:1100px){.airr-history-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.airr-history-action-head{align-items:flex-start;flex-direction:column}.airr-history-action-grid{grid-template-columns:1fr}.airr-history-action{min-height:66px}}
/* AI Risk Source-Backed Legal Evidence */
.airr-legal-evidence{display:grid;gap:12px;margin-bottom:14px;padding:14px;border:1px solid #d8e1eb;border-left:4px solid #2563eb;border-radius:8px;background:#f8fbff}.airr-legal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.airr-legal-head>div{min-width:0}.airr-legal-head small{display:block;margin-bottom:4px;color:#1d4ed8;font-size:10px;font-weight:800;text-transform:uppercase}.airr-legal-head h4{margin:0;color:#101828;font-size:17px;font-weight:800}.airr-legal-head p{margin:5px 0 0;max-width:760px;color:#475467;font-size:12px;line-height:1.55}.airr-legal-status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;white-space:nowrap}.airr-legal-status.good{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.airr-legal-status.warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.airr-legal-status.danger{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.airr-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.airr-legal-card{display:grid;align-content:start;gap:9px;min-width:0;padding:12px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}.airr-legal-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.airr-legal-meta span{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2f6;color:#475467;font-size:9px;font-weight:800;text-transform:uppercase}.airr-legal-card h5{margin:0;color:#101828;font-size:13px;font-weight:800;line-height:1.45;overflow-wrap:anywhere}.airr-legal-card>p{margin:0;color:#475467;font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.airr-legal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:9px;border-top:1px solid #edf2f7}.airr-legal-foot>span{display:inline-flex;align-items:center;gap:5px;color:#92400e;font-size:9px;font-weight:800}.airr-legal-foot>span.good{color:#166534}.airr-legal-foot>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.airr-legal-foot a{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#1d4ed8!important;font-size:10px;font-weight:800;text-decoration:none!important}.airr-legal-foot a:hover,.airr-legal-foot a:focus-visible{border-color:#93c5fd;background:#eff6ff;color:#1e40af!important;outline:none}.airr-legal-disclaimer{margin:6px 0 9px!important;padding:8px 9px;border-left:3px solid #f59e0b;background:#fffbeb;color:#7c2d12!important;font-size:11px!important;line-height:1.5!important}
@media(max-width:900px){.airr-legal-grid{grid-template-columns:1fr}}@media(max-width:600px){.airr-legal-head,.airr-legal-foot{align-items:flex-start;flex-direction:column}.airr-legal-status{white-space:normal}.airr-legal-foot>div{justify-content:flex-start;width:100%}.airr-legal-foot a{justify-content:center;flex:1 1 auto}}
/* AI Risk Expert Review Workflow */
.airr-review-workflow{display:grid;gap:12px;padding:14px;border-bottom:1px solid #e5eaf0;border-left:4px solid #2563eb;background:#f8fbff}
.airr-review-workflow.good{border-left-color:#16a34a;background:#f4fbf6}.airr-review-workflow.warn{border-left-color:#d97706;background:#fffbeb}.airr-review-workflow.danger{border-left-color:#dc2626;background:#fff7f7}
.airr-review-state{display:grid;gap:4px;min-width:0}.airr-review-state>span{display:flex;align-items:center;gap:7px;color:#475467;font-size:11px;font-weight:800;text-transform:uppercase}.airr-review-state>strong{color:#101828;font-size:18px;line-height:1.25}.airr-review-state>small{color:#475467;font-size:12px;line-height:1.55}
.airr-review-note{padding:11px 12px;border:1px solid #dbe4ee;border-radius:6px;background:#fff}.airr-review-note small{display:block;margin-bottom:4px;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.airr-review-note p{margin:0;color:#344054;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.airr-review-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.airr-review-actions form{margin:0}.airr-review-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#334155!important;font-size:12px;font-weight:800;text-decoration:none!important;cursor:pointer}.airr-review-btn:hover,.airr-review-btn:focus-visible{outline:none;background:#f8fafc;color:#0f172a!important}.airr-review-btn:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.16)}.airr-review-btn.info{border-color:#93c5fd;background:#eff6ff;color:#1d4ed8!important}.airr-review-btn.success{border-color:#86efac;background:#f0fdf4;color:#166534!important}.airr-review-btn.danger{border-color:#fca5a5;background:#fef2f2;color:#b91c1c!important}.airr-review-btn.muted{background:#f8fafc;color:#475569!important}
.airr-review-timeline{display:grid;gap:7px;padding-top:3px}.airr-review-timeline>div{display:flex;align-items:flex-start;gap:9px}.airr-review-timeline>div>i{margin-top:6px;color:#94a3b8;font-size:6px}.airr-review-timeline>div>span{display:grid;gap:2px}.airr-review-timeline strong{color:#344054;font-size:11px}.airr-review-timeline small{color:#667085;font-size:10px}.airr-review-timeline p{margin:3px 0 0;padding:7px 9px;border-left:2px solid #cbd5e1;background:rgba(255,255,255,.72);color:#475467;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.airr-history-action[disabled]{cursor:not-allowed;opacity:.68;transform:none!important}.airr-history-action[disabled]:hover{border-color:#d7dee8;background:#fff}
.airr-review-modal{position:fixed;inset:0;z-index:1400;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}.airr-review-modal.is-open{display:flex}.airr-review-modal-dialog{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.35);border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.3)}.airr-review-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid #e5e7eb}.airr-review-modal-head small{display:block;margin-bottom:3px;color:#b91c1c;font-size:10px;font-weight:800;text-transform:uppercase}.airr-review-modal-head h3{margin:0;color:#101828;font-size:18px}.airr-review-modal-head button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#475467}.airr-review-modal-body{display:grid;gap:9px;padding:18px}.airr-review-modal-body p{margin:0 0 5px;color:#475467;font-size:13px;line-height:1.6}.airr-review-modal-body label{margin:0;color:#344054;font-size:12px;font-weight:800}.airr-review-modal-body textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #cbd5e1;border-radius:6px;padding:11px 12px;color:#101828;font-size:13px;line-height:1.55}.airr-review-modal-body textarea:focus{border-color:#2563eb;outline:3px solid rgba(37,99,235,.12)}.airr-review-modal-body small{color:#667085;font-size:11px;line-height:1.5}.airr-review-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #e5e7eb;background:#f8fafc}.airr-review-modal-actions .airr-ghost,.airr-review-modal-actions .airr-save{min-height:40px;border-radius:6px}
.aih-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1200px){.aih-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:991px){.aih-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AI Risk Expert Feedback Loop */
.airr-feedback-history{display:grid;gap:10px;padding:13px;border:1px solid #dbe4ee;border-radius:7px;background:#fff}
.airr-feedback-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.airr-feedback-history-head small{display:block;color:#2563eb;font-size:10px;font-weight:800;text-transform:uppercase}
.airr-feedback-history-head strong{display:block;margin-top:2px;color:#101828;font-size:14px}
.airr-feedback-history-head>span{padding:5px 8px;border-radius:999px;background:#eef4ff;color:#1d4ed8;font-size:10px;font-weight:800}
.airr-feedback-list{display:grid;gap:8px}
.airr-feedback-item{display:grid;gap:8px;padding:11px 12px;border:1px solid #dbe4ee;border-left:4px solid #16a34a;border-radius:6px;background:#fbfdfc}
.airr-feedback-item.accepted_with_changes{border-left-color:#d97706;background:#fffcf5}
.airr-feedback-item.rejected{border-left-color:#dc2626;background:#fff8f8}
.airr-feedback-item header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.airr-feedback-item header strong{color:#101828;font-size:12px}
.airr-feedback-item header span{color:#667085;font-size:10px;text-align:right}
.airr-feedback-scores{display:flex;flex-wrap:wrap;gap:7px}
.airr-feedback-scores span{padding:5px 7px;border:1px solid #e4e7ec;border-radius:5px;background:#fff;color:#475467;font-size:10px}
.airr-feedback-scores b{color:#101828}
.airr-feedback-categories{display:flex;flex-wrap:wrap;gap:5px}
.airr-feedback-categories span{padding:4px 7px;border-radius:999px;background:#fff1f2;color:#b42318;font-size:9px;font-weight:800}
.airr-feedback-item p{margin:0;padding-top:7px;border-top:1px solid #eaecf0;color:#344054;font-size:11px;line-height:1.55}
.airr-feedback-field{display:grid;gap:5px}
.airr-feedback-field select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;background:#fff;color:#101828;font-size:12px}
.airr-feedback-field select:focus{border-color:#2563eb;outline:3px solid rgba(37,99,235,.12)}
.airr-feedback-rating-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.airr-feedback-issues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:3px 0 0;padding:11px;border:1px solid #dbe4ee;border-radius:6px;background:#f8fafc}
.airr-feedback-issues legend{padding:0 5px;color:#344054;font-size:12px;font-weight:800}
.airr-feedback-issues label{display:flex;align-items:flex-start;gap:7px;padding:7px;border:1px solid #e4e7ec;border-radius:5px;background:#fff;color:#344054;font-size:11px;line-height:1.35;cursor:pointer}
.airr-feedback-issues input{flex:0 0 auto;margin-top:2px;accent-color:#b91c1c}
.airr-feedback-issues>small{grid-column:1/-1}
.airr-feedback-issues.is-optional{border-style:dashed}
@media(max-width:600px){.airr-feedback-history-head,.airr-feedback-item header{align-items:flex-start;flex-direction:column}.airr-feedback-item header span{text-align:left}.airr-feedback-rating-grid,.airr-feedback-issues{grid-template-columns:1fr}.airr-feedback-issues>small{grid-column:auto}}

@media(max-width:600px){.airr-review-actions,.airr-review-actions form,.airr-review-btn{width:100%}.airr-review-modal{align-items:flex-end;padding:10px}.airr-review-modal-dialog{max-height:calc(100vh - 20px)}.airr-review-modal-actions{display:grid;grid-template-columns:1fr}.aih-summary{grid-template-columns:1fr}}
@media print{.airr-history-action-center{display:none!important}}

/* AI History Control Contrast */
body.app-theme .aih-hero .aih-actions .aih-btn{border-color:rgba(255,255,255,.52)!important;background:rgba(15,23,42,.34)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 8px 22px rgba(15,23,42,.14)}
body.app-theme .aih-hero .aih-actions .aih-btn i,body.app-theme .aih-hero .aih-actions .aih-btn div,body.app-theme .aih-hero .aih-actions .aih-btn strong,body.app-theme .aih-hero .aih-actions .aih-btn span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.app-theme .aih-hero .aih-actions .aih-btn:hover,body.app-theme .aih-hero .aih-actions .aih-btn:focus-visible{border-color:#fff!important;background:#fff!important;color:#7f1d1d!important;-webkit-text-fill-color:#7f1d1d!important}
body.app-theme .aih-nav-link{color:#334155!important;-webkit-text-fill-color:#334155!important}
body.app-theme .aih-nav-link i,body.app-theme .aih-nav-link span,body.app-theme .aih-nav-link strong{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.app-theme .aih-nav-link:hover,body.app-theme .aih-nav-link:focus-visible{background:#fff1f2!important;color:#9f1239!important;-webkit-text-fill-color:#9f1239!important}
body.app-theme .aih-nav-link.active,body.app-theme .aih-nav-link[aria-current="true"]{border-color:#9f1239!important;background:#9f1239!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.app-theme .aih-page-btn,body.app-theme .aih-stepbtn,body.app-theme .aih-row-toggle{border-color:#cbd5e1!important;background:#fff!important;color:#334155!important;-webkit-text-fill-color:#334155!important}
body.app-theme .aih-page-btn i,body.app-theme .aih-page-btn span,body.app-theme .aih-stepbtn i,body.app-theme .aih-stepbtn span,body.app-theme .aih-row-toggle i,body.app-theme .aih-row-toggle span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.app-theme .aih-page-btn:hover:not([disabled]),body.app-theme .aih-page-btn:focus-visible:not([disabled]),body.app-theme .aih-stepbtn:hover,body.app-theme .aih-stepbtn:focus-visible,body.app-theme .aih-row-toggle:hover,body.app-theme .aih-row-toggle:focus-visible{border-color:#be123c!important;background:#fff1f2!important;color:#9f1239!important;-webkit-text-fill-color:#9f1239!important}
body.app-theme .aih-stepbtn.primary,body.app-theme .aih-open{border-color:#b91c1c!important;background:#b91c1c!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.app-theme .aih-stepbtn.primary i,body.app-theme .aih-stepbtn.primary span,body.app-theme .aih-open i,body.app-theme .aih-open span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.app-theme .aih-stepbtn.primary:hover,body.app-theme .aih-stepbtn.primary:focus-visible,body.app-theme .aih-open:hover,body.app-theme .aih-open:focus-visible{border-color:#7f1d1d!important;background:#7f1d1d!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
body.app-theme .aih-detail-link{color:#9f1239!important;-webkit-text-fill-color:#9f1239!important;text-decoration-color:rgba(159,18,57,.45)}
body.app-theme .aih-detail-link i,body.app-theme .aih-detail-link span{color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.app-theme .aih-detail-link:hover,body.app-theme .aih-detail-link:focus-visible{color:#7f1d1d!important;-webkit-text-fill-color:#7f1d1d!important;text-decoration-color:currentColor}
body.app-theme .aih-btn:focus-visible,body.app-theme .aih-nav-link:focus-visible,body.app-theme .aih-page-btn:focus-visible,body.app-theme .aih-stepbtn:focus-visible,body.app-theme .aih-row-toggle:focus-visible,body.app-theme .aih-open:focus-visible,body.app-theme .aih-detail-link:focus-visible{outline:3px solid rgba(14,165,233,.48)!important;outline-offset:2px}

/* AI Quality Telemetry */
.aiq-panel .aiu-body{display:grid;gap:16px}.aiq-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.aiq-metric{display:grid;align-content:start;gap:8px;min-width:0;min-height:142px;padding:15px;border:1px solid #dbe4ee;border-left:4px solid #2563eb;border-radius:7px;background:#fff;color:#172033!important;text-align:left;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.aiq-metric:hover,.aiq-metric:focus-visible{transform:translateY(-2px);border-color:#93c5fd;box-shadow:0 10px 26px rgba(15,23,42,.09);outline:none}.aiq-metric:focus-visible{box-shadow:0 0 0 3px rgba(37,99,235,.18)}.aiq-metric>span{display:flex;align-items:center;gap:7px;color:#475467!important;font-size:11px;font-weight:800}.aiq-metric>strong{color:#101828!important;font-size:27px;line-height:1}.aiq-metric>small{color:#667085!important;font-size:11px;line-height:1.45}.aiq-metric.good{border-left-color:#16a34a}.aiq-metric.warn{border-left-color:#d97706}.aiq-metric.danger{border-left-color:#dc2626}.aiq-metric.accent{border-left-color:#7c3aed}.aiq-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.aiq-score-grid>article{display:grid;gap:5px;min-width:0;padding:13px;border:1px solid #e1e7ef;border-radius:6px;background:#f8fafc}.aiq-score-grid small,.aiq-section header small,.aiq-alert-center header small{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.aiq-score-grid strong{color:#101828;font-size:19px}.aiq-score-grid span{color:#667085;font-size:10px;line-height:1.45}.aiq-alert-center,.aiq-section{border:1px solid #dbe4ee;border-radius:7px;background:#fff;overflow:hidden}.aiq-alert-center>header,.aiq-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e5eaf0;background:#f8fafc}.aiq-alert-center h4,.aiq-section h4{margin:2px 0 0;color:#101828;font-size:15px}.aiq-alert-center>header>span,.aiq-section>header>span{padding:5px 8px;border-radius:999px;background:#eef2f6;color:#475467;font-size:10px;font-weight:800}.aiq-alert-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.aiq-alert-list>article{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:11px;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:6px;background:#eff6ff}.aiq-alert-list>article.good{border-color:#bbf7d0;border-left-color:#16a34a;background:#f0fdf4}.aiq-alert-list>article.warn{border-color:#fde68a;border-left-color:#d97706;background:#fffbeb}.aiq-alert-list>article.danger{border-color:#fecaca;border-left-color:#dc2626;background:#fef2f2}.aiq-alert-list i{margin-top:2px;color:#1d4ed8}.aiq-alert-list .good i{color:#15803d}.aiq-alert-list .warn i{color:#b45309}.aiq-alert-list .danger i{color:#b91c1c}.aiq-alert-list div{display:grid;gap:3px;min-width:0}.aiq-alert-list strong{color:#101828;font-size:12px}.aiq-alert-list span{color:#475467;font-size:11px;line-height:1.5}.aiq-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.aiq-bars,.aiq-trend{display:grid;gap:9px;padding:12px}.aiq-bars>div{display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,2fr) 28px;align-items:center;gap:9px}.aiq-bars span,.aiq-trend span{color:#475467;font-size:10px;line-height:1.35}.aiq-bars strong{color:#101828;font-size:11px;text-align:right}.aiq-bars progress,.aiq-trend progress{width:100%;height:8px;accent-color:#b91c1c}.aiq-trend{max-height:340px;overflow:auto}.aiq-trend>article{display:grid;grid-template-columns:44px minmax(80px,1fr) 64px minmax(95px,1fr);align-items:center;gap:8px}.aiq-trend time{color:#344054;font-size:10px;font-weight:800}.aiq-trend strong{color:#101828;font-size:10px}.aiq-trend progress{accent-color:#2563eb}
@media(max-width:1200px){.aiq-metrics,.aiq-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.aiq-content-grid,.aiq-alert-list{grid-template-columns:1fr}.aiq-trend>article{grid-template-columns:42px minmax(70px,1fr) 60px}.aiq-trend>article span{grid-column:2/-1}}
@media(max-width:600px){.aiq-metrics,.aiq-score-grid{grid-template-columns:1fr}.aiq-metric{min-height:122px}.aiq-alert-center>header,.aiq-section>header{align-items:flex-start}.aiq-bars>div{grid-template-columns:minmax(92px,1fr) minmax(70px,1.5fr) 24px}}
/* Shared AI Privacy Notice */
.ai-privacy-banner{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid #bfdbfe;border-left:4px solid #2563eb;border-radius:7px;background:#f8fbff;color:#172033}.ai-privacy-banner>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:6px;background:#dbeafe;color:#1d4ed8;font-size:15px}.ai-privacy-banner>div{display:grid;gap:3px;min-width:0}.ai-privacy-banner strong{color:#101828!important;font-size:12px;font-weight:800}.ai-privacy-banner span{color:#475467!important;font-size:11px;line-height:1.55}.lga-shell>.ai-privacy-banner{margin:14px 0}.air-shell>.ai-privacy-banner{margin:0}
@media(max-width:600px){.ai-privacy-banner{padding:12px}.ai-privacy-banner>i{flex-basis:30px;width:30px;height:30px}}
/* AI Privacy Dashboard */
.ai-privacy-banner a{display:inline-flex;align-items:center;gap:6px;width:max-content;margin-top:2px;color:#1d4ed8!important;font-size:10px;font-weight:800;text-decoration:none}.ai-privacy-banner a:hover,.ai-privacy-banner a:focus-visible{color:#1e3a8a!important;text-decoration:underline;outline:none}
.aipr-shell{display:grid;gap:16px;width:100%;padding:0 18px 24px;color:#172033}.aipr-hero{position:relative;display:grid;gap:10px;padding:24px;border-top:4px solid #ef4444;border-radius:0 0 8px 8px;background:#12372a;color:#fff;overflow:hidden}.aipr-hero:after{content:"";position:absolute;right:0;bottom:0;width:34%;height:5px;background:#fbbf24}.aipr-kicker{display:flex;align-items:center;gap:7px;color:#bbf7d0;font-size:10px;font-weight:800;text-transform:uppercase}.aipr-hero h2{margin:0;color:#fff!important;font-size:27px;font-weight:800}.aipr-hero>p{max-width:780px;margin:0;color:#e7f6ed!important;font-size:13px;line-height:1.6}.aipr-scope{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:#d1fae5;font-size:11px}.aipr-scope strong{color:#fff}.aipr-scope small{padding:3px 6px;border-radius:4px;background:rgba(255,255,255,.12);color:#fff}.aipr-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}.aipr-actions>a{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 11px;border:1px solid rgba(255,255,255,.38);border-radius:6px;background:rgba(255,255,255,.09);color:#fff!important;text-decoration:none!important}.aipr-actions>a>i{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:5px;background:rgba(255,255,255,.14);color:#fff}.aipr-actions>a>span{display:grid;gap:2px}.aipr-actions strong{color:#fff!important;font-size:11px}.aipr-actions small{color:#d1fae5!important;font-size:9px}.aipr-actions>a:hover,.aipr-actions>a:focus-visible{border-color:#fff;background:#fff;color:#14532d!important;outline:none}.aipr-actions>a:hover i,.aipr-actions>a:focus-visible i,.aipr-actions>a:hover strong,.aipr-actions>a:focus-visible strong{color:#14532d!important}.aipr-actions>a:hover small,.aipr-actions>a:focus-visible small{color:#3f614f!important}
.aipr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.aipr-stat{display:grid;gap:6px;min-width:0;min-height:118px;padding:14px;border:1px solid #dce3ea;border-left:4px solid #2563eb;border-radius:7px;background:#fff;color:#172033!important;text-align:left;cursor:pointer}.aipr-stat small{color:#667085;font-size:10px;font-weight:800;text-transform:uppercase}.aipr-stat strong{color:#101828;font-size:25px;line-height:1}.aipr-stat span{color:#667085;font-size:10px;line-height:1.45}.aipr-stat.good{border-left-color:#16a34a}.aipr-stat.warn{border-left-color:#d97706}.aipr-stat.danger{border-left-color:#dc2626}.aipr-stat:hover,.aipr-stat:focus-visible{transform:translateY(-1px);border-color:#86efac;box-shadow:0 8px 22px rgba(15,23,42,.08);outline:none}
.aipr-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.aipr-side{position:sticky;top:76px;display:grid;gap:12px}.aipr-side nav{display:grid;gap:7px;padding:10px;border:1px solid #dde4eb;border-radius:8px;background:#fff}.aipr-side nav button{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:9px;border:1px solid transparent;border-radius:6px;background:#fff;color:#334155;text-align:left;cursor:pointer}.aipr-side nav button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:800}.aipr-side nav button>div{display:grid;gap:2px;min-width:0}.aipr-side nav strong{color:inherit;font-size:11px}.aipr-side nav small{color:#667085;font-size:9px;line-height:1.35}.aipr-side nav button:hover,.aipr-side nav button:focus-visible{border-color:#bbf7d0;background:#f0fdf4;color:#166534;outline:none}.aipr-side nav button.is-active{border-color:#166534;background:#166534;color:#fff}.aipr-side nav button.is-active>span{background:rgba(255,255,255,.16);color:#fff}.aipr-side nav button.is-active small{color:#dcfce7}.aipr-side-note{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid #bbf7d0;border-radius:7px;background:#f0fdf4}.aipr-side-note>i{margin-top:2px;color:#15803d}.aipr-side-note>div{display:grid;gap:3px}.aipr-side-note strong{color:#14532d;font-size:11px}.aipr-side-note span{color:#3f614f;font-size:10px;line-height:1.5}
.aipr-main{display:grid;gap:12px;min-width:0}.aipr-panel{min-width:0;border:1px solid #dde4eb;border-radius:8px;background:#fff;overflow:hidden}.aipr-panel[hidden]{display:none!important}.aipr-panel>header{padding:17px 18px;border-bottom:1px solid #e8edf2;background:#fbfcfd}.aipr-panel>header>small{color:#15803d;font-size:10px;font-weight:800;text-transform:uppercase}.aipr-panel>header h3{margin:4px 0 5px;color:#101828;font-size:19px;font-weight:800}.aipr-panel>header p{max-width:800px;margin:0;color:#667085;font-size:11px;line-height:1.55}.aipr-protection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}.aipr-protection-grid article{display:flex;align-items:flex-start;gap:11px;padding:13px;border:1px solid #e0e7ee;border-radius:7px;background:#fff}.aipr-protection-grid article>i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:6px;background:#dcfce7;color:#166534}.aipr-protection-grid article>div{display:grid;gap:4px}.aipr-protection-grid strong{color:#101828;font-size:12px}.aipr-protection-grid span{color:#667085;font-size:10px;line-height:1.5}.aipr-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 15px 15px;padding:12px;border:1px solid #dbe4ea;border-radius:7px;background:#f8fafc}.aipr-flow>span{display:inline-flex;align-items:center;gap:6px;color:#344054;font-size:10px;font-weight:700}.aipr-flow>span>b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#166534;color:#fff;font-size:9px}.aipr-flow>span>i{color:#15803d}.aipr-flow>.fa-arrow-right{color:#94a3b8}.aipr-callout{display:flex;gap:10px;margin:0 15px 15px;padding:12px;border:1px solid #fde68a;border-left:4px solid #d97706;border-radius:6px;background:#fffbeb}.aipr-callout.neutral{border-color:#bfdbfe;border-left-color:#2563eb;background:#eff6ff}.aipr-callout>i{margin-top:2px;color:#b45309}.aipr-callout.neutral>i{color:#1d4ed8}.aipr-callout>div{display:grid;gap:3px}.aipr-callout strong{color:#7c2d12;font-size:11px}.aipr-callout.neutral strong{color:#1e3a8a}.aipr-callout span{color:#694a19;font-size:10px;line-height:1.5}.aipr-callout.neutral span{color:#334e75}
.aipr-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:15px}.aipr-policy-grid article{display:grid;gap:7px;padding:14px;border:1px solid #dbe5df;border-top:4px solid #16a34a;border-radius:7px;background:#fafffb}.aipr-policy-grid i{color:#15803d;font-size:17px}.aipr-policy-grid small{color:#667085;font-size:10px;font-weight:800}.aipr-policy-grid strong{color:#14532d;font-size:24px}.aipr-policy-grid span{color:#667085;font-size:10px}.aipr-retention-state{display:flex;align-items:flex-start;gap:11px;margin:0 15px 15px;padding:14px;border:1px solid #bbf7d0;border-radius:7px;background:#f0fdf4}.aipr-retention-state.is-warning{border-color:#fde68a;background:#fffbeb}.aipr-retention-state>i{font-size:20px;color:#16a34a}.aipr-retention-state.is-warning>i{color:#d97706}.aipr-retention-state>div{display:grid;gap:3px}.aipr-retention-state strong{color:#14532d;font-size:12px}.aipr-retention-state.is-warning strong{color:#7c2d12}.aipr-retention-state span{color:#3f614f;font-size:10px;line-height:1.5}.aipr-retention-state.is-warning span{color:#694a19}
.aipr-family-list,.aipr-run-list{display:grid;gap:9px;padding:15px}.aipr-family-list article{display:grid;grid-template-columns:38px minmax(170px,1.2fr) minmax(380px,2fr);align-items:center;gap:12px;padding:12px;border:1px solid #e0e7ee;border-radius:7px}.aipr-family-icon,.aipr-run-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:#dcfce7;color:#166534}.aipr-family-copy{display:grid;gap:3px}.aipr-family-copy strong{color:#101828;font-size:11px}.aipr-family-copy span{color:#667085;font-size:9px;line-height:1.45}.aipr-family-metrics{display:grid;grid-template-columns:repeat(5,minmax(58px,1fr));gap:6px}.aipr-family-metrics>span{display:grid;gap:3px;padding:7px;border-radius:5px;background:#f8fafc}.aipr-family-metrics small{color:#667085;font-size:8px}.aipr-family-metrics b{color:#101828;font-size:11px}.aipr-empty{display:flex;align-items:flex-start;gap:12px;margin:15px;padding:18px;border:1px dashed #a7d8b8;border-radius:7px;background:#f7fcf8}.aipr-empty>i{font-size:22px;color:#16a34a}.aipr-empty>div{display:grid;gap:4px}.aipr-empty strong{color:#14532d;font-size:12px}.aipr-empty span{color:#4d6857;font-size:10px;line-height:1.5}.aipr-run-list article{display:grid;grid-template-columns:38px minmax(160px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #e0e7ee;border-radius:7px}.aipr-run-list article>div:nth-child(2){display:grid;gap:3px}.aipr-run-list strong{color:#101828;font-size:11px}.aipr-run-list span{color:#667085;font-size:9px}.aipr-run-counts{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.aipr-run-counts span{padding:6px 8px;border-radius:5px;background:#f1f5f9}.aipr-run-counts b{color:#101828}
.aipr-toast-wrap{position:fixed;right:18px;top:82px;z-index:1400;display:grid;gap:8px;width:min(340px,calc(100vw - 32px));pointer-events:none}.aipr-toast{display:flex;align-items:flex-start;gap:9px;padding:11px 12px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:7px;background:#fff;color:#172033;box-shadow:0 14px 36px rgba(15,23,42,.16);animation:aiprToastIn .2s ease}.aipr-toast i{margin-top:2px;color:#15803d}.aipr-toast span{font-size:11px;line-height:1.45}@keyframes aiprToastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.aipr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.aipr-layout{grid-template-columns:220px minmax(0,1fr)}.aipr-family-list article{grid-template-columns:38px minmax(0,1fr)}.aipr-family-metrics{grid-column:2}}
@media(max-width:800px){.aipr-shell{padding:0 12px 20px}.aipr-layout{grid-template-columns:1fr}.aipr-side{position:static}.aipr-side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.aipr-policy-grid,.aipr-protection-grid{grid-template-columns:1fr}.aipr-family-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.aipr-hero{padding:19px 15px}.aipr-hero h2{font-size:23px}.aipr-actions,.aipr-actions>a{width:100%}.aipr-summary,.aipr-side nav{grid-template-columns:1fr}.aipr-stat{min-height:104px}.aipr-family-list article,.aipr-run-list article{grid-template-columns:36px minmax(0,1fr)}.aipr-family-metrics,.aipr-run-counts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.aipr-run-counts{display:grid}.aipr-flow{align-items:flex-start;flex-direction:column}.aipr-flow>.fa-arrow-right{transform:rotate(90deg);margin-left:8px}}
/* AI Privacy Dashboard Refinement */
.aipr-hero{gap:11px;padding:22px 24px}.aipr-hero>p{font-size:14px;line-height:1.55}.aipr-kicker{font-size:11px}.aipr-scope{font-size:12px}.aipr-assurance{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.aipr-assurance span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#ecfdf3;font-size:10px;font-weight:800}.aipr-assurance i{color:#86efac}.aipr-actions>a{min-height:51px;padding:9px 12px}.aipr-actions strong{font-size:12px}.aipr-actions small{font-size:10px}
.aipr-stat{min-height:108px;padding:15px}.aipr-stat small{font-size:11px}.aipr-stat strong{font-size:27px}.aipr-stat span{font-size:11px;line-height:1.5}.aipr-layout{grid-template-columns:245px minmax(0,1fr);gap:16px}.aipr-side nav button{min-height:57px;padding:10px}.aipr-side nav strong{font-size:12px}.aipr-side nav small,.aipr-side-note span{font-size:10px}.aipr-side-note strong{font-size:12px}.aipr-panel>header{padding:18px 19px}.aipr-panel>header>small{font-size:11px}.aipr-panel>header h3{font-size:20px}.aipr-panel>header p{font-size:12px}.aipr-protection-grid strong,.aipr-retention-state strong{font-size:13px}.aipr-protection-grid span,.aipr-retention-state span,.aipr-callout span{font-size:11px}.aipr-callout strong{font-size:12px}.aipr-flow>span{font-size:11px}.aipr-policy-grid article{min-height:142px}.aipr-policy-grid small{font-size:11px}.aipr-policy-grid strong{font-size:26px}.aipr-policy-grid span{font-size:11px}.aipr-policy-grid article:nth-child(1){border-color:#fecaca;border-top-color:#dc2626;background:#fffafa}.aipr-policy-grid article:nth-child(1) i,.aipr-policy-grid article:nth-child(1) strong{color:#b91c1c}.aipr-policy-grid article:nth-child(2){border-color:#a7f3d0;border-top-color:#059669;background:#f7fffb}.aipr-policy-grid article:nth-child(2) i,.aipr-policy-grid article:nth-child(2) strong{color:#047857}.aipr-policy-grid article:nth-child(3){border-color:#bfdbfe;border-top-color:#2563eb;background:#f8fbff}.aipr-policy-grid article:nth-child(3) i,.aipr-policy-grid article:nth-child(3) strong{color:#1d4ed8}.aipr-family-copy strong,.aipr-run-list strong{font-size:12px}.aipr-family-copy span,.aipr-family-metrics b,.aipr-run-list span{font-size:10px}.aipr-family-metrics small{font-size:9px}
@media(max-width:800px){.aipr-layout{grid-template-columns:minmax(0,1fr)}.aipr-hero{padding:20px 18px}.aipr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.aipr-side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.aipr-side nav button{min-height:62px}.aipr-family-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.aipr-hero>p{font-size:13px}.aipr-assurance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.aipr-assurance span{justify-content:flex-start;white-space:normal}.aipr-assurance span:last-child{grid-column:1/-1}.aipr-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.aipr-stat{min-height:126px;padding:12px}.aipr-stat small{font-size:10px}.aipr-stat strong{font-size:23px}.aipr-stat span{font-size:10px}.aipr-side nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.aipr-side nav button{grid-template-columns:28px minmax(0,1fr);min-height:74px;padding:8px}.aipr-side nav button>span{width:27px;height:27px}.aipr-side nav strong{font-size:11px}.aipr-side nav small{font-size:9px}.aipr-panel>header h3{font-size:19px}.aipr-policy-grid article{min-height:0}.aipr-family-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){.aipr-summary,.aipr-side nav,.aipr-assurance{grid-template-columns:1fr}.aipr-assurance span:last-child{grid-column:auto}}
/* AI Privacy content-width step pager */
.aipr-main>.ns-step-pager{width:100%;max-width:none;min-width:0;margin-left:0;margin-right:0;box-sizing:border-box}
/* DÖF shared content-width step pagers */
.dof-create-main>.ns-step-pager,.dsre-main>.ns-step-pager{width:100%;max-width:none;min-width:0;margin-left:0;margin-right:0;box-sizing:border-box}
.dof-create-flow-status.ns-step-meta,.dsre-step-status.ns-step-meta{display:flex;align-items:center;gap:10px}
.dof-create-flow-copy,.dsre-step-copy{display:grid;gap:2px;min-width:0}
.dof-create-footer-actions.ns-step-actions,.dsre-footer-actions.ns-step-actions{justify-content:flex-end}
/* DÖF edit shared step flow */
.dof-edit-main>.ns-step-pager{width:100%;max-width:none;min-width:0;margin-left:0;margin-right:0;box-sizing:border-box}
.dof-edit-step-status.ns-step-meta{display:flex;align-items:center;gap:10px}
.dof-edit-step-copy{display:grid;gap:2px;min-width:0}
.dof-edit-step-copy small{color:#b91c1c;font-size:11px;font-weight:800}
.dof-edit-step-copy strong{color:#0f172a;font-size:14px}
.dof-edit-footer-actions.ns-step-actions{justify-content:flex-end}
.dsre-main>.ns-step-pager{width:calc(100% + 2px);max-width:calc(100% + 2px);margin-left:-1px;margin-right:-1px}

/* Ziyaret Yönetimi - ortak profesyonel ekran standardı */
.visit-index-hero{background:linear-gradient(115deg,#12352f 0%,#0f766e 58%,#15803d 100%)}
.vd-hero{background:linear-gradient(115deg,#1b2f2b 0%,#176b5b 62%,#a61b1b 100%)}
.vc-hero{background:linear-gradient(115deg,#17352f 0%,#0f766e 60%,#2563a8 100%)}
.visit-create-hero{background:linear-gradient(115deg,#183b36 0%,#137c6b 62%,#c2410c 100%)}
.visit-hero{background:linear-gradient(115deg,#17342f 0%,#11695e 58%,#b42318 100%)}
.visit-index-hero a,.vd-hero a,.vc-hero a,.visit-create-hero a,.visit-hero a{color:#fff}
.visit-index-hero a:hover,.visit-index-hero a:focus,.vd-hero a:hover,.vd-hero a:focus,.vc-hero a:hover,.vc-hero a:focus,.visit-create-hero a:hover,.visit-create-hero a:focus,.visit-hero a:hover,.visit-hero a:focus{color:#fff;text-decoration:none}
.visit-summary-filter{width:100%;font:inherit;text-align:left;cursor:pointer;appearance:none}
.visit-summary-filter:hover,.visit-summary-filter:focus{border-color:#99c9be;box-shadow:0 10px 26px rgba(15,118,110,.12);outline:none;transform:translateY(-1px)}
.visit-summary-filter.active{border-color:#5ba798;background:#f0fdfa;box-shadow:inset 0 0 0 1px rgba(15,118,110,.12)}
.visit-summary-filter.active:before{background:#0f766e}
.visit-toolbar-field,.visit-search-field{display:flex;align-items:center;gap:8px;margin:0;color:#64748b;font-size:12px;font-weight:700}
.visit-search-field{position:relative}
.visit-search-field>i{position:absolute;left:12px;color:#64748b;z-index:1}
.visit-search-field .visit-list-search{padding-left:34px}
.visit-detail-control-col{display:none}
.visit-row-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f766e;font-size:17px;font-weight:800;line-height:1}
.visit-mini-btn.is-cancel{color:#b42318;border-color:#fecaca;background:#fff7f7}
.visit-mini-btn.is-cancel:hover,.visit-mini-btn.is-cancel:focus{color:#991b1b;border-color:#fca5a5;background:#fff1f2}
.visit-step-pager{width:100%;max-width:none;min-width:0;margin-top:14px;box-sizing:border-box}
.visit-step-pager .ns-step-meta{min-width:0}
.visit-step-pager .ns-step-meta span{color:#b42318;font-weight:800}
.visit-step-pager .ns-step-meta strong{color:#0f172a;font-size:13px}
.visit-step-pager .ns-step-actions{margin-left:auto}
.visit-step-pager .ns-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:767px){
  .visit-index-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visit-summary-card{min-height:108px;padding:13px 12px 13px 16px}
  .visit-list-toolbar,.visit-list-toolbar-left,.visit-list-toolbar-right{width:100%;align-items:stretch}
  .visit-list-toolbar{display:grid}
  .visit-list-toolbar-left{justify-content:space-between}
  .visit-list-toolbar-right{order:2}
  .visit-toolbar-field{flex:0 1 auto}
  .visit-search-field,.visit-search-field .visit-list-search{width:100%}
  .visit-table-wrap{overflow:visible;border:1px solid #e5e7eb;border-radius:8px}
  .visit-table{min-width:0;table-layout:fixed}
  .visit-table th,.visit-table td{padding:10px 7px}
  .visit-detail-control-col{display:table-cell!important;width:42px}
  .visit-table th:nth-child(2),.visit-table td:nth-child(2){width:54px}
  .visit-table th:nth-child(3),.visit-table td:nth-child(3){width:92px}
  .visit-table th:nth-child(4),.visit-table td:nth-child(4){width:auto}
  .visit-table th:nth-child(5),.visit-table td:nth-child(5),.visit-table th:nth-child(6),.visit-table td:nth-child(6),.visit-table th:nth-child(7),.visit-table td:nth-child(7){display:none}
  .visit-table th:nth-child(8),.visit-table td:nth-child(8){width:78px}
  .visit-cell-stack span{font-size:11px}
  .visit-mobile-detail-row td{display:table-cell!important;padding:0!important;background:#f8fafc!important}
  .visit-mobile-detail-grid{display:grid;gap:8px;padding:12px}
  .visit-mobile-detail-grid>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;align-items:start;padding:9px;border:1px solid #e2e8f0;border-radius:7px;background:#fff}
  .visit-mobile-detail-grid>div>strong{color:#475569;font-size:11px}
  .visit-mobile-detail-grid>div>span{min-width:0;color:#0f172a;font-size:12px}
  .visit-step-pager{position:sticky;bottom:6px;z-index:20;display:grid;grid-template-columns:minmax(0,1fr)}
  .visit-step-pager .ns-step-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0}
  .visit-step-pager .ns-btn{width:100%}
}
/* Ziyaret Yönetimi - kontrol listeleri standardı */
.cl-hero{background:linear-gradient(115deg,#163a34 0%,#0f766e 62%,#d97706 100%);border:0;color:#fff;box-shadow:0 16px 36px rgba(15,118,110,.16)}
.cli-hero{background:linear-gradient(115deg,#183831 0%,#15806e 60%,#b42318 100%);border:0;color:#fff;box-shadow:0 16px 36px rgba(15,118,110,.16)}
.cl-hero h3,.cli-hero h3{color:#fff}.cl-hero p,.cli-hero p{max-width:880px;color:rgba(255,255,255,.9);font-size:14px}.cl-hero .btn-default,.cli-hero .btn-default{border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.1);color:#fff}.cl-hero .btn-default:hover,.cl-hero .btn-default:focus,.cli-hero .btn-default:hover,.cli-hero .btn-default:focus{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.2);color:#fff}.cl-hero .btn-primary,.cli-hero .btn-primary{border-color:#fff;background:#fff;color:#991b1b}.cl-hero .btn-primary:hover,.cl-hero .btn-primary:focus,.cli-hero .btn-primary:hover,.cli-hero .btn-primary:focus{border-color:#fee2e2;background:#fee2e2;color:#7f1d1d}
.cl-stat,.cli-stat{position:relative;width:100%;min-height:104px;text-align:left;font:inherit;appearance:none;cursor:pointer}.cl-stat small,.cli-stat small{display:block;margin-top:7px;color:#64748b;font-size:11px}.cl-stat-filter:hover,.cl-stat-filter:focus,.cli-stat-filter:hover,.cli-stat-filter:focus{border-color:#99c9be;outline:none;box-shadow:0 10px 24px rgba(15,118,110,.1)}.cl-stat-filter.active,.cli-stat-filter.active{border-color:#5ba798;background:#f0fdfa;box-shadow:inset 0 0 0 1px rgba(15,118,110,.1)}
.cl-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cl-table-toolbar-left{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px}.cl-table-toolbar select{width:auto;min-width:104px;min-height:38px}.cl-search{position:relative;display:block;margin:0}.cl-search i{position:absolute;left:12px;top:12px;color:#64748b;z-index:1}.cl-search input{width:260px;min-height:38px;padding-left:34px}.cl-id{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:6px 8px;border-radius:7px;background:#f1f5f9;color:#0f172a;font-size:12px;font-weight:800}.cl-detail-col,.cli-detail-col{display:none}.cl-row-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f766e;font-size:17px;font-weight:800}.cl-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#64748b;font-size:12px}.cl-pagination>div{display:flex;gap:8px}.cl-filter-empty{display:none;margin-top:12px}.cl-filter-empty.is-visible{display:block}.cli-item-text{color:#0f172a;font-size:13px;line-height:1.55}.cl-modal-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}.cl-modal-body textarea{resize:vertical}.cl-toast-wrap{position:fixed;top:74px;right:18px;z-index:10050;display:grid;gap:10px;pointer-events:none}.cl-toast{display:flex;align-items:flex-start;gap:10px;min-width:290px;max-width:380px;padding:12px 14px;border:1px solid #bbf7d0;border-left:4px solid #16a34a;border-radius:8px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.18);opacity:0;transform:translateY(-8px);transition:.2s ease;pointer-events:auto}.cl-toast.is-visible{opacity:1;transform:none}.cl-toast.warning{border-color:#fde68a;border-left-color:#f59e0b}.cl-toast i{margin-top:2px;color:#15803d}.cl-toast.warning i{color:#b45309}.cl-toast strong,.cl-toast span{display:block}.cl-toast strong{color:#0f172a;font-size:13px}.cl-toast span{margin-top:3px;color:#475569;font-size:12px;line-height:1.5}
@media(max-width:767px){.cl-summary,.cli-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-stat,.cli-stat{min-height:102px;padding:13px}.cl-table-toolbar{display:grid}.cl-table-toolbar-left{justify-content:space-between;flex-wrap:wrap}.cl-search,.cl-search input{width:100%}.cl-table-wrap,.cli-table-wrap{overflow:visible;border:1px solid #e5e7eb;border-radius:8px}.cl-table,.cli-table{table-layout:fixed}.cl-table th,.cl-table td,.cli-table th,.cli-table td{padding:10px 7px}.cl-detail-col,.cli-detail-col{display:table-cell!important;width:42px}.cl-table th:nth-child(2),.cl-table td:nth-child(2),.cli-table th:nth-child(2),.cli-table td:nth-child(2){width:48px}.cl-table th:nth-child(4),.cl-table td:nth-child(4),.cli-table th:nth-child(4),.cli-table td:nth-child(4){display:none}.cl-table th:nth-child(5),.cl-table td:nth-child(5),.cli-table th:nth-child(5),.cli-table td:nth-child(5){width:96px}.cl-mobile-detail-row td{display:table-cell!important;padding:0!important;background:#f8fafc!important}.cl-mobile-detail-grid{padding:10px}.cl-mobile-detail-grid>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid #e2e8f0;border-radius:7px;background:#fff}.cl-mobile-detail-grid strong{color:#475569;font-size:11px}.cl-pagination{align-items:stretch}.cl-pagination>div{margin-left:auto}.cl-toast-wrap{left:12px;right:12px}.cl-toast{min-width:0;max-width:none}.cl-modal,.cli-confirm{align-items:flex-end;padding:8px}.cl-modal-card,.cli-confirm-card{max-height:92vh;overflow:auto}}
/* Ziyaret gösterge merkezi - karar ve öncelik katmanı */
.vd-filter-actions .vd-filter-apply,
.vd-filter-actions .vd-filter-clear {
    width: auto;
    min-width: 104px;
    padding: 0 14px;
    gap: 7px;
    white-space: nowrap;
}
.vd-filter-actions .vd-filter-apply {
    border-color: #b42318;
    background: #b42318;
    color: #fff;
}
.vd-filter-actions .vd-filter-apply:hover,
.vd-filter-actions .vd-filter-apply:focus {
    border-color: #8f1d15;
    background: #8f1d15;
    color: #fff;
}
.vd-plan-alert {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    margin-bottom: 14px;
    padding: 14px 16px;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    background: #f0fdf4;
    color: #166534;
}
.vd-plan-alert.is-warning {
    border-color: #fecaca;
    background: #fff7f7;
    color: #991b1b;
}
.vd-plan-alert > i {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: rgba(22, 101, 52, .10);
    font-size: 18px;
}
.vd-plan-alert.is-warning > i { background: rgba(153, 27, 27, .10); }
.vd-plan-alert strong,
.vd-plan-alert span { display: block; }
.vd-plan-alert strong { font-size: 14px; line-height: 1.35; }
.vd-plan-alert span { margin-top: 3px; color: #475569; font-size: 12px; line-height: 1.5; }
.vd-plan-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.vd-card-priority { border-color: #fecaca; }
.vd-card-priority .vd-cardhead { border-top: 3px solid #b42318; }
.vd-item.is-overdue { border-color: #fecaca; background: #fffafa; }
.vd-item:hover,
.vd-item:focus { border-color: #94a3b8; background: #f8fafc; text-decoration: none; }
@media (max-width: 1499px) {
    .vd-plan-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .vd-plan-grid { grid-template-columns: 1fr; }
}
@media (max-width: 767px) {
    .vd-filter-actions .vd-filter-apply,
    .vd-filter-actions .vd-filter-clear { width: 100%; }
    .vd-plan-alert { grid-template-columns: 32px minmax(0, 1fr); padding: 12px; }
    .vd-plan-alert > i { width: 32px; height: 32px; }
}
/* Ziyaret gösterge merkezi - buton okunabilirlik standardı */
.vd-hero .vd-action {
    min-height: 40px;
    border-color: rgba(255,255,255,.48);
    background: rgba(15,23,42,.42);
    color: #fff;
    box-shadow: none;
}
.vd-hero .vd-action:hover,
.vd-hero .vd-action:focus {
    border-color: #fff;
    background: #fff;
    color: #153f37;
    outline: none;
}
.vd-hero .vd-action.primary {
    border-color: #b42318;
    background: #b42318;
    color: #fff;
    box-shadow: 0 8px 18px rgba(45, 12, 12, .22);
}
.vd-hero .vd-action.primary:hover,
.vd-hero .vd-action.primary:focus {
    border-color: #fff;
    background: #fff;
    color: #991b1b;
}
.vd-filter-tool {
    width: auto;
    min-width: 78px;
    padding: 0 12px;
    gap: 7px;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}
.vd-filter-tool:first-child { border-color: #bbf7d0; color: #166534; background: #f0fdf4; }
.vd-filter-tool:first-child:hover,
.vd-filter-tool:first-child:focus { border-color: #16a34a; color: #14532d; background: #dcfce7; }
.vd-filter-tool:last-child { border-color: #fecaca; color: #b42318; background: #fff7f7; }
.vd-filter-tool:last-child:hover,
.vd-filter-tool:last-child:focus { border-color: #dc2626; color: #991b1b; background: #fee2e2; }
.vd-filter-actions .btn {
    font-weight: 800;
    line-height: 1;
}
.vd-filter-actions .vd-filter-clear:hover,
.vd-filter-actions .vd-filter-clear:focus {
    border-color: #94a3b8;
    background: #f1f5f9;
    color: #0f172a;
}
.vd-stat-link {
    appearance: none;
    font: inherit;
    color: #0f172a;
}
.vd-stat-link:focus-visible,
.vd-navbtn:focus-visible,
.vd-action:focus-visible,
.vd-filter-tool:focus-visible,
.vd-filter-actions .btn:focus-visible,
.visit-step-pager .ns-btn:focus-visible {
    outline: 3px solid rgba(37,99,235,.28);
    outline-offset: 2px;
}
.visit-step-pager .ns-btn {
    min-width: 104px;
    color: #344054;
    background: #fff;
    border-color: #d0d5dd;
}
.visit-step-pager .ns-btn:hover,
.visit-step-pager .ns-btn:focus { color: #111827; background: #f8fafc; border-color: #98a2b3; }
.visit-step-pager .ns-btn.primary { color: #fff; background: #b42318; border-color: #b42318; }
.visit-step-pager .ns-btn.primary:hover,
.visit-step-pager .ns-btn.primary:focus { color: #fff; background: #8f1d15; border-color: #8f1d15; }
.visit-step-pager .ns-btn:disabled,
.visit-step-pager .ns-btn:disabled:hover {
    color: #98a2b3;
    background: #f8fafc;
    border-color: #e4e7ec;
    opacity: 1;
}
@media (max-width: 767px) {
    .vd-filter-tools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .vd-filter-tool { width: 100%; }
}
/* Ziyaret gösterge merkezi - kart içi sayfalama */
.vd-card-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
}
.vd-card-pagination > span {
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}
.vd-card-pagination > span strong { color: #0f172a; font-weight: 800; }
.vd-card-pagination-actions { display: flex; align-items: center; gap: 7px; }
.vd-page-btn {
    display: inline-flex;
    min-width: 76px;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid #d0d5dd;
    border-radius: 8px;
    background: #fff;
    color: #344054;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}
.vd-page-btn:hover,
.vd-page-btn:focus { border-color: #98a2b3; background: #f8fafc; color: #111827; text-decoration: none; }
.vd-page-btn.is-primary { border-color: #b42318; background: #b42318; color: #fff; }
.vd-page-btn.is-primary:hover,
.vd-page-btn.is-primary:focus { border-color: #8f1d15; background: #8f1d15; color: #fff; }
.vd-page-btn:focus-visible { outline: 3px solid rgba(37,99,235,.26); outline-offset: 2px; }
.vd-page-btn:disabled,
.vd-page-btn:disabled:hover { border-color: #e4e7ec; background: #f8fafc; color: #98a2b3; cursor: not-allowed; }
@media (max-width: 767px) {
    .vd-card-pagination { align-items: stretch; flex-direction: column; }
    .vd-card-pagination-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .vd-page-btn { width: 100%; }
}
/* Ziyaret gösterge merkezi - kayıt sayısı seçici */
.vd-cardhead-with-tools {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.vd-cardhead-with-tools > div { min-width: 0; }
.vd-page-size-form {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 8px;
}
.vd-page-size-form label {
    margin: 0;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}
.vd-page-size-form .form-control {
    width: 100px;
    padding: 0 24px 0 9px;
    min-height: 36px;
    height: 36px;
    border-radius: 8px;
    border-color: #d0d5dd;
    background: #fff;
    color: #0f172a;
    font-size: 11px;
    font-weight: 800;
}
.vd-page-size-form .form-control:focus {
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37,99,235,.16);
    outline: none;
}
@media (max-width: 767px) {
    .vd-cardhead-with-tools { flex-direction: column; }
    .vd-page-size-form { width: 100%; justify-content: space-between; }
    .vd-page-size-form .form-control { width: 100px; }
}
/* Ziyaret listesi - karar desteği, okunabilirlik ve responsive tablo */
.visit-index-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.visit-summary-filter.is-overdue:before{background:#dc2626}
.visit-summary-filter.is-overdue.active{border-color:#fca5a5;background:#fff1f2}
.visit-summary-filter.is-overdue.active:before{background:#b91c1c}
.visit-index-hero .visit-index-action{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.visit-index-hero .visit-index-action:hover,
.visit-index-hero .visit-index-action:focus{border-color:#fff;background:#fff;color:#12352f;text-shadow:none}
.visit-index-hero .visit-index-action.primary{border-color:#fff;background:#c81e1e;color:#fff;text-shadow:none}
.visit-index-hero .visit-index-action.primary:hover,
.visit-index-hero .visit-index-action.primary:focus{border-color:#fee2e2;background:#fff;color:#991b1b}
.visit-quick-filter.filter-overdue{border-color:#fecaca;background:linear-gradient(180deg,#fff1f2 0%,#fff 100%);color:#b91c1c}
.visit-quick-filter.filter-overdue.active{border-color:#f87171;background:#fee2e2;color:#991b1b;box-shadow:inset 0 0 0 1px rgba(185,28,28,.1)}
.visit-quick-filter.filter-tasks{border-color:#99f6e4;background:linear-gradient(180deg,#f0fdfa 0%,#fff 100%);color:#0f766e}
.visit-quick-filter.filter-tasks.active{border-color:#5eead4;background:#ccfbf1;color:#115e59}
.visit-list-toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.visit-list-sort{width:auto;min-width:168px;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;font-size:12px;font-weight:700}
.visit-table{min-width:1180px}
.visit-priority-chip,
.visit-date-signal{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border:1px solid transparent;border-radius:7px;font-size:11px!important;font-weight:800;line-height:1.25}
.visit-priority-chip.is-critical,.visit-date-signal.is-overdue{border-color:#fecaca;background:#fee2e2;color:#991b1b}
.visit-priority-chip.is-high{border-color:#fed7aa;background:#fff7ed;color:#9a3412}
.visit-priority-chip.is-near,.visit-date-signal.is-near{border-color:#fde68a;background:#fffbeb;color:#92400e}
.visit-priority-chip.is-normal,.visit-date-signal.is-today{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.visit-priority-chip.is-closed{border-color:#d1fae5;background:#ecfdf5;color:#166534}
.visit-mini-btn{width:auto;min-width:0;height:auto;min-height:34px;padding:7px 10px;gap:6px;white-space:nowrap;font-size:12px;font-weight:800}
.visit-mini-btn.is-view{border-color:#bae6fd;background:#f0f9ff;color:#075985}
.visit-mini-btn.is-view:hover,.visit-mini-btn.is-view:focus{border-color:#7dd3fc;background:#e0f2fe;color:#0c4a6e}
.visit-mini-btn.is-cancel{border-color:#fecaca;background:#c81e1e;color:#fff}
.visit-mini-btn.is-cancel:hover,.visit-mini-btn.is-cancel:focus{border-color:#991b1b;background:#991b1b;color:#fff}
.visit-page-btn:hover,.visit-page-btn:focus{border-color:#94a3b8;background:#f8fafc;color:#0f172a}
.visit-page-btn.is-primary{border-color:#b91c1c;background:#b91c1c;color:#fff}
.visit-page-btn.is-primary:hover,.visit-page-btn.is-primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}
.visit-index-action:focus-visible,.visit-summary-filter:focus-visible,.visit-quick-filter:focus-visible,
.visit-list-sort:focus-visible,.visit-list-search:focus-visible,.visit-row-toggle:focus-visible,
.visit-mini-btn:focus-visible,.visit-page-btn:focus-visible{outline:3px solid rgba(250,204,21,.78);outline-offset:2px}
@media(max-width:1280px){
  .visit-index-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  .visit-index-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .visit-list-toolbar-right{display:grid;grid-template-columns:1fr;width:100%}
  .visit-toolbar-field:has(.visit-list-sort){display:grid;grid-template-columns:auto minmax(0,1fr)}
  .visit-list-sort{width:100%;min-width:0}
  .visit-table{min-width:0}
  .visit-table th:nth-child(2),.visit-table td:nth-child(2),
  .visit-table th:nth-child(4),.visit-table td:nth-child(4),
  .visit-table th:nth-child(6),.visit-table td:nth-child(6),
  .visit-table th:nth-child(7),.visit-table td:nth-child(7),
  .visit-table th:nth-child(8),.visit-table td:nth-child(8){display:none}
  .visit-table th:nth-child(3),.visit-table td:nth-child(3){width:86px}
  .visit-table th:nth-child(5),.visit-table td:nth-child(5){display:table-cell;width:auto}
  .visit-table th:nth-child(9),.visit-table td:nth-child(9){display:table-cell;width:102px}
  .visit-action-group{display:grid;grid-template-columns:1fr;gap:5px}
  .visit-action-group form{display:block}
  .visit-action-group .visit-mini-btn{width:100%;justify-content:center;padding:6px 7px;font-size:11px}
}
@media(max-width:420px){
  .visit-index-summary{grid-template-columns:1fr}
}
/* Ziyaret takvimi - plan takibi, okunabilirlik ve responsive karar alanı */
.vc-hero .vc-action{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.12);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.vc-hero .vc-action:hover,.vc-hero .vc-action:focus{border-color:#fff;background:#fff;color:#17352f;text-shadow:none}
.vc-hero .vc-action.primary{border-color:#fff;background:#c81e1e;color:#fff;text-shadow:none}
.vc-hero .vc-action.primary:hover,.vc-hero .vc-action.primary:focus{border-color:#fee2e2;background:#fff;color:#991b1b}
.vc-tools{align-items:center}
.vc-tool-icon{width:auto;min-width:86px;height:38px;padding:0 12px;gap:7px;border-color:#bbf7d0;background:#f0fdf4;color:#166534;font-size:12px;font-weight:800}
.vc-tool-icon:hover,.vc-tool-icon:focus{border-color:#86efac;background:#dcfce7;color:#14532d}
.vc-tool-icon.is-pdf{border-color:#fecaca;background:#fff1f2;color:#991b1b}
.vc-tool-icon.is-pdf:hover,.vc-tool-icon.is-pdf:focus{border-color:#fca5a5;background:#fee2e2;color:#7f1d1d}
.vc-filter-actions .btn{width:auto;min-width:104px;height:42px;padding:0 13px;gap:7px;font-size:12px;font-weight:800}
.vc-filter-actions .btn-primary{border-color:#b91c1c;background:#b91c1c;color:#fff}
.vc-filter-actions .btn-primary:hover,.vc-filter-actions .btn-primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}
.vc-filter-actions .btn-default{border-color:#cbd5e1;background:#fff;color:#334155}
.vc-filter-actions .btn-default:hover,.vc-filter-actions .btn-default:focus{border-color:#94a3b8;background:#f8fafc;color:#0f172a}
.vc-stat-link.is-overdue{border-color:#fecaca;background:linear-gradient(180deg,#fff1f2 0%,#fff 100%)}
.vc-stat-link.is-overdue:hover,.vc-stat-link.is-overdue:focus{border-color:#f87171;box-shadow:0 12px 28px rgba(185,28,28,.12)}
.fc .fc-button{background:#164e63!important;border-color:#164e63!important;color:#fff!important;font-weight:700!important}
.fc .fc-button:hover,.fc .fc-button:focus,.fc .fc-button-active{background:#0f766e!important;border-color:#0f766e!important;color:#fff!important}
.fc .fc-daygrid-event{border-width:0!important;box-shadow:0 3px 8px rgba(15,23,42,.13)}
.fc .fc-event-main,.fc .fc-event-main-frame,.fc .fc-list-event-title a{color:#fff!important}
.fc .fc-list-event-title a{color:#0f172a!important}
.vc-event-title{color:#fff;font-size:12px;font-weight:800;line-height:1.35;text-shadow:0 1px 1px rgba(0,0,0,.24)}
.vc-event-priority,.vc-event-badge{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid rgba(255,255,255,.46);border-radius:6px;background:rgba(255,255,255,.92);color:#0f172a;font-size:10px;font-weight:900;line-height:1.2;text-shadow:none}
.vc-event-badge.is-critical{border-color:#fecaca;background:#fee2e2;color:#991b1b}
.vc-legend-dot.is-planned{background:#2563eb}.vc-legend-dot.is-overdue{background:#c2410c}.vc-legend-dot.is-finding{background:#b45309}.vc-legend-dot.is-critical{background:#991b1b}
.vc-plan-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vc-plan-filter{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800}
.vc-plan-filter span{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:21px;padding:0 6px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:10px}
.vc-plan-filter:hover,.vc-plan-filter:focus,.vc-plan-filter.is-active{border-color:#7dd3fc;background:#f0f9ff;color:#075985}
.vc-plan-filter.is-overdue{border-color:#fecaca;color:#b91c1c}.vc-plan-filter.is-overdue.is-active{border-color:#f87171;background:#fee2e2;color:#991b1b}
.vc-plan-filter.is-today{border-color:#fde68a;color:#92400e}.vc-plan-filter.is-today.is-active{border-color:#facc15;background:#fef9c3;color:#713f12}
.vc-plan-filter.is-upcoming{border-color:#bbf7d0;color:#166534}.vc-plan-filter.is-upcoming.is-active{border-color:#86efac;background:#dcfce7;color:#14532d}
.vc-plan-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.vc-plan-toolbar-left{display:flex;align-items:center;gap:10px;color:#64748b;font-size:12px;font-weight:700}
.vc-plan-toolbar-left label{display:flex;align-items:center;gap:7px;margin:0}
.vc-plan-toolbar select{width:auto;min-width:108px;min-height:38px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a;font-weight:700}
.vc-plan-search{position:relative;display:block;width:min(290px,100%);margin:0}
.vc-plan-search i{position:absolute;left:12px;top:12px;color:#64748b}
.vc-plan-search input{width:100%;min-height:38px;padding:8px 12px 8px 34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#0f172a}
.vc-plan-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}
.vc-plan-table{width:100%;min-width:960px;border-collapse:separate;border-spacing:0}
.vc-plan-table th,.vc-plan-table td{padding:11px 10px;border-bottom:1px solid #eef2f7;text-align:left;vertical-align:top}
.vc-plan-table th{background:#f8fafc;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}
.vc-plan-table tbody tr:last-child td{border-bottom:0}
.vc-plan-table tbody tr:hover td{background:#f8fafc}
.vc-plan-table td{color:#334155;font-size:12px}
.vc-plan-table td strong,.vc-plan-table td small{display:block}.vc-plan-table td strong{color:#0f172a;font-size:13px}.vc-plan-table td small{margin-top:4px;color:#64748b;font-size:11px;line-height:1.4}
.vc-plan-priority{display:inline-flex;padding:5px 8px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:900}
.vc-plan-priority.is-critical{border-color:#fecaca;background:#fee2e2;color:#991b1b}.vc-plan-priority.is-high{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.vc-plan-priority.is-today,.vc-plan-priority.is-near{border-color:#fde68a;background:#fffbeb;color:#92400e}.vc-plan-priority.is-normal{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}
.vc-plan-clear{color:#166534;font-size:11px;font-weight:800}
.vc-plan-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #bae6fd;border-radius:8px;background:#f0f9ff;color:#075985;font-size:12px;font-weight:800;white-space:nowrap}
.vc-plan-action:hover,.vc-plan-action:focus{border-color:#7dd3fc;background:#e0f2fe;color:#0c4a6e;text-decoration:none}
.vc-plan-detail-col{display:none}
.vc-plan-row-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#0f766e;font-size:17px;font-weight:900}
.vc-plan-empty{display:none;margin-top:12px;padding:16px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;color:#64748b;text-align:center}.vc-plan-empty.is-visible{display:block}
.vc-plan-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;color:#64748b;font-size:12px}
.vc-plan-pagination>div{display:flex;gap:8px}.vc-plan-pagination button{min-height:36px;padding:7px 13px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-weight:800}.vc-plan-pagination button.is-primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.vc-plan-pagination button:hover,.vc-plan-pagination button:focus{border-color:#94a3b8;background:#f8fafc;color:#0f172a}.vc-plan-pagination button.is-primary:hover,.vc-plan-pagination button.is-primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}.vc-plan-pagination button:disabled{opacity:.45;cursor:not-allowed}
.vc-action:focus-visible,.vc-tool-icon:focus-visible,.vc-filter-actions .btn:focus-visible,.vc-quick-tool:focus-visible,.vc-flow-btn:focus-visible,.vc-stat-link:focus-visible,.vc-plan-filter:focus-visible,.vc-plan-search input:focus-visible,.vc-plan-toolbar select:focus-visible,.vc-plan-row-toggle:focus-visible,.vc-plan-action:focus-visible,.vc-plan-pagination button:focus-visible{outline:3px solid rgba(250,204,21,.78);outline-offset:2px}
@media(max-width:1199px){.vc-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
  .vc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vc-tools{width:100%}.vc-tool-icon{flex:1 1 0;width:auto}
  .vc-filter-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.vc-filter-actions .btn{width:100%}
  .fc .fc-toolbar{display:grid;grid-template-columns:1fr;gap:10px}.fc .fc-toolbar-chunk{display:flex;justify-content:center;flex-wrap:wrap}.fc .fc-toolbar-title{font-size:18px;text-align:center}
  #visitCalendar{min-height:620px}
  .vc-plan-toolbar{display:grid}.vc-plan-toolbar-left{justify-content:space-between;flex-wrap:wrap}.vc-plan-search{width:100%}
  .vc-plan-table-wrap{overflow:visible}.vc-plan-table{min-width:0;table-layout:fixed}
  .vc-plan-detail-col{display:table-cell!important;width:42px}
  .vc-plan-table th:nth-child(2),.vc-plan-table td:nth-child(2){width:90px}
  .vc-plan-table th:nth-child(3),.vc-plan-table td:nth-child(3){width:auto}
  .vc-plan-table th:nth-child(4),.vc-plan-table td:nth-child(4),.vc-plan-table th:nth-child(5),.vc-plan-table td:nth-child(5),.vc-plan-table th:nth-child(6),.vc-plan-table td:nth-child(6){display:none}
  .vc-plan-table th:nth-child(7),.vc-plan-table td:nth-child(7){width:98px}
  .vc-plan-action{width:100%;padding:6px;font-size:11px}
  .vc-plan-detail-row td{display:table-cell!important;padding:0!important;background:#f8fafc!important}.vc-plan-detail-grid{display:grid;gap:8px;padding:11px}.vc-plan-detail-grid>div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:9px;padding:9px;border:1px solid #e2e8f0;border-radius:7px;background:#fff}.vc-plan-detail-grid strong{color:#475569;font-size:11px}.vc-plan-detail-grid span{min-width:0;color:#0f172a;font-size:12px}
}
@media(max-width:420px){.vc-summary{grid-template-columns:1fr}.vc-plan-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vc-plan-filter{justify-content:space-between}}

/* Visits / show: operational detail refinement */
.visit-show-shell,.visit-show-shell *{box-sizing:border-box;min-width:0}
.visit-show-shell{width:100%;overflow-x:clip}
.visit-show-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.visit-show-summary .visit-summary-card{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-rows:auto auto auto;gap:3px 10px;width:100%;min-height:124px;margin:0;padding:15px 14px 14px 18px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;text-align:left;box-shadow:0 8px 24px rgba(15,23,42,.05);cursor:pointer;overflow:hidden;appearance:none}
.visit-show-summary .visit-summary-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb}
.visit-show-summary .visit-summary-card.is-progress:before,.visit-show-summary .visit-summary-card.is-ready:before{background:#16a34a}
.visit-show-summary .visit-summary-card.is-warning:before{background:#d97706}
.visit-show-summary .visit-summary-card.is-critical:before{background:#dc2626}
.visit-show-summary .visit-summary-card:hover,.visit-show-summary .visit-summary-card:focus{border-color:#94a3b8;background:#f8fafc;color:#0f172a;box-shadow:0 12px 30px rgba(15,23,42,.09);outline:0;transform:translateY(-1px)}
.visit-summary-icon{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#eff6ff;color:#1d4ed8;font-size:16px}
.is-progress .visit-summary-icon,.is-ready .visit-summary-icon{background:#ecfdf3;color:#15803d}.is-warning .visit-summary-icon{background:#fff7ed;color:#b45309}.is-critical .visit-summary-icon{background:#fef2f2;color:#b91c1c}
.visit-show-summary .visit-summary-title{grid-column:2;color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}
.visit-show-summary .visit-summary-value{grid-column:2;margin:1px 0 0;color:#0f172a;font-size:25px;font-weight:850;line-height:1.05}
.visit-show-summary .visit-summary-sub{grid-column:1/3;margin-top:8px;color:#475569;font-size:11px;line-height:1.45}
.visit-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.visit-panel-title>div:first-child{flex:1}.visit-panel-title h2{float:none!important;margin:0!important;color:#0f172a!important;font-size:16px!important;font-weight:800!important}.visit-panel-title p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.5}
.visit-panel-action,.visit-icon-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b91c1c;border-radius:8px;background:#b91c1c;color:#fff!important;font-size:12px;font-weight:800;text-decoration:none}
.visit-panel-action{min-height:37px;padding:8px 12px}.visit-panel-action:hover,.visit-panel-action:focus{background:#991b1b;border-color:#991b1b;color:#fff!important;text-decoration:none}
.visit-detail-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.visit-detail-table-toolbar>label{display:flex;align-items:center;gap:7px;margin:0;color:#475569;font-size:12px;font-weight:750}
.visit-detail-table-toolbar select.form-control{width:72px;height:36px;border-radius:8px}
.visit-detail-search{position:relative}.visit-detail-search>i{position:absolute;left:11px;z-index:1;color:#64748b}.visit-detail-search input.form-control{width:260px;height:36px;padding-left:32px;border-radius:8px}
.visit-detail-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}
.visit-detail-table{width:100%;min-width:720px;margin:0!important;border:0!important;border-collapse:separate!important;border-spacing:0}
.visit-detail-table th{padding:11px!important;border-width:0 0 1px!important;background:#f8fafc!important;color:#475569!important;font-size:11px!important;font-weight:800!important;white-space:nowrap}
.visit-detail-table td{padding:11px!important;border-width:0 0 1px!important;border-color:#edf2f7!important;background:#fff!important;color:#334155!important;font-size:12px!important;vertical-align:middle!important}
.visit-detail-table tbody tr:last-child td{border-bottom:0!important}.visit-table-primary{display:block;color:#0f172a;font-weight:800;line-height:1.45}.visit-table-status{display:inline-flex;border-radius:999px;background:#eff6ff;color:#1d4ed8;padding:5px 8px;font-size:10px;font-weight:800;white-space:nowrap}
.visit-detail-toggle-col{display:none;width:44px;text-align:center}.visit-detail-toggle{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:#b91c1c;color:#fff!important;font-size:16px;font-weight:900;line-height:1}.visit-detail-toggle:hover,.visit-detail-toggle:focus{background:#991b1b;color:#fff!important;outline:2px solid rgba(185,28,28,.16)}
.visit-detail-row{display:none}.visit-detail-row td{padding:0!important;background:#f8fafc!important}.visit-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:12px}.visit-detail-grid>div{padding:10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff}.visit-detail-grid strong,.visit-detail-grid span{display:block}.visit-detail-grid strong{color:#64748b;font-size:10px;text-transform:uppercase}.visit-detail-grid span{margin-top:4px;color:#0f172a;font-size:12px;line-height:1.45}
.visit-icon-link{width:34px;height:34px;padding:0}.visit-icon-link:hover,.visit-icon-link:focus{background:#991b1b;color:#fff!important;text-decoration:none}
.visit-detail-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:#64748b;font-size:12px;font-weight:700}.visit-detail-pagination>div{display:flex;align-items:center;gap:8px}.visit-page-btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054}.visit-page-btn:disabled{opacity:.45;cursor:not-allowed}.visit-page-btn:not(:disabled):hover{border-color:#b91c1c;color:#b91c1c}
.visit-checklist-list-toolbar{margin-top:12px}.visit-checklist-table-wrap{overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.visit-checklist-table-wrap .visit-checklist-table{margin:0!important;min-width:840px}.visit-checklist-pager.is-visible{display:flex!important}
.visit-section-nav-index{display:grid!important;place-items:center!important;flex:0 0 30px!important;width:30px!important;height:30px!important;line-height:1!important}
.visit-hero .visit-hero-action,.visit-hero .visit-hero-action:visited{color:#fff!important}.visit-hero .visit-hero-action i{color:#fff!important}.visit-hero .visit-hero-action:hover,.visit-hero .visit-hero-action:focus{background:#fff!important;border-color:#fff!important;color:#7f1d1d!important}.visit-hero .visit-hero-action:hover i,.visit-hero .visit-hero-action:focus i{color:#b91c1c!important}
@media(max-width:1199px){.visit-show-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
 .visit-show-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visit-show-summary .visit-summary-card{min-height:116px;padding:13px 11px 12px 15px}
 .visit-detail-table-toolbar{display:grid}.visit-detail-table-toolbar>label{justify-content:space-between}.visit-detail-search,.visit-detail-search input.form-control{width:100%}
 .visit-detail-table-wrap{overflow:visible}.visit-detail-table{min-width:0;table-layout:fixed}.visit-detail-toggle-col{display:table-cell!important}.visit-detail-table th:nth-child(n+3),.visit-detail-table td:nth-child(n+3){display:none}.visit-detail-table th:nth-child(2),.visit-detail-table td:nth-child(2){width:auto}.visit-detail-row{display:table-row}.visit-detail-row td{display:table-cell!important}.visit-detail-grid{grid-template-columns:1fr}
 .visit-detail-pagination{align-items:flex-start;flex-direction:column}.visit-detail-pagination>div{width:100%;justify-content:space-between}
 .visit-checklist-table-wrap{overflow-x:auto}.visit-checklist-table-wrap .visit-checklist-table{min-width:760px}
}
@media(max-width:480px){.visit-show-summary{grid-template-columns:1fr}.visit-show-summary .visit-summary-card{min-height:104px}}
/* Visits checklist template workflow */
.visit-checklist-guide {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    color: #475569;
    font-size: 13px;
    font-weight: 600;
}
.visit-checklist-guide span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.visit-checklist-guide b,
.visit-checklist-empty-steps b {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e8f5ee;
    color: #087443;
    font-size: 12px;
}
.visit-checklist-guide > i {
    color: #94a3b8;
}
.visit-checklist-template-help {
    display: block;
    min-height: 18px;
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
}
.visit-checklist-template-help.is-warning {
    color: #b45309;
    font-weight: 600;
}
.visit-checklist-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}
.visit-checklist-manage-btn,
.visit-checklist-create-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #26364a;
    font-size: 13px;
    font-weight: 700;
}
.visit-checklist-manage-btn:hover,
.visit-checklist-manage-btn:focus {
    border-color: #94a3b8;
    background: #f1f5f9;
    color: #172033;
}
.visit-checklist-import-btn[disabled] {
    border-color: #dbe2ea;
    background: #edf1f5;
    color: #8793a3;
    cursor: not-allowed;
    opacity: 1;
}
.visit-checklist-empty-state {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 18px;
    margin-bottom: 14px;
    border: 1px solid #dbe4ee;
    border-left: 4px solid #17875b;
    border-radius: 8px;
    background: #f8fbfa;
}
.visit-checklist-empty-icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #e3f3eb;
    color: #087443;
    font-size: 20px;
}
.visit-checklist-empty-copy h3 {
    margin: 0 0 5px;
    color: #172033;
    font-size: 17px;
    font-weight: 700;
}
.visit-checklist-empty-copy p {
    max-width: 720px;
    margin: 0;
    color: #556476;
    font-size: 13px;
    line-height: 1.55;
}
.visit-checklist-empty-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 11px;
}
.visit-checklist-empty-steps span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #3f4d5e;
    font-size: 12px;
    font-weight: 600;
}
.visit-checklist-create-btn {
    border-color: #a8dbc3;
    background: #087443;
    color: #ffffff;
    white-space: nowrap;
}
.visit-checklist-create-btn:hover,
.visit-checklist-create-btn:focus {
    border-color: #065f37;
    background: #065f37;
    color: #ffffff;
}
.visit-checklist-list-empty {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    padding: 12px 14px;
    border: 1px solid #cfe0f4;
    border-radius: 8px;
    background: #f2f7fd;
    color: #334a63;
    font-size: 13px;
    line-height: 1.55;
}
.visit-checklist-list-empty > i {
    margin-top: 3px;
    color: #2563aa;
}
@media (max-width: 767px) {
    .visit-checklist-guide {
        align-items: flex-start;
        flex-direction: column;
    }
    .visit-checklist-guide > i {
        display: none;
    }
    .visit-checklist-toolbar-actions {
        width: 100%;
        flex-wrap: wrap;
    }
    .visit-checklist-toolbar-actions .btn {
        flex: 1 1 180px;
    }
    .visit-checklist-empty-state {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .visit-checklist-empty-state .visit-checklist-create-btn {
        grid-column: 1 / -1;
        width: 100%;
    }
}
/* Visits checklist button contrast fix */
body.app-theme .visit-checklist-manage-btn,
body.app-theme .visit-checklist-manage-btn:visited {
    border-color: #b8c4d1 !important;
    background: #ffffff !important;
    color: #172033 !important;
}
body.app-theme .visit-checklist-manage-btn:hover,
body.app-theme .visit-checklist-manage-btn:focus {
    border-color: #7f8fa3 !important;
    background: #edf2f7 !important;
    color: #0f172a !important;
}
body.app-theme .visit-checklist-create-btn,
body.app-theme .visit-checklist-create-btn:visited {
    border-color: #087443 !important;
    background: #087443 !important;
    color: #ffffff !important;
}
body.app-theme .visit-checklist-create-btn:hover,
body.app-theme .visit-checklist-create-btn:focus {
    border-color: #054f30 !important;
    background: #054f30 !important;
    color: #ffffff !important;
}
body.app-theme .visit-checklist-import-btn:not([disabled]) {
    border-color: #174ea6 !important;
    background: #174ea6 !important;
    color: #ffffff !important;
}
body.app-theme .visit-checklist-import-btn:not([disabled]):hover,
body.app-theme .visit-checklist-import-btn:not([disabled]):focus {
    border-color: #103b82 !important;
    background: #103b82 !important;
    color: #ffffff !important;
}
body.app-theme .visit-checklist-manage-btn i,
body.app-theme .visit-checklist-create-btn i,
body.app-theme .visit-checklist-import-btn:not([disabled]) i {
    color: inherit !important;
}
/* Tasks standard table pager */
.task-list-standard-pager {
    width: 100%;
    min-height: 66px;
    margin-top: 14px;
    padding: 12px 16px;
    border: 1px solid #dfe6ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}
.task-list-standard-pager .task-table-pager-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.task-list-standard-pager .task-table-page {
    min-width: auto;
    color: #172033;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}
.task-list-standard-pager .task-table-pager-meta {
    padding-left: 10px;
    border-left: 1px solid #dce3eb;
    color: #66758a;
    font-size: 12px;
    white-space: nowrap;
}
.task-list-standard-pager .task-table-pager-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}
.task-list-standard-pager .task-table-page-btn {
    min-width: 92px;
    min-height: 38px;
    margin: 0;
}
body.app-theme .task-list-standard-pager .task-table-page-btn {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #26364a !important;
}
body.app-theme .task-list-standard-pager .task-table-page-btn:hover,
body.app-theme .task-list-standard-pager .task-table-page-btn:focus {
    border-color: #64748b !important;
    background: transparent !important;
    color: #172033 !important;
}
body.app-theme .task-list-standard-pager .task-table-page-btn.primary:not([disabled]) {
    border-color: #b91c1c !important;
    background: #b91c1c !important;
    color: #ffffff !important;
}
body.app-theme .task-list-standard-pager .task-table-page-btn.primary:not([disabled]):hover,
body.app-theme .task-list-standard-pager .task-table-page-btn.primary:not([disabled]):focus {
    border-color: #991b1b !important;
    background: transparent !important;
    color: #991b1b !important;
}
body.app-theme .task-list-standard-pager .task-table-page-btn[disabled] {
    border-color: #dbe2ea !important;
    background: #edf1f5 !important;
    color: #8793a3 !important;
    opacity: 1;
}
@media (max-width: 767px) {
    .task-list-standard-pager {
        display: flex;
        align-items: stretch;
        gap: 12px;
    }
    .task-list-standard-pager .task-table-pager-summary {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .task-list-standard-pager .task-table-pager-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    .task-list-standard-pager .task-table-page-btn {
        width: 100%;
        min-width: 0;
    }
}
/* Visits standard list pager */
.visit-list-standard-pager {
    width: 100%;
    min-height: 66px;
    margin-top: 14px;
    padding: 12px 16px;
    border: 1px solid #dfe6ee;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}
.visit-list-standard-pager .visit-pagination-summary {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
.visit-list-standard-pager .visit-pagination-page {
    color: #172033;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}
.visit-list-standard-pager .visit-pagination-info {
    padding-left: 10px;
    border-left: 1px solid #dce3eb;
    color: #66758a;
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
}
.visit-list-standard-pager .visit-pagination-buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: nowrap;
}
.visit-list-standard-pager .visit-list-page-btn {
    min-width: 92px;
    min-height: 38px;
    margin: 0;
}
body.app-theme .visit-list-standard-pager .visit-list-page-btn {
    border-color: #cbd5e1 !important;
    background: #ffffff !important;
    color: #26364a !important;
}
body.app-theme .visit-list-standard-pager .visit-list-page-btn:hover,
body.app-theme .visit-list-standard-pager .visit-list-page-btn:focus {
    border-color: #64748b !important;
    background: transparent !important;
    color: #172033 !important;
}
body.app-theme .visit-list-standard-pager .visit-list-page-btn.primary:not([disabled]) {
    border-color: #b91c1c !important;
    background: #b91c1c !important;
    color: #ffffff !important;
}
body.app-theme .visit-list-standard-pager .visit-list-page-btn.primary:not([disabled]):hover,
body.app-theme .visit-list-standard-pager .visit-list-page-btn.primary:not([disabled]):focus {
    border-color: #991b1b !important;
    background: transparent !important;
    color: #991b1b !important;
}
body.app-theme .visit-list-standard-pager .visit-list-page-btn[disabled] {
    border-color: #dbe2ea !important;
    background: #edf1f5 !important;
    color: #8793a3 !important;
    opacity: 1;
}
@media (max-width: 767px) {
    .visit-list-standard-pager {
        display: flex;
        align-items: stretch;
        gap: 12px;
    }
    .visit-list-standard-pager .visit-pagination-summary {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .visit-list-standard-pager .visit-pagination-buttons {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        width: 100%;
    }
    .visit-list-standard-pager .visit-list-page-btn {
        width: 100%;
        min-width: 0;
        padding: 8px 10px;
    }
}
/* Visits create refinement */
.visit-create-main {
    display: grid;
    gap: 14px;
    min-width: 0;
    width: 100%;
}
.visit-create-hero-tools .visit-create-hero-tool {
    width: auto;
    min-width: 0;
    min-height: 38px;
    height: auto;
    padding: 8px 13px;
    gap: 8px;
    color: #ffffff !important;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.visit-create-hero-tools .visit-create-hero-tool span,
.visit-create-hero-tools .visit-create-hero-tool i {
    color: inherit !important;
}
.visit-create-hero-tools .visit-create-hero-tool:hover,
.visit-create-hero-tools .visit-create-hero-tool:focus {
    border-color: rgba(255,255,255,.55);
    background: transparent;
    color: #ffffff !important;
}
.visit-create-empty-workplace {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px;
    margin-bottom: 16px;
    border: 1px solid #fed7aa;
    border-left: 4px solid #d97706;
    border-radius: 8px;
    background: #fff9ed;
}
.visit-create-empty-workplace > i {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #ffedd5;
    color: #b45309;
    font-size: 17px;
}
.visit-create-empty-workplace strong,
.visit-create-empty-workplace span {
    display: block;
}
.visit-create-empty-workplace strong {
    color: #7c2d12;
    font-size: 13px;
    font-weight: 800;
}
.visit-create-empty-workplace span {
    margin-top: 4px;
    color: #7c4a21;
    font-size: 12px;
    line-height: 1.5;
}
.visit-create-empty-workplace .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    margin: 0;
    border-color: #fdba74;
    background: #ffffff;
    color: #92400e;
    font-weight: 700;
}
.visit-create-input .form-control:focus {
    border-color: #17875b;
    box-shadow: 0 0 0 3px rgba(23,135,91,.12);
}
.visit-create-counter {
    margin-top: 6px;
    color: #718096;
    font-size: 11px;
    text-align: right;
}
.visit-create-review {
    border-left: 4px solid #17875b;
    background: #f4fbf7;
}
.visit-create-review > span {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 8px;
    margin-top: 7px;
}
.visit-create-review b {
    color: #526173;
    font-style: normal;
    font-weight: 700;
}
.visit-create-review em {
    min-width: 0;
    color: #172033;
    font-style: normal;
    font-weight: 600;
    overflow-wrap: anywhere;
}
.visit-create-submit {
    justify-content: flex-end;
}
body.app-theme .visit-create-submit .btn-primary,
body.app-theme .visit-create-submit .btn-primary:visited {
    border-color: #b91c1c !important;
    background: #b91c1c !important;
    color: #ffffff !important;
}
body.app-theme .visit-create-submit .btn-primary:hover,
body.app-theme .visit-create-submit .btn-primary:focus {
    border-color: #991b1b !important;
    background: transparent !important;
    color: #991b1b !important;
}
body.app-theme .visit-create-submit .btn-default:hover,
body.app-theme .visit-create-submit .btn-default:focus {
    border-color: #64748b !important;
    background: transparent !important;
    color: #172033 !important;
}
.visit-create-standard-pager {
    width: 100%;
    min-height: 66px;
    margin: 0;
}
.visit-create-standard-pager .ns-step-meta {
    min-width: 0;
}
.visit-create-standard-pager .ns-step-meta strong {
    color: #172033;
}
.visit-create-standard-pager .ns-step-actions {
    flex-wrap: nowrap;
}
.visit-create-standard-pager .ns-btn {
    min-width: 92px;
}
body.app-theme .visit-create-standard-pager .ns-btn:hover,
body.app-theme .visit-create-standard-pager .ns-btn:focus {
    border-color: #64748b !important;
    background: transparent !important;
    color: #172033 !important;
}
body.app-theme .visit-create-standard-pager .ns-btn.primary:not([disabled]) {
    border-color: #b91c1c !important;
    background: #b91c1c !important;
    color: #ffffff !important;
}
body.app-theme .visit-create-standard-pager .ns-btn.primary:not([disabled]):hover,
body.app-theme .visit-create-standard-pager .ns-btn.primary:not([disabled]):focus {
    border-color: #991b1b !important;
    background: transparent !important;
    color: #991b1b !important;
}
body.app-theme .visit-create-standard-pager .ns-btn[disabled],
body.app-theme .visit-create-submit .btn[disabled] {
    border-color: #dbe2ea !important;
    background: #edf1f5 !important;
    color: #8793a3 !important;
    opacity: 1;
}
@media (max-width: 767px) {
    .visit-create-hero-tools .visit-create-hero-tool {
        flex: 1 1 150px;
    }
    .visit-create-empty-workplace {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .visit-create-empty-workplace .btn {
        grid-column: 1 / -1;
        width: 100%;
    }
    .visit-create-submit .btn {
        flex: 1 1 150px;
    }
    .visit-create-standard-pager {
        align-items: stretch;
    }
    .visit-create-standard-pager .ns-step-meta {
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .visit-create-standard-pager .ns-step-actions {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        width: 100%;
    }
    .visit-create-standard-pager .ns-btn {
        width: 100%;
        min-width: 0;
    }
}
/* Checklists index refinement */
.cl-shell {
    gap: 16px;
}
.cl-hero {
    padding: 22px 24px;
}
.cl-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,.82);
    letter-spacing: 0;
}
.cl-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}
.cl-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.cl-hero .cl-actions .btn,
.cl-hero .cl-actions .btn:visited {
    border-color: rgba(255,255,255,.34) !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.cl-hero .cl-actions .btn i,
.cl-hero .cl-actions .btn span {
    color: inherit !important;
}
.cl-hero .cl-actions .btn:hover,
.cl-hero .cl-actions .btn:focus,
.cl-hero .cl-actions .btn-primary:hover,
.cl-hero .cl-actions .btn-primary:focus {
    border-color: rgba(255,255,255,.72) !important;
    background: transparent !important;
    color: #ffffff !important;
}
.cl-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.cl-stat {
    border-left: 4px solid #cbd5e1;
}
.cl-stat:nth-child(1) { border-left-color: #dc2626; }
.cl-stat:nth-child(2) { border-left-color: #16a34a; }
.cl-stat:nth-child(3) { border-left-color: #0f766e; }
.cl-stat:nth-child(4) { border-left-color: #d97706; }
.cl-stat:nth-child(5) { border-left-color: #64748b; }
.cl-stat-ready { color: #0f766e !important; }
.cl-stat-warning { color: #b45309 !important; }
.cl-workflow {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #fff;
}
.cl-workflow > div {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}
.cl-workflow > div > b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #047857;
    font-size: 13px;
}
.cl-workflow span,
.cl-workflow strong,
.cl-workflow small {
    display: block;
    min-width: 0;
}
.cl-workflow strong {
    color: #172033;
    font-size: 13px;
}
.cl-workflow small {
    margin-top: 2px;
    color: #667085;
    font-size: 11px;
    line-height: 1.4;
}
.cl-workflow > i {
    color: #94a3b8;
}
.cl-panel-count {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}
.cl-table {
    table-layout: auto;
}
.cl-table th {
    letter-spacing: 0;
    white-space: nowrap;
}
.cl-table tbody tr:hover > td {
    background: #f8fbfb;
}
.cl-item-count {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    color: #334155;
    white-space: nowrap;
}
.cl-item-count strong {
    color: #0f172a;
    font-size: 16px;
}
.cl-item-count small {
    color: #64748b;
}
.cl-readiness {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}
.cl-readiness.ready {
    background: #ecfdf5;
    color: #047857;
}
.cl-readiness.empty {
    background: #fff7ed;
    color: #b45309;
}
.cl-readiness.passive {
    background: #f1f5f9;
    color: #475569;
}
.cl-date {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #475569;
    font-size: 12px;
    white-space: nowrap;
}
.cl-action-row {
    flex-wrap: nowrap;
}
.cl-icon-link.is-primary {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}
.cl-icon-button.is-warning {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #b45309;
}
.cl-icon-button.is-success {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}
.cl-icon-link:hover,
.cl-icon-link:focus,
.cl-icon-button:hover,
.cl-icon-button:focus {
    background: transparent;
    color: #0f766e;
    border-color: #5eead4;
}
.cl-empty-state,
.cl-filter-empty {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.cl-empty-state {
    display: flex;
}
.cl-empty-state > i,
.cl-filter-empty > i {
    color: #0f766e;
    font-size: 24px;
}
.cl-empty-state strong,
.cl-filter-empty strong {
    color: #172033;
}
.cl-empty-state span,
.cl-filter-empty span {
    max-width: 620px;
}
.cl-filter-empty.is-visible {
    display: flex;
}
.cl-pagination {
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}
.cl-pagination-meta,
.cl-pagination-meta strong,
.cl-pagination-meta span {
    display: block;
}
.cl-pagination-meta strong {
    color: #172033;
    font-size: 12px;
}
.cl-pagination-meta span {
    margin-top: 3px;
    color: #667085;
}
.cl-pagination-actions {
    display: flex;
    gap: 8px;
}
.cl-pagination .btn {
    min-width: 88px;
    min-height: 38px;
    border-radius: 8px;
    font-weight: 700;
}
.cl-pagination .btn-primary {
    border-color: #b42318;
    background: #b42318;
    color: #fff;
}
.cl-pagination .btn-primary:hover,
.cl-pagination .btn-primary:focus {
    border-color: #b42318;
    background: transparent;
    color: #991b1b;
}
.cl-pagination .btn[disabled] {
    opacity: .48;
}
body.cl-modal-open {
    overflow: hidden;
}
@media (max-width: 1280px) {
    .cl-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
@media (max-width: 1100px) {
    .cl-table-wrap {
        overflow: visible;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
    }
    .cl-table {
        table-layout: fixed;
    }
    .cl-detail-col {
        display: table-cell !important;
        width: 44px;
    }
    .cl-table th:nth-child(4),
    .cl-table td:nth-child(4),
    .cl-table th:nth-child(5),
    .cl-table td:nth-child(5),
    .cl-table th:nth-child(6),
    .cl-table td:nth-child(6) {
        display: none;
    }
    .cl-table th:nth-child(7),
    .cl-table td:nth-child(7) {
        width: 126px;
    }
}
@media (max-width: 767px) {
    .cl-hero {
        padding: 18px 16px;
    }
    .cl-hero-meta {
        display: grid;
        grid-template-columns: 1fr;
    }
    .cl-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .cl-workflow {
        grid-template-columns: 1fr;
    }
    .cl-workflow > i {
        display: none;
    }
    .cl-panel-head {
        align-items: flex-start;
    }
    .cl-panel-count {
        display: none;
    }
    .cl-table th:nth-child(3),
    .cl-table td:nth-child(3) {
        display: none;
    }
    .cl-table th:nth-child(2),
    .cl-table td:nth-child(2) {
        width: auto;
    }
    .cl-name strong {
        overflow-wrap: anywhere;
    }
    .cl-pagination {
        display: grid;
        grid-template-columns: 1fr;
    }
    .cl-pagination-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-left: 0 !important;
    }
    .cl-pagination .btn {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .cl-summary {
        grid-template-columns: 1fr;
    }
    .cl-table th:nth-child(7),
    .cl-table td:nth-child(7) {
        width: 112px;
    }
    .cl-action-row {
        gap: 4px;
    }
    .cl-icon-link,
    .cl-icon-button {
        width: 32px;
        height: 32px;
    }
}

/* Checklist items refinement */
.cli-shell {
    gap: 16px;
}
.cli-hero {
    padding: 22px 24px;
    background: linear-gradient(115deg, #183831 0%, #15806e 60%, #b42318 100%) !important;
    color: #ffffff;
}
.cli-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 7px;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0;
}
.cli-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}
.cli-hero-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    padding: 6px 11px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}
.cli-hero .cli-actions .btn,
.cli-hero .cli-actions .btn:visited {
    border-color: rgba(255,255,255,.34) !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
.cli-hero .cli-actions .btn i,
.cli-hero .cli-actions .btn span {
    color: inherit !important;
}
.cli-hero .cli-actions .btn:hover,
.cli-hero .cli-actions .btn:focus {
    border-color: rgba(255,255,255,.72) !important;
    background: transparent !important;
    color: #ffffff !important;
}
.cli-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.cli-stat {
    border-left: 4px solid #cbd5e1;
}
.cli-stat:nth-child(1) { border-left-color: #dc2626; }
.cli-stat:nth-child(2) { border-left-color: #16a34a; }
.cli-stat:nth-child(3) { border-left-color: #64748b; }
.cli-quality {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #dbe4ee;
}
.cli-quality > div {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
    padding: 13px 15px;
    background: #ffffff;
}
.cli-quality > div > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #047857;
}
.cli-quality span,
.cli-quality strong,
.cli-quality small {
    display: block;
    min-width: 0;
}
.cli-quality strong {
    color: #172033;
    font-size: 13px;
}
.cli-quality small {
    margin-top: 2px;
    color: #667085;
    font-size: 11px;
    line-height: 1.4;
}
.cli-panel-count {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 7px 10px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}
.cli-table {
    table-layout: fixed;
}
.cli-table th {
    letter-spacing: 0;
    white-space: nowrap;
}
.cli-table th:nth-child(2),
.cli-table td:nth-child(2) {
    width: 84px;
}
.cli-table th:nth-child(4),
.cli-table td:nth-child(4) {
    width: 120px;
}
.cli-table th:nth-child(5),
.cli-table td:nth-child(5) {
    width: 116px;
}
.cli-table tbody tr:hover > td {
    background: #f8fbfb;
}
.cli-order {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid #dbe4ee;
    border-radius: 8px;
    background: #f8fafc;
    color: #172033;
    font-size: 12px;
    font-weight: 800;
}
.cli-item-text {
    min-width: 0;
    overflow-wrap: anywhere;
}
.cli-item-text strong,
.cli-item-text span {
    display: block;
}
.cli-item-text strong {
    color: #172033;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
}
.cli-item-text span {
    margin-top: 4px;
    color: #7b8798;
    font-size: 11px;
}
.cli-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.cli-empty-state > i,
.cli-empty.cl-filter-empty > i {
    color: #0f766e;
    font-size: 24px;
}
.cli-empty-state strong,
.cli-empty.cl-filter-empty strong {
    color: #172033;
}
.cli-empty-state span,
.cli-empty.cl-filter-empty span {
    max-width: 620px;
}
.cli-empty.cl-filter-empty {
    display: none;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.cli-empty.cl-filter-empty.is-visible {
    display: flex;
}
.cli-pagination {
    min-height: 58px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}
.cli-character {
    margin-top: 6px;
    color: #718096;
    font-size: 11px;
    text-align: right;
}
#checklistItemCreateModal .cl-modal-card,
#checklistItemEditModal .cl-modal-card {
    max-width: 560px;
}
@media (max-width: 900px) {
    .cli-quality {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 767px) {
    .cli-hero {
        padding: 18px 16px;
    }
    .cli-hero-meta {
        display: grid;
        grid-template-columns: 1fr;
    }
    .cli-panel-head {
        align-items: flex-start;
    }
    .cli-panel-count {
        display: none;
    }
    .cli-table th:nth-child(2),
    .cli-table td:nth-child(2) {
        width: 54px;
    }
    .cli-table th:nth-child(3),
    .cli-table td:nth-child(3) {
        width: auto;
    }
    .cli-table th:nth-child(5),
    .cli-table td:nth-child(5) {
        width: 92px;
    }
    .cli-item-text strong {
        font-size: 12px;
        line-height: 1.45;
    }
    .cli-pagination {
        display: grid;
        grid-template-columns: 1fr;
    }
    .cli-pagination .cl-pagination-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        margin-left: 0 !important;
    }
    .cli-pagination .btn {
        width: 100%;
    }
}
@media (max-width: 480px) {
    .cli-summary {
        grid-template-columns: 1fr;
    }
    .cli-table th:nth-child(5),
    .cli-table td:nth-child(5) {
        width: 78px;
    }
    .cli-table .cl-action-row {
        gap: 4px;
    }
    .cli-table .cl-icon-button {
        width: 32px;
        height: 32px;
    }
}
/* Task hero transparent action standard */
body.app-theme .task-list-hero .task-list-actions .btn,
body.app-theme .task-create-hero .task-create-actions .btn,
body.app-theme .task-show-hero .task-show-actions .btn,
body.app-theme .task-list-hero .task-list-actions .btn:visited,
body.app-theme .task-create-hero .task-create-actions .btn:visited,
body.app-theme .task-show-hero .task-show-actions .btn:visited {
    border-color: rgba(255,255,255,.34) !important;
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}
body.app-theme .task-list-hero .task-list-actions .btn i,
body.app-theme .task-create-hero .task-create-actions .btn i,
body.app-theme .task-show-hero .task-show-actions .btn i {
    color: inherit !important;
}
body.app-theme .task-list-hero .task-list-actions .btn:hover,
body.app-theme .task-list-hero .task-list-actions .btn:focus,
body.app-theme .task-create-hero .task-create-actions .btn:hover,
body.app-theme .task-create-hero .task-create-actions .btn:focus,
body.app-theme .task-show-hero .task-show-actions .btn:hover,
body.app-theme .task-show-hero .task-show-actions .btn:focus {
    border-color: rgba(255,255,255,.72) !important;
    background: transparent !important;
    color: #ffffff !important;
}
/* Task edit refinements */
body.app-theme .right_col[role="main"] .task-edit-hero {
    background: linear-gradient(112deg, #17251f 0%, #20564a 56%, #8f1d2c 100%) !important;
    color: #fff !important;
}
body.app-theme .task-edit-hero :is(.task-create-kicker, h3, p, .task-create-pill) {
    color: #fff !important;
}
body.app-theme .task-edit-hero .task-create-kicker,
body.app-theme .task-edit-hero p {
    color: rgba(255,255,255,.9) !important;
}
body.app-theme .task-edit-hero .task-create-actions .btn,
body.app-theme .task-edit-hero .task-create-actions .btn:visited {
    border-color: rgba(255,255,255,.42) !important;
    background: rgba(12,33,28,.22) !important;
    color: #fff !important;
}
body.app-theme .task-edit-hero .task-create-actions .btn:hover,
body.app-theme .task-edit-hero .task-create-actions .btn:focus {
    border-color: rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.14) !important;
    color: #fff !important;
}
.task-edit-shell .task-pane-nav.ns-step-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: 0;
    padding: 14px 16px;
}
.task-edit-shell .task-pane-nav .ns-step-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.task-edit-shell .form-control:disabled {
    border-color: #d7dee8;
    background: #f1f5f9;
    color: #475569;
    opacity: 1;
    cursor: not-allowed;
}
body.app-theme .task-edit-shell .task-form-actions .task-primary-btn {
    border-color: #b91c1c !important;
    background: #b91c1c !important;
    color: #fff !important;
}
body.app-theme .task-edit-shell .task-form-actions .task-primary-btn:hover,
body.app-theme .task-edit-shell .task-form-actions .task-primary-btn:focus {
    border-color: #991b1b !important;
    background: #991b1b !important;
    color: #fff !important;
}
@media (max-width: 700px) {
    .task-edit-shell .task-pane-nav.ns-step-pager {
        align-items: stretch;
        flex-direction: column;
    }
    .task-edit-shell .task-pane-nav .ns-step-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
}
/* Annual training plans */
.etp-shell{display:grid;gap:18px;min-width:0;color:#172033}
.etp-hero{position:relative;overflow:hidden;padding:24px 28px;border-radius:0 0 8px 8px;background:linear-gradient(112deg,#102a2a 0%,#0f5c52 54%,#b91c1c 100%);color:#fff;box-shadow:0 12px 30px rgba(15,42,42,.16)}
.etp-kicker{margin-bottom:6px;color:#b8f3df;font-size:12px;font-weight:800;text-transform:uppercase}
.etp-hero h2{margin:0;color:#fff;font-size:28px;font-weight:800;line-height:1.2}
.etp-hero p{max-width:840px;margin:9px 0 0;color:rgba(255,255,255,.9);font-size:14px;line-height:1.65}
.etp-hero-meta,.etp-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.etp-hero-meta span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:700}
body.app-theme .etp-hero-actions .btn,body.app-theme .etp-hero-actions .btn:visited{min-height:40px;border:1px solid rgba(255,255,255,.38)!important;border-radius:7px;background:rgba(255,255,255,.08)!important;color:#fff!important;font-weight:700;box-shadow:none!important}
body.app-theme .etp-hero-actions .btn:hover,body.app-theme .etp-hero-actions .btn:focus{border-color:rgba(255,255,255,.78)!important;background:transparent!important;color:#fff!important}
.etp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.etp-stat{position:relative;min-width:0;padding:16px 17px;border:1px solid #dfe6ee;border-left:4px solid #64748b;border-radius:8px;background:#fff;text-align:left;box-shadow:0 8px 20px rgba(15,23,42,.05);transition:border-color .18s ease,transform .18s ease}
.etp-stat:hover,.etp-stat:focus{transform:translateY(-1px);border-color:#94a3b8}
.etp-stat.is-active{box-shadow:0 0 0 2px rgba(15,118,110,.16),0 8px 20px rgba(15,23,42,.05)}
.etp-stat.is-danger{border-left-color:#dc2626}.etp-stat.is-success{border-left-color:#16a34a}.etp-stat.is-info{border-left-color:#0f766e}
.etp-stat small,.etp-stat strong,.etp-stat span{display:block}.etp-stat small{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.etp-stat strong{margin-top:5px;color:#0f172a;font-size:25px;line-height:1}.etp-stat span{margin-top:7px;color:#64748b;font-size:12px}
.etp-panel{min-width:0;overflow:hidden;border:1px solid #dfe6ee;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.etp-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e7edf3}
.etp-panel-kicker{margin-bottom:5px;color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase}.etp-panel-head h3{margin:0;color:#172033;font-size:19px;font-weight:800}.etp-panel-head p{margin:5px 0 0;color:#64748b;font-size:13px}
.etp-count{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800}
.etp-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:13px 20px;background:#f8fafc;border-bottom:1px solid #e7edf3}
.etp-toolbar label{margin:0;color:#526174;font-size:11px;font-weight:800}.etp-page-size{display:flex;align-items:center;gap:8px}.etp-page-size select{width:100px}.etp-search{display:grid;gap:5px;width:min(320px,100%)}.etp-search input{width:100%}
.etp-table-wrap{min-width:0;overflow-x:auto}.etp-table{width:100%;min-width:620px;border-collapse:collapse}.etp-table th{padding:11px 14px;background:#f6f8fb;color:#526174;font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}.etp-table td{padding:13px 14px;border-top:1px solid #edf1f5;color:#263244;font-size:13px;vertical-align:middle}.etp-table tbody tr:hover td{background:#fbfdfd}.etp-table td strong,.etp-table td span{display:block}.etp-table td>span:not(.etp-year):not(.etp-badge){margin-top:4px;color:#7b8798;font-size:11px}
.etp-year{font-size:16px;font-weight:800;color:#172033}.etp-badge{display:inline-flex!important;width:max-content;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.etp-badge.is-current{background:#dcfce7;color:#166534}.etp-badge.is-archive{background:#f1f5f9;color:#475569}
.etp-action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f4f48;font-weight:800}.etp-action:hover,.etp-action:focus{border-color:#0f766e;background:#f0fdfa;color:#0f4f48}
.etp-empty-row td,.etp-filter-empty td{padding:34px!important;text-align:center!important;color:#64748b}.etp-empty-row i,.etp-empty-row strong,.etp-empty-row span{display:block}.etp-empty-row i{margin-bottom:8px;color:#0f766e;font-size:24px}.etp-empty-row strong{color:#172033}.etp-empty-row span{margin-top:5px}
.etp-pager{margin:14px 20px 18px}.etp-toast-wrap{position:fixed;top:78px;right:20px;z-index:1300;display:grid;gap:8px}.etp-toast{display:flex;align-items:center;gap:9px;max-width:340px;padding:11px 13px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#065f46;box-shadow:0 12px 30px rgba(15,23,42,.14);font-size:12px;font-weight:700}
@media(max-width:767px){.etp-shell{gap:12px}.etp-hero{padding:19px 16px}.etp-hero h2{font-size:23px}.etp-summary{grid-template-columns:1fr}.etp-panel-head,.etp-toolbar{align-items:stretch;flex-direction:column}.etp-search{width:100%}.etp-table{min-width:0}.etp-table thead{display:none}.etp-table tr[data-etp-row]{display:grid;grid-template-columns:1fr auto;margin:10px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.etp-table tr[data-etp-row] td{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid #edf1f5}.etp-table tr[data-etp-row] td:first-child{grid-column:1/-1;border-top:0}.etp-table tr[data-etp-row] td:last-child{grid-column:1/-1}.etp-table tr[data-etp-row] td:before{content:attr(data-label);color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.etp-action{justify-content:center;width:100%}.etp-pager{margin:12px}.etp-pager,.etp-pager .ns-step-actions{display:grid;grid-template-columns:1fr 1fr}.etp-pager .ns-step-status{grid-column:1/-1}.etp-pager .btn{width:100%}}

/* Annual plan forms and detail */
.etp-form-card{min-width:0;overflow:hidden;border:1px solid #dfe6ee;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(15,23,42,.05)}
.etp-form-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);gap:16px;padding:20px}
.etp-form-grid label,.etp-modal label{display:grid;gap:7px;margin:0;color:#334155;font-size:12px;font-weight:800}.etp-form-grid small{color:#718096;font-size:11px;font-weight:500}
.etp-guidance{display:flex;align-items:flex-start;gap:10px;margin:0 20px;padding:13px 14px;border-left:4px solid #0f766e;border-radius:7px;background:#f0fdfa;color:#134e4a}.etp-guidance i{margin-top:2px}.etp-guidance strong,.etp-guidance span{display:block}.etp-guidance span{margin-top:3px;font-size:12px;line-height:1.55}
.etp-inline-form{display:inline-flex;margin:0}.etp-inline-form .btn{height:100%}
.etp-toast.is-warning{border-color:#fde68a;background:#fffbeb;color:#92400e}.etp-toast.is-danger{border-color:#fecaca;background:#fef2f2;color:#991b1b}
.etp-month{display:inline-flex!important;min-width:82px;padding:7px 9px;border-radius:7px;background:#ecfeff;color:#155e75;font-weight:800}
.etp-modal{overflow:hidden;border:0;border-radius:8px}.etp-modal .modal-header{border-bottom:1px solid #e7edf3;background:#f8fafc}.etp-modal .modal-title{color:#172033;font-weight:800}.etp-modal .modal-body{display:grid;gap:16px;padding:20px}.etp-modal textarea{resize:vertical}.etp-modal .modal-footer{border-top:1px solid #e7edf3;background:#f8fafc}
@media(max-width:767px){.etp-form-grid{grid-template-columns:1fr;padding:16px}.etp-guidance{margin:0 16px}.etp-inline-form,.etp-inline-form .btn{width:100%}}

/* Task command center refinement */
.task-list-hero{background:linear-gradient(112deg,#132d2b 0%,#0f5d54 56%,#b91c1c 100%)}
.task-list-hero-flow{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.task-list-actions{flex:0 0 auto}
.task-export-menu .dropdown-menu{min-width:230px;padding:7px;border:1px solid #dbe4ee;border-radius:8px;background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.18)}
body.app-theme .task-list-hero .task-export-menu .dropdown-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:6px;color:#273548!important;font-size:12px;font-weight:700}
body.app-theme .task-list-hero .task-export-menu .dropdown-menu a:hover,body.app-theme .task-list-hero .task-export-menu .dropdown-menu a:focus{background:#f0fdfa!important;color:#0f5d54!important}
.task-export-menu .dropdown-header{padding:7px 10px 5px;color:#78869a;font-size:10px;font-weight:800;text-transform:uppercase}
.task-smart-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:-4px 0 18px}
.task-smart-card{display:flex;align-items:center;gap:11px;min-width:0;min-height:92px;padding:13px;border:1px solid #e1e7ee;border-left:4px solid #64748b;border-radius:8px;background:#fff;color:#1f2937;text-align:left;box-shadow:0 7px 18px rgba(15,23,42,.045);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
button.task-smart-card{cursor:pointer}
button.task-smart-card:hover,button.task-smart-card:focus,button.task-smart-card.active{transform:translateY(-1px);border-color:#94a3b8;box-shadow:0 12px 25px rgba(15,23,42,.09);outline:0}
button.task-smart-card.active{background:#172a2a;color:#fff;border-color:#172a2a}
.task-smart-card.is-critical{border-left-color:#dc2626}.task-smart-card.is-today{border-left-color:#2563eb}.task-smart-card.is-soon{border-left-color:#d97706}.task-smart-card.is-revision{border-left-color:#be123c}.task-smart-card.is-unassigned{border-left-color:#7c3aed}.task-smart-card.is-rate{border-left-color:#16a34a}
.task-smart-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:8px;background:#f1f5f9;color:#334155;font-size:16px}
.is-critical .task-smart-icon{background:#fef2f2;color:#b91c1c}.is-today .task-smart-icon{background:#eff6ff;color:#1d4ed8}.is-soon .task-smart-icon{background:#fffbeb;color:#b45309}.is-revision .task-smart-icon{background:#fff1f2;color:#be123c}.is-unassigned .task-smart-icon{background:#f5f3ff;color:#6d28d9}.is-rate .task-smart-icon{background:#ecfdf5;color:#047857}
.task-smart-card>span:last-child{display:block;min-width:0}.task-smart-card small,.task-smart-card strong,.task-smart-card em{display:block;letter-spacing:0}.task-smart-card small{color:#64748b;font-size:11px;font-weight:800;text-transform:uppercase}.task-smart-card strong{margin-top:3px;color:#0f172a;font-size:22px;line-height:1}.task-smart-card em{margin-top:5px;color:#64748b;font-size:11px;font-style:normal;line-height:1.4}
button.task-smart-card.active small,button.task-smart-card.active strong,button.task-smart-card.active em{color:#fff}
.task-scope-bar{display:grid;grid-template-columns:minmax(190px,1.1fr) repeat(3,minmax(150px,1fr)) auto;gap:12px;align-items:end;padding:15px 16px;border-bottom:1px solid #e7edf3;background:#f8fafc}
.task-scope-copy{align-self:center;min-width:0}.task-scope-copy strong,.task-scope-copy span{display:block}.task-scope-copy strong{color:#172033;font-size:13px}.task-scope-copy strong i{margin-right:6px;color:#0f766e}.task-scope-copy span{margin-top:4px;color:#64748b;font-size:12px;line-height:1.4}
.task-scope-bar label{display:grid;gap:5px;margin:0;color:#475569;font-size:12px;font-weight:800}.task-scope-bar select{width:100%;height:38px;border:1px solid #dbe4ee;border-radius:7px;background:#fff;box-shadow:none}
.task-scope-actions{display:flex;gap:7px}.task-scope-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;margin:0;border-radius:7px;font-size:12px;font-weight:700}
.task-bulk-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-bulk-toggle{min-height:36px;margin:0;border-radius:7px;font-size:12px;font-weight:700}
.task-bulk-bar.is-collapsed .task-bulk-controls,.task-bulk-bar.is-collapsed .task-bulk-hint{display:none}
.task-bulk-bar.is-collapsed{gap:0;padding-top:12px;padding-bottom:12px}
@media(max-width:1180px){.task-smart-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.task-scope-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.task-scope-copy{grid-column:1/-1}.task-scope-actions{justify-content:flex-end}}
@media(max-width:767px){.task-list-hero-flow{align-items:stretch;flex-direction:column}.task-list-actions,.task-list-actions>.btn,.task-export-menu,.task-export-menu>.btn{width:100%}.task-export-menu .dropdown-menu{left:0;right:0;width:100%}.task-smart-strip{grid-template-columns:1fr 1fr}.task-smart-card{min-height:86px}.task-smart-card.is-rate{grid-column:1/-1}.task-scope-bar{grid-template-columns:1fr}.task-scope-copy{grid-column:auto}.task-scope-actions,.task-scope-actions .btn:last-child{width:100%}.task-bulk-head-actions{align-items:stretch;flex-direction:column;width:100%}.task-bulk-summary,.task-bulk-toggle{justify-content:center;width:100%}}
@media(max-width:440px){.task-smart-strip{grid-template-columns:1fr}.task-smart-card.is-rate{grid-column:auto}}

/* Task list hero standard alignment */
.task-list-hero{
    border-radius:0 0 8px 8px;
    background:linear-gradient(112deg,#171722 0%,#421b2a 54%,#b91c1c 100%);
    box-shadow:0 14px 32px rgba(45,18,28,.18);
}
.task-list-hero-flow{
    display:block;
}
.task-list-actions{
    width:100%;
    justify-content:flex-start;
    margin-top:16px;
}
.task-list-actions .task-export-menu{
    flex:0 0 auto;
}
@media(max-width:767px){
    .task-list-hero{
        border-radius:0 0 8px 8px;
    }
    .task-list-actions{
        align-items:stretch;
    }
}
/* Task hero side-by-side export actions */
@media(max-width:767px){
    .task-list-actions{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .task-list-actions>.btn{
        width:100%;
        min-width:0;
    }
}
/* Service planning detail: final hero action contrast */
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn,
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn:link,
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn:visited,
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn:active{
    border:1px solid rgba(255,255,255,.48)!important;
    background:rgba(15,23,42,.34)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-shadow:0 1px 1px rgba(0,0,0,.25)!important;
    opacity:1!important;
    filter:none!important;
}
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn i{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    opacity:1!important;
}
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn:hover,
body.app-theme .right_col[role="main"]>.spd-shell>.spd-hero .spd-head-actions>a.btn:focus{
    border-color:#fff!important;
    background:rgba(15,23,42,.56)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 0 0 3px rgba(255,255,255,.16)!important;
}
/* Service planning detail: approval, conflict and capacity intelligence */
.spd-chip.is-warn{border-color:rgba(254,215,170,.72);background:rgba(154,52,18,.42)}
.spd-command-band{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px;border-top:1px solid #dfe7ef;border-bottom:1px solid #dfe7ef;background:#fbfdff}
.spd-command-section{min-width:0;padding:18px}.spd-command-section+.spd-command-section{border-left:1px solid #dfe7ef}
.spd-command-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}.spd-command-head>div{min-width:0;flex:1}.spd-command-head small{display:block;margin-bottom:5px;color:#0f766e;font-size:11px;font-weight:800;text-transform:uppercase}.spd-command-head h3{margin:0;color:#0f172a;font-size:17px;font-weight:800;line-height:1.3}.spd-command-head p{margin:5px 0 0;color:#64748b;font-size:12px;line-height:1.55}
.spd-command-status{display:inline-flex;align-items:center;gap:6px;min-height:31px;padding:6px 9px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475569;font-size:11px;font-weight:800;white-space:nowrap}.spd-command-status.good{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.spd-command-status.warn{border-color:#fed7aa;background:#fff7ed;color:#9a3412}.spd-command-status.risk{border-color:#fecaca;background:#fef2f2;color:#b91c1c}.spd-command-status.neutral{border-color:#cbd5e1;background:#f8fafc;color:#475569}
.spd-conflict-list{display:grid;gap:8px;margin-top:14px}.spd-conflict-item,.spd-conflict-empty{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-top:1px solid #edf2f7}.spd-conflict-item:first-child,.spd-conflict-empty:first-child{border-top:0}.spd-conflict-item>i,.spd-conflict-empty>i{width:18px;margin-top:2px;text-align:center}.spd-conflict-item strong,.spd-conflict-item span,.spd-conflict-empty strong,.spd-conflict-empty span{display:block}.spd-conflict-item strong,.spd-conflict-empty strong{color:#0f172a;font-size:13px;font-weight:800}.spd-conflict-item span,.spd-conflict-empty span{margin-top:3px;color:#64748b;font-size:12px;line-height:1.5}.spd-conflict-item.risk>i{color:#dc2626}.spd-conflict-item.warn>i{color:#d97706}.spd-conflict-item.info>i{color:#0284c7}.spd-conflict-empty>i{color:#16a34a}
.spd-approval-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.spd-approval-checks span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800}.spd-approval-checks .good{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}.spd-approval-checks .risk{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.spd-approval-form{display:grid;gap:10px;margin-top:13px}.spd-approval-form label{display:grid;gap:6px;margin:0;color:#344054;font-size:12px;font-weight:800}.spd-approval-form textarea{resize:vertical}.spd-approval-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.spd-approval-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:800}.spd-approval-btn.primary{border:1px solid #b91c1c;background:#b91c1c;color:#fff;-webkit-text-fill-color:#fff}.spd-approval-btn.primary:hover,.spd-approval-btn.primary:focus{border-color:#7f1d1d;background:#7f1d1d;color:#fff}.spd-approval-btn.secondary{border:1px solid #d0d5dd;background:#fff;color:#334155}.spd-approval-btn.secondary:hover,.spd-approval-btn.secondary:focus{border-color:#b91c1c;background:#fff5f5;color:#991b1b}.spd-approval-btn[disabled]{opacity:.45;cursor:not-allowed}.spd-approval-note{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border-left:3px solid #64748b;background:#f8fafc;color:#475569;font-size:12px;line-height:1.5}.spd-approval-note.good{border-left-color:#16a34a;background:#f0fdf4;color:#166534}.spd-approval-note.warn{border-left-color:#d97706;background:#fff7ed;color:#9a3412}.spd-approval-note.risk{border-left-color:#dc2626;background:#fef2f2;color:#991b1b}.spd-approval-history{margin-top:12px;border-top:1px solid #e5e7eb;padding-top:10px}.spd-approval-history summary{cursor:pointer;color:#334155;font-size:12px;font-weight:800}.spd-approval-history summary span{display:inline-flex;min-width:22px;justify-content:center;margin-left:5px;border-radius:999px;background:#e2e8f0;color:#334155}.spd-approval-history>div{display:grid;gap:7px;margin-top:9px}.spd-approval-history p{display:flex;justify-content:space-between;gap:10px;margin:0;padding:7px 0;border-top:1px solid #edf2f7}.spd-approval-history p strong{color:#0f172a;font-size:12px}.spd-approval-history p span{color:#64748b;font-size:11px;text-align:right}
.spd-capacity-band{margin-top:18px;padding:18px 0 0;border-top:1px solid #dfe7ef}.spd-capacity-list{display:grid;gap:9px;margin-top:14px}.spd-capacity-row{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(220px,.8fr) minmax(300px,1.5fr);gap:14px;align-items:center;padding:12px 13px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.spd-capacity-person strong,.spd-capacity-person span{display:block}.spd-capacity-person strong{color:#0f172a;font-size:13px;font-weight:800}.spd-capacity-person span{margin-top:3px;color:#64748b;font-size:11px;line-height:1.4}.spd-capacity-meter>div{height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.spd-capacity-meter>div>span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f766e,#16a34a);transition:width .35s ease}.spd-capacity-meter small{display:block;margin-top:5px;color:#475569;font-size:11px;font-weight:700}.spd-capacity-weeks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.spd-capacity-weeks span{min-width:0;padding:7px;border-left:2px solid #b9d7ce;background:#f8fafc}.spd-capacity-weeks small,.spd-capacity-weeks strong{display:block}.spd-capacity-weeks small{color:#64748b;font-size:9px;white-space:nowrap}.spd-capacity-weeks strong{margin-top:3px;color:#0f172a;font-size:11px}.spd-capacity-empty{display:grid;justify-items:center;gap:5px;padding:22px;border:1px dashed #cbd5e1;border-radius:8px;background:#f8fafc;text-align:center}.spd-capacity-empty i{color:#0f766e;font-size:22px}.spd-capacity-empty strong{color:#0f172a;font-size:13px}.spd-capacity-empty span{color:#64748b;font-size:12px}
@media(max-width:1199px){.spd-command-band{grid-template-columns:1fr}.spd-command-section+.spd-command-section{border-left:0;border-top:1px solid #dfe7ef}.spd-capacity-row{grid-template-columns:1fr}.spd-capacity-weeks{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto}}
@media(max-width:767px){.spd-command-section{padding:15px 0}.spd-command-band{background:transparent}.spd-command-head{display:grid}.spd-command-status{justify-self:start}.spd-approval-actions,.spd-approval-btn{display:grid;grid-template-columns:1fr;width:100%}.spd-approval-history p{display:grid}.spd-approval-history p span{text-align:left}.spd-capacity-weeks{grid-template-columns:repeat(5,minmax(76px,1fr))}}
/* Service planning settings: interaction, validation and mobile detail */
.sps-summary-card[role="button"]{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.sps-summary-card[role="button"]:hover,.sps-summary-card[role="button"]:focus{border-color:#cbd5e1;box-shadow:0 12px 30px rgba(15,23,42,.1);outline:0;transform:translateY(-1px)}
.sps-actions .btn-primary:disabled{background:#eef2f6!important;border-color:#d8dee7!important;color:#667085!important;cursor:not-allowed;box-shadow:none!important;opacity:1}
.sps-shell.has-unsaved-changes .sps-actions-band{border-color:#fca5a5;box-shadow:0 10px 28px rgba(185,28,28,.1)}
.sps-percentage-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.sps-total-chip{align-items:center;background:#f8fafc;border:1px solid #dbe4ee;border-radius:8px;color:#344054;display:inline-flex;font-size:12px;gap:7px;min-height:34px;padding:7px 10px}
.sps-total-chip strong,.sps-total-chip b{font-weight:800}
.sps-total-chip.is-valid{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.sps-total-chip.is-invalid{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.sps-row-toggle{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;display:none;height:28px;justify-content:center;margin-right:8px;padding:0;width:28px}
@media (max-width:767px){
  .sps-hero{padding:20px 18px}.sps-title{font-size:23px}.sps-desc{font-size:13px}
  .sps-table-wrap{border:0;overflow:visible}.sps-table.is-responsive{display:block;min-width:0}.sps-table.is-responsive thead{display:none}.sps-table.is-responsive tbody{display:grid;gap:10px}
  .sps-table.is-responsive tr{background:#fff!important;border:1px solid #e2e8f0;border-radius:8px;display:grid;overflow:hidden}
  .sps-table.is-responsive td{align-items:center;border-top:1px solid #edf2f7;display:none;gap:12px;justify-content:space-between;min-height:46px;padding:10px 12px;text-align:right!important}
  .sps-table.is-responsive td::before{color:#64748b;content:attr(data-label);font-size:11px;font-weight:800;text-align:left;text-transform:uppercase}
  .sps-table.is-responsive td:first-child,.sps-table.is-responsive td:nth-child(2),.sps-table.is-responsive tr.is-expanded td{display:flex}
  .sps-table.is-responsive td:first-child{border-top:0;justify-content:flex-start;text-align:left!important}
  .sps-table.is-responsive td:first-child::before,.sps-table.is-responsive td:nth-child(2)::before{display:none}
  .sps-table.is-responsive td .form-control{margin-left:auto;max-width:130px}.sps-row-toggle{display:inline-flex;flex:0 0 28px}
  .sps-percentage-summary{display:grid;grid-template-columns:1fr}.sps-total-chip{justify-content:space-between}
}

/* Service planning settings: refined flow rail */
.sps-layout{grid-template-columns:252px minmax(0,1fr);gap:16px}
.sps-side-stack{gap:10px}
.sps-flow-card{background:transparent;border:0;box-shadow:none;padding:2px 0}
.sps-flow-card h4{font-size:14px;line-height:1.35;margin:0;padding:0 4px 4px}
.sps-flow-card>p{color:#7a8596;font-size:11.5px;line-height:1.55;margin:0;padding:0 4px 12px}
.sps-flow-menu{background:#fff;border:1px solid #e8ecf1;border-radius:8px;box-shadow:0 6px 18px rgba(15,23,42,.035);gap:0;overflow:hidden;padding:5px}
.sps-flow-link{align-items:center;background:transparent;border:0;border-radius:6px;color:#344054;display:grid;font-size:12px;gap:2px 10px;grid-template-columns:minmax(0,1fr);min-height:52px;padding:8px 10px 8px 12px;position:relative;transition:background .16s ease,color .16s ease}
.sps-flow-link+ .sps-flow-link{border-top:1px solid #f0f2f5}
.sps-flow-link::before{background:transparent;border-radius:0 3px 3px 0;bottom:8px;content:"";left:-5px;position:absolute;top:8px;width:3px}
.sps-flow-link span{gap:9px;line-height:1.25}
.sps-flow-link i{align-items:center;background:#f3f5f8;border:1px solid #e7ebf0;border-radius:6px;color:#5f6b7a;display:inline-flex;flex:0 0 28px;font-size:12px;height:28px;justify-content:center;width:28px}
.sps-flow-link small{color:#8b95a5;font-size:10.5px;font-weight:600;line-height:1.35;margin-left:37px;text-align:left}
.sps-flow-link:hover,.sps-flow-link:focus{background:#f8fafc;border-color:transparent;color:#172033;outline:0}
.sps-flow-link:hover i,.sps-flow-link:focus i{background:#fff;border-color:#d8dee7;color:#b4232c}
.sps-flow-link.is-active{background:#fff5f5;border-color:transparent;color:#8f1720;box-shadow:none}
.sps-flow-link.is-active::before{background:#c51f2a}
.sps-flow-link.is-active i{background:#fff;border-color:#f3c5c8;color:#b4232c}
.sps-flow-link.is-active small{color:#8f6266}
.sps-side-note{background:#f8fafc;border:1px solid #e7ebf0;box-shadow:none;padding:12px 13px}
.sps-side-note strong{font-size:12px;margin-bottom:4px}
.sps-side-note span{color:#748094;font-size:11px;line-height:1.5}
.sps-panel{box-shadow:0 6px 22px rgba(15,23,42,.04)}
.sps-panel-head{background:#fcfdfe;padding:15px 17px}
.sps-panel-body{padding:17px}
@media (max-width:1199px){
  .sps-layout{grid-template-columns:1fr}
  .sps-side-stack{position:static}
  .sps-flow-card>p{max-width:720px}
  .sps-flow-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
  .sps-flow-link+ .sps-flow-link{border-top:0}
  .sps-flow-link{border:1px solid transparent}
  .sps-flow-link::before{bottom:-5px;left:10px;right:10px;top:auto;width:auto;height:3px}
  .sps-flow-link small{white-space:normal}
}
@media (max-width:767px){
  .sps-flow-card{overflow:hidden}
  .sps-flow-menu{display:flex;gap:5px;overflow-x:auto;padding:5px;scroll-snap-type:x proximity}
  .sps-flow-link{flex:0 0 190px;scroll-snap-align:start}
  .sps-flow-link::before{bottom:-5px}
  .sps-side-note{display:none}
}
/* Contacts index: unified flow, paging and responsive table */
.ct-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}.ct-flow-card{position:sticky;top:82px;padding:14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.05)}.ct-flow-head{display:grid;gap:5px;padding:2px 2px 12px}.ct-flow-head small{color:#b91c1c;font-size:10px;font-weight:850;text-transform:uppercase}.ct-flow-head strong{color:#0f172a;font-size:15px;font-weight:850}.ct-flow-head span{color:#64748b;font-size:11px;line-height:1.5}.ct-flow-menu{display:grid;gap:8px}.ct-flow-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:9px 11px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#334155;font-size:12px;font-weight:800;text-align:left}.ct-flow-link>span{display:inline-flex;align-items:center;gap:8px}.ct-flow-link i{color:#0f766e}.ct-flow-link small{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:10px}.ct-flow-link:hover,.ct-flow-link:focus,.ct-flow-link.is-active{border-color:#99f6e4;background:#f0fdfa;color:#115e59;outline:none}.ct-flow-link.is-active small{background:#0f766e;color:#fff}.ct-main{display:grid;gap:14px;min-width:0}.ct-flow-panel[hidden]{display:none!important}.ct-field-size{width:128px}.ct-summary [data-ct-summary-filter]{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.ct-summary [data-ct-summary-filter]:hover,.ct-summary [data-ct-summary-filter]:focus{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.1);outline:2px solid rgba(15,118,110,.15)}.ct-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:13px;color:#64748b;font-size:11px;font-weight:750}.ct-pager>div{display:flex;align-items:center;gap:8px}.ct-pager strong{min-width:50px;color:#0f172a;text-align:center}.ct-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#334155;font-size:11px;font-weight:800}.ct-page-btn:hover,.ct-page-btn:focus{border-color:#99f6e4;background:#f0fdfa;color:#115e59;outline:none}.ct-page-btn.primary{border-color:#b91c1c;background:#b91c1c;color:#fff}.ct-page-btn.primary:hover,.ct-page-btn.primary:focus{border-color:#991b1b;background:#991b1b;color:#fff}.ct-page-btn[disabled]{opacity:.45;cursor:not-allowed}.ct-flow-pager{position:sticky;bottom:8px;z-index:15;margin:0;padding:12px 14px;border:1px solid #e5e7eb;border-radius:8px;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(15,23,42,.1)}.ct-flow-pager>span{display:inline-flex;align-items:center;gap:7px}.ct-flow-pager>span i{color:#dc2626;font-size:8px}.ct-toggle-col{display:none;width:42px;text-align:center!important}.ct-row-toggle{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569}.ct-row-toggle:hover,.ct-row-toggle:focus,.is-detail-open .ct-row-toggle{border-color:#99f6e4;background:#f0fdfa;color:#0f766e;outline:none}.ct-responsive-detail[hidden]{display:none!important}.ct-responsive-detail td{padding:0!important;background:#f8fafc!important}.ct-responsive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.ct-responsive-grid>div{padding:10px;border:1px solid #e5e7eb;border-radius:7px;background:#fff}.ct-responsive-grid small,.ct-responsive-grid strong{display:block}.ct-responsive-grid small{color:#64748b;font-size:9px;font-weight:800}.ct-responsive-grid strong{margin-top:3px;color:#0f172a;font-size:11px;overflow-wrap:anywhere}.ct-modal-open{overflow:hidden}.ct-quality-toolbar{margin-bottom:14px}
@media(max-width:1180px){.ct-workspace{grid-template-columns:220px minmax(0,1fr)}.ct-toolbar{align-items:stretch}.ct-toolbar-main,.ct-toolbar-actions{width:100%}.ct-toolbar-actions{justify-content:space-between}.ct-field-search{flex:1}.ct-toggle-col{display:table-cell}.ct-table{min-width:680px}.ct-table th:nth-child(5),.ct-table th:nth-child(6),.ct-table th:nth-child(7),.ct-table th:nth-child(8),.ct-table td.ct-responsive-hide{display:none}.ct-actions{white-space:nowrap}}
@media(max-width:900px){.ct-workspace{grid-template-columns:1fr}.ct-flow-card{position:static}.ct-flow-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-health-table{min-width:720px}}
@media(max-width:767px){.ct-summary,.ct-health{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-panel-body{padding:12px}.ct-toolbar,.ct-toolbar-main,.ct-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ct-toolbar-actions .ct-field-search{grid-column:1/-1}.ct-field-size,.ct-field-status,.ct-field-search{width:100%;min-width:0}.ct-toolbar-buttons{justify-content:flex-end}.ct-table{min-width:0;table-layout:fixed}.ct-table th,.ct-table td{padding:9px 7px}.ct-table th:nth-child(2),.ct-table td:nth-child(2){width:34px;text-align:center}.ct-table th:nth-child(3),.ct-table td:nth-child(3){width:34%}.ct-table th:nth-child(4),.ct-table td:nth-child(4){width:34%}.ct-table th:nth-child(9),.ct-table td:nth-child(9){width:98px}.ct-actions{gap:4px}.ct-icon-btn{width:32px;height:32px;min-width:32px}.ct-responsive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-flow-pager{position:static}.ct-modal{padding:8px}.ct-modal-grid{grid-template-columns:1fr}}
@media(max-width:480px){.ct-summary,.ct-health{grid-template-columns:1fr}.ct-flow-menu{grid-template-columns:1fr}.ct-toolbar,.ct-toolbar-main,.ct-toolbar-actions{grid-template-columns:1fr}.ct-toolbar-actions .ct-field-search{grid-column:1}.ct-toolbar-buttons{justify-content:stretch}.ct-tool-btn{flex:1}.ct-pager{display:grid}.ct-pager>div{justify-content:space-between}.ct-responsive-grid{grid-template-columns:1fr}}

/* Contacts index: refined typography hierarchy */
.ct-shell{
    font-family:inherit;
    font-size:13.5px;
    font-weight:400;
    letter-spacing:0;
}
.ct-shell button,.ct-shell input,.ct-shell select,.ct-shell textarea{font-family:inherit;letter-spacing:0}
.ct-hero .ct-kicker{font-size:11.5px;font-weight:600;letter-spacing:0}
.ct-hero .ct-title{font-size:24px;font-weight:700;letter-spacing:0}
.ct-hero .ct-desc{font-size:13.5px;font-weight:400;line-height:1.65}
.ct-hero .ct-hero-pill{font-size:12px;font-weight:600;letter-spacing:0}
body.app-theme .ct-hero .ct-hero-actions .btn,
body.app-theme .ct-hero .ct-hero-actions .btn.btn-primary,
body.app-theme .ct-hero .ct-hero-actions .btn.btn-default{font-size:12.5px;font-weight:600;letter-spacing:0}
.ct-stat small,.ct-health-card small{font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
.ct-stat strong{font-size:21px;font-weight:700}
.ct-stat span,.ct-health-card span{font-size:12.5px;font-weight:400;color:#64748b}
.ct-health-card strong{font-size:22px;font-weight:700}
.ct-flow-head small{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.ct-flow-head strong{font-size:15px;font-weight:700}
.ct-flow-head span{font-size:12px;font-weight:400}
.ct-flow-link{font-size:12.5px;font-weight:600;letter-spacing:0}
.ct-panel-kicker{font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none}
.ct-panel-head h3{font-size:18px;font-weight:700;letter-spacing:0}
.ct-panel-head p{font-size:13px;font-weight:400}
.ct-note,.ct-banner{font-size:12.5px;font-weight:400}
.ct-note strong,.ct-banner strong{font-weight:650}
.ct-field label{font-size:12px;font-weight:600;letter-spacing:0}
.ct-table-info{font-size:12px;font-weight:400}
.ct-tool-btn,.ct-page-btn{font-size:12px;font-weight:600;letter-spacing:0}
.ct-table th,.ct-health-table th{font-size:11.5px;font-weight:650;letter-spacing:0;text-transform:none}
.ct-table td,.ct-health-table td{font-size:13px;font-weight:400}
.ct-contact strong{font-size:13px;font-weight:650}
.ct-contact span{font-size:11.5px;font-weight:400}
.ct-pill,.ct-health-tone{font-size:11px;font-weight:650;letter-spacing:0}
.ct-link-btn{font-size:13px;font-weight:650}
.ct-pager{font-size:12px;font-weight:400;letter-spacing:0}
.ct-pager strong{font-weight:650}
.ct-responsive-grid small{font-size:10.5px;font-weight:600;letter-spacing:0;text-transform:none}
.ct-responsive-grid strong{font-size:12px;font-weight:600}
.ct-modal-head h4{font-size:18px;font-weight:700}
.ct-modal-head p,.ct-modal-note{font-size:12.5px;font-weight:400}
.ct-modal-stat small{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}
.ct-modal-stat strong,.ct-modal-stat span{font-size:13.5px;font-weight:600}
.ct-modal-save{font-size:12.5px;font-weight:600;letter-spacing:0}
@media(max-width:767px){.ct-hero .ct-title{font-size:22px}.ct-shell{font-size:13px}}
/* Education and Development: unified education center */
.right_col[role="main"] .eym-shell,.right_col[role="main"] .eym-shell *{box-sizing:border-box;min-width:0;letter-spacing:0}.right_col[role="main"]>.eym-shell{width:100%;min-width:0;max-width:100%}.eym-shell{display:grid;gap:16px;width:100%;color:#172033;font-family:inherit}.eym-hero{position:relative;z-index:1;margin-top:-18px;padding:24px 26px;border-radius:0 0 8px 8px;background:linear-gradient(120deg,#172033 0%,#0f5f63 54%,#b4232c 100%);color:#fff;box-shadow:0 16px 36px rgba(23,32,51,.16)}.eym-hero h1{margin:0;color:#fff;font-size:27px;font-weight:700;line-height:1.25}.eym-hero p{max-width:900px;margin:8px 0 0;color:rgba(255,255,255,.88);font-size:13.5px;line-height:1.65}.eym-hero-meta,.eym-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.eym-hero-meta span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:11.5px;font-weight:600}.eym-hero-actions{margin-top:13px}.eym-hero-actions a,.eym-hero-actions a:link,.eym-hero-actions a:visited{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.44)!important;border-radius:7px;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none;box-shadow:none!important}.eym-hero-actions a i{color:#fff!important}.eym-hero-actions a:hover,.eym-hero-actions a:focus{border-color:rgba(255,255,255,.82)!important;background:rgba(255,255,255,.15)!important;color:#fff!important;outline:3px solid rgba(255,255,255,.1)}
.eym-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.eym-stat{position:relative;overflow:hidden;min-height:108px;padding:14px 14px 13px 17px;border:1px solid #dce3ea;border-radius:8px;background:#fff;color:#172033;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(15,23,42,.045);transition:.16s ease}.eym-stat:before{position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb;content:""}.eym-stat.is-green:before{background:#16823b}.eym-stat.is-red:before{background:#c81e2a}.eym-stat.is-amber:before{background:#d97706}.eym-stat.is-teal:before{background:#0f766e}.eym-stat span,.eym-stat small{display:block;color:#64748b;font-size:11.5px;font-weight:500;line-height:1.4}.eym-stat span{font-weight:600}.eym-stat strong{display:block;margin:7px 0 5px;color:#172033;font-size:24px;font-weight:700;line-height:1}.eym-stat:hover,.eym-stat:focus{transform:translateY(-1px);border-color:#9dc7c4;box-shadow:0 12px 26px rgba(15,23,42,.085);outline:0}.eym-stat.is-active{border-color:#5eead4;background:#f0fdfa}
.eym-context-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #dce3ea;border-radius:8px;background:#fff}.eym-context-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eym-context-form label{margin:0;color:#475569;font-size:12px;font-weight:600}.eym-context-form select{width:260px;height:38px;border-color:#cbd5e1;border-radius:7px;font-size:12.5px}.eym-context-form button,.eym-context-form a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 12px;border:1px solid #0f766e;border-radius:7px;background:#0f766e;color:#fff;font-family:inherit;font-size:12px;font-weight:600;text-decoration:none}.eym-context-form a{border-color:#d0d5dd;background:#fff;color:#475569}.eym-context-note{display:flex;align-items:center;gap:8px;color:#64748b;font-size:11.5px}.eym-context-note i{color:#0f766e}
.eym-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);gap:16px;align-items:start}.eym-flow{position:sticky;top:82px;padding:11px;border:1px solid #dce3ea;border-radius:8px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.045)}.eym-flow-head{display:grid;gap:4px;padding:2px 3px 11px}.eym-flow-head strong{color:#172033;font-size:14px;font-weight:700}.eym-flow-head span{color:#64748b;font-size:11px}.eym-flow nav{display:grid;gap:5px}.eym-flow nav button{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"no title" "no note";column-gap:9px;width:100%;min-height:54px;padding:8px 9px;border:1px solid transparent;border-radius:7px;background:transparent;color:#334155;font-family:inherit;text-align:left;cursor:pointer}.eym-flow nav button>span{grid-area:no;display:grid;place-items:center;width:30px;height:30px;border:1px solid #e2e8f0;border-radius:7px;background:#f4f6f8;color:#64748b;font-size:10.5px;font-weight:700}.eym-flow nav button>strong{grid-area:title;align-self:end;color:#334155;font-size:12.5px;font-weight:650}.eym-flow nav button>small{grid-area:note;color:#7a8796;font-size:10.5px}.eym-flow nav button:hover,.eym-flow nav button:focus{border-color:#d7e5e2;background:#f8fafc;outline:0}.eym-flow nav button.is-active{border-color:#99f6e4;background:#f0fdfa}.eym-flow nav button.is-active>span{border-color:#0f766e;background:#0f766e;color:#fff}.eym-flow nav button.is-active>strong{color:#115e59}.eym-source-health{display:grid;gap:3px;margin-top:10px;padding:10px 11px;border-left:3px solid #16823b;background:#f0fdf4}.eym-source-health strong{color:#166534;font-size:11.5px}.eym-source-health span{color:#47745a;font-size:10.5px}
.eym-main{display:grid;gap:0}.eym-panel{min-height:560px;padding:18px;border:1px solid #dce3ea;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}.eym-panel[hidden]{display:none!important}.eym-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #edf1f5}.eym-panel>header h2{margin:0;color:#172033;font-size:19px;font-weight:700}.eym-panel>header p{max-width:760px;margin:5px 0 0;color:#64748b;font-size:12.5px;line-height:1.55}.eym-live,.eym-roadmap-score{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#166534;font-size:10.5px;font-weight:650;white-space:nowrap}.eym-live i{width:7px;height:7px;border-radius:50%;background:#16a34a}.eym-roadmap-score{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.eym-inline-link{display:inline-flex;align-items:center;gap:6px;color:#0f766e;font-size:11.5px;font-weight:650;text-decoration:none}
.eym-priority-list{display:grid;margin-top:15px}.eym-priority{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:11px;align-items:center;padding:11px 2px;border-bottom:1px solid #edf1f5;color:#172033;text-decoration:none}.eym-priority>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}.eym-priority.is-danger>span{background:#fef2f2;color:#b91c1c}.eym-priority.is-warning>span{background:#fff7ed;color:#b45309}.eym-priority.is-success>span{background:#f0fdf4;color:#15803d}.eym-priority strong,.eym-priority small{display:block}.eym-priority strong{color:#172033;font-size:13px;font-weight:650}.eym-priority small{margin-top:3px;color:#64748b;font-size:11.5px}.eym-priority em{color:#0f766e;font-size:11px;font-style:normal;font-weight:600}.eym-command-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px;border-block:1px solid #e4e9ef}.eym-command-band>div{padding:14px 16px}.eym-command-band>div+div{border-left:1px solid #e4e9ef}.eym-command-band span,.eym-command-band small,.eym-command-band strong{display:block}.eym-command-band span{color:#64748b;font-size:10.5px}.eym-command-band strong{margin-top:5px;color:#172033;font-size:15px;font-weight:700}.eym-command-band small{margin-top:4px;color:#7a8796;font-size:10.5px}.eym-disclosure{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:15px;padding:12px 13px;border-left:3px solid #2563eb;background:#eff6ff;color:#1e3a8a}.eym-disclosure>i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#dbeafe}.eym-disclosure strong{font-size:12px}.eym-disclosure p{margin:3px 0 0;font-size:11.5px;line-height:1.5}
.eym-table-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 11px}.eym-table-tools>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eym-table-tools label,.eym-table-tools span{margin:0;color:#64748b;font-size:11.5px}.eym-table-tools select{width:96px;height:36px;border-radius:7px;font-size:11.5px}.eym-search{position:relative}.eym-search i{position:absolute;left:11px;top:11px;color:#64748b}.eym-search input{width:280px;height:36px;padding-left:31px;border-radius:7px;font-size:12px}.eym-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.eym-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0}.eym-table th{padding:10px 11px;border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#526173;font-size:11px;font-weight:650;text-align:left}.eym-table td{padding:11px;border-bottom:1px solid #edf1f5;color:#405063;font-size:12px;vertical-align:middle}.eym-table td strong,.eym-table td small{display:block}.eym-table td strong{color:#172033;font-size:12.5px;font-weight:650}.eym-table td small{margin-top:3px;color:#7a8796;font-size:10.5px}.eym-plus-col{display:none;width:42px;text-align:center!important}.eym-row-toggle{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#475569;font-size:15px}.eym-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10.5px;font-weight:650}.eym-status.is-warning{background:#fff7ed;color:#9a3412}.eym-status.is-info{background:#eff6ff;color:#1d4ed8}.eym-icon-btn{display:grid;place-items:center;width:32px;height:32px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#0f766e}.eym-empty{display:grid;justify-items:center;gap:5px;padding:30px;color:#64748b;text-align:center}.eym-empty i{color:#0f766e;font-size:23px}.eym-empty strong{color:#334155;font-size:13px}.eym-table-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;color:#64748b;font-size:11.5px}.eym-table-pager>div{display:flex;align-items:center;gap:8px}.eym-table-pager button,.eym-step-pager button{min-height:34px;padding:6px 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#475569;font-family:inherit;font-size:11px;font-weight:600}.eym-table-pager button:disabled,.eym-step-pager button:disabled{opacity:.42}.eym-table-pager strong{min-width:50px;color:#172033;text-align:center}
.eym-workplace-list{display:grid;margin-top:15px}.eym-workplace-row{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(70px,.45fr)) minmax(110px,.7fr) 18px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid #edf1f5;color:#172033;text-decoration:none}.eym-workplace-row strong,.eym-workplace-row small{display:block}.eym-workplace-row>div strong{font-size:12.5px}.eym-workplace-row>div small,.eym-workplace-row>span small{margin-top:3px;color:#64748b;font-size:10px}.eym-workplace-row>span strong{margin-top:3px;font-size:13px}.eym-workplace-row>span.is-risk strong{color:#b91c1c}.eym-workplace-row>span.is-good strong{color:#15803d}.eym-workplace-row>em progress{display:block;width:100%;height:7px;border:0}.eym-workplace-row>em progress::-webkit-progress-bar{background:#e2e8f0}.eym-workplace-row>em progress::-webkit-progress-value{background:#0f766e}.eym-workplace-row>em progress::-moz-progress-bar{background:#0f766e}.eym-workplace-row>i{color:#94a3b8}.eym-roadmap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.eym-roadmap-item{display:grid;grid-template-columns:32px minmax(0,1fr) 18px;gap:10px;align-items:center;min-height:62px;padding:10px 11px;border:1px solid #e2e8f0;border-radius:8px}.eym-roadmap-item>span{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#f1f5f9;color:#64748b;font-size:10.5px}.eym-roadmap-item strong,.eym-roadmap-item small{display:block}.eym-roadmap-item strong{font-size:12.5px}.eym-roadmap-item small{margin-top:3px;color:#7a8796;font-size:10.5px}.eym-roadmap-item.is-done{border-color:#bbf7d0;background:#f0fdf4}.eym-roadmap-item.is-next{border-color:#fecaca;background:#fff7f7}.eym-roadmap-item.is-ready{border-color:#bfdbfe;background:#f8fbff}.eym-roadmap-item.is-done>span{background:#15803d;color:#fff}.eym-roadmap-item.is-next>span{background:#c81e2a;color:#fff}.eym-roadmap-item.is-ready>span{background:#2563eb;color:#fff}
.eym-step-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid #dce3ea;border-top:0;border-radius:0 0 8px 8px;background:#fff}.eym-step-pager>div{display:flex;align-items:center;gap:9px}.eym-step-pager>div:first-child>i{width:7px;height:7px;border-radius:50%;background:#c81e2a}.eym-step-pager span small,.eym-step-pager span strong{display:block}.eym-step-pager span small{color:#b4232c;font-size:10.5px}.eym-step-pager span strong{margin-top:2px;color:#172033;font-size:12.5px}.eym-step-pager button:last-child{border-color:#c81e2a;background:#c81e2a;color:#fff}.eym-toast-stack{position:fixed;top:78px;right:18px;z-index:10040;display:grid;gap:8px;pointer-events:none}.eym-toast{display:grid;grid-template-columns:20px minmax(0,1fr);gap:9px;min-width:280px;max-width:360px;padding:11px 13px;border:1px solid #dce3ea;border-left:4px solid #0f766e;border-radius:8px;background:#fff;box-shadow:0 16px 38px rgba(15,23,42,.16)}.eym-toast strong,.eym-toast span{display:block}.eym-toast strong{font-size:12.5px}.eym-toast span{margin-top:2px;color:#64748b;font-size:11px}
@media(max-width:1199px){.eym-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.eym-workspace{grid-template-columns:220px minmax(0,1fr)}}@media(max-width:900px){.eym-workspace{grid-template-columns:1fr}.eym-flow{position:static}.eym-flow nav{grid-template-columns:repeat(5,minmax(155px,1fr));overflow-x:auto}.eym-source-health{display:none}.eym-context-bar{align-items:flex-start;flex-direction:column}.eym-plus-col{display:table-cell}}
@media(max-width:767px){.eym-hero{padding:20px 16px}.eym-hero h1{font-size:22px}.eym-hero-actions{display:grid;grid-template-columns:1fr 1fr}.eym-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.eym-context-form{display:grid;grid-template-columns:1fr 1fr;width:100%}.eym-context-form label,.eym-context-form select{grid-column:1/-1;width:100%}.eym-panel{min-height:0;padding:14px}.eym-panel>header{display:grid}.eym-command-band{grid-template-columns:1fr}.eym-command-band>div+div{border-top:1px solid #e4e9ef;border-left:0}.eym-priority{grid-template-columns:28px minmax(0,1fr)}.eym-priority em{grid-column:2}.eym-table-tools{align-items:stretch;flex-direction:column}.eym-table-tools>div,.eym-search,.eym-search input{width:100%}.eym-table-wrap{overflow:visible;border:0}.eym-table{display:block;min-width:0}.eym-table thead{display:none}.eym-table tbody{display:grid;gap:8px}.eym-table tr{display:grid;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.eym-table td{display:none;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;text-align:right}.eym-table td:before{content:attr(data-label);color:#64748b;font-size:10.5px}.eym-table td:nth-child(1),.eym-table td:nth-child(2),.eym-table tr.is-expanded td{display:flex}.eym-table td:nth-child(1):before,.eym-table td:nth-child(2):before{display:none}.eym-table td:nth-child(2){justify-content:flex-start;text-align:left}.eym-table-pager,.eym-step-pager{align-items:stretch;flex-direction:column}.eym-step-pager>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.eym-step-pager button{width:100%}.eym-roadmap{grid-template-columns:1fr}.eym-workplace-row{grid-template-columns:minmax(0,1fr) 58px 14px}.eym-workplace-row>span:not(.is-risk):not(.is-good),.eym-workplace-row>em{display:none}}
@media(max-width:480px){.eym-summary{grid-template-columns:1fr}.eym-hero-actions,.eym-context-form{grid-template-columns:1fr}.eym-context-form>*{grid-column:1!important}.eym-flow nav{grid-template-columns:repeat(5,175px)}.eym-toast-stack{right:10px;left:10px}.eym-toast{min-width:0;max-width:none}}

.eym-stat[href]{display:block;color:#172033;text-decoration:none}
/* Education and Development: catalog and content studio */
.ecol-shell{padding:0 18px 22px;max-width:1680px;margin:0 auto;color:#172033}.ecol-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:28px 30px 24px;border-radius:0 0 10px 10px;background:linear-gradient(112deg,#0b3b53 0%,#087e8b 49%,#0e9f6e 100%);color:#fff;box-shadow:0 16px 32px rgba(14,72,88,.16)}.ecol-eyebrow{display:inline-flex;align-items:center;gap:7px;color:inherit;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.ecol-hero h1{font-size:28px;line-height:1.18;margin:8px 0 9px;color:#fff}.ecol-hero p{max-width:770px;margin:0;color:rgba(255,255,255,.93);font-size:14px;line-height:1.65}.ecol-hero-chips,.ecol-hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.ecol-hero-chips span,.ecol-hero-action{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:13px;font-weight:700;border-radius:8px;padding:9px 12px}.ecol-hero-action{cursor:pointer;white-space:nowrap;transition:.18s ease}.ecol-hero-action:hover,.ecol-hero-action:focus{background:#fff;color:#075d69;border-color:#fff;text-decoration:none}.ecol-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:18px;padding-top:18px}.ecol-side{align-self:start;border:1px solid #dbe5ea;border-radius:9px;background:#fff;overflow:hidden}.ecol-side-title{padding:17px 17px 10px;font-weight:800;font-size:14px;color:#1d3345}.ecol-nav-link{display:flex;gap:10px;align-items:flex-start;padding:12px 15px;border-left:3px solid transparent;color:#40576a;text-decoration:none}.ecol-nav-link:hover{background:#f2f8fa;color:#0b6473;text-decoration:none}.ecol-nav-link.is-active{border-left-color:#d5232b;background:#fff5f5;color:#1b3647}.ecol-nav-link b{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#edf3f6;color:#557084;font-size:11px}.ecol-nav-link.is-active b{background:#d5232b;color:#fff}.ecol-nav-link span{font-size:13px;font-weight:800;line-height:1.25}.ecol-nav-link small{display:block;margin-top:3px;font-size:11px;font-weight:500;color:#6a7d8b}.ecol-main{min-width:0}.ecol-panel{border:1px solid #dce6eb;border-radius:9px;background:#fff;box-shadow:0 8px 24px rgba(20,56,74,.05)}.ecol-panel.is-hidden{display:none}.ecol-panel-heading{padding:20px 22px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ecol-panel-heading h2{margin:0;color:#182b3a;font-size:19px;font-weight:800}.ecol-panel-heading p{margin:6px 0 0;color:#597083;line-height:1.55;font-size:13px}.ecol-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 22px 22px}.ecol-stat{min-height:116px;text-align:left;border:1px solid #dce7ed;border-left:4px solid #1976a6;background:#fff;border-radius:8px;padding:16px;cursor:pointer}.ecol-stat:hover{box-shadow:0 8px 18px rgba(18,70,97,.1)}.ecol-stat.is-green{border-left-color:#139455}.ecol-stat.is-red{border-left-color:#d5232b}.ecol-stat.is-amber{border-left-color:#e28a12}.ecol-stat span,.ecol-stat small{display:block;color:#667c8c;font-size:12px}.ecol-stat strong{display:block;margin:5px 0;color:#172033;font-size:27px;line-height:1.1}.ecol-callout{margin:0 22px 22px;padding:15px 16px;display:flex;gap:11px;border:1px solid #c7e7e9;background:#f0fbfb;border-radius:8px}.ecol-callout>i{color:#087e8b;font-size:18px;margin-top:3px}.ecol-callout strong{display:block;color:#17485b;font-size:13px}.ecol-callout p{margin:4px 0 0;color:#557082;font-size:12px;line-height:1.55}.ecol-toolbar{border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;background:#f8fafb;padding:13px 22px;display:flex;gap:12px;align-items:end}.ecol-toolbar label{margin:0;color:#617987;font-size:11px;font-weight:800}.ecol-toolbar label span{display:block;margin-bottom:5px}.ecol-toolbar select{min-width:108px;height:34px;font-size:12px}.ecol-toolbar .ecol-search{margin-left:auto;width:min(100%,330px)}.ecol-toolbar .ecol-search input{height:34px;font-size:12px}.ecol-table-wrap{overflow:auto}.ecol-table{width:100%;min-width:850px;border-collapse:collapse}.ecol-table th{padding:11px 13px;background:#f5f8fa;color:#536c7e;text-align:left;border-bottom:1px solid #dce6eb;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ecol-table td{padding:13px;border-bottom:1px solid #edf2f4;vertical-align:middle;color:#304a5b;font-size:12px}.ecol-table td>strong,.ecol-table td>span{display:block}.ecol-table td>strong{color:#172c3b;font-size:13px}.ecol-table td>span{margin-top:3px;color:#66808f;font-size:11px;line-height:1.35}.ecol-tag,.ecol-status{width:max-content;display:inline-flex!important;align-items:center;padding:4px 7px;border-radius:20px;background:#eef5f8;color:#3c6578!important;font-size:10px!important;font-weight:800}.ecol-status.is-active{background:#e9f8ef;color:#177342!important}.ecol-status.is-passive{background:#fbecec;color:#a22b32!important}.ecol-actions{display:flex;align-items:center;gap:6px}.ecol-actions form{margin:0}.ecol-icon{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d3e0e6;background:#fff;color:#31596e;border-radius:7px;cursor:pointer}.ecol-icon:hover{background:#e9f5f5;color:#087e8b}.ecol-table-empty{display:none;margin:18px;padding:18px;text-align:center;border:1px dashed #cbd9df;border-radius:8px;color:#6a8090;font-size:13px}.ecol-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;color:#607787;font-size:12px}.ecol-table-footer>div{display:flex;align-items:center;gap:10px}.ecol-primary,.ecol-secondary{border:1px solid transparent;border-radius:7px;padding:9px 13px;font-weight:800;font-size:12px;cursor:pointer;transition:.18s ease}.ecol-primary{background:#c91d27;border-color:#c91d27;color:#fff}.ecol-primary:hover{background:#a91620;border-color:#a91620;color:#fff}.ecol-secondary{background:#fff;border-color:#ccdbe2;color:#405d6f}.ecol-secondary:hover{background:#eef5f7;color:#174f63}.ecol-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:4px 22px 22px}.ecol-rule-grid article{border:1px solid #dde8ed;border-radius:8px;padding:18px}.ecol-rule-grid i{color:#087e8b;font-size:20px}.ecol-rule-grid h3{font-size:14px;margin:12px 0 5px;color:#203749}.ecol-rule-grid p{margin:0;color:#607789;font-size:12px;line-height:1.55}.ecol-bridge{padding:4px 22px 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ecol-bridge>div{border:1px solid #dce7ed;border-radius:8px;padding:16px}.ecol-bridge strong,.ecol-bridge span,.ecol-bridge a{display:block}.ecol-bridge strong{font-size:13px;color:#223d4e}.ecol-bridge span{margin:7px 0 12px;font-size:12px;color:#617989;line-height:1.5}.ecol-bridge a{font-weight:800;color:#087e8b;font-size:12px;text-decoration:none}.ecol-pager{margin-top:18px;border:1px solid #dce6eb;border-radius:9px;background:#fff;padding:13px 16px;display:flex;align-items:center;justify-content:space-between}.ecol-pager>span{font-size:13px;font-weight:800;color:#536b7c}.ecol-pager>span i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#d5232b}.ecol-pager>div{display:flex;gap:8px}.ecol-modal-backdrop{display:none;align-items:center;justify-content:center;position:fixed;inset:0;z-index:2200;padding:18px;background:rgba(12,27,37,.54)}.ecol-modal-backdrop.is-open{display:flex}.ecol-modal{width:min(760px,100%);max-height:min(860px,calc(100vh - 36px));overflow:auto;background:#fff;border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.25)}.ecol-modal header{display:flex;justify-content:space-between;gap:15px;padding:19px 21px 15px;border-bottom:1px solid #e2ebef}.ecol-modal header .ecol-eyebrow{color:#087e8b}.ecol-modal h2{margin:3px 0 0;font-size:19px;color:#1d3445}.ecol-close{width:34px;height:34px;border:0;background:#f1f5f7;border-radius:7px;color:#425e6d;cursor:pointer}.ecol-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 21px}.ecol-form-grid label{margin:0;color:#536d7d;font-size:12px;font-weight:800}.ecol-form-grid label b{color:#d5232b}.ecol-form-grid .form-control{margin-top:6px;font-size:13px}.ecol-form-wide{grid-column:1/-1}.ecol-check{display:flex;align-items:center;gap:8px;grid-column:1/-1}.ecol-check input{margin:0}.ecol-modal footer{display:flex;justify-content:flex-end;gap:8px;padding:15px 21px;border-top:1px solid #e2ebef;background:#f8fafb}@media(max-width:1100px){.ecol-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecol-bridge{grid-template-columns:1fr}.ecol-layout{grid-template-columns:210px minmax(0,1fr)}}@media(max-width:760px){.ecol-shell{padding:0 10px 18px}.ecol-hero{padding:22px 18px;display:block}.ecol-hero h1{font-size:23px}.ecol-layout{grid-template-columns:1fr;padding-top:10px}.ecol-side{display:flex;overflow:auto}.ecol-side-title{display:none}.ecol-nav-link{min-width:164px}.ecol-panel-heading,.ecol-toolbar,.ecol-table-footer,.ecol-pager{padding-left:14px;padding-right:14px}.ecol-toolbar{display:grid;grid-template-columns:1fr 1fr}.ecol-toolbar .ecol-search{width:auto;margin:0;grid-column:1/-1}.ecol-stat-grid,.ecol-rule-grid{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.ecol-callout{margin-left:14px;margin-right:14px}.ecol-form-grid{grid-template-columns:1fr}.ecol-form-wide{grid-column:auto}.ecol-pager{align-items:flex-start;gap:12px;flex-direction:column}.ecol-hero-actions{margin-top:14px}.ecol-hero-action{flex:1;justify-content:center}.ecol-panel-heading{display:block}.ecol-panel-heading .ecol-primary{margin-top:12px}}

.right_col[role="main"]>.ecol-shell{width:100%;max-width:1680px;min-width:0;box-sizing:border-box}.ecol-hero{position:relative;z-index:1;margin-top:-18px}.ecol-panel-spaced{margin-top:18px}.ecol-form-divider{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:2px 0 -1px;padding:12px 0 4px;border-top:1px solid #dce7ed;color:#24576b}.ecol-form-divider span{font-size:13px;font-weight:800}.ecol-form-divider small{color:#6c8290;font-size:11px;font-weight:500}.ecol-delivery{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 14px;margin:0;padding:12px;border:1px solid #dce7ed;border-radius:7px}.ecol-delivery legend{width:100%;margin:0 0 3px;color:#536d7d;font-size:12px;font-weight:800}.ecol-delivery label{display:flex;align-items:center;gap:6px;color:#496474;font-size:12px;font-weight:600}.ecol-delivery input{margin:0}@media(max-width:760px){.ecol-form-divider{align-items:flex-start;flex-direction:column;gap:3px}.ecol-delivery{grid-column:auto}}

/* Education and Development: competence passport */
.epass-shell{padding-bottom:24px}.epass-hero{background:linear-gradient(112deg,#172c4a 0%,#196f76 52%,#317d55 100%)}.epass-side{position:sticky;top:16px}.epass-stat-grid{padding-top:0}.epass-stat{font:inherit;text-align:left}.epass-table-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:13px 22px 0;color:#667c8c;font-size:12px}.epass-table-toolbar label{margin:0}.epass-table-toolbar label span{display:block;margin-bottom:5px;font-size:11px;font-weight:800}.epass-table-toolbar select{width:96px;height:34px;font-size:12px}.epass-table .ecol-status.is-warning{background:#fff7ed;color:#a85b09!important}.epass-table .ecol-status.is-danger{background:#fef2f2;color:#b4232c!important}.epass-table .ecol-tag.is-active{background:#e9f8ef;color:#177342!important}.epass-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 21px}.epass-detail-list>div{padding:12px;border:1px solid #dce7ed;border-radius:8px;background:#fbfdfe}.epass-detail-list>div.is-wide{grid-column:1/-1}.epass-detail-list span,.epass-detail-list strong{display:block}.epass-detail-list span{color:#667c8c;font-size:11px;font-weight:700}.epass-detail-list strong{margin-top:5px;color:#172c3b;font-size:13px;line-height:1.5;overflow-wrap:anywhere}@media(max-width:1100px){.epass-side{position:static}}@media(max-width:760px){.epass-table-toolbar{padding:12px 14px 0}.epass-table{min-width:0}.epass-table thead{display:none}.epass-table tbody{display:grid;gap:8px}.epass-table tr{display:grid;grid-template-columns:minmax(0,1fr) 74px;border:1px solid #dce7ed;border-radius:8px;overflow:hidden}.epass-table td{display:none;padding:10px 11px}.epass-table td:nth-child(1),.epass-table td:last-child{display:block}.epass-table td:last-child{grid-column:2;grid-row:1;align-self:center}.epass-table td:last-child .ecol-actions{justify-content:flex-end}.epass-table td:nth-child(2),.epass-table td:nth-child(3),.epass-table td:nth-child(4),.epass-table td:nth-child(5),.epass-table td:nth-child(6){grid-column:1/-1;border-top:1px solid #edf2f4}.epass-table tr.is-expanded td{display:block}.epass-table tr.is-expanded td:last-child{display:block}.epass-detail-list{grid-template-columns:1fr}.epass-detail-list>div.is-wide{grid-column:auto}}

/* Education and Development: audit package */
.eap-hero{background:linear-gradient(112deg,#372239 0%,#8f3a40 52%,#bd6c28 100%)}.eap-side{position:sticky;top:16px}.eap-stat-grid{padding-top:0}.eap-table-toolbar{display:flex;align-items:end;gap:12px;padding:13px 22px 0}.eap-table-toolbar label{margin:0}.eap-table-toolbar label span{display:block;margin-bottom:5px;color:#667c8c;font-size:11px;font-weight:800}.eap-table-toolbar .ecol-search{margin-left:auto;width:min(100%,320px)}.eap-table-toolbar .ecol-search input{height:34px;font-size:12px}.eap-table-toolbar select{width:96px;height:34px;font-size:12px}.eap-table-toolbar>span{color:#667c8c;font-size:12px;font-weight:700}.eap-table .ecol-status.is-warning{background:#fff7ed;color:#a85b09!important}.eap-table .ecol-status.is-danger{background:#fef2f2;color:#b4232c!important}.eap-trigger-list{display:grid;padding:4px 22px 22px}.eap-trigger-list article{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #edf2f4}.eap-trigger-list article>i{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#fff2e9;color:#b45309}.eap-trigger-list strong,.eap-trigger-list span{display:block}.eap-trigger-list strong{color:#203749;font-size:12.5px}.eap-trigger-list span{margin-top:3px;color:#64748b;font-size:11.5px;line-height:1.45}.eap-trigger-list small{color:#748394;font-size:10.5px;white-space:nowrap}@media(max-width:1100px){.eap-side{position:static}}@media(max-width:760px){.eap-table-toolbar{display:grid;grid-template-columns:1fr 1fr;padding:12px 14px 0}.eap-table-toolbar .ecol-search{width:auto;margin:0;grid-column:1/-1}.eap-table-toolbar>span{grid-column:1/-1}.eap-trigger-list{padding:4px 14px 14px}.eap-trigger-list article{grid-template-columns:32px minmax(0,1fr)}.eap-trigger-list small{grid-column:2;white-space:normal}}

.eon-trigger-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:15px 0 12px}.eon-trigger-summary button{min-height:88px;padding:13px 14px;border:1px solid #dbe5ea;border-left:4px solid #2563eb;border-radius:8px;background:#fff;color:#172033;text-align:left}.eon-trigger-summary button:hover{border-color:#8ecfc8;box-shadow:0 8px 18px rgba(15,23,42,.07)}.eon-trigger-summary button.is-warning{border-left-color:#d97706}.eon-trigger-summary button.is-danger{border-left-color:#c81e2a}.eon-trigger-summary button.is-good{border-left-color:#15803d}.eon-trigger-summary button span,.eon-trigger-summary button small{display:block;color:#64748b;font-size:10.5px}.eon-trigger-summary button strong{display:block;margin:4px 0;color:#172033;font-size:23px;line-height:1}.eon-trigger-guide{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 13px;border:1px solid #d3e8ed;border-radius:8px;background:#f3fbfc;color:#245567}.eon-trigger-guide>i{display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#d9f1f3;color:#0d6d78}.eon-trigger-guide strong{font-size:12px}.eon-trigger-guide p{margin:3px 0 0;color:#4e6b7b;font-size:11.5px;line-height:1.55}.eon-trigger-filters{display:flex;align-items:flex-end;gap:8px}.eon-trigger-filters select{width:136px;height:36px;border-radius:7px;font-size:11.5px}.eon-trigger-filters .eon-search input{width:238px}@media(max-width:1199px){.eon-trigger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.eon-trigger-summary{grid-template-columns:1fr}.eon-trigger-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.eon-trigger-filters .eon-search{grid-column:1/-1}.eon-trigger-filters select,.eon-trigger-filters .eon-search input{width:100%}}

/* Education and Development: needs and obligations center */
.right_col[role="main"]>.eon-shell,.eon-shell{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.eon-shell *{box-sizing:border-box;min-width:0;letter-spacing:0}.eon-shell{display:grid;gap:16px;color:#172033}.eon-hero{position:relative;z-index:1;margin-top:-18px;padding:24px 26px;border-radius:0 0 8px 8px;background:linear-gradient(118deg,#15314a 0%,#17696a 55%,#b96820 100%);color:#fff;box-shadow:0 16px 36px rgba(23,32,51,.16)}.eon-hero h1{margin:0;color:#fff;font-size:27px;font-weight:700;line-height:1.25}.eon-hero p{max-width:900px;margin:8px 0 0;color:rgba(255,255,255,.9);font-size:13.5px;line-height:1.65}.eon-hero-meta,.eon-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.eon-hero-meta span{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 10px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:11.5px;font-weight:600}.eon-hero-actions{margin-top:13px}.eon-hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid rgba(255,255,255,.44)!important;border-radius:7px;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12.5px;font-weight:600;text-decoration:none}.eon-hero-actions a:hover,.eon-hero-actions a:focus{border-color:rgba(255,255,255,.85)!important;background:rgba(255,255,255,.16)!important;color:#fff!important}.eon-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.eon-stat{position:relative;min-height:105px;padding:14px 14px 13px 17px;overflow:hidden;border:1px solid #dce3ea;border-radius:8px;background:#fff;color:#172033;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(15,23,42,.045)}.eon-stat:before{position:absolute;inset:0 auto 0 0;width:4px;background:#2563eb;content:""}.eon-stat.is-red:before{background:#c81e2a}.eon-stat.is-amber:before{background:#d97706}.eon-stat.is-teal:before{background:#0f766e}.eon-stat span,.eon-stat small{display:block;color:#64748b;font-size:11.5px;line-height:1.4}.eon-stat span{font-weight:600}.eon-stat strong{display:block;margin:7px 0 5px;color:#172033;font-size:24px;line-height:1}.eon-stat:hover,.eon-stat:focus{border-color:#8ac8bf;box-shadow:0 12px 26px rgba(15,23,42,.085);outline:0}.eon-context{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #dce3ea;border-radius:8px;background:#fff}.eon-context form{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.eon-context label,.eon-context p{margin:0;color:#64748b;font-size:11.5px}.eon-context select{width:245px;height:36px;border-radius:7px;font-size:12px}.eon-context button,.eon-context a{min-height:36px;padding:7px 11px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#175b63;font-size:11.5px;font-weight:650;text-decoration:none}.eon-context button{border-color:#17696a;background:#17696a;color:#fff}.eon-context p{display:flex;align-items:flex-start;gap:7px;max-width:410px;line-height:1.45}.eon-context p i{margin-top:1px;color:#17696a}.eon-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:16px}.eon-flow{align-self:start;position:sticky;top:16px;border:1px solid #dce3ea;border-radius:8px;background:#fff;overflow:hidden}.eon-flow-head{padding:14px 15px;border-bottom:1px solid #e9eef3}.eon-flow-head strong,.eon-flow-head span{display:block}.eon-flow-head strong{font-size:13px}.eon-flow-head span{margin-top:3px;color:#7a8796;font-size:10.5px}.eon-flow nav{display:grid}.eon-flow nav button{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:9px;padding:12px 14px;border:0;border-bottom:1px solid #edf1f5;background:#fff;color:#334155;text-align:left}.eon-flow nav button>span{grid-row:1/3;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#f1f5f9;color:#64748b;font-size:10px;font-weight:700}.eon-flow nav button strong{font-size:12px}.eon-flow nav button small{margin-top:2px;color:#7a8796;font-size:10px}.eon-flow nav button.is-active{background:#f0fdfa}.eon-flow nav button.is-active>span{background:#17696a;color:#fff}.eon-source-health{padding:12px 14px;background:#f8fafc}.eon-source-health strong,.eon-source-health span{display:block;font-size:10.5px}.eon-source-health span{margin-top:3px;color:#64748b}.eon-panel{min-height:560px;padding:18px;border:1px solid #dce3ea;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.045)}.eon-panel[hidden]{display:none!important}.eon-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #edf1f5}.eon-panel h2{margin:0;color:#172033;font-size:19px}.eon-panel header p{margin:5px 0 0;color:#64748b;font-size:12.5px;line-height:1.55}.eon-inline-link{display:inline-flex;gap:6px;color:#17696a;font-size:11.5px;font-weight:650;text-decoration:none;white-space:nowrap}.eon-priorities{display:grid;margin-top:15px}.eon-priorities a{display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:11px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf1f5;color:#172033;text-decoration:none}.eon-priorities span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:700}.eon-priorities a.is-danger span{background:#fef2f2;color:#b91c1c}.eon-priorities a.is-warning span{background:#fff7ed;color:#b45309}.eon-priorities strong,.eon-priorities small{display:block}.eon-priorities strong{font-size:13px}.eon-priorities small{margin-top:3px;color:#64748b;font-size:11.5px}.eon-priorities i{color:#17696a}.eon-disclosure{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:15px;padding:12px 13px;border-left:3px solid #17696a;background:#f0fdfa;color:#134e4a}.eon-disclosure>i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#ccfbf1}.eon-disclosure strong{font-size:12px}.eon-disclosure p{margin:3px 0 0;font-size:11.5px;line-height:1.5}.eon-table-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:14px 0 11px}.eon-table-tools>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eon-table-tools label,.eon-table-tools span{color:#64748b;font-size:11.5px}.eon-table-tools select{width:96px;height:36px;border-radius:7px;font-size:11.5px}.eon-search{position:relative}.eon-search i{position:absolute;top:11px;left:11px;color:#64748b}.eon-search input{width:280px;height:36px;padding-left:31px;border-radius:7px;font-size:12px}.eon-table-wrap{width:100%;overflow-x:auto;border:1px solid #e2e8f0;border-radius:8px}.eon-table{width:100%;min-width:880px;border-collapse:separate;border-spacing:0}.eon-table th{padding:10px 11px;border-bottom:1px solid #e2e8f0;background:#f8fafc;color:#526173;font-size:11px;text-align:left}.eon-table td{padding:11px;border-bottom:1px solid #edf1f5;color:#405063;font-size:12px;vertical-align:middle}.eon-table td strong,.eon-table td small{display:block}.eon-table td strong{color:#172033;font-size:12.5px}.eon-table td small{margin-top:3px;color:#7a8796;font-size:10.5px}.eon-plus-col{display:none;width:42px;text-align:center!important}.eon-row-toggle,.eon-icon-btn{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:#17696a}.eon-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10.5px;font-weight:650}.eon-status.is-danger{background:#fef2f2;color:#b91c1c}.eon-status.is-warning{background:#fff7ed;color:#9a3412}.eon-status.is-info{background:#eff6ff;color:#1d4ed8}.eon-status.is-good{background:#f0fdf4;color:#15803d}.eon-status.is-muted{background:#f1f5f9;color:#64748b}.eon-empty{display:grid;justify-items:center;gap:5px;padding:30px;color:#64748b;text-align:center}.eon-empty i{color:#17696a;font-size:23px}.eon-empty strong{color:#334155;font-size:13px}.eon-table-pager,.eon-step-pager{display:flex;align-items:center;justify-content:space-between;gap:12px}.eon-table-pager{padding-top:12px;color:#64748b;font-size:11.5px}.eon-table-pager>div{display:flex;align-items:center;gap:8px}.eon-table-pager button,.eon-step-pager button{min-height:34px;padding:6px 10px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#475569;font-size:11px;font-weight:600}.eon-table-pager button:disabled,.eon-step-pager button:disabled{opacity:.42}.eon-table-pager strong{min-width:50px;color:#172033;text-align:center}.eon-step-pager{padding:12px 14px;border:1px solid #dce3ea;border-top:0;border-radius:0 0 8px 8px;background:#fff}.eon-step-pager>div{display:flex;align-items:center;gap:9px}.eon-step-pager>div:first-child>i{width:7px;height:7px;border-radius:50%;background:#c81e2a}.eon-step-pager small,.eon-step-pager strong{display:block}.eon-step-pager small{color:#b4232c;font-size:10.5px}.eon-step-pager strong{margin-top:2px;color:#172033;font-size:12.5px}.eon-step-pager button:last-child{border-color:#c81e2a;background:#c81e2a;color:#fff}.eon-toast-stack{position:fixed;top:78px;right:18px;z-index:10040;display:grid;gap:8px;pointer-events:none}
@media(max-width:1199px){.eon-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.eon-workspace{grid-template-columns:1fr}.eon-flow{position:static}.eon-flow nav{grid-template-columns:repeat(4,minmax(165px,1fr));overflow-x:auto}.eon-source-health{display:none}.eon-plus-col{display:table-cell}.eon-context{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.eon-hero{padding:20px 16px}.eon-hero h1{font-size:22px}.eon-hero-actions{display:grid;grid-template-columns:1fr 1fr}.eon-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.eon-context form{display:grid;grid-template-columns:1fr 1fr;width:100%}.eon-context label,.eon-context select{grid-column:1/-1;width:100%}.eon-panel{min-height:0;padding:14px}.eon-panel>header{display:grid}.eon-table-tools{align-items:stretch;flex-direction:column}.eon-table-tools>div,.eon-search,.eon-search input{width:100%}.eon-table-wrap{overflow:visible;border:0}.eon-table{display:block;min-width:0}.eon-table thead{display:none}.eon-table tbody{display:grid;gap:8px}.eon-table tr{display:grid;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.eon-table td{display:none;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;text-align:right}.eon-table td:before{content:attr(data-label);color:#64748b;font-size:10.5px}.eon-table td:nth-child(1),.eon-table td:nth-child(2),.eon-table tr.is-expanded td{display:flex}.eon-table td:nth-child(1):before,.eon-table td:nth-child(2):before{display:none}.eon-table td:nth-child(2){justify-content:flex-start;text-align:left}.eon-table-pager,.eon-step-pager{align-items:stretch;flex-direction:column}.eon-step-pager>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.eon-step-pager button{width:100%}}@media(max-width:480px){.eon-summary,.eon-hero-actions,.eon-context form{grid-template-columns:1fr}.eon-context form>*{grid-column:1!important}.eon-flow nav{grid-template-columns:repeat(4,175px)}}