:root {
    --ent-primary: #0369a1;
    --ent-primary-dark: #075985;
    --ent-accent: #ffab3d;
    --ent-success: #15803d;
    --ent-warning: #b45309;
    --ent-danger: #b91c1c;
    --ent-text: #172033;
    --ent-muted: #64748b;
    --ent-border: #dbe3ec;
    --ent-surface: #ffffff;
    --ent-background: #f6f8fb;
    --ent-radius: 12px;
    --ent-shadow: 0 5px 20px rgba(15, 23, 42, .07);
}

.enterprise-app {
    color: var(--ent-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    line-height: 1.5;
}

body:has(#enterprise-app) {
    background: #f8fafc;
    margin: 0;
}

.enterprise-app *, .enterprise-app *::before, .enterprise-app *::after { box-sizing: border-box; }
.enterprise-app [hidden] { display: none !important; }
.ent-test-session { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 20px; background: #fff7ed; color: #9a3412; border-bottom: 1px solid #fed7aa; padding: 9px 16px; font-size: 13px; }
.ent-test-session a { color: #9a3412; font-weight: 700; text-decoration: underline; }
.ent-account-content { width: 100%; max-width: none; margin: 0; }
.ent-account-content .page, .ent-account-content .well { background: var(--ent-surface); border: 1px solid var(--ent-border); border-radius: var(--ent-radius); padding: 24px; box-shadow: none; }
.ent-account-content .panel { border-color: var(--ent-border); border-radius: var(--ent-radius); box-shadow: none; }
.ent-account-content .panel-body { padding: 24px; }
.ent-account-content h2 { color: var(--ent-text); font-size: 22px; font-weight: 700; }
.ent-account-content .table { background: var(--ent-surface); margin-top: 20px; }
.ent-account-content .table td { border-color: var(--ent-border); padding: 12px 16px; }
.ent-account-content .form-control { border-color: var(--ent-border); border-radius: 8px; min-height: 42px; box-shadow: none; }
.ent-account-content .btn-primary { background: var(--ent-primary); border-color: var(--ent-primary); border-radius: 8px; }
.ent-account-content .nav-tabs { border-color: var(--ent-border); }
.ent-account-content .nav-tabs > li.active > a { color: var(--ent-primary); border-color: var(--ent-border); }
.ent-account-content .avatar { margin: 0 20px 12px 0; }
@media (max-width: 767px) { .ent-account-content .page, .ent-account-content .well, .ent-account-content .panel-body { padding: 16px; } .ent-account-content .table { display: block; overflow-x: auto; } }
.ent-connectivity, .ent-update { align-items: center; display: flex; font-size: 13px; font-weight: 600; gap: 10px; justify-content: center; min-height: 38px; padding: 7px 14px; }
.ent-connectivity { background: #fef3c7; color: #78350f; }
.ent-connectivity--online { background: #dcfce7; color: #14532d; }
.ent-update { background: #e0f2fe; color: #075985; }
.ent-update button { background: #0369a1; border: 0; border-radius: 6px; color: #fff; cursor: pointer; font: inherit; padding: 4px 10px; }
.enterprise-app a { color: inherit; }
.enterprise-app a:hover { text-decoration: none; }
.enterprise-app :focus-visible:not(input):not(select):not(textarea) { outline: 3px solid rgba(3, 105, 161, .3); outline-offset: 2px; }
.ent-skip-link { position: fixed; top: -80px; left: 16px; z-index: 1003; background: #fff; padding: 10px 14px; border-radius: 8px; }
.ent-skip-link:focus { top: 12px; }
.ent-shell { display: flex; min-height: 100vh; width: 100%; }
.ent-sidebar {
    background: #fff;
    border-right: 1px solid var(--ent-border);
    display: flex;
    flex: 0 0 240px;
    flex-direction: column;
    min-height: 100vh;
    position: sticky;
    top: 0;
    height: 100vh;
    z-index: 1001;
}
.ent-brand { align-items: center; border-bottom: 1px solid var(--ent-border); display: flex; gap: 10px; min-height: 64px; padding: 10px 16px; }
.ent-brand img { flex: 0 0 38px; height: 38px; object-fit: contain; width: 38px; }
.ent-brand span { display: flex; flex-direction: column; min-width: 0; }
.ent-brand strong { overflow-wrap: anywhere; }
.ent-brand small { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ent-breadcrumb > span { max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.ent-brand strong { color: #0f172a; font-size: 17px; line-height: 1.2; }
.ent-brand small { color: var(--ent-muted); font-size: 11px; line-height: 1.25; }
.ent-nav { display: flex; flex: 1; flex-direction: column; gap: 4px; overflow-y: auto; padding: 20px 10px; }
.ent-nav__heading { color: var(--ent-muted); font-size: 11px; font-weight: 700; letter-spacing: .1em; padding: 0 12px 8px; text-transform: uppercase; }
.ent-nav__link { align-items: center; border-left: 3px solid transparent; border-radius: 8px; color: #334155 !important; display: flex; font-size: 14px; font-weight: 600; gap: 12px; min-height: 44px; padding: 9px 12px; }
.ent-nav__link:hover { background: #f1f5f9; }
.ent-nav__link i { font-size: 17px; text-align: center; width: 20px; }
.ent-nav__link--active, .ent-nav__link--active:hover { background: #e0f2fe; border-left-color: var(--ent-primary); color: #075985 !important; }
.ent-sidebar__bottom { border-top: 1px solid var(--ent-border); display: flex; flex-direction: column; gap: 2px; padding: 14px 20px; }
.ent-sidebar__caption { color: var(--ent-muted); font-size: 12px; }
.ent-sidebar__bottom strong { font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ent-sidebar-backdrop { display: none; }
.ent-shell__body { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.ent-topbar { align-items: center; background: #fff; border-bottom: 1px solid var(--ent-border); display: flex; gap: 16px; justify-content: space-between; min-height: 64px; padding: 0 24px; position: sticky; top: 0; z-index: 1000; }
.ent-topbar__start, .ent-topbar__end { align-items: center; display: flex; gap: 12px; min-width: 0; }
.ent-breadcrumb { align-items: center; color: var(--ent-muted); display: flex; gap: 10px; min-width: 0; white-space: nowrap; }
.ent-breadcrumb strong { color: var(--ent-text); overflow: hidden; text-overflow: ellipsis; }
.ent-icon-button { align-items: center; background: transparent; border: 0; border-radius: 8px; color: #334155; cursor: pointer; display: inline-flex; height: 42px; justify-content: center; min-width: 42px; padding: 0; position: relative; }
.ent-icon-button:hover { background: #f1f5f9; }
.ent-icon-button i { font-size: 19px; }
.ent-menu-toggle { display: none; }
.ent-bell__count { align-items: center; background: #dc2626; border: 2px solid #fff; border-radius: 999px; color: #fff; display: flex; font-size: 10px; font-weight: 700; height: 20px; justify-content: center; min-width: 20px; padding: 0 3px; position: absolute; right: 0; top: 1px; }
.ent-popover { position: relative; }
.ent-popover > summary { list-style: none; }
.ent-popover > summary::-webkit-details-marker { display: none; }
.ent-popover__panel { background: #fff; border: 1px solid var(--ent-border); border-radius: 12px; box-shadow: 0 16px 40px rgba(15, 23, 42, .16); position: absolute; right: 0; top: calc(100% + 9px); width: 350px; z-index: 1010; }
.ent-popover__heading { align-items: center; border-bottom: 1px solid var(--ent-border); display: flex; justify-content: space-between; padding: 14px 16px; }
.ent-popover__heading a { color: var(--ent-primary); font-size: 13px; font-weight: 600; }
.ent-popover__empty { color: var(--ent-muted); margin: 0; padding: 24px 16px; text-align: center; }
.ent-notice-panel { max-height: min(480px, 70vh); overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; }
.ent-notice-panel .ent-popover__heading { background: #fff; position: sticky; top: 0; z-index: 1; }
.ent-notice-panel .ent-notice { margin: 0; }
.ent-notice { border-bottom: 1px solid var(--ent-border); display: flex; flex-direction: column; gap: 2px; padding: 11px 16px; }
.ent-notice button { background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; flex-direction: column; gap: 2px; padding: 0; text-align: left; width: 100%; }
.ent-notice:last-child { border-bottom: 0; }
.ent-notice:hover { background: #f8fafc; }
.ent-notice--unread { background: #eff8ff; }
.ent-notice strong { font-size: 13px; }
.ent-notice span { color: #475569; font-size: 12px; }
.ent-notice small { color: var(--ent-muted); font-size: 11px; }
.ent-account { align-items: center; border-radius: 8px; cursor: pointer; display: flex; gap: 8px; padding: 4px 6px; }
.ent-account:hover { background: #f1f5f9; }
.ent-avatar { align-items: center; background: #e0f2fe; border-radius: 50%; color: #075985; display: inline-flex; font-size: 15px; font-weight: 700; height: 34px; justify-content: center; text-transform: uppercase; width: 34px; }
.ent-account__name { font-size: 13px; font-weight: 600; max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ent-account-panel { padding: 6px; width: 220px; }
.ent-account-panel__name { border-bottom: 1px solid var(--ent-border); font-weight: 700; overflow: hidden; padding: 10px; text-overflow: ellipsis; }
.ent-account-panel a, .ent-account-panel button { align-items: center; background: transparent; border: 0; border-radius: 7px; color: var(--ent-text); cursor: pointer; display: flex; font: inherit; gap: 10px; min-height: 40px; padding: 8px 10px; text-align: left; width: 100%; }
.ent-account-panel a:hover, .ent-account-panel button:hover { background: #f1f5f9; }
.ent-account-panel a i, .ent-account-panel button i { color: var(--ent-muted); width: 18px; }
.ent-main { background: #f8fafc; flex: 1; min-width: 0; padding: 24px; }
.ent-main__inner { width: 100%; max-width: none; margin: 0; }
.ent-main__inner > .ent-page-header { margin-top: 4px; }

.ent-page-header {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
}

.ent-page-header h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.ent-eyebrow {
    color: var(--ent-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    margin: 0 0 4px;
    text-transform: uppercase;
}

@media (min-width: 992px) { .enterprise-app .ent-summary-grid--five > div { width: 20%; } }
.ent-summary-grid > div {
    margin-bottom: 20px;
}

.ent-stat-card {
    background: var(--ent-surface);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    box-shadow: var(--ent-shadow);
    min-height: 120px;
    overflow: hidden;
    padding: 22px;
    position: relative;
}

.ent-stat-card::before {
    background: var(--ent-primary);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.ent-stat-card--warning::before { background: var(--ent-warning); }
.ent-stat-card--danger::before { background: var(--ent-danger); }
.ent-stat-card--success::before { background: var(--ent-success); }
.ent-stat-card__label { color: var(--ent-muted); display: block; font-size: 14px; margin-bottom: 6px; }
.ent-stat-card__value { display: block; font-size: 32px; line-height: 1; }
.ent-stat-card > i { color: var(--ent-primary); font-size: 30px; opacity: .16; position: absolute; right: 20px; top: 46px; }

.ent-panel {
    background: var(--ent-surface);
    border: 1px solid var(--ent-border);
    border-radius: var(--ent-radius);
    box-shadow: var(--ent-shadow);
    margin-bottom: 20px;
    overflow: hidden;
}

.ent-panel__header {
    align-items: center;
    border-bottom: 1px solid var(--ent-border);
    display: flex;
    justify-content: space-between;
    min-height: 58px;
    padding: 14px 18px;
}

.ent-panel__header h2 { font-size: 18px; font-weight: 700; margin: 0; }
.ent-panel__header a { color: var(--ent-primary); font-weight: 600; }
.ent-list-item { align-items: center; border-bottom: 1px solid var(--ent-border); display: flex; gap: 16px; justify-content: space-between; padding: 16px 18px; }
.ent-list-item:last-child { border-bottom: 0; }
.ent-list-item h3, .ent-project-card h3 { font-size: 15px; font-weight: 650; margin: 4px 0; }
.ent-list-item__meta { color: var(--ent-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 12px; }
.ent-status { border-radius: 999px; display: inline-flex; flex: 0 0 auto; font-size: 12px; font-weight: 650; padding: 5px 9px; }
.ent-status--ready { background: #e0f2fe; color: #075985; }
.ent-status--in-progress { background: #ede9fe; color: #6d28d9; }
.ent-status--waiting-review { background: #fef3c7; color: #92400e; }
.ent-status--needs-changes, .ent-status--blocked { background: #fee2e2; color: #991b1b; }
.ent-status--completed { background: #dcfce7; color: #166534; }
.ent-project-status--draft { background: #e0f2fe; color: #075985; }
.ent-project-status--active, .ent-project-status--completed { background: #dcfce7; color: #166534; }
.ent-project-status--paused, .ent-project-status--closing { background: #fef3c7; color: #92400e; }
.ent-project-status--cancelled { background: #e2e8f0; color: #475569; }
.ent-project-list { padding: 8px 18px; }
.ent-project-card { border-bottom: 1px solid var(--ent-border); padding: 14px 0; }
.ent-project-card:last-child { border-bottom: 0; }
.ent-project-card__code { color: var(--ent-primary); font-size: 12px; font-weight: 700; }
.ent-project-card p { color: var(--ent-muted); font-size: 12px; margin: 0; }
.ent-empty { color: var(--ent-muted); padding: 36px 18px; text-align: center; }
.ent-empty i { color: #94a3b8; font-size: 32px; }
.ent-empty p { margin: 10px 0 0; }
.ent-notification { align-items: flex-start; border-bottom: 1px solid var(--ent-border); color: var(--ent-text); display: flex; gap: 14px; padding: 16px 18px; text-decoration: none; }
.ent-notification__body { background: transparent; border: 0; color: inherit; cursor: pointer; padding: 0; text-align: left; }
.ent-notification-filters { display: flex; gap: 8px; padding: 0 0 16px; }
.ent-notification-filters a { border: 1px solid var(--ent-border); border-radius: 999px; color: var(--ent-text); padding: 7px 14px; }
.ent-notification-filters a[aria-current="page"] { background: #e0f2fe; border-color: #7dd3fc; color: #075985; font-weight: 700; }
.ent-notification:hover, .ent-notification:focus { background: #f8fafc; color: var(--ent-text); text-decoration: none; }
.ent-notification:last-child { border-bottom: 0; }
.ent-notification--unread { background: #eff8ff; }
.ent-notification__icon { align-items: center; background: #e0f2fe; border-radius: 50%; color: var(--ent-primary); display: flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.ent-notification__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ent-notification__body span, .ent-notification__body small { color: var(--ent-muted); }
.ent-profile-grid { display: grid; gap: 0 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; padding: 8px 22px 18px; }
.ent-employee-detail-heading { margin-bottom: 18px; }
.ent-employee-detail-heading .ent-panel__header { align-items: center; }
.ent-employee-detail-heading .ent-panel__header h2 { margin: 0; }
.ent-employee-detail-heading .ent-panel__header div > span { color: var(--ent-muted); display: block; font-size: 13px; margin-top: 4px; }
.ent-detail-tabs { border-top: 1px solid var(--ent-border); display: flex; gap: 4px; overflow-x: auto; padding: 0 16px; }
.ent-detail-tabs a { border-bottom: 3px solid transparent; color: var(--ent-muted); flex: 0 0 auto; font-size: 14px; font-weight: 600; padding: 13px 12px 10px; text-decoration: none; }
.ent-detail-tabs a:hover, .ent-detail-tabs a:focus { color: var(--ent-primary); }
.ent-detail-tabs a[aria-current="page"] { border-bottom-color: var(--ent-primary); color: var(--ent-primary); }
.ent-hr-nav { margin-bottom: 18px; }
.ent-profile-grid > div { border-bottom: 1px solid var(--ent-border); min-width: 0; padding: 13px 0; }
.ent-profile-grid dt { color: var(--ent-muted); font-size: 12px; font-weight: 600; }
.ent-profile-grid dd { font-size: 14px; font-weight: 600; margin: 5px 0 0; overflow-wrap: anywhere; }
.ent-project-description { grid-column: 1 / -1; }
.ent-project-description dd { font-weight: 400; white-space: pre-wrap; }
.ent-task-result { margin: 0 22px 18px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ent-task-progress { padding: 4px 22px 18px; }
.ent-task-progress progress { accent-color: var(--ent-primary); display: block; height: 14px; width: 100%; }
.ent-task-comment { border-top: 1px solid var(--ent-border); padding: 14px 22px; }
.ent-task-comment p { margin: 0 0 8px; overflow-wrap: anywhere; white-space: pre-wrap; }
.ent-task-comment small { color: var(--ent-muted); }
.ent-task-comment a { font-weight: 650; }
.ent-check-field { align-items: center; display: flex; font-size: 14px; gap: 8px; margin-top: 18px; }
.ent-check-field input { height: 18px; margin: 0; width: 18px; }
.ent-profile-list__item { border-bottom: 1px solid var(--ent-border); display: flex; flex-direction: column; gap: 3px; padding: 13px 22px; }
.ent-profile-list__item:last-child { border-bottom: 0; }
.ent-profile-list__item strong { font-size: 14px; }
.ent-profile-list__item span { color: var(--ent-muted); font-size: 13px; }
.ent-employee-form { padding: 20px 22px; }
.ent-field-grid { display: grid; gap: 18px 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ent-field { display: flex; flex-direction: column; min-width: 0; }
.ent-field label { color: var(--ent-text); font-size: 13px; font-weight: 650; margin-bottom: 6px; }
.ent-field input, .ent-field select, .ent-field textarea, .ent-employee-search input, .ent-employee-search select { background: #fff; border: 1px solid #cbd5e1; border-radius: 7px; color: var(--ent-text); font-size: 14px; min-height: 40px; padding: 8px 11px; width: 100%; }
.ent-field--wide { grid-column: 1 / -1; }
.ent-field input:focus, .ent-field select:focus, .ent-field textarea:focus, .ent-employee-search input:focus, .ent-employee-search select:focus { border-color: var(--ent-border); outline: none; box-shadow: none; }
.ent-form-actions { display: flex; gap: 10px; margin-top: 22px; }
.ent-employee-search { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; padding: 16px 18px; }
.ent-employee-search input { flex: 1 1 220px; max-width: 360px; }
.ent-employee-search select { flex: 1 1 180px; max-width: 260px; }
.ent-project-search select { background: #fff; border: 1px solid #cbd5e1; border-radius: 7px; color: var(--ent-text); min-height: 40px; padding: 8px 11px; }
.ent-report-search { align-items: flex-end; flex-wrap: wrap; }
.ent-report-date { color: var(--ent-muted); display: flex; flex: 0 1 180px; flex-direction: column; font-size: 12px; gap: 5px; min-width: 150px; }
.ent-report-date input { min-width: 0; }
.ent-employee-search .ent-report-date input { flex: 0 0 auto; }
.ent-employee-table-wrap { overflow-x: auto; }
.ent-employee-table { border-collapse: collapse; font-size: 13px; width: 100%; }
.ent-employee-table th { background: #f1f5f9; color: #334155; font-weight: 650; text-align: left; }
.ent-employee-table th, .ent-employee-table td { border-top: 1px solid var(--ent-border); padding: 13px 12px; vertical-align: middle; }
.ent-employee-table td { overflow-wrap: anywhere; }
.ent-pagination { display: flex; gap: 16px; justify-content: flex-end; padding: 14px 18px; }

@media (max-width: 767px) {
    .ent-sidebar { box-shadow: 8px 0 30px rgba(15, 23, 42, .15); height: 100vh; left: 0; position: fixed; top: 0; transform: translateX(-110%); transition: transform .2s ease; width: 240px; }
    .ent-shell--menu-open .ent-sidebar { transform: translateX(0); }
    .ent-sidebar-backdrop { background: rgba(15, 23, 42, .4); border: 0; inset: 0; position: fixed; z-index: 1000; }
    .ent-shell--menu-open .ent-sidebar-backdrop { display: block; }
    .ent-topbar { padding: 0 12px; }
    .ent-menu-toggle { display: inline-flex; }
    .ent-breadcrumb > span, .ent-breadcrumb > i { display: none; }
    .ent-account__name, .ent-account > i { display: none; }
    .ent-main { padding: 16px; }
    .ent-popover__panel { max-width: calc(100vw - 24px); width: 320px; }
    .ent-notice-popover { position: static; }
    .ent-notice-panel { left: 12px; right: 12px; top: calc(100% + 8px); width: auto; max-width: none; max-height: min(480px, calc(100dvh - 88px)); }
    .ent-page-header h1 { font-size: 23px; }
    .ent-stat-card { min-height: 102px; padding: 18px; }
    .ent-stat-card__value { font-size: 28px; }
    .ent-list-item { align-items: flex-start; flex-direction: column; }
    .ent-profile-grid { grid-template-columns: 1fr; }
    .ent-field-grid { grid-template-columns: 1fr; }
    .ent-employee-table thead { display: none; }
    .ent-employee-table tr { border-top: 1px solid var(--ent-border); display: block; padding: 12px 16px; }
    .ent-employee-table td { align-items: baseline; border: 0; display: flex; gap: 12px; justify-content: space-between; padding: 4px 0; text-align: right; }
    .ent-employee-table td::before { color: var(--ent-muted); content: attr(data-label); flex: 0 0 100px; font-weight: 600; text-align: left; }
    .ent-employee-table:not(.ent-project-table) td:last-child::before { content: none; }
    .ent-project-search { flex-wrap: wrap; }
    .ent-project-search input { flex: 1 1 180px; }
}

@media (max-width: 479px) {
    .ent-summary-grid > div { width: 100%; }
    .ent-stat-card { min-height: 92px; }
}

/* Branded NukeViet sign-in; authentication, CAPTCHA and two-step verification stay in Users. */
/* Login palette follows the navy and brick red of the configured CII logo. */
body:has(.ent-auth) { background: #f5f6f8; margin: 0; }
.ent-auth, .ent-auth * { box-sizing: border-box; }
.ent-auth { --auth-navy: #0b3672; --auth-red: #b83d25; color: #182843; display: grid; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr); line-height: 1.5; min-height: 100vh; min-height: 100svh; }
.ent-auth__intro { background: radial-gradient(ellipse at 0 100%, #194b91 0, transparent 65%), #092b5d; color: #fff; display: flex; flex-direction: column; justify-content: space-between; isolation: isolate; min-height: 100vh; overflow: hidden; padding: clamp(32px, 5vw, 80px); position: relative; }
.ent-auth__intro::after { border: 1px solid rgba(255,255,255,.09); border-radius: 44px; content: ""; height: 420px; pointer-events: none; position: absolute; right: -250px; top: 22%; transform: rotate(45deg); width: 420px; z-index: -1; }
.ent-auth__brand, .ent-auth__mobile-brand { align-items: center; display: flex; gap: 16px; min-width: 0; }
.ent-auth__brand img, .ent-auth__mobile-brand img { background: #fff; border-radius: 12px; flex-shrink: 0; object-fit: contain; padding: 5px; }
.ent-auth__brand span, .ent-auth__mobile-brand span { display: flex; flex-direction: column; min-width: 0; }
.ent-auth__brand strong { font-size: 24px; letter-spacing: -.02em; line-height: 1.25; overflow-wrap: anywhere; }
.ent-auth__brand small { color: #c5d3e9; font-size: 13px; margin-top: 5px; }
.ent-auth__eyebrow { color: #eac0b6; display: block; font-size: 11px; font-weight: 750; letter-spacing: .16em; margin: 0 0 22px; }
.ent-auth__message { margin: 56px 0; max-width: 620px; }
.ent-auth__message h1 { color: #fff; font-size: clamp(36px, 3.7vw, 58px); font-weight: 750; letter-spacing: -.035em; line-height: 1.2; margin: 0 0 26px; }
.ent-auth__message h1 span { color: #c9d8ef; }
.ent-auth__message p { color: #c5d3e9; font-size: 16px; line-height: 1.8; margin: 0; max-width: 440px; }
.ent-auth__features { display: flex; flex-wrap: wrap; gap: 12px; list-style: none; margin: 32px 0 0; padding: 0; }
.ent-auth__features li { align-items: center; border: 1px solid #41608a; border-radius: 8px; display: flex; font-size: 13px; gap: 10px; padding: 10px 14px; }
.ent-auth__features i { color: #efb2a4; }
.ent-auth__intro-foot { border-top: 1px solid #36557e; color: #b9c9e0; font-size: 12px; margin: 0; padding-top: 22px; }
.ent-auth__content { align-items: center; background: #f5f6f8; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 48px 32px; }
.ent-auth__mobile-brand { display: none; }
.ent-auth__card, .ent-auth__card.login-box { background: #fff; border: 1px solid #e4e8ee; border-radius: 20px; box-shadow: 0 18px 60px rgba(22,38,66,.06); max-width: 460px; padding: clamp(28px, 3vw, 44px); width: 100%; }
.ent-auth__card .ent-auth__eyebrow { color: var(--auth-red); margin-bottom: 14px; }
.ent-auth__card h2 { color: #172742; font-size: 32px; font-weight: 750; letter-spacing: -.025em; margin: 0 0 12px; }
.ent-auth__hint { color: #65728a; font-size: 14px; line-height: 1.7; margin: 0 0 26px; }
.ent-auth .nv-info { color: #65728a; font-size: 12px; line-height: 1.6; }
.ent-auth .form-group { margin-bottom: 20px; }
.ent-auth label { color: #334155; display: block; font-size: 13px; font-weight: 650; margin-bottom: 8px; }
.ent-auth .input-group { width: 100%; }
.ent-auth .input-group-addon { background: #f8f9fb; border-color: #d4dce7; border-radius: 10px 0 0 10px; color: #75839a; min-width: 46px; }
.ent-auth .form-control { border-color: #d4dce7; border-radius: 0 10px 10px 0; box-shadow: none; font-size: 15px; height: 50px; }
.ent-auth .form-control:focus { border-color: #d4dce7; box-shadow: none; outline: none; }
.ent-auth .form-control::placeholder { color: #8793a5; }
.ent-auth .ent-auth__submit { background: var(--auth-red); border: 1px solid var(--auth-red); border-radius: 10px; color: #fff; font-size: 15px; font-weight: 700; min-height: 50px; width: 100%; }
.ent-auth .ent-auth__submit:hover, .ent-auth .ent-auth__submit:focus { background: #9d301c; border-color: #9d301c; }
.ent-auth .form-detail > .text-center { margin-bottom: 0; }
.ent-auth__links { border-top: 1px solid #e9edf2; display: flex; flex-wrap: wrap; gap: 12px 20px; justify-content: center; margin-top: 26px; padding-top: 22px; }
.ent-auth a { color: var(--auth-navy); }
.ent-auth__links a { font-size: 13px; font-weight: 650; }
.ent-auth__content-foot { color: #738097; font-size: 12px; margin: 24px 0 0; text-align: center; }
.ent-auth :focus-visible:not(input):not(select):not(textarea) { outline: 3px solid #647fa9; outline-offset: 3px; }
@media (max-width: 1000px) {
    .ent-auth { grid-template-columns: minmax(0, 1fr) minmax(380px, 1fr); }
    .ent-auth__intro { padding: 36px; }
    .ent-auth__message h1 { font-size: 38px; }
    .ent-auth__content { padding: 32px 22px; }
}
@media (max-width: 760px) {
    .ent-auth { display: block; }
    .ent-auth__intro { display: none; }
    .ent-auth__content { border-top: 5px solid var(--auth-red); justify-content: flex-start; min-height: 100vh; min-height: 100svh; padding: 32px 20px 24px; }
    .ent-auth__mobile-brand { display: flex; margin: 0 auto 28px; max-width: 460px; width: 100%; }
    .ent-auth__mobile-brand strong { color: var(--auth-navy); font-size: 20px; overflow-wrap: anywhere; }
    .ent-auth__mobile-brand small { color: #65728a; font-size: 12px; margin-top: 4px; }
    .ent-auth__card, .ent-auth__card.login-box { border-radius: 16px; padding: 28px 24px; }
    .ent-auth__card h2 { font-size: 28px; }
}

/* Reference-led login: native form, configured identity and an office illustration. */
.ent-auth--login { --auth-navy: #074785; --auth-orange: #ff9e0b; background: #f7f9fc; gap: 0; grid-template-columns: minmax(400px, .79fr) minmax(0, 1.21fr); padding: 0; }
.ent-auth--login .ent-auth__content { background: rgba(255,255,255,.97); border-radius: 44px 0 0 44px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; justify-content: stretch; margin-left: 20px; padding: 50px clamp(32px, 4.5vw, 78px) 28px; }
.ent-auth--login .ent-auth__brand { align-self: start; gap: 20px; justify-self: start; }
.ent-auth--login .ent-auth__brand img { background: transparent; border-radius: 12px; padding: 0; }
.ent-auth--login .ent-auth__brand strong { color: var(--auth-navy); font-size: 25px; font-weight: 750; letter-spacing: -.7px; }
.ent-auth--login .ent-auth__brand small { color: #8190a9; font-size: 15px; margin-top: 5px; }
.ent-auth--login .ent-auth__card.login-box { align-self: start; background: none; border: 0; border-radius: 0; box-shadow: none; justify-self: start; margin: 76px 0 44px; max-width: 480px; padding: 0; }
.ent-auth__accent { background: var(--auth-orange); border-radius: 4px; height: 5px; margin-bottom: 24px; width: 45px; }
.ent-auth--login .ent-auth__card h1 { color: #0c2349; font-size: clamp(28px, 2.3vw, 38px); font-weight: 700; letter-spacing: -1px; line-height: 1.3; margin: 0 0 16px; }
.ent-auth--login .ent-auth__hint { color: #7c8ba5; font-size: 16px; line-height: 1.7; margin: 0 0 28px; max-width: 440px; }
.ent-auth--login .form-group { margin-bottom: 21px; }
.ent-auth--login label { color: #182e54; font-size: 14px; font-weight: 500; margin-bottom: 9px; }
.ent-auth .ent-auth__input { display: block; position: relative; }
.ent-auth .ent-auth__input .form-control { background: #fff; border: 1px solid #d2dce9; border-radius: 7px !important; color: #27354c; float: none; font-size: 14px; height: 49px; padding: 12px 14px 12px 48px; width: 100%; }
.ent-auth .ent-auth__input .form-control::placeholder { color: #97a5bd; }
.ent-auth .ent-auth__input .form-control:focus { border-color: #d2dce9; outline: none; box-shadow: none; }
.ent-auth__field-icon { color: #8192ae; height: 21px; left: 15px; pointer-events: none; position: absolute; top: 14px; width: 21px; z-index: 3; }
.ent-auth .ent-auth__input--password .form-control { padding-right: 49px; }
.ent-auth__password-toggle { align-items: center; background: transparent; border: 0; border-radius: 6px; color: #8c9cb6; display: flex; height: 44px; justify-content: center; padding: 0; position: absolute; right: 3px; top: 2px; width: 42px; z-index: 3; }
.ent-auth__password-toggle svg { height: 20px; width: 20px; }
.ent-auth__password-toggle:hover { color: #384863; }
.ent-auth__password-toggle .ent-auth__eye-slash { display: none; }
.ent-auth__password-toggle[aria-pressed="true"] .ent-auth__eye-slash { display: block; }
.ent-auth__remember-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; margin: -4px 0 24px; }
.ent-auth .ent-auth__remember-row label { align-items: center; display: flex; font-size: 13px; gap: 10px; margin: 0; }
.ent-auth__remember-row input[type="checkbox"] { appearance: none; background: #fff; border: 1px solid #bdcce0; border-radius: 4px; cursor: pointer; flex-shrink: 0; height: 19px; margin: 0; width: 19px; }
.ent-auth__remember-row input[type="checkbox"]:checked { background: #005bbb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5 12 4 4 10-10' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 17px no-repeat; border-color: #005bbb; }
.ent-auth__remember-row input[type="checkbox"]::before, .ent-auth__remember-row input[type="checkbox"]::after { content: none; }
.ent-auth__remember-row a { color: #0068d9; font-size: 13px; font-weight: 500; }
.ent-auth--login .ent-auth__submit { align-items: center; background: var(--auth-navy); border-color: var(--auth-navy); border-radius: 10px; display: flex; font-size: 16px; font-weight: 650; gap: 16px; justify-content: center; min-height: 55px; }
.ent-auth--login .ent-auth__submit:hover, .ent-auth--login .ent-auth__submit:focus { background: #06396b; border-color: #06396b; }
.ent-auth__submit svg { height: 21px; width: 21px; }
.ent-auth .nv-info:empty { border: 0; display: none; margin: 0; padding: 0; }
.ent-auth .nv-info { border-radius: 8px; font-size: 13px; margin-bottom: 22px; }
.ent-auth__account-help { align-items: center; color: #8595af; display: flex; font-size: 12px; gap: 9px; line-height: 1.6; margin: 30px 0 0; }
.ent-auth__account-help svg { flex-shrink: 0; height: 19px; width: 19px; }
.ent-auth__account-help strong { color: #50749e; font-weight: 500; }
.ent-auth__or { align-items: center; color: #8b9ab2; display: flex; font-size: 12px; gap: 14px; margin-bottom: 18px; }
.ent-auth__or::before, .ent-auth__or::after { background: #e0e7f1; content: ""; flex: 1; height: 1px; }
.ent-auth .openid-btns { border: 0; padding-top: 24px; }
.ent-auth--login .ent-auth__content-foot { align-items: center; color: #8e9db7; display: flex; flex-wrap: wrap; font-size: 10px; gap: 8px 18px; justify-content: space-between; margin: 0; }
.ent-auth--login .ent-auth__intro { background: linear-gradient(90deg, rgba(247,250,254,.74), rgba(247,250,254,0) 85%), url("../login-office.png") center / cover; border: 0; border-radius: 0; color: #12264e; display: block; min-height: 820px; padding: 0; position: relative; text-align: left; }
.ent-auth--login .ent-auth__intro::after { background: linear-gradient(0deg, #f3f7fc, transparent); border: 0; border-radius: 0; bottom: 0; content: ""; height: 90px; left: 0; pointer-events: none; position: absolute; right: 0; top: auto; transform: none; width: auto; z-index: 4; }
.ent-auth__story { left: 7%; max-width: 590px; position: relative; padding-top: 78px; width: 75%; z-index: 3; }
.ent-auth--login .ent-auth__eyebrow { align-items: center; color: #8191ab; display: flex; font-size: 10px; font-weight: 600; gap: 3px; letter-spacing: .21em; margin-bottom: 25px; }
.ent-auth--login .ent-auth__eyebrow > span { background: var(--auth-orange); border-radius: 1px; height: 6px; transform: rotate(45deg); width: 5px; }
.ent-auth__story h2 { color: #091f46; font-size: clamp(38px, 3.45vw, 60px); font-weight: 750; letter-spacing: -1.8px; line-height: 1.13; margin: 0 0 23px; text-align: left; }
.ent-auth__story h2 span { color: var(--auth-orange); }
.ent-auth__story > p:last-of-type { color: #7d8ea9; font-size: 15px; line-height: 1.7; margin: 0; max-width: 500px; }
.ent-auth__benefits { display: flex; gap: 28px; margin-top: 34px; }
.ent-auth__benefits > div { align-items: center; color: #10294f; display: flex; font-size: 12px; font-weight: 550; gap: 12px; line-height: 1.55; }
.ent-auth__benefit-icon { align-items: center; border-radius: 13px; display: flex; flex-shrink: 0; height: 46px; justify-content: center; width: 46px; }
.ent-auth__benefit-icon svg { height: 25px; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; width: 25px; }
.ent-auth__benefit-icon--team { background: #dce9ff; color: #0759b0; }
.ent-auth__benefit-icon--project { background: #fff0da; color: #ff9e0b; }
.ent-auth__benefit-icon--progress { background: #ddf5e9; color: #20a36d; }
.ent-auth__work-smarter { color: #8090aa; font-size: 12px; letter-spacing: .08em; position: absolute; right: 36px; top: 40px; z-index: 3; }
.ent-auth__work-smarter strong { color: #4e6081; font-weight: 500; letter-spacing: 0; }
.ent-auth__work-smarter span { background: var(--auth-orange); display: block; height: 2px; margin-top: 12px; width: 30px; }
.ent-auth__handwriting { color: #0756a4; font-family: "Segoe Script", "Segoe Print", cursive; font-size: clamp(20px, 1.8vw, 32px); font-style: italic; line-height: 1.15; position: absolute; right: 42px; text-align: center; top: 170px; transform: rotate(-12deg); z-index: 2; }
.ent-auth__handwriting span { border-bottom: 1px solid var(--auth-orange); display: block; margin-left: 40px; padding-bottom: 10px; }
.ent-auth.ent-auth--login .ent-auth__intro .ent-auth__visual { bottom: -10px; height: 480px; margin: 0; position: absolute; right: 4%; width: 86%; z-index: 2; }
.ent-auth__screen { background: #f5f8fc; border: 12px solid #14243d; border-radius: 30px; box-shadow: 0 28px 65px rgba(20,36,61,.16); height: 100%; overflow: hidden; transform: perspective(1500px) rotateY(-9deg) rotateZ(-5deg); transform-origin: bottom right; width: 100%; }
.ent-auth__screen-head { align-items: center; background: #fff; border-bottom: 1px solid #edf1f8; display: flex; gap: 12px; height: 58px; padding: 12px 18px; }
.ent-auth__screen-brand { align-items: center; display: flex; gap: 9px; min-width: 0; }
.ent-auth__screen-brand img { border-radius: 6px; object-fit: contain; }
.ent-auth__screen-brand strong { color: #134577; display: block; font-size: 12px; }
.ent-auth__screen-brand small { color: #a1aec0; display: block; font-size: 8px; }
.ent-auth__demo-search { background: #f8faff; border: 1px solid #edf1f7; border-radius: 6px; color: #98a8bf; font-size: 9px; margin-left: auto; padding: 7px 16px; }
.ent-auth__demo-user { color: #6e81a0; font-size: 9px; }
.ent-auth__screen-layout { display: grid; grid-template-columns: 120px minmax(0,1fr); height: calc(100% - 58px); }
.ent-auth__demo-nav { background: #fff; color: #8496b1; display: flex; flex-direction: column; font-size: 11px; gap: 18px; padding: 24px 12px; }
.ent-auth__demo-nav span:first-child { background: #e6efff; border-radius: 6px; color: #1466bd; margin: -4px; padding: 9px 7px; }
.ent-auth__demo-main { padding: 24px 18px; }
.ent-auth__demo-main h3 { color: #122e59; font-size: 20px; font-weight: 700; margin: 0 0 5px; text-align: left; }
.ent-auth__demo-main > p { color: #8d9db5; font-size: 10px; margin: 0 0 22px; }
.ent-auth__demo-stats { display: grid; gap: 10px; grid-template-columns: repeat(3,minmax(0,1fr)); }
.ent-auth__demo-stats > div { background: #fff; border: 1px solid #edf1f7; border-radius: 10px; min-height: 86px; padding: 12px; }
.ent-auth__demo-stats > div > span { align-items: center; border-radius: 8px; display: flex; float: left; font-size: 20px; height: 34px; justify-content: center; margin-right: 9px; width: 34px; }
.ent-auth__demo-stats small { color: #7c8ea9; display: block; font-size: 9px; }
.ent-auth__demo-stats strong { color: #2c4368; display: block; font-size: 10px; font-weight: 600; margin-top: 8px; }
.ent-auth__demo-bottom { display: grid; gap: 12px; grid-template-columns: 1.4fr 1fr; margin-top: 16px; }
.ent-auth__demo-chart, .ent-auth__demo-activity { background: #fff; border: 1px solid #edf1f7; border-radius: 10px; padding: 16px 14px; }
.ent-auth__demo-bottom h4 { color: #274268; font-size: 11px; font-weight: 600; margin: 0; text-align: left; }
.ent-auth__demo-chart > div { align-items: end; border-bottom: 1px solid #e9edf5; display: flex; gap: 12px; height: 100px; margin-top: 12px; padding: 0 8px; }
.ent-auth__demo-chart i { background: linear-gradient(#5591f8,#c6ddff); border-radius: 3px 3px 0 0; flex: 1; height: 35%; }
.ent-auth__demo-chart i:nth-child(2) { height: 50%; }.ent-auth__demo-chart i:nth-child(3) { height: 43%; }.ent-auth__demo-chart i:nth-child(4) { height: 69%; }.ent-auth__demo-chart i:nth-child(5) { height: 83%; }.ent-auth__demo-chart i:nth-child(6) { height: 56%; }.ent-auth__demo-chart i:nth-child(7) { height: 96%; }
.ent-auth__demo-chart p { color: #a7b4c7; font-size: 8px; margin: 12px 0 0; }
.ent-auth__demo-activity p { align-items: center; color: #95a4bc; display: flex; font-size: 9px; gap: 8px; margin: 20px 0; }
.ent-auth__demo-activity b { background: #e9f5ef; border-radius: 6px; color: #71b197; padding: 5px; }
.ent-auth__floating-note { align-items: center; background: rgba(255,255,255,.97); border: 1px solid #fff; border-radius: 19px; bottom: 80px; box-shadow: 0 14px 35px rgba(199,154,83,.11); display: flex; gap: 15px; left: -7%; padding: 20px 26px 20px 20px; position: absolute; transform: rotate(2deg); }
.ent-auth__note-check { align-items: center; background: linear-gradient(135deg,#ffd078,#ff9e0b); border-radius: 50%; color: white; display: flex; font-size: 24px; height: 46px; justify-content: center; width: 46px; }
.ent-auth__floating-note strong { color: #10264d; display: block; font-size: 16px; font-weight: 700; }
.ent-auth__floating-note small { color: #94a3bb; display: block; font-size: 12px; margin-top: 4px; }
.ent-auth__poster-foot { align-items: center; bottom: 25px; color: #8d9db6; display: flex; font-size: 9px; gap: 12px; letter-spacing: .15em; margin: 0; position: absolute; right: 36px; z-index: 5; }
.ent-auth__poster-foot span { background: var(--auth-orange); height: 2px; width: 30px; }
/* No Bootstrap glow or outer ring on fields, including inherited account forms. */
.enterprise-app :is(input, select, textarea):focus, .ent-auth :is(input, select, textarea):focus { box-shadow: none !important; outline: none !important; }
.enterprise-app .form-control:focus { border-color: var(--ent-border); }
.enterprise-app :is(input, select, textarea):focus-visible, .ent-auth :is(input, select, textarea):focus-visible { border-color: #9ca7b8; }
.ent-auth .ent-auth__input .form-control:focus-visible { border-color: #9ca7b8; }
.enterprise-app .has-error .form-control:focus, .ent-auth .has-error .form-control:focus { border-color: #a94442; }
@media (max-width: 1250px) {
    .ent-auth--login .ent-auth__content { padding: 36px 32px 24px; }
    .ent-auth__story { padding-top: 80px; width: 85%; }
    .ent-auth__story h2 { font-size: 42px; }
    .ent-auth__benefits { gap: 14px; }
    .ent-auth__benefits > div { font-size: 11px; gap: 8px; }
    .ent-auth__handwriting { display: none; }
    .ent-auth__demo-user { display: none; }
    .ent-auth__screen-layout { grid-template-columns: 90px minmax(0,1fr); }
}
@media (max-width: 950px) {
    .ent-auth--login { display: block; }
    .ent-auth--login .ent-auth__intro { display: none; }
    .ent-auth--login .ent-auth__content { border-top: 0; min-height: 100svh; margin: 0; border-radius: 0; padding: 32px max(24px,calc((100vw - 480px)/2)) 22px; }
    .ent-auth--login .ent-auth__brand img { height: 56px; width: 56px; }
    .ent-auth--login .ent-auth__brand strong { font-size: 22px; }
    .ent-auth--login .ent-auth__brand small { font-size: 13px; }
}
@media (max-width: 500px) {
    .ent-auth--login .ent-auth__card.login-box { margin: 42px 0; }
    .ent-auth--login .ent-auth__card h1 { font-size: 28px; }
    .ent-auth--login .ent-auth__hint { font-size: 14px; }
    .ent-auth--login .form-control, .ent-auth--login .ent-auth__input .form-control { font-size: 16px; }
    .ent-auth__remember-row { gap: 12px; }
    .ent-auth .ent-auth__remember-row label, .ent-auth__remember-row a { font-size: 12px; }
}

.ent-inbox-tabs { display: flex; gap: 8px; margin: 0 0 18px; overflow-x: auto; padding: 2px 0 8px; }
.ent-inbox-tab { align-items: center; background: #fff; border: 1px solid var(--ent-border); border-radius: 9px; color: #334155 !important; display: inline-flex; flex: 0 0 auto; font-size: 13px; font-weight: 650; gap: 12px; min-height: 42px; padding: 8px 12px; text-decoration: none; }
.ent-inbox-tab:hover, .ent-inbox-tab:focus { background: #eff8ff; text-decoration: none; }
.ent-inbox-tab strong { background: #e2e8f0; border-radius: 999px; color: #334155; min-width: 24px; padding: 2px 6px; text-align: center; }
.ent-inbox-tab--active { background: #e0f2fe; border-color: #7dd3fc; color: #075985 !important; }
.ent-inbox-tab--active strong { background: #0369a1; color: #fff; }
.ent-inbox-item { align-items: center; border-top: 1px solid var(--ent-border); display: flex; gap: 20px; justify-content: space-between; padding: 16px 20px; }
.ent-inbox-item:first-child { border-top: 0; }
.ent-inbox-item__body { min-width: 0; }
.ent-inbox-item__code { color: var(--ent-muted); font-size: 12px; margin: 0 0 4px; }
.ent-inbox-item h3 { font-size: 15px; font-weight: 700; line-height: 1.4; margin: 0 0 8px; }
.ent-inbox-item h3 a { color: var(--ent-text); }
.ent-inbox-item__meta { color: var(--ent-muted); display: flex; flex-wrap: wrap; font-size: 12px; gap: 6px 16px; }
.ent-inbox-due--overdue { color: var(--ent-danger); font-weight: 700; }
@media (max-width: 560px) {
    .ent-inbox-item { align-items: stretch; flex-direction: column; gap: 12px; }
    .ent-inbox-item > .btn { align-self: flex-start; }
}

/* Native recovery steps share the login layout. */
.ent-auth--recovery .ent-auth__recovery-input .form-control { border-radius: 9px; width: 100%; }
.ent-auth--recovery .nv-info { font-size: 14px; margin-bottom: 24px; }
.ent-auth--recovery .ent-auth__links { justify-content: flex-start; }

.ent-auth--recovery .ent-auth__captcha-row { display: flex; align-items: center; gap: 8px; }
.ent-auth--recovery .ent-auth__captcha-row .captchaImg { width: 140px; height: auto; flex-shrink: 0; }
.ent-auth--recovery .ent-auth__captcha-row .bsec { border-radius: 9px; flex: 1; min-width: 90px; width: 100%; }
.ent-auth--recovery .ent-auth__captcha-refresh { background: transparent; border: 0; color: var(--auth-navy); padding: 4px; }

/* Task dialog preserves the source page, filters and scroll position. */
html.ent-task-dialog-open { overflow: hidden; }
.ent-task-dialog { border: 1px solid #dce4ef; border-radius: 16px; padding: 0; width: min(1200px, calc(100vw - 48px)); max-width: none; height: min(900px, calc(100dvh - 48px)); max-height: none; background: #f7f9fc; box-shadow: 0 24px 80px #0c234940; }
.ent-task-dialog::backdrop { background: #0c234970; }
.ent-task-dialog[open] { display: flex; flex-direction: column; }
.ent-task-dialog__head { align-items: center; display: flex; justify-content: space-between; gap: 12px; padding: 16px 20px; background: white; border-bottom: 1px solid #dce4ef; }
.ent-task-dialog__head h2 { font-size: 20px; margin: 0; color: #0c2349; }
.ent-task-dialog__head > div { display: flex; gap: 8px; }
.ent-task-dialog__frame { width: 100%; flex: 1; min-height: 0; border: 0; background: #f7f9fc; }
.ent-task-dialog__status { padding: 12px 20px; margin: 0; color: #64748b; }
.ent-task-popup-page .ent-main { padding: 24px; }
.ent-task-popup-page .ent-main__inner { width: 100%; max-width: none; margin: 0; }
.ent-task-popup-page .ent-page-header .ent-eyebrow a { display: none; }
@media(max-width: 600px) { .ent-task-dialog { width: 100%; height: 100dvh; border: 0; border-radius: 0; margin: 0; } .ent-task-dialog__head { padding: 12px; } .ent-task-dialog__head h2 { font-size: 17px; } .ent-task-dialog__head a { display: none; } .ent-task-popup-page .ent-main { padding: 16px; } }

.ent-task-dialog__head a.btn { color: #0c2349; }

/* UX 02/10/2026 — kích thước nút theo quy chuẩn (theme Bootstrap 13 px cho nút 32 px), tương phản nút, focus và thao tác công việc. */
:root { --ent-text: #0f172a; --ent-muted: #475569; }
.enterprise-app .btn:not(.ent-auth__submit), .ent-task-dialog .btn, .ent-confirm .btn { border-radius: 8px; font-size: 14px; line-height: 20px; min-height: 40px; padding: 9px 16px; }
.enterprise-app :is(td, th) .btn { font-size: 13px; min-height: 32px; padding: 5px 12px; }
@media (max-width: 767px) {
    .enterprise-app .btn:not(.ent-auth__submit), .enterprise-app :is(td, th) .btn, .ent-confirm .btn { min-height: 44px; padding-bottom: 11px; padding-top: 11px; }
}
.enterprise-app .btn-primary, .ent-confirm .btn-primary { background: var(--ent-primary); border-color: var(--ent-primary); color: #fff; }
.enterprise-app .btn-primary:hover, .enterprise-app .btn-primary:focus, .ent-confirm .btn-primary:hover, .ent-confirm .btn-primary:focus { background: var(--ent-primary-dark); border-color: var(--ent-primary-dark); color: #fff; }
.enterprise-app .btn-danger, .ent-confirm .btn-danger { background: var(--ent-danger); border-color: var(--ent-danger); color: #fff; }
.enterprise-app .btn-danger:hover, .enterprise-app .btn-danger:focus, .ent-confirm .btn-danger:hover, .ent-confirm .btn-danger:focus { background: #991b1b; border-color: #991b1b; color: #fff; }
.enterprise-app .btn-default, .ent-confirm .btn-default { background: #fff; border-color: #cbd5e1; color: var(--ent-text); }
.enterprise-app .btn-default:hover, .enterprise-app .btn-default:focus, .ent-confirm .btn-default:hover, .ent-confirm .btn-default:focus { background: #f1f5f9; border-color: #94a3b8; color: var(--ent-text); }
.enterprise-app :is(.ent-page-header, .ent-panel__header, .ent-form-actions, .ent-pagination) { flex-wrap: wrap; gap: 8px 12px; }
/* Focus: nút và liên kết có viền rõ; ô nhập giữ yêu cầu không phát sáng nhưng viền đậm hơn khi focus. */
.enterprise-app :is(a, button, summary, .btn, [tabindex]):focus-visible, .ent-task-dialog :is(a, button):focus-visible, .ent-confirm button:focus-visible { outline: 2px solid var(--ent-primary); outline-offset: 2px; }
.enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) :is(input, select, textarea):focus { border-color: #475569; box-shadow: none; outline: none; }
.enterprise-app :is(input[type="checkbox"], input[type="radio"]):focus-visible { outline: 2px solid var(--ent-primary); outline-offset: 2px; }
.enterprise-app .ent-employee-form > :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not([type="submit"]), select, textarea) { background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; color: var(--ent-text); font-size: 14px; min-height: 40px; padding: 8px 11px; width: 100%; }
.enterprise-app .ent-employee-form > label { display: block; font-size: 13px; font-weight: 650; margin: 8px 0 6px; }
.enterprise-app .ent-main a:not(.btn):hover { text-decoration: underline; }
.enterprise-app .ent-pagination a { align-items: center; background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; color: var(--ent-primary); display: inline-flex; font-weight: 600; min-height: 40px; padding: 8px 14px; }
.enterprise-app .ent-field-help { color: var(--ent-muted); font-size: 13px; margin: 12px 0 0; }
.enterprise-app .ent-form-title { font-size: 16px; font-weight: 700; margin: 0 0 12px; }
/* Trạng thái: nhãn chưa có lớp riêng vẫn có nền trung tính; bổ sung các trạng thái còn thiếu màu. */
.enterprise-app .ent-status:not([class*="ent-status--"]):not([class*="ent-project-status--"]) { background: #f1f5f9; color: #334155; }
.enterprise-app .ent-status--pending-acceptance { background: #fef3c7; color: #92400e; }
.enterprise-app .ent-status--waiting-guidance { background: #ede9fe; color: #5b21b6; }
.enterprise-app .ent-status--waiting-extension { background: #ffedd5; color: #9a3412; }
.enterprise-app :is(.ent-status--needs-revision, .ent-status--declined) { background: #fee2e2; color: #991b1b; }
.enterprise-app .ent-status--cancelled { background: #f1f5f9; color: #475569; }
.enterprise-app .ent-status--overdue { align-items: center; background: #fee2e2; color: #b91c1c; gap: 4px; }
.enterprise-app .ent-task-badges { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; }
/* Chi tiết công việc: khu việc cần làm nổi lên đầu, thao tác ít dùng thu gọn. */
.enterprise-app .ent-task-action { border-left: 3px solid var(--ent-primary); }
.enterprise-app .ent-task-action > .alert { margin: 16px 22px 0; }
.enterprise-app .ent-revision-note p { margin: 0; }
.enterprise-app .ent-revision-note .ent-revision-note__body { margin-top: 6px; color: #1f2937; }
.enterprise-app details.ent-more-actions { background: var(--ent-surface); border: 1px solid var(--ent-border); border-radius: var(--ent-radius); box-shadow: var(--ent-shadow); margin-bottom: 20px; overflow: hidden; }
.enterprise-app details.ent-more-actions:not(:has(.ent-panel)) { display: none; }
.enterprise-app details.ent-more-actions > summary { align-items: center; cursor: pointer; display: flex; font-size: 16px; font-weight: 700; gap: 8px; list-style: none; min-height: 56px; padding: 14px 18px; }
.enterprise-app details.ent-more-actions > summary::-webkit-details-marker { display: none; }
.enterprise-app details.ent-more-actions > summary::after { content: "\f107"; font-family: FontAwesome; margin-left: auto; }
.enterprise-app details.ent-more-actions[open] > summary::after { content: "\f106"; }
.enterprise-app details.ent-more-actions > .ent-panel { border: 0; border-radius: 0; border-top: 1px solid var(--ent-border); box-shadow: none; margin: 0; }
.enterprise-app ul.ent-task-dependencies { list-style: none; margin: 0; padding: 0 22px 12px; }
.enterprise-app ul.ent-task-dependencies > li { align-items: center; border-top: 1px solid var(--ent-border); display: flex; flex-wrap: wrap; gap: 8px 12px; padding: 12px 0; }
.enterprise-app ul.ent-task-dependencies > li > form { display: inline-flex; margin: 0; }
.enterprise-app ul.ent-task-dependencies details { flex-basis: 100%; }
.enterprise-app ul.ent-task-dependencies details > summary { align-items: center; color: var(--ent-primary); cursor: pointer; display: inline-flex; font-weight: 600; min-height: 40px; }
.enterprise-app ul.ent-task-dependencies details .ent-employee-form { padding: 8px 0 12px; }
.enterprise-app .ent-form-alert { margin: 0 0 16px; }
/* Đang gửi: khóa thao tác lặp và báo đang xử lý. */
.enterprise-app form[aria-busy="true"] :is(button, input[type="submit"]) { cursor: progress; }
.ent-is-submitting::after { animation: ent-spin .7s linear infinite; border: 2px solid currentColor; border-radius: 50%; border-right-color: transparent; content: ""; display: inline-block; height: 14px; margin-left: 8px; vertical-align: -2px; width: 14px; }
@keyframes ent-spin { to { transform: rotate(360deg); } }
/* Hộp xác nhận nêu rõ đối tượng và hành động thay cho window.confirm. */
.ent-confirm { border: 0; border-radius: 12px; box-shadow: 0 8px 24px rgba(15, 23, 42, .14); color: #0f172a; font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; max-width: min(480px, calc(100vw - 32px)); padding: 0; width: 100%; }
.ent-confirm::backdrop { background: rgba(15, 23, 42, .45); }
.ent-confirm__text { font-size: 15px; line-height: 22px; margin: 0; padding: 24px 24px 8px; overflow-wrap: anywhere; }
.ent-confirm__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; padding: 16px 24px 24px; }
@media (max-width: 480px) {
    .ent-confirm__actions { flex-direction: column-reverse; }
    .ent-confirm__actions .btn { width: 100%; }
}
/* Menu điện thoại đóng thì không nhận Tab; giảm chuyển động khi người dùng yêu cầu. */
@media (max-width: 767px) {
    .ent-shell:not(.ent-shell--menu-open) .ent-sidebar { transition: transform .2s ease, visibility 0s linear .2s; visibility: hidden; }
    .ent-shell--menu-open .ent-sidebar { transition: transform .2s ease, visibility 0s; visibility: visible; }
    .enterprise-app .ent-page-header h1 { font-size: 24px; }
}
@media (prefers-reduced-motion: reduce) {
    /* !important: ghi đè mọi transition/animation của theme và module theo cài đặt hệ điều hành. */
    .enterprise-app *, .enterprise-app *::before, .enterprise-app *::after, .ent-task-dialog, .ent-confirm, .ent-is-submitting::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
.ent-update button { min-height: 36px; padding: 8px 14px; }
.enterprise-app .ent-code { color: var(--ent-muted); font-family: Consolas, SFMono-Regular, monospace; font-size: 12px; }
.enterprise-app a.ent-stat-card { color: inherit; display: block; text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease; }
.enterprise-app .ent-main a.ent-stat-card:hover { border-color: var(--ent-primary); box-shadow: 0 6px 18px rgba(3, 105, 161, .12); text-decoration: none; }
/* Điều kiện chuyển trạng thái dự án và danh sách việc bị ảnh hưởng khi hủy/mở lại. */
.enterprise-app ul.ent-checks { display: grid; gap: 8px; list-style: none; margin: 0 0 16px; padding: 0; }
.enterprise-app .ent-check { align-items: baseline; border-radius: 8px; display: flex; flex-wrap: wrap; gap: 4px 8px; line-height: 20px; padding: 10px 12px; }
.enterprise-app .ent-check > .fa { flex: 0 0 auto; }
.enterprise-app .ent-check > span { flex: 1 1 220px; }
.enterprise-app .ent-check a { font-weight: 600; white-space: nowrap; }
.enterprise-app .ent-check--ok { background: #f0fdf4; color: #14532d; }
.enterprise-app .ent-check--ok > .fa { color: var(--ent-success); }
.enterprise-app .ent-check--missing { background: #fef2f2; color: #7f1d1d; }
.enterprise-app .ent-check--missing > .fa { color: var(--ent-danger); }
.enterprise-app .ent-check--warning { background: #fffbeb; color: #78350f; }
.enterprise-app .ent-check--warning > .fa { color: var(--ent-warning); }
.enterprise-app .ent-cascade { padding-bottom: 0; }
.enterprise-app .ent-cascade .alert { margin-bottom: 8px; }
.enterprise-app ul.ent-cascade-list { border: 1px solid var(--ent-border); border-radius: 8px; list-style: none; margin: 0; max-height: 240px; overflow-y: auto; padding: 0; }
.enterprise-app ul.ent-cascade-list > li { align-items: center; border-top: 1px solid var(--ent-border); display: flex; flex-wrap: wrap; gap: 4px 10px; justify-content: space-between; padding: 10px 12px; }
.enterprise-app ul.ent-cascade-list > li:first-child { border-top: 0; }
.enterprise-app select option:disabled { color: #94a3b8; }
/* Danh sách công việc: phạm vi cá nhân, lọc hạn, ưu tiên, quá hạn, thẻ trên điện thoại. */
.enterprise-app .ent-page-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.enterprise-app .ent-hint { align-items: baseline; background: #f0f9ff; border: 1px solid #bae6fd; border-radius: 10px; color: #075985; display: flex; gap: 8px; margin: 0 0 16px; padding: 10px 14px; }
.enterprise-app .ent-scope-tabs { border-bottom: 1px solid var(--ent-border); display: flex; gap: 4px; overflow-x: auto; padding: 0 18px; scrollbar-width: thin; }
.enterprise-app .ent-scope-tabs a { align-items: center; border-bottom: 3px solid transparent; color: #334155; display: inline-flex; flex: 0 0 auto; font-weight: 600; gap: 6px; min-height: 48px; padding: 0 12px; text-decoration: none; white-space: nowrap; }
.enterprise-app .ent-scope-tabs a:hover { color: var(--ent-primary); }
.enterprise-app .ent-scope-tabs a[aria-current="page"] { border-bottom-color: var(--ent-primary); color: var(--ent-primary); }
.enterprise-app .ent-count { background: #f1f5f9; border-radius: 999px; color: #334155; font-size: 12px; font-weight: 700; line-height: 1; min-width: 22px; padding: 4px 7px; text-align: center; }
.enterprise-app .ent-scope-tabs a[aria-current="page"] .ent-count { background: #e0f2fe; color: #075985; }
.enterprise-app .ent-clear-filter { align-items: center; color: #475569; display: inline-flex; font-weight: 600; gap: 6px; min-height: 40px; padding: 0 6px; }
.enterprise-app .ent-task-table__title strong { display: block; }
.enterprise-app .ent-task-table__title .ent-code { display: block; margin-top: 2px; }
.enterprise-app .ent-status-group { display: inline-flex; flex-wrap: wrap; gap: 4px; }
.enterprise-app .ent-priority { font-size: 12px; font-weight: 650; white-space: nowrap; }
.enterprise-app .ent-priority--low { color: #64748b; }
.enterprise-app .ent-priority--normal { color: #334155; }
.enterprise-app .ent-priority--high { color: #b45309; }
.enterprise-app .ent-priority--urgent { color: #b91c1c; }
.enterprise-app .ent-priority--high::before, .enterprise-app .ent-priority--urgent::before { content: "\f062"; font-family: FontAwesome; margin-right: 4px; }
.enterprise-app .ent-due { white-space: nowrap; }
.enterprise-app .ent-due--overdue { color: #b91c1c; font-weight: 650; }
.enterprise-app .ent-pagination { align-items: center; }
.enterprise-app .ent-pagination__info { color: var(--ent-muted); font-size: 13px; }
@media (max-width: 767px) {
    .enterprise-app .ent-scope-tabs { padding: 0 8px; }
    .enterprise-app .ent-task-table td.ent-task-table__title { display: block; font-size: 15px; padding-bottom: 8px; text-align: left; }
    .enterprise-app .ent-task-table td.ent-task-table__title::before { content: none; }
    .enterprise-app .ent-employee-search :is(input, select) { max-width: none; }
    .enterprise-app .ent-pagination { justify-content: space-between; }
    .enterprise-app .ent-status-group { justify-content: flex-end; }
}
.enterprise-app .ent-inbox-item__meta { align-items: center; }
.enterprise-app .ent-inbox-item__meta .fa { margin-right: 2px; }
/* Danh sách dự án: tiến độ, việc quá hạn, mốc tiếp theo. */
.enterprise-app .ent-panel__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.enterprise-app .ent-project-list__name strong { display: block; }
.enterprise-app .ent-project-list__name .ent-code { display: block; margin-top: 2px; }
.enterprise-app .ent-project-list__meta { color: var(--ent-muted); display: block; font-size: 12px; margin-top: 2px; }
.enterprise-app .ent-nowrap { white-space: nowrap; }
.enterprise-app .ent-muted { color: var(--ent-muted); }
.enterprise-app .ent-progress-cell { display: grid; gap: 6px; justify-items: start; min-width: 150px; }
.enterprise-app .ent-progress { background: #e2e8f0; border-radius: 999px; display: block; height: 8px; overflow: hidden; width: 100%; }
.enterprise-app .ent-progress > span { background: var(--ent-success); border-radius: 999px; display: block; height: 100%; min-width: 2px; }
.enterprise-app .ent-progress-cell__text { color: #334155; font-size: 12px; }
.enterprise-app a.ent-status--overdue { text-decoration: none; }
.enterprise-app .ent-milestone { display: inline-flex; flex-direction: column; gap: 2px; }
.enterprise-app .ent-milestone small { color: var(--ent-muted); font-size: 12px; }
.enterprise-app .ent-milestone--late, .enterprise-app .ent-milestone--late small { color: #b91c1c; }
@media (max-width: 767px) {
    .enterprise-app .ent-project-list td.ent-project-list__name { display: block; font-size: 15px; padding-bottom: 8px; text-align: left; }
    .enterprise-app .ent-project-list td.ent-project-list__name::before { content: none; }
    .enterprise-app .ent-progress-cell { justify-items: end; min-width: 0; width: 60%; }
    .enterprise-app .ent-milestone { align-items: flex-end; }
}
/* Chi tiết dự án: hướng dẫn các bước, lưới tổng quan, độ phủ vai trò. */
.enterprise-app .ent-guide__steps { counter-reset: guide; display: grid; gap: 0; list-style: none; margin: 0; padding: 0 18px 8px; }
.enterprise-app .ent-guide__step { align-items: center; border-top: 1px solid var(--ent-border); display: flex; gap: 14px; padding: 14px 0; }
.enterprise-app .ent-guide__step:first-child { border-top: 0; }
.enterprise-app .ent-guide__step > div { display: flex; flex: 1 1 auto; flex-direction: column; gap: 2px; min-width: 0; }
.enterprise-app .ent-guide__step > div span { color: var(--ent-muted); font-size: 13px; }
.enterprise-app .ent-guide__marker { align-items: center; border-radius: 50%; display: inline-flex; flex: 0 0 32px; font-size: 14px; height: 32px; justify-content: center; width: 32px; }
.enterprise-app .ent-guide__step--done .ent-guide__marker { background: #dcfce7; color: #166534; }
.enterprise-app .ent-guide__step--done strong { color: #475569; }
.enterprise-app .ent-guide__step--current .ent-guide__marker { background: var(--ent-primary); color: #fff; }
.enterprise-app .ent-guide__step--todo .ent-guide__marker { background: #f1f5f9; color: #94a3b8; }
.enterprise-app .ent-overview-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); margin-bottom: 20px; }
.enterprise-app .ent-overview-grid > .ent-panel { margin-bottom: 0; }
.enterprise-app .ent-progress--large { height: 10px; margin: 0 18px 16px; width: calc(100% - 36px); }
.enterprise-app .ent-progress-caption { margin: 4px 18px 8px; }
.enterprise-app .ent-role-type { border-radius: 999px; font-size: 12px; font-weight: 650; padding: 3px 8px; }
.enterprise-app .ent-role-type--primary { background: #e0f2fe; color: #075985; }
.enterprise-app .ent-role-type--support { background: #f1f5f9; color: #475569; }
.enterprise-app #ent-project-roles-title + span, .enterprise-app #ent-project-guide-title + span { color: var(--ent-muted); font-size: 13px; }
.enterprise-app td .ent-code { display: block; margin-top: 2px; }
@media (max-width: 767px) {
    .enterprise-app .ent-guide__step { align-items: flex-start; flex-wrap: wrap; }
    .enterprise-app .ent-guide__step > .btn { margin-left: 46px; }
}
/* Menu nhóm theo mảng, số việc chờ ở Hộp việc, breadcrumb có trang chi tiết. */
.ent-nav { gap: 14px; }
.ent-nav__group { display: flex; flex-direction: column; gap: 2px; }
.ent-nav__badge { background: #b91c1c; border-radius: 999px; color: #fff; font-size: 11px; font-weight: 700; line-height: 1; margin-left: auto; min-width: 22px; padding: 4px 7px; text-align: center; }
.ent-nav__link--active .ent-nav__badge { background: var(--ent-primary); }
.ent-breadcrumb a { color: var(--ent-muted); max-width: 200px; overflow: hidden; text-overflow: ellipsis; }
.ent-breadcrumb a:hover { color: var(--ent-primary); }
.ent-breadcrumb strong { max-width: 360px; }
@media (max-width: 767px) {
    .ent-breadcrumb > a { display: none; }
    .ent-breadcrumb strong { max-width: 52vw; }
}
/* Bản xem trước kích hoạt bộ việc mẫu. */
.enterprise-app .ent-preview-summary { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); padding: 16px 18px 4px; }
.enterprise-app .ent-preview-stat { background: #f8fafc; border: 1px solid var(--ent-border); border-radius: 10px; display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; }
.enterprise-app .ent-preview-stat strong { color: var(--ent-text); font-size: 24px; line-height: 1.1; }
.enterprise-app .ent-preview-stat span { color: var(--ent-muted); font-size: 12px; }
.enterprise-app .ent-preview-stat--ok strong { color: var(--ent-success); }
.enterprise-app .ent-preview-stat--danger { background: #fef2f2; border-color: #fecaca; }
.enterprise-app .ent-preview-stat--danger strong { color: #b91c1c; }
.enterprise-app .ent-plan-errors { margin: 16px 18px; }
.enterprise-app .ent-plan-errors ul { margin: 6px 0 0; padding-left: 20px; }
.enterprise-app .ent-plan-table__title strong, .enterprise-app .ent-plan-table__title .ent-code, .enterprise-app .ent-plan-table__title small, .enterprise-app .ent-plan-table td small { display: block; }
.enterprise-app .ent-plan-table td small { color: var(--ent-muted); margin-top: 4px; }
.enterprise-app .ent-plan-row--error { background: #fff7f7; }
.enterprise-app .ent-plan-problems { color: #b91c1c; font-size: 12px; margin: 0; padding-left: 16px; }
.enterprise-app .ent-activation { border-top: 1px solid var(--ent-border); margin-top: 8px; }
.enterprise-app .ent-row--current { background: #f0f9ff; }
.enterprise-app .ent-snapshot-steps__list { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.enterprise-app .ent-snapshot-step { align-items: center; background: #fff; border: 1px solid var(--ent-border); border-radius: 8px; color: #334155; display: inline-flex; font-size: 13px; gap: 6px; min-height: 36px; padding: 6px 10px; text-decoration: none; }
.enterprise-app .ent-snapshot-step:hover { border-color: var(--ent-primary); color: var(--ent-primary); text-decoration: none; }
/* Thư viện bộ việc mẫu: phiên bản, cột thao tác, nhóm trường. */
.enterprise-app .ent-template-list__name strong, .enterprise-app .ent-template-steps__title strong { display: block; }
.enterprise-app .ent-version-nav { align-items: center; border-top: 1px solid var(--ent-border); display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 18px; }
.enterprise-app .ent-version-nav > span { color: var(--ent-muted); font-size: 13px; font-weight: 600; }
.enterprise-app .ent-version-chip { background: #fff; border: 1px solid #cbd5e1; border-radius: 999px; color: #334155; font-size: 13px; font-weight: 600; padding: 6px 12px; text-decoration: none; }
.enterprise-app .ent-version-chip:hover { border-color: var(--ent-primary); color: var(--ent-primary); text-decoration: none; }
.enterprise-app .ent-version-chip--current { background: var(--ent-primary); border-color: var(--ent-primary); color: #fff; }
.enterprise-app .ent-version-chip--current:hover { color: #fff; }
.enterprise-app .ent-version-diff h3 { font-size: 15px; margin: 0 0 6px; }
.enterprise-app .ent-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.enterprise-app .ent-row-actions form { margin: 0; }
.enterprise-app .ent-fieldset { border: 0; margin: 0 0 18px; min-width: 0; padding: 0; }
.enterprise-app .ent-fieldset legend { border: 0; color: #0f172a; font-size: 14px; font-weight: 700; margin: 0 0 10px; padding: 0 0 6px; width: 100%; border-bottom: 1px solid var(--ent-border); }
/* Chưa đọc: có chữ và vạch nhấn, không chỉ màu nền. */
.enterprise-app .ent-notification--unread { box-shadow: inset 3px 0 0 var(--ent-primary); }
.enterprise-app .ent-notification--unread .ent-notification__body strong { color: #0f172a; font-weight: 750; }
.enterprise-app .ent-notification:not(.ent-notification--unread) .ent-notification__body strong { font-weight: 600; }
.enterprise-app .ent-unread-pill { background: var(--ent-primary); border-radius: 999px; color: #fff; display: inline-block; font-size: 11px; font-weight: 700; line-height: 1; margin-right: 4px; padding: 4px 7px; vertical-align: 1px; }
.ent-unread-dot { background: var(--ent-primary); border-radius: 50%; display: inline-block; height: 8px; margin-right: 6px; vertical-align: 1px; width: 8px; }
.ent-notice--unread { box-shadow: inset 3px 0 0 var(--ent-primary); }
.enterprise-app .ent-form-title { font-size: 15px; font-weight: 700; margin: 0 0 12px; }
.enterprise-app .ent-schedule-table__name strong { display: inline; }
.enterprise-app .ent-schedule-table__name .ent-code { display: block; margin-left: 20px; }
.enterprise-app .ent-schedule-table__name .fa { color: var(--ent-muted); width: 16px; }
.enterprise-app .ent-schedule-table__child { padding-left: 34px !important; }
@media (max-width: 767px) {
    .enterprise-app .ent-schedule-table td.ent-schedule-table__name { display: block; text-align: left; }
    .enterprise-app .ent-schedule-table td.ent-schedule-table__name::before { content: none; }
    .enterprise-app .ent-schedule-table__child { padding-left: 0 !important; }
}
.enterprise-app .ent-checks--padded { padding: 16px 18px; margin: 0; }
/* Nhật ký kiểm toán. */
.enterprise-app .ent-audit-table td strong, .enterprise-app .ent-audit-table td .ent-code { display: block; }
.enterprise-app .ent-audit-table__changes { max-width: 420px; }
.enterprise-app .ent-audit-table__changes > span { color: #334155; display: block; font-size: 12px; margin-bottom: 4px; }
.enterprise-app .ent-audit-table details > summary { color: var(--ent-primary); cursor: pointer; font-size: 12px; font-weight: 600; }
.enterprise-app .ent-audit-json__label { color: var(--ent-muted); font-size: 11px; font-weight: 700; margin: 8px 0 2px; text-transform: uppercase; }
.enterprise-app .ent-audit-json { background: #f8fafc; border: 1px solid var(--ent-border); border-radius: 6px; font-size: 11px; max-height: 240px; overflow: auto; padding: 8px; white-space: pre-wrap; word-break: break-word; }
/* Báo cáo: chú giải phép tính, ghi chú trong ô. */
.enterprise-app .ent-report-legend { color: #475569; font-size: 12px; line-height: 18px; margin: 4px 18px 12px; padding-left: 18px; }
.enterprise-app .ent-report-note { color: var(--ent-muted); display: block; font-size: 12px; margin-top: 4px; }
.enterprise-app .ent-report-date-help { margin: 0 18px 14px; }
.enterprise-app .ent-preview-stat small { color: var(--ent-muted); font-size: 11px; }
.enterprise-app a.ent-stat-card:hover .ent-stat-card__value { text-decoration: none; }
/* Tổng quan: lời chào, việc chờ, thẻ dự án có tiến độ. */
.enterprise-app .ent-dashboard__hero { align-items: flex-end; }
.enterprise-app .ent-dashboard__hero h1 { margin-bottom: 4px; }
.enterprise-app .ent-dashboard__lead { color: #475569; font-size: 15px; margin: 0; }
.enterprise-app .ent-count--light { background: rgba(255, 255, 255, .22); color: #fff; margin-left: 4px; }
.enterprise-app .ent-project-card__top { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.enterprise-app .ent-project-card .ent-progress { margin-top: 8px; }
.enterprise-app .ent-project-card__progress { color: var(--ent-muted); display: block; font-size: 12px; margin-top: 4px; }
.enterprise-app .ent-list-item .ent-status-group { flex: 0 0 auto; justify-content: flex-end; }
.enterprise-app .ent-list-item__meta .ent-role-type { padding: 1px 7px; }

/* Workspace refresh: one visual language across the shell and core lists. */
.enterprise-app {
    --ent-primary: #0b4f91;
    --ent-primary-dark: #083a70;
    --ent-text: #142640;
    --ent-muted: #64748b;
    --ent-border: #e3e9f1;
    --ent-background: #f5f7fb;
    --ent-radius: 16px;
    --ent-shadow: 0 8px 28px rgba(22, 45, 77, .045);
}
.enterprise-app .ent-shell { background: var(--ent-background); }
.enterprise-app .ent-sidebar { border-right-color: #e8edf4; flex-basis: 252px; width: 252px; }
.enterprise-app .ent-brand { gap: 12px; min-height: 78px; padding: 12px 18px; }
.enterprise-app .ent-brand img { flex-basis: 42px; height: 42px; width: 42px; }
.enterprise-app .ent-brand strong { color: #0b3672; font-size: 16px; font-weight: 750; letter-spacing: -.02em; }
.enterprise-app .ent-brand small { font-size: 11px; line-height: 1.35; }
.enterprise-app .ent-nav { gap: 20px; padding: 24px 12px; }
.enterprise-app .ent-nav__group { gap: 3px; }
.enterprise-app .ent-nav__heading { color: #8190a5; font-size: 10px; letter-spacing: .13em; padding: 0 12px 8px; }
.enterprise-app .ent-nav__link { border-left: 0; border-radius: 10px; color: #42536d !important; font-weight: 600; gap: 11px; min-height: 42px; padding: 9px 13px; position: relative; }
.enterprise-app .ent-nav__link:hover { background: #f2f6fb; color: #0b4f91 !important; }
.enterprise-app .ent-nav__link--active, .enterprise-app .ent-nav__link--active:hover { background: #e8f1fc; color: #0b4f91 !important; }
.enterprise-app .ent-nav__link--active::before { background: #0b4f91; border-radius: 0 3px 3px 0; content: ''; height: 23px; left: -12px; position: absolute; top: calc(50% - 11px); width: 3px; }
.enterprise-app .ent-sidebar__bottom { background: #fafbfe; padding: 14px 24px; }
.enterprise-app .ent-topbar { box-shadow: 0 1px 0 rgba(22, 45, 77, .02); min-height: 70px; padding: 0 28px; }
.enterprise-app .ent-breadcrumb { font-size: 13px; gap: 12px; }
.enterprise-app .ent-breadcrumb strong { color: #142640; font-weight: 700; }
.enterprise-app .ent-account { gap: 9px; padding: 5px 9px; }
.enterprise-app .ent-avatar { background: #e8f1fc; color: #0b4f91; height: 36px; width: 36px; }
.enterprise-app .ent-main { background: var(--ent-background); padding: clamp(18px, 2.2vw, 34px); }
.enterprise-app .ent-main__inner { max-width: none; }
.enterprise-app .ent-page-header { align-items: center; gap: 20px; margin: 0 0 23px; }
.enterprise-app .ent-page-header h1 { color: #102443; font-size: clamp(25px, 2vw, 31px); font-weight: 750; letter-spacing: -.035em; }
.enterprise-app .ent-eyebrow { color: #6483a8; font-size: 11px; letter-spacing: .13em; margin-bottom: 6px; }
.enterprise-app .ent-panel { border-color: var(--ent-border); box-shadow: var(--ent-shadow); }
.enterprise-app .ent-panel__header { min-height: 64px; padding: 16px 21px; }
.enterprise-app .ent-panel__header h2 { color: #142640; font-size: 17px; letter-spacing: -.02em; }
.enterprise-app .ent-panel__header a { font-size: 13px; }
.enterprise-app .btn:not(.ent-auth__submit) { font-weight: 650; }
.enterprise-app .btn-default { background: #fff; border-color: #dbe3ee; color: #27415f; }
.enterprise-app .btn-default:hover { background: #f2f6fb; border-color: #bdccdf; color: #0b4f91; }

/* Dashboard: focused greeting, two useful columns, compact metrics. */
.enterprise-app .ent-dashboard__hero { align-items: center; background: linear-gradient(112deg, #0b2e62 0%, #0d4a86 72%, #155c9b 100%); border: 1px solid #214e83; border-radius: 20px; color: #fff; isolation: isolate; min-height: 190px; overflow: hidden; padding: clamp(24px, 3vw, 40px); position: relative; }
.enterprise-app .ent-dashboard__hero > div { position: relative; z-index: 1; }
.enterprise-app .ent-dashboard__hero .ent-eyebrow { color: #a9c9ea; }
.enterprise-app .ent-dashboard__hero h1 { color: #fff; font-size: clamp(28px, 2.5vw, 38px); }
.enterprise-app .ent-dashboard__lead { color: #d4e3f2; margin-top: 7px; }
.enterprise-app .ent-dashboard__hero .btn-primary { background: #fff; border-color: #fff; color: #0b3672; }
.enterprise-app .ent-dashboard__hero .btn-primary:hover { background: #ecf4fd; border-color: #ecf4fd; color: #0b3672; }
.enterprise-app .ent-dashboard__hero .btn-default { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.35); color: #fff; }
.enterprise-app .ent-dashboard__hero .btn-default:hover { background: rgba(255,255,255,.2); color: #fff; }
.enterprise-app .ent-dashboard__hero .ent-count--light { background: #dfeeff; color: #0b3672; }
.enterprise-app .ent-dashboard__hero-mark { border: 1px solid rgba(255,255,255,.09); border-radius: 50%; bottom: -145px; height: 360px; pointer-events: none; position: absolute; right: -48px; width: 360px; }
.enterprise-app .ent-dashboard__hero-mark::before { border: 1px solid rgba(255,255,255,.08); border-radius: 50%; content: ''; height: 250px; left: 54px; position: absolute; top: 54px; width: 250px; }
.enterprise-app .ent-dashboard__hero::after { background: var(--ent-accent); border-radius: 0 0 4px 4px; content: ''; height: 4px; left: clamp(24px, 3vw, 40px); position: absolute; top: 0; width: 76px; }
.enterprise-app .ent-dashboard__primary-grid { align-items: stretch; display: grid; gap: 20px; grid-template-columns: minmax(0, 1.5fr) minmax(320px, 1fr); }
.enterprise-app .ent-dashboard__primary-grid > div { min-width: 0; }
.enterprise-app .ent-dashboard__primary-grid .ent-panel { height: 100%; margin-bottom: 0; }
.enterprise-app .ent-dashboard__section { margin-top: 26px; }
.enterprise-app .ent-dashboard__section-heading { border: 0; min-height: 42px; padding: 0 1px 12px; }
.enterprise-app .ent-dashboard__section-heading span { color: var(--ent-muted); font-size: 12px; }
.enterprise-app .ent-dashboard__stat-grid { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.enterprise-app .ent-dashboard__stat-grid--five { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.enterprise-app .ent-dashboard__stat-grid > .ent-stat-card { margin: 0; min-width: 0; }
.enterprise-app .ent-stat-card { border-color: var(--ent-border); min-height: 116px; padding: 19px 21px; }
.enterprise-app .ent-stat-card::before { bottom: 18px; height: auto; left: 0; right: auto; top: 18px; width: 3px; }
.enterprise-app .ent-stat-card__label { font-size: 13px; margin-bottom: 15px; }
.enterprise-app .ent-stat-card__value { color: #102443; font-size: 30px; font-variant-numeric: tabular-nums; }
.enterprise-app .ent-stat-card > i { background: #eff5fc; border-radius: 10px; color: #31669d; font-size: 18px; height: 37px; opacity: 1; padding: 10px; right: 18px; top: 17px; width: 37px; }
.enterprise-app .ent-stat-card--warning > i { background: #fff3e4; color: #9a570b; }
.enterprise-app .ent-stat-card--danger > i { background: #fff0ef; color: #b91c1c; }
.enterprise-app .ent-stat-card--success > i { background: #e9f7ee; color: #15803d; }
.enterprise-app .ent-list-item { gap: 8px 16px; padding: 17px 21px; }
.enterprise-app .ent-list-item:hover { background: #f9fbfe; }
.enterprise-app .ent-list-item h3 { font-size: 15px; margin: 6px 0; }
.enterprise-app .ent-list-item__meta { gap: 6px 12px; }
.enterprise-app .ent-project-list { padding: 0 21px; }
.enterprise-app .ent-project-card { padding: 17px 0; }
.enterprise-app .ent-project-card h3 { font-size: 15px; margin: 6px 0; }

/* Task and project indexes: more legible filters and dense, calm rows. */
.enterprise-app .ent-scope-tabs { gap: 6px; padding: 8px 17px 0; }
.enterprise-app .ent-scope-tabs a { border-radius: 8px 8px 0 0; font-size: 13px; min-height: 43px; padding: 0 13px; }
.enterprise-app .ent-scope-tabs a[aria-current='page'] { background: #f0f6fe; }
.enterprise-app .ent-employee-search { gap: 10px; padding: 18px 20px; }
.enterprise-app .ent-employee-search :is(input, select) { border-color: #dbe3ee; border-radius: 9px; min-height: 42px; }
.enterprise-app .ent-employee-table { font-size: 13px; }
.enterprise-app .ent-employee-table th { background: #f7f9fc; border-color: #e8edf4; color: #64748b; font-size: 11px; font-weight: 750; letter-spacing: .045em; padding: 14px 17px; text-transform: uppercase; }
.enterprise-app .ent-employee-table td { border-color: #e8edf4; line-height: 1.45; padding: 16px 17px; }
.enterprise-app .ent-employee-table tbody tr:hover { background: #fafcff; }
.enterprise-app .ent-employee-table td strong { color: #183251; font-weight: 700; }
.enterprise-app .ent-employee-table .ent-code { color: #8090a6; font-size: 11px; margin-top: 5px; }
.enterprise-app .ent-task-table__title a:hover strong, .enterprise-app .ent-project-list__name a:hover strong { color: #0b4f91; }
.enterprise-app .ent-filter-check { height: 1px; opacity: 0; position: absolute; width: 1px; }
.enterprise-app .ent-filter-toggle { display: none; }
.enterprise-app .ent-task-overview .ent-profile-grid { gap: 0 20px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 4px 21px 17px; }
.enterprise-app .ent-task-overview .ent-profile-grid > div { padding: 12px 0; }
.enterprise-app .ent-task-overview .ent-profile-grid dt { color: #718299; font-size: 11px; }
.enterprise-app .ent-task-overview .ent-profile-grid dd { color: #173354; font-size: 13px; margin-top: 5px; }
.enterprise-app .ent-task-overview .ent-project-description { grid-column: 1 / -1; }
.enterprise-app .ent-task-action { border-left: 4px solid var(--ent-primary); }
.enterprise-app .ent-task-detail__top { display: contents; }
.enterprise-app .ent-project-work__stats { display: grid; gap: 14px; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 0 20px 16px; }
.enterprise-app .ent-project-work__stats > .ent-stat-card { min-width: 0; }
.enterprise-app .ent-report-stat-grid { display: grid; gap: 14px; grid-template-columns: repeat(5, minmax(0, 1fr)); margin-bottom: 22px; }
.enterprise-app .ent-report-stat-grid > .ent-stat-card { margin: 0; min-width: 0; }
.enterprise-app .ent-notifications-page .ent-page-actions { align-items: center; justify-content: flex-end; margin-left: auto; }
.enterprise-app .ent-notifications-page .ent-page-actions form { margin: 0; }
.enterprise-app .ent-notification__body { max-width: 86ch; }
.enterprise-app .ent-inbox-tab { border-color: #dfe7f0; border-radius: 10px; min-height: 44px; padding: 9px 15px; }
.enterprise-app .ent-inbox-tab--active { background: #e8f1fc; border-color: #a9c9ea; box-shadow: inset 0 -2px 0 #0b4f91; }
.enterprise-app .ent-inbox-item { min-height: 104px; padding: 18px 21px; }
.enterprise-app .ent-inbox-item:hover { background: #fafcff; }
.enterprise-app .ent-inbox-item h3 { margin-bottom: 9px; }
.enterprise-app .ent-report-date-help { flex: 1 0 100%; margin: 1px 0 0; }
.enterprise-app .ent-profile-hero { background: linear-gradient(112deg, #0b2e62, #155c9b); border-color: #214e83; overflow: hidden; }
.enterprise-app .ent-profile-hero > .ent-panel__header { align-items: center; border-bottom-color: rgba(255,255,255,.16); min-height: 106px; padding: 20px 25px; }
.enterprise-app .ent-profile-hero .ent-panel__header h2 { color: #fff; font-size: clamp(20px, 2vw, 26px); }
.enterprise-app .ent-profile-hero__identity { align-items: center; display: flex; gap: 16px; min-width: 0; }
.enterprise-app .ent-profile-hero__avatar { align-items: center; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.22); border-radius: 15px; color: #fff; display: flex; flex: 0 0 56px; font-size: 24px; height: 56px; justify-content: center; }
.enterprise-app .ent-profile-hero__eyebrow { color: #b8d4ef; font-size: 11px; font-weight: 700; letter-spacing: .11em; margin: 0 0 5px; text-transform: uppercase; }
.enterprise-app .ent-profile-hero__avatar .fa { color: #fff; opacity: 1; }
.enterprise-app .ent-profile-hero .ent-status { background: rgba(220,252,231,.96); }
.enterprise-app .ent-profile-hero .ent-detail-tabs { border: 0; margin: 0; padding: 0 17px; }
.enterprise-app .ent-profile-hero .ent-detail-tabs a { border-bottom-color: transparent; color: #d6e7f8; }
.enterprise-app .ent-profile-hero .ent-detail-tabs a:hover, .enterprise-app .ent-profile-hero .ent-detail-tabs a[aria-current='page'] { background: rgba(255,255,255,.1); color: #fff; }
.enterprise-app .ent-profile-hero .ent-detail-tabs a[aria-current='page'] { border-bottom-color: #fff; }
.enterprise-app .ent-employee-status { background: #eef4fb; border: 1px solid #d8e5f4; border-radius: 999px; color: #45627f; display: inline-flex; font-size: 12px; font-weight: 700; padding: 4px 9px; white-space: nowrap; }

@media (max-width: 1199px) {
    .enterprise-app .ent-dashboard__stat-grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .enterprise-app .ent-dashboard__primary-grid { grid-template-columns: 1fr; }
    .enterprise-app .ent-dashboard__stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-dashboard__stat-grid--five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .enterprise-app .ent-task-overview .ent-profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-project-work__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .enterprise-app .ent-sidebar { flex-basis: 252px; width: 252px; }
    .enterprise-app .ent-topbar { min-height: 60px; padding: 0 12px; }
    .enterprise-app .ent-main { padding: 16px; }
    .enterprise-app .ent-page-header { align-items: flex-start; flex-direction: column; gap: 14px; }
    .enterprise-app .ent-dashboard__hero { min-height: 0; padding: 26px 22px; }
    .enterprise-app .ent-dashboard__hero .ent-page-actions { width: 100%; }
    .enterprise-app .ent-dashboard__hero .ent-page-actions .btn { flex: 1 1 auto; }
    .enterprise-app .ent-dashboard__primary-grid { gap: 16px; }
    .enterprise-app .ent-dashboard__stat-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-dashboard__section { margin-top: 22px; }
    .enterprise-app .ent-dashboard__section-heading { align-items: flex-start; gap: 4px; }
    .enterprise-app .ent-dashboard__section-heading span { text-align: right; }
    .enterprise-app .ent-list-item { align-items: flex-start; }
    .enterprise-app .ent-employee-table td { padding: 5px 0; }
    .enterprise-app .ent-employee-table tr { padding: 14px 17px; }
    .enterprise-app .ent-task-overview .ent-profile-grid { gap: 0 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-task-detail__top { display: flex; flex-direction: column; }
    .enterprise-app .ent-task-detail__top > .ent-task-action { order: 1; }
    .enterprise-app .ent-task-detail__top > .ent-task-overview { order: 2; }
    .enterprise-app .ent-project-work__stats { gap: 10px; padding: 0 16px 16px; }
    .enterprise-app .ent-filter-toggle { align-items: center; border-bottom: 1px solid var(--ent-border); color: #0b4f91; cursor: pointer; display: flex; font-size: 14px; font-weight: 700; gap: 9px; margin: 0; min-height: 48px; padding: 11px 20px; }
    .enterprise-app .ent-filter-toggle .fa-angle-down { margin-left: auto; transition: transform .16s ease; }
    .enterprise-app .ent-filter-check:checked + .ent-filter-toggle .fa-angle-down { transform: rotate(180deg); }
    .enterprise-app .ent-filter-check:focus-visible + .ent-filter-toggle { outline: 2px solid var(--ent-primary); outline-offset: -3px; }
    .enterprise-app .ent-filter-check:not(:checked) ~ form.ent-project-search { display: none; }
    .enterprise-app .ent-filter-check:not(:checked) ~ form.ent-employee-search { display: none; }
    .enterprise-app .ent-notifications-page .ent-page-actions { justify-content: flex-start; margin-left: 0; width: 100%; }
    .enterprise-app .ent-notifications-page .ent-page-actions .btn { min-height: 42px; }
    .enterprise-app .ent-inbox-item { min-height: 0; }
    .enterprise-app .ent-profile-hero > .ent-panel__header { align-items: flex-start; gap: 14px; padding: 20px; }
    .enterprise-app .ent-profile-hero__avatar { flex-basis: 48px; height: 48px; }
    .enterprise-app .ent-employees-header .ent-page-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
    .enterprise-app .ent-employees-header .ent-page-actions .btn { align-items: center; display: inline-flex; justify-content: center; line-height: 1.25; min-height: 44px; text-align: center; white-space: normal; }
    .enterprise-app .ent-employees-header .ent-page-actions .btn:first-child { grid-column: 1 / -1; }
}
@media (max-width: 479px) {
    .enterprise-app .ent-dashboard__stat-grid, .enterprise-app .ent-dashboard__stat-grid--five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-stat-card { min-height: 105px; padding: 17px; }
    .enterprise-app .ent-stat-card__label { max-width: calc(100% - 37px); }
    .enterprise-app .ent-stat-card > i { right: 12px; top: 14px; }
    .enterprise-app .ent-dashboard__hero .ent-page-actions .btn { flex-basis: 100%; }
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-notifications-page .ent-page-actions > * { width: 100%; }
    .enterprise-app .ent-notifications-page .ent-page-actions .btn { width: 100%; }
}

/* Application workspace: a compact, action-first product surface. */
.enterprise-app {
    --ent-primary: #124b91;
    --ent-primary-dark: #0b356b;
    --ent-accent: #b94731;
    --ent-text: #162642;
    --ent-muted: #667890;
    --ent-border: #e2e8f0;
    --ent-background: #f3f5f9;
    --ent-shadow: 0 10px 30px rgba(19, 40, 72, .045);
}
.enterprise-app .ent-sidebar { background: #10274b; border-right: 0; box-shadow: 8px 0 28px rgba(12, 32, 63, .08); }
.enterprise-app .ent-brand { background: #fff; border-bottom: 0; border-radius: 12px; margin: 16px 14px 4px; min-height: 72px; padding: 10px 12px; }
.enterprise-app .ent-brand img { flex-basis: 40px; height: 40px; width: 40px; }
.enterprise-app .ent-nav { gap: 21px; padding: 26px 12px 20px; }
.enterprise-app .ent-nav__heading { color: #91a6c5; padding-left: 13px; }
.enterprise-app .ent-nav__link { color: #c9d5e7 !important; min-height: 44px; }
.enterprise-app .ent-nav__link i { color: #a5b9d5; }
.enterprise-app .ent-nav__link:hover { background: rgba(255,255,255,.09); color: #fff !important; }
.enterprise-app .ent-nav__link--active, .enterprise-app .ent-nav__link--active:hover { background: #f8fafc; box-shadow: 0 4px 14px rgba(0,0,0,.1); color: #123e7c !important; }
.enterprise-app .ent-nav__link--active i { color: #b94731; }
.enterprise-app .ent-nav__link--active::before { background: #b94731; height: 20px; left: 0; top: calc(50% - 10px); width: 3px; }
.enterprise-app .ent-nav__badge { background: #b94731; color: #fff; }
.enterprise-app .ent-sidebar__bottom { background: #0c2141; border-color: #25466f; color: #fff; }
.enterprise-app .ent-sidebar__caption { color: #9bb1ce; }
.enterprise-app .ent-topbar { border-bottom-color: #e4e9f1; min-height: 70px; }
.enterprise-app .ent-breadcrumb__site { color: #6d7e95; }
.enterprise-app .ent-breadcrumb strong { color: #152949; font-size: 14px; }
.enterprise-app .ent-main { background: var(--ent-background); }
.enterprise-app .ent-page-header:not(.ent-dashboard__hero) { border-bottom: 1px solid #dfe6ef; padding-bottom: 21px; }
.enterprise-app .ent-page-header h1 { font-size: clamp(26px, 2.1vw, 33px); }
.enterprise-app .ent-panel { border-radius: 14px; }
.enterprise-app .ent-panel__header { border-bottom-color: #e6ebf2; }
.enterprise-app .ent-employee-table th { background: #f7f9fc; }
.enterprise-app .ent-employee-table tbody tr:hover { background: #f7faff; }
.enterprise-app .ent-scope-tabs a[aria-current="page"] { border-bottom-color: #b94731; color: #0c4387; }
.enterprise-app .ent-account { border: 1px solid #e4eaf2; padding: 5px 8px; }
.enterprise-app .ent-account:hover, .enterprise-app .ent-icon-button:hover { background: #f4f7fb; }

.enterprise-app .ent-workspace { display: flex; flex-direction: column; gap: 28px; width: 100%; }
.enterprise-app .ent-workspace__intro { align-items: stretch; background: #fff; border: 1px solid #e3e9f1; border-radius: 18px; display: flex; gap: 24px; justify-content: space-between; min-height: 174px; overflow: hidden; padding: clamp(24px, 2.8vw, 38px); position: relative; }
.enterprise-app .ent-workspace__intro::before { background: #b94731; content: ""; height: 5px; left: 0; position: absolute; top: 0; width: 120px; }
.enterprise-app .ent-workspace__intro::after { border: 28px solid #f4f6fa; border-radius: 50%; content: ""; height: 260px; pointer-events: none; position: absolute; right: 10%; top: -180px; width: 260px; }
.enterprise-app .ent-workspace__welcome, .enterprise-app .ent-workspace__shortcuts { position: relative; z-index: 1; }
.enterprise-app .ent-workspace__welcome { align-self: center; }
.enterprise-app .ent-workspace__kicker { align-items: center; color: #6a7c95; display: inline-flex; font-size: 11px; font-weight: 750; gap: 9px; letter-spacing: .09em; text-transform: uppercase; }
.enterprise-app .ent-workspace__live-dot { background: #b94731; border-radius: 50%; height: 7px; width: 7px; }
.enterprise-app .ent-workspace__welcome h1 { color: #102746; font-size: clamp(27px, 2.65vw, 40px); font-weight: 780; letter-spacing: -.045em; line-height: 1.18; margin: 14px 0 8px; }
.enterprise-app .ent-workspace__welcome p { color: #697b94; font-size: 14px; margin: 0; }
.enterprise-app .ent-workspace__shortcuts { align-self: center; display: flex; flex-direction: column; gap: 8px; min-width: 210px; }
.enterprise-app .ent-workspace__shortcut { align-items: center; background: #f5f8fc; border: 1px solid #e4ebf4; border-radius: 11px; color: #173d75; display: flex; font-size: 13px; font-weight: 700; gap: 11px; min-height: 47px; padding: 11px 14px; transition: background .16s, transform .16s; }
.enterprise-app .ent-workspace__shortcut:hover { background: #eaf1f9; color: #123a72; transform: translateY(-1px); }
.enterprise-app .ent-workspace__shortcut--primary { background: #123f7c; border-color: #123f7c; color: #fff; }
.enterprise-app .ent-workspace__shortcut--primary:hover { background: #0a336c; color: #fff; }
.enterprise-app .ent-workspace__shortcut > span { flex: 1; }
.enterprise-app .ent-workspace__shortcut strong { background: rgba(255,255,255,.2); border-radius: 999px; font-size: 11px; min-width: 20px; padding: 2px 5px; text-align: center; }
.enterprise-app .ent-workspace__shortcut > .fa-arrow-right { font-size: 11px; opacity: .7; }
.enterprise-app .ent-workspace__section-head, .enterprise-app .ent-workspace__board-head { align-items: flex-end; display: flex; gap: 16px; justify-content: space-between; }
.enterprise-app .ent-workspace__section-index { color: #b94731; display: block; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.enterprise-app .ent-workspace__section-head h2, .enterprise-app .ent-workspace__board-head h2 { color: #162a4a; font-size: 20px; font-weight: 750; letter-spacing: -.025em; line-height: 1.25; margin: 7px 0 0; }
.enterprise-app .ent-workspace__section-note { color: #7c8ca3; font-size: 12px; text-align: right; }
.enterprise-app .ent-workspace__focus { display: flex; flex-direction: column; gap: 15px; }
.enterprise-app .ent-workspace__pulse { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; }
.enterprise-app .ent-workspace__pulse-item { align-items: center; border-right: 1px solid #e9edf3; display: flex; gap: 13px; min-height: 100px; min-width: 0; padding: 20px clamp(14px, 1.5vw, 25px); }
.enterprise-app .ent-workspace__pulse-item:last-child { border-right: 0; }
.enterprise-app .ent-workspace__pulse-item:hover { background: #f8fafd; }
.enterprise-app .ent-workspace__pulse-icon { align-items: center; border-radius: 11px; display: flex; flex: 0 0 43px; font-size: 18px; height: 43px; justify-content: center; }
.enterprise-app .ent-workspace__pulse-icon--blue { background: #eaf2fc; color: #1559a1; }
.enterprise-app .ent-workspace__pulse-icon--amber { background: #fff2e2; color: #b66a18; }
.enterprise-app .ent-workspace__pulse-icon--red { background: #fceceb; color: #bb4231; }
.enterprise-app .ent-workspace__pulse-icon--green { background: #e8f5ed; color: #208358; }
.enterprise-app .ent-workspace__pulse-copy { display: flex; flex: 1; flex-direction: column; min-width: 0; }
.enterprise-app .ent-workspace__pulse-copy strong { color: #10284a; font-size: 26px; font-variant-numeric: tabular-nums; line-height: 1.05; }
.enterprise-app .ent-workspace__pulse-copy small { color: #677991; font-size: 12px; margin-top: 4px; }
.enterprise-app .ent-workspace__pulse-arrow { color: #9babc0; font-size: 11px; }
.enterprise-app .ent-workspace__board { align-items: start; display: grid; gap: 18px; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr); }
.enterprise-app .ent-workspace__queue, .enterprise-app .ent-workspace__portfolio { border: 1px solid #e2e8f0; border-radius: 17px; min-width: 0; overflow: hidden; }
.enterprise-app .ent-workspace__queue { background: #fff; }
.enterprise-app .ent-workspace__board-head { border-bottom: 1px solid #e9edf3; min-height: 86px; padding: 18px 24px; }
.enterprise-app .ent-workspace__board-head a { color: #19559a; font-size: 12px; font-weight: 700; white-space: nowrap; }
.enterprise-app .ent-workspace__board-head a i { margin-left: 5px; }
.enterprise-app .ent-workspace__board-head a:hover { color: #b94731; }
.enterprise-app .ent-workspace__task { align-items: flex-start; border-bottom: 1px solid #edf0f5; display: flex; gap: 14px; padding: 19px 24px; }
.enterprise-app .ent-workspace__task:last-child { border-bottom: 0; }
.enterprise-app .ent-workspace__task:hover { background: #fafcff; }
.enterprise-app .ent-workspace__task-marker { align-items: center; background: #f0f4fa; border: 1px solid #dfe7f1; border-radius: 9px; color: #8da3be; display: flex; flex: 0 0 30px; height: 30px; justify-content: center; margin-top: 3px; }
.enterprise-app .ent-workspace__task-body { flex: 1; min-width: 0; }
.enterprise-app .ent-workspace__task-meta, .enterprise-app .ent-workspace__task-foot { align-items: center; color: #7c8ca1; display: flex; flex-wrap: wrap; font-size: 11px; gap: 7px 12px; }
.enterprise-app .ent-workspace__task-meta { font-weight: 700; }
.enterprise-app .ent-workspace__meta-divider { background: #bbc7d7; border-radius: 50%; height: 3px; width: 3px; }
.enterprise-app .ent-workspace__task h3 { color: #182d4c; font-size: 15px; font-weight: 730; line-height: 1.35; margin: 7px 0 9px; }
.enterprise-app .ent-workspace__task h3 a:hover { color: #165c9f; }
.enterprise-app .ent-workspace__task-foot .ent-role-type { font-size: 10px; }
.enterprise-app .ent-workspace__task-end { align-items: flex-end; display: flex; flex: 0 0 auto; flex-direction: column; gap: 5px; max-width: 126px; }
.enterprise-app .ent-workspace__task-end .ent-status { font-size: 10px; text-align: right; white-space: normal; }
.enterprise-app .ent-workspace__portfolio { background: #102b51; border-color: #102b51; color: #fff; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head { border-color: #28476e; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__section-index { color: #f2a392; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head h2 { color: #fff; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head a { color: #cbdcf2; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head a:hover { color: #fff; }
.enterprise-app .ent-workspace__project { border-bottom: 1px solid #28476e; padding: 20px 24px; }
.enterprise-app .ent-workspace__project:last-child { border-bottom: 0; }
.enterprise-app .ent-workspace__project:hover { background: rgba(255,255,255,.035); }
.enterprise-app .ent-workspace__project-top, .enterprise-app .ent-workspace__project-progress { align-items: center; display: flex; justify-content: space-between; }
.enterprise-app .ent-workspace__project-code { color: #a5bddc; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
.enterprise-app .ent-workspace__project h3 { color: #fff; font-size: 15px; font-weight: 700; margin: 12px 0 4px; }
.enterprise-app .ent-workspace__project h3 a { align-items: center; display: inline-flex; gap: 8px; }
.enterprise-app .ent-workspace__project h3 a:hover { color: #e9a08d; }
.enterprise-app .ent-workspace__project h3 i { color: #91add0; font-size: 10px; transform: rotate(45deg); }
.enterprise-app .ent-workspace__project p, .enterprise-app .ent-workspace__project small { color: #a9bed9; font-size: 11px; margin: 0; }
.enterprise-app .ent-workspace__project-progress { color: #b8cbe3; font-size: 11px; margin: 15px 0 7px; }
.enterprise-app .ent-workspace__project-progress strong { color: #fff; font-variant-numeric: tabular-nums; }
.enterprise-app .ent-workspace__project .ent-progress { background: #345477; border-radius: 99px; height: 6px; margin: 0 0 5px; }
.enterprise-app .ent-workspace__project .ent-progress > span { background: #f0a084; }
.enterprise-app .ent-workspace__project .ent-status { font-size: 10px; }
.enterprise-app .ent-workspace__portfolio .ent-empty { color: #c0d0e5; }
.enterprise-app .ent-workspace__overview { display: flex; flex-direction: column; gap: 15px; padding-bottom: 18px; }
.enterprise-app .ent-workspace__overview-grid { background: #fff; border: 1px solid #e2e8f0; border-radius: 16px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; }
.enterprise-app .ent-workspace__overview-grid a { border-right: 1px solid #e9edf3; display: flex; flex-direction: column; gap: 11px; min-height: 110px; padding: 20px; position: relative; }
.enterprise-app .ent-workspace__overview-grid a:last-child { border-right: 0; }
.enterprise-app .ent-workspace__overview-grid a:hover { background: #f8fafd; }
.enterprise-app .ent-workspace__overview-grid a > span { color: #687a91; font-size: 12px; }
.enterprise-app .ent-workspace__overview-grid a > strong { color: #16345d; font-size: 25px; font-variant-numeric: tabular-nums; line-height: 1; }
.enterprise-app .ent-workspace__overview-grid a > i { color: #9cabc0; font-size: 10px; position: absolute; right: 20px; top: 23px; }

/* Task index: information hierarchy instead of a seven-column data grid. */
.enterprise-app .ent-task-feed { display: flex; flex-direction: column; }
.enterprise-app .ent-task-feed__item { align-items: center; border-bottom: 1px solid #e9eef4; border-left: 3px solid transparent; display: flex; gap: 24px; justify-content: space-between; min-width: 0; padding: 20px 23px; }
.enterprise-app .ent-task-feed__item:last-child { border-bottom: 0; }
.enterprise-app .ent-task-feed__item:hover { background: #f9fbfe; border-left-color: #b94731; }
.enterprise-app .ent-task-feed__main { flex: 1; min-width: 0; }
.enterprise-app .ent-task-feed__context, .enterprise-app .ent-task-feed__people, .enterprise-app .ent-task-feed__minor { align-items: center; color: #71839b; display: flex; flex-wrap: wrap; font-size: 11px; gap: 8px 18px; }
.enterprise-app .ent-task-feed__context { font-weight: 650; }
.enterprise-app .ent-task-feed__context .fa { color: #91a6bf; margin-right: 3px; }
.enterprise-app .ent-task-feed__context .ent-code { background: #f2f5f9; border-radius: 4px; color: #6f8096; font-size: 10px; padding: 2px 5px; }
.enterprise-app .ent-task-feed__item h3 { color: #193250; font-size: 16px; font-weight: 730; line-height: 1.35; margin: 7px 0 9px; }
.enterprise-app .ent-task-feed__item h3 a:hover { color: #14579b; }
.enterprise-app .ent-task-feed__people strong { color: #435a75; font-weight: 650; }
.enterprise-app .ent-task-feed__people .fa { color: #9aacc2; margin-right: 3px; }
.enterprise-app .ent-task-feed__aside { align-items: flex-end; display: flex; flex: 0 0 auto; flex-direction: column; gap: 13px; max-width: 280px; }
.enterprise-app .ent-task-feed__aside .ent-status-group { justify-content: flex-end; }
.enterprise-app .ent-task-feed__minor { justify-content: flex-end; }
.enterprise-app .ent-task-feed__minor .ent-priority { font-size: 11px; }
.enterprise-app .ent-task-feed__minor .ent-due { font-size: 11px; font-weight: 600; }
.enterprise-app .ent-task-feed__minor .fa { color: #a3b0c2; margin-right: 3px; }
.enterprise-app .ent-scope-tabs { border-bottom: 1px solid #e9eef4; }
.enterprise-app .ent-scope-tabs a { color: #62748c; font-weight: 650; }
.enterprise-app .ent-scope-tabs a[aria-current="page"] { background: #fff; color: #124b91; }
.enterprise-app .ent-project-search { background: #fbfcfe; border-bottom: 1px solid #e9eef4; }

/* Project index: portfolio cards keep ownership and delivery state together. */
.enterprise-app .ent-project-feed { background: #f8fafd; display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 20px; }
.enterprise-app .ent-project-feed__item { background: #fff; border: 1px solid #e1e8f1; border-radius: 13px; box-shadow: 0 3px 12px rgba(17, 42, 77, .035); display: flex; flex-direction: column; min-width: 0; padding: 21px; }
.enterprise-app .ent-project-feed__item:hover { border-color: #bad0e8; box-shadow: 0 9px 22px rgba(17, 42, 77, .08); }
.enterprise-app .ent-project-feed__top { align-items: center; display: flex; gap: 8px; justify-content: space-between; }
.enterprise-app .ent-project-feed__top .ent-code { color: #7487a1; font-size: 10px; font-weight: 750; letter-spacing: .07em; }
.enterprise-app .ent-project-feed__item h3 { color: #172d4e; font-size: 19px; font-weight: 740; letter-spacing: -.025em; line-height: 1.3; margin: 15px 0 7px; }
.enterprise-app .ent-project-feed__item h3 a:hover { color: #14579b; }
.enterprise-app .ent-project-feed__item h3 i { color: #a3b4c9; font-size: 12px; margin-left: 3px; }
.enterprise-app .ent-project-feed__meta { color: #70829a; font-size: 12px; margin: 0 0 15px; }
.enterprise-app .ent-project-feed__facts { border-bottom: 1px solid #edf0f5; display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: auto; padding: 14px 0; }
.enterprise-app .ent-project-feed__facts > span { display: flex; flex-direction: column; min-width: 0; }
.enterprise-app .ent-project-feed__facts small, .enterprise-app .ent-project-feed__progress > div > span, .enterprise-app .ent-project-feed__milestone > span:first-child { color: #8190a5; font-size: 11px; font-weight: 650; }
.enterprise-app .ent-project-feed__facts strong { color: #344b68; font-size: 12px; font-weight: 650; margin-top: 4px; overflow-wrap: anywhere; }
.enterprise-app .ent-project-feed__progress { border-bottom: 1px solid #edf0f5; padding: 15px 0; }
.enterprise-app .ent-project-feed__progress > div { align-items: center; display: flex; gap: 12px; justify-content: space-between; }
.enterprise-app .ent-project-feed__progress > div > strong { color: #315579; font-size: 12px; }
.enterprise-app .ent-project-feed__progress .ent-progress { background: #edf1f7; height: 7px; margin: 9px 0 0; }
.enterprise-app .ent-project-feed__progress .ent-progress > span { background: #1c67ac; }
.enterprise-app .ent-project-feed__progress > .ent-status { margin-top: 9px; }
.enterprise-app .ent-project-feed__milestone { display: flex; flex-direction: column; gap: 6px; padding-top: 13px; }
.enterprise-app .ent-project-feed__milestone .ent-milestone { background: #f6f8fb; border-radius: 8px; color: #375574; display: block; font-size: 12px; padding: 9px 11px; }
.enterprise-app .ent-project-feed__milestone .ent-milestone small { color: #8190a5; display: block; font-size: 11px; margin: 3px 0 0 17px; }
.enterprise-app .ent-project-feed__milestone .ent-milestone .fa { color: #b94731; margin-right: 6px; }
.enterprise-app .ent-project-feed__milestone .ent-milestone--late { background: #fff2f0; color: #b91c1c; }
.enterprise-app .ent-project-feed__milestone .ent-milestone--late small { color: #b91c1c; }
.enterprise-app .ent-project-feed > .ent-empty { grid-column: 1 / -1; }

/* Inbox: a stable action rail and a focused work pane. */
.enterprise-app .ent-inbox-layout { align-items: start; display: grid; gap: 18px; grid-template-columns: 246px minmax(0, 1fr); }
.enterprise-app .ent-inbox-layout .ent-inbox-tabs { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; display: flex; flex-direction: column; gap: 3px; margin: 0; overflow: visible; padding: 9px; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab { border: 0; border-radius: 9px; box-shadow: none; color: #596d86 !important; gap: 9px; justify-content: space-between; min-height: 46px; padding: 10px 12px; white-space: normal; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab:hover { background: #f4f7fb; color: #1c4a83 !important; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab--active { background: #edf3fb; color: #123f7c !important; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab--active::before { background: #b94731; border-radius: 2px; content: ""; height: 18px; margin-left: -12px; width: 3px; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab strong { background: #edf1f7; color: #546b85; font-size: 11px; }
.enterprise-app .ent-inbox-layout .ent-inbox-tab--active strong { background: #174c8c; color: #fff; }
.enterprise-app .ent-inbox-layout .ent-panel { margin: 0; min-width: 0; }
.enterprise-app .ent-inbox-count { background: #edf3fb; border-radius: 8px; color: #134b8b; font-size: 13px; font-weight: 750; min-width: 28px; padding: 4px 8px; text-align: center; }
.enterprise-app .ent-inbox-layout .ent-inbox-item { align-items: flex-start; border-top-color: #e9eef4; gap: 16px; min-height: 110px; }
.enterprise-app .ent-inbox-layout .ent-inbox-item h3 { color: #1a314f; font-size: 16px; }
.enterprise-app .ent-inbox-layout .ent-inbox-item__code { color: #8494a8; font-size: 11px; font-weight: 650; }
.enterprise-app .ent-inbox-layout .ent-inbox-item > .btn { margin-top: 17px; white-space: nowrap; }
@media (max-width: 1199px) {
    .enterprise-app .ent-workspace__pulse { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-workspace__pulse-item:nth-child(2) { border-right: 0; }
    .enterprise-app .ent-workspace__pulse-item:nth-child(-n+2) { border-bottom: 1px solid #e9edf3; }
    .enterprise-app .ent-workspace__overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
    .enterprise-app .ent-workspace__board { grid-template-columns: 1fr; }
    .enterprise-app .ent-project-feed { grid-template-columns: 1fr; }
    .enterprise-app .ent-inbox-layout { grid-template-columns: 1fr; }
    .enterprise-app .ent-inbox-layout .ent-inbox-tabs { flex-direction: row; overflow-x: auto; }
    .enterprise-app .ent-inbox-layout .ent-inbox-tab { flex: 0 0 auto; }
    .enterprise-app .ent-inbox-layout .ent-inbox-tab--active::before { display: none; }
}
@media (max-width: 767px) {
    .enterprise-app .ent-workspace { gap: 22px; }
    .enterprise-app .ent-workspace__intro { flex-direction: column; gap: 20px; padding: 25px 20px; }
    .enterprise-app .ent-workspace__welcome h1 { font-size: 29px; }
    .enterprise-app .ent-workspace__shortcuts { align-self: stretch; flex-direction: row; min-width: 0; }
    .enterprise-app .ent-workspace__shortcut { flex: 1; min-width: 0; }
    .enterprise-app .ent-workspace__section-note { display: none; }
    .enterprise-app .ent-workspace__overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-workspace__overview-grid a { min-height: 96px; }
    .enterprise-app .ent-task-feed__item { align-items: flex-start; flex-direction: column; gap: 12px; padding: 17px; }
    .enterprise-app .ent-task-feed__aside { align-items: flex-start; flex-direction: row; flex-wrap: wrap; max-width: none; width: 100%; }
    .enterprise-app .ent-task-feed__aside .ent-status-group, .enterprise-app .ent-task-feed__minor { justify-content: flex-start; }
    .enterprise-app .ent-project-feed { gap: 12px; padding: 12px; }
    .enterprise-app .ent-project-feed__item { padding: 17px; }
}
@media (max-width: 479px) {
    .enterprise-app .ent-workspace__shortcuts { flex-direction: column; }
    .enterprise-app .ent-workspace__pulse-item { gap: 9px; min-height: 88px; padding: 14px 10px; }
    .enterprise-app .ent-workspace__pulse-icon { flex-basis: 32px; font-size: 14px; height: 32px; }
    .enterprise-app .ent-workspace__pulse-copy strong { font-size: 22px; }
    .enterprise-app .ent-workspace__pulse-copy small { font-size: 10px; }
    .enterprise-app .ent-workspace__pulse-arrow { display: none; }
    .enterprise-app .ent-workspace__board-head { padding: 17px; }
    .enterprise-app .ent-workspace__task { gap: 10px; padding: 16px; }
    .enterprise-app .ent-workspace__task-end { max-width: 100px; }
    .enterprise-app .ent-workspace__project { padding: 17px; }
    .enterprise-app .ent-workspace__overview-grid a { padding: 16px; }
}

/* Space and interaction pass: filters reveal on demand; metrics read as one strip. */
.enterprise-app .ent-report-filter { margin-bottom: 16px; }
.enterprise-app .ent-report-filter > summary { align-items: center; cursor: pointer; display: flex; gap: 10px; list-style: none; min-height: 56px; padding: 14px 20px; }
.enterprise-app .ent-report-filter > summary::-webkit-details-marker { display: none; }
.enterprise-app .ent-report-filter__summary > span:first-child { align-items: center; color: #244263; display: inline-flex; font-size: 14px; font-weight: 730; gap: 10px; }
.enterprise-app .ent-report-filter__summary > span:first-child i { color: #b94731; }
.enterprise-app .ent-report-filter__badge { background: #edf3fa; border-radius: 999px; color: #2b598d; font-size: 11px; font-weight: 700; padding: 4px 9px; }
.enterprise-app .ent-report-filter__badge:empty { display: none; }
.enterprise-app .ent-report-filter__chevron { color: #7890aa; margin-left: auto; transition: transform .18s ease; }
.enterprise-app .ent-report-filter[open] .ent-report-filter__chevron { transform: rotate(180deg); }
.enterprise-app .ent-report-filter .ent-report-search { border-top: 1px solid #e7ecf3; gap: 10px; padding: 15px 18px; }
.enterprise-app .ent-report-filter .alert { margin: 14px 18px 0; }
.enterprise-app .ent-report-filter .ent-report-date-help { margin-top: 0; }
.enterprise-app .ent-report-stat-grid { background: #fff; border: 1px solid #e2e8f0; border-radius: 14px; gap: 0; overflow: hidden; }
.enterprise-app .ent-report-stat-grid > .ent-stat-card { border: 0; border-radius: 0; border-right: 1px solid #e9eef4; box-shadow: none; min-height: 94px; padding: 17px 19px; }
.enterprise-app .ent-report-stat-grid > .ent-stat-card:last-child { border-right: 0; }
.enterprise-app .ent-report-stat-grid > .ent-stat-card::before { bottom: 19px; top: 19px; }
.enterprise-app .ent-report-stat-grid .ent-stat-card__label { margin: 0 36px 9px 0; }
.enterprise-app .ent-report-stat-grid .ent-stat-card__value { font-size: 27px; }
.enterprise-app .ent-report-stat-grid .ent-stat-card > i { height: 30px; padding: 7px; right: 14px; top: 14px; width: 30px; }
.enterprise-app .ent-project-work__stats { background: #fff; border: 1px solid #e7ecf3; border-radius: 11px; gap: 0; margin: 0 18px 16px; overflow: hidden; padding: 0; }
.enterprise-app .ent-project-work__stats > .ent-stat-card { border: 0; border-radius: 0; border-right: 1px solid #e9eef4; box-shadow: none; min-height: 87px; padding: 16px 20px; }
.enterprise-app .ent-project-work__stats > .ent-stat-card:last-child { border-right: 0; }
.enterprise-app .ent-project-work__stats > .ent-stat-card::before { bottom: 15px; top: 15px; }
.enterprise-app .ent-project-work__stats .ent-stat-card__label { font-size: 12px; margin-bottom: 9px; }
.enterprise-app .ent-project-work__stats .ent-stat-card__value { font-size: 27px; }
.enterprise-app .ent-project-work .ent-task-result { margin: 12px 18px; }
.enterprise-app .ent-project-work .ent-progress-caption { margin-top: 4px; }
.enterprise-app .ent-task-detail__top { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 18px; }
.enterprise-app .ent-task-detail__top > .ent-task-overview { flex: 2 1 620px; min-width: 0; }
.enterprise-app .ent-task-detail__top > .ent-task-action { flex: 1 1 355px; min-width: min(100%, 320px); }
.enterprise-app .ent-task-detail__top > .ent-panel { margin-bottom: 0; }
.enterprise-app .ent-task-detail__top .ent-profile-grid { gap: 0 16px; padding-bottom: 8px; }
.enterprise-app .ent-task-detail__top .ent-profile-grid > div { padding: 9px 0; }
.enterprise-app .ent-task-detail__top .ent-project-description dd { line-height: 1.45; }
.enterprise-app .ent-task-detail__top .ent-panel__header { min-height: 56px; }
.enterprise-app .ent-checklist-add-form { align-items: end; display: grid; gap: 12px 18px; grid-template-columns: minmax(280px, 1fr) auto auto; padding-top: 4px; }
.enterprise-app .ent-checklist-add-form > .ent-field { margin: 0; }
.enterprise-app .ent-checklist-add-form__required { align-items: center; display: inline-flex !important; gap: 7px; margin: 0 0 11px !important; white-space: nowrap; }
.enterprise-app .ent-checklist-add-form__required input { margin: 0; }
.enterprise-app .ent-checklist-add-form > .ent-form-actions { margin: 0; }
@media (max-width: 991px) {
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card { border-bottom: 1px solid #e9eef4; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(odd) { border-right: 1px solid #e9eef4; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(even) { border-right: 0; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:last-child { border-bottom: 0; grid-column: 1 / -1; }
    .enterprise-app .ent-report-results .ent-employee-table thead { display: none; }
    .enterprise-app .ent-report-results .ent-employee-table tr { border-top: 1px solid #e9eef4; display: block; padding: 12px 18px; }
    .enterprise-app .ent-report-results .ent-employee-table td { align-items: baseline; border: 0; display: flex; gap: 12px; justify-content: space-between; padding: 5px 0; text-align: right; }
    .enterprise-app .ent-report-results .ent-employee-table td::before { color: #718299; content: attr(data-label); flex: 0 0 120px; font-size: 12px; font-weight: 650; text-align: left; }
    .enterprise-app .ent-report-results .ent-employee-table td.ent-task-table__title { display: block; font-size: 14px; text-align: left; }
    .enterprise-app .ent-report-results .ent-employee-table td.ent-task-table__title::before { content: none; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(3) { border-right: 0; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(-n+3) { border-bottom: 1px solid #e9eef4; }
}
@media (max-width: 767px) {
    .enterprise-app .ent-report-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card { border-bottom: 1px solid #e9eef4; min-height: 87px; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(odd) { border-right: 1px solid #e9eef4; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:nth-child(even) { border-right: 0; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:last-child { border-bottom: 0; }
    .enterprise-app .ent-report-stat-grid > .ent-stat-card:last-child { grid-column: 1 / -1; }
    .enterprise-app .ent-report-filter > summary { min-height: 52px; }
    .enterprise-app .ent-project-work__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .enterprise-app .ent-project-work__stats > .ent-stat-card { border-bottom: 1px solid #e9eef4; }
    .enterprise-app .ent-project-work__stats > .ent-stat-card:nth-child(even) { border-right: 0; }
    .enterprise-app .ent-project-work__stats > .ent-stat-card:nth-child(n+3) { border-bottom: 0; }
    .enterprise-app .ent-task-detail__top { flex-direction: column; }
    .enterprise-app .ent-task-detail__top > .ent-panel { flex: 1 1 auto; width: 100%; }
    .enterprise-app .ent-task-detail__top > .ent-task-action { order: 1; }
    .enterprise-app .ent-task-detail__top > .ent-task-overview { order: 2; }
    .enterprise-app .ent-checklist-add-form { align-items: stretch; grid-template-columns: 1fr; }
    .enterprise-app .ent-checklist-add-form__required { margin: 0 !important; }
}

/* Scroll the workspace itself so fixed navigation cannot trap long pages. */
.enterprise-app { display: flex; flex-direction: column; height: 100vh; height: 100dvh; overflow: hidden; }
.enterprise-app .ent-shell { flex: 1 1 auto; min-height: 0; overflow: hidden; }
.enterprise-app .ent-shell__body { min-height: 0; overflow-x: hidden; overflow-y: auto; }
.enterprise-app .ent-main { flex: 1 0 auto; }
/* The task popup page has no shell scroller, so its document scrolls instead. */
.enterprise-app.ent-task-popup-page { display: block; height: auto; min-height: 100vh; overflow: visible; }
@media (min-width: 768px) {
    .enterprise-app .ent-sidebar { height: 100%; min-height: 0; position: relative; top: auto; }
}

/* Task list: fit more work in view while keeping due dates and ownership scannable. */
.enterprise-app .ent-task-list__header { align-items: center; justify-content: space-between; }
.enterprise-app .ent-task-quick { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
.enterprise-app .ent-task-quick a { background: #f5f7fb; border: 1px solid transparent; border-radius: 999px; color: #506581; font-size: 12px; font-weight: 650; line-height: 18px; padding: 6px 11px; text-decoration: none; white-space: nowrap; }
.enterprise-app .ent-task-quick a:hover { background: #eaf1fa; color: #124b91; text-decoration: none; }
.enterprise-app .ent-task-quick a[aria-current="page"] { background: #e7f0fc; border-color: #bdd5f1; color: #124b91; }
.enterprise-app .ent-task-quick a[aria-current="page"]:nth-child(2) { background: #fff0ee; border-color: #f4c7c0; color: #ae3a29; }
.enterprise-app .ent-task-feed__item { gap: 14px; min-height: 88px; padding: 12px 20px; }
.enterprise-app .ent-task-feed__heading { align-items: baseline; display: flex; flex-wrap: wrap; gap: 3px 10px; min-width: 0; }
.enterprise-app .ent-task-feed__item .ent-task-feed__heading h3 { font-size: 16px; line-height: 1.35; margin: 0; }
.enterprise-app .ent-task-feed__heading .ent-code { color: #8190a6; font-size: 11px; font-weight: 650; }
.enterprise-app .ent-task-feed__context { color: #71839b; font-size: 12px; font-weight: 500; gap: 3px 16px; margin-top: 7px; }
.enterprise-app .ent-task-feed__context strong { color: #435a75; font-weight: 650; }
.enterprise-app .ent-task-feed__aside { gap: 6px; max-width: 310px; }
.enterprise-app .ent-task-feed__minor { font-size: 12px; gap: 4px 14px; }
@media (max-width: 991px) {
    .enterprise-app .ent-task-list__header { align-items: flex-start; flex-direction: column; }
    .enterprise-app .ent-task-feed__item { gap: 8px; padding: 14px 17px; }
}
@media (max-width: 767px) {
    .enterprise-app .ent-task-quick { flex-wrap: wrap; max-width: 100%; }
    .enterprise-app .ent-task-feed__item { min-height: 0; }
    .enterprise-app .ent-task-feed__context { gap: 3px 11px; }
    .enterprise-app .ent-task-feed__context > span:first-child { flex-basis: 100%; }
    .enterprise-app .ent-task-feed__aside { gap: 7px; }
}

/* Dashboard: empty sections use a single quiet line instead of oversized placeholders. */
.enterprise-app .ent-workspace { gap: 21px; }
.enterprise-app .ent-workspace__intro { min-height: 145px; padding: 23px clamp(22px, 2.4vw, 32px); }
.enterprise-app .ent-workspace__welcome h1 { margin-top: 9px; }
.enterprise-app .ent-workspace__pulse-item { min-height: 84px; padding-block: 14px; }
.enterprise-app .ent-workspace__board-head { min-height: 69px; padding: 13px 20px; }
.enterprise-app .ent-workspace__queue--empty .ent-workspace__empty,
.enterprise-app .ent-workspace__portfolio--empty .ent-workspace__empty { align-items: center; display: flex; gap: 10px; min-height: 48px; padding: 11px 20px; text-align: left; }
.enterprise-app .ent-workspace__queue--empty .ent-workspace__empty i,
.enterprise-app .ent-workspace__portfolio--empty .ent-workspace__empty i { font-size: 16px; }
.enterprise-app .ent-workspace__queue--empty .ent-workspace__empty p,
.enterprise-app .ent-workspace__portfolio--empty .ent-workspace__empty p { margin: 0; }
.enterprise-app .ent-workspace__overview-grid a { gap: 8px; min-height: 94px; padding: 16px 20px; }

/* Project index: one primary creation action and only milestones that carry data. */
.enterprise-app #ent-project-create:not([open]) { display: none; }
.enterprise-app .ent-project-feed { gap: 12px; padding: 14px; }
.enterprise-app .ent-project-feed__item { padding: 17px; }
.enterprise-app .ent-project-feed__item h3 { margin: 10px 0 5px; }
.enterprise-app .ent-project-feed__meta { margin-bottom: 10px; }
.enterprise-app .ent-project-feed__facts { gap: 9px; padding: 10px 0; }
.enterprise-app .ent-project-feed__progress { padding: 10px 0; }
.enterprise-app .ent-project-feed__progress .ent-progress { margin-top: 7px; }
.enterprise-app .ent-project-feed__milestone { padding-top: 10px; }
@media (max-width: 767px) {
    .enterprise-app .ent-workspace__intro { padding: 20px; }
    .enterprise-app .ent-workspace__board-head { padding: 14px 17px; }
    .enterprise-app .ent-project-feed { padding: 12px; }
    .enterprise-app .ent-project-feed__item h3 i { display: none; }
}

/* Flexible assignment: quick button, assign form, subtasks, mentions. */
.enterprise-app .ent-quick-create { align-items: center; display: inline-flex; gap: 8px; white-space: nowrap; }
.enterprise-app .ent-task-create { padding: 22px; }
.enterprise-app .ent-task-create .ent-field small { color: var(--ent-muted); font-size: 12px; margin-top: 4px; }
.enterprise-app .ent-task-create .ent-schedule-hint--active { color: #9a5b00; font-weight: 600; }
.enterprise-app .ent-task-create__context { background: #eef4fb; border: 1px solid #d3e2f4; border-radius: 10px; color: #162642; margin: 0 0 16px; padding: 10px 14px; }
.enterprise-app .ent-create-section { border: 1px solid var(--ent-border); border-radius: 12px; margin-top: 16px; }
.enterprise-app .ent-create-section > summary { align-items: center; cursor: pointer; display: flex; font-weight: 700; gap: 8px; list-style: none; min-height: 48px; padding: 10px 14px; }
.enterprise-app .ent-create-section > summary::-webkit-details-marker { display: none; }
.enterprise-app .ent-create-section > summary::after { content: "\f107"; font-family: FontAwesome; margin-left: auto; }
.enterprise-app .ent-create-section[open] > summary::after { content: "\f106"; }
.enterprise-app .ent-create-section > :not(summary) { margin-left: 14px; margin-right: 14px; }
.enterprise-app .ent-create-section > :last-child { margin-bottom: 14px; }
.enterprise-app .ent-create-people { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.enterprise-app .ent-create-people fieldset { border: 0; margin: 0; min-width: 0; padding: 0; }
.enterprise-app .ent-create-people legend { border: 0; font-size: 14px; font-weight: 700; margin: 0 0 6px; }
.enterprise-app .ent-people-filter, .enterprise-app .ent-check-rows input[type="text"] { background: #fff; border: 1px solid #cbd5e1; border-radius: 8px; color: var(--ent-text); font-size: 14px; min-height: 40px; padding: 8px 11px; width: 100%; }
.enterprise-app .ent-people-filter { margin-bottom: 6px; }
.ent-task-popup-page .ent-task-create__header { display: none; }
.enterprise-app .ent-people-list { border: 1px solid var(--ent-border); border-radius: 10px; max-height: 210px; overflow-y: auto; padding: 4px; }
.enterprise-app .ent-people-list label { align-items: center; border-radius: 8px; cursor: pointer; display: flex; font-weight: 500; gap: 8px; margin: 0; min-height: 40px; padding: 6px 8px; }
.enterprise-app .ent-people-list label:hover { background: #f3f6fb; }
.enterprise-app .ent-people-list label[hidden], .enterprise-app .ent-people-list label.ent-filtered-out { display: none; }
.enterprise-app .ent-check-rows { display: grid; gap: 8px; margin: 4px 14px 10px; padding-left: 20px; }
.enterprise-app .ent-check-rows li { align-items: center; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto; }
.enterprise-app .ent-check-rows__required { align-items: center; display: inline-flex; font-weight: 500; gap: 6px; margin: 0; white-space: nowrap; }
.enterprise-app .ent-task-create__actions { border-top: 1px solid var(--ent-border); margin-top: 18px; padding-top: 16px; }
.enterprise-app .ent-task-create-links { display: inline-flex; flex-wrap: wrap; gap: 8px; }
.enterprise-app .ent-task-children li { align-items: baseline; display: flex; flex-wrap: wrap; gap: 6px 10px; }
.enterprise-app .ent-task-children__add { margin: 12px 0 0; }
.enterprise-app .ent-brief-files { list-style: none; margin: 0; padding: 0; }
.enterprise-app .ent-brief-files li + li { margin-top: 4px; }
.enterprise-app .ent-mention-field { position: relative; }
.enterprise-app .ent-mention-list { background: #fff; border: 1px solid var(--ent-border); border-radius: 10px; box-shadow: 0 12px 30px rgba(12, 35, 73, .16); left: 0; list-style: none; margin: 4px 0 0; max-height: 240px; min-width: 240px; overflow-y: auto; padding: 4px; position: absolute; top: 100%; z-index: 30; }
.enterprise-app .ent-mention-list li { border-radius: 8px; cursor: pointer; padding: 8px 10px; }
.enterprise-app .ent-mention-list li[aria-selected="true"], .enterprise-app .ent-mention-list li:hover { background: #e7f0fc; color: #124b91; }
.enterprise-app .ent-mention { color: #124b91; }
@media (max-width: 767px) {
    .enterprise-app .ent-quick-create { min-width: 40px; padding: 9px 12px; }
    .enterprise-app .ent-quick-create span { display: none; }
    .enterprise-app .ent-task-create { padding: 16px; }
    .enterprise-app .ent-create-people { grid-template-columns: 1fr; }
    .enterprise-app .ent-check-rows li { grid-template-columns: 1fr; gap: 4px; }
}

/* Task views: list / board / calendar share the same filters. */
.enterprise-app .ent-task-list__tools { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; }
.enterprise-app .ent-view-switch { background: #f1f4f9; border-radius: 10px; display: inline-flex; gap: 2px; padding: 3px; }
.enterprise-app .ent-view-switch a { align-items: center; border-radius: 8px; color: #41506a; display: inline-flex; font-size: 13px; font-weight: 600; gap: 6px; min-height: 34px; padding: 0 12px; text-decoration: none; }
.enterprise-app .ent-view-switch a:hover { color: #124b91; }
.enterprise-app .ent-view-switch a[aria-current="page"] { background: #fff; box-shadow: 0 1px 3px rgba(12, 35, 73, .12); color: #124b91; }
.enterprise-app .ent-board { display: grid; gap: 14px; grid-auto-columns: minmax(250px, 1fr); grid-auto-flow: column; overflow-x: auto; padding: 16px 18px 18px; scrollbar-width: thin; }
.enterprise-app .ent-board:focus-visible { outline: 2px solid var(--ent-primary); outline-offset: -2px; }
.enterprise-app .ent-board__column { background: #f4f6fa; border-radius: 14px; display: flex; flex-direction: column; min-width: 0; }
.enterprise-app .ent-board__head { align-items: center; border-top: 3px solid #9fb3cc; border-radius: 14px 14px 0 0; display: flex; justify-content: space-between; padding: 12px 14px 8px; }
.enterprise-app .ent-board__column--doing .ent-board__head { border-top-color: #124b91; }
.enterprise-app .ent-board__column--review .ent-board__head { border-top-color: #b7791f; }
.enterprise-app .ent-board__column--done .ent-board__head { border-top-color: #2f855a; }
.enterprise-app .ent-board__column--cancelled .ent-board__head { border-top-color: #94a3b8; }
.enterprise-app .ent-board__head h3 { font-size: 14px; font-weight: 700; margin: 0; }
.enterprise-app .ent-board__cards { display: flex; flex-direction: column; gap: 10px; padding: 4px 10px 12px; }
.enterprise-app .ent-board__card { background: #fff; border: 1px solid #e3e9f2; border-radius: 12px; box-shadow: 0 1px 2px rgba(12, 35, 73, .05); display: flex; flex-direction: column; gap: 7px; padding: 12px; }
.enterprise-app .ent-board__title { color: #162642; font-weight: 700; line-height: 1.35; text-decoration: none; }
.enterprise-app .ent-board__title:hover { color: #124b91; text-decoration: underline; }
.enterprise-app .ent-board__project, .enterprise-app .ent-board__meta { color: var(--ent-muted); font-size: 12px; }
.enterprise-app .ent-board__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; }
.enterprise-app .ent-board__card .ent-status-group { display: flex; flex-wrap: wrap; gap: 6px; }
.enterprise-app .ent-board__empty { color: var(--ent-muted); font-size: 13px; margin: 6px 4px; }
.enterprise-app .ent-board__note { padding: 0 18px 14px; }
.enterprise-app .ent-calendar { padding: 14px 18px 18px; }
.enterprise-app .ent-calendar__bar { align-items: center; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.enterprise-app .ent-calendar__bar h3 { font-size: 17px; margin: 0 6px; min-width: 150px; text-align: center; }
.enterprise-app .ent-calendar__grid { border: 1px solid var(--ent-border); border-radius: 12px; overflow: hidden; }
.enterprise-app .ent-calendar__weekdays, .enterprise-app .ent-calendar__week { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.enterprise-app .ent-calendar__weekdays span { background: #f4f6fa; color: #41506a; font-size: 12px; font-weight: 700; padding: 8px; text-align: center; }
.enterprise-app .ent-calendar__day { border-top: 1px solid var(--ent-border); border-left: 1px solid var(--ent-border); display: flex; flex-direction: column; gap: 4px; min-height: 104px; min-width: 0; padding: 6px; }
.enterprise-app .ent-calendar__day:nth-child(7n+1) { border-left: 0; }
.enterprise-app .ent-calendar__day--outside { background: #fafbfd; }
.enterprise-app .ent-calendar__day--outside .ent-calendar__date { color: #a3adbd; }
.enterprise-app .ent-calendar__date { font-size: 12px; font-weight: 700; }
.enterprise-app .ent-calendar__day--today .ent-calendar__date { background: #124b91; border-radius: 999px; color: #fff; display: inline-block; min-width: 24px; padding: 2px 6px; text-align: center; width: max-content; }
.enterprise-app .ent-calendar__label { display: none; }
.enterprise-app .ent-calendar__task { background: #eaf1fa; border-left: 3px solid #124b91; border-radius: 6px; color: #162642; display: block; font-size: 12px; line-height: 1.3; padding: 4px 6px; text-decoration: none; }
.enterprise-app .ent-calendar__task span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-calendar__task:hover { background: #dbe8f8; }
.enterprise-app .ent-calendar__task--waiting-review { background: #fdf3e1; border-left-color: #b7791f; }
.enterprise-app .ent-calendar__task--completed { background: #e7f5ed; border-left-color: #2f855a; color: #3d5a49; }
.enterprise-app .ent-calendar__task--blocked, .enterprise-app .ent-calendar__task--pending-acceptance { background: #f1f4f9; border-left-color: #9fb3cc; }
.enterprise-app .ent-calendar__task--overdue { background: #fdecea; border-left-color: #b94731; }
.enterprise-app .ent-calendar__more { font-size: 12px; font-weight: 600; }
@media (max-width: 767px) {
    .enterprise-app .ent-task-list__tools { justify-content: flex-start; width: 100%; }
    .enterprise-app .ent-view-switch a span { display: none; }
    .enterprise-app .ent-view-switch a { padding: 0 14px; }
    .enterprise-app .ent-board { grid-auto-columns: minmax(240px, 82%); padding: 12px; }
    .enterprise-app .ent-calendar { padding: 12px; }
    .enterprise-app .ent-calendar__weekdays { display: none; }
    .enterprise-app .ent-calendar__week { display: block; }
    .enterprise-app .ent-calendar__day { border-left: 0; min-height: 0; }
    .enterprise-app .ent-calendar__day:not(.ent-calendar__day--busy) { display: none; }
    .enterprise-app .ent-calendar__date { display: none; }
    .enterprise-app .ent-calendar__label { color: #41506a; display: block; font-size: 13px; font-weight: 700; }
    .enterprise-app .ent-calendar__task { font-size: 13px; padding: 8px 10px; }
}
.enterprise-app .ent-task-create [data-ent-recurrence-until][hidden] { display: none; }
.enterprise-app .ent-recurrence .ent-inline-form { display: inline-block; margin-left: 8px; }
.enterprise-app .ent-inline-form { display: inline; }

/* UI polish 07/10/2026: calmer surfaces, one rhythm for controls, no chrome repeated by the breadcrumb or menu. */
.enterprise-app {
    --ent-line: #e4e9f0;
    --ent-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .03);
}
/* Sidebar: brand sits on the navy surface, the active item is a light wash, the list scrolls without a grey bar. */
.enterprise-app .ent-sidebar { background: #0f2446; box-shadow: none; }
.enterprise-app .ent-brand { background: transparent; border: 0; border-radius: 0; gap: 11px; margin: 0; min-height: 0; padding: 18px 18px 10px; }
.enterprise-app .ent-brand img { background: #fff; border-radius: 9px; flex: 0 0 38px; height: 38px; padding: 3px; width: 38px; }
.enterprise-app .ent-brand strong { color: #fff; font-size: 15px; }
.enterprise-app .ent-brand small { color: #9db1cf; }
.enterprise-app .ent-nav { gap: 12px; padding: 12px 10px 16px; scrollbar-width: none; }
.enterprise-app .ent-nav::-webkit-scrollbar { display: none; }
.enterprise-app .ent-nav__group { gap: 2px; }
.enterprise-app .ent-nav__heading { color: #7e96b9; font-size: 10px; letter-spacing: .12em; padding: 0 12px 4px; }
.enterprise-app .ent-nav__link { border-radius: 8px; font-size: 14px; font-weight: 550; gap: 11px; min-height: 38px; padding: 8px 12px; }
.enterprise-app .ent-nav__link i { text-align: center; width: 16px; }
.enterprise-app .ent-nav__link--active, .enterprise-app .ent-nav__link--active:hover { background: rgba(255, 255, 255, .13); box-shadow: none; color: #fff !important; }
.enterprise-app .ent-nav__link--active i { color: #fff; }
.enterprise-app .ent-nav__link--active::before { height: 18px; left: -10px; top: calc(50% - 9px); }
.enterprise-app .ent-sidebar__bottom { background: transparent; border-top: 1px solid rgba(255, 255, 255, .08); padding: 12px 18px; }
/* Top bar and page heading: the breadcrumb names the place, the heading names the page. */
.enterprise-app .ent-topbar { min-height: 60px; padding: 0 clamp(16px, 2vw, 28px); }
.enterprise-app .ent-main__inner > .ent-page-header .ent-eyebrow { display: none; }
.enterprise-app .ent-page-header:not(.ent-dashboard__hero) { border-bottom: 0; margin-bottom: 18px; padding-bottom: 0; }
.enterprise-app .ent-page-header h1 { font-size: clamp(22px, 1.8vw, 27px); font-weight: 720; letter-spacing: -.025em; line-height: 1.25; }
/* Cards. */
.enterprise-app .ent-panel { border-color: var(--ent-line); border-radius: 12px; box-shadow: var(--ent-shadow); }
.enterprise-app .ent-panel__header { border-bottom-color: #edf1f6; min-height: 54px; padding: 13px 20px; }
.enterprise-app .ent-panel__header h2 { font-size: 16px; font-weight: 700; letter-spacing: -.01em; }
/* Controls share one height and one border. */
.enterprise-app .btn:not(.ent-auth__submit) { font-size: 13.5px; font-weight: 600; min-height: 36px; padding: 7px 14px; }
.enterprise-app .btn-sm:not(.ent-auth__submit) { min-height: 32px; padding: 5px 11px; }
.enterprise-app .btn-default { background: #fff; border-color: #d5dce6; color: #1d3353; }
.enterprise-app .btn-default:hover, .enterprise-app .btn-default:focus { background: #f4f7fb; border-color: #c3cddb; color: #12305a; }
.enterprise-app .btn-primary { background: var(--ent-primary); border-color: var(--ent-primary); }
.enterprise-app .btn-primary:hover, .enterprise-app .btn-primary:focus { background: var(--ent-primary-dark); border-color: var(--ent-primary-dark); }
.enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select, textarea) { border-color: #d5dce6; border-radius: 8px; font-size: 14px; min-height: 38px; }
.enterprise-app .ent-field label { color: #33475f; font-size: 13px; font-weight: 600; }
/* Filter bars stay on one line when there is room; the button never drops alone onto a new row. */
.enterprise-app .ent-employee-search { gap: 10px; padding: 14px 20px; }
.enterprise-app .ent-project-search > :is(input, select) { flex: 1 1 150px; min-width: 0; width: auto; }
.enterprise-app .ent-project-search > input[type="search"] { flex: 2 1 220px; }
.enterprise-app .ent-project-search > .ent-report-date { flex: 0 1 165px; }
.enterprise-app .ent-project-search > :is(.btn, .ent-clear-filter) { flex: 0 0 auto; }
/* Dashboard: no numbered kickers, one surface colour, compact empty states. */
.enterprise-app .ent-workspace__section-index { display: none; }
.enterprise-app .ent-workspace__section-head h2, .enterprise-app .ent-workspace__board-head h2 { font-size: 17px; margin: 0; }
.enterprise-app .ent-workspace__intro { border-color: var(--ent-line); border-radius: 14px; box-shadow: var(--ent-shadow); min-height: 0; padding: 22px 28px; }
.enterprise-app .ent-workspace__intro::after { display: none; }
.enterprise-app .ent-workspace__welcome h1 { font-size: clamp(23px, 2vw, 30px); margin: 8px 0 6px; }
.enterprise-app .ent-workspace__pulse, .enterprise-app .ent-workspace__overview-grid, .enterprise-app .ent-workspace__queue, .enterprise-app .ent-workspace__portfolio { border-color: var(--ent-line); border-radius: 12px; box-shadow: var(--ent-shadow); }
.enterprise-app .ent-workspace__board-head { min-height: 56px; padding: 12px 20px; }
.enterprise-app .ent-workspace__focus > .ent-workspace__empty { align-items: center; background: #fff; border: 1px solid var(--ent-line); border-radius: 12px; box-shadow: var(--ent-shadow); color: #5d6f88; display: flex; gap: 12px; min-height: 0; padding: 14px 20px; text-align: left; }
.enterprise-app .ent-workspace__focus > .ent-workspace__empty i { color: #8da0b9; font-size: 18px; }
.enterprise-app .ent-workspace__focus > .ent-workspace__empty p { margin: 0; }
.enterprise-app .ent-workspace__portfolio { background: #fff; color: inherit; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head { border-color: #e9edf3; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head h2 { color: #162a4a; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head a { color: #19559a; }
.enterprise-app .ent-workspace__portfolio .ent-workspace__board-head a:hover { color: #b94731; }
.enterprise-app .ent-workspace__project { border-bottom-color: #edf0f5; }
.enterprise-app .ent-workspace__project:hover { background: #fafcff; }
.enterprise-app .ent-workspace__project-code { color: #7d8ea6; }
.enterprise-app .ent-workspace__project h3 { color: #182d4c; }
.enterprise-app .ent-workspace__project h3 a:hover { color: #165c9f; }
.enterprise-app .ent-workspace__project h3 i { color: #9aabc2; }
.enterprise-app .ent-workspace__project p, .enterprise-app .ent-workspace__project small, .enterprise-app .ent-workspace__project-progress { color: #71839b; }
.enterprise-app .ent-workspace__project-progress strong { color: #16345d; }
.enterprise-app .ent-workspace__project .ent-progress { background: #e8edf4; }
.enterprise-app .ent-workspace__project .ent-progress > span { background: var(--ent-primary); }
.enterprise-app .ent-workspace__portfolio .ent-empty { color: #5d6f88; }
/* Lists: quieter meta text, readable sizes. */
.enterprise-app .ent-task-list__header h2 { font-size: 15px; }
.enterprise-app .ent-task-feed__item { border-bottom-color: #edf1f6; }
.enterprise-app .ent-task-feed__item:hover { background: #fafcff; border-left-color: var(--ent-primary); }
.enterprise-app .ent-task-feed__item .ent-task-feed__heading h3 { font-size: 15px; font-weight: 650; }
.enterprise-app .ent-task-feed__context { font-size: 12.5px; }
.enterprise-app .ent-employee-table th { color: #5d6f88; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; }
.enterprise-app .ent-profile-grid dt { color: #6b7d95; font-size: 12px; font-weight: 600; }
.enterprise-app .ent-profile-grid dd { color: #172a47; }
/* Empty states read as one quiet line; an empty table drops its column headers. */
.enterprise-app .ent-panel > .ent-empty, .enterprise-app .ent-panel > p.ent-empty { color: #7a8ca4; font-size: 13px; margin: 0; min-height: 0; padding: 14px 20px; text-align: left; }
.enterprise-app .ent-employee-table:has(tbody td.ent-empty) thead { display: none; }
.enterprise-app .ent-employee-table td.ent-empty { color: #7a8ca4; font-size: 13px; padding: 14px 20px; text-align: left; }
/* Native file inputs get the app's button style. */
.enterprise-app input[type="file"] { background: #fafbfd; border: 1px dashed #c8d2df; border-radius: 8px; color: #5d6f88; font-size: 13px; max-width: 100%; padding: 7px; width: 100%; }
.enterprise-app input[type="file"]::file-selector-button { background: #fff; border: 1px solid #d5dce6; border-radius: 7px; color: #1d3353; cursor: pointer; font-weight: 600; margin-right: 12px; padding: 6px 12px; }
.enterprise-app input[type="file"]::file-selector-button:hover { background: #f4f7fb; }
/* Checklist and subtasks: one row per item, actions at the row's end, editing opens below. */
.enterprise-app ul.ent-task-dependencies { padding: 2px 20px 10px; }
.enterprise-app ul.ent-task-dependencies > li { border-top-color: #edf1f6; gap: 6px 10px; padding: 10px 0; }
.enterprise-app ul.ent-checklist > li > small { color: #9a5b00; font-size: 12px; margin-right: auto; }
.enterprise-app ul.ent-checklist > li > small:empty { margin-right: auto; }
.enterprise-app ul.ent-task-dependencies details { flex-basis: auto; }
.enterprise-app ul.ent-task-dependencies details[open] { flex-basis: 100%; }
.enterprise-app ul.ent-task-dependencies details > summary { font-size: 13px; min-height: 32px; }
.enterprise-app ul.ent-checklist > li > form .btn { min-height: 30px; padding: 4px 10px; font-size: 12.5px; }
.enterprise-app .ent-task-children__add { margin: 0; padding: 2px 20px 16px; }
.enterprise-app .ent-panel > p.ent-task-result { color: #5d6f88; font-size: 13px; margin: 12px 20px 4px; }
/* Comments: a thread, newest first, with a clear author line. */
.enterprise-app .ent-task-comment { border-top-color: #edf1f6; padding: 14px 20px; }
.enterprise-app .ent-task-comment p { color: #1f3150; font-size: 14px; line-height: 1.5; }
.enterprise-app .ent-task-comment small { font-size: 12px; }
.enterprise-app .ent-task-progress { padding: 4px 20px 12px; }
/* Filter rows with labelled date fields line up on their bottom edge. */
.enterprise-app .ent-project-search { align-items: flex-end; }
.enterprise-app .ent-project-search > .ent-report-date { color: #5d6f88; font-size: 12px; font-weight: 600; }
/* Inbox rail: the active marker must not centre the label. */
.enterprise-app .ent-inbox-layout .ent-inbox-tab > span { flex: 1 1 auto; text-align: left; }
.enterprise-app .ent-inbox-layout .ent-inbox-tabs { border-color: var(--ent-line); border-radius: 12px; box-shadow: var(--ent-shadow); }
.enterprise-app .ent-inbox-list > .ent-empty { align-items: center; color: #7a8ca4; display: flex; gap: 10px; font-size: 13px; padding: 16px 20px; text-align: left; }
.enterprise-app .ent-inbox-list > .ent-empty i { font-size: 18px; }
.enterprise-app .ent-inbox-list > .ent-empty p { margin: 0; }
@media (max-width: 767px) {
    .enterprise-app .btn:not(.ent-auth__submit) { min-height: 40px; }
    .enterprise-app .ent-topbar { min-height: 56px; }
    .enterprise-app .ent-workspace__intro { padding: 18px; }
}

/* Design system v2 (07/10/2026): Be Vietnam Pro, compact controls, flat cards, quiet type. Supersedes earlier sizing layers. */
.enterprise-app, .ent-task-dialog, .ent-confirm { --ds-font: "Be Vietnam Pro", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }
.enterprise-app {
    --ent-primary: #1d5fbf;
    --ent-primary-dark: #174ea0;
    --ds-primary-soft: #edf3fc;
    --ent-text: #1f2a3c;
    --ent-muted: #6b7587;
    --ent-line: #e6e9ef;
    --ent-border: #e6e9ef;
    --ent-background: #f5f6f8;
    --ent-shadow: none;
    color: var(--ent-text);
    font-family: var(--ds-font);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}
.enterprise-app :is(button, input, select, textarea, .btn, h1, h2, h3, h4, h5), .ent-task-dialog, .ent-confirm { font-family: var(--ds-font); }
.enterprise-app :is(h1, h2, h3, h4) { letter-spacing: -.01em; }
.enterprise-app strong, .enterprise-app b { font-weight: 600; }

/* Sidebar */
.enterprise-app .ent-sidebar { flex-basis: 244px; width: 244px; }
.enterprise-app .ent-brand { padding: 14px 16px 8px; }
.enterprise-app .ent-brand img { border-radius: 8px; flex-basis: 34px; height: 34px; width: 34px; }
.enterprise-app .ent-brand strong { font-size: 14.5px; font-weight: 600; letter-spacing: 0; }
.enterprise-app .ent-brand small { font-size: 11px; }
.enterprise-app .ent-nav { gap: 10px; padding: 10px 10px 14px; }
.enterprise-app .ent-nav__heading { font-size: 10.5px; font-weight: 600; letter-spacing: .08em; }
.enterprise-app .ent-nav__link { font-size: 13px; font-weight: 500; gap: 10px; min-height: 34px; padding: 6px 10px; }
.enterprise-app .ent-nav__link i { font-size: 14px; }
.enterprise-app .ent-nav__badge { font-size: 11px; font-weight: 600; }
.enterprise-app .ent-sidebar__bottom { font-size: 12px; }
.enterprise-app .ent-sidebar__bottom strong { font-weight: 600; }

/* Top bar */
.enterprise-app .ent-topbar { min-height: 52px; }
.enterprise-app .ent-breadcrumb, .enterprise-app .ent-breadcrumb strong { font-size: 13px; }
.enterprise-app .ent-breadcrumb strong { font-weight: 600; }
.enterprise-app .ent-icon-button { height: 32px; min-width: 32px; width: 32px; }
.enterprise-app .ent-account { border-radius: 8px; font-size: 13px; gap: 7px; min-height: 32px; padding: 3px 8px 3px 3px; }
.enterprise-app .ent-avatar { font-size: 12px; font-weight: 600; height: 26px; width: 26px; }
.enterprise-app .ent-account__name { font-weight: 500; }

/* Page */
.enterprise-app .ent-main { padding: 18px clamp(16px, 2vw, 28px); }
.enterprise-app .ent-page-header { gap: 12px; margin-bottom: 14px; }
.enterprise-app .ent-page-header h1 { font-size: 20px; font-weight: 600; letter-spacing: -.015em; }
.enterprise-app .ent-page-actions { gap: 6px; }
.enterprise-app :is(.ent-page-actions, .ent-task-badges) { align-items: center; }

/* Cards */
.enterprise-app .ent-panel { border-color: var(--ent-line); border-radius: 10px; box-shadow: none; margin-bottom: 14px; }
.enterprise-app .ent-panel__header { min-height: 46px; padding: 9px 16px; }
.enterprise-app .ent-panel__header h2 { font-size: 14.5px; font-weight: 600; }

/* Buttons: one compact family */
.enterprise-app .btn:not(.ent-auth__submit), .ent-task-dialog .btn, .ent-confirm .btn { align-items: center; border-radius: 6px; box-shadow: none; display: inline-flex; font-size: 13px; font-weight: 500; gap: 6px; justify-content: center; line-height: 18px; min-height: 32px; padding: 6px 12px; text-shadow: none; }
.enterprise-app .btn .fa { font-size: 12px; }
.enterprise-app .btn-sm:not(.ent-auth__submit) { font-size: 12.5px; min-height: 28px; padding: 4px 10px; }
.enterprise-app .btn-primary, .ent-task-dialog .btn-primary, .ent-confirm .btn-primary { background: var(--ent-primary, #1d5fbf); border-color: var(--ent-primary, #1d5fbf); color: #fff; }
.enterprise-app .btn-primary:hover, .enterprise-app .btn-primary:focus, .enterprise-app .btn-primary:active { background: var(--ent-primary-dark); border-color: var(--ent-primary-dark); color: #fff; }
.enterprise-app .btn-default, .ent-task-dialog .btn-default { background: #fff; border-color: #d9dee6; color: #2b3647; }
.enterprise-app .btn-default:hover, .enterprise-app .btn-default:focus, .ent-task-dialog .btn-default:hover { background: #f5f7fa; border-color: #c9d0db; color: #1f2a3c; }
.enterprise-app .btn-danger { background: #d2422f; border-color: #d2422f; }
.enterprise-app .ent-quick-create { padding: 6px 12px; }

/* Fields */
.enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select) { border-color: #d9dee6; border-radius: 6px; font-size: 13.5px; height: 34px; min-height: 34px; padding: 5px 10px; }
.enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) textarea { border-color: #d9dee6; border-radius: 6px; font-size: 13.5px; min-height: 0; padding: 7px 10px; }
.enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) :is(input, select, textarea):focus { border-color: #8fb0e0; }
.enterprise-app .ent-field label { color: #4b5565; font-size: 12.5px; font-weight: 500; margin-bottom: 5px; }
.enterprise-app .ent-field small, .enterprise-app .ent-field-help { color: #7b8494; font-size: 12px; }
.enterprise-app .ent-field-grid { gap: 14px 16px; }
.enterprise-app .ent-employee-search { gap: 8px; padding: 12px 16px; }
.enterprise-app input[type="file"]::file-selector-button { font-family: var(--ds-font); font-size: 12.5px; font-weight: 500; padding: 4px 10px; }

/* Chips, codes, tabs */
.enterprise-app .ent-status { font-size: 11.5px; font-weight: 500; line-height: 18px; padding: 2px 8px; }
.enterprise-app .ent-priority { font-size: 11.5px; font-weight: 500; }
.enterprise-app .ent-code { font-size: 11px; }
.enterprise-app .ent-count { font-size: 11px; font-weight: 600; padding: 2px 6px; }
.enterprise-app .ent-detail-tabs a { font-size: 13.5px; font-weight: 500; padding: 11px 10px 9px; border-bottom-width: 2px; }
.enterprise-app .ent-scope-tabs a { font-size: 13px; font-weight: 500; min-height: 40px; padding: 0 10px; }
.enterprise-app .ent-task-quick a { font-size: 12.5px; font-weight: 500; line-height: 18px; padding: 4px 10px; }
.enterprise-app .ent-view-switch a { font-size: 12.5px; font-weight: 500; min-height: 28px; padding: 0 10px; }
.enterprise-app .ent-pagination a { font-size: 13px; font-weight: 500; min-height: 30px; padding: 4px 10px; border-radius: 6px; }
.enterprise-app .ent-pagination__info { font-size: 12.5px; }
.enterprise-app .ent-inbox-tab { font-weight: 500; }
.enterprise-app .ent-inbox-tab--active { font-weight: 600; }

/* Lists and tables */
.enterprise-app .ent-task-feed__item { min-height: 0; padding: 11px 16px; }
.enterprise-app .ent-task-feed__item .ent-task-feed__heading h3 { font-size: 14px; font-weight: 600; }
.enterprise-app .ent-task-feed__context { font-size: 12.5px; margin-top: 4px; }
.enterprise-app .ent-task-feed__context strong { font-weight: 500; }
.enterprise-app .ent-task-feed__minor { font-size: 12px; }
.enterprise-app .ent-employee-table th { color: #6b7587; font-size: 12px; font-weight: 500; letter-spacing: 0; padding: 9px 14px; text-transform: none; }
.enterprise-app .ent-employee-table td { font-size: 13.5px; padding: 10px 14px; }
.enterprise-app .ent-employee-table td strong { font-weight: 600; }
.enterprise-app .ent-profile-grid dt { font-size: 12px; font-weight: 500; }
.enterprise-app .ent-profile-grid dd { font-size: 13.5px; }
.enterprise-app .ent-project-feed__item h3 { font-size: 15px; font-weight: 600; }
.enterprise-app .ent-board__title { font-weight: 600; }
.enterprise-app .ent-board__head h3 { font-size: 13px; font-weight: 600; }

/* Dashboard */
.enterprise-app .ent-workspace__kicker { font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.enterprise-app .ent-workspace__welcome h1 { font-size: 22px; font-weight: 600; letter-spacing: -.02em; }
.enterprise-app .ent-workspace__intro { border-radius: 10px; box-shadow: none; padding: 20px 24px; }
.enterprise-app .ent-workspace__intro::before { height: 3px; width: 72px; }
.enterprise-app .ent-workspace__shortcut { border-radius: 8px; font-size: 13px; font-weight: 500; min-height: 36px; padding: 7px 12px; }
.enterprise-app .ent-workspace__section-head h2, .enterprise-app .ent-workspace__board-head h2 { font-size: 15px; font-weight: 600; }
.enterprise-app .ent-workspace__board-head a { font-size: 12.5px; font-weight: 500; }
.enterprise-app .ent-workspace__pulse, .enterprise-app .ent-workspace__overview-grid, .enterprise-app .ent-workspace__queue, .enterprise-app .ent-workspace__portfolio, .enterprise-app .ent-workspace__focus > .ent-workspace__empty { border-radius: 10px; box-shadow: none; }
.enterprise-app .ent-workspace__overview-grid a > span, .enterprise-app .ent-workspace__pulse-copy small { font-size: 12.5px; }
.enterprise-app .ent-workspace__overview-grid a > strong, .enterprise-app .ent-workspace__pulse-copy strong { font-size: 22px; font-weight: 600; }
.enterprise-app .ent-workspace__task h3 { font-size: 14px; font-weight: 600; }
.enterprise-app .ent-stat-card__value { font-size: 24px; font-weight: 600; }
.enterprise-app .ent-stat-card__label { font-size: 12.5px; font-weight: 500; }

/* Task detail: quiet empty rows, inline checklist option, and a comment composer with the send button at its corner. */
.enterprise-app ul.ent-task-dependencies > li.ent-empty { color: #7b8494; font-size: 13px; }
.enterprise-app .ent-checklist-add-form__required { font-size: 13px; font-weight: 500; }
.enterprise-app #ent-task-comments > .ent-employee-form { align-items: center; display: grid; gap: 8px 12px; grid-template-columns: minmax(0, 1fr) auto; padding: 14px 16px 6px; }
.enterprise-app #ent-task-comments > .ent-employee-form > .ent-mention-field { grid-column: 1 / -1; margin: 0; }
.enterprise-app #ent-task-comments > .ent-employee-form > .ent-field:not(.ent-mention-field) { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; gap: 4px 10px; justify-content: flex-start; margin: 0; }
.enterprise-app #ent-task-comments > .ent-employee-form > .ent-field:not(.ent-mention-field) > :is(label, small) { margin: 0; }
.enterprise-app #ent-task-comments > .ent-employee-form input[type="file"] { background: transparent; border: 0; padding: 0; width: auto; }
.enterprise-app #ent-task-comments > .ent-employee-form > .ent-form-actions { border: 0; margin: 0; padding: 0; }
/* Popup dialog chrome follows the same scale. */
.ent-task-dialog { border-radius: 12px; font-family: var(--ds-font); }
.ent-task-dialog__head { padding: 12px 18px; }
.ent-task-dialog__head h2 { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }

@media (max-width: 767px) {
    .enterprise-app .btn:not(.ent-auth__submit) { min-height: 36px; }
    .enterprise-app :is(.ent-field, .ent-employee-search, .ent-employee-form) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]), select) { height: 38px; min-height: 38px; }
    .enterprise-app .ent-sidebar { width: 260px; }
    .enterprise-app #ent-task-comments > .ent-employee-form { grid-template-columns: 1fr; }
}
/* Account: sign-in details live in the profile; the native edit page shows only the form that was opened. */
.enterprise-app .ent-profile-account__actions { display: flex; flex-wrap: wrap; gap: 6px; padding: 4px 16px 0; }
.enterprise-app .ent-profile-account__note { color: #7b8494; font-size: 12.5px; margin: 0; padding: 12px 16px 16px; }
.enterprise-app .ent-account-content .page > .users-menu, .enterprise-app .ent-account-content .page > ul.navbar-nav { display: none; }
.enterprise-app .ent-account-content .page { border-color: var(--ent-line); border-radius: 10px; max-width: 760px; padding: 20px 24px; }
.enterprise-app .ent-account-content .page > h2 { font-size: 17px; font-weight: 600; margin: 0 0 14px; }
.enterprise-app .ent-account-content .well-lg { padding: 0; }
.enterprise-app .ent-account-content .form-control { border-color: #d9dee6; border-radius: 6px; font-size: 13.5px; height: 34px; min-height: 34px; }
.enterprise-app .ent-account-content .control-label { color: #4b5565; font-size: 12.5px; font-weight: 500; }
.enterprise-app .ent-account-content--form .page > h2 { display: none; }
.enterprise-app .ent-panel > p.ent-empty > i { font-size: 16px; margin-right: 4px; vertical-align: -1px; }

/* Base-level layout v3 (07/10/2026): people as avatars, two-column task detail, one-line task rows. */
.enterprise-app .ent-person { align-items: center; display: inline-flex; gap: 7px; max-width: 100%; min-width: 0; vertical-align: middle; }
.enterprise-app .ent-person__name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-person--empty { color: #9aa3b2; }
.enterprise-app .ent-avatar-chip { align-items: center; background: #64748b; border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 24px; font-size: 10px; font-weight: 600; height: 24px; justify-content: center; letter-spacing: .02em; line-height: 1; width: 24px; }
.enterprise-app .ent-avatar-chip--0 { background: #3b82f6; }
.enterprise-app .ent-avatar-chip--1 { background: #14b8a6; }
.enterprise-app .ent-avatar-chip--2 { background: #8b5cf6; }
.enterprise-app .ent-avatar-chip--3 { background: #f59e0b; }
.enterprise-app .ent-avatar-chip--4 { background: #ec4899; }
.enterprise-app .ent-avatar-chip--5 { background: #10b981; }
.enterprise-app .ent-avatar-chip--6 { background: #6366f1; }
.enterprise-app .ent-avatar-chip--7 { background: #f97316; }
.enterprise-app .ent-avatar-stack { align-items: center; display: inline-flex; }
.enterprise-app .ent-avatar-stack .ent-person--avatar + .ent-person--avatar { margin-left: -6px; }
.enterprise-app .ent-avatar-stack .ent-avatar-chip { box-shadow: 0 0 0 2px #fff; }

/* Task detail: what to do on the left, who and when on the right. */
.enterprise-app .ent-task-layout { align-items: start; display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr) 320px; }
.enterprise-app .ent-task-layout__main, .enterprise-app .ent-task-layout__side { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.enterprise-app .ent-task-layout__main > :is(.ent-panel, details), .enterprise-app .ent-task-layout__side > :is(.ent-panel, details) { margin: 0; }
.enterprise-app .ent-task-layout__side .ent-field-grid { grid-template-columns: 1fr; }
.enterprise-app .ent-task-layout__side .ent-field--wide { grid-column: auto; }
.enterprise-app .ent-task-brief__body { display: grid; gap: 14px; padding: 14px 16px 16px; }
.enterprise-app .ent-task-brief__block h3 { color: #6b7587; font-size: 12px; font-weight: 500; letter-spacing: 0; margin: 0 0 4px; }
.enterprise-app .ent-task-brief__block p { color: #1f2a3c; font-size: 14px; line-height: 1.55; margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.enterprise-app .ent-task-brief__block .ent-brief-files { margin: 0; padding: 0; }
.enterprise-app .ent-task-props__list { margin: 0; padding: 2px 16px 8px; }
.enterprise-app .ent-task-props__list > div { align-items: center; border-bottom: 1px solid #f0f2f5; display: grid; gap: 8px; grid-template-columns: 112px minmax(0, 1fr); min-height: 40px; padding: 7px 0; }
.enterprise-app .ent-task-props__list > div:last-child { border-bottom: 0; }
.enterprise-app .ent-task-props__list dt { color: #6b7587; font-size: 12.5px; font-weight: 500; }
.enterprise-app .ent-task-props__list dd { color: #1f2a3c; font-size: 13.5px; margin: 0; min-width: 0; overflow-wrap: anywhere; }
.enterprise-app .ent-task-props__list dd.ent-task-props__code { color: #6b7587; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 12px; }
.enterprise-app .ent-task-props__list .ent-recurrence dd { display: flex; flex-wrap: wrap; gap: 4px 6px; }
.enterprise-app .ent-task-people__list { list-style: none; margin: 0; padding: 0 16px; }
.enterprise-app .ent-task-people__list > li { align-items: center; border-bottom: 1px solid #f0f2f5; display: flex; gap: 8px; justify-content: space-between; padding: 9px 0; }
.enterprise-app .ent-task-people__list > li small { color: #7b8494; flex: 0 0 auto; font-size: 12px; }
.enterprise-app .ent-task-people > p.ent-empty { padding: 12px 16px; }
.enterprise-app .ent-task-watchers { align-items: center; color: #6b7587; display: flex; font-size: 12.5px; gap: 8px; justify-content: space-between; padding: 10px 16px; }
.enterprise-app details.ent-task-invite { border-top: 1px solid #f0f2f5; }
.enterprise-app details.ent-task-invite > summary { color: var(--ent-primary); cursor: pointer; font-size: 13px; font-weight: 500; list-style: none; padding: 11px 16px; }
.enterprise-app details.ent-task-invite > summary::-webkit-details-marker { display: none; }
.enterprise-app details.ent-task-invite > form { padding: 0 16px 14px; }
.enterprise-app .ent-task-layout details.ent-more-actions > summary { font-size: 14px; font-weight: 600; min-height: 46px; padding: 10px 16px; }
.enterprise-app .ent-task-activity .ent-panel { border: 0; border-radius: 0; }
.enterprise-app .ent-task-layout__main > .ent-panel:has(td.ent-empty):is([aria-labelledby="ent-task-guidance-files-title"], [aria-labelledby="ent-task-extension-history-title"]) { display: none; }
.enterprise-app ul.ent-task-children > li.ent-task-child { align-items: center; display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr) auto auto auto; }
.enterprise-app .ent-task-child__title { color: #1f2a3c; font-weight: 500; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-task-child__due { color: #6b7587; font-size: 12px; white-space: nowrap; }
.enterprise-app .ent-task-comment { display: flex; gap: 10px; padding: 12px 16px; }
.enterprise-app .ent-task-comment > .ent-person { align-self: flex-start; }
.enterprise-app .ent-task-comment > .ent-person .ent-avatar-chip { flex-basis: 30px; font-size: 11px; height: 30px; width: 30px; }
.enterprise-app .ent-task-comment__body { flex: 1; min-width: 0; }
.enterprise-app .ent-task-comment .ent-task-comment__meta { margin: 0 0 3px; white-space: normal; }
.enterprise-app .ent-task-comment__meta strong { color: #1f2a3c; font-size: 13px; font-weight: 600; }
.enterprise-app .ent-task-comment__meta small { color: #8a93a3; margin-left: 4px; }
.enterprise-app .ent-task-comment .ent-task-comment__content { color: #2b3647; font-size: 13.5px; margin: 0; }
.enterprise-app .ent-task-comment .ent-task-comment__file { font-size: 13px; margin: 6px 0 0; white-space: normal; }
@media (max-width: 1100px) {
    .enterprise-app .ent-task-layout { grid-template-columns: minmax(0, 1fr); }
    .enterprise-app .ent-task-layout__side { order: -1; }
}

/* Task list: one line per task with column headings, like a work table. */
.enterprise-app .ent-task-feed__head, .enterprise-app .ent-task-row { align-items: center; display: grid; gap: 12px; grid-template-areas: "dot main people due status"; grid-template-columns: 10px minmax(0, 1fr) minmax(150px, 210px) 136px minmax(120px, 180px); }
.enterprise-app .ent-task-feed__head { background: #fafbfc; border-bottom: 1px solid var(--ent-line); color: #6b7587; font-size: 12px; font-weight: 500; padding: 8px 16px; }
.enterprise-app .ent-task-feed__head > span:last-child { text-align: right; }
.enterprise-app .ent-task-feed__item.ent-task-row { border-left: 0; justify-content: initial; min-height: 0; padding: 9px 16px; }
.enterprise-app .ent-task-feed__item.ent-task-row:hover { background: #f8fafc; }
.enterprise-app .ent-task-row__dot { background: #c3cad5; border-radius: 50%; grid-area: dot; height: 9px; width: 9px; }
.enterprise-app .ent-task-row__dot--ready, .enterprise-app .ent-task-row__dot--pending-acceptance { background: #0ea5e9; }
.enterprise-app .ent-task-row__dot--in-progress { background: #7c3aed; }
.enterprise-app .ent-task-row__dot--waiting-review, .enterprise-app .ent-task-row__dot--waiting-guidance, .enterprise-app .ent-task-row__dot--waiting-extension { background: #f59e0b; }
.enterprise-app .ent-task-row__dot--needs-changes, .enterprise-app .ent-task-row__dot--needs-revision, .enterprise-app .ent-task-row__dot--declined { background: #ef4444; }
.enterprise-app .ent-task-row__dot--completed { background: #22c55e; }
.enterprise-app .ent-task-row .ent-task-feed__main { grid-area: main; min-width: 0; }
.enterprise-app .ent-task-row .ent-task-feed__heading { display: block; }
.enterprise-app .ent-task-feed__item.ent-task-row .ent-task-feed__heading h3 { font-size: 14px; font-weight: 500; line-height: 1.4; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-task-row .ent-task-feed__heading h3 a { color: #1f2a3c; }
.enterprise-app .ent-task-row .ent-task-feed__heading h3 a:hover { color: var(--ent-primary); }
.enterprise-app .ent-task-row .ent-task-feed__context { color: #7b8494; display: flex; font-size: 12px; font-weight: 400; gap: 8px; margin-top: 1px; min-width: 0; }
.enterprise-app .ent-task-row .ent-task-feed__context > span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-task-row .ent-task-feed__context .ent-code { color: #9aa3b2; flex: 0 0 auto; }
.enterprise-app .ent-task-row__people { align-items: center; display: flex; gap: 6px; grid-area: people; min-width: 0; }
.enterprise-app .ent-task-row__people > .ent-person:first-child { color: #2b3647; flex: 0 1 auto; font-size: 13px; }
.enterprise-app .ent-task-row__people > .ent-person--avatar { opacity: .75; }
.enterprise-app .ent-task-row__people > .ent-person--avatar .ent-avatar-chip { flex-basis: 20px; font-size: 9px; height: 20px; width: 20px; }
.enterprise-app .ent-task-row__due { color: #4b5565; font-size: 13px; grid-area: due; white-space: nowrap; }
.enterprise-app .ent-task-row__due.ent-due--overdue { color: #c2410c; }
.enterprise-app .ent-task-row > .ent-status-group { display: flex; flex-wrap: wrap; gap: 4px; grid-area: status; justify-content: flex-end; }
.enterprise-app .ent-board__meta { align-items: center; }
.enterprise-app .ent-board__meta .ent-person { color: #2b3647; }
.enterprise-app .ent-board__meta .ent-avatar-chip { flex-basis: 20px; font-size: 9px; height: 20px; width: 20px; }
@media (max-width: 900px) {
    .enterprise-app .ent-task-feed__head { display: none; }
    .enterprise-app .ent-task-row { gap: 6px 10px; grid-template-areas: "dot main status" ". people due"; grid-template-columns: 10px minmax(0, 1fr) auto; }
    .enterprise-app .ent-task-row__due { justify-self: end; }
}

/* Icons v3 (07/10/2026): thin rounded Material Symbols replace the FontAwesome 4 glyphs inside the app; markup keeps the fa-* classes. */
.enterprise-app .fa:is(.fa-address-book-o, .fa-balance-scale, .fa-ban, .fa-folder-open, .fa-info-circle, .fa-search, .fa-angle-down, .fa-angle-left, .fa-angle-right, .fa-arrow-right, .fa-arrow-up, .fa-bar-chart, .fa-bars, .fa-bell, .fa-bell-o, .fa-bell-slash-o, .fa-briefcase, .fa-calendar, .fa-calendar-o, .fa-check, .fa-check-circle, .fa-check-circle-o, .fa-check-square-o, .fa-circle-o, .fa-clock-o, .fa-clone, .fa-cog, .fa-columns, .fa-database, .fa-download, .fa-envelope-o, .fa-exchange, .fa-exclamation-circle, .fa-exclamation-triangle, .fa-eye, .fa-file-excel-o, .fa-file-text-o, .fa-files-o, .fa-filter, .fa-flag-o, .fa-folder-o, .fa-history, .fa-home, .fa-id-card-o, .fa-inbox, .fa-key, .fa-list, .fa-list-ul, .fa-lock, .fa-paper-plane, .fa-paper-plane-o, .fa-paperclip, .fa-pencil, .fa-play, .fa-plus, .fa-plus-circle, .fa-refresh, .fa-repeat, .fa-shield, .fa-sign-out, .fa-sitemap, .fa-sliders, .fa-tasks, .fa-times, .fa-times-circle, .fa-trash-o, .fa-unlock, .fa-upload, .fa-user, .fa-user-o, .fa-user-plus, .fa-users)::before { display: inline-block; height: 1em; vertical-align: -.2em; width: 1em; font-family: "Material Symbols Rounded"; font-feature-settings: "liga"; font-size: 1.25em; font-style: normal; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; font-weight: 400; letter-spacing: normal; line-height: 1; overflow: hidden; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }
.enterprise-app .fa-angle-down::before { content: "expand_more"; }
.enterprise-app .fa-angle-left::before { content: "chevron_left"; }
.enterprise-app .fa-angle-right::before { content: "chevron_right"; }
.enterprise-app .fa-arrow-right::before { content: "arrow_forward"; }
.enterprise-app .fa-arrow-up::before { content: "arrow_upward"; }
.enterprise-app .fa-bar-chart::before { content: "bar_chart"; }
.enterprise-app .fa-bars::before { content: "menu"; }
.enterprise-app .fa-bell::before { content: "notifications"; }
.enterprise-app .fa-bell-o::before { content: "notifications"; }
.enterprise-app .fa-bell-slash-o::before { content: "notifications_off"; }
.enterprise-app .fa-briefcase::before { content: "work"; }
.enterprise-app .fa-balance-scale::before { content: "balance"; }
.enterprise-app .fa-address-book-o::before { content: "contacts"; }
.enterprise-app .fa-search::before { content: "search"; }
.enterprise-app .fa-ban::before { content: "block"; }
.enterprise-app .fa-info-circle::before { content: "info"; }
.enterprise-app .fa-folder-open::before { content: "folder_open"; }
.enterprise-app .fa-calendar::before { content: "calendar_month"; }
.enterprise-app .fa-calendar-o::before { content: "calendar_today"; }
.enterprise-app .fa-check::before { content: "check"; }
.enterprise-app .fa-check-circle::before { content: "check_circle"; }
.enterprise-app .fa-check-circle-o::before { content: "task_alt"; }
.enterprise-app .fa-check-square-o::before { content: "check_box"; }
.enterprise-app .fa-circle-o::before { content: "radio_button_unchecked"; }
.enterprise-app .fa-clock-o::before { content: "schedule"; }
.enterprise-app .fa-clone::before { content: "content_copy"; }
.enterprise-app .fa-cog::before { content: "settings"; }
.enterprise-app .fa-columns::before { content: "view_kanban"; }
.enterprise-app .fa-database::before { content: "database"; }
.enterprise-app .fa-download::before { content: "download"; }
.enterprise-app .fa-envelope-o::before { content: "mail"; }
.enterprise-app .fa-exchange::before { content: "swap_horiz"; }
.enterprise-app .fa-exclamation-circle::before { content: "error"; }
.enterprise-app .fa-exclamation-triangle::before { content: "warning"; }
.enterprise-app .fa-eye::before { content: "visibility"; }
.enterprise-app .fa-file-excel-o::before { content: "table_view"; }
.enterprise-app .fa-file-text-o::before { content: "description"; }
.enterprise-app .fa-files-o::before { content: "file_copy"; }
.enterprise-app .fa-filter::before { content: "filter_list"; }
.enterprise-app .fa-flag-o::before { content: "flag"; }
.enterprise-app .fa-folder-o::before { content: "folder"; }
.enterprise-app .fa-history::before { content: "history"; }
.enterprise-app .fa-home::before { content: "home"; }
.enterprise-app .fa-id-card-o::before { content: "badge"; }
.enterprise-app .fa-inbox::before { content: "inbox"; }
.enterprise-app .fa-key::before { content: "key"; }
.enterprise-app .fa-list::before { content: "view_list"; }
.enterprise-app .fa-list-ul::before { content: "format_list_bulleted"; }
.enterprise-app .fa-lock::before { content: "lock"; }
.enterprise-app .fa-paper-plane::before { content: "send"; }
.enterprise-app .fa-paper-plane-o::before { content: "send"; }
.enterprise-app .fa-paperclip::before { content: "attach_file"; }
.enterprise-app .fa-pencil::before { content: "edit"; }
.enterprise-app .fa-play::before { content: "play_arrow"; }
.enterprise-app .fa-plus::before { content: "add"; }
.enterprise-app .fa-plus-circle::before { content: "add_circle"; }
.enterprise-app .fa-refresh::before { content: "refresh"; }
.enterprise-app .fa-repeat::before { content: "repeat"; }
.enterprise-app .fa-shield::before { content: "shield"; }
.enterprise-app .fa-sign-out::before { content: "logout"; }
.enterprise-app .fa-sitemap::before { content: "account_tree"; }
.enterprise-app .fa-sliders::before { content: "tune"; }
.enterprise-app .fa-tasks::before { content: "checklist"; }
.enterprise-app .fa-times::before { content: "close"; }
.enterprise-app .fa-times-circle::before { content: "cancel"; }
.enterprise-app .fa-trash-o::before { content: "delete"; }
.enterprise-app .fa-unlock::before { content: "lock_open"; }
.enterprise-app .fa-upload::before { content: "upload"; }
.enterprise-app .fa-user::before { content: "person"; }
.enterprise-app .fa-user-o::before { content: "person"; }
.enterprise-app .fa-user-plus::before { content: "person_add"; }
.enterprise-app .fa-users::before { content: "group"; }
.enterprise-app .ent-nav__link--active .fa::before { font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20; }
.enterprise-app :is(details.ent-more-actions, .ent-create-section) > summary::after { content: "expand_more"; display: inline-block; height: 1em; width: 1em; font-family: "Material Symbols Rounded"; font-feature-settings: "liga"; font-size: 1.25em; font-style: normal; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; font-weight: 400; letter-spacing: normal; line-height: 1; overflow: hidden; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }
.enterprise-app :is(details.ent-more-actions, .ent-create-section)[open] > summary::after { content: "expand_less"; }
.enterprise-app :is(.ent-priority--high, .ent-priority--urgent)::before { content: "arrow_upward"; display: inline-block; height: 1em; margin-right: 2px; vertical-align: -.2em; width: 1em; font-family: "Material Symbols Rounded"; font-feature-settings: "liga"; font-size: 1.1em; font-style: normal; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20; font-weight: 400; letter-spacing: normal; line-height: 1; overflow: hidden; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; }

/* Quick assign v3: the title first, the three essentials on one row, everything optional folded under "More details". */
.enterprise-app .ent-task-create { padding: 20px; }
.enterprise-app .ent-task-create > .ent-field, .enterprise-app .ent-task-create > .ent-field-grid { margin-bottom: 14px; }
.enterprise-app .ent-task-create__title input { font-size: 16px; font-weight: 500; height: 42px !important; min-height: 42px !important; padding: 8px 12px !important; }
.enterprise-app .ent-task-create__essentials { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
.enterprise-app .ent-field-grid { gap: 14px 16px; }
.enterprise-app .ent-create-section { border-color: var(--ent-line); border-radius: 8px; margin-top: 10px; }
.enterprise-app .ent-create-section > summary { font-size: 13.5px; font-weight: 600; min-height: 42px; padding: 8px 14px; }
.enterprise-app .ent-create-section > summary > .fa { color: #6b7587; }
.enterprise-app .ent-create-more__hint { color: #8a93a3; font-size: 12px; font-weight: 400; margin-left: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app details.ent-create-more > .ent-field-grid { margin-top: 4px; }
.enterprise-app .ent-task-create__actions { border-top: 1px solid var(--ent-line); margin-top: 16px; padding-top: 14px; }
@media (max-width: 767px) {
    .enterprise-app .ent-task-create { padding: 14px; }
    .enterprise-app .ent-task-create__essentials { grid-template-columns: 1fr; }
    .enterprise-app .ent-create-more__hint { display: none; }
}

/* Dashboard v3: numbers with a coloured icon, a work-needing-attention list, and no panels that only say "nothing here". */
.enterprise-app .ent-workspace { gap: 18px; }
.enterprise-app .ent-workspace__section-index { display: none; }
.enterprise-app .ent-workspace__section-head h2, .enterprise-app .ent-workspace__board-head h2 { font-size: 15px; font-weight: 600; margin: 0; }
.enterprise-app .ent-workspace__overview { gap: 10px; padding-bottom: 0; }
.enterprise-app .ent-workspace__overview-grid { background: transparent; border: 0; border-radius: 0; gap: 12px; overflow: visible; }
.enterprise-app .ent-workspace__overview-grid a.ent-workspace__stat { align-items: center; background: #fff; border: 1px solid var(--ent-line); border-radius: 10px; flex-direction: row; gap: 12px; min-height: 0; padding: 14px 16px; }
.enterprise-app .ent-workspace__overview-grid a.ent-workspace__stat:last-child { border-right: 1px solid var(--ent-line); }
.enterprise-app .ent-workspace__overview-grid a.ent-workspace__stat:hover { background: #fff; border-color: #c9d6ea; box-shadow: 0 2px 8px rgba(16, 24, 40, .06); }
.enterprise-app .ent-workspace__stat-icon { align-items: center; border-radius: 10px; display: inline-flex; flex: 0 0 40px; font-size: 16px; height: 40px; justify-content: center; width: 40px; }
.enterprise-app .ent-workspace__stat-icon--blue { background: #e8f0fe; color: #1d5fbf; }
.enterprise-app .ent-workspace__stat-icon--violet { background: #f1ebfe; color: #6d28d9; }
.enterprise-app .ent-workspace__stat-icon--red { background: #fdecec; color: #c62828; }
.enterprise-app .ent-workspace__stat-icon--amber { background: #fff4e0; color: #b45309; }
.enterprise-app .ent-workspace__stat-icon--green { background: #e6f6ee; color: #15803d; }
.enterprise-app .ent-workspace__stat-copy { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.enterprise-app .ent-workspace__stat-copy > span { color: #6b7587; font-size: 12.5px; line-height: 1.3; }
.enterprise-app .ent-workspace__stat-copy > strong { color: #1f2a3c; font-size: 22px; font-variant-numeric: tabular-nums; font-weight: 600; line-height: 1.1; }
.enterprise-app .ent-workspace__attention { background: #fff; border: 1px solid var(--ent-line); border-radius: 10px; overflow: hidden; }
.enterprise-app .ent-workspace__attention .ent-workspace__board-head { border-bottom: 1px solid var(--ent-line); min-height: 0; padding: 12px 16px; }
.enterprise-app .ent-workspace__attention .ent-workspace__board-head p { color: #7b8494; font-size: 12.5px; margin: 2px 0 0; }
.enterprise-app .ent-workspace__attention-row { align-items: center; border-bottom: 1px solid #f0f2f5; color: inherit; display: grid; gap: 12px; grid-template-columns: minmax(0, 1fr) minmax(140px, 200px) 130px minmax(110px, 170px); padding: 9px 16px; text-decoration: none; }
.enterprise-app .ent-workspace__attention-row:last-child { border-bottom: 0; }
.enterprise-app .ent-workspace__attention-row:hover { background: #f8fafc; color: inherit; text-decoration: none; }
.enterprise-app .ent-workspace__attention-title { display: flex; flex-direction: column; min-width: 0; }
.enterprise-app .ent-workspace__attention-title strong { color: #1f2a3c; font-size: 14px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-workspace__attention-title small { color: #7b8494; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.enterprise-app .ent-workspace__attention-row > .ent-person { color: #2b3647; font-size: 13px; }
.enterprise-app .ent-workspace__attention-due { color: #4b5565; font-size: 13px; white-space: nowrap; }
.enterprise-app .ent-workspace__attention-due.ent-due--overdue { color: #c2410c; }
.enterprise-app .ent-workspace__attention-row > .ent-status-group { display: flex; flex-wrap: wrap; gap: 4px; justify-content: flex-end; }
/* Without an employee profile there is no personal work: skip the two personal panels instead of showing them empty. */
.enterprise-app .ent-workspace:has(.ent-workspace__focus > .ent-workspace__empty) .ent-workspace__board { display: none; }
.enterprise-app .ent-workspace__focus > .ent-workspace__empty { font-size: 13px; padding: 10px 16px; }
@media (max-width: 1100px) {
    .enterprise-app .ent-workspace__overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .enterprise-app .ent-workspace__overview-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
    .enterprise-app .ent-workspace__overview-grid a.ent-workspace__stat { gap: 10px; padding: 12px; }
    .enterprise-app .ent-workspace__stat-icon { flex-basis: 34px; height: 34px; width: 34px; }
    .enterprise-app .ent-workspace__attention-row { gap: 4px 10px; grid-template-columns: minmax(0, 1fr) auto; }
    .enterprise-app .ent-workspace__attention-row > .ent-person { grid-column: 1; }
    .enterprise-app .ent-workspace__attention-due { justify-self: end; }
    .enterprise-app .ent-workspace__attention-row > .ent-status-group { grid-column: 1 / -1; justify-content: flex-start; }
}

/* v3 refinements after the host check: names wrap in the side column, the checklist adder is one line, statuses stay on one line. */
.enterprise-app .ent-task-props__list .ent-person__name, .enterprise-app .ent-task-people__list .ent-person__name { white-space: normal; }
.enterprise-app .ent-checklist-add-form .ent-field > label { clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
.enterprise-app .ent-checklist-add-form { align-items: center; }
.enterprise-app .ent-task-feed__head, .enterprise-app .ent-task-row { grid-template-columns: 10px minmax(0, 1fr) minmax(150px, 200px) 136px 206px; }
.enterprise-app .ent-task-row > .ent-status-group { flex-wrap: nowrap; }
.enterprise-app .ent-task-row > .ent-status-group .ent-status { white-space: nowrap; }
@media (max-width: 900px) {
    .enterprise-app .ent-task-row { grid-template-columns: 10px minmax(0, 1fr) auto; }
    .enterprise-app .ent-task-row > .ent-status-group { flex-wrap: wrap; }
    .enterprise-app .ent-task-feed__item.ent-task-row .ent-task-feed__heading h3 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; white-space: normal; }
    .enterprise-app .ent-task-row .ent-task-feed__context .ent-code { display: none; }
    .enterprise-app .ent-task-row > .ent-status-group { align-items: flex-end; align-self: start; flex-direction: column; }
}

/* Work reports (07/10/2026): rows like the task table, a period bar above the editor, the period's tasks on the side. */
.enterprise-app .ent-status--wr-draft { background: #eef1f5; color: #4b5565; }
.enterprise-app .ent-status--wr-submitted { background: #fff4e0; color: #9a5b00; }
.enterprise-app .ent-status--wr-reviewed { background: #e6f6ee; color: #166534; }
.enterprise-app .ent-status--wr-needs-revision { background: #fdecec; color: #b42318; }
.enterprise-app .ent-report-head, .enterprise-app .ent-report-row { align-items: center; display: grid; gap: 12px; grid-template-areas: "period person time status"; grid-template-columns: minmax(0, 1fr) minmax(150px, 220px) 140px 130px; }
.enterprise-app .ent-report-head { background: #fafbfc; border-bottom: 1px solid var(--ent-line); border-top: 1px solid var(--ent-line); color: #6b7587; font-size: 12px; font-weight: 500; padding: 8px 16px; }
.enterprise-app .ent-report-head > span:last-child { text-align: right; }
.enterprise-app .ent-report-row { border-bottom: 1px solid #f0f2f5; color: inherit; padding: 10px 16px; text-decoration: none; }
.enterprise-app .ent-report-row:hover, .enterprise-app .ent-report-row:focus { background: #f8fafc; color: inherit; text-decoration: none; }
.enterprise-app .ent-report-row__period { display: flex; flex-direction: column; grid-area: period; min-width: 0; }
.enterprise-app .ent-report-row__period strong { color: #1f2a3c; font-size: 14px; font-weight: 500; }
.enterprise-app .ent-report-row__period small { color: #7b8494; font-size: 12px; }
.enterprise-app .ent-report-row > .ent-person { color: #2b3647; font-size: 13px; grid-area: person; }
.enterprise-app .ent-report-row__time { color: #4b5565; font-size: 13px; grid-area: time; white-space: nowrap; }
.enterprise-app .ent-report-row__status { grid-area: status; text-align: right; }
.enterprise-app .ent-report-rows > .ent-empty { margin: 0; padding: 16px; text-align: left; }
.enterprise-app .ent-report-missing { align-items: center; background: #fffbf0; border-bottom: 1px solid #f5e6c4; display: flex; flex-wrap: wrap; gap: 8px 14px; padding: 10px 16px; }
.enterprise-app .ent-report-missing__label { color: #8a5a00; font-size: 13px; font-weight: 500; }
.enterprise-app .ent-report-missing__people { display: flex; flex-wrap: wrap; gap: 6px 14px; }
.enterprise-app .ent-report-missing__people .ent-person { color: #2b3647; font-size: 13px; }
.enterprise-app .ent-report-missing--done { background: #f3fbf6; border-bottom-color: #d5efdf; color: #166534; font-size: 13px; }
.enterprise-app .ent-report-period { padding: 12px 16px; }
.enterprise-app .ent-report-period__form { align-items: flex-end; display: flex; flex-wrap: wrap; gap: 10px 14px; }
.enterprise-app .ent-report-period__form .ent-field { margin: 0; min-width: 150px; }
.enterprise-app .ent-autosubmit .ent-report-period__apply { display: none; }
.enterprise-app .ent-report-period__info { display: flex; flex-direction: column; gap: 3px; margin-left: auto; text-align: right; }
.enterprise-app .ent-report-period__info strong { color: #1f2a3c; font-size: 15px; font-weight: 600; }
.enterprise-app .ent-report-period__info span { align-items: center; color: #6b7587; display: inline-flex; font-size: 12.5px; gap: 6px; justify-content: flex-end; }
.enterprise-app .ent-report-period__warning { color: #9a5b00; font-size: 12.5px; margin: 8px 0 0; }
.enterprise-app .ent-report-form { padding: 16px; }
.enterprise-app .ent-report-form .ent-field { margin-bottom: 14px; }
.enterprise-app .ent-report-tasks__note { color: #7b8494; font-size: 12px; margin: 0; padding: 10px 16px 0; }
.enterprise-app .ent-report-tasks__group { padding: 10px 16px; }
.enterprise-app .ent-report-tasks__group + .ent-report-tasks__group { border-top: 1px solid #f0f2f5; }
.enterprise-app .ent-report-tasks__group h3 { align-items: center; color: #4b5565; display: flex; font-size: 12.5px; font-weight: 600; gap: 6px; letter-spacing: 0; margin: 0 0 6px; }
.enterprise-app .ent-report-tasks__group--overdue h3 { color: #b42318; }
.enterprise-app .ent-report-tasks__group--completed h3 { color: #166534; }
.enterprise-app .ent-report-tasks__group ul { list-style: none; margin: 0; padding: 0; }
.enterprise-app .ent-report-tasks__group li { display: flex; flex-direction: column; padding: 5px 0; }
.enterprise-app .ent-report-tasks__group li a { color: #1f2a3c; font-size: 13.5px; font-weight: 500; }
.enterprise-app .ent-report-tasks__group li a:hover { color: var(--ent-primary); }
.enterprise-app .ent-report-tasks__group li small, .enterprise-app .ent-report-tasks__none { color: #7b8494; font-size: 12px; margin: 0; }
.enterprise-app .ent-report-feedback__note { color: #1f2a3c; font-size: 14px; line-height: 1.55; margin: 0; padding: 12px 16px 4px; white-space: pre-line; }
.enterprise-app .ent-report-feedback__meta { color: #7b8494; font-size: 12px; margin: 0; padding: 0 16px 12px; }
.enterprise-app .ent-report-feedback--needs-revision { border-color: #f4c7c0; }
.enterprise-app .ent-report-feedback--reviewed { border-color: #cfe9d8; }
.enterprise-app .ent-report-revision span { white-space: pre-line; }
@media (max-width: 900px) {
    .enterprise-app .ent-report-head { display: none; }
    .enterprise-app .ent-report-row { gap: 6px 10px; grid-template-areas: "period status" "person time"; grid-template-columns: minmax(0, 1fr) auto; }
    .enterprise-app .ent-report-row__time { justify-self: end; }
    .enterprise-app .ent-report-period__info { margin-left: 0; text-align: left; }
    .enterprise-app .ent-report-period__info span { justify-content: flex-start; }
}

/* TPLAW (07/10/2026): TP Law Firm brand red and the law-firm pages (matters, clients, conflict check). */
.enterprise-app {
    --ent-primary: #9d1b1f;
    --ent-primary-dark: #7c1418;
    --ds-primary-soft: #fbeeee;
}
.ent-update button, .ent-inbox-tab--active strong { background: #9d1b1f; }
.enterprise-app .ent-workspace__stat-icon--blue { background: #fbeeee; color: #9d1b1f; }
.ent-legal-intro { color: var(--ent-muted); margin: 0 0 12px; max-width: 70ch; }
.ent-legal-step { border: 1px solid var(--ent-border); margin: 0 0 12px; padding: 14px 16px; }
.ent-legal-step legend { border: 0; font-size: 15px; font-weight: 600; margin: 0 0 6px; padding: 0 4px; width: auto; }
.ent-legal-more summary { color: var(--ent-primary); cursor: pointer; margin: 4px 0; }
.ent-legal-party-row { display: grid; gap: 8px; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.2fr) auto; margin-bottom: 8px; }
.ent-legal-parties .ent-legal-party-row { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1.2fr); }
.ent-legal-party-row input, .ent-legal-party-row select, .ent-legal-search input { min-width: 0; width: 100%; }
.ent-legal-checks { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 6px; max-height: 220px; overflow: auto; }
.ent-legal-check { align-items: center; display: inline-flex; font-weight: 400; gap: 6px; margin: 0; }
.ent-legal-confidential { background: #fff8e6; border: 1px solid #f3dfa8; border-radius: 6px; margin-top: 4px; padding: 8px 10px; }
.ent-legal-label { display: block; font-weight: 600; }
.ent-legal-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; margin: 8px 0 24px; }
.ent-legal-confirm { flex-basis: 100%; }
.ent-legal-result { border-left: 4px solid #16a34a; }
.ent-legal-result--info { border-left-color: #d97706; }
.ent-legal-result--conflict { background: #fff7f7; border-left-color: #b91c1c; }
.ent-legal-result h2, .ent-legal-decide h2 { font-size: 15px; margin: 0 0 8px; }
.ent-legal-hits { margin: 0; padding-left: 18px; }
.ent-legal-hit { margin: 4px 0; }
.ent-legal-hit--conflict { color: #991b1b; }
.ent-legal-tabs { border-bottom: 1px solid var(--ent-border); display: flex; gap: 4px; margin: 0 0 12px; overflow-x: auto; }
.ent-legal-tab { border-bottom: 2px solid transparent; color: var(--ent-muted); padding: 8px 12px; text-decoration: none; white-space: nowrap; }
.ent-legal-tab:hover, .ent-legal-tab:focus { color: var(--ent-text); text-decoration: none; }
.ent-legal-tab--active { border-bottom-color: var(--ent-primary); color: var(--ent-primary); font-weight: 600; }
.ent-legal-count { background: var(--ds-primary-soft, #fbeeee); border-radius: 10px; font-size: 12px; padding: 0 6px; }
.ent-legal-search { display: flex; gap: 8px; margin: 0 0 12px; max-width: 560px; }
.ent-legal-list { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.ent-legal-card { border: 1px solid var(--ent-border); border-radius: 8px; padding: 12px 14px; }
.ent-legal-card__top { align-items: center; display: flex; flex-wrap: wrap; gap: 6px; }
.ent-legal-card h3 { font-size: 15px; margin: 6px 0 8px; }
.ent-legal-facts { display: grid; gap: 4px 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.ent-legal-facts dt { color: var(--ent-muted); font-size: 12px; font-weight: 400; }
.ent-legal-facts dd { margin: 0; overflow-wrap: anywhere; }
.ent-legal-facts--stack { gap: 8px; grid-template-columns: 1fr; }
.ent-legal-status { border-radius: 10px; font-size: 12px; padding: 2px 8px; }
.ent-legal-status--active { background: #dcfce7; color: #166534; }
.ent-legal-status--warning { background: #fef3c7; color: #92400e; }
.ent-legal-status--paused { background: #e0e7ff; color: #3730a3; }
.ent-legal-status--done { background: #e5e7eb; color: #374151; }
.ent-legal-status--cancelled { background: #fee2e2; color: #991b1b; }
.ent-legal-lock { color: #92400e; font-size: 12px; }
.ent-legal-header__meta { align-items: center; color: var(--ent-muted); display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 6px 0 0; }
.ent-legal-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
.ent-legal-grid > .ent-panel { margin: 0; }
.ent-legal-bignum strong { font-size: 24px; }
.ent-legal-rounds, .ent-legal-history { margin: 0; padding-left: 18px; }
.ent-legal-rounds li, .ent-legal-history li { margin: 0 0 6px; }
.ent-legal-history time { color: var(--ent-muted); font-size: 12px; }
.ent-legal-table { margin: 0 0 12px; }
.ent-legal-inline { align-items: center; display: inline-flex; gap: 6px; margin: 0; }
.ent-legal-danger-link { color: #b91c1c; padding: 0; }
.ent-legal-simple-list { list-style: none; margin: 0; padding: 0; }
.ent-legal-simple-list li { border-bottom: 1px solid var(--ent-border); padding: 8px 0; }
.ent-legal-empty { padding: 24px 12px; text-align: center; }
.ent-legal-pending a { color: inherit; font-weight: 600; }
.ent-legal-deadlines { list-style: none; margin: 0 0 16px; padding: 0; }
.ent-legal-deadline { border: 1px solid var(--ent-border); border-left: 4px solid #16a34a; border-radius: 6px; display: grid; gap: 4px 16px; grid-template-columns: 190px minmax(0, 1fr); margin: 0 0 8px; padding: 10px 12px; }
.ent-legal-deadline--unconfirmed { border-left-color: #d97706; }
.ent-legal-deadline--overdue { background: #fff7f7; border-left-color: #b91c1c; }
.ent-legal-deadline--closed { border-left-color: #9ca3af; opacity: .75; }
.ent-legal-deadline h3 { font-size: 14px; margin: 0 0 2px; }
.ent-legal-deadline__meta, .ent-legal-deadline__basis { color: var(--ent-muted); font-size: 13px; margin: 0; }
.ent-legal-deadline__actions { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 6px; }
.ent-legal-deadline__actions details { flex-basis: 100%; }
.ent-legal-group-title { font-size: 14px; margin: 16px 0 8px; }
.ent-legal-docs { list-style: none; margin: 0; padding: 0; }
.ent-legal-doc { border-bottom: 1px solid var(--ent-border); padding: 10px 0; }
.ent-legal-doc__head { align-items: center; display: flex; flex-wrap: wrap; gap: 6px 10px; }
.ent-legal-doc__head .btn { margin-left: auto; }
.ent-legal-today__stats { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 0 0 12px; }
.ent-legal-today__stats a { border: 1px solid var(--ent-border); border-radius: 8px; color: var(--ent-text); display: block; padding: 10px 12px; text-decoration: none; }
.ent-legal-today__stats strong { display: block; font-size: 22px; }
.ent-legal-today__stats span { color: var(--ent-muted); font-size: 13px; }
.ent-legal-today__warn { background: #fff8e6; border-color: #f3dfa8 !important; }
.ent-legal-group-title--overdue { color: #b91c1c; }
@media (max-width: 767px) { .ent-legal-deadline { grid-template-columns: 1fr; } }
@media (max-width: 767px) {
    .ent-legal-party-row, .ent-legal-parties .ent-legal-party-row { grid-template-columns: 1fr; }
    .ent-legal-search { max-width: none; }
    .ent-legal-facts, .ent-legal-list, .ent-legal-grid { grid-template-columns: 1fr; }
    .ent-legal-table { display: block; overflow-x: auto; }
}