/* PBL Executive Luxury UI system: one final layer for shared components. */
:root {
    --ui-brand: var(--pbl-maroon, #571f2c);
    --ui-brand-strong: var(--pbl-red, #970000);
    --ui-brand-soft: #f6e9e7;
    --ui-ivory: var(--pbl-ivory, #f5f3f0);
    --ui-surface: var(--pbl-surface, #fffefd);
    --ui-ink: var(--ink, #292930);
    --ui-muted: var(--muted, #716d73);
    --ui-line: var(--line, #e7e1dc);
    --ui-gold: var(--pbl-metal, #bea78a);
    --ui-radius: var(--radius-md, 15px);
    --ui-shadow: var(--shadow-soft, 0 8px 24px rgb(46 27 35 / 6%));
}

html { scroll-behavior: smooth; }
body { background: radial-gradient(circle at 100% 0, rgb(190 167 138 / 7%), transparent 28rem), var(--ui-ivory); color: var(--ui-ink); }
:where(a, button, input, select, textarea, summary):focus-visible { outline: 3px solid rgb(190 167 138 / 65%); outline-offset: 2px; }
.skip-link { border-radius: 0 0 8px 0; box-shadow: var(--ui-shadow); }

.app-header { box-shadow: 0 1px 0 rgb(65 35 42 / 4%), 0 8px 24px rgb(55 31 38 / 3%); }
.header-actions { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.global-search-header { display:flex; align-items:center; gap:4px; margin-left:auto; }
.global-search-header input { width: min(22vw, 250px); height:36px; border-radius:10px; background:var(--ui-ivory); }
.global-search-header .icon-button { display:inline-flex; padding:8px; }
.search-hero { background:linear-gradient(135deg, rgba(87,31,44,.97), rgba(42,30,34,.96)); color:#fff; }
.search-hero label { color:#fff; }
.search-input-row { display:flex; gap:10px; align-items:end; margin-top:8px; }
.search-input-row input { background:#fffaf2; color:#30272a; }
.search-result-summary { margin:0 0 12px; }
.search-result-list { display:grid; gap:6px; }
.search-result { display:flex; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--ui-line); border-radius:10px; color:inherit; transition:background .18s, transform .18s; }
.search-result:hover { background:var(--ui-ivory); text-decoration:none; transform:translateY(-1px); }
.search-result > span:nth-child(2) { flex:1; min-width:0; }
.search-result strong, .search-result small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-result small { color:var(--ui-muted); font-size:11px; margin-top:2px; }
.search-result-icon { width:18px; color:var(--ui-brand); flex:0 0 18px; }
@media(max-width:900px) { .global-search-header input { width:140px; } }
@media(max-width:640px) { .global-search-header { order:3; width:100%; margin:4px 0 0; } .global-search-header input { flex:1; width:auto; } .app-header { flex-wrap:wrap; height:auto; } .header-actions { margin-left:0; } }
.header-action { display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 7px 10px; border: 1px solid transparent; border-radius: 9px; color: #765f66; font-size: 11px; transition: background 160ms ease, color 160ms ease, transform 160ms ease; }
.header-action:hover { background: var(--ui-brand-soft); color: var(--ui-brand); text-decoration: none; transform: translateY(-1px); }
.header-action .pbl-icon { width: 16px; height: 16px; color: var(--ui-brand); }
.header-unread-badge { display:inline-flex; align-items:center; justify-content:center; min-width:17px; height:17px; padding:0 4px; border-radius:999px; background:var(--ui-brand); color:#fff; font-size:10px; font-weight:700; line-height:1; }
.header-user { margin-left: 4px; }

.app-sidebar { box-shadow: 8px 0 30px rgb(20 12 17 / 8%); }
.app-sidebar details > summary { user-select: none; }
.app-sidebar details[open] { padding-bottom: 4px; border-bottom: 1px solid rgb(255 255 255 / 5%); }
.nav-link[aria-current="page"] { position: relative; }
.nav-link[aria-current="page"]::after { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--ui-gold); margin-left: auto; box-shadow: 0 0 0 3px rgb(190 167 138 / 14%); }

.page { min-height: calc(100vh - 82px); }
.global-page-navigation { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.global-page-navigation .button { min-width: 88px; justify-content: center; }
.global-page-navigation .button[disabled] { opacity: .45; cursor: not-allowed; }
.page-heading { position: relative; }
.page-heading::after { content: ""; position: absolute; left: 0; bottom: -11px; width: 42px; height: 2px; border-radius: 99px; background: linear-gradient(90deg, var(--ui-brand-strong), var(--ui-gold)); }
.card, .container, .pbl-card { box-shadow: var(--ui-shadow); }
.card-header, .section-heading { min-height: 34px; }

.form-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px 18px; }
.form-grid > .field { min-width: 0; }
.field > label { display: flex; align-items: center; gap: 5px; min-height: 18px; }
.field > label abbr, label.required::after { content: "*"; color: #a1485a; text-decoration: none; }
input, select, textarea { min-height: 39px; }
textarea { min-height: 88px; }
.actions { position: relative; }
.page form > section:last-of-type .actions { position: sticky; bottom: 12px; z-index: 10; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 12px; background: rgb(255 254 253 / 92%); box-shadow: 0 12px 30px rgb(39 22 30 / 12%); backdrop-filter: blur(12px); }
.sticky-actions { position: sticky; bottom: 12px; z-index: 10; padding: 10px 12px; border: 1px solid var(--ui-line); border-radius: 12px; background: rgb(255 254 253 / 92%); box-shadow: 0 12px 30px rgb(39 22 30 / 12%); backdrop-filter: blur(12px); }

.table-wrap, .table-scroll, .pbl-table-wrap { box-shadow: inset 0 1px 0 rgb(255 255 255 / 70%); }
table thead { position: sticky; top: 0; z-index: 2; }
table th { color: #725f62; }
table td:first-child a { color: var(--ui-brand-strong); font-weight: 600; }
.action-wrap { gap: 6px; }
.action-wrap .button, td .button, td button[type="submit"] { min-height: 30px; }
.empty { min-height: 145px; }
td.empty { display: table-cell; vertical-align: middle; }

.badge.badge-active {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #18c965;
    background: #f1fff6;
    border-color: #9be7b9;
    font-weight: 700;
}
.badge.badge-active::before {
    content: "";
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: #20df70;
    box-shadow: 0 0 0 3px rgb(32 223 112 / 14%), 0 0 8px rgb(32 223 112 / 60%);
}
.badge.badge-inactive { color: #858087; background: #f5f3f3; border-color: #ddd8d8; }
.table-action-cell { display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; }
.table-action-cell form { margin: 0; display: inline-flex; }
.button.edit-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 14px;
    border: 1px solid #e3c8cb;
    border-radius: 10px;
    background: #fff;
    color: var(--ui-brand-strong);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}
.button.edit-action:hover { background: #fff4f4; border-color: #cf9fa5; color: #870000; text-decoration: none; }
.badge-overdue, .badge-warning { background: #fbede5; color: #a25e32; border-color: #ecd1bd; }
.badge-urgent, .badge-failed { background: #f8ebed; color: #a1485a; border-color: #e8cbd1; }
.badge-in_progress, .badge-assigned { background: #edf0f7; color: #586b92; border-color: #d2d9e8; }

.toast { position: relative; z-index: 40; }
.skeleton-panel { backdrop-filter: blur(2px); }
.error-box { padding: 12px 15px; border: 1px solid #e9cbd0; border-radius: 10px; background: #fcf0f0; color: #983548; font-size: 13px; margin-bottom: 18px; }
.error-box + form { margin-top: 0; }

.metrics-grid, .dashboard-metrics { gap: 14px; }
.metric { box-shadow: var(--ui-shadow); }
.metric .value { font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) { .form-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) {
    .header-action-label { display: none; }
    .header-action { padding: 8px; }
    .form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .form-grid > .field.full, .form-grid > .field.span-2, .form-grid > .field.span-3, .form-grid > .field.span-4 { grid-column: 1 / -1; }
    .sticky-actions { bottom: 8px; }
    .sticky-actions .button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print { .header-actions, .sticky-actions { display: none !important; } }

/* Workspace sidebar refinement */
.app-sidebar nav summary {
    text-transform: none;
    letter-spacing: .2px;
    font-size: 12.5px;
    line-height: 1.35;
    font-weight: 650;
    gap: 11px;
}
.app-sidebar nav summary > .workspace-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    min-width: 28px;
    height: 28px;
    font-size: 21px;
    line-height: 1;
}
.app-sidebar nav summary > .pbl-icon { display: none !important; }
/* 2026-09-09 visual refinement */
.app-sidebar summary{font-weight:500;text-transform:none;letter-spacing:.15px;font-size:12px;color:#d7cdd1}
.app-sidebar summary .workspace-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ffffff0a;border:1px solid #ffffff10;color:#d9c8c4;flex:0 0 28px}
.app-sidebar summary .workspace-icon .pbl-icon{width:18px;height:18px;stroke-width:1.55}
.app-sidebar summary .workspace-label{font-weight:500}
.app-sidebar .nav-search{color:#111!important;caret-color:#111;background:#fff!important;border-color:#d8d8dc!important}
.app-sidebar .nav-search::placeholder{color:#87878c!important}
.brand-official{align-items:flex-start;padding-bottom:18px}
.brand-official .brand-logo{width:52px;height:52px;border-radius:14px;padding:3px;background:#fff}
.brand-official span{display:block;min-width:0}
.brand-official strong{display:block;color:#fff;font-size:15px;font-weight:600;line-height:1.2}
.brand-official small{display:block;color:#cfc2c5;font-size:9px;line-height:1.35;margin-top:3px}
.brand-official em{display:block;color:#aa949a;font-size:8px;font-style:normal;margin-top:4px}
.modern-actions{gap:8px}.modern-actions .header-action{height:40px;border:1px solid #e4ded9;background:#fff;border-radius:12px;padding:0 12px;box-shadow:0 2px 8px #35242b08;color:#5d4e54}
.modern-actions .header-action:hover{background:#faf6f3;border-color:#d7c9c1;transform:translateY(-1px)}
.modern-actions .header-action .pbl-icon{width:17px;height:17px}.chat-action .pbl-icon{color:#2f8f5b}.approval-action .pbl-icon{color:#7a3448}
.ai-action{gap:8px}.ai-woman-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:linear-gradient(145deg,#f6d7d9,#7b3449);color:#fff;font-size:9px;font-weight:700;box-shadow:inset 0 0 0 2px #fff8}
.modern-user{gap:8px}.account-chip{display:flex;align-items:center;gap:9px;color:#3f3539;padding:3px 8px 3px 3px;border-radius:12px}.account-chip:hover{background:#f7f3f0;text-decoration:none}.account-chip span{font-size:11px}.account-chip small{display:block;color:#8d7f83;font-size:9px}.logout-button{background:linear-gradient(135deg,#b5242f,#8f141f)!important;border-color:#8f141f!important;border-radius:11px!important;padding:9px 15px!important;min-height:38px!important}
.workspace-cover{min-height:245px;margin-bottom:24px}.workspace-cover>div:first-child{max-width:760px}.workspace-cover-badge{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:#fff2;border:1px solid #fff3;font-size:0;backdrop-filter:blur(8px)}.workspace-cover-badge .pbl-icon{width:34px;height:34px;color:#f7e8e4;stroke-width:1.45}
.sales-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-kpi{border:0;min-height:150px;box-shadow:0 10px 26px #37252c0b}.sales-kpi::before{width:52px;height:3px;border-radius:99px}.sales-kpi-a{background:linear-gradient(145deg,#fffefd,#f1f5f2)}.sales-kpi-2{background:linear-gradient(145deg,#fffefd,#f6f0f4)}.sales-kpi-3{background:linear-gradient(145deg,#fffefd,#f1f4f8)}.sales-kpi-4{background:linear-gradient(145deg,#fffefd,#f8f3eb)}.sales-kpi-5{background:linear-gradient(145deg,#fffefd,#f4f0f7)}.sales-kpi-6{background:linear-gradient(145deg,#fffefd,#f7f0ef)}.sales-kpi .value{font-size:34px}.sales-kpi a{font-size:11px;color:#755865}
.login-portal{max-width:1380px;margin:0 auto 36px;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:42px;align-items:center}.login-story{padding:18px 8px}.login-story h1{font-size:46px;line-height:1.08;color:#5c2737;max-width:700px;margin:14px 0}.login-intro{max-width:670px;color:#76686e;font-size:14px;margin-bottom:24px}.login-official-cover{border-radius:18px;margin:0 0 18px}.login-contact-grid{display:grid;grid-template-columns:1.5fr .8fr 1fr;gap:18px;padding-top:6px}.login-contact-grid>div{padding-right:18px;border-right:1px solid #e1d7d0}.login-contact-grid>div:last-child{border:0}.login-contact-grid strong,.login-contact-grid span{display:block}.login-contact-grid strong{font-size:11px;color:#5f4952}.login-contact-grid span{font-size:10px;color:#8a7d82;line-height:1.55;margin-top:4px}.login-card-modern{max-width:none!important;margin:0!important;padding:34px!important;background:#fffefd!important;border:1px solid #e2d7cf!important;border-top:0!important;box-shadow:0 24px 70px #45253117!important}.login-card-modern .logo{width:96px!important;height:96px!important;margin-bottom:14px!important}.login-card-modern h2{font-size:18px;margin:0 0 4px}.login-card-modern input{background:#fff!important;color:#111!important}.login-card-modern .login-btn{border-radius:10px;background:linear-gradient(135deg,#a90000,#7e2637)!important}
@media(max-width:950px){.login-portal{grid-template-columns:1fr;max-width:680px}.login-story h1{font-size:34px}.login-contact-grid{grid-template-columns:1fr}.login-contact-grid>div{border-right:0;border-bottom:1px solid #e1d7d0;padding-bottom:12px}.sales-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.guest .page{padding:16px 12px 24px}.login-portal{gap:18px;margin-bottom:20px}.login-card-modern{order:-1;min-width:0;width:100%!important;box-sizing:border-box;padding:24px 20px!important}.login-story{min-width:0;overflow:hidden}.login-card-modern .logo{width:76px!important;height:76px!important;margin-bottom:10px!important}.login-card-modern .branding{margin-bottom:18px}.login-story{padding:4px 2px}.login-story h1{font-size:28px;margin:10px 0}.login-intro{font-size:12px;margin-bottom:16px}.login-official-cover{border-radius:12px;margin-bottom:14px}.login-contact-grid{gap:10px}}

.guest .app-header{display:none}.guest .page{padding-top:34px}.sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px}.sidebar-toggle .pbl-icon{width:20px;height:20px}.ai-header-avatar{transform:scale(.82);transform-origin:center}.workspace-cover.sales-cover{background:linear-gradient(110deg,#30202bf2,#6d2638e8 54%,#8d443866)}.workspace-cover.finance-cover{background:linear-gradient(110deg,#2b2832f2,#514255e8 54%,#6d596266)}.workspace-cover.hrga-cover{background:linear-gradient(110deg,#2b3030f2,#465c56e8 54%,#6a766c66)}.workspace-cover.warehouse-cover{background:linear-gradient(110deg,#2d302df2,#5a513de8 54%,#7b6c4d66)}.workspace-cover.production-cover{background:linear-gradient(110deg,#292d31f2,#414e59e8 54%,#61718466)}
/* Sidebar official brand lockup */
.brand-official{align-items:center;gap:10px;padding:2px 4px 18px}
.brand-official .brand-logo{width:58px;height:58px;min-width:58px;object-fit:cover;border-radius:50%;padding:0;background:transparent;border:0;box-shadow:none}
.brand-official .brand-lockup{display:block;min-width:0;line-height:1.1}
.brand-official .brand-lockup strong{display:block;color:#fff;font-size:12.5px;font-weight:650;line-height:1.15;letter-spacing:-.2px}
.brand-official .brand-lockup small{display:block;color:#efe8e5;font-size:12px;font-weight:400;line-height:1.2;letter-spacing:2.3px;margin-top:4px;white-space:nowrap}
.brand-official .brand-lockup em{display:block;color:#d9cbce;font-size:8.5px;font-style:normal;font-weight:600;line-height:1.2;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* 2026-09-09 brand + AI avatar refinement */
.brand-official{align-items:center;gap:12px}
.brand-official .brand-logo{width:62px;height:62px;border-radius:50%;padding:0;background:transparent;object-fit:cover;flex:0 0 62px}
.brand-official .brand-lockup{display:block;min-width:0;white-space:nowrap}
.brand-official .brand-lockup strong{display:block;white-space:nowrap;font-size:14px;line-height:1.15;font-weight:650;letter-spacing:-.2px}
.brand-official .brand-lockup small{font-size:11px;letter-spacing:2.8px;color:#e8dde0;margin-top:5px;white-space:nowrap}
.brand-official .brand-lockup em{font-size:8px;color:#c2b2b8;margin-top:4px;white-space:nowrap}
.app-sidebar .nav-search{font-size:13px}
.ai-live-avatar{display:inline-block;overflow:hidden;border-radius:50%;position:relative;transform-origin:50% 70%;will-change:transform}
.ai-live-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 22%;transform:scale(1.08);transform-origin:50% 28%}
.ai-live-avatar--header{width:34px;height:34px;box-shadow:0 0 0 2px #fff,0 3px 12px #5a243226;animation:ai-breathe 4.8s ease-in-out infinite}
.ai-live-avatar--fab{width:42px;height:42px;box-shadow:0 0 0 2px #fff4}
.ai-live-avatar--panel{width:48px;height:48px;border:1px solid #ffffff73;box-shadow:0 4px 18px #2a11191f}
[data-kunti-state="thinking"] .ai-live-avatar,[data-kunti-state="typing"] .ai-live-avatar{animation:ai-focus 1.9s ease-in-out infinite}
[data-kunti-state="listening"] .ai-live-avatar{animation:ai-listen 1.4s ease-in-out infinite}
[data-kunti-state="speaking"] .ai-live-avatar{animation:ai-speak 1.1s ease-in-out infinite}
@keyframes ai-breathe{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-1px) scale(1.025)}55%{transform:translateY(-1px) scale(1.025)}}
@keyframes ai-focus{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(-2deg) scale(1.03)}}
@keyframes ai-listen{0%,100%{transform:rotate(0)}35%{transform:rotate(3deg)}70%{transform:rotate(-2deg)}}
@keyframes ai-speak{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px) scale(1.025)}}

/* Sidebar brand width alignment */
.brand-official{width:100%;box-sizing:border-box;overflow:visible}
.brand-official .brand-lockup{flex:1 1 auto;min-width:0;overflow:visible}
.brand-official .brand-lockup strong{font-size:12px!important;letter-spacing:-.25px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important}
.brand-official .brand-lockup small,.brand-official .brand-lockup em{width:100%;max-width:none;overflow:visible;text-overflow:clip}
/* Sidebar company-name fine tuning */
.brand-official .brand-lockup{width:188px;max-width:188px}
.brand-official .brand-lockup strong{font-size:11px;font-weight:400;letter-spacing:-.15px;max-width:188px;overflow:hidden;text-overflow:clip;white-space:nowrap}
.brand-official .brand-lockup small{max-width:188px}
.brand-official .brand-lockup em{max-width:188px;overflow:hidden;text-overflow:clip}
/* AI icon + workspace cover repair */
.ai-system-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#f4eef8,#ece8f6);border:1px solid #ddd5e8;color:#69548a;box-shadow:inset 0 1px #fff,0 3px 10px #36264810}
.ai-system-icon .pbl-icon{width:17px!important;height:17px!important;stroke-width:1.7;color:#69548a!important}
.workspace-cover.branded-hero{position:relative!important;isolation:isolate;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;min-height:245px!important;padding:34px 40px!important;border-radius:20px!important;background:#3a202a!important;color:#fff!important;box-shadow:0 16px 38px #341e2518!important}
.workspace-cover.branded-hero::before{content:""!important;position:absolute!important;inset:0!important;z-index:-2!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-image:linear-gradient(90deg,rgba(37,24,31,.97) 0%,rgba(87,31,44,.91) 48%,rgba(87,31,44,.58) 100%),var(--company-cover)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:1!important}
.workspace-cover.branded-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08));pointer-events:none}
.workspace-cover.branded-hero>div{position:relative;z-index:1}
.workspace-cover.branded-hero h1,.workspace-cover.branded-hero p,.workspace-cover.branded-hero .eyebrow{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.workspace-cover.branded-hero h1{margin:.35rem 0 .55rem!important;font-size:34px!important;line-height:1.08!important}.workspace-cover.branded-hero p{max-width:760px!important;margin:0!important;color:#f4e9e9!important;font-size:14px!important;line-height:1.55!important}.workspace-cover.branded-hero .eyebrow{color:#e4cec7!important;letter-spacing:.18em!important}
.workspace-cover.branded-hero .hero-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.workspace-cover.branded-hero .hero-actions .button{background:#fff!important;color:#672a39!important;border-color:#fff!important}.workspace-cover.branded-hero .hero-actions .button.secondary{background:#ffffff18!important;color:#fff!important;border-color:#ffffff55!important;backdrop-filter:blur(8px)}
@media(max-width:760px){.workspace-cover.branded-hero{padding:26px!important;min-height:210px!important;align-items:flex-start!important;flex-direction:column!important}.workspace-cover.branded-hero h1{font-size:28px!important}}
/* Workspace cover proportion fix: show full official banner composition */
.workspace-cover.branded-hero{min-height:330px!important;padding:42px 46px!important;align-items:center!important}
.workspace-cover.branded-hero::before{background-image:linear-gradient(90deg,rgba(38,24,31,.94) 0%,rgba(87,31,44,.82) 46%,rgba(87,31,44,.42) 100%),var(--company-cover)!important;background-size:cover!important;background-position:center center!important}
.workspace-cover.branded-hero>div:first-child{max-width:72%!important}
.workspace-cover.branded-hero .workspace-cover-badge{align-self:center!important}
@media(max-width:1100px){.workspace-cover.branded-hero{min-height:300px!important;padding:36px!important}.workspace-cover.branded-hero>div:first-child{max-width:68%!important}}
@media(max-width:760px){.workspace-cover.branded-hero{min-height:250px!important;padding:28px!important}.workspace-cover.branded-hero>div:first-child{max-width:100%!important}}
/* Unified clickable dashboard card template */
.dashboard-card-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.dashboard-card-grid .metric,.dashboard-module-grid .module-link{position:relative;min-height:150px;border:1px solid #e8dfda!important;border-radius:18px!important;background:linear-gradient(145deg,#fffefd,#faf7f4)!important;box-shadow:0 10px 28px rgba(52,30,38,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;overflow:hidden}
.dashboard-card-grid .metric{padding:22px 24px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important}
.dashboard-card-grid .metric::before,.dashboard-module-grid .module-link::before{content:"";position:absolute;left:24px;top:0;width:42px;height:3px;border-radius:0 0 99px 99px;background:linear-gradient(90deg,#8e3044,#c5a887)}
.dashboard-card-grid .metric:hover,.dashboard-module-grid .module-link:hover{transform:translateY(-3px);border-color:#d8c6c3!important;box-shadow:0 16px 34px rgba(52,30,38,.11)!important;text-decoration:none}
.dashboard-card-grid .metric[data-card-href]{cursor:pointer}.dashboard-card-grid .metric .label{font-size:13px!important;color:#6f6368!important;margin-bottom:14px!important}.dashboard-card-grid .metric .value{font-size:32px!important;line-height:1!important;color:#34232b!important;margin:0 0 14px!important}.dashboard-card-grid .metric .hint,.dashboard-card-grid .metric>a{margin-top:auto!important;font-size:11px!important;color:#8b7279!important;text-decoration:none}
.dashboard-module-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.dashboard-module-grid .module-link{min-height:126px;padding:22px 24px!important;display:flex!important;align-items:flex-start!important;color:#5f303c!important;font-weight:600!important}.dashboard-module-grid .module-link>span{margin-left:auto}
@media(max-width:1100px){.dashboard-card-grid,.dashboard-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.dashboard-card-grid,.dashboard-module-grid{grid-template-columns:1fr!important}}

/* Executive dashboard enrichment from approved reference layout */
.executive-command-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:22px 24px}
.executive-command-bar h2{margin:4px 0 2px;font-size:24px}.executive-command-bar p{margin:0;color:var(--ui-muted);font-size:12px}.executive-command-bar .eyebrow b{color:#24a85a}.executive-command-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.executive-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.executive-kpi-card{display:flex;flex-direction:column;min-height:148px;padding:20px 22px;border:1px solid var(--ui-line);border-radius:18px;background:linear-gradient(145deg,#fffefd,#faf7f4);box-shadow:var(--ui-shadow);color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.executive-kpi-card:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(52,30,38,.11);border-color:#d8c6c3;text-decoration:none}.executive-kpi-card span{font-size:12px;color:#6f6368}.executive-kpi-card strong{font-size:25px;line-height:1.15;margin:12px 0;color:#30232a}.executive-kpi-card small{margin-top:auto;color:#8b7279;font-size:11px}
.executive-focus-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:18px;margin-bottom:20px}.executive-progress-panel,.executive-approval-panel{min-height:320px}.executive-project-row{display:grid;grid-template-columns:minmax(0,1fr) 62px;gap:5px 14px;padding:11px 0;border-bottom:1px solid var(--ui-line)}.executive-project-row>div:first-child{min-width:0}.executive-project-row strong,.executive-project-row small{display:block}.executive-project-row small{font-size:10px;color:var(--ui-muted);margin-top:2px}.executive-project-row>span{text-align:right;font-weight:700;color:var(--ui-brand)}.executive-project-row .progress-track{grid-column:1/-1;margin:0}.executive-approval-panel p{color:var(--ui-muted);font-size:12px;line-height:1.65;margin-bottom:20px}.executive-approval-panel .button{width:100%;justify-content:center}
.executive-division-panel{margin-bottom:20px}.executive-division-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.executive-division-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:118px;padding:16px 12px;border:1px solid var(--ui-line);border-radius:14px;background:#fffefa;color:inherit;text-align:center;transition:transform .18s ease,background .18s ease}.executive-division-grid a:hover{transform:translateY(-2px);background:#faf4f1;text-decoration:none}.executive-division-grid strong{font-size:12px}.executive-division-grid small{font-size:10px;color:var(--ui-muted);margin-top:7px}
@media(max-width:1150px){.executive-command-bar{align-items:flex-start;flex-direction:column}.executive-command-actions{justify-content:flex-start}.executive-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-division-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.executive-kpi-grid,.executive-focus-grid{grid-template-columns:1fr}.executive-division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.executive-command-actions .button{width:100%;justify-content:center}.executive-command-actions{width:100%}}

/* Executive dashboard puzzle editor */
.pbl-layout-editing .pbl-puzzle-board{outline:1px dashed #c9aeb5;outline-offset:5px;border-radius:14px;min-height:90px}
.pbl-layout-editing .pbl-puzzle-item{position:relative;resize:both;overflow:auto;cursor:grab!important;user-select:none;min-width:180px;min-height:105px;max-width:100%;box-shadow:0 0 0 2px rgba(151,0,0,.10),0 12px 30px rgba(52,30,38,.10)!important}
.pbl-layout-editing .pbl-puzzle-item::after{content:'↘';position:absolute;right:7px;bottom:4px;font-size:14px;color:#8b6972;pointer-events:none}
.pbl-layout-editing .pbl-puzzle-item.is-dragging{opacity:.55;cursor:grabbing!important}
.pbl-layout-editing .pbl-puzzle-item a,.pbl-layout-editing a.pbl-puzzle-item{pointer-events:auto}
.pbl-layout-editing .executive-command-bar{position:sticky;top:84px;z-index:12}
@media(max-width:760px){.pbl-layout-editing .pbl-puzzle-item{resize:vertical;width:100%!important;min-width:0}}

/* Puzzle safety: preserve dashboard geometry outside edit mode */
.executive-focus-grid>.executive-progress-panel,.executive-focus-grid>.executive-approval-panel{width:auto!important;max-width:none!important;min-width:0!important}
body:not(.pbl-layout-editing) .pbl-puzzle-item{width:auto!important;max-width:none!important;resize:none!important;overflow:visible!important}
.pbl-layout-editing .pbl-puzzle-item{width:auto!important;resize:vertical!important;overflow:auto}

/* Executive puzzle v2: adaptive text + snapped grid sizing */
.pbl-puzzle-board{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.pbl-puzzle-item{grid-column:span var(--puzzle-span,3);height:var(--puzzle-height,auto);min-width:0!important;max-width:none!important;box-sizing:border-box;overflow:hidden;container-type:inline-size}
.pbl-puzzle-item>*{min-width:0}
.pbl-puzzle-item strong,.pbl-puzzle-item .value,.pbl-puzzle-item h2,.pbl-puzzle-item span,.pbl-puzzle-item small,.pbl-puzzle-item p{overflow-wrap:anywhere;word-break:normal;max-width:100%}
.pbl-puzzle-item strong,.pbl-puzzle-item .value{font-size:clamp(18px,7cqw,32px)!important;line-height:1.08}
.pbl-puzzle-item h2{font-size:clamp(16px,5.5cqw,24px)!important;line-height:1.15}
.pbl-puzzle-item span,.pbl-puzzle-item small,.pbl-puzzle-item p{font-size:clamp(10px,3.2cqw,13px)!important;line-height:1.45}
.pbl-puzzle-item .section-heading{gap:10px;flex-wrap:wrap}.pbl-puzzle-item .section-heading>*{min-width:0}.pbl-puzzle-item .button{max-width:100%;white-space:normal;text-align:center}
.pbl-puzzle-item .table-wrap{max-width:100%;overflow:auto}.pbl-puzzle-item table{min-width:640px}
.pbl-layout-editing .pbl-puzzle-item{resize:none!important;overflow:hidden!important;cursor:grab!important}
.pbl-puzzle-resize{display:none;position:absolute;right:7px;bottom:7px;z-index:5;width:30px;height:30px;border:1px solid #d8c6ca;border-radius:9px;background:#fffaf8;color:#7e4b58;align-items:center;justify-content:center;cursor:nwse-resize;box-shadow:0 4px 12px rgba(52,30,38,.12)}
.pbl-layout-editing .pbl-puzzle-resize{display:inline-flex}.pbl-layout-editing .pbl-puzzle-item{outline:1px dashed rgba(151,0,0,.25);outline-offset:-5px}
@container (max-width:220px){.pbl-puzzle-item strong,.pbl-puzzle-item .value{font-size:18px!important}.pbl-puzzle-item h2{font-size:15px!important}.pbl-puzzle-item{padding:14px!important}.pbl-puzzle-item .section-heading{display:block}.pbl-puzzle-item .section-heading>a{display:inline-block;margin-top:8px}}
@media(max-width:900px){.pbl-puzzle-item{grid-column:span min(var(--puzzle-span,6),6)}}
@media(max-width:640px){.pbl-puzzle-board{grid-template-columns:1fr!important}.pbl-puzzle-item{grid-column:1/-1!important;height:auto!important}}

/* Android-like dashboard home screen controls */
.pbl-puzzle-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}
.pbl-puzzle-item{grid-column:span var(--puzzle-span,3);min-width:0;height:var(--puzzle-height,auto);max-width:100%;overflow:hidden}
.pbl-layout-editing .pbl-puzzle-item{position:relative;outline:1px dashed rgba(151,0,0,.22);cursor:grab!important}
.pbl-puzzle-resize,.pbl-puzzle-remove{display:none;position:absolute;z-index:8;border:0;border-radius:999px;width:28px;height:28px;align-items:center;justify-content:center;background:#fff;color:#7b3449;box-shadow:0 5px 16px rgba(52,30,38,.18)}
.pbl-layout-editing .pbl-puzzle-resize,.pbl-layout-editing .pbl-puzzle-remove{display:flex}
.pbl-puzzle-resize{right:8px;bottom:8px;cursor:nwse-resize}.pbl-puzzle-remove{right:8px;top:8px;font-size:20px;line-height:1;cursor:pointer}
.pbl-widget-drawer{position:fixed;right:20px;top:96px;z-index:90;width:min(360px,calc(100vw - 40px));max-height:70vh;overflow:auto;padding:18px;border:1px solid var(--ui-line);border-radius:18px;background:#fffefd;box-shadow:0 24px 70px rgba(52,30,38,.2)}
.pbl-widget-drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pbl-widget-drawer-head button{border:0;background:transparent;font-size:24px}.pbl-widget-add-option{display:block;width:100%;margin:8px 0;padding:11px 12px;text-align:left;border:1px solid var(--ui-line);border-radius:10px;background:#fff;color:#56313c}
.page[data-dashboard-wallpaper="warm"]{background:radial-gradient(circle at 10% 0,#f8e9e4 0,transparent 35%),linear-gradient(180deg,#f8f4f1,#f2eeeb)}
.page[data-dashboard-wallpaper="dark"]{background:linear-gradient(135deg,#251d21,#3b252d 55%,#21191d)}
.page[data-dashboard-wallpaper="blueprint"]{background-color:#edf3f7;background-image:linear-gradient(rgba(84,117,139,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(84,117,139,.08) 1px,transparent 1px);background-size:28px 28px}
.page[data-dashboard-wallpaper="dark"] .card,.page[data-dashboard-wallpaper="dark"] .executive-kpi-card{box-shadow:0 12px 32px rgba(0,0,0,.22)}
@media(max-width:900px){.pbl-puzzle-item{grid-column:span 6}.pbl-widget-drawer{top:82px}}
@media(max-width:640px){.pbl-puzzle-item{grid-column:1/-1!important}}

/* Widget edit interaction lock + adaptive typography */
.pbl-layout-editing .pbl-puzzle-item :is(a,button,input,select,textarea){pointer-events:none}
.pbl-layout-editing .pbl-puzzle-item>.pbl-puzzle-resize,.pbl-layout-editing .pbl-puzzle-item>.pbl-puzzle-remove{pointer-events:auto}
.pbl-puzzle-item{container-type:inline-size;min-width:0;overflow:hidden}
.pbl-puzzle-item *{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
.pbl-puzzle-item :is(h1,h2,h3,.value,strong){font-size:clamp(14px,5.2cqi,32px);line-height:1.14}
.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:clamp(9px,3.1cqi,14px);line-height:1.45}
.pbl-puzzle-item .section-heading{gap:8px;align-items:flex-start;flex-wrap:wrap}
.pbl-puzzle-item .section-heading>div{min-width:0;flex:1 1 180px}
.pbl-puzzle-item .section-heading>a{font-size:clamp(9px,2.7cqi,12px);white-space:normal;text-align:right}
.pbl-puzzle-item .button{font-size:clamp(9px,2.8cqi,13px);white-space:normal;min-width:0}
.pbl-puzzle-item table{font-size:clamp(9px,1.75cqi,13px)}
.pbl-puzzle-item .table-wrap{max-width:100%;overflow:auto}
@container (max-width:260px){.pbl-puzzle-item{padding:14px!important}.pbl-puzzle-item .eyebrow{letter-spacing:.08em!important}.pbl-puzzle-item .section-heading>a{width:100%;text-align:left}.pbl-puzzle-item .button{width:100%;justify-content:center}}
@container (max-width:190px){.pbl-puzzle-item :is(h1,h2,h3,.value,strong){font-size:13px}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:9px}.pbl-puzzle-item .pbl-icon{width:14px!important;height:14px!important}}

/* Widget system v4: free-form boards + professional typography caps */
.pbl-layout-editing .pbl-puzzle-board{outline:none!important;outline-offset:0!important;border-radius:0!important;min-height:120px;background:transparent!important}
.pbl-layout-editing .pbl-puzzle-board.is-drop-target{box-shadow:inset 0 0 0 1px rgba(151,0,0,.16);border-radius:14px!important}
.pbl-directory-board{margin-bottom:20px}
.pbl-directory-board>.pbl-puzzle-item{grid-column:span var(--puzzle-span,3);height:var(--puzzle-height,auto)}
.pbl-puzzle-item :is(.value){font-size:clamp(18px,5cqi,30px)!important;line-height:1.08}
.pbl-puzzle-item :is(h1,h2,h3){font-size:clamp(15px,4.2cqi,22px)!important;line-height:1.16}
.pbl-puzzle-item strong{font-size:clamp(14px,3.8cqi,24px)!important;line-height:1.16}
.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:clamp(9px,2.7cqi,13px)!important;line-height:1.45}
.executive-kpi-card strong{font-size:clamp(18px,5cqi,28px)!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:clamp(11px,2.8cqi,14px)!important}
.executive-division-grid .pbl-puzzle-item small{font-size:clamp(9px,2.2cqi,11px)!important}
.pbl-puzzle-item .section-heading>a,.pbl-puzzle-item .button{font-size:clamp(9px,2.4cqi,12px)!important}
.pbl-puzzle-item table{font-size:clamp(9px,1.5cqi,12px)!important}
@container (min-width:700px){.pbl-puzzle-item :is(.value){font-size:30px!important}.pbl-puzzle-item :is(h1,h2,h3){font-size:22px!important}.pbl-puzzle-item strong{font-size:24px!important}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:13px!important}}

/* Widget typography lock: keep professional reference size when enlarged */
.pbl-puzzle-item :is(h1,h2,h3,.value,strong){font-size:24px!important;line-height:1.14}
.executive-kpi-card strong{font-size:25px!important;line-height:1.15}
.dashboard-card-grid .metric .value{font-size:32px!important;line-height:1!important}
.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:12px!important;line-height:1.45}
.executive-kpi-card span{font-size:12px!important}.executive-kpi-card small{font-size:11px!important}
.pbl-puzzle-item .section-heading h2{font-size:22px!important}.pbl-puzzle-item .section-heading>a{font-size:12px!important}
.pbl-puzzle-item .button{font-size:12px!important}.pbl-puzzle-item table{font-size:12px!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important}
@container (max-width:260px){.pbl-puzzle-item :is(h1,h2,h3,.value,strong){font-size:18px!important}.executive-kpi-card strong{font-size:20px!important}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:10px!important}.pbl-puzzle-item .section-heading h2{font-size:17px!important}.pbl-puzzle-item .button,.pbl-puzzle-item .section-heading>a{font-size:10px!important}}
@container (max-width:190px){.pbl-puzzle-item :is(h1,h2,h3,.value,strong){font-size:14px!important}.executive-kpi-card strong{font-size:16px!important}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:9px!important}.pbl-puzzle-item .section-heading h2{font-size:15px!important}}

/* Widget typography v5: fixed professional reference sizes; shrink only on narrow widgets */
.pbl-puzzle-item{font-size:12px!important;line-height:1.45}
.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:12px!important;line-height:1.45}
.pbl-puzzle-item :is(h1,h2,h3){font-size:22px!important;line-height:1.16}
.pbl-puzzle-item strong{font-size:14px!important;line-height:1.2}
.executive-kpi-card strong{font-size:25px!important;line-height:1.15}
.dashboard-card-grid .metric .value{font-size:32px!important;line-height:1}
.executive-project-row strong{font-size:14px!important;line-height:1.25}
.executive-project-row>span{font-size:12px!important;line-height:1.25}
.executive-approval-panel h2,.pbl-puzzle-item .section-heading h2{font-size:22px!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important}
.pbl-puzzle-item .button,.pbl-puzzle-item .section-heading>a{font-size:12px!important}.pbl-puzzle-item table{font-size:12px!important}
@container (max-width:260px){.pbl-puzzle-item :is(h1,h2,h3){font-size:17px!important}.pbl-puzzle-item strong{font-size:12px!important}.executive-kpi-card strong{font-size:20px!important}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:10px!important}.pbl-puzzle-item .button,.pbl-puzzle-item .section-heading>a{font-size:10px!important}}
@container (max-width:190px){.pbl-puzzle-item :is(h1,h2,h3){font-size:15px!important}.pbl-puzzle-item strong{font-size:11px!important}.executive-kpi-card strong{font-size:16px!important}.pbl-puzzle-item :is(p,small,.hint,.label,span){font-size:9px!important}}

/* Widget typography v5: fixed professional scale + compact vertical rhythm */
.pbl-puzzle-item{--w-label:12px;--w-value:24px;--w-title:22px;--w-body:12px;--w-small:11px;--w-link:12px;--w-row-title:16px}
.executive-kpi-card{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:8px!important;padding:20px 22px!important}
.executive-kpi-card>span{font-size:var(--w-label)!important;line-height:1.3!important;margin:0!important}
.executive-kpi-card>strong{font-size:var(--w-value)!important;line-height:1.15!important;margin:6px 0 2px!important}
.executive-kpi-card>small{font-size:var(--w-small)!important;line-height:1.35!important;margin:8px 0 0!important}
.dashboard-card-grid .metric{justify-content:flex-start!important;gap:8px!important;padding:20px 22px!important}
.dashboard-card-grid .metric .label{font-size:var(--w-label)!important;line-height:1.3!important;margin:0!important}
.dashboard-card-grid .metric .value{font-size:var(--w-value)!important;line-height:1.15!important;margin:6px 0 2px!important}
.dashboard-card-grid .metric .hint{font-size:var(--w-small)!important;line-height:1.35!important;margin:8px 0 0!important}
.pbl-puzzle-item .section-heading h2{font-size:var(--w-title)!important;line-height:1.2!important;margin:4px 0 0!important}
.pbl-puzzle-item .section-heading>a,.pbl-puzzle-item .button{font-size:var(--w-link)!important;line-height:1.3!important}
.executive-project-row strong{font-size:var(--w-row-title)!important;line-height:1.25!important}.executive-project-row small{font-size:var(--w-small)!important;line-height:1.35!important}.executive-project-row>span{font-size:12px!important}
.executive-approval-panel p,.pbl-puzzle-item p{font-size:var(--w-body)!important;line-height:1.5!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important;line-height:1.25!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important;line-height:1.3!important;margin-top:6px!important}
.module-directory>summary h2{font-size:16px!important;line-height:1.25!important}.history li>strong{font-size:16px!important;line-height:1.25!important}.history li>small{font-size:10px!important;line-height:1.3!important}
@container (max-width:260px){.executive-kpi-card>strong,.dashboard-card-grid .metric .value{font-size:20px!important}.pbl-puzzle-item .section-heading h2{font-size:18px!important}.executive-project-row strong{font-size:14px!important}}

/* Widget typography v6: horizontal resize must never upscale text */
.pbl-puzzle-item :is(h1,h2,h3,strong,.value,p,small,.hint,.label,span,.button,a){font-size:inherit}
.executive-kpi-card>span{font-size:12px!important}.executive-kpi-card>strong{font-size:24px!important}.executive-kpi-card>small{font-size:11px!important}
.dashboard-card-grid .metric .label{font-size:12px!important}.dashboard-card-grid .metric .value{font-size:24px!important}.dashboard-card-grid .metric .hint{font-size:11px!important}
.pbl-puzzle-item .section-heading h2{font-size:22px!important}.pbl-puzzle-item .section-heading>a,.pbl-puzzle-item .button{font-size:12px!important}
.executive-project-row strong{font-size:16px!important}.executive-project-row small{font-size:11px!important}.executive-project-row>span{font-size:12px!important}
.executive-approval-panel p,.pbl-puzzle-item p{font-size:12px!important}.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important}
.module-directory>summary h2,.history li>strong{font-size:16px!important}.history li>small{font-size:10px!important}
@container (max-width:260px){.executive-kpi-card>strong,.dashboard-card-grid .metric .value{font-size:20px!important}.pbl-puzzle-item .section-heading h2{font-size:18px!important}.executive-project-row strong{font-size:14px!important}}

/* Bottom floating Back/Next navigation */
.global-page-navigation--bottom{position:sticky;bottom:18px;z-index:30;margin:28px auto 18px;display:flex;justify-content:space-between;gap:12px;padding:0 4px;pointer-events:none}
.global-page-navigation--bottom .button{pointer-events:auto;min-width:112px;border-radius:999px!important;box-shadow:0 12px 30px rgba(45,28,35,.18)!important;background:rgba(255,254,253,.96)!important;backdrop-filter:blur(12px)}
.global-page-navigation--bottom .button:hover{transform:translateY(-2px)}
@media(max-width:700px){.global-page-navigation--bottom{bottom:10px}.global-page-navigation--bottom .button{min-width:96px;padding-inline:14px}}

/* Bottom navigation v2: fixed to viewport bottom, independent of page content height */
.global-page-navigation--bottom{position:fixed!important;left:calc(var(--sidebar-width,0px) + 18px);right:18px;bottom:16px;z-index:80;margin:0!important;padding:0 4px!important;display:flex!important;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.global-page-navigation--bottom .button{pointer-events:auto;min-width:112px;border-radius:999px!important;box-shadow:0 12px 30px rgba(45,28,35,.20)!important;background:rgba(255,254,253,.97)!important;backdrop-filter:blur(14px)}
body.sidebar-hidden .global-page-navigation--bottom{left:18px}
.page{padding-bottom:92px}
@media(max-width:1100px){.global-page-navigation--bottom{left:18px;right:18px}}
@media(max-width:700px){.global-page-navigation--bottom{left:10px;right:10px;bottom:10px;gap:8px}.global-page-navigation--bottom .button{min-width:0;flex:1 1 0;padding-inline:12px}.page{padding-bottom:86px}}

/* Bottom navigation v3: align to white content area + avoid KUNTI panel */
@media(min-width:1101px){
  .global-page-navigation--bottom{left:276px!important;right:18px!important;transition:right .18s ease,left .18s ease}
  body.sidebar-hidden .global-page-navigation--bottom{left:18px!important}
  body:has(.kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:432px!important}
  body:has(.kunti-widget.is-expanded .kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:562px!important}
}
@media(max-width:1100px){
  body:has(.kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:min(432px,calc(100vw - 180px))!important}
  body:has(.kunti-widget.is-expanded .kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:min(562px,calc(100vw - 180px))!important}
}

/* Bottom nav v4: fixed white-canvas anchors + KUNTI-aware Next */
.global-page-navigation--bottom{left:calc(258px + 28px)!important;right:28px!important;bottom:18px!important;transition:none!important}
body.sidebar-hidden .global-page-navigation--bottom{left:28px!important}
.global-page-navigation--bottom .button{transform:none!important;transition:box-shadow .16s ease,background .16s ease!important}
.global-page-navigation--bottom .button:hover{transform:none!important}
body.kunti-panel-open .global-page-navigation--bottom{right:438px!important}
body.kunti-panel-expanded .global-page-navigation--bottom{right:568px!important}
body.kunti-panel-minimized .global-page-navigation--bottom,body.kunti-panel-closed .global-page-navigation--bottom{right:28px!important}
@media(max-width:1100px){.global-page-navigation--bottom{left:28px!important;right:28px!important}body.kunti-panel-open .global-page-navigation--bottom,body.kunti-panel-expanded .global-page-navigation--bottom{right:28px!important}}
@media(max-width:700px){.global-page-navigation--bottom{left:10px!important;right:10px!important;bottom:10px!important}}

/* Executive dashboard typography v7 + safe content height */
body:not(.pbl-layout-editing) .pbl-puzzle-item{height:auto!important;min-height:var(--puzzle-height,auto);overflow:hidden!important}
.executive-command-bar h2{font-size:22px!important;line-height:1.2!important}.executive-command-bar p{font-size:12px!important;line-height:1.45!important}
.executive-command-bar .eyebrow,.pbl-puzzle-item .eyebrow{font-size:9.5px!important;line-height:1.3!important;letter-spacing:.16em!important}
.executive-kpi-card>span{font-size:11px!important;line-height:1.3!important}.executive-kpi-card>strong{font-size:22px!important;line-height:1.15!important}.executive-kpi-card>small{font-size:10.5px!important;line-height:1.35!important}
.executive-progress-panel .section-heading h2,.executive-approval-panel .section-heading h2{font-size:20px!important;line-height:1.2!important}
.executive-project-row strong{font-size:17px!important;line-height:1.22!important}.executive-project-row small{font-size:10.5px!important;line-height:1.35!important}.executive-project-row>span{font-size:11px!important}
.executive-approval-panel p{font-size:12px!important;line-height:1.5!important;margin:12px 0 16px!important}
.executive-division-panel>.section-heading h2{font-size:19px!important;line-height:1.2!important}.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important}
.dashboard-card-grid .metric .label{font-size:11px!important}.dashboard-card-grid .metric .value{font-size:22px!important}.dashboard-card-grid .metric .hint{font-size:10.5px!important}
.pbl-single-board .section-heading h2{font-size:19px!important;line-height:1.2!important}.pbl-single-board table{font-size:11px!important}.pbl-single-board table th{font-size:9.5px!important}.pbl-single-board table td{line-height:1.35!important}
[data-puzzle-board="bottom"] .section-heading h2{font-size:19px!important;line-height:1.2!important}[data-puzzle-board="bottom"] .history li{font-size:11.5px!important;line-height:1.35!important;padding:9px 0!important}[data-puzzle-board="bottom"] .history li>strong{font-size:15px!important;line-height:1.25!important}[data-puzzle-board="bottom"] .history li>small{font-size:10px!important;line-height:1.3!important;margin-top:2px!important}
.pbl-directory-board+.section-heading h2,.pbl-directory-board~.section-heading h2{font-size:19px!important}.module-directory>summary h2{font-size:15px!important;line-height:1.25!important}.module-directory{overflow:hidden!important}

/* Bottom nav v5: deterministic anchors; no click-state drift or AI flash */
@media(min-width:1101px){
  .global-page-navigation--bottom,
  body.sidebar-hidden .global-page-navigation--bottom{left:286px!important;right:28px!important;bottom:18px!important}
  body.kunti-panel-open .global-page-navigation--bottom{right:438px!important}
  body.kunti-panel-expanded .global-page-navigation--bottom{right:568px!important}
  body.kunti-panel-minimized .global-page-navigation--bottom,
  body.kunti-panel-closed .global-page-navigation--bottom{right:28px!important}
}
.global-page-navigation--bottom .button,.global-page-navigation--bottom .button:hover,.global-page-navigation--bottom .button:active,.global-page-navigation--bottom .button:focus{transform:none!important;translate:none!important;scale:1!important}
body.is-navigating .kunti-fab{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Bottom nav v6: exact KUNTI panel clearance (390/520px + 24px inset + 24px gap). */
@media(min-width:1101px){
  body.kunti-panel-open:has(.kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:438px!important}
  body.kunti-panel-expanded:has(.kunti-widget.is-expanded .kunti-float-panel:not([hidden])) .global-page-navigation--bottom{right:568px!important}
  body.kunti-panel-minimized .global-page-navigation--bottom,
  body.kunti-panel-closed .global-page-navigation--bottom{right:28px!important}
}

/* Navigation flash fix + dashboard typography normalization v8 */
html[data-kunti-view="closed"] .kunti-fab,
html[data-kunti-view="open"] .kunti-fab,
html[data-kunti-view="expanded"] .kunti-fab{display:none!important}
html[data-kunti-view="minimized"] .kunti-fab{display:grid!important}
.global-page-navigation--bottom{will-change:auto!important;contain:layout style;}
.global-page-navigation--bottom,.global-page-navigation--bottom *{transition:none!important;animation:none!important}
.global-page-navigation--bottom .button{font-size:12px!important;line-height:1.2!important;min-height:36px!important;padding:9px 16px!important}
.page>.executive-command-bar h2,.section-heading h2{font-size:20px!important;line-height:1.22!important}
.executive-command-bar p,.pbl-puzzle-item p{font-size:12px!important;line-height:1.45!important}
.eyebrow,.executive-command-bar .eyebrow,.pbl-puzzle-item .eyebrow{font-size:10px!important;line-height:1.3!important;letter-spacing:.14em!important}
.executive-kpi-card>span,.dashboard-card-grid .metric .label{font-size:11px!important;line-height:1.3!important}
.executive-kpi-card>strong,.dashboard-card-grid .metric .value{font-size:24px!important;line-height:1.1!important}
.executive-kpi-card>small,.dashboard-card-grid .metric .hint,.executive-project-row small{font-size:10.5px!important;line-height:1.35!important}
.executive-project-row strong,.history li>strong{font-size:15px!important;line-height:1.25!important}
.executive-project-row>span,.pbl-puzzle-item .button,.pbl-puzzle-item .section-heading>a{font-size:11px!important;line-height:1.3!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:12px!important}.executive-division-grid .pbl-puzzle-item small{font-size:10px!important}
.pbl-single-board table{font-size:11px!important;line-height:1.35!important}.pbl-single-board table th{font-size:10px!important}
@container (max-width:260px){.executive-kpi-card>strong,.dashboard-card-grid .metric .value{font-size:20px!important}.section-heading h2{font-size:17px!important}.executive-project-row strong{font-size:13px!important}}

/* Division KPI typography v9: match upper dashboard card proportions. */
.executive-division-grid .pbl-puzzle-item{min-height:132px!important;padding:20px 20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:8px!important}
.executive-division-grid .pbl-puzzle-item strong{font-size:18px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.01em!important}
.executive-division-grid .pbl-puzzle-item small{font-size:12px!important;line-height:1.4!important}
@container (max-width:260px){.executive-division-grid .pbl-puzzle-item strong{font-size:16px!important}.executive-division-grid .pbl-puzzle-item small{font-size:11px!important}}

/* Division typography hard override v10 */
.executive-division-panel .executive-division-grid>a.pbl-puzzle-item{min-height:132px!important;padding:20px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:8px!important}
.executive-division-panel .executive-division-grid>a.pbl-puzzle-item>strong{font-size:18px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:-.01em!important}
.executive-division-panel .executive-division-grid>a.pbl-puzzle-item>small{font-size:13px!important;line-height:1.35!important;margin-top:0!important}

/* Executive dashboard final structure v11 */
.executive-bottom-board{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;margin-bottom:20px!important}
.executive-bottom-board>.pbl-puzzle-item{grid-column:span 6!important;min-height:0!important;height:auto!important;padding:18px 20px!important;overflow:hidden!important}
.executive-bottom-board .history{margin:0!important}.executive-bottom-board .history li{padding:8px 0!important}.executive-bottom-board p{margin:8px 0!important}
.executive-directory-heading{margin:24px 0 12px!important}
.executive-directory-board{grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:14px!important;align-items:start!important}
.executive-directory-board>.executive-directory-group{grid-column:span 6!important;min-width:0!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;container-type:normal!important}
.executive-directory-group>summary{padding:14px 16px!important;min-height:48px!important;display:flex!important;align-items:center!important;cursor:pointer!important}
.executive-directory-group>summary h2{font-size:15px!important;line-height:1.25!important;margin:0!important}
.executive-directory-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 14px 14px!important}
.executive-directory-links .module-link{min-height:52px!important;padding:10px 12px!important;border:1px solid var(--ui-line)!important;border-radius:10px!important;background:#fffefd!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:none!important;color:#5f303c!important;text-decoration:none!important;overflow:hidden!important}
.executive-directory-links .module-link::before{display:none!important}.executive-directory-links .module-label{font-size:11.5px!important;line-height:1.3!important;font-weight:600!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;min-width:0!important}
.executive-directory-links .module-count{margin-left:auto!important;min-width:24px!important;height:24px!important;padding:0 7px!important;border-radius:999px!important;background:#f5ecea!important;color:#7a3448!important;font-size:10px!important;line-height:24px!important;text-align:center!important;flex:0 0 auto!important}
@media(max-width:900px){.executive-bottom-board>.pbl-puzzle-item,.executive-directory-board>.executive-directory-group{grid-column:1/-1!important}.executive-directory-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.executive-directory-links{grid-template-columns:1fr!important}}

/* Bottom navigation final stability v8: anchor Back/Next independently */
.global-page-navigation--bottom{position:static!important;margin:0!important;padding:0!important;display:block!important;pointer-events:none!important;contain:none!important}
.global-page-navigation--bottom .global-nav-back,.global-page-navigation--bottom .global-nav-next{position:fixed!important;bottom:18px!important;z-index:80!important;pointer-events:auto!important;transform:none!important;translate:none!important;scale:1!important;transition:none!important;animation:none!important;white-space:nowrap!important;margin:0!important}
.global-page-navigation--bottom .global-nav-back{left:286px!important;right:auto!important}
.global-page-navigation--bottom .global-nav-next{right:28px!important;left:auto!important}
.global-page-navigation--bottom .global-nav-back:hover,.global-page-navigation--bottom .global-nav-back:active,.global-page-navigation--bottom .global-nav-back:focus,.global-page-navigation--bottom .global-nav-next:hover,.global-page-navigation--bottom .global-nav-next:active,.global-page-navigation--bottom .global-nav-next:focus{transform:none!important;translate:none!important;scale:1!important;margin:0!important}
html[data-kunti-view="open"] .global-page-navigation--bottom .global-nav-next{right:438px!important}
html[data-kunti-view="expanded"] .global-page-navigation--bottom .global-nav-next{right:568px!important}
html[data-kunti-view="closed"] .global-page-navigation--bottom .global-nav-next,html[data-kunti-view="minimized"] .global-page-navigation--bottom .global-nav-next{right:28px!important}
body.sidebar-hidden .global-page-navigation--bottom .global-nav-back{left:28px!important}
@media(max-width:1100px){.global-page-navigation--bottom .global-nav-back{left:28px!important}.global-page-navigation--bottom .global-nav-next{right:28px!important}.global-page-navigation--bottom .button{white-space:normal!important}}
@media(max-width:700px){.global-page-navigation--bottom .global-nav-back{left:10px!important;bottom:10px!important;max-width:calc(50vw - 16px)}.global-page-navigation--bottom .global-nav-next{right:10px!important;bottom:10px!important;max-width:calc(50vw - 16px)}}

/* ERP global no-blink mode v1: disable presentation motion and navigation skeletons everywhere. */
html.pbl-no-blink{scroll-behavior:auto!important;background:var(--ui-ivory,#f5f3f0)!important}
html.pbl-no-blink *,html.pbl-no-blink *::before,html.pbl-no-blink *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.pbl-no-blink body{opacity:1!important;visibility:visible!important;background-color:var(--ui-ivory,#f5f3f0)!important}
html.pbl-no-blink .skeleton-panel,html.pbl-no-blink body.is-navigating .skeleton-panel{display:none!important;opacity:0!important;visibility:hidden!important;animation:none!important;transition:none!important}
html.pbl-no-blink .app-sidebar,html.pbl-no-blink .app-body,html.pbl-no-blink .page,html.pbl-no-blink .app-header{animation:none!important;transition:none!important}
html.pbl-no-blink :is(a,button,input,select,textarea,summary,.card,.metric,.module-link,.nav-link,.header-action,.kunti-widget,.kunti-float-panel,.global-page-navigation--bottom){animation:none!important;transition:none!important}
html.pbl-no-blink :is(a,button,.metric,.module-link,.nav-link,.header-action):hover{transition:none!important}

/* Back/Next visibility refinement v1: stronger ERP-theme contrast without motion. */
.global-page-navigation--bottom .global-nav-back{background:#6f2d3d!important;border:1px solid #6f2d3d!important;color:#fff!important;box-shadow:0 10px 26px rgba(87,31,44,.22)!important;font-weight:700!important}
.global-page-navigation--bottom .global-nav-next{background:#a51f2d!important;border:1px solid #a51f2d!important;color:#fff!important;box-shadow:0 10px 26px rgba(165,31,45,.24)!important;font-weight:700!important}
.global-page-navigation--bottom .global-nav-back:hover,.global-page-navigation--bottom .global-nav-back:focus,.global-page-navigation--bottom .global-nav-back:active{background:#5d2433!important;border-color:#5d2433!important;color:#fff!important;box-shadow:0 10px 26px rgba(87,31,44,.22)!important}
.global-page-navigation--bottom .global-nav-next:hover,.global-page-navigation--bottom .global-nav-next:focus,.global-page-navigation--bottom .global-nav-next:active{background:#8f1825!important;border-color:#8f1825!important;color:#fff!important;box-shadow:0 10px 26px rgba(165,31,45,.24)!important}
.global-page-navigation--bottom .global-nav-back[disabled],.global-page-navigation--bottom .global-nav-next[disabled]{opacity:.58!important;color:#fff!important}

/* Back/Next vertical clearance v2: move above footer without reintroducing motion. */
.global-page-navigation--bottom .global-nav-back,
.global-page-navigation--bottom .global-nav-next{bottom:58px!important;transition:none!important;animation:none!important;transform:none!important}
@media(max-width:700px){.global-page-navigation--bottom .global-nav-back,.global-page-navigation--bottom .global-nav-next{bottom:48px!important}}

/* Executive lower-dashboard compact refinement v12 */
.executive-bottom-board>.pbl-puzzle-item{padding:14px 16px!important}
.executive-bottom-board .section-heading{min-height:28px!important;margin-bottom:6px!important}
.executive-bottom-board .section-heading h2{font-size:16px!important;line-height:1.2!important;margin:2px 0!important}
.executive-bottom-board .section-heading>a{font-size:10px!important;line-height:1.2!important}
.executive-bottom-board .eyebrow{font-size:8.5px!important;letter-spacing:.13em!important}
.executive-bottom-board .history li{padding:6px 0!important;line-height:1.22!important;font-size:10px!important}
.executive-bottom-board .history li>strong{font-size:13px!important;line-height:1.2!important;font-weight:700!important}
.executive-bottom-board .history li>small{display:block;font-size:9px!important;line-height:1.25!important;margin-top:2px!important;color:var(--ui-muted)!important}
.executive-directory-heading{margin:18px 0 8px!important}
.executive-directory-heading h2{font-size:16px!important;line-height:1.2!important;margin:2px 0!important}
.executive-directory-heading .eyebrow{font-size:8.5px!important}
.executive-directory-board{gap:10px!important}
.executive-directory-board>.executive-directory-group{border-radius:12px!important;box-shadow:0 5px 16px rgba(52,30,38,.05)!important}
.executive-directory-group>summary{padding:9px 12px!important;min-height:38px!important}
.executive-directory-group>summary h2{font-size:13px!important;line-height:1.2!important;font-weight:650!important}
.executive-directory-links{gap:6px!important;padding:0 10px 10px!important}
.executive-directory-links .module-link{min-height:42px!important;padding:8px 10px!important;border-radius:8px!important}
.executive-directory-links .module-label{font-size:10.5px!important;line-height:1.25!important}
.executive-directory-links .module-count{min-width:20px!important;height:20px!important;padding:0 6px!important;line-height:20px!important;font-size:9px!important}

/* Executive dashboard freeze zone v13 */
.app-header{position:sticky!important;top:0!important;z-index:70!important}
.executive-freeze-zone{position:sticky!important;top:92px!important;z-index:34!important;padding:0 0 8px!important;background:linear-gradient(180deg,var(--ui-ivory,#f5f3f0) 0%,rgba(245,243,240,.98) 88%,rgba(245,243,240,0) 100%)!important;isolation:isolate!important}
.executive-freeze-zone .executive-command-bar{margin-bottom:10px!important;box-shadow:0 8px 22px rgba(45,28,35,.08)!important}
.executive-freeze-zone .quick-actions{margin-bottom:0!important;box-shadow:0 7px 18px rgba(45,28,35,.06)!important}
html.pbl-no-blink .app-header,html.pbl-no-blink .executive-freeze-zone,html.pbl-no-blink .executive-freeze-zone *{transition:none!important;animation:none!important}
@media(max-width:1100px){.executive-freeze-zone{top:86px!important}}
@media(max-width:700px){.executive-freeze-zone{position:static!important;padding:0!important;background:transparent!important}}
@media print{.app-header{position:static!important}.executive-freeze-zone{position:static!important;padding:0!important;background:transparent!important}}

/* Executive card icon system v1 */
.executive-kpi-card{position:relative!important;padding-right:58px!important}
.executive-kpi-card>.pbl-icon{position:absolute;top:14px;right:14px;width:30px!important;height:30px!important;padding:7px;border-radius:10px;background:#8f31451a;color:#8f3145}
.executive-division-grid>a>.pbl-icon{width:24px!important;height:24px!important;padding:5px;border-radius:9px;background:#8f314514;color:#8f3145;margin-bottom:1px}
.section-heading h2>span[data-icon],.executive-command-bar h2>span[data-icon]{display:inline-grid!important;place-items:center!important;width:26px!important;height:26px!important;margin-right:7px!important;border-radius:8px!important;background:#8f314514!important;color:#8f3145!important;vertical-align:middle!important}
.section-heading h2>span[data-icon]>.pbl-icon,.executive-command-bar h2>span[data-icon]>.pbl-icon{width:16px!important;height:16px!important}
.executive-directory-group>summary{display:flex!important;align-items:center!important;gap:9px!important}
.executive-directory-group>summary .directory-card-icon{display:inline-grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:8px!important;background:#8f314514!important;color:#8f3145!important}
.executive-directory-group>summary .directory-card-icon>.pbl-icon{width:17px!important;height:17px!important}
.executive-directory-group>summary h2{margin:0!important}
.dashboard-card-grid .metric>.pbl-icon{color:#8f3145!important}

/* Global ERP card icon system v1 */
.auto-card-icon{display:inline-grid!important;place-items:center!important;width:26px!important;height:26px!important;min-width:26px!important;margin-right:8px!important;border-radius:8px!important;background:rgba(122,42,58,.08)!important;color:var(--ui-brand,#7a2a3a)!important;vertical-align:middle!important}
.auto-card-icon .pbl-icon{width:15px!important;height:15px!important;stroke-width:1.7!important}
.card :is(h1,h2,h3,.label,summary),.sales-kpi .label,.metric-card .label,.executive-kpi-card>span{display:flex;align-items:center;gap:0}
.card summary>.auto-card-icon{flex:0 0 26px}
.executive-kpi-card>.auto-card-icon{position:absolute;top:12px;right:12px;margin:0!important}
.executive-kpi-card{position:relative}
@media(max-width:700px){.auto-card-icon{width:24px!important;height:24px!important;min-width:24px!important}.auto-card-icon .pbl-icon{width:14px!important;height:14px!important}}

/* HRGA Attendance Control Center */
.attendance-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 16px}
.attendance-kpi{padding:16px 18px;min-height:104px;display:flex;flex-direction:column;justify-content:center}
.attendance-kpi span{font-size:12px;color:var(--muted,#6f6870);font-weight:600}
.attendance-kpi strong{font-size:26px;line-height:1.1;margin:6px 0 4px;color:var(--ink,#252229)}
.attendance-kpi small{font-size:11px;color:var(--muted,#7b747c)}
.attendance-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:16px;align-items:start}
.attendance-main,.attendance-approval{padding:18px}
.attendance-filters{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(130px,.8fr)) auto auto;gap:10px;align-items:end;margin-bottom:16px}
.attendance-table th,.attendance-table td{white-space:nowrap}
.attendance-table td:first-child{white-space:normal;min-width:180px}
.attendance-approval-item{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid rgba(90,70,60,.10)}
.attendance-approval-item:last-child{border-bottom:0}
.attendance-approval-item span,.attendance-approval-item small{color:var(--muted,#746d74)}
.attendance-approval-item a{margin-top:4px;font-size:12px;font-weight:600;color:#8f2028}
@media(max-width:1200px){.attendance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-layout{grid-template-columns:1fr}.attendance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.attendance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-filters{grid-template-columns:1fr}}

/* PBL global action button system */
.button.danger-action, button.danger-action {
    display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;
    border:1px solid #e8c7cb;border-radius:10px;background:#fff;color:#a33d4b;
    font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;
}
.button.danger-action:hover, button.danger-action:hover { background:#fff5f5;border-color:#d9a7ae;color:#8d2433; }
.button.revision-action, button.revision-action {
    display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;
    border:1px solid #ddd3c5;border-radius:10px;background:#fbfaf8;color:#6d5b43;
    font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;
}
.button.revision-action:hover, button.revision-action:hover { background:#f5f1eb;border-color:#cfc0aa;color:#57462f; }
.button:disabled, button:disabled, .button.is-disabled, .button[aria-disabled="true"] {
    opacity:.46;cursor:not-allowed;pointer-events:none;filter:saturate(.65);
}
/* Sales commercial action panel refinement */
.action-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.action-panel>h2{width:100%;margin-bottom:4px}
.action-panel>a.button,.action-panel>form,.action-panel>details{margin:0}
.action-panel>form{display:inline-flex}
.action-panel>form>button,.action-panel>a.button,.action-panel>details>summary{min-width:92px;justify-content:center}
.action-panel>.action-revision{width:100%;padding-top:8px;border-top:1px solid var(--ui-line)}
.action-panel>.action-revision>summary{width:100%;box-sizing:border-box}
.action-panel>.action-revision>form{display:grid;gap:8px;margin-top:10px!important;padding:10px;border:1px solid var(--ui-line);border-radius:10px;background:#fffdfa}
.action-panel>.action-revision label{font-size:11px;color:var(--ui-muted);font-weight:600}
.action-panel>.action-revision select,.action-panel>.action-revision textarea{width:100%}
.action-panel>p.muted{width:100%;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--ui-line)}

/* HRGA module cards - single-icon reference layout 2026-09-11 */
.hrga-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.hrga-module-card{position:relative;min-height:154px!important;margin:0!important;padding:24px 22px!important;display:grid!important;grid-template-columns:82px minmax(0,1fr) 38px!important;align-items:start!important;gap:18px!important;border:1px solid #e8dfda!important;border-radius:20px!important;background:linear-gradient(145deg,#fffefd,#fcfaf8)!important;box-shadow:0 10px 28px rgba(52,30,38,.065)!important;color:#202938!important;text-decoration:none!important;overflow:hidden!important}
.hrga-module-card::before,.hrga-module-card>.auto-card-icon{display:none!important}
.hrga-module-card:hover{transform:translateY(-2px);border-color:#d8c6c3!important;box-shadow:0 15px 32px rgba(52,30,38,.10)!important;background:#fffdfb!important}
.hrga-module-card>.hrga-card-icon{width:82px!important;height:82px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:#f7ecec!important;color:#8d151b!important;font-size:30px!important;line-height:1!important}
.hrga-card-copy{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;padding-top:7px!important;color:#202938!important}
.hrga-card-copy strong{font-size:17px!important;line-height:1.25!important;font-weight:650!important;color:#202938!important}
.hrga-card-copy small{display:block!important;font-size:13px!important;line-height:1.55!important;font-weight:400!important;color:#667085!important}
.hrga-module-card>.hrga-card-arrow{align-self:end!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#faece9!important;color:#9a2927!important;font-size:22px!important;line-height:1!important}
.hrga-structure-grid .hrga-module-card{min-height:132px!important;padding:20px!important;grid-template-columns:66px minmax(0,1fr) 34px!important;gap:15px!important}.hrga-structure-grid .hrga-card-icon{width:66px!important;height:66px!important;font-size:25px!important;border-radius:16px!important}.hrga-structure-grid .hrga-card-copy{padding-top:2px!important;gap:7px!important}.hrga-structure-grid .hrga-card-copy strong{font-size:15px!important}.hrga-structure-grid .hrga-card-copy small{font-size:12px!important}.hrga-structure-grid .hrga-card-arrow{width:34px!important;height:34px!important;font-size:19px!important}
@media(max-width:1250px){.hrga-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.hrga-card-grid{grid-template-columns:1fr!important}.hrga-module-card{grid-template-columns:64px minmax(0,1fr) 34px!important;min-height:130px!important;padding:18px!important}.hrga-module-card>.hrga-card-icon{width:64px!important;height:64px!important;font-size:24px!important}.hrga-card-copy strong{font-size:15px!important}.hrga-card-copy small{font-size:12px!important}}

/* Asset register redesign 2026-09-11 */
.asset-page-head,.asset-category-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.asset-page-head h1,.asset-category-head h1{margin:7px 0 8px;font-size:34px;line-height:1.1}.asset-page-head p,.asset-category-head p{margin:0;color:var(--ui-muted);font-size:13px}.asset-head-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.asset-head-actions .button{min-height:40px;border-radius:12px;padding:10px 16px}
.asset-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.asset-kpi-card{min-height:104px;padding:18px 20px;border:1px solid var(--ui-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(46,27,35,.055);display:flex;flex-direction:column;justify-content:center}.asset-kpi-card span{font-size:11px;color:#707887;font-weight:500}.asset-kpi-card strong{font-size:24px;line-height:1.15;margin:7px 0 5px;color:#253047}.asset-kpi-card small{font-size:10.5px;color:#9097a4}.asset-kpi-card:nth-child(2) strong{color:#2d67d9}.asset-kpi-card:nth-child(3) strong{color:#159447}.asset-kpi-card:nth-child(4) strong{color:#d47a00}
.asset-list-panel,.asset-category-panel{border:1px solid #e8e3df;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(46,27,35,.05);overflow:hidden}.asset-search-row{display:flex;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid #eee9e5}.asset-search-row input{width:min(360px,100%);min-height:38px;border-radius:11px;background:#fff}.asset-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important}.asset-register-table{width:100%;min-width:1180px}.asset-register-table th{padding:13px 12px;background:#f8f8f9;color:#727988;font-size:10.5px;text-transform:none;letter-spacing:0}.asset-register-table td{padding:12px;border-top:1px solid #eff0f2;font-size:11px;vertical-align:middle}.asset-register-table td>strong,.asset-register-table td>a>strong{font-size:11px}.asset-register-table td small{display:block;margin-top:3px;color:#8a919d;font-size:9.5px}.asset-register-table td:first-child a{color:#d92c31;font-weight:700}
.asset-photo-pill{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:7px 9px;border:1px solid #bdd5ff;border-radius:9px;background:#f0f6ff;color:#2762d4;font-size:10px;font-weight:600}.asset-condition,.asset-status{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;font-size:9px;font-weight:650;white-space:nowrap}.asset-condition-good{background:#dff8e9;color:#25844d}.asset-condition-repair{background:#fff1da;color:#b86b00}.asset-condition-retired{background:#efeff1;color:#747984}.asset-status.is-assigned{background:#deebff;color:#2c63c7}.asset-status.is-ready{background:#e3f8ea;color:#23804a}.asset-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.asset-actions form{display:inline-flex;margin:0}.asset-actions a,.asset-actions button{border:0;background:transparent;color:#2564dc;font-size:15px;padding:3px;cursor:pointer;text-decoration:none}.asset-actions button{color:#d93036}
.asset-category-page{max-width:1100px;margin:0 auto}.asset-category-panel{padding:0 20px 20px}.asset-category-panel-title{margin:0 -20px 16px;padding:16px 20px;background:#172034;color:#fff;font-size:16px;font-weight:650}.asset-category-addbox{padding:16px;margin-bottom:16px;border:1px solid #f3d1d1;border-radius:14px;background:#fff8f8}.asset-category-addbox strong{display:block;color:#a52b32;font-size:13px}.asset-category-addbox p{margin:5px 0 12px;color:#7c7f86;font-size:11px}.asset-category-table th{background:#f6f7f8;font-size:10.5px}.asset-category-table td{font-size:11px}.asset-category-table td:first-child strong{display:block;font-size:11.5px}.asset-category-table td:first-child small{display:block;color:#9096a1;margin-top:3px;font-size:9.5px}
@media(max-width:1100px){.asset-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-page-head,.asset-category-head{flex-direction:column}.asset-head-actions{justify-content:flex-start}}
@media(max-width:700px){.asset-kpi-grid{grid-template-columns:1fr}.asset-search-row{align-items:stretch;flex-direction:column}.asset-search-row input{width:100%}.asset-head-actions{width:100%}.asset-head-actions .button{flex:1 1 auto;justify-content:center}.asset-page-head h1,.asset-category-head h1{font-size:28px}}

/* HRGA menu cards - unified with ERP native KPI card language */
.hrga-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.hrga-module-card,.hrga-structure-grid .hrga-module-card{position:relative!important;min-height:112px!important;padding:18px 20px!important;border:1px solid #e7ded8!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 18px rgba(48,31,37,.045)!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;overflow:hidden!important;color:#4f3f45!important;text-decoration:none!important}.hrga-module-card:before{content:""!important;position:absolute!important;left:26px!important;top:0!important;width:46px!important;height:3px!important;border-radius:0 0 3px 3px!important;background:linear-gradient(90deg,#9b3143,#c4a37a)!important}.hrga-module-card>.hrga-card-icon{display:none!important}.hrga-module-card>.auto-card-icon{display:inline-grid!important;place-items:center!important;position:static!important;width:32px!important;height:32px!important;min-width:32px!important;margin:0 12px 0 0!important;border-radius:9px!important;background:#f7edef!important;color:#7f2d3d!important}.hrga-module-card>.auto-card-icon .pbl-icon{width:17px!important;height:17px!important;stroke-width:1.7!important}.hrga-card-copy{display:block!important;width:auto!important;min-width:0!important;padding:5px 0 0!important;margin:0!important}.hrga-card-copy strong{position:static!important;display:block!important;margin:0!important;color:#40363b!important;font-size:13px!important;line-height:1.25!important;font-weight:500!important;white-space:normal!important}.hrga-card-copy small,.hrga-card-arrow{display:none!important}.hrga-module-card:hover{transform:none!important;border-color:#dfd4cf!important;box-shadow:0 8px 22px rgba(48,31,37,.06)!important}@media(max-width:1250px){.hrga-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:900px){.hrga-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:700px){.hrga-card-grid{grid-template-columns:1fr!important}.hrga-module-card,.hrga-structure-grid .hrga-module-card{min-height:96px!important;padding:16px 18px!important}}

/* Asset category compact master form 2026-09-11 */
.asset-category-inline-form{margin:18px 0 16px;padding:14px;border:1px solid #f1d0d2;border-radius:14px;background:#fff8f8}.asset-category-add-title{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#a52b32;font-size:12px;font-weight:650}.asset-category-add-title span{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#b51f2c;color:#fff;font-size:10px;line-height:1}.asset-category-input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.asset-category-input-row input{min-height:38px;padding:8px 10px;border:1px solid #dfe2e8;border-radius:9px;background:#fff;font-size:12px}.asset-category-save{width:100%;min-height:36px;margin-top:9px;border:0;border-radius:9px;background:#ec252b;color:#fff;font-size:12px;font-weight:650;cursor:pointer}.asset-category-table-wrap{max-height:360px;overflow:auto;border:1px solid #e2e5ea;border-radius:12px}.asset-category-table{width:100%;min-width:0}.asset-category-table th{position:sticky;top:0;z-index:1;padding:9px 12px;background:#f1f2f5;color:#525c6e;font-size:10.5px}.asset-category-table td{padding:10px 12px;border-top:1px solid #eceef1;font-size:11px}.asset-category-table th:last-child,.asset-category-table td:last-child{width:62px;text-align:center}@media(max-width:700px){.asset-category-input-row{grid-template-columns:1fr}.asset-category-page{max-width:none}}

/* Asset list popup previews 2026-09-11 */
.asset-register-table td:first-child a,.asset-register-table td:first-child a strong,.asset-code-link,.asset-code-link strong{color:#1f2937!important}.asset-photo-pill{cursor:pointer}.asset-photo-pill:disabled{cursor:not-allowed;opacity:.55}.asset-modal[hidden]{display:none!important}.asset-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}.asset-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(2px)}.asset-modal-panel{position:relative;z-index:1;width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 80px rgba(15,23,42,.28)}.asset-modal-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;background:#111827;color:#fff}.asset-modal-head h2{margin:0;font-size:17px;color:#fff}.asset-modal-head button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}.asset-photo-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:20px;max-height:70vh;overflow:auto}.asset-photo-gallery a{display:block;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#f8fafc}.asset-photo-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff}.asset-qr-modal-panel{width:min(440px,calc(100vw - 32px))}.asset-qr-body{padding:34px 28px;background:#fff;display:flex;justify-content:center}.asset-qr-card{width:280px;border:4px solid #1f2937;border-radius:16px;padding:26px 22px 20px;text-align:center}.asset-qr-card img{width:190px;height:190px;display:block;margin:0 auto 18px}.asset-qr-card strong{display:block;font-size:20px;line-height:1.25;color:#1f2937}.asset-qr-card span{display:block;margin-top:28px;font:700 16px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#374151}.asset-qr-card i{display:block;height:1px;background:#d1d5db;margin:25px 0 17px}.asset-qr-card small{font-weight:700;letter-spacing:.15em;color:#9ca3af}.asset-qr-footer{padding:16px 20px;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.asset-modal-open{overflow:hidden}@media(max-width:700px){.asset-modal{padding:12px}.asset-photo-gallery{grid-template-columns:1fr 1fr;padding:14px}.asset-qr-body{padding:22px 14px}.asset-qr-card{width:250px}.asset-qr-card img{width:170px;height:170px}}

/* Asset category master final layout 2026-09-11 */
.asset-category-table-wrap{max-height:460px;overflow-y:auto;overflow-x:hidden}
.asset-category-table{width:100%;table-layout:fixed;min-width:0!important}
.asset-category-table th:nth-child(1),.asset-category-table td:nth-child(1){width:25%}
.asset-category-table th:nth-child(2),.asset-category-table td:nth-child(2){width:auto;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.asset-category-table th:nth-child(3),.asset-category-table td:nth-child(3){width:54px;text-align:center}
.asset-category-name-link{color:#202938!important;text-decoration:none}.asset-category-name-link:hover{text-decoration:underline}
.asset-category-table td:first-child small{display:block;margin-top:3px;color:#8a919d;font-size:9px;font-weight:600}

/* Asset code typography alignment 2026-09-11 */
.asset-register-table td:first-child a.asset-code-link{color:#202938!important;font-size:11px!important;font-weight:400!important;line-height:1.35!important;letter-spacing:0!important}


/* Asset category typography refinement 2026-09-11 */
.asset-category-name-text{font-size:11px!important;font-weight:400!important;line-height:1.35!important;color:#202938!important}
.asset-category-table td:first-child small{font-weight:400!important}

/* Asset category code column 2026-09-11 */
.asset-category-table th:nth-child(1),.asset-category-table td:nth-child(1){width:24%}
.asset-category-table th:nth-child(2),.asset-category-table td:nth-child(2){width:auto}
.asset-category-table th:nth-child(3),.asset-category-table td:nth-child(3){width:110px;text-align:center;white-space:nowrap}
.asset-category-table th:nth-child(4),.asset-category-table td:nth-child(4){width:54px;text-align:center}
.asset-category-code{font-size:11px;font-weight:500;color:#4b5563;letter-spacing:.02em}

/* HRGA cards - reference layout 2026-09-11 */
.hrga-card-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.hrga-module-card,.hrga-structure-grid .hrga-module-card{position:relative!important;min-height:166px!important;padding:28px 24px!important;display:grid!important;grid-template-columns:96px minmax(0,1fr) 52px!important;align-items:start!important;gap:20px!important;border:1px solid #e7ddd8!important;border-radius:24px!important;background:#fff!important;box-shadow:0 10px 28px rgba(52,30,38,.06)!important;overflow:hidden!important;color:#222b38!important;text-decoration:none!important}
.hrga-module-card:before,.hrga-module-card>.auto-card-icon{display:none!important}.hrga-module-card>.hrga-card-icon{display:grid!important;place-items:center!important;width:96px!important;height:96px!important;margin:0!important;border-radius:24px!important;background:#f8eeee!important;color:#9f1d20!important;font-size:0!important}.hrga-module-card>.hrga-card-icon:before{width:48px!important;height:48px!important}.hrga-card-copy{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important;padding-top:10px!important}.hrga-card-copy strong{display:block!important;margin:0!important;font-size:23px!important;line-height:1.15!important;font-weight:700!important;color:#202938!important;white-space:normal!important}.hrga-card-copy small{display:block!important;margin:0!important;font-size:16px!important;line-height:1.55!important;font-weight:400!important;color:#626b79!important}.hrga-module-card>.hrga-card-arrow{display:grid!important;place-items:center!important;align-self:end!important;width:52px!important;height:52px!important;margin:0!important;border-radius:50%!important;background:#faece9!important;color:#ad332e!important;font-size:25px!important;line-height:1!important}.hrga-module-card:hover{transform:translateY(-2px)!important;border-color:#ddcfca!important;box-shadow:0 14px 34px rgba(52,30,38,.09)!important}
.hrga-structure-grid .hrga-module-card{min-height:166px!important;padding:28px 24px!important;grid-template-columns:96px minmax(0,1fr) 52px!important;gap:20px!important}.hrga-structure-grid .hrga-card-icon{width:96px!important;height:96px!important;border-radius:24px!important}.hrga-structure-grid .hrga-card-copy{padding-top:10px!important;gap:10px!important}.hrga-structure-grid .hrga-card-copy strong{font-size:23px!important}.hrga-structure-grid .hrga-card-copy small{font-size:16px!important}.hrga-structure-grid .hrga-card-arrow{width:52px!important;height:52px!important;font-size:25px!important}
@media(max-width:1300px){.hrga-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:760px){.hrga-card-grid{grid-template-columns:1fr!important}.hrga-module-card,.hrga-structure-grid .hrga-module-card{min-height:145px!important;padding:22px!important;grid-template-columns:76px minmax(0,1fr) 44px!important}.hrga-module-card>.hrga-card-icon,.hrga-structure-grid .hrga-card-icon{width:76px!important;height:76px!important;border-radius:20px!important}.hrga-card-copy strong,.hrga-structure-grid .hrga-card-copy strong{font-size:19px!important}.hrga-card-copy small,.hrga-structure-grid .hrga-card-copy small{font-size:14px!important}.hrga-module-card>.hrga-card-arrow,.hrga-structure-grid .hrga-card-arrow{width:44px!important;height:44px!important;font-size:21px!important}}

/* Asset category auto-code + selectable page size 2026-09-11 */
.asset-category-input-row--three{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px;align-items:end}
.asset-category-code-field{display:flex;flex-direction:column;gap:5px}.asset-category-code-field label{font-size:10px;font-weight:600;color:#606977}.asset-category-code-field input,#code_display[readonly]{background:#f3f4f6!important;color:#343b48!important;font-weight:600!important;letter-spacing:.08em;cursor:not-allowed}
.asset-pagination-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 0 0}.asset-per-page-form,.asset-per-page-inline{display:flex;align-items:center;gap:8px;font-size:11px;color:#667085}.asset-per-page-form select,.asset-per-page-inline select{width:72px;min-height:34px;padding:5px 26px 5px 9px;border:1px solid #d8dde5;border-radius:9px;background:#fff;color:#303744;font-size:11px}
.asset-per-page-inline{margin-left:auto}.asset-search-row .asset-per-page-inline label{margin:0}
@media(max-width:800px){.asset-category-input-row--three{grid-template-columns:1fr}.asset-pagination-row{flex-direction:column}.asset-per-page-inline{margin-left:0;width:100%;justify-content:flex-end}}

/* HRGA final professional system 2026-09-11 */
.hrga-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
.hrga-module-card,.hrga-structure-grid .hrga-module-card{min-height:158px!important;padding:22px!important;grid-template-columns:78px minmax(0,1fr) 40px!important;gap:18px!important;border-radius:20px!important}
.hrga-module-card>.hrga-card-icon,.hrga-structure-grid .hrga-card-icon{width:78px!important;height:78px!important;border-radius:20px!important}.hrga-module-card>.hrga-card-icon:before{width:34px!important;height:34px!important}
.hrga-card-copy,.hrga-structure-grid .hrga-card-copy{padding-top:4px!important;gap:7px!important}.hrga-card-copy strong,.hrga-structure-grid .hrga-card-copy strong{font-size:18px!important;line-height:1.22!important;font-weight:650!important}.hrga-card-copy small,.hrga-structure-grid .hrga-card-copy small{font-size:13px!important;line-height:1.45!important}
.hrga-module-card>.hrga-card-arrow,.hrga-structure-grid .hrga-card-arrow{width:40px!important;height:40px!important;font-size:20px!important}
.hrga-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.hrga-page-head h1{margin:6px 0 6px;font-size:30px;line-height:1.1}.hrga-page-head p{margin:0;color:var(--ui-muted);font-size:13px}.hrga-page-actions{display:flex;gap:10px;flex-wrap:wrap}
.hrga-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.hrga-kpi-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.hrga-kpi{min-height:96px;padding:16px 18px;border-radius:16px}.hrga-kpi span{font-size:11px;color:#747b88}.hrga-kpi strong{display:block;margin:5px 0 3px;font-size:24px;color:#202938}.hrga-kpi small{font-size:10.5px;color:#949aa5}
.hrga-data-panel{padding:0;overflow:hidden}.hrga-filter-row{padding:15px 16px;margin:0;border-bottom:1px solid #eceef1}.hrga-data-table th{background:#f7f8fa;font-size:10.5px;color:#687182}.hrga-data-table td{padding:12px;font-size:11px}.hrga-data-table td small{display:block;margin-top:3px;color:#8c94a0;font-size:9.5px}.button-compact{min-height:30px!important;padding:5px 10px!important;font-size:10px!important}.hrga-pagination{padding:12px 16px;border-top:1px solid #eceef1}
.hrga-report-panel{padding:18px}.hrga-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.hrga-report-card{min-height:118px;padding:16px;border:1px solid #e7e9ed;border-radius:15px;background:#fff;text-decoration:none;color:#202938;display:flex;flex-direction:column;gap:7px}.hrga-report-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f7ecec;color:#a52329}.hrga-report-card strong{font-size:13px}.hrga-report-card small{font-size:10.5px;color:#7b8492}.hrga-report-card em{margin-top:auto;font-size:10px;font-style:normal;color:#a52329}
@media(max-width:1500px){.hrga-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hrga-kpi-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.hrga-report-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hrga-kpi-grid,.hrga-kpi-grid--five,.hrga-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hrga-page-head{flex-direction:column}}
@media(max-width:700px){.hrga-card-grid,.hrga-kpi-grid,.hrga-kpi-grid--five,.hrga-report-grid{grid-template-columns:1fr!important}.hrga-module-card,.hrga-structure-grid .hrga-module-card{grid-template-columns:64px minmax(0,1fr) 36px!important}.hrga-module-card>.hrga-card-icon,.hrga-structure-grid .hrga-card-icon{width:64px!important;height:64px!important}}

/* HRGA final visual consolidation 2026-09-11 */
.hrga-page-heading{margin-bottom:18px}.hrga-page-heading h1{margin:4px 0 6px;font-size:30px;line-height:1.12;letter-spacing:-.02em}.hrga-page-heading p{margin:0;color:#747b86;font-size:13px}.hrga-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hrga-action-card{position:relative;min-height:138px;padding:22px;display:grid;grid-template-columns:64px minmax(0,1fr) 36px;gap:16px;align-items:start;border:1px solid #e5dfda;border-radius:18px;background:#fff;color:#222938;text-decoration:none;box-shadow:0 7px 22px rgba(54,35,42,.045);transition:.16s ease}.hrga-action-card:hover{transform:translateY(-2px);border-color:#d9cec8;box-shadow:0 10px 26px rgba(54,35,42,.075)}.hrga-action-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:16px;background:#f8eeee;color:#9e2429}.hrga-action-card>span:nth-child(2){min-width:0;padding-top:3px}.hrga-action-card strong{display:block;margin:0 0 7px;font-size:16px;line-height:1.24;font-weight:650;color:#202735}.hrga-action-card small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#6d7480}.hrga-action-arrow{align-self:end;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fbefec;color:#a52a2e;font-size:19px}.hrga-action-card>.auto-card-icon{display:none!important}
.org-section{margin-bottom:18px;padding:18px;border:1px solid #e6e0dc;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(54,35,42,.04)}.org-section-title{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #eee9e5}.org-section-title>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f7ecec;color:#9b2329;font-size:11px;font-weight:700}.org-section-title strong{display:block;font-size:15px;color:#202735}.org-section-title small{display:block;margin-top:2px;font-size:10.5px;color:#8a9099}.org-director-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:16px}.org-division-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding-top:16px}.org-card{border:1px solid #e8e4e0;border-radius:15px;background:#fff;padding:16px;box-shadow:none}.org-card-director{display:flex;align-items:center;gap:14px;min-height:100px}.org-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#8f1f2b;color:#fff;font-weight:700}.org-card-director strong{font-size:14px}.org-card-director p{margin:4px 0 2px;font-size:12px}.org-card-director small{color:#777f8b}.org-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.org-card h3{margin:2px 0 0;font-size:13.5px;line-height:1.35}.org-kicker{font-size:9px;letter-spacing:.08em;color:#9b2329;font-weight:700}.org-leader{padding:12px 0;border-bottom:1px solid #eee}.org-leader small,.org-meta dt{font-size:9.5px;color:#8a9099}.org-leader strong{display:block;margin-top:3px;font-size:12px}.org-meta{margin:10px 0}.org-meta>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0}.org-meta dt,.org-meta dd{margin:0;font-size:10.5px}.org-meta dd{color:#303744;font-weight:600;text-align:right}.org-members{display:flex;flex-direction:column;gap:5px;min-height:50px}.org-members span{font-size:10px;line-height:1.35;color:#5f6671}.org-edit-link{display:inline-block;margin-top:12px;color:#a71921;font-size:10.5px;font-weight:650;text-decoration:none}.org-empty{padding:18px;color:#8a9099;font-size:12px}
@media(max-width:1200px){.hrga-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-division-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.org-division-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-director-grid{grid-template-columns:1fr}}@media(max-width:650px){.hrga-action-grid,.org-division-grid{grid-template-columns:1fr}.hrga-action-card{min-height:124px;grid-template-columns:56px minmax(0,1fr) 34px;padding:18px}.hrga-action-icon{width:56px;height:56px}.hrga-page-heading h1{font-size:26px}}

/* Employee master final visual 2026-09-11 */
.employee-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.employee-kpi{min-height:92px;padding:16px 18px;border:1px solid #e6e1dc;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(50,33,40,.04)}.employee-kpi span{font-size:10.5px;color:#7a818c}.employee-kpi strong{display:block;margin:5px 0 2px;font-size:22px;line-height:1.1;color:#202735}.employee-kpi small{font-size:9.5px;color:#9aa0aa}.employee-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 280px 110px;gap:10px;align-items:end;margin-bottom:16px;padding:14px 16px;border:1px solid #e8e3df;border-radius:16px;background:#fff}.employee-filter-bar>div{display:flex;flex-direction:column;gap:5px}.employee-filter-bar label{font-size:10px;font-weight:600;color:#67707d}.employee-filter-bar input,.employee-filter-bar select{min-height:38px;border-radius:10px}.employee-filter-bar button{min-height:38px;border-radius:10px}.employee-table-card{border:1px solid #e8e3df;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(50,33,40,.04)}.employee-table-scroll{overflow:auto}.employee-table{width:100%;min-width:1080px}.employee-table th{padding:12px 14px;background:#f7f7f8;color:#717986;font-size:10px;white-space:nowrap}.employee-table td{padding:12px 14px;border-top:1px solid #eef0f2;font-size:11px;vertical-align:middle}.employee-name{display:block;color:#9f2027;font-size:11px;font-weight:650;text-decoration:none}.employee-table td small{display:block;margin-top:3px;color:#8b929d;font-size:9.5px}.employee-row-actions{display:flex;gap:6px}.employee-row-actions .button{min-height:30px;padding:5px 9px;border-radius:8px;font-size:10px}.employee-empty{text-align:center;color:#8a9099;padding:26px!important}.employee-pagination{padding:12px 14px;border-top:1px solid #eef0f2}.employee-pagination nav{margin:0}
@media(max-width:900px){.employee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-filter-bar{grid-template-columns:1fr 1fr}.employee-filter-bar button{grid-column:1/-1}}@media(max-width:620px){.employee-kpi-grid,.employee-filter-bar{grid-template-columns:1fr}.employee-filter-bar button{grid-column:auto}}

/* Org chart premium redesign 2026-09-11 */
.org-page-heading{align-items:flex-end}.org-top-actions .button{min-height:38px;padding:8px 13px;border-radius:10px;font-size:10.5px}.org-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.org-summary-grid>div{padding:14px 16px;border:1px solid #e7e3df;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(48,31,37,.035)}.org-summary-grid span{display:block;font-size:9.5px;color:#7d8590}.org-summary-grid strong{display:block;margin:5px 0 2px;font-size:21px;line-height:1;color:#202735}.org-summary-grid small{font-size:9px;color:#9aa0aa}.org-summary-grid .is-warning{background:#fffaf1;border-color:#efd9aa}.org-summary-grid .is-warning strong{color:#b66b00}
.org-stage{position:relative;padding:18px;border:1px solid #e6e0dc;border-radius:18px;background:#fff;box-shadow:0 7px 22px rgba(54,35,42,.04)}.org-level{position:relative}.org-level-label{display:flex;align-items:center;gap:10px}.org-level-label>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f7ecec;color:#9b2329;font-size:10px;font-weight:700}.org-level-label strong{display:block;font-size:13.5px;color:#202735}.org-level-label small{display:block;margin-top:2px;font-size:9.5px;color:#8b929d}
.org-director-wrap{display:flex;justify-content:center;padding:18px 0 8px}.org-lead-card{min-width:300px;max-width:380px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e2c7c9;border-radius:16px;background:linear-gradient(180deg,#fff,#fffafa);box-shadow:0 8px 20px rgba(111,24,36,.06)}.org-lead-card .org-avatar{width:50px;height:50px;flex:0 0 50px}.org-role-label{font-size:8px;letter-spacing:.12em;color:#a1272f;font-weight:750}.org-lead-card h2{margin:3px 0 2px;font-size:14px;line-height:1.2}.org-lead-card p{margin:0 0 2px;font-size:10.5px}.org-lead-card small{font-size:9px;color:#7d8590}
.org-connector{position:relative;height:34px}.org-connector:before{content:"";position:absolute;left:50%;top:0;width:1px;height:16px;background:#d9c8ca}.org-connector:after{content:"";position:absolute;left:12%;right:12%;top:16px;height:1px;background:#e4d7d8}.org-connector span:before,.org-connector span:after{content:"";position:absolute;top:16px;width:1px;height:18px;background:#e4d7d8}.org-connector span:before{left:12%}.org-connector span:after{right:12%}
.org-level-divisions{padding-top:2px}.org-level-divisions>.org-level-label{margin-bottom:14px}.org-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.org-compact-card{position:relative;min-height:188px;padding:14px;border:1px solid #e7e3df;border-radius:14px;background:#fff;box-shadow:0 4px 14px rgba(44,31,36,.03);transition:.16s ease}.org-compact-card:hover{transform:translateY(-2px);border-color:#dbcfd0;box-shadow:0 8px 20px rgba(44,31,36,.06)}.org-compact-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.org-compact-head h3{margin:3px 0 0;font-size:12.5px;line-height:1.28;color:#202735}.org-status{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border:1px solid #b9e7ca;border-radius:999px;background:#f1fbf4;color:#2a8b51;font-size:8.5px;font-weight:650}.org-status i{width:6px;height:6px;border-radius:50%;background:#32c76a}.org-compact-leader{padding:11px 0 9px;border-bottom:1px solid #efefef}.org-compact-leader small{display:block;font-size:8.5px;color:#9299a3}.org-compact-leader strong{display:block;margin-top:3px;font-size:10.5px;color:#303744}.org-compact-leader span{display:block;margin-top:2px;font-size:8.8px;color:#7e8691}.org-leader-warning{display:inline-block!important;width:auto;padding:4px 7px;border-radius:7px;background:#fff6e8;color:#a86500!important;font-weight:650!important}
.org-compact-meta{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:8.8px;color:#838b95}.org-compact-meta b{color:#424a55;font-weight:650}.org-member-preview{display:flex;flex-direction:column;gap:5px;min-height:38px}.org-member-preview>span{font-size:9.2px;line-height:1.2;color:#4e5662}.org-member-preview>span small{display:block;margin-top:2px;font-size:8.3px;color:#9299a3}.org-member-preview em{font-size:8.7px;font-style:normal;color:#a1272f;font-weight:650}.org-compact-card .org-edit-link{position:absolute;left:14px;bottom:12px;margin:0;font-size:9px}.org-empty{grid-column:1/-1;text-align:center}
@media(max-width:1250px){.org-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.org-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.org-connector{display:none}.org-director-wrap{justify-content:flex-start}}@media(max-width:620px){.org-summary-grid,.org-compact-grid{grid-template-columns:1fr}.org-lead-card{min-width:0;width:100%}.org-stage{padding:14px}.org-page-heading{align-items:flex-start}}

/* PBL Mobile ESS / Employee Gateway */
.ess-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px 30px;margin-bottom:18px;border:1px solid #e8dfda;border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fbf8f5 100%);box-shadow:0 14px 34px rgba(43,31,35,.06)}
.ess-hero h1{margin:5px 0 7px;font-size:clamp(28px,3vw,42px);letter-spacing:-.035em}.ess-hero p{max-width:780px;margin:0;color:#6c6870;font-size:15px;line-height:1.55}
.ess-identity{display:flex;align-items:center;gap:9px;margin-top:13px;color:#413d43;font-size:13px;font-weight:600}.ess-identity i{width:4px;height:4px;border-radius:50%;background:#9f1d28}
.ess-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.ess-stat{position:relative;min-height:132px;padding:22px 24px;border:1px solid #e8dfda;border-radius:20px;background:#fff;box-shadow:0 10px 24px rgba(43,31,35,.045)}
.ess-stat span,.ess-stat small{display:block;color:#77727b}.ess-stat span{font-size:13px}.ess-stat strong{display:block;margin:10px 0 5px;font-size:30px;line-height:1}.ess-stat small{font-size:12px}.ess-stat.is-navy strong{color:#1d2940}.ess-stat.is-blue strong{color:#2563d9}.ess-stat.is-green strong{color:#159447}.ess-stat.is-orange strong{color:#cb7300}
.ess-panel{margin-bottom:18px;padding:24px;border:1px solid #e8dfda;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(43,31,35,.045)}
.ess-panel .section-heading{margin-bottom:18px}.ess-panel .section-heading h2{margin:3px 0 4px;font-size:20px}.ess-panel .section-heading p{margin:0;color:#77727b;font-size:13px}
.ess-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ess-action{position:relative;display:grid;grid-template-columns:44px 1fr 28px;grid-template-rows:auto auto;column-gap:13px;align-items:center;min-height:104px;padding:16px 17px;border:1px solid #ebe3df;border-radius:17px;background:#fefdfc;color:#231f24;text-decoration:none;transition:.18s ease}
.ess-action:hover{transform:translateY(-2px);border-color:#d9c8c1;box-shadow:0 12px 24px rgba(57,37,42,.08)}.ess-action>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#f8ecee;color:#9d1824}.ess-action strong{align-self:end;font-size:15px}.ess-action small{align-self:start;color:#77727b;line-height:1.4}.ess-action b{grid-column:3;grid-row:1/3;color:#a51c27;font-size:20px;font-weight:500}
.ess-cross-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ess-cross-card{min-height:188px;padding:20px;border:1px solid #ebe3df;border-radius:18px;background:#fff}.ess-cross-card h3{margin:3px 0 12px;font-size:17px}.ess-cross-kicker{font-size:10px;font-weight:700;letter-spacing:.1em;color:#9d1824}.ess-cross-card>strong{display:block;margin:3px 0;font-size:28px;color:#1f2838}.ess-cross-card>small,.ess-cross-card>p{color:#77727b}.ess-cross-card>p{font-size:12px;line-height:1.5}
.ess-project-list{display:flex;flex-direction:column;gap:6px;margin-top:12px}.ess-project-list a{font-size:12px;color:#9d1824;text-decoration:none;font-weight:600}.ess-project-list a:hover{text-decoration:underline}
.ess-activity-panel{padding-bottom:12px}.ess-activity-row{display:grid;grid-template-columns:minmax(0,1fr) 150px 145px;gap:18px;align-items:center;padding:13px 4px;border-top:1px solid #eee8e4;color:#28242a;text-decoration:none}.ess-activity-row:first-of-type{border-top:0}.ess-activity-row strong,.ess-activity-row small{display:block}.ess-activity-row small{margin-top:3px;color:#87818a;font-size:11px}.ess-activity-row>span{justify-self:start;padding:5px 9px;border-radius:999px;background:#f7edef;color:#9a1c28;font-size:10px;font-weight:700}.ess-activity-row time{justify-self:end;color:#89838b;font-size:11px}
@media(max-width:1100px){.ess-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ess-action-grid,.ess-cross-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.ess-hero{align-items:flex-start;flex-direction:column;padding:22px}.ess-stat-grid,.ess-action-grid,.ess-cross-grid{grid-template-columns:1fr}.ess-panel{padding:18px}.ess-activity-row{grid-template-columns:1fr auto}.ess-activity-row time{grid-column:1/3;justify-self:start}.ess-action{min-height:92px}}
/* PBL ERP Global UI Standard — approved 2026-09-12 */
:root{
  --pbl-ui-bg:#f6f4f1;--pbl-ui-surface:#fff;--pbl-ui-line:#e8e1dc;--pbl-ui-soft:#f0ebe7;
  --pbl-ui-text:#243047;--pbl-ui-muted:#7a8190;--pbl-ui-green:#128247;--pbl-ui-green-bg:#eaf8ef;
  --pbl-ui-green-line:#9fdfb9;--pbl-ui-blue:#2f72d6;--pbl-ui-blue-bg:#eef5ff;--pbl-ui-blue-line:#b8d3fb;
  --pbl-ui-amber:#b87100;--pbl-ui-amber-bg:#fff6e8;--pbl-ui-amber-line:#f1cd87;--pbl-ui-red:#c23d3d;
  --pbl-ui-red-bg:#fff0f0;--pbl-ui-red-line:#efb4b4;--pbl-ui-neutral:#4c625b;--pbl-ui-neutral-bg:#f7f9fa;
  --pbl-ui-neutral-line:#d6e1dd;--pbl-ui-radius:13px;--pbl-ui-card-radius:18px;--pbl-ui-shadow:0 6px 15px rgba(24,48,38,.055);
}

/* Global action button library */
.pbl-btn,.button[data-pbl-tone],button[data-pbl-tone],a[data-pbl-tone]{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:112px;height:46px;padding:0 18px;border:1px solid transparent;border-radius:13px;font-size:14px;font-weight:700;letter-spacing:.05px;cursor:pointer;user-select:none;text-decoration:none!important;transition:transform .08s ease,box-shadow .08s ease,filter .12s ease,background .12s ease;box-shadow:0 5px 10px rgba(24,48,38,.08),inset 0 1px 0 rgba(255,255,255,.45)}
.pbl-btn:hover,.button[data-pbl-tone]:hover,button[data-pbl-tone]:hover,a[data-pbl-tone]:hover{filter:brightness(1.02);text-decoration:none}
.pbl-btn:active,.button[data-pbl-tone]:active,button[data-pbl-tone]:active,a[data-pbl-tone]:active,.is-pbl-pressed{transform:translateY(2px) scale(.985)!important;box-shadow:0 1px 4px rgba(24,48,38,.14),inset 0 2px 6px rgba(0,0,0,.10)!important;filter:brightness(.97)}
[data-pbl-compact],td [data-pbl-tone],.table-action-cell [data-pbl-tone],.pbl-table-mode [data-pbl-tone]{min-width:auto!important;height:38px!important;padding:0 14px!important;border-radius:11px!important;font-size:13px!important}
[data-pbl-tone="positive"]{background:var(--pbl-ui-green-bg)!important;color:var(--pbl-ui-green)!important;border-color:var(--pbl-ui-green-line)!important}
[data-pbl-tone="info"]{background:var(--pbl-ui-blue-bg)!important;color:var(--pbl-ui-blue)!important;border-color:var(--pbl-ui-blue-line)!important}
[data-pbl-tone="warning"]{background:var(--pbl-ui-amber-bg)!important;color:var(--pbl-ui-amber)!important;border-color:var(--pbl-ui-amber-line)!important}
[data-pbl-tone="danger"]{background:var(--pbl-ui-red-bg)!important;color:var(--pbl-ui-red)!important;border-color:var(--pbl-ui-red-line)!important}
[data-pbl-tone="neutral"]{background:var(--pbl-ui-neutral-bg)!important;color:var(--pbl-ui-neutral)!important;border-color:var(--pbl-ui-neutral-line)!important}
/* Status indicators: Active / Proses / Non Active */
.badge[data-pbl-status],.pbl-status{display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:40px!important;padding:0 15px!important;border-radius:13px!important;border:1px solid!important;font-size:13px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;background:#fff}
.badge[data-pbl-status]::before,.pbl-status::before{content:""!important;width:11px!important;height:11px!important;flex:0 0 11px!important;border-radius:50%!important;margin:0!important;animation:pbl-status-pulse 1.35s ease-in-out infinite}
[data-pbl-status="active"]{background:var(--pbl-ui-green-bg)!important;color:var(--pbl-ui-green)!important;border-color:var(--pbl-ui-green-line)!important}
[data-pbl-status="active"]::before{background:#16c96b!important;box-shadow:0 0 0 5px rgba(22,201,107,.12)!important}
[data-pbl-status="process"]{background:var(--pbl-ui-amber-bg)!important;color:var(--pbl-ui-amber)!important;border-color:var(--pbl-ui-amber-line)!important}
[data-pbl-status="process"]::before{background:#e7a21a!important;box-shadow:0 0 0 5px rgba(231,162,26,.12)!important}
[data-pbl-status="inactive"]{background:var(--pbl-ui-red-bg)!important;color:var(--pbl-ui-red)!important;border-color:var(--pbl-ui-red-line)!important}
[data-pbl-status="inactive"]::before{background:#e25555!important;box-shadow:0 0 0 5px rgba(226,85,85,.12)!important}
@keyframes pbl-status-pulse{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.badge[data-pbl-status]::before,.pbl-status::before{animation:none!important}}

/* Global dashboard KPI cards */
.dashboard-card-grid,.metrics-grid.dashboard-card-grid,.cards.dashboard-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.dashboard-card-grid .metric,.metric[data-pbl-card]{position:relative!important;overflow:hidden!important;text-align:left!important;min-height:188px!important;padding:17px 18px!important;border-radius:18px!important;border:1px solid var(--pbl-ui-line)!important;background:#fff!important;box-shadow:var(--pbl-ui-shadow)!important;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important}
.dashboard-card-grid .metric::before,.metric[data-pbl-card]::before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;height:auto!important;border-radius:0!important;background:var(--pbl-card-tone,#4a7bd8)!important}
.dashboard-card-grid .metric:hover,.metric[data-pbl-card]:hover{transform:translateY(-2px)!important;box-shadow:0 10px 22px rgba(24,48,38,.09)!important;border-color:color-mix(in srgb,var(--pbl-card-tone,#4a7bd8) 42%,#dfe7e3)!important}
.dashboard-card-grid .metric .label,.metric[data-pbl-card] .label{font-size:13px!important;color:#536760!important;font-weight:650!important;margin-bottom:0!important}
.dashboard-card-grid .metric .value,.metric[data-pbl-card] .value{margin-top:17px!important;margin-bottom:0!important;font-size:28px!important;line-height:1.1!important;font-weight:780!important;letter-spacing:-.4px!important;color:var(--pbl-ui-text)!important}
.dashboard-card-grid .metric>a,.dashboard-card-grid .metric .hint,.metric[data-pbl-card]>a{display:inline-flex!important;margin-top:10px!important;height:24px!important;align-items:center!important;padding:0 9px!important;border-radius:999px!important;background:color-mix(in srgb,var(--pbl-card-tone,#4a7bd8) 10%,transparent)!important;color:var(--pbl-card-tone,#4a7bd8)!important;font-size:11px!important;font-weight:750!important}
.pbl-card-parameter{margin-top:15px}.pbl-card-parameter-head{display:flex;justify-content:space-between;gap:10px;font-size:10.5px;color:#778780}.pbl-card-parameter-head strong{color:var(--pbl-card-tone,#4a7bd8);font-weight:750}.pbl-card-track{position:relative;margin-top:6px;height:7px;border-radius:999px;background:#edf2f0;overflow:hidden}.pbl-card-track span{display:block;height:100%;border-radius:999px;background:var(--pbl-card-tone,#4a7bd8)}
@media(max-width:1180px){.dashboard-card-grid,.metrics-grid.dashboard-card-grid,.cards.dashboard-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){.dashboard-card-grid,.metrics-grid.dashboard-card-grid,.cards.dashboard-card-grid{grid-template-columns:1fr!important}.dashboard-card-grid .metric,.metric[data-pbl-card]{min-height:160px!important}}
/* Global modern table standard */
.table-wrap,.table-scroll,.pbl-table-wrap{border:1px solid var(--pbl-ui-line)!important;border-radius:17px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important}
.table-wrap table,.table-scroll table,.pbl-table-wrap table{width:100%!important;border-collapse:collapse!important;background:#fff!important}
.table-wrap thead th,.table-scroll thead th,.pbl-table-wrap thead th{position:sticky;top:0;z-index:2;background:#faf8f6!important;color:#80737a!important;font-size:10.5px!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-weight:700!important;padding:12px 13px!important;border-bottom:1px solid var(--pbl-ui-line)!important;white-space:nowrap!important}
.table-wrap tbody td,.table-scroll tbody td,.pbl-table-wrap tbody td{padding:14px 13px!important;border-bottom:1px solid #f2ede9!important;font-size:13px!important;vertical-align:middle!important;background:#fff}
.table-wrap tbody tr:hover td,.table-scroll tbody tr:hover td,.pbl-table-wrap tbody tr:hover td{background:#fdfbf9!important}
.table-wrap.pbl-table-compact tbody td,.table-scroll.pbl-table-compact tbody td,.pbl-table-wrap.pbl-table-compact tbody td{padding-top:9px!important;padding-bottom:9px!important}
.pbl-table-mode{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:0 0 8px;flex-wrap:wrap}.pbl-table-mode-label{margin-right:auto;color:var(--pbl-ui-muted);font-size:11px}.pbl-table-mode button{height:30px!important;min-width:auto!important;padding:0 9px!important;border-radius:8px!important;font-size:11px!important;box-shadow:none!important}.pbl-table-mode button.is-active{background:#f6f1ef!important;color:#941017!important;border-color:#e3d1d2!important}

/* Ripple used by all approved button families */
.pbl-ripple{position:absolute;border-radius:50%;transform:scale(0);animation:pbl-ripple .42s ease-out;background:rgba(255,255,255,.62);pointer-events:none}@keyframes pbl-ripple{to{transform:scale(4);opacity:0}}

/* Preserve special fixed global navigation positioning while adopting the library style */
.global-page-navigation .global-nav-back,.global-page-navigation .global-nav-next{min-width:112px!important}
@media(max-width:700px){.global-page-navigation .global-nav-back,.global-page-navigation .global-nav-next{min-width:auto!important;height:38px!important;padding:0 12px!important;font-size:12px!important}}

/* PBL Global UI consolidation v2 — approved micro-interactions */
html.pbl-no-blink .pbl-ripple{animation:pbl-ripple .42s ease-out!important}
html.pbl-no-blink :is(.pbl-btn,[data-pbl-tone]){transition:transform .08s ease,box-shadow .08s ease,filter .12s ease,background .12s ease!important}
html.pbl-no-blink :is(.dashboard-card-grid .metric,.metric[data-pbl-card]){transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease!important}
html.pbl-no-blink :is(.badge[data-pbl-status],.pbl-status)::before{animation:pbl-status-pulse 1.35s ease-in-out infinite!important}
@media(prefers-reduced-motion:reduce){html.pbl-no-blink :is(.pbl-ripple,.badge[data-pbl-status]::before,.pbl-status::before){animation:none!important}}

/* KPI-card aliases across all ERP modules */
:is(.executive-kpi-card,.ess-stat,.hrga-kpi,.employee-kpi,.asset-kpi-card,.attendance-kpi){position:relative!important;overflow:hidden!important;border:1px solid var(--pbl-ui-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--pbl-ui-shadow)!important}
:is(.executive-kpi-card,.ess-stat,.hrga-kpi,.employee-kpi,.asset-kpi-card,.attendance-kpi)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pbl-card-tone,#4a7bd8)}
:is(.executive-kpi-card,.ess-stat,.hrga-kpi,.employee-kpi,.asset-kpi-card,.attendance-kpi):hover{border-color:color-mix(in srgb,var(--pbl-card-tone,#4a7bd8) 42%,#dfe7e3)!important;box-shadow:0 10px 22px rgba(24,48,38,.09)!important}

/* PBL UI FINAL V20260912 */
.button{border-radius:13px!important}
.metric{border-radius:18px!important}
.table-wrap{border-radius:17px!important}

/* Visible global buttons v3 */
.page .button{min-height:46px!important;padding:0 18px!important;border-radius:13px!important;font-size:14px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.page td .button,.page .table-action-cell .button{min-height:38px!important;height:38px!important;padding:0 14px!important;border-radius:11px!important;font-size:13px!important}
.page [data-pbl-tone="positive"]{background:#eaf8ef!important;color:#128247!important;border-color:#9fdfb9!important}
.page [data-pbl-tone="info"]{background:#eef5ff!important;color:#2f72d6!important;border-color:#b8d3fb!important}
.page [data-pbl-tone="warning"]{background:#fff6e8!important;color:#b87100!important;border-color:#f1cd87!important}
.page [data-pbl-tone="danger"]{background:#fff0f0!important;color:#c23d3d!important;border-color:#efb4b4!important}
.page [data-pbl-tone="neutral"]{background:#f7f9fa!important;color:#4c625b!important;border-color:#d6e1dd!important}

/* Visible status system v3 */
.page :is(.badge-active,.badge-approved,.badge-paid,.badge-closed,[data-pbl-status="active"]){background:#eaf8ef!important;color:#128247!important;border-color:#9fdfb9!important}
.page :is(.badge-pending,.badge-submitted,.badge-open,.badge-draft,.badge-hold,.badge-in_progress,.badge-assigned,[data-pbl-status="process"]){background:#fff6e8!important;color:#b87100!important;border-color:#f1cd87!important}
.page :is(.badge-inactive,.badge-rejected,.badge-failed,.badge-cancelled,.badge-void,[data-pbl-status="inactive"]){background:#fff0f0!important;color:#c23d3d!important;border-color:#efb4b4!important}
.page :is(.badge-active,.badge-approved,.badge-paid,.badge-closed,.badge-pending,.badge-submitted,.badge-open,.badge-draft,.badge-hold,.badge-in_progress,.badge-assigned,.badge-inactive,.badge-rejected,.badge-failed,.badge-cancelled,.badge-void,[data-pbl-status]){display:inline-flex!important;align-items:center!important;gap:8px!important;min-height:36px!important;padding:0 12px!important;border:1px solid!important;border-radius:12px!important;font-size:12px!important;font-weight:700!important}

/* Visible cards and tables v3 */
.page :is(.metric,.executive-kpi-card,.ess-stat,.hrga-kpi,.employee-kpi,.asset-kpi-card,.attendance-kpi){position:relative!important;overflow:hidden!important;border:1px solid #e8e1dc!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 15px rgba(24,48,38,.055)!important}
.page :is(.metric,.executive-kpi-card,.ess-stat,.hrga-kpi,.employee-kpi,.asset-kpi-card,.attendance-kpi)::before{content:""!important;position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:4px!important;height:auto!important;border-radius:0!important;background:var(--pbl-card-tone,#4a7bd8)!important}
.page :is(.table-wrap,.table-scroll,.pbl-table-wrap){border:1px solid #e8e1dc!important;border-radius:17px!important;background:#fff!important;overflow:auto!important;box-shadow:none!important}
.page :is(.table-wrap,.table-scroll,.pbl-table-wrap) thead th{background:#faf8f6!important;color:#80737a!important;font-size:10.5px!important;text-transform:uppercase!important;letter-spacing:.07em!important;padding:12px 13px!important}
.page :is(.table-wrap,.table-scroll,.pbl-table-wrap) tbody td{padding:14px 13px!important;border-bottom:1px solid #f2ede9!important;font-size:13px!important;background:#fff!important}
.page :is(.table-wrap,.table-scroll,.pbl-table-wrap) tbody tr:hover td{background:#fdfbf9!important}

/* Employee list visual completion 2026-09-13 */
.employee-identity-cell{display:flex;align-items:center;gap:10px;min-width:230px}
.employee-list-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;border:1px solid #eadfdc;background:#f8f2f0}
.employee-list-avatar--initial{display:grid;place-items:center;background:#f4e8e8;color:#8f2430;font-size:10px;font-weight:700}
.employee-row-actions{display:flex;align-items:center;gap:6px;white-space:nowrap}

/* Master Data Central: slightly larger, balanced typography for the 5 core master lists. */
.master-data-density table th{font-size:12px!important;line-height:1.35!important;}
.master-data-density table td{font-size:14px!important;line-height:1.4!important;}
.master-data-density .filters label{font-size:12px!important;}
.master-data-density .filters input,.master-data-density .filters select,.master-data-density .filters button,.master-data-density .filters .button{font-size:13px!important;}
.master-data-density td .button,.master-data-density td button[type="submit"]{font-size:12px!important;}