:root { --ink:#12233f; --muted:#66748b; --line:#dce3ed; --surface:#fff; --ground:#f5f7fb; --brand:#275de8; --brand-dark:#183e9f; --good:#197747; --danger:#bd2e3b; --warm:#fff4d8; font-family:Inter,ui-sans-serif,system-ui,"Noto Sans SC","Noto Sans",Arial,sans-serif; color:var(--ink); background:var(--ground); }
* { box-sizing:border-box; } [hidden] { display:none!important; } body { margin:0; min-height:100vh; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } a { color:inherit; }
.shell { max-width:1180px; margin:0 auto; padding:0 22px 52px; }.topbar { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:76px; }.brand { display:flex; gap:11px; align-items:center; text-decoration:none; font-weight:800; letter-spacing:-.02em; }.mark { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:white; background:linear-gradient(145deg,#3b7aff,#1945c0); box-shadow:0 7px 16px #275de844; }.locale { border:1px solid var(--line); background:#fff; padding:8px 10px; border-radius:8px; color:var(--ink); }
.hero { padding:52px 0 30px; display:grid; grid-template-columns:1.3fr .7fr; gap:28px; align-items:end; }.eyebrow { color:var(--brand); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.hero h1 { font-size:clamp(32px,5vw,61px); max-width:770px; line-height:1.02; letter-spacing:-.05em; margin:10px 0 16px; }.hero p { color:var(--muted); font-size:18px; max-width:680px; line-height:1.6; }.trust { padding:20px; border-radius:14px; background:#11264b; color:white; }.trust p { color:#d6e1f8; font-size:14px; margin:8px 0 0; }
.filters,.panel,.card,.login-card { background:var(--surface); border:1px solid var(--line); border-radius:14px; box-shadow:0 5px 14px #192e4a0a; }.filters { padding:15px; display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:10px; }.filters input,.filters select,.field input,.field select,.field textarea { width:100%; border:1px solid #cbd5e2; border-radius:8px; padding:10px 11px; background:white; color:var(--ink); }.filters button,.primary { background:var(--brand); color:white; border:0; border-radius:8px; padding:10px 17px; font-weight:700; }.primary:hover,.filters button:hover { background:var(--brand-dark); }.outline { background:white; color:var(--brand); border:1px solid #b8c9fb; border-radius:8px; padding:9px 14px; font-weight:700; }.danger { color:var(--danger); border-color:#f1c1c7; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:10px; margin:42px 0 16px; }.section-head h2 { margin:0; letter-spacing:-.025em; }.section-head span { color:var(--muted); font-size:14px; }.jobs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.job { display:flex; min-height:255px; flex-direction:column; padding:20px; }.job .meta { color:var(--muted); font-size:13px; display:flex; flex-wrap:wrap; gap:6px; }.tag { border-radius:999px; background:#eef3ff; color:#2754c7; padding:4px 8px; font-size:12px; }.job h3 { margin:17px 0 8px; font-size:20px; letter-spacing:-.025em; }.job p { color:var(--muted); line-height:1.5; margin:0; flex:1; }.job footer { display:flex; justify-content:space-between; align-items:center; margin-top:18px; font-size:13px; }.empty { grid-column:1/-1; padding:32px; text-align:center; color:var(--muted); }
.modal { position:fixed; z-index:10; inset:0; display:grid; align-items:center; justify-items:center; padding:18px; background:#0816339b; }.modal-box { width:min(720px,100%); max-height:90vh; overflow:auto; background:white; border-radius:16px; padding:26px; position:relative; }.modal-box h2 { margin-top:0; }.close { position:absolute; top:14px; right:14px; width:34px; height:34px; border:0; border-radius:50%; background:#edf0f5; }.grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.field { display:grid; gap:6px; color:#39485e; font-size:13px; font-weight:700; }.field textarea { min-height:105px; resize:vertical; font-weight:400; }.field.full { grid-column:1/-1; }.hint { color:var(--muted); font-size:13px; line-height:1.5; }.notice { padding:11px 13px; border-radius:8px; background:var(--warm); color:#735613; margin:10px 0; font-size:14px; }.error { background:#fff0f2; color:#9b2632; }.success { background:#e9f8ef; color:#176b3e; }.timeline { border-left:2px solid #c9d6f4; margin:20px 0; padding-left:20px; display:grid; gap:18px; }.timeline-item { position:relative; }.timeline-item:before { content:""; position:absolute; width:10px; height:10px; border-radius:50%; background:var(--brand); left:-26px; top:5px; }.timeline-item small { color:var(--muted); display:block; margin-top:3px; }.timeline-item p { margin:4px 0; color:#4e5c70; }.hidden { display:none!important; }
.admin-shell { min-height:100vh; display:grid; grid-template-columns:242px 1fr; }.sidebar { color:#d9e4fb; background:#102345; padding:22px 16px; }.sidebar .brand { color:white; margin:0 7px 30px; }.nav { display:grid; gap:4px; }.nav button { border:0; background:transparent; color:#c8d7f4; text-align:left; padding:10px 12px; border-radius:8px; }.nav button:hover,.nav button.active { color:white; background:#254778; }.work { padding:28px; max-width:1300px; width:100%; }.work-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:22px; }.work-header h1 { margin:0; font-size:28px; }.workspace-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:16px; }.panel { padding:20px; }.panel h2,.panel h3 { margin-top:0; }.table-wrap { overflow:auto; } table { border-collapse:collapse; width:100%; font-size:13px; } th,td { padding:10px 8px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; } th { color:#617087; font-weight:700; white-space:nowrap; }.status { display:inline-block; padding:4px 7px; border-radius:99px; background:#e7efff; color:#234fae; font-size:11px; font-weight:700; }.status.green { color:#16703e; background:#e5f7ed; }.status.orange { color:#925d00; background:#fff1d1; }.actions { display:flex; gap:8px; flex-wrap:wrap; }.login-page { min-height:100vh; display:grid; place-items:center; padding:22px; }.login-card { width:min(430px,100%); padding:28px; }.login-card h1 { margin-top:0; }.toast { position:fixed; z-index:20; right:20px; bottom:20px; max-width:400px; padding:13px 16px; color:white; background:#19325f; border-radius:9px; box-shadow:0 12px 26px #08163340; }
[dir="rtl"] .timeline { border-left:0; border-right:2px solid #c9d6f4; padding-left:0; padding-right:20px; } [dir="rtl"] .timeline-item:before { left:auto; right:-26px; }
@media (max-width:800px) { .hero,.workspace-grid { grid-template-columns:1fr; }.filters { grid-template-columns:1fr 1fr; }.jobs { grid-template-columns:1fr; }.admin-shell { grid-template-columns:1fr; }.sidebar { padding:14px; }.sidebar .brand { margin-bottom:10px; }.nav { display:flex; overflow:auto; }.nav button { white-space:nowrap; }.work { padding:18px; }.grid { grid-template-columns:1fr; }.field.full { grid-column:auto; } }
@media (max-width:480px) { .shell { padding:0 14px 30px; }.hero { padding-top:28px; }.filters { grid-template-columns:1fr; }.topbar { min-height:64px; }.modal-box { padding:21px 16px; } }
.toast-error { background:#9c2735; }.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }.page-actions { justify-content:flex-end; margin:0 0 16px; }.metric-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.metric { border:1px solid var(--line); border-radius:12px; padding:17px; background:linear-gradient(145deg,#fff,#f6f8ff); display:grid; gap:7px; }.metric span { color:var(--muted); font-size:12px; text-transform:capitalize; }.metric strong { font-size:29px; letter-spacing:-.04em; }.export-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }.table-wrap code { display:block; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:800px) { .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Public career landing page: designed mobile first and then expanded at 768/1024/1280. */
.portal-nav { display:flex; gap:18px; align-items:center; margin-left:auto; margin-right:8px; }.portal-nav a { color:var(--muted); font-size:14px; font-weight:700; text-decoration:none; }.portal-nav a:hover { color:var(--brand); }
.landing-hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr); gap:36px; padding:42px 0 68px; align-items:stretch; }.hero-copy { padding:42px 0 18px; }.hero-copy h1 { margin:10px 0 18px; max-width:760px; font-size:clamp(42px,5.3vw,76px); line-height:1; letter-spacing:-.06em; }.hero-copy p { max-width:650px; color:var(--muted); font-size:18px; line-height:1.65; }.button-link { display:inline-flex; min-height:44px; align-items:center; text-decoration:none; }.hero-visual { min-height:390px; display:grid; overflow:hidden; border-radius:22px; background:radial-gradient(circle at 76% 20%,#87b5ff 0,transparent 22%),linear-gradient(150deg,#173a7c,#071b3f); box-shadow:0 24px 45px #102b5d2b; }.hero-graphic { align-self:end; padding:30px; color:white; background:linear-gradient(transparent,#061630b8); }.hero-graphic span { display:block; color:#9dc0ff; font-size:13px; font-weight:800; letter-spacing:.15em; }.hero-graphic strong { display:block; max-width:250px; margin-top:10px; font-size:29px; line-height:1.06; letter-spacing:-.04em; }.hero-graphic p { margin:12px 0 0; color:#d7e6ff; }.hero-image { width:100%; height:100%; object-fit:cover; }
.culture-section,.promise { display:grid; grid-template-columns:.72fr 1.28fr; gap:34px; align-items:start; padding:68px 0; border-top:1px solid var(--line); }.culture-section h2,.promise h2 { margin:8px 0 0; max-width:350px; font-size:33px; line-height:1.08; letter-spacing:-.04em; }.value-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.value-card { min-height:205px; padding:20px; background:var(--surface); border:1px solid var(--line); border-radius:14px; }.value-card span { color:var(--brand); font-size:12px; font-weight:800; letter-spacing:.08em; }.value-card h3 { margin:42px 0 8px; font-size:18px; letter-spacing:-.025em; }.value-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.5; }.promise { align-items:center; }.promise ol { margin:0; padding:0; display:grid; gap:12px; list-style:none; counter-reset:promise; }.promise li { counter-increment:promise; position:relative; min-height:58px; padding:17px 18px 15px 60px; background:#edf3ff; border-radius:12px; color:#34455f; }.promise li:before { content:counter(promise); position:absolute; left:17px; top:15px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:white; background:var(--brand); font-size:12px; font-weight:800; }.roles-section { padding:34px 0 72px; }.roles-section .section-head { margin-top:0; }.filters label { display:grid; gap:4px; color:var(--muted); font-size:12px; font-weight:700; }.portal-footer { display:flex; justify-content:space-between; gap:22px; padding:28px 0; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }.portal-footer strong { color:var(--ink); }.portal-footer p { margin:6px 0 0; }.portal-footer a { color:var(--brand); font-weight:700; }
.stack,.row-actions { display:flex; flex-wrap:wrap; gap:8px; }.row-actions { margin-top:14px; }.evidence-list { margin-top:18px; padding:14px; background:#f8faff; }.evidence-list h3 { margin:0 0 10px; }.modal-box hr { margin:26px 0; border:0; border-top:1px solid var(--line); }
.portal-language-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.portal-language { display:grid; gap:10px; padding:15px; background:#f8faff; }.portal-language h3 { margin:0; }.portal-language .field { font-size:12px; }
button,.button-link,.filters button { min-height:46px; } input,select,textarea { min-height:44px; } input[type=checkbox],input[type=radio]{width:18px;min-width:18px;height:18px;min-height:0;padding:0;accent-color:var(--accent)} .field textarea { min-height:108px; }
@media (min-width:1280px) { .shell { max-width:1240px; } .landing-hero { gap:58px; } .hero-visual { min-height:440px; } }
@media (max-width:1024px) { .landing-hero { grid-template-columns:1fr .78fr; gap:24px; }.hero-copy h1 { font-size:clamp(40px,5vw,60px); }.value-grid { grid-template-columns:1fr; }.value-card { min-height:0; }.value-card h3 { margin-top:22px; } }
@media (max-width:768px) { .shell { padding-left:20px; padding-right:20px; }.topbar { flex-wrap:wrap; padding:12px 0; }.portal-nav { order:3; width:100%; margin:0; overflow:auto; padding-bottom:2px; }.landing-hero,.culture-section,.promise { grid-template-columns:1fr; }.landing-hero { padding:20px 0 48px; }.hero-copy { padding:18px 0 0; }.hero-visual { min-height:250px; }.culture-section,.promise { gap:20px; padding:46px 0; }.value-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.roles-section { padding-bottom:48px; }.portal-footer { align-items:flex-start; }.portal-language-grid { grid-template-columns:1fr; } }
@media (max-width:390px) { .shell { padding-left:14px; padding-right:14px; }.topbar .actions { width:100%; }.topbar .actions .outline { flex:1; }.landing-hero { gap:18px; }.hero-copy h1 { font-size:40px; }.hero-copy p { font-size:16px; }.hero-visual { min-height:205px; }.value-grid { grid-template-columns:1fr; }.culture-section h2,.promise h2 { font-size:28px; }.portal-footer { flex-direction:column; }.jobs .job footer { align-items:flex-start; flex-direction:column; gap:12px; }.roles-section .section-head { align-items:flex-start; flex-direction:column; }.modal { padding:8px; }.modal-box { max-height:94vh; } }

/* Dedicated jobs centre: the landing page stays light while browsing and progress access live here. */
.jobs-shell { max-width:1240px; }.jobs-hero { display:grid; grid-template-columns:minmax(0,1fr) 170px; align-items:end; gap:32px; padding:46px 0 34px; border-bottom:1px solid var(--line); }.jobs-hero h1 { max-width:720px; margin:8px 0 12px; font-size:clamp(38px,5vw,68px); line-height:1; letter-spacing:-.055em; }.jobs-hero p { max-width:670px; margin:0; color:var(--muted); font-size:17px; line-height:1.6; }.jobs-hero aside { display:grid; gap:2px; min-height:132px; padding:24px; align-content:end; border-radius:18px; color:#fff; background:linear-gradient(155deg,#265dde,#102d6e); box-shadow:0 18px 34px #1f55be2b; }.jobs-hero aside span { font-size:46px; line-height:1; font-weight:800; letter-spacing:-.06em; }.jobs-hero aside small { color:#dce9ff; font-weight:700; }.jobs-directory { padding:28px 0 70px; }.jobs-directory .section-head { margin:0 0 14px; }.jobs-directory .section-head > div { display:flex; align-items:baseline; justify-content:space-between; gap:18px; width:100%; }.jobs-directory .section-head span { color:var(--muted); font-size:13px; }.jobs-filters { grid-template-columns:1fr 1fr 1fr auto auto; margin-bottom:22px; }.section-intro { max-width:680px; color:var(--muted); line-height:1.6; }.more-roles { display:flex; justify-content:center; padding:30px 0 0; }.jobs-shell .topbar .actions { margin-left:auto; }
@media (max-width:1024px) { .jobs-filters { grid-template-columns:1fr 1fr 1fr; }.jobs-filters button { width:fit-content; }.jobs-hero { grid-template-columns:1fr 145px; } }
@media (max-width:768px) { .jobs-hero { grid-template-columns:1fr; gap:18px; padding-top:28px; }.jobs-hero aside { min-height:96px; grid-template-columns:auto 1fr; align-items:end; gap:12px; padding:18px; }.jobs-hero aside span { font-size:36px; }.jobs-filters { grid-template-columns:1fr 1fr; }.jobs-directory .section-head > div { align-items:flex-start; flex-direction:column; gap:5px; }.jobs-shell .portal-nav { width:auto; order:initial; }.jobs-shell .topbar .actions { margin-left:0; } }
@media (max-width:480px) { .jobs-shell .topbar { align-items:center; }.jobs-shell .portal-nav { order:3; width:100%; }.jobs-shell .topbar .actions { width:100%; }.jobs-shell .topbar .actions .outline,.jobs-shell .topbar .actions .button-link { flex:1; justify-content:center; }.jobs-filters { grid-template-columns:1fr; }.jobs-filters button { width:100%; justify-content:center; }.jobs-hero h1 { font-size:39px; }.jobs-directory { padding-bottom:46px; } }
.public-role-detail{display:grid;gap:22px}.public-role-detail>header{padding-right:34px}.public-role-detail>header h2{margin:5px 0 8px;font-size:30px}.public-role-detail>section{border-top:1px solid var(--line);padding-top:18px}.public-role-detail>section.notice{border:0;padding:14px}.public-role-detail h3{margin:0 0 11px}.public-role-detail .preline{white-space:pre-line;line-height:1.65;color:#42516a}.role-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.role-facts div{padding:11px 13px;border-radius:10px;background:#f6f8fc}.role-facts dt{color:var(--muted);font-size:11px;font-weight:750}.role-facts dd{margin:4px 0 0;line-height:1.4}.role-tags{display:flex;flex-wrap:wrap;gap:7px}.role-tags span{padding:6px 9px;border-radius:999px;color:#2452ba;background:#edf3ff;font-size:12px;font-weight:750}
@media(max-width:480px){.role-facts{grid-template-columns:1fr}.public-role-detail>header .actions{display:grid}.public-role-detail>header .actions>*{justify-content:center;width:100%}}

/* Rulliu HR role-driven operations workspace. */
.workspace-app { min-height:100vh; display:grid; grid-template-columns:272px minmax(0,1fr); background:#f7f8fa; transition:grid-template-columns .18s ease; }
.workspace-app.sidebar-collapsed { grid-template-columns:72px minmax(0,1fr); }
.workspace-sidebar { position:sticky; top:0; z-index:35; display:flex; align-self:start; flex-direction:column; width:100%; height:100vh; overflow:hidden; color:#dbe7fb; background:linear-gradient(180deg,#0a2349 0%,#102d5b 58%,#0b254d 100%); box-shadow:1px 0 0 #071a3620; }
.workspace-sidebar-header { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:8px; padding:16px 18px 12px; }
.workspace-brand { display:flex; min-width:0; align-items:center; gap:11px; color:#fff; text-decoration:none; }
.workspace-brand > span { display:grid; flex:0 0 36px; width:36px; height:36px; place-items:center; border-radius:11px; background:linear-gradient(145deg,#4a83ff,#1d52d2); box-shadow:0 8px 18px #061a3d55; font-weight:900; }
.workspace-brand strong { overflow:hidden; font-size:17px; letter-spacing:-.02em; white-space:nowrap; }
.workspace-navigation { flex:1; overflow-x:hidden; overflow-y:auto; padding:6px 12px 16px; scrollbar-width:thin; scrollbar-color:#ffffff3b transparent; }
.workspace-nav-group { margin-bottom:4px; }
.workspace-nav-heading { display:flex; width:100%; min-height:34px; align-items:center; justify-content:space-between; border:0; padding:7px 8px; color:#91afe2; background:transparent; font-size:11px; font-weight:850; letter-spacing:.09em; text-align:left; text-transform:uppercase; }
.workspace-nav-heading span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-nav-heading b { font-size:13px; transition:transform .15s ease; }.workspace-nav-group.collapsed .workspace-nav-heading b { transform:rotate(-90deg); }
.workspace-nav-group.collapsed .workspace-nav-items { display:none; }
.workspace-nav-items { display:grid; gap:3px; }
.workspace-nav-item { display:flex; width:100%; min-height:44px; align-items:center; gap:11px; border:0; border-radius:10px; padding:8px 10px; color:#d4e2f8; background:transparent; font-weight:750; text-align:left; }
.workspace-nav-item:hover { color:#fff; background:#ffffff10; }.workspace-nav-item.active { color:#fff; background:#2c5ca1; box-shadow:inset 3px 0 #73a3ff; }
.workspace-nav-glyph { display:grid; flex:0 0 25px; width:25px; height:25px; place-items:center; border-radius:7px; color:#aecaef; background:#ffffff0c; font-size:12px; font-weight:900; }
.workspace-nav-item.active .workspace-nav-glyph { color:#fff; background:#ffffff18; }
.workspace-nav-label { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.workspace-sidebar-collapse { display:flex; min-height:52px; align-items:center; gap:12px; border:0; border-top:1px solid #ffffff16; padding:8px 20px; color:#bdd0ee; background:#071d3f36; text-align:left; }
.workspace-sidebar-collapse span { font-size:25px; line-height:1; }.workspace-sidebar-collapse strong { overflow:hidden; font-size:12px; white-space:nowrap; }
.sidebar-collapsed .workspace-sidebar-header { justify-content:center; padding-left:12px; padding-right:12px; }
.sidebar-collapsed .workspace-brand strong,.sidebar-collapsed .workspace-nav-heading span,.sidebar-collapsed .workspace-nav-heading b,.sidebar-collapsed .workspace-nav-label,.sidebar-collapsed .workspace-sidebar-collapse strong { display:none; }
.sidebar-collapsed .workspace-navigation { padding-left:10px; padding-right:10px; }
.sidebar-collapsed .workspace-nav-heading { min-height:9px; margin:8px 7px 5px; border-top:1px solid #ffffff1c; padding:0; }
.sidebar-collapsed .workspace-nav-group.collapsed .workspace-nav-items { display:grid; }
.sidebar-collapsed .workspace-nav-item { justify-content:center; padding:8px; }
.sidebar-collapsed .workspace-nav-item.active { box-shadow:inset 2px 0 #73a3ff; }
.sidebar-collapsed .workspace-sidebar-collapse { justify-content:center; padding:8px; }
.workspace-mobile-menu,.workspace-mobile-close,.workspace-nav-backdrop { display:none; }
.workspace-main { min-width:0; width:100%; max-width:1600px; padding:0 clamp(20px,3.2vw,46px) 64px; }
.workspace-topbar { display:flex; min-height:88px; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid #dfe6f0; }
  .workspace-heading { min-width:0; }.workspace-current-title { display:block; margin:3px 0 0; overflow:hidden; font-size:25px; font-weight:800; letter-spacing:-.035em; white-space:nowrap; text-overflow:ellipsis; }
.workspace-breadcrumb { color:#75839a; font-size:12px; font-weight:700; }
.workspace-topbar-actions { display:flex; align-items:center; gap:9px; }
.workspace-scope { display:grid; min-height:44px; align-content:center; border-right:1px solid var(--line); padding-right:15px; text-align:right; }
.workspace-scope b { font-size:12px; }.workspace-scope small { color:var(--muted); font-size:10px; }
.workspace-language select { min-width:92px; border:1px solid #d2dbe8; border-radius:9px; padding:8px 10px; color:var(--ink); background:#fff; }
.workspace-account { position:relative; }
.workspace-account-button { display:flex; min-height:44px; align-items:center; gap:9px; border:1px solid #d2dbe8; border-radius:10px; padding:5px 10px 5px 6px; color:var(--ink); background:#fff; }
.workspace-account-button > span { display:grid; width:32px; height:32px; place-items:center; border-radius:9px; color:#fff; background:#214f98; font-size:12px; font-weight:900; }
.workspace-account-button strong { max-width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.workspace-account-menu { position:absolute; z-index:30; top:calc(100% + 8px); right:0; display:grid; min-width:220px; gap:7px; border:1px solid var(--line); border-radius:12px; padding:14px; background:#fff; box-shadow:0 18px 38px #10233f24; }
.workspace-account-menu[hidden] { display:none; }.workspace-account-menu small,.workspace-account-menu span { color:var(--muted); font-size:11px; }.workspace-account-menu .outline { margin-top:5px; }
.workspace-content { min-width:0; max-width:100%; overflow-x:hidden; padding-top:26px; }
.workspace-page-header,.workspace-home-intro { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:0 0 18px; }
  .workspace-page-header h1,.workspace-home-intro h1 { margin:5px 0 7px; font-size:clamp(28px,3.4vw,42px); line-height:1.05; letter-spacing:-.05em; }
  .workspace-home-intro h1 { font-size:clamp(26px,3vw,38px); }
.workspace-page-header p,.workspace-home-intro p { max-width:720px; margin:0; color:var(--muted); line-height:1.55; }
.workspace-eyebrow { color:#2e64c5; font-size:11px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.workspace-page-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.workspace-icon-button { display:grid; width:44px; height:44px; place-items:center; border:1px solid var(--line); border-radius:10px; color:var(--brand); background:#fff; font-size:20px; }
.workspace-metric-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(188px,1fr)); gap:10px; margin-bottom:14px; }
.workspace-overview-metrics{margin-bottom:0}.workspace-overview-metrics .workspace-metric{min-height:112px}
.workspace-metric-grid.compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
.workspace-metric { display:grid; min-height:112px; gap:5px; border:1px solid #e2e7ed; border-radius:10px; padding:14px; background:#fff; box-shadow:none; }
.workspace-metric.alert { border-color:#efd08e; background:linear-gradient(145deg,#fff,#fffaf0); }
.workspace-metric.risk { border-color:#efd08e; background:linear-gradient(145deg,#fff,#fffaf0); }
.workspace-metric > span { color:var(--muted); font-size:12px; font-weight:700; }.workspace-metric > strong { font-size:32px; line-height:1; letter-spacing:-.05em; }
.workspace-metric > small { color:var(--muted); font-size:11px; }.workspace-metric .outline { width:max-content; min-height:36px; align-self:end; padding:7px 11px; }
.workspace-home-grid,.workspace-balanced-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.42fr); gap:12px; align-items:start; margin-bottom:12px; }
.workspace-balanced-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.workspace-panel { min-width:0; margin:0 0 12px; border:1px solid #e2e7ed; border-radius:10px; padding:16px; background:#fff; box-shadow:none; }
.workspace-panel-header { display:flex; min-height:36px; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.workspace-panel-header h2 { margin:0; font-size:18px; letter-spacing:-.025em; }.workspace-count { display:inline-flex; min-height:28px; align-items:center; border-radius:99px; padding:4px 9px; color:#4d617c; background:#edf2f8; font-size:11px; font-weight:800; }
.workspace-section { margin-bottom:26px; padding-bottom:10px; border-bottom:1px solid #dfe6ef; }
.workspace-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin:0 0 16px; }
.workspace-section-head h2 { margin:0 0 5px; font-size:23px; }.workspace-section-head p { max-width:760px; margin:0; color:var(--muted); }
.workspace-card-list { display:grid; gap:10px; }
.workspace-card { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; border:1px solid #e2e8f0; border-radius:13px; padding:14px; background:#fbfdff; }
.workspace-card strong { display:block; margin-bottom:4px; }.workspace-card p { margin:0 0 9px; color:var(--muted); }
.workspace-chip-row { display:flex; flex-wrap:wrap; gap:6px; }
.workspace-chip { display:inline-flex; min-height:28px; align-items:center; border-radius:99px; padding:4px 9px; color:#315d48; background:#e9f6ef; font-size:11px; font-weight:800; }
.workspace-chip.risk { color:#8a3d35; background:#fff0ed; }
.workspace-empty { display:grid; min-height:170px; justify-items:center; align-content:center; padding:24px; text-align:center; }
.workspace-empty.featured { min-height:270px; }.workspace-empty-icon { display:grid; width:42px; height:42px; place-items:center; border-radius:13px; color:#2c5fba; background:#eaf1ff; font-weight:900; }
.workspace-empty h3 { margin:10px 0 4px; font-size:16px; }.workspace-empty p { max-width:480px; margin:0 0 14px; color:var(--muted); font-size:13px; line-height:1.5; }
.workspace-status { display:inline-flex; width:max-content; min-height:25px; align-items:center; gap:6px; border-radius:99px; padding:4px 8px; color:#526177; background:#eef2f6; font-size:11px; font-weight:800; white-space:nowrap; }
.workspace-status > span { width:6px; height:6px; border-radius:50%; background:#8996a8; }.workspace-status.success { color:#17663c; background:#e9f7ef; }.workspace-status.success > span { background:#209459; }
.workspace-status.warning { color:#80570b; background:#fff3d6; }.workspace-status.warning > span { background:#d69218; }.workspace-status.danger { color:#9d2935; background:#fff0f2; }.workspace-status.danger > span { background:#cf3e4a; }
.workspace-approval-list,.workspace-team-list,.workspace-check-list,.workspace-compact-list { display:grid; }
.workspace-approval-list article,.workspace-team-list article,.workspace-check-list article { display:flex; min-height:66px; align-items:center; justify-content:space-between; gap:13px; border-bottom:1px solid #e7ecf2; padding:10px 0; }
.workspace-approval-list article:last-child,.workspace-team-list article:last-child,.workspace-check-list article:last-child { border-bottom:0; }
.workspace-approval-list article > div:first-child { display:grid; gap:2px; }.workspace-approval-list article > div:last-child { display:flex; gap:6px; }
.workspace-approval-list span,.workspace-team-list span,.workspace-approval-list small,.workspace-team-list small { color:var(--muted); font-size:11px; }
.workspace-approval-context { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; margin-top:6px; padding:8px 10px; border-radius:10px; background:#f7f9fc; }
.workspace-approval-context strong { color:var(--ink); font-size:13px; }
.workspace-approval-context span { font-size:12px; }
.workspace-approval-context p { flex-basis:100%; margin:2px 0 0; color:var(--ink); font-size:12px; line-height:1.45; }
.workspace-team-list article > div:nth-child(2) { display:grid; flex:1; gap:2px; }
.workspace-avatar { display:grid; flex:0 0 38px; width:38px; height:38px; place-items:center; border-radius:12px; color:#2455ad; background:#e9f1ff; font-weight:900; }
.workspace-avatar.large { width:54px; height:54px; border-radius:15px; font-size:18px; }
.workspace-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.workspace-quick-list { display:grid; }
.workspace-quick-action { display:grid; width:100%; min-height:52px; grid-template-columns:28px minmax(0,1fr) auto; align-items:center; gap:9px; border:0; border-bottom:1px solid #e8ecf1; border-radius:0; padding:8px 2px; color:var(--ink); background:transparent; text-align:left; }
.workspace-quick-action:last-child { border-bottom:0; }
.workspace-quick-action:hover { color:var(--brand); background:#f7f9fc; }.workspace-quick-action > span { display:grid; width:28px; height:28px; place-items:center; border-radius:8px; color:#4266a8; background:#edf2f8; font-size:11px; font-weight:900; }
.workspace-quick-action strong { min-width:0; font-size:12px; line-height:1.35; }.workspace-quick-action b { color:#6e86ad; }
.workspace-more-actions,.workspace-more-pending { margin-top:8px; border-top:1px solid #e8ecf1; padding-top:8px; }
.workspace-more-actions summary,.workspace-more-pending summary { width:max-content; cursor:pointer; color:var(--brand); font-size:12px; font-weight:800; }
.workspace-more-actions .workspace-quick-list,.workspace-more-pending .workspace-approval-list { margin-top:7px; }
.workspace-quiet-summary { display:flex; flex-wrap:wrap; gap:0; margin:-2px 0 14px; border-block:1px solid #e2e7ed; padding:9px 0; }
.workspace-quiet-summary span { display:flex; align-items:baseline; gap:6px; border-right:1px solid #e2e7ed; padding:2px 16px; color:var(--muted); font-size:12px; }
.workspace-quiet-summary span:first-child { padding-left:0; }.workspace-quiet-summary span:last-child { border-right:0; }
.workspace-quiet-summary strong { color:var(--ink); font-size:18px; }
.workspace-compact-list article { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; border-bottom:1px solid #e8edf3; padding:10px 0; }.workspace-compact-list article:last-child { border-bottom:0; }
.workspace-compact-list span { display:grid; gap:3px; }.workspace-compact-list small { color:var(--muted); font-size:10px; }.workspace-compact-list strong { overflow:hidden; font-size:12px; text-overflow:ellipsis; }
.workspace-setup { margin-bottom:20px; border:1px solid #c6d8fb; border-radius:17px; padding:20px; background:linear-gradient(135deg,#eef4ff,#fff); box-shadow:0 10px 28px #1c55ba12; }
.workspace-setup > header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }.workspace-setup h2 { margin:5px 0; font-size:23px; letter-spacing:-.035em; }.workspace-setup p { max-width:690px; margin:0; color:var(--muted); line-height:1.5; }
.workspace-progress { height:7px; margin:17px 0; overflow:hidden; border-radius:99px; background:#dae5f6; }.workspace-progress span { display:block; height:100%; border-radius:inherit; background:#2c62cc; }
.workspace-setup ol { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.workspace-setup li { display:grid; min-height:82px; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:4px 8px; border:1px solid #dce5f2; border-radius:11px; padding:10px; background:#fff; }
.workspace-setup li > span { grid-row:1/3; display:grid; width:28px; height:28px; place-items:center; border-radius:9px; color:#fff; background:#295dbb; font-size:11px; font-weight:900; }.workspace-setup li strong { font-size:12px; }.workspace-setup li small { color:var(--good); font-size:11px; }
.workspace-setup li .outline { grid-column:2; width:max-content; min-height:32px; padding:5px 9px; font-size:11px; }.workspace-setup li.complete { opacity:.72; }.workspace-setup li.complete > span { background:var(--good); }
.workspace-filter-panel { display:flex; align-items:center; gap:8px; margin:0 0 14px; overflow:auto; border:1px solid #dfe6ef; border-radius:13px; padding:11px; background:#fff; }
.workspace-filter-panel.compact { width:max-content; max-width:100%; }.workspace-filter-panel select,.workspace-filter-panel input { min-width:145px; border:1px solid #d1dae6; border-radius:8px; padding:8px 10px; background:#fff; }
.workspace-search { display:flex; min-width:min(390px,46vw); align-items:center; gap:7px; border:1px solid #d1dae6; border-radius:8px; padding:0 10px; background:#fff; }
.workspace-search input { min-width:0; width:100%; border:0; padding-left:0; outline:0; }
.workspace-table-wrap { min-width:0; width:100%; max-width:100%; overflow:auto; }.workspace-table { width:100%; border-collapse:collapse; font-size:12px; }.workspace-table th { padding:10px 9px; color:#697a91; background:#f8fafc; font-size:10px; font-weight:850; letter-spacing:.025em; text-transform:uppercase; white-space:nowrap; }
.workspace-table td { padding:11px 9px; border-bottom:1px solid #e8edf3; vertical-align:middle; }.workspace-table tbody tr:hover { background:#fafcff; }.workspace-table tbody tr[hidden] { display:none; }.workspace-table code { display:block; max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.workspace-row-actions { white-space:nowrap; }.workspace-row-actions .outline { min-height:34px; padding:6px 9px; font-size:11px; }
.workspace-evidence-list .workspace-table code { max-width:100%; }
.workspace-employee-summary { position:sticky; z-index:12; top:0; display:flex; align-items:center; gap:14px; margin:0 0 14px; border:1px solid #dce4ee; border-radius:15px; padding:15px 17px; background:#ffffffee; box-shadow:0 7px 24px #17304e0c; backdrop-filter:blur(10px); }
.workspace-employee-summary > div:nth-child(2) { flex:1; min-width:0; }.workspace-employee-summary h2 { margin:4px 0; font-size:25px; letter-spacing:-.035em; }.workspace-employee-summary p { margin:0; overflow:hidden; color:var(--muted); font-size:12px; white-space:nowrap; text-overflow:ellipsis; }
.workspace-employee-summary-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:8px; }
.workspace-back { min-height:34px; border:0; padding:0 0 9px; color:var(--brand); background:transparent; font-weight:800; }
.workspace-tabs { display:flex; gap:3px; margin:0 0 16px; overflow:auto; border-bottom:1px solid #dce4ed; scrollbar-width:thin; }.workspace-tabs button { display:flex; min-height:43px; align-items:center; gap:7px; border:0; border-bottom:2px solid transparent; padding:8px 12px; color:#66778f; background:transparent; font-weight:800; white-space:nowrap; }.workspace-tabs button.active { border-bottom-color:var(--brand); color:var(--brand); }
.workspace-tabs button span { display:inline-grid; min-width:20px; height:20px; place-items:center; border-radius:999px; padding:0 6px; color:#53657d; background:#edf1f5; font-size:10px; }
.workspace-section-tabs { margin-bottom:14px; }
.performance-form-dialog{width:min(900px,calc(100vw - 32px));max-height:min(88vh,900px);overflow:auto}
.performance-rating-fields{display:grid;gap:10px;min-width:0;margin:0;border:0;padding:0}.performance-rating-fields>legend{margin-bottom:8px;font-weight:850}
.performance-rating-row{display:grid;grid-template-columns:minmax(190px,1.2fr) minmax(120px,.45fr) minmax(220px,1fr);gap:10px;align-items:end;border:1px solid #dfe6ee;border-radius:11px;padding:11px;background:#f8fafc}
.performance-rating-row header{display:grid;gap:3px;align-self:center}.performance-rating-row header small{color:var(--muted)}.performance-rating-row label{display:grid;gap:5px;color:#52637a;font-size:11px;font-weight:750}.performance-rating-row input,.performance-rating-row textarea{width:100%;margin:0;background:#fff}.performance-rating-row textarea{min-height:58px}
.workspace-detail-summary dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 14px;overflow:hidden;border:1px solid #dfe6ee;border-radius:11px;background:#dfe6ee}.workspace-detail-summary dt,.workspace-detail-summary dd{margin:0;padding:10px 12px;background:#fff}.workspace-detail-summary dt{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}.workspace-detail-summary dd{font-size:13px;font-weight:750;overflow-wrap:anywhere}
.workspace-form-error{border:1px solid #efb8b8;border-radius:9px;padding:10px;color:#8f2020;background:#fff4f4}
@media(max-width:768px){.performance-rating-row{grid-template-columns:1fr}.workspace-detail-summary dl{grid-template-columns:1fr 1fr}.performance-form-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}.workspace-section-tabs{margin-inline:-4px}}
.workspace-profile-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 17px; }.workspace-profile-grid > div { min-width:0; border-radius:10px; padding:12px; background:#f7f9fc; }.workspace-profile-grid dt { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.workspace-profile-grid dd { margin:5px 0 0; overflow-wrap:anywhere; line-height:1.45; }
.workspace-privacy-note { border-radius:10px; padding:12px; color:#6f5d32; background:#fff7e3; font-size:12px; }
.workspace-exit-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-bottom:13px; }.workspace-exit-steps article { display:grid; min-height:90px; align-content:center; gap:4px; border:1px solid #ead4a4; border-radius:10px; padding:10px; background:#fffaf0; }.workspace-exit-steps article.complete { border-color:#b9dec9; background:#f1faf5; }
.workspace-exit-steps article > span { color:#a96c0a; font-weight:900; }.workspace-exit-steps article.complete > span { color:var(--good); }.workspace-exit-steps strong { font-size:11px; }.workspace-exit-steps small { color:var(--muted); font-size:10px; }
.workspace-final-pay { display:flex; align-items:center; justify-content:space-between; gap:10px; }.workspace-check-list select { min-width:160px; }
.workspace-navigation-open,.workspace-dialog-open { overflow:hidden; }.modal { z-index:80; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #6b9cff; outline-offset:2px; }

@media (max-width:1100px) {
  .workspace-app { grid-template-columns:232px minmax(0,1fr); }.workspace-main { padding-left:24px; padding-right:24px; }
  .workspace-scope { display:none; }.workspace-balanced-grid { grid-template-columns:1fr; }.workspace-exit-steps { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .workspace-filter-panel { align-items:stretch; flex-wrap:wrap; overflow:visible; }.workspace-search { min-width:100%; }.workspace-filter-panel select { flex:1 1 180px; }
}

/* Governed bulk import: compact review surface, with errors readable without
   turning the operational workspace into another dashboard. */
.bulk-import-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 0 1rem;background:var(--border,#d9e1ec);border:1px solid var(--border,#d9e1ec);border-radius:14px;overflow:hidden}
.bulk-import-summary>div{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;background:#fff;min-width:0}.bulk-import-summary span{font-size:.78rem;color:var(--muted,#617086)}.bulk-import-summary strong{overflow-wrap:anywhere}
.bulk-import-errors{margin:0;padding-left:1.1rem;color:#a12626;font-size:.82rem}.bulk-import-errors li+li{margin-top:.2rem}
.bulk-import-form .button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:768px){.bulk-import-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.bulk-import-form .workspace-decision-actions{align-items:stretch}.bulk-import-form .workspace-decision-actions>*{width:100%}}

/* Dedicated OKR management centre */
.okr-management-centre { display: grid; gap: 18px; }
.okr-live-status { align-items: center; color: var(--muted, #68717b); display: inline-flex; font-size: .8rem; gap: 8px; min-height: 20px; }
.okr-live-status::before { background: #9aa1a9; border-radius: 50%; content: ""; height: 8px; width: 8px; }
.okr-live-status.connected::before { background: #337154; }
.okr-live-status.disconnected { color: #8a5a18; }
.okr-live-status.disconnected::before { background: #b97920; }
.okr-metric-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.okr-metric { background: var(--surface, #fff); border: 1px solid var(--border, #dee2e6); border-radius: 14px; padding: 14px 16px; display: grid; gap: 6px; }
.okr-metric span { color: var(--muted, #68717b); font-size: .78rem; }
.okr-metric strong { color: var(--text, #24282f); font-size: 1.55rem; }
.okr-metric.success { border-left: 3px solid #2f6b4f; }
.okr-metric.warning { border-left: 3px solid #b7791f; }
.okr-metric.danger { border-left: 3px solid #a84f42; }
.okr-filters { grid-template-columns: minmax(220px, 1.4fr) repeat(5, minmax(140px, .8fr)); }
.okr-tree-title { display: grid; gap: 3px; padding-left: calc(var(--okr-depth, 0) * 20px); min-width: 230px; }
.okr-tree-title small { color: var(--muted, #68717b); }
.okr-progress { display: grid; grid-template-columns: minmax(80px, 1fr) auto; align-items: center; gap: 8px; min-width: 130px; }
.okr-progress > div { height: 7px; overflow: hidden; border-radius: 999px; background: #ebebea; }
.okr-progress > div > span { display: block; height: 100%; border-radius: inherit; background: var(--brand, #4a5f88); }
.okr-progress strong { font-size: .78rem; font-variant-numeric: tabular-nums; }
.okr-detail { display: grid; gap: 14px; }
.management-back-link { border: 0; padding: 0; background: transparent; color: var(--brand, #4a5f88); font-weight: 700; cursor: pointer; }
.management-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.okr-detail-panels { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr); align-items: start; gap: 14px; }
.okr-detail-panels > article, .management-detail-section { min-width: 0; background: var(--surface, #fff); border: 1px solid var(--border, #dee2e6); border-radius: 14px; padding: 18px; }
.management-detail-facts { margin: 0; }
.management-dependencies { margin: 0; padding: 0; display: grid; gap: 8px; list-style: none; }
@media (max-width: 1100px) {
  .okr-metric-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .okr-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .okr-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .okr-filters { grid-template-columns: 1fr; }
  .okr-tree-title { min-width: 0; width: 100%; }
  .okr-tree-title strong { overflow-wrap: anywhere; }
  .okr-detail-panels { grid-template-columns: 1fr; }
  .okr-management-centre .management-page-actions { width: 100%; }
  .okr-management-centre .management-page-actions > * { flex: 1 1 140px; }
}

.workspace-mfa-enrollment { display:grid; gap:12px; justify-items:start; margin:16px 0; }
.workspace-mfa-enrollment img { border:1px solid var(--border, #dee2e6); border-radius:12px; background:#fff; padding:8px; }
.workspace-mfa-enrollment code,.workspace-mfa-enrollment pre { max-width:100%; overflow:auto; padding:10px 12px; border-radius:8px; background:#f2f3f4; color:#24282f; }
@media (min-width:801px) and (max-width:1450px) {
  .workspace-evidence-list .workspace-table-wrap { overflow:visible; }
  .workspace-evidence-list .workspace-table thead { display:none; }
  .workspace-evidence-list .workspace-table,
  .workspace-evidence-list .workspace-table tbody,
  .workspace-evidence-list .workspace-table tr,
  .workspace-evidence-list .workspace-table td { display:block; width:100%; }
  .workspace-evidence-list .workspace-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:12px; overflow:hidden; border:1px solid #dfe6ef; border-radius:12px; background:#fff; }
  .workspace-evidence-list .workspace-table td { display:grid; min-width:0; min-height:46px; grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr); gap:10px; border-bottom:1px solid #edf1f5; padding:10px 12px; overflow-wrap:anywhere; }
  .workspace-evidence-list .workspace-table td::before { content:attr(data-label); color:#6e7c90; font-size:10px; font-weight:850; text-transform:uppercase; }
  .workspace-evidence-list .workspace-table td:nth-last-child(1) { grid-column:1/-1; border-bottom:0; }
  .workspace-evidence-list .workspace-row-actions { display:flex; flex-wrap:wrap; align-items:center; white-space:normal; }
}

@media (max-width:800px) {
  .workspace-app,.workspace-app.sidebar-collapsed { display:block; }
  .workspace-sidebar { position:fixed; inset:0 auto 0 0; width:min(310px,88vw); height:100dvh; transform:translateX(-105%); transition:transform .2s ease; box-shadow:14px 0 38px #071a3c52; }
  .workspace-app.nav-open .workspace-sidebar { transform:translateX(0); }
  .workspace-nav-backdrop { position:fixed; z-index:34; inset:0; border:0; background:#06142b91; }.workspace-app.nav-open .workspace-nav-backdrop { display:block; }
  .workspace-mobile-menu { position:fixed; z-index:33; top:17px; left:14px; display:grid; width:44px; height:44px; place-items:center; border:1px solid #d2dce9; border-radius:11px; color:#173e7c; background:#fff; box-shadow:0 6px 18px #10264517; font-size:18px; }
  .workspace-mobile-close { display:grid; width:40px; height:40px; place-items:center; border:0; border-radius:10px; color:#fff; background:#ffffff12; font-size:23px; }
  .workspace-sidebar-collapse { display:none; }.sidebar-collapsed .workspace-brand strong,.sidebar-collapsed .workspace-nav-heading span,.sidebar-collapsed .workspace-nav-heading b,.sidebar-collapsed .workspace-nav-label { display:initial; }
  .sidebar-collapsed .workspace-sidebar-header { justify-content:space-between; padding:16px 18px 12px; }.sidebar-collapsed .workspace-navigation { padding:6px 12px 16px; }.sidebar-collapsed .workspace-nav-heading { min-height:34px; margin:0; border:0; padding:7px 8px; }.sidebar-collapsed .workspace-nav-item { justify-content:flex-start; padding:8px 10px; }
  .workspace-main { max-width:none; padding:0 16px 46px; }.workspace-topbar { min-height:78px; padding-left:55px; }.workspace-current-title { font-size:20px; }.workspace-breadcrumb { display:none; }
  .workspace-account-button strong { display:none; }.workspace-content { padding-top:20px; }
  .workspace-page-header,.workspace-home-intro { align-items:flex-start; flex-direction:column; gap:13px; }.workspace-page-actions { justify-content:flex-start; }
  .workspace-card,.workspace-section-head { align-items:stretch; flex-direction:column; }.workspace-card .workspace-page-actions { width:100%; }
  .workspace-home-grid,.workspace-balanced-grid { grid-template-columns:1fr; }.workspace-metric-grid.compact { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .workspace-setup > header { align-items:flex-start; flex-direction:column; gap:10px; }.workspace-profile-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.workspace-exit-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:640px) {
  .workspace-table thead { display:none; }.workspace-table,.workspace-table tbody,.workspace-table tr,.workspace-table td { display:block; width:100%; }
  .workspace-table tr { margin-bottom:10px; overflow:hidden; border:1px solid #dfe6ef; border-radius:11px; background:#fff; }
  .workspace-table td { display:grid; min-height:42px; grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr); gap:10px; border-bottom:1px solid #edf1f5; padding:9px 11px; }
  .workspace-table td:last-child { border-bottom:0; }.workspace-table td::before { content:attr(data-label); color:#6e7c90; font-size:10px; font-weight:850; text-transform:uppercase; }
  .workspace-row-actions { white-space:normal; }.workspace-row-actions .outline { width:100%; }
  .workspace-panel { padding:14px; }.workspace-panel-header { align-items:flex-start; }.workspace-metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .workspace-quick-grid { grid-template-columns:1fr; }.workspace-compact-list article { grid-template-columns:1fr 1fr; }.workspace-profile-grid { grid-template-columns:1fr; }
}

@media (max-width:390px) {
  .workspace-main { padding-left:12px; padding-right:12px; }.workspace-topbar { padding-left:54px; gap:6px; }.workspace-heading { max-width:105px; }
  .workspace-language select { min-width:78px; max-width:82px; padding-left:7px; padding-right:7px; }.workspace-account-button { padding-right:6px; }
  .workspace-page-header h1,.workspace-home-intro h1 { font-size:30px; }.workspace-metric-grid,.workspace-metric-grid.compact { grid-template-columns:1fr; }
  .workspace-metric { min-height:126px; }.workspace-setup ol { grid-template-columns:1fr; }.workspace-exit-steps { grid-template-columns:1fr; }
  .workspace-employee-summary { position:static; align-items:flex-start; flex-wrap:wrap; }.workspace-employee-summary-actions { width:100%; justify-content:flex-start; padding-left:68px; }
  .workspace-approval-list article,.workspace-team-list article,.workspace-check-list article { align-items:flex-start; flex-wrap:wrap; }.workspace-approval-list article > div:last-child { width:100%; }
  .workspace-approval-list article > div:last-child button { flex:1; }.workspace-final-pay { align-items:flex-start; flex-direction:column; }
}

/* Brand, Letterhead and official document templates */
.renderer-readiness { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin:0 0 13px; }
.renderer-card { display:flex; min-height:74px; align-items:center; gap:12px; border:1px solid #dce5ef; border-radius:13px; padding:13px 15px; background:#fff; }
.renderer-card > span { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; font-weight:900; }
.renderer-card.ready > span { color:#176b3e; background:#e6f7ed; }
.renderer-card.unavailable > span { color:#8b5b00; background:#fff1cf; }
.renderer-card strong,.renderer-card small { display:block; }.renderer-card small { margin-top:3px; color:var(--muted); }
.workspace-callout { margin:0 0 16px; border-left:3px solid #6b8fd9; padding:10px 13px; color:#526078; background:#f5f8ff; font-size:13px; line-height:1.5; }
.brand-print-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr)); gap:12px; }
.brand-print-card { min-width:0; border:1px solid #dce5ef; border-radius:13px; padding:16px; background:linear-gradient(145deg,#fff,#fbfcff); }
.brand-print-card > header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.brand-print-card header span:not(.workspace-status) { color:var(--muted); font-size:11px; font-weight:750; }
.brand-print-card h3 { margin:4px 0 0; font-size:18px; letter-spacing:-.025em; }
.brand-print-card dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:15px 0; }
.brand-print-card dl div { min-width:0; border-radius:8px; padding:8px 9px; background:#f2f5f9; }
.brand-print-card dt { color:var(--muted); font-size:10px; }.brand-print-card dd { margin:3px 0 0; overflow:hidden; font-size:12px; font-weight:750; text-overflow:ellipsis; white-space:nowrap; }
.brand-print-card footer { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.brand-swatch { display:flex; align-items:center; gap:7px; }.brand-swatch span { width:22px; height:22px; border:1px solid #cbd5e1; border-radius:50%; }.brand-swatch small { margin-left:3px; color:var(--muted); }
.hash-line { display:grid; gap:4px; margin:8px 0; color:var(--muted); font-size:10px; }.hash-line code { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.brand-print-modal { width:min(860px,100%); }.margin-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; border:1px solid #dce5ef; border-radius:10px; padding:12px; }
.template-mapping-config{padding:12px;border:1px solid #dce5ef;border-radius:10px;background:#f8fafc}.template-mapping-config summary{cursor:pointer;font-weight:750}.template-mapping-config[open] summary{margin-bottom:12px}.template-mapping-config>[hidden]{display:none}
.pdf-preview-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-right:42px; }.pdf-preview-head small { color:var(--muted); }.pdf-preview-head h2 { margin:3px 0 0; }.pdf-preview-loading { display:grid; min-height:360px; place-items:center; color:var(--muted); }.pdf-preview-frame { width:100%; height:min(72vh,900px); border:1px solid #dce5ef; border-radius:10px; background:#edf1f5; }
.margin-grid legend { padding:0 5px; font-weight:750; }.margin-grid label { display:grid; gap:4px; color:var(--muted); font-size:11px; }
@media (max-width:768px) { .renderer-readiness { grid-template-columns:1fr; }.brand-print-grid { grid-template-columns:1fr; }.margin-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:480px) { .pdf-preview-head { align-items:flex-start; flex-direction:column; gap:8px; }.pdf-open-tab { align-self:flex-start; }.pdf-preview-frame { height:68vh; } }

/* Content centre and position configuration */
.content-filter-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:10px;scrollbar-width:thin}
.content-filter-tabs button{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid #dbe3ee;background:#fff;color:#3c4b63;border-radius:999px;padding:9px 14px}
.content-filter-tabs button span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:99px;background:#eef2f7;font-size:11px}
.content-filter-tabs button.active{border-color:var(--accent);background:#edf8f4;color:#11634d}
.content-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.content-resource-card{display:flex;flex-direction:column;min-height:250px;padding:18px;border:1px solid #dfe6ef;border-radius:16px;background:#fff;box-shadow:0 6px 24px #14233d0a}
.content-resource-card header,.content-resource-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.content-resource-card h3{font-size:17px;margin:17px 0 6px}.content-resource-card p{color:var(--muted);font-size:12px;line-height:1.55;flex:1}
.content-resource-card dl{display:grid;gap:6px;margin:12px 0}.content-resource-card dl div{display:flex;justify-content:space-between;gap:16px;font-size:11px}.content-resource-card dt{color:var(--muted)}.content-resource-card dd{margin:0;text-align:right}
.content-resource-card footer{justify-content:flex-start;border-top:1px solid #edf0f4;padding-top:12px}.content-type{font-size:11px;color:#39705f;background:#eef8f5;border-radius:99px;padding:5px 9px}
.content-modal-box{width:min(980px,calc(100vw - 28px));max-height:92vh;overflow:auto}
.content-type-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;border:0;padding:0;margin:18px 0}
.content-type-picker legend{font-weight:700;margin-bottom:9px}.content-type-picker label{position:relative}.content-type-picker input{position:absolute;opacity:0}.content-type-picker span{display:flex;min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:11px 12px;border:1px solid #dfe5ed;border-radius:11px;background:#fff}.content-type-picker span strong{font-size:13px}.content-type-picker span small{color:var(--muted);font-size:10px;line-height:1.35}.content-type-picker input:focus-visible+span{outline:3px solid #26a17b33;outline-offset:2px}.content-type-picker input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px #26a17b22;background:#effaf6}.content-authoring-intro{margin:15px 0;padding:12px 14px;border-left:3px solid var(--accent);border-radius:7px;background:#f2f8f6;color:#27483f;font-size:12px;line-height:1.6}
.workspace-online-material{display:block;padding:16px}.workspace-online-material header{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.workspace-online-material header small{color:var(--muted)}.workspace-online-material-body{margin-top:12px;padding:14px;border-radius:9px;background:#f7f9fb;line-height:1.75;white-space:pre-wrap}.workspace-online-material footer{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.content-scope{display:grid;grid-template-columns:1fr;gap:12px;border:1px solid #e0e6ee;border-radius:12px;padding:16px;margin:15px 0}.content-scope legend{font-weight:700}.content-scope label{font-size:12px}.content-scope select,.content-scope input{min-width:0}.content-scope-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.content-scope-options label{position:relative}.content-scope-options input{position:absolute;opacity:0}.content-scope-options span{display:flex;min-height:48px;align-items:center;justify-content:center;padding:9px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;font-weight:700}.content-scope-options input:checked+span{border-color:var(--accent);box-shadow:0 0 0 2px #26a17b22;background:#effaf6;color:#155e4a}
.content-builder{display:grid;gap:10px;margin:15px 0}.content-builder-row{display:grid;grid-template-columns:2fr 1fr 1fr auto auto auto auto;gap:8px;align-items:center;border:1px solid #e0e6ee;border-radius:12px;padding:10px;background:#f9fbfd}.content-builder-row.application-row{grid-template-columns:2fr 1fr 1.35fr 1.2fr;align-items:end}.content-builder-row.assessment-row{grid-template-columns:1fr 2fr .7fr 1.5fr}.content-builder-row.checklist-row{grid-template-columns:1fr 1.6fr 1fr 1fr 1.2fr 1.2fr auto auto}.content-builder-row.is-dragging{opacity:.48;box-shadow:0 8px 24px rgba(18,45,70,.14)}.builder-order-controls{grid-column:1/-1;display:flex;justify-content:flex-end;gap:4px}.builder-drag-handle{cursor:grab}.builder-drag-handle:active{cursor:grabbing}.content-builder-row label{font-size:10px}.content-builder-row textarea{min-height:42px}.builder-field{display:grid;gap:5px}.builder-field>span{font-size:11px;font-weight:700;color:var(--muted)}.builder-check{display:flex;align-items:center;gap:7px;min-height:42px}.builder-check span{font-size:12px}
.content-wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:18px 0;padding-bottom:14px;border-bottom:1px solid #e3e8ef}.content-wizard-steps button{display:flex;align-items:center;gap:8px;text-align:left;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;padding:8px}.content-wizard-steps button span{display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#edf1f5;font-weight:800}.content-wizard-steps button.active{color:#155e4a;background:#eff8f5;font-weight:750}.content-wizard-steps button.active span{background:var(--accent);color:#fff}.content-wizard-steps button:disabled{opacity:.58}.content-wizard-panel{min-height:330px}.content-wizard-panel[hidden]{display:none}.content-review-card{margin-top:14px;padding:17px;border:1px solid #dbe4ed;border-radius:13px;background:#f8fafc}.content-review-card h3{margin:0 0 12px}.content-review-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.content-review-card dl div{padding:9px;border-bottom:1px solid #e4e9ef}.content-review-card dt{color:var(--muted);font-size:10px}.content-review-card dd{margin:4px 0 0;font-weight:750}.builder-advanced{grid-column:1/-1;padding:8px 10px;border:1px dashed #ccd6e2;border-radius:9px;background:#fff}.builder-advanced summary{cursor:pointer;color:var(--muted);font-size:11px;font-weight:750}.builder-advanced[open] summary{margin-bottom:9px}.builder-advanced small{display:block;margin-top:5px;color:var(--muted)}
.content-form-actions{display:flex;justify-content:flex-end;gap:9px;position:sticky;bottom:-1px;background:#fff;border-top:1px solid #e4e9f0;padding:13px 0 2px;margin-top:18px}.content-preview-list{display:grid;gap:9px;padding-left:22px}.content-preview-list li{padding:9px;border-bottom:1px solid #e8edf3}.content-preview-list span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.content-definition-preview{display:grid;gap:8px}.content-definition-preview div{display:grid;grid-template-columns:180px 1fr;gap:15px;border-bottom:1px solid #e9edf2;padding:8px}.content-definition-preview dt{font-weight:700}.content-definition-preview dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.button-link{display:inline-flex;margin:3px;text-decoration:none}
.content-print-binding{margin:15px 0;padding:14px;border:1px solid #bfd4f6;border-radius:12px;background:#f5f9ff}.content-print-binding .hint{margin:7px 0 0}
.workspace-row-select{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;margin-right:4px}.workspace-row-select input{width:18px;height:18px;min-height:0}.workspace-table td:last-child .button-link{min-height:38px;padding:7px 11px}
.workspace-count-link{display:inline-flex;min-width:32px;min-height:28px;align-items:center;justify-content:center;border:1px solid #cfd9e6;border-radius:999px;padding:3px 10px;background:#f4f7fb;color:#245d9b;font:inherit;font-weight:800;cursor:pointer}.workspace-count-link:hover{border-color:#8fb2d7;background:#eaf2fb}.workspace-count-link:focus-visible{outline:3px solid rgba(36,93,155,.2);outline-offset:2px}
.employee-current-summary>.workspace-panel{min-width:0}.workspace-salary-metrics{margin:0}.workspace-salary-trend-group+ .workspace-salary-trend-group{margin-top:22px}.workspace-salary-trend-group h3{margin:0 0 12px;font-size:13px;color:#4d617c}.workspace-salary-trend{display:grid;gap:9px}.workspace-salary-trend-row{display:grid;grid-template-columns:72px minmax(100px,1fr) minmax(100px,max-content);gap:12px;align-items:center;font-size:12px}.workspace-salary-trend-row>span{color:#667892}.workspace-salary-trend-row>div{height:10px;overflow:hidden;border-radius:999px;background:#edf2f8}.workspace-salary-trend-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2b62dc,#6b91ee)}.workspace-salary-trend-row strong{text-align:right;color:#12233f}@media(max-width:720px){.workspace-salary-trend-row{grid-template-columns:62px minmax(72px,1fr) minmax(84px,max-content);gap:8px}}
.workspace-confirmation{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #d7e0ea;border-radius:10px;background:#f8fafc;font-size:12px;line-height:1.45}.workspace-confirmation input{flex:0 0 auto;width:18px;height:18px;min-height:0;margin-top:1px}.workspace-export-selection{display:grid;max-height:160px;overflow:auto;gap:5px;margin:12px 0;padding:10px;border:1px solid #dfe6ef;border-radius:10px;background:#f8fafc}.workspace-export-selection span{display:flex;justify-content:space-between;gap:14px;padding:5px 7px;font-size:12px}.workspace-export-selection strong{color:#8b4d00}.workspace-export-integrity{display:inline-block;max-width:280px;margin:3px}.workspace-export-integrity summary{cursor:pointer;color:#3a5f8d;font-size:11px;font-weight:700}.workspace-export-integrity small,.workspace-export-integrity code{display:block;margin-top:5px}.workspace-export-integrity code{max-width:260px;overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.workspace-kanban-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.workspace-kanban-column{min-width:250px;padding:12px;border:1px solid #e1e7ef;border-radius:14px;background:#f7f9fc}.workspace-kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 11px}.workspace-kanban-column>header span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:999px;background:#e7edf5;font-size:12px;font-weight:800}.workspace-kanban-column>div{display:grid;gap:10px}.workspace-task-card{padding:13px;border:1px solid #dce4ed;border-radius:12px;background:#fff;box-shadow:0 4px 12px #1a33530a}.workspace-task-card.blocked{border-color:#e8ba77;background:#fffaf3}.workspace-task-card h3{margin:8px 0 5px;font-size:15px}.workspace-task-card p{margin:0 0 8px;color:var(--muted);font-size:13px;white-space:pre-wrap}.workspace-task-card small{display:block;color:var(--muted);margin-top:5px}.workspace-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px}.workspace-choice{display:flex;gap:8px;align-items:center;padding:9px;border:1px solid #e1e7ef;border-radius:9px}.workspace-choice input{width:18px;height:18px;min-height:0}.workspace-objective-card{margin-bottom:14px;border:1px solid #e0e7f0;border-radius:14px;overflow:hidden}.workspace-objective-card>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;background:#f8fafc}.workspace-objective-card h3{margin:6px 0}.workspace-objective-card p{margin:4px 0;color:var(--muted)}.workspace-objective-card>header small{margin-left:8px;color:var(--muted)}
@media(max-width:768px){.workspace-kanban-grid{grid-template-columns:repeat(3,minmax(82vw,1fr))}.workspace-objective-card>header{flex-direction:column}.workspace-objective-card>header button{width:100%}}
.position-wizard-box{width:min(1120px,calc(100vw - 28px));height:min(900px,94vh);display:flex;flex-direction:column;overflow:hidden}.position-wizard-header{display:flex;justify-content:space-between;gap:16px;padding-right:38px}.position-wizard-header h2{margin:0}.position-wizard-header p{color:var(--muted);font-size:12px}.position-wizard-header>span{font-size:11px;color:#28765f}
.position-wizard-steps{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:12px 0;border-bottom:1px solid #e3e8ef;padding-bottom:11px}.position-wizard-steps button{display:flex;align-items:center;gap:6px;text-align:left;border:0;background:transparent;color:var(--muted);font-size:10px;padding:6px}.position-wizard-steps button span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#edf1f5}.position-wizard-steps button.active{color:#155e4a;font-weight:700}.position-wizard-steps button.active span{background:var(--accent);color:#fff}
.position-wizard-box form{display:flex;min-height:0;flex:1;flex-direction:column}.position-wizard-box [data-position-step]{overflow:auto;padding:8px 4px 20px;flex:1}.position-wizard-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e1e7ef;padding-top:12px}.position-wizard-explainer{border:1px solid #dce5ed;background:#f7fafc;border-radius:14px;padding:24px}.position-wizard-explainer p{color:var(--muted);max-width:760px}.position-wizard-explainer>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.position-wizard-review{border:1px solid #dbe4ed;border-radius:14px;padding:20px}.position-wizard-review dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.position-wizard-review dl div{border-bottom:1px solid #e8edf2;padding:9px}.position-wizard-review dt{font-size:10px;color:var(--muted)}.position-wizard-review dd{margin:4px 0 0;font-weight:700}
.position-wizard-box .inline-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.position-wizard-box select[multiple]{min-height:112px}
.position-preview-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.position-preview-toolbar .active{background:#e4f1ec;border-color:#82b9a7;color:#155e4a}.position-wizard-review{transition:max-width .2s ease,margin .2s ease}.position-wizard-review[data-preview-mode=mobile]{max-width:390px;margin-inline:auto}.position-draft-preview>header{display:flex;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #e1e8e5}.position-draft-preview>header span{color:var(--muted);font-size:11px;letter-spacing:.08em}.position-draft-preview>header h3{font-size:clamp(24px,4vw,40px);line-height:1.12;margin:5px 0}.position-draft-preview>header p{margin:0;color:var(--muted)}.position-draft-preview>header strong{white-space:nowrap}.position-draft-preview>dl,.position-configuration-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.position-draft-preview>dl div,.position-configuration-summary div{border:1px solid #e3e9e7;border-radius:10px;padding:10px}.position-draft-preview dt,.position-configuration-summary dt{font-size:10px;color:var(--muted)}.position-draft-preview dd,.position-configuration-summary dd{margin:4px 0 0;font-weight:700}.position-draft-preview section{margin-top:18px}.position-draft-preview h4{margin:0 0 6px}.position-draft-preview ul{margin:0;padding-left:20px}.position-preview-tags{display:flex;flex-wrap:wrap;gap:7px}.position-preview-tags span{border-radius:999px;background:#e8f3ef;color:#155e4a;padding:5px 9px;font-size:12px}.position-readiness{margin-top:12px;border:1px solid #cfe5dc;background:#f2faf7;border-radius:12px;padding:14px}.position-readiness.incomplete{border-color:#efd8aa;background:#fff9eb}.position-readiness>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.workspace-status-chip.warning{background:#fff0cb;color:#7a4c00}
.position-wizard-review[data-preview-mode=mobile] .position-draft-preview>header{display:block}.position-wizard-review[data-preview-mode=mobile] .position-draft-preview>dl,.position-wizard-review[data-preview-mode=mobile] .position-configuration-summary{grid-template-columns:1fr}
.position-benefits{grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dbe3ed;border-radius:10px;padding:11px 13px}.position-benefits legend{padding:0 5px}.position-benefits label{display:flex;align-items:center;gap:7px;font-weight:600}.position-benefits input{width:18px;min-height:18px}
@media(max-width:1100px){.content-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-builder-row,.content-builder-row.assessment-row,.content-builder-row.checklist-row{grid-template-columns:1fr 1fr}.position-wizard-steps{display:flex;overflow-x:auto}.position-wizard-steps button{min-width:130px}}
@media(max-width:620px){.content-resource-grid{grid-template-columns:1fr}.content-type-picker,.content-scope-options{grid-template-columns:1fr 1fr}.content-wizard-steps{display:flex;overflow-x:auto}.content-wizard-steps button{min-width:150px}.content-review-card dl{grid-template-columns:1fr}.content-builder-row,.content-builder-row.assessment-row,.content-builder-row.checklist-row{grid-template-columns:1fr}.position-wizard-box{width:100vw;height:100vh;max-height:none;border-radius:0}.position-wizard-box .inline-control{grid-template-columns:1fr}.position-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.position-wizard-review dl,.position-draft-preview>dl,.position-configuration-summary{grid-template-columns:1fr}.position-draft-preview>header{display:block}.position-wizard-actions{flex-wrap:wrap}.position-wizard-actions button{flex:1}.content-definition-preview div{grid-template-columns:1fr}}

/* Native content authoring */
.content-native-editor-callout{border:1px solid #b8d8cc;border-radius:14px;padding:18px;background:#f1faf7;color:#173f34}
.content-native-editor-callout strong{display:block;font-size:16px}.content-native-editor-callout p{margin:8px 0 0;color:#527066}
.native-editor-page{min-width:0;background:#e8edf3;color:#172033}
.native-editor-page button,.native-editor-page select,.native-editor-page input{font:inherit}
.editor-loading,.editor-fatal{display:grid;place-items:center;align-content:center;min-height:100vh;gap:16px;text-align:center}
.editor-loading-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#102a56;color:#fff;font-size:26px;font-weight:800}
.native-editor-shell{min-height:100vh}
.native-editor-topbar{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:18px;min-height:68px;padding:10px 22px;border-bottom:1px solid #d9e1ea;background:#fff}
.native-editor-back{color:#36506f;text-decoration:none;font-size:13px;font-weight:650}.native-editor-back:hover{text-decoration:underline}
.native-editor-title{display:grid;min-width:0}.native-editor-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.native-editor-title span{color:#6b7a8d;font-size:12px}
.native-editor-save-state{display:grid;grid-template-columns:10px auto;align-items:center;column-gap:8px;min-width:140px}
.native-editor-save-state>span{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#6b7a8d}
.native-editor-save-state strong{font-size:12px}.native-editor-save-state small{color:#728096;font-size:10px}
.native-editor-save-state[data-save-state=saved]>span{background:#16815f}.native-editor-save-state[data-save-state=saving]>span{background:#2f65d9;animation:editor-pulse 1s infinite}.native-editor-save-state[data-save-state=offline]>span,.native-editor-save-state[data-save-state=failed]>span{background:#c0781a}.native-editor-save-state[data-save-state=conflict]>span{background:#c43a3a}
@keyframes editor-pulse{50%{opacity:.3}}
.native-editor-actions{display:flex;gap:8px;white-space:nowrap}
.native-editor-actions button{min-height:38px;padding:0 13px}
.native-editor-tabs{display:flex;gap:4px;align-items:center;padding:9px 22px;border-bottom:1px solid #d9e1ea;background:#fff}
.native-editor-tabs a,.native-editor-tabs button{border:0;border-radius:8px;padding:8px 13px;background:transparent;color:#607086;text-decoration:none;font-size:12px}
.native-editor-tabs .active{background:#eaf3ef;color:#17624f;font-weight:700}
.native-editor-trust{display:flex;align-items:center;gap:10px;padding:7px 22px;background:#fff9e9;color:#715820;font-size:12px}.native-editor-trust p{margin:0}
.native-editor-toolbar{position:sticky;z-index:35;top:68px;display:flex;flex-wrap:wrap;align-items:center;gap:5px;min-height:52px;padding:7px 18px;border-bottom:1px solid #ccd5df;background:#f9fbfd;box-shadow:0 3px 10px #102a560d;overflow:visible}
.native-editor-toolbar button,.native-editor-toolbar select{min-height:34px;border:1px solid transparent;border-radius:7px;padding:0 9px;background:transparent;color:#27384f;white-space:nowrap}
.native-editor-toolbar button:hover,.native-editor-toolbar button.active{border-color:#bcc9d8;background:#fff;color:#174f9b}
.native-editor-toolbar select{border-color:#ccd6e2;background:#fff}
.native-editor-toolbar button:disabled{opacity:.45}
.toolbar-divider{width:1px;height:24px;margin:0 3px;background:#d6dde6}.toolbar-spacer{flex:1}
.toolbar-color{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:7px}.toolbar-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.toolbar-color span{border-bottom:3px solid #172033;font-weight:700}
.native-editor-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 172px)}
.native-editor-settings{position:sticky;top:120px;align-self:start;display:grid;gap:14px;max-height:calc(100vh - 130px);padding:20px;border-right:1px solid #d3dce6;background:#f7f9fb;overflow:auto}
.native-editor-settings h2{margin:0;font-size:15px}.native-editor-settings label{display:grid;gap:6px;color:#526276;font-size:12px}.native-editor-settings select{width:100%;min-height:38px;border:1px solid #c8d3df;border-radius:8px;background:#fff}
.native-editor-settings dl{display:grid;gap:10px;margin:0}.native-editor-settings dl div{display:grid;gap:3px}.native-editor-settings dt{color:#708095;font-size:11px}.native-editor-settings dd{margin:0;font-size:12px}
.native-editor-settings .button-link{text-align:center}.offline-recovery-summary{display:grid;gap:4px;border-top:1px solid #dbe2ea;padding-top:14px;font-size:11px}.offline-recovery-summary span{color:#6a7889}
.native-editor-canvas{padding:28px 36px 80px;overflow:auto}
.native-editor-paper{position:relative;width:var(--paper-width);min-height:var(--paper-min-height);margin:0 auto;padding:calc(var(--paper-top) + 18mm) var(--paper-right) calc(var(--paper-bottom) + 12mm) var(--paper-left);background:#fff;box-shadow:0 10px 34px #17203329}
.native-letterhead{position:absolute;top:var(--paper-top);right:var(--paper-right);left:var(--paper-left);display:flex;align-items:center;gap:10px;height:15mm;border-bottom:1.2px solid}
.native-letterhead-mark{display:grid;place-items:center;width:10mm;height:10mm;border-radius:2.5mm;color:#fff;font-size:16px;font-weight:800}
.native-letterhead>div{display:grid;flex:1;min-width:0}.native-letterhead strong{font-size:11pt}.native-letterhead small{overflow:hidden;color:#69778a;font-size:7.5pt;text-overflow:ellipsis;white-space:nowrap}.locked-brand{color:#8492a6}
.native-editor-document-title{text-align:center}.native-editor-document-title h1{margin:0;color:#102a56;font-size:20pt}.native-editor-document-title p{margin:2mm 0 7mm;color:#6b7a8d;font-size:9pt}
.native-editor-content{min-height:180mm;color:#1f2937;font-family:"Noto Sans","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:10.5pt;line-height:1.6;outline:none}
.native-editor-content .tiptap{min-height:180mm;outline:none}.native-editor-content .tiptap p{margin:0 0 3mm}.native-editor-content .tiptap h1,.native-editor-content .tiptap h2,.native-editor-content .tiptap h3{margin:5mm 0 2mm;color:#102a56}.native-editor-content .tiptap h1{font-size:18pt}.native-editor-content .tiptap h2{font-size:14pt}.native-editor-content .tiptap h3{font-size:11.5pt}
.native-editor-content .tiptap blockquote{margin:3mm 0;border-left:3px solid #2d6bd4;padding:2mm 4mm;background:#f7f9fc;color:#526276}
.native-editor-content .tiptap table{width:100%;margin:3mm 0 5mm;border-collapse:collapse;table-layout:fixed}.native-editor-content .tiptap th,.native-editor-content .tiptap td{position:relative;border:1px solid #94a3b8;padding:2mm;vertical-align:top}.native-editor-content .tiptap th{background:#eef4fb}.native-editor-content .tiptap .selectedCell:after{position:absolute;inset:0;content:"";pointer-events:none;background:#2d6bd429}
.native-editor-content .tiptap img{display:block;max-width:100%;max-height:190mm;margin:4mm auto;object-fit:contain}
.native-editor-content .tiptap p.is-editor-empty:first-child:before{float:left;height:0;color:#9aa6b5;content:attr(data-placeholder);pointer-events:none}
.rulliu-page-break-node{position:relative;height:18mm;margin:7mm calc(var(--paper-left) * -1);border-top:1px dashed #a5b1c0;border-bottom:1px dashed #a5b1c0;background:#e8edf3;color:#607086;text-align:center;font-size:10px;line-height:18mm;user-select:none}
.native-letterhead-footer{position:absolute;right:var(--paper-right);bottom:var(--paper-bottom);left:var(--paper-left);min-height:8mm;border-top:1px solid #cbd5e1;padding-top:2mm;color:#64748b;font-size:7.5pt;text-align:center}.native-letterhead-footer span{float:right}
.native-editor-notice{position:fixed;z-index:80;right:20px;bottom:20px;max-width:480px;border-radius:10px;padding:13px 17px;background:#173f34;color:#fff;box-shadow:0 12px 30px #0f172a33}.native-editor-notice[data-tone=warning]{background:#8a5314}.native-editor-notice[data-tone=success]{background:#147052}
.native-pdf-preview{position:fixed;z-index:95;inset:0;padding:20px;background:#091526b3}.native-pdf-preview[hidden]{display:none}.native-pdf-preview>section{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1100px,100%);height:calc(100vh - 40px);margin:auto;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0004;overflow:hidden}.native-pdf-preview header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #dce3ea}.native-pdf-preview header>div{display:grid;flex:1}.native-pdf-preview header small{color:#6b788a}.native-pdf-preview iframe{width:100%;height:100%;border:0;background:#eef1f4}
.native-editor-conflict{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#0915269c}.native-editor-conflict[hidden]{display:none}.native-editor-conflict>section{width:min(840px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:16px;padding:24px;background:#fff;box-shadow:0 20px 60px #0003}.native-editor-conflict h2{margin-top:0}.conflict-block-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.conflict-block-choices>section{width:auto;max-height:300px;overflow:auto;border:1px solid #d8e0e8;border-radius:12px;padding:12px;background:#fbfcfd;box-shadow:none}.conflict-block-choices label{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin-top:9px;color:#5d6b7d;font-size:12px}.native-editor-conflict textarea{width:100%;min-height:78px;margin-top:6px}.conflict-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.editor-field-panel{position:fixed;z-index:90;top:68px;right:0;bottom:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(390px,100vw);border-left:1px solid #d3dce6;background:#fff;box-shadow:-14px 0 36px #102a5626}.editor-field-panel[hidden]{display:none}.editor-field-panel>header{display:flex;justify-content:space-between;gap:16px;align-items:start;padding:18px;border-bottom:1px solid #e0e6ed}.editor-field-panel>header div{display:grid;gap:4px}.editor-field-panel>header small{color:#6b7a8d}.field-panel-search{padding:12px 16px}.field-panel-search input{width:100%;min-height:42px;border:1px solid #c6d1dd;border-radius:9px;padding:0 12px}.field-panel-list{overflow:auto;padding:0 16px 18px}.field-panel-list section h3{position:sticky;top:0;z-index:1;margin:0;padding:12px 0 8px;background:#fff;color:#526276;font-size:12px}.field-panel-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:start;border:1px solid #dce3eb;border-radius:10px;padding:10px;margin-bottom:8px;background:#fbfcfe}.field-panel-item label{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px}.field-panel-item label span{display:grid;gap:3px}.field-panel-item label small{overflow:hidden;color:#708095;text-overflow:ellipsis;white-space:nowrap}.field-panel-item>button{min-height:34px}.field-panel-item details{grid-column:1/-1;color:#6b7a8d;font-size:11px}.field-panel-item code{display:block;overflow:auto;margin-top:5px;padding:6px;border-radius:6px;background:#eef2f7}.editor-field-panel>footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #dce3eb;background:#f8fafc}.field-panel-trigger{border-color:#aebed0!important;background:#fff!important;color:#174f9b!important;font-weight:700}
.editor-recovery-gate{min-height:100vh;padding:40px 20px;background:#edf2f7}.editor-recovery-gate>section{width:min(860px,100%);margin:0 auto;border:1px solid #d7e0e9;border-radius:18px;padding:28px;background:#fff;box-shadow:0 18px 55px #102a561c}.editor-recovery-gate h1{margin:6px 0 10px;color:#102a56}.editor-recovery-gate dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}.editor-recovery-gate dl div{border:1px solid #e0e6ed;border-radius:10px;padding:10px}.editor-recovery-gate dt{color:#718096;font-size:11px}.editor-recovery-gate dd{margin:4px 0 0}.editor-recovery-gate details{border:1px solid #dce3eb;border-radius:12px;padding:12px}.editor-recovery-gate pre{max-height:300px;overflow:auto;white-space:pre-wrap}.editor-recovery-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.editor-recovery-status{min-height:24px;color:#8a5314}

@media(max-width:1000px){
  .native-editor-topbar{grid-template-columns:auto minmax(0,1fr) auto}.native-editor-save-state{display:none}.native-editor-actions [data-export-docx],.native-editor-actions [data-sync-now]{display:none}
  .native-editor-workspace{grid-template-columns:190px minmax(0,1fr)}.native-editor-canvas{padding:22px 18px 70px}
}
@media(max-width:720px){
  .native-editor-topbar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:9px 12px}.native-editor-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.native-editor-actions [data-publish]{display:none}
  .native-editor-tabs{padding:7px 10px;overflow-x:auto}.native-editor-trust{padding:7px 12px}.native-editor-toolbar{display:none}
  .native-editor-workspace{display:block}.native-editor-settings{position:static;max-height:none;border-right:0;border-bottom:1px solid #d3dce6;padding:14px}.native-editor-settings dl,.native-editor-settings .button-link,.offline-recovery-summary{display:none}
  .native-editor-canvas{padding:14px 8px 50px}.native-editor-paper{width:100%;min-height:70vh;padding:28mm 16px 24mm}.native-letterhead{top:12mm;right:16px;left:16px}.native-letterhead-footer{right:16px;bottom:12mm;left:16px}.native-editor-content .tiptap{min-height:45vh}.native-editor-content .tiptap[contenteditable=true]{pointer-events:none}.conflict-block-choices{grid-template-columns:1fr}.native-pdf-preview{padding:0}.native-pdf-preview>section{height:100vh;border-radius:0}.native-pdf-preview .button-link{display:none}
  .editor-field-panel{top:0;width:100vw}.editor-recovery-gate{padding:12px}.editor-recovery-gate>section{padding:18px}.editor-recovery-gate dl{grid-template-columns:1fr}
}
.candidate-document-list{margin:16px 0;padding:14px;border:1px solid #e0e6ed;border-radius:14px;background:#f8fafc}.candidate-document-list h3{margin-top:0}.candidate-document-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #e6ebf0}.candidate-document-item:last-child{border-bottom:0}.candidate-document-item span{display:grid}.candidate-document-item small{color:var(--muted);margin-top:3px}.candidate-document-item input{max-width:250px}.sensitive-field{border-left:3px solid #d39b3b;padding-left:10px}
.candidate-journey-card{margin:16px 0;padding:16px;border:1px solid #dfe3e8;border-radius:16px;background:#fff}.candidate-journey-card h3{margin:0 0 12px}.candidate-journey-card h4{margin:14px 0 6px}.candidate-journey-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.candidate-journey-card dl div{padding:10px;border-radius:10px;background:#f5f6f7}.candidate-journey-card dt{font-size:11px;font-weight:800;color:var(--muted)}.candidate-journey-card dd{margin:4px 0 0}.candidate-journey-card ul{margin:6px 0 0;padding-left:20px}
.assessment-save-state{min-height:38px;padding:9px 12px;border:1px solid #d8e1ea;border-radius:10px;background:#f6f8fb;color:var(--muted);font-size:12px}.assessment-save-state[data-state="saving"]{border-color:#bfd0ee;color:#2459a9}.assessment-save-state[data-state="saved"]{border-color:#b9dfcf;background:#f1faf6;color:#17664f}.assessment-save-state[data-state="failed"]{border-color:#e8b9b9;background:#fff5f5;color:#9d2c2c}
.candidate-interviews{margin:18px 0}.candidate-interviews>h3{margin-bottom:10px}.candidate-interview-card{margin:10px 0;padding:15px;border:1px solid #dce4ec;border-radius:14px;background:#fff}.candidate-interview-card header,.candidate-offer-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.candidate-interview-card header span{padding:4px 8px;border-radius:999px;background:#eef3f8;color:#34506f;font-size:11px}.candidate-interview-card dl,.candidate-offer-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.candidate-interview-card dl div,.candidate-offer-card dl div{display:grid;gap:3px}.candidate-interview-card dt,.candidate-offer-card dt{font-size:10px;font-weight:800;color:var(--muted);text-transform:uppercase}.candidate-interview-card dd,.candidate-offer-card dd{margin:0}.candidate-offer-card{margin:18px 0;padding:18px;border:1px solid #b7d7cb;border-radius:16px;background:#f5fbf8}.candidate-offer-card h3{margin:4px 0;font-size:22px}.candidate-offer-card h4{margin:16px 0 6px}.candidate-offer-response{margin-top:18px;padding-top:16px;border-top:1px solid #cfe2da}
.assessment-review-modal{width:min(980px,calc(100vw - 32px));max-height:min(92vh,920px);overflow:auto}.assessment-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.assessment-review-head h2{margin:4px 0}.assessment-review-head small{color:var(--muted)}.assessment-review-summary{margin:12px 0}.assessment-review-list{display:grid;gap:14px;margin:18px 0}.assessment-review-question{border:1px solid #dce4ec;border-radius:14px;background:#fff;overflow:hidden}.assessment-review-question>header{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;background:#f7f9fc;border-bottom:1px solid #e5eaf0}.assessment-review-question>header>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:50%;background:#17345f;color:#fff;font-weight:800}.assessment-review-question h3{margin:2px 0 4px;font-size:15px}.assessment-review-question small{color:var(--muted)}.assessment-review-answer{padding:15px 17px}.assessment-review-answer>strong{display:block;margin-bottom:7px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.assessment-review-answer p{margin:0;white-space:pre-wrap}.assessment-review-key{display:flex;gap:12px;padding:0 17px 15px;color:#17664f}.assessment-review-fields{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;padding:0 17px 17px}.assessment-review-fields textarea{min-height:78px}.assessment-overall-note{margin:16px 0}.assessment-review-actions{position:sticky;bottom:-1px;display:flex;justify-content:flex-end;padding:14px 0 2px;background:linear-gradient(transparent,#fff 20%)}
.interview-scorecard-template{padding:13px;border:1px solid #dce4ec;border-radius:12px}.interview-scorecard-template legend{padding:0 6px;font-weight:800}.interview-scorecard-template>div{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;margin-top:8px}.interview-scorecard-template input{min-width:0}
.question-media{display:grid;gap:8px;margin:8px 0}.question-media img,.question-media video{display:block;max-width:100%;max-height:320px;border-radius:10px;border:1px solid var(--line)}.question-media audio{display:block;width:100%;max-width:520px}.question-media .button-link{overflow-wrap:anywhere;white-space:normal}
.content-template-variables div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.content-template-variables code{padding:5px 8px;border:1px solid var(--line);border-radius:8px;background:#f4f7f6;color:var(--ink);font-size:12px}
@media(max-width:620px){.candidate-document-item{align-items:flex-start;flex-direction:column}.candidate-document-item input{max-width:100%;width:100%}}
@media(max-width:620px){.assessment-review-modal{width:100vw;height:100vh;max-height:none;border-radius:0}.assessment-review-head{display:grid}.assessment-review-fields{grid-template-columns:1fr}.assessment-review-actions button{width:100%}}
@media(max-width:620px){.candidate-interview-card header,.candidate-offer-card>header{display:grid}.candidate-interview-card dl,.candidate-offer-card dl,.candidate-journey-card dl{grid-template-columns:1fr}}

.workspace-configuration{margin:16px 0;border:1px solid #dce4ed;border-radius:14px;background:#fff;overflow:hidden}.workspace-configuration>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:16px 18px}.workspace-configuration>summary::-webkit-details-marker{display:none}.workspace-configuration>summary span{display:grid;gap:3px}.workspace-configuration>summary small{color:var(--muted);font-size:11px;font-weight:400}.workspace-configuration>summary b{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:#edf2f7;color:#42536a;font-size:11px}.workspace-configuration[open]>summary{border-bottom:1px solid #e5eaf0}.workspace-configuration>.workspace-panel,.workspace-configuration>.workspace-balanced-grid{margin:14px}.workspace-configuration>.workspace-balanced-grid{margin-bottom:14px}
.workspace-configuration-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 14px 0;padding-bottom:13px;border-bottom:1px solid #edf0f4}
.workspace-decision-dialog{width:min(520px,100%)}.workspace-decision-message{margin:0 0 18px;color:#536176;line-height:1.65;white-space:pre-line}.workspace-decision-dialog .field{margin:0 0 18px}.workspace-decision-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:15px;border-top:1px solid #e5eaf0}.workspace-danger-primary{background:#b4232f!important;color:#fff!important;border-color:#b4232f!important}.workspace-danger-primary:hover{background:#941d27!important}
.profile-change-request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.profile-change-request-summary>div{display:grid;gap:4px;padding:12px;border:1px solid #e0e6ed;border-radius:10px;background:#f8fafc}.profile-change-request-summary span,.profile-change-request-summary small{color:var(--muted);font-size:11px}.profile-change-diff-wrap{overflow-x:auto;margin-top:16px;border:1px solid #dfe6ed;border-radius:12px}.profile-change-diff{width:100%;border-collapse:collapse;min-width:620px}.profile-change-diff th,.profile-change-diff td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #e7ebf0;line-height:1.5}.profile-change-diff thead th{background:#f3f6f9;color:#526176;font-size:11px}.profile-change-diff tbody th{width:24%;color:#25364c}.profile-change-diff tbody tr:last-child>*{border-bottom:0}.profile-change-before{color:#69778a;background:#fbfcfd}.profile-change-after{color:#155e4a;font-weight:700;background:#f1faf7}.profile-change-after>span{display:inline-block;margin-right:8px;color:#1d8a6c}.profile-change-sensitive{display:inline-block;margin-left:7px;padding:2px 6px;border-radius:999px;background:#fff0f2;color:#9b2632;font-size:9px;font-weight:800}
@media(max-width:640px){.profile-change-request-summary{grid-template-columns:1fr}.profile-change-diff{min-width:560px}}
.compliance-wizard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.compliance-wizard-panel{min-height:360px}.compliance-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}.compliance-capability-card{min-width:0;margin:0;padding:15px;border:1px solid #dbe4ed;border-radius:12px;background:#fbfcfe}.compliance-capability-card legend{padding:0 6px;color:#22334b;font-size:12px;font-weight:800}.compliance-sensitive-card{border-color:#ead8b2;background:#fffcf5}.workspace-toggle-row{display:flex;align-items:flex-start;gap:10px;min-height:36px;padding:7px 0;color:#39485e;font-size:12px;line-height:1.45;cursor:pointer}.workspace-toggle-row input{margin-top:1px}.compliance-dependent-fields{display:grid;gap:4px;margin:8px 0 0 28px;padding-top:8px;border-top:1px solid #e5eaf0;transition:opacity .15s ease}.compliance-dependent-fields.is-disabled{opacity:.45}.compliance-dependent-fields .field{margin-top:5px}.compliance-wizard-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;margin-top:16px;padding-top:14px;border-top:1px solid #e3e8ef}
@media(max-width:640px){.compliance-capability-grid{grid-template-columns:1fr}.compliance-wizard-steps{display:flex;overflow-x:auto}.compliance-wizard-steps button{min-width:150px}.compliance-wizard-actions{grid-template-columns:auto 1fr auto}.compliance-wizard-actions [data-pack-save]{grid-column:3}.compliance-wizard-panel{min-height:0}}
.workspace-action-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-6px 0 18px}.workspace-action-strip button{display:grid;min-height:76px;text-align:left;align-content:center;gap:5px;padding:13px 15px;background:#fff}.workspace-action-strip button span{font-weight:800}.workspace-action-strip button small{color:var(--muted);font-weight:400;line-height:1.4}.recruitment-tabs{margin-bottom:16px}.recruitment-tabs button{display:flex;align-items:center;gap:8px}.recruitment-tabs button span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#edf2f7;font-size:10px}.recruitment-tabs button.active span{background:#dff2ea;color:#155e4a}
.workspace-action-queue{margin:0 0 18px}.workspace-three-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.workspace-three-columns>.workspace-panel{min-width:0;margin:0}.workspace-three-columns .workspace-table{font-size:11px}
.workspace-scope-selector{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.workspace-scope-selector label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800}.workspace-scope-selector select{min-width:280px}.workspace-scope-selector p{margin:0;color:var(--muted);font-size:12px}
@media(max-width:1100px){.workspace-three-columns{grid-template-columns:1fr}}
@media(max-width:768px){.workspace-action-strip{grid-template-columns:1fr}.workspace-action-strip button{min-height:64px}.workspace-scope-selector{align-items:stretch;flex-direction:column}.workspace-scope-selector select{min-width:0;width:100%}}

/* Attendance and payroll operating forms */
.workspace-component-line{display:grid;grid-template-columns:auto minmax(180px,1fr) minmax(120px,.45fr) minmax(120px,.45fr);gap:.65rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.workspace-component-line:last-child{border-bottom:0}
.workspace-workflow-step{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,.85fr) minmax(220px,1fr);gap:10px;margin:8px 0;align-items:end}
.workspace-workflow-step>[hidden]{display:none}
@media(max-width:900px){.workspace-workflow-step{grid-template-columns:1fr 1fr}.workspace-workflow-step>input{grid-column:1/-1}}
@media(max-width:640px){.workspace-component-line{grid-template-columns:auto 1fr}.workspace-component-line input[type=number]{grid-column:2;width:100%}}
@media(max-width:640px){.workspace-workflow-step{grid-template-columns:1fr}.workspace-workflow-step>input{grid-column:auto}}

/* Onboarding training runtime */
.workspace-study-clock{display:flex;align-items:baseline;gap:.35rem;padding:.9rem 1rem;margin:1rem 0;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-subtle)}
.workspace-learning-materials{display:grid;gap:.65rem;margin-bottom:1.25rem}
.workspace-learning-material{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.workspace-learning-material div{display:grid;gap:.2rem}.workspace-learning-material small{color:var(--muted)}
@media(max-width:620px){.workspace-learning-material{align-items:flex-start;flex-direction:column}.workspace-learning-material .button-link{width:100%;justify-content:center}}
.workspace-task-attachments{display:grid;gap:4px;margin:9px 0;padding:8px;border-radius:8px;background:#f3f6fa}.workspace-task-attachments a{color:#245d8f;font-size:11px;overflow-wrap:anywhere}
.workspace-task-comments{display:grid;gap:5px;margin:9px 0}.workspace-task-comments p{margin:0;padding:7px 9px;border-left:2px solid #cbd5e1;background:#f8fafc;font-size:11px}.workspace-task-comments p small{margin-top:3px}
.workspace-task-links{display:grid;gap:4px;margin:9px 0;padding:8px;border-radius:8px;background:#f0f5ff}.workspace-task-links span{font-size:11px;color:#31568d}.workspace-objective-review{margin:12px;padding:12px;border-left:3px solid var(--brand);background:#f7f9fc;border-radius:0 10px 10px 0}.workspace-objective-review p{margin:5px 0}.workspace-objective-review small{color:var(--muted)}
.workspace-action-modal:has(.attendance-site-form){width:min(920px,100%)}.attendance-map-picker{position:relative;gap:9px}.attendance-address-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.attendance-address-search input{min-height:42px}.attendance-map-canvas{width:100%;height:330px;overflow:hidden;border:1px solid #d8e1ec;border-radius:13px;background:linear-gradient(135deg,#edf2f7,#f8fafc)}.attendance-map-status{display:block;min-height:20px;color:#526177;font-weight:500;line-height:1.5}.attendance-map-status.is-warning{color:#8a5d0b}.attendance-map-suggestions{position:absolute;z-index:8;top:79px;left:0;right:0;display:grid;max-height:250px;overflow:auto;border:1px solid #cfd9e6;border-radius:11px;padding:5px;background:#fff;box-shadow:0 14px 34px #10233f24}.attendance-map-suggestion{display:grid;gap:2px;border:0;border-radius:8px;padding:10px 11px;color:var(--ink);background:#fff;text-align:left}.attendance-map-suggestion:hover,.attendance-map-suggestion:focus-visible{background:#eef4ff;outline:none}.attendance-map-suggestion small{color:var(--muted);font-weight:500}.attendance-coordinate-details{border:1px solid #dce4ed;border-radius:11px;padding:0;background:#f8fafc}.attendance-coordinate-details>summary{cursor:pointer;padding:12px 14px;color:#43546b;font-weight:800}.attendance-coordinate-details>p,.attendance-coordinate-details>.grid{margin:0 14px 14px}.attendance-coordinate-details>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.workspace-action-modal:has(.payroll-review-totals){width:min(1040px,100%)}.payroll-review-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}.payroll-review-totals>div{display:grid;gap:5px;border:1px solid #dce4ed;border-radius:12px;padding:13px 14px;background:#f8fafc}.payroll-review-totals span{color:var(--muted);font-size:11px;font-weight:700}.payroll-review-totals strong{color:#243650;font-size:18px}.payroll-review-totals .is-net{border-color:#bcd8c8;background:#edf8f1}.payroll-review-totals .is-net strong{color:#176b3e}.payroll-review-formula{margin:0 0 22px;border-left:3px solid #6b8fd9;padding:10px 13px;color:#42536a;background:#f5f8ff;font-size:13px;line-height:1.5}.payroll-source-grid{margin-top:14px}.payroll-review-actions{margin-top:18px;border-top:1px solid #e1e7ee;padding-top:16px}.payroll-review-actions .button-link{display:inline-flex;align-items:center}
@media(max-width:720px){.payroll-review-totals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.payroll-review-totals{grid-template-columns:1fr}}
@media(max-width:680px){.attendance-address-search{grid-template-columns:1fr}.attendance-map-canvas{height:270px}.attendance-map-suggestions{top:121px}.attendance-coordinate-details>.grid{grid-template-columns:1fr}}

/* Position operations */
.position-detail-modal{width:min(960px,calc(100vw - 28px))}
.position-detail-code{display:flex;align-items:center;gap:10px;margin:-8px 0 16px;color:var(--muted);font-size:12px}
.position-detail-summary>dl,.position-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.position-detail-summary>dl>div,.position-detail-facts>div{min-width:0;padding:11px 12px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}
.position-detail-summary dt,.position-detail-facts dt{color:var(--muted);font-size:10px;font-weight:700}
.position-detail-summary dd,.position-detail-facts dd{margin:5px 0 0;color:#20324a;font-size:13px;font-weight:750;overflow-wrap:anywhere}
.position-detail-section{margin-top:22px;padding-top:18px;border-top:1px solid #e4e9ef}
.position-detail-section>h3{margin:0 0 12px;font-size:15px}
.position-detail-copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}
.position-detail-copy article{padding:12px;border:1px solid #e1e7ee;border-radius:10px}
.position-detail-copy article:nth-child(2),.position-detail-copy article:nth-child(5){grid-column:1/-1}
.position-detail-copy h4{margin:0 0 6px;color:#24364d;font-size:11px}
.position-detail-copy p{margin:0;color:#526176;font-size:13px;line-height:1.6;white-space:pre-line}
.position-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;border-top:1px solid #e4e9ef}
.position-candidate-filter{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:12px 14px;border:1px solid #cfe2db;border-radius:12px;background:#f2faf7}
.position-candidate-filter>div{display:grid;gap:3px}.position-candidate-filter span{color:var(--muted);font-size:10px}.position-candidate-filter strong{color:#155e4a;font-size:13px}
@media(max-width:640px){.position-detail-modal{width:100vw;height:100vh;max-height:none;border-radius:0}.position-detail-summary>dl,.position-detail-facts,.position-detail-copy{grid-template-columns:1fr}.position-detail-copy article:nth-child(2),.position-detail-copy article:nth-child(5){grid-column:auto}.position-detail-actions>*{width:100%;justify-content:center}.position-candidate-filter{align-items:flex-start;flex-direction:column}.position-candidate-filter button{width:100%}}

/* Operational record details */
.workspace-detail-heading{display:flex;align-items:center;gap:8px;margin:-4px 0 14px}.workspace-detail-heading>span:last-child{color:var(--muted);font-size:11px}
.workspace-detail-backdrop{align-items:stretch;justify-items:end;padding:0;background:#07152b80}
.workspace-detail-drawer{width:min(760px,92vw);height:100vh;max-height:none;border-radius:18px 0 0 18px;padding:0;box-shadow:-20px 0 60px #08163330;animation:workspace-drawer-in .18s ease-out}
.workspace-detail-drawer>.close{z-index:2;top:18px;right:18px}
.workspace-detail-drawer-header{position:sticky;z-index:1;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid #e3e8ef;padding:24px 66px 20px 26px;background:#fff}
.workspace-detail-drawer-header h2{margin:4px 0 0;font-size:22px}.workspace-detail-drawer-actions{display:flex;flex-wrap:wrap;gap:8px}.workspace-detail-drawer-body{display:grid;gap:16px;padding:22px 26px 40px}
.workspace-business-timeline{display:grid;gap:0;margin:0;padding:0;list-style:none}.workspace-business-timeline li{position:relative;display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:18px}.workspace-business-timeline li:after{content:"";position:absolute;left:6px;top:16px;bottom:0;width:2px;background:#dce5ef}.workspace-business-timeline li:last-child:after{display:none}.workspace-business-timeline-marker{position:relative;z-index:1;width:14px;height:14px;margin-top:3px;border:3px solid #dbe8ff;border-radius:50%;background:#4b75c9}.workspace-business-timeline article{min-width:0}.workspace-business-timeline header{display:flex;align-items:center;justify-content:space-between;gap:12px}.workspace-business-timeline header span,.workspace-business-timeline small{color:var(--muted);font-size:11px}.workspace-business-timeline p{margin:7px 0;color:#33445b;white-space:pre-wrap}.workspace-business-timeline code{overflow-wrap:anywhere}
@keyframes workspace-drawer-in{from{transform:translateX(28px);opacity:.65}to{transform:none;opacity:1}}
.workspace-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 20px}
.workspace-detail-grid>.full{grid-column:1/-1}
.workspace-detail-grid>div{min-width:0;padding:11px 12px;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc}
.workspace-detail-grid dt{color:var(--muted);font-size:10px;font-weight:700}.workspace-detail-grid dd{margin:5px 0 0;color:#20324a;font-size:13px;font-weight:750;overflow-wrap:anywhere;white-space:pre-wrap}
.workspace-readiness-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}
.workspace-readiness-card{min-width:0;border:1px solid #dfe6ee;border-radius:10px;background:#f8fafc;padding:12px}
.workspace-readiness-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.workspace-readiness-card p{margin:8px 0 0}.workspace-readiness-card ul,.workspace-blocked-actions{margin:9px 0 0;padding-left:20px;color:#7a3d19}
.workspace-evidence-timeline{display:grid;gap:10px;margin:10px 0 20px}.workspace-evidence-event{padding:14px;border:1px solid #dfe6ee;border-radius:12px;background:#fff}
.workspace-evidence-event>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.workspace-evidence-event>.workspace-detail-grid{margin-bottom:10px}
.operational-calendar-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0 0 12px}.operational-calendar-toolbar button{min-width:58px}
.operational-calendar{overflow:hidden;border:1px solid #dfe6ee;border-radius:12px;background:#fff}.operational-calendar-weekdays,.operational-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.operational-calendar-weekdays{border-bottom:1px solid #dfe6ee;background:#f5f8fb}.operational-calendar-weekdays span{padding:8px;color:#5d6d82;font-size:11px;font-weight:800;text-align:center}
.operational-calendar-day{min-width:0;min-height:112px;border-right:1px solid #e6ebf1;border-bottom:1px solid #e6ebf1;padding:8px;background:#fff}.operational-calendar-day:nth-child(7n){border-right:0}.operational-calendar-day.outside{background:#f8fafc;color:#94a0af}.operational-calendar-day.today{box-shadow:inset 0 0 0 2px #3f6fc4}
.operational-calendar-day>header{display:flex;justify-content:flex-end;margin-bottom:6px}.operational-calendar-day time{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;font-size:11px;font-weight:800}.operational-calendar-day.today time{color:#fff;background:#315fae}
.operational-calendar-day>div{display:grid;gap:4px}.operational-calendar-day small{color:#9aa5b2;font-size:9px}.operational-calendar-event{display:block;overflow:hidden;border-left:3px solid #4e78c5;border-radius:5px;padding:4px 5px;color:#27405f;background:#edf3fc;font-size:9px;line-height:1.25;text-overflow:ellipsis}.operational-calendar-event b{display:block;overflow:hidden;text-overflow:ellipsis}
.operational-calendar.day-view .operational-calendar-grid{display:block}.operational-calendar.day-view .operational-calendar-day{min-height:180px;border:0;padding:16px}.operational-calendar.day-view .operational-calendar-event{max-width:520px;padding:9px;font-size:12px}
.workspace-check-list>label{display:flex;min-height:44px;align-items:center;gap:10px;border-bottom:1px solid #e6ebf1;padding:6px 2px}.workspace-check-list>label:last-child{border-bottom:0}.workspace-check-list input{width:18px;height:18px}
.operational-calendar-event button{min-height:24px;margin-top:4px;border:0;border-radius:5px;padding:3px 6px;color:#244b86;background:#fff;font-size:9px;font-weight:800;cursor:pointer}
.rotation-day-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.rotation-day-editor label{display:grid;gap:5px;color:#596b82;font-size:11px;font-weight:750}
@media(max-width:640px){.workspace-detail-grid,.workspace-readiness-grid{grid-template-columns:1fr}.workspace-evidence-event>header{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.operational-calendar{overflow-x:auto}.operational-calendar-weekdays,.operational-calendar-grid{min-width:700px}.operational-calendar.day-view .operational-calendar-grid{min-width:0}.operational-calendar-toolbar{justify-content:flex-start}.operational-calendar-toolbar button{min-height:44px;flex:1}}
@media(max-width:640px){.workspace-detail-drawer{width:100vw;height:100vh;border-radius:0}.workspace-detail-drawer-header{display:grid;padding:20px 58px 16px 18px}.workspace-detail-drawer-body{padding:18px 16px 34px}.workspace-business-timeline header{align-items:flex-start;flex-direction:column;gap:3px}}
.asset-ledger-table th,
.asset-ledger-table td { vertical-align: top; }
.asset-ledger-table td > small,
.asset-timeline-item small { display: block; margin-top: .3rem; color: var(--muted, #667085); }
.asset-row-actions { display: flex; flex-wrap: wrap; gap: .4rem; align-items: center; }
.asset-legacy { color: #8a5a00 !important; font-weight: 700; }
.asset-value-stack { display: flex; flex-direction: column; gap: .2rem; font-size: 1rem !important; }
.asset-filters { display: grid; grid-template-columns: repeat(4, minmax(10rem, 1fr)); gap: .75rem; }
.asset-filters label { display: grid; gap: .35rem; font-size: .8rem; font-weight: 700; color: var(--muted, #667085); }
.asset-modal { width: min(52rem, calc(100vw - 2rem)); max-height: calc(100vh - 2rem); overflow: auto; }
.asset-modal-wide { width: min(78rem, calc(100vw - 2rem)); }
.asset-wizard fieldset { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; border: 0; padding: 0; margin: 0; grid-column: 1 / -1; }
.asset-wizard fieldset[hidden] { display: none; }
.asset-movement-step { grid-column: 1 / -1; border: 0; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.asset-movement-step[hidden] { display: none; }
.asset-movement-step legend { grid-column: 1 / -1; width: 100%; font-weight: 800; padding-bottom: .65rem; margin-bottom: .5rem; border-bottom: 1px solid var(--border, #e4e7ec); }
.asset-wizard legend { grid-column: 1 / -1; width: 100%; font-weight: 800; font-size: 1.05rem; margin-bottom: .75rem; padding-bottom: .65rem; border-bottom: 1px solid var(--border, #e4e7ec); }
.asset-wizard-progress { display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; padding: 0; margin: 1rem 0 1.4rem; gap: .5rem; counter-reset: none; }
.asset-wizard-progress li { padding: .65rem .75rem; border-radius: .65rem; background: #f2f4f7; color: #667085; font-weight: 700; font-size: .82rem; }
.asset-wizard-progress li.active { background: #e9f1ff; color: #16498a; box-shadow: inset 0 0 0 1px #a9c8f5; }
.asset-wizard-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .6rem; grid-column: 1 / -1; margin-top: 1rem; }
.asset-photo-grid { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.asset-photo-preview { display: block; width: 100%; max-height: 13rem; object-fit: contain; border: 1px solid var(--border, #e4e7ec); border-radius: .6rem; background: #f8fafc; }
.asset-photo-preview[hidden] { display: none; }
.asset-tag-preview { grid-column: 1 / -1; border: 1px dashed #8aa9ce; background: #f4f8fd; padding: 1rem; border-radius: .7rem; display: flex; flex-direction: column; gap: .3rem; }
.asset-tag-preview strong { font-size: 1.15rem; letter-spacing: .03em; overflow-wrap: anywhere; }
.asset-master-section { margin: 1.25rem 0 2rem; }
.asset-master-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.asset-evidence-grid,
.asset-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: .75rem; }
.asset-evidence-grid article,
.asset-card-grid article { border: 1px solid var(--border, #e4e7ec); border-radius: .75rem; padding: .85rem; display: flex; flex-direction: column; align-items: flex-start; gap: .45rem; }
.asset-evidence-grid span,
.asset-evidence-grid small { overflow-wrap: anywhere; }
.asset-timeline { display: grid; gap: .8rem; }
.asset-timeline-item { border-left: 3px solid #9bb7d8; padding: .7rem .8rem; background: #f8fafc; border-radius: 0 .65rem .65rem 0; }
.asset-timeline-item > div:first-child { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.asset-confirmation-chain { display: flex; flex-wrap: wrap; gap: .4rem; margin: .6rem 0; }
.asset-confirmation-chain span { border: 1px solid #d0d5dd; color: #667085; border-radius: 999px; padding: .3rem .6rem; font-size: .76rem; font-weight: 700; }
.asset-confirmation-chain span.complete { border-color: #75b798; color: #17633b; background: #ecf8f1; }
.asset-task-list { display: grid; gap: .7rem; }
.asset-task { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border: 1px solid var(--border, #e4e7ec); border-radius: .75rem; padding: .85rem; }
.asset-task > div:first-child { display: grid; gap: .25rem; }

@media (max-width: 900px) {
  .asset-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .asset-wizard fieldset,
  .asset-movement-step,
  .asset-photo-grid { grid-template-columns: 1fr; }
  .asset-task { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
  .asset-filters { grid-template-columns: 1fr; }
  .asset-modal,
  .asset-modal-wide { width: calc(100vw - .75rem); max-height: calc(100vh - .75rem); }
  .asset-wizard-progress { grid-template-columns: 1fr; }
}

/* Workspace UX v2: role-aware, high-density application shell */
:root {
  --ux-brand-50:#eff5ff;
  --ux-brand-100:#dfeaff;
  --ux-brand-500:#2f68dc;
  --ux-brand-600:#2458c4;
  --ux-brand-700:#1d479f;
  --ux-success-50:#ecf8f1;
  --ux-success-600:#16734a;
  --ux-warning-50:#fff8e8;
  --ux-warning-600:#95620c;
  --ux-danger-50:#fff1f2;
  --ux-danger-600:#b42335;
  --ux-ink:#14233b;
  --ux-muted:#607089;
  --ux-line:#dfe5ed;
  --ux-canvas:#f4f6f9;
  --ux-surface:#fff;
  --ux-radius-sm:8px;
  --ux-radius-md:12px;
  --ux-radius-lg:16px;
  --ux-shadow:0 12px 32px rgba(24,42,75,.1);
  --brand:var(--ux-brand-600);
  --ink:var(--ux-ink);
  --muted:var(--ux-muted);
  --line:var(--ux-line);
}
html{background:var(--ux-canvas);color:var(--ux-ink)}
body{font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input,select,textarea{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(47,104,220,.25);outline-offset:2px}
button:disabled{cursor:not-allowed;opacity:.5}
.primary,.outline,.danger,.button-link{min-height:36px;border-radius:var(--ux-radius-sm);padding:7px 12px;font-size:13px;font-weight:750}
.primary{border-color:var(--ux-brand-600);background:var(--ux-brand-600)}
.primary:hover{border-color:var(--ux-brand-700);background:var(--ux-brand-700)}
.outline{border-color:#cfd8e5;color:#29405f;background:#fff}
.outline:hover{border-color:#9eb3cf;background:#f7f9fc}
.danger,.outline.danger{border-color:#f2b8bf;color:var(--ux-danger-600);background:#fff}

.workspace-app{grid-template-columns:248px minmax(0,1fr);background:var(--ux-canvas)}
.workspace-app.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}
.workspace-sidebar{z-index:30;border-right:1px solid #dce3ec;padding:0;background:#0f2039;color:#dce7f6}
.workspace-sidebar-header{height:64px;border-bottom:1px solid rgba(255,255,255,.09);padding:0 16px}
.workspace-brand{gap:10px;color:#fff}
.workspace-brand span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:linear-gradient(145deg,#3a79ee,#2454b7);box-shadow:0 7px 18px rgba(25,80,190,.35)}
.workspace-brand strong{font-size:14px;letter-spacing:.01em}
.workspace-mode-switch{display:grid;gap:5px;margin:12px 12px 8px;padding:9px 10px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.055)}
.workspace-mode-switch>span{color:#91a5c1;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.workspace-mode-switch select{width:100%;height:32px;border:0;padding:0 26px 0 0;color:#fff;background:transparent;font-size:12px;font-weight:800}
.workspace-mode-switch option{color:var(--ux-ink);background:#fff}
.workspace-navigation{padding:6px 8px 72px;scrollbar-width:thin;scrollbar-color:#40536c transparent}
.workspace-nav-group{margin:3px 0 8px}
.workspace-nav-heading{min-height:30px;padding:5px 9px;color:#8196b3;background:transparent;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.workspace-nav-heading:hover{color:#c9d7e9;background:transparent}
.workspace-nav-heading b{font-size:13px;transition:transform .15s ease}
.workspace-nav-group.collapsed .workspace-nav-heading b{transform:rotate(-90deg)}
.workspace-nav-items{display:grid;gap:2px}
.workspace-nav-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 26px;align-items:center}
.workspace-nav-item{width:100%;min-height:38px;gap:10px;border:0;border-radius:8px;padding:7px 8px;color:#b6c6da;background:transparent;text-align:left}
.workspace-nav-item:hover{color:#fff;background:rgba(255,255,255,.07)}
.workspace-nav-item.active{color:#fff;background:#2a5fc4;box-shadow:0 6px 18px rgba(5,22,52,.25)}
.workspace-nav-glyph{display:grid;width:20px;height:20px;place-items:center}
.workspace-nav-glyph svg{width:17px;height:17px}
.workspace-nav-label{font-size:12px;font-weight:700}
.workspace-nav-favorite{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:6px;padding:0;color:#6f849f;background:transparent;opacity:0}
.workspace-nav-row:hover .workspace-nav-favorite,.workspace-nav-favorite.active,.workspace-nav-favorite:focus-visible{opacity:1}
.workspace-nav-favorite:hover,.workspace-nav-favorite.active{color:#f5bd4f}
.workspace-nav-favorite svg{width:13px;height:13px}
.workspace-nav-section-label{display:flex;align-items:center;gap:7px;padding:7px 9px 4px;color:#8196b3;font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.workspace-nav-section-label svg{width:12px;height:12px}
.workspace-nav-special .workspace-nav-heading{display:none}
.workspace-nav-special.recent{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08)}
.workspace-sidebar-collapse{height:48px;border-top:1px solid rgba(255,255,255,.09);color:#9eb1ca;background:#0d1c31}
.workspace-sidebar-collapse:hover{color:#fff;background:#152b49}
.sidebar-collapsed .workspace-mode-switch,.sidebar-collapsed .workspace-nav-heading,.sidebar-collapsed .workspace-nav-section-label,.sidebar-collapsed .workspace-nav-favorite{display:none}
.sidebar-collapsed .workspace-navigation{padding:8px 10px}
.sidebar-collapsed .workspace-nav-row{display:block}
.sidebar-collapsed .workspace-nav-item{justify-content:center;padding:8px}

.workspace-main{min-width:0;padding:0 28px 42px}
.workspace-topbar{position:sticky;z-index:24;top:0;min-height:64px;margin:0 -28px 22px;border-bottom:1px solid #dfe5ed;padding:0 28px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.workspace-heading{min-width:130px;max-width:220px}
.workspace-breadcrumb{color:#56677e;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.workspace-current-title{overflow:hidden;color:#172842;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.workspace-global-search-trigger{display:flex;min-width:260px;max-width:520px;height:36px;flex:1;align-items:center;gap:9px;margin:0 auto;border:1px solid #d7dfe9;border-radius:9px;padding:0 9px;color:#56687f;background:#f7f9fc;text-align:left}
.workspace-global-search-trigger:hover{border-color:#b8c7da;background:#fff}
.workspace-global-search-trigger svg{width:16px;height:16px}
.workspace-global-search-trigger span{overflow:hidden;flex:1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.workspace-global-search-trigger kbd{border:1px solid #d5dde8;border-radius:5px;padding:2px 5px;color:#596a80;background:#fff;font-size:9px}
.workspace-topbar-actions{gap:9px}
.workspace-scope{padding-right:10px}
.workspace-scope small{color:#596a80}
.workspace-language select{height:34px;border-radius:8px;font-size:11px}
.workspace-account-button{min-height:36px;border-radius:9px}
.workspace-account-button>span{width:28px;height:28px}
.workspace-content{width:100%;max-width:1680px;margin:0 auto}
.workspace-route-notice{max-width:1680px;margin:-10px auto 14px;border:1px solid #f0d59c;border-radius:10px;padding:9px 12px;color:#80570c;background:var(--ux-warning-50);font-size:12px}
.workspace-mobile-context,.workspace-mobile-bottom,.workspace-mobile-more{display:none}

.workspace-page-header{align-items:flex-end;margin-bottom:16px}
.workspace-page-header h1{font-size:24px;letter-spacing:-.035em}
.workspace-page-header p{max-width:760px;margin-top:5px;color:#596a80;font-size:12px;line-height:1.55}
.workspace-page-header>.actions{gap:7px}
.workspace-panel{border-color:#dfe5ed;border-radius:12px;box-shadow:0 1px 2px rgba(18,38,68,.025)}
.workspace-panel>header{min-height:48px;padding:12px 14px}
.workspace-panel>div:not(header){padding-left:14px;padding-right:14px}
.workspace-metric-grid{gap:9px}
.workspace-metric{min-height:88px;border-radius:12px;padding:13px}
.workspace-metric strong{font-size:24px}
.workspace-filter-panel,.filters{border-radius:12px;padding:12px}
.workspace-table{font-size:11px}
.workspace-table th{height:36px;padding:7px 8px;font-size:9px}
.workspace-table td{height:44px;padding:8px}
.workspace-table td:last-child{white-space:nowrap}
.workspace-table td:last-child .button-link,.workspace-table td:last-child button{min-height:32px;padding:5px 9px;font-size:11px}
.workspace-tabs{gap:16px;margin-bottom:14px;overflow:visible}
.workspace-tabs button{min-height:38px;padding:7px 2px;font-size:12px}

.workspace-row-menu{position:relative}
.workspace-row-menu>summary{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d5dee9;border-radius:8px;color:#52657e;background:#fff;font-size:12px;font-weight:900;list-style:none;cursor:pointer}
.workspace-row-menu>summary::-webkit-details-marker{display:none}
.workspace-row-menu[open]>summary{border-color:#94add0;color:var(--ux-brand-600);background:var(--ux-brand-50)}
.workspace-row-menu>div{position:absolute;z-index:18;top:39px;right:0;display:grid;min-width:190px;max-height:320px;overflow:auto;border:1px solid #dbe2eb;border-radius:10px;padding:5px;background:#fff;box-shadow:var(--ux-shadow)}
.workspace-row-menu>div>*{width:100%;min-height:34px;justify-content:flex-start;border:0!important;border-radius:7px!important;padding:7px 9px!important;color:#2d405b!important;background:#fff!important;text-align:left;font-size:11px!important;text-decoration:none}
.workspace-row-menu>div>*:hover{background:#f1f5fa!important}
.workspace-row-menu>div>.danger{color:var(--ux-danger-600)!important}

.workspace-search-dialog{position:fixed;z-index:80;inset:0;display:flex;align-items:flex-start;justify-content:center;padding:9vh 18px;background:rgba(7,20,42,.55);backdrop-filter:blur(4px)}
.workspace-search-dialog[hidden]{display:none}
.workspace-search-box{width:min(680px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:#fff;box-shadow:0 30px 80px rgba(5,18,40,.3)}
.workspace-search-box>header{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid #e1e7ef;padding:12px 14px}
.workspace-search-box>header svg{width:19px;height:19px;color:#58708f}
.workspace-search-box input{height:38px;border:0;padding:0;color:#152945;background:transparent;font-size:15px}
.workspace-search-box input:focus{outline:0}
.workspace-search-box>header button{min-height:28px;border:1px solid #d7dfe8;border-radius:7px;padding:4px 8px;color:#63758d;background:#f7f9fb;font-size:10px}
.workspace-search-results{display:grid;max-height:60vh;overflow:auto;padding:8px}
.workspace-search-results>p{margin:0;padding:26px;color:#6b7c92;text-align:center;font-size:12px}
.workspace-search-results>button{display:grid;grid-template-columns:74px minmax(0,1fr);gap:2px 10px;border:0;border-radius:9px;padding:9px 10px;color:#20344f;background:#fff;text-align:left}
.workspace-search-results>button:hover,.workspace-search-results>button:focus-visible{background:#f0f5fc}
.workspace-search-results>button strong{font-size:12px}
.workspace-search-results>button small{grid-column:2;color:#718198;font-size:10px}
.workspace-search-kind{grid-row:1/3;align-self:center;border-radius:999px;padding:4px 7px;color:#315c9d;background:#edf3fc;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase}

.content-hub-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:2px 0 18px}
.content-hub-switcher>a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;min-height:82px;align-items:center;gap:12px;border:1px solid #dce4ed;border-radius:12px;padding:12px 14px;color:#2c405c;background:#fff;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}
.content-hub-switcher>a:hover{border-color:#a9bce3;background:#fbfdff;box-shadow:0 6px 18px rgba(24,51,88,.07)}
.content-hub-switcher>a.active{border-color:#9cb6ec;background:#f2f6ff;box-shadow:inset 3px 0 0 #2b5fd1}
.content-hub-switcher>a>span:nth-child(2){display:grid;min-width:0;gap:2px}
.content-hub-switcher small{color:#52647b;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.content-hub-switcher strong{font-size:14px}
.content-hub-switcher em{overflow:hidden;color:#607189;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
.content-hub-switcher b{display:grid;min-width:28px;height:28px;place-items:center;border-radius:999px;color:#375579;background:#edf2f8;font-size:11px}
.content-hub-switcher>a.active b{color:#2456c5;background:#dfe9ff}
.content-hub-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;color:#2458bd;background:#e7efff;font-size:20px;font-weight:900}
.content-hub-icon.knowledge{color:#08725a;background:#e7f5f0}
.content-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:10px;border-bottom:1px solid #dfe5ed;padding:0 2px 10px}
.content-section-heading>div:first-child{display:grid;gap:2px}
.content-section-heading span{color:#2b61cb;font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.content-section-heading h2{margin:0;font-size:18px}
.content-section-heading p{margin:1px 0 0;color:#52647b;font-size:10px}
.content-section-actions{display:flex;gap:8px}
.content-workbench-toolbar{display:flex;align-items:end;gap:9px;margin-bottom:12px;border:1px solid #dfe5ed;border-radius:12px;padding:10px;background:#fff}
.content-workbench-toolbar label{display:grid;gap:4px;color:#56687f;font-size:9px;font-weight:800}
.content-workbench-toolbar input,.content-workbench-toolbar select{height:36px;border:1px solid #d6dee9;border-radius:8px;padding:0 10px;color:#263b56;background:#fff;font-size:11px}
.content-search{width:min(360px,38vw)}
.content-workbench-toolbar .content-search input{width:100%}
.content-view-switch{display:flex;margin-left:auto;border:1px solid #d6dee9;border-radius:8px;padding:2px;background:#f4f7fa}
.content-view-switch button{min-height:30px;border:0;border-radius:6px;padding:4px 10px;color:#61738b;background:transparent;font-size:10px;font-weight:800}
.content-view-switch button.active{color:#244e92;background:#fff;box-shadow:0 1px 4px rgba(29,52,84,.12)}
.content-result-count{align-self:center;color:#596a80;font-size:10px}
.content-resource-list{display:grid;overflow:visible;border:1px solid #dfe5ed;border-radius:12px;background:#fff}
.content-resource-row{display:grid;grid-template-columns:minmax(230px,2fr) minmax(130px,.8fr) minmax(130px,1fr) 64px minmax(120px,.7fr) auto;align-items:center;gap:12px;border-bottom:1px solid #e7ebf1;padding:10px 12px}
.content-resource-row:last-child{border-bottom:0}
.content-resource-row:hover{background:#fafcff}
.content-resource-identity{display:grid;min-width:0;gap:3px}
.content-resource-identity .content-type{width:max-content;border-radius:999px;padding:3px 7px;color:#245b91;background:#edf5fb;font-size:9px;font-weight:800}
.content-resource-identity strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.content-resource-identity small{overflow:hidden;color:#596a80;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.content-resource-cell{display:grid;min-width:0;gap:3px}
.content-resource-cell small,.content-resource-state>small{color:#596a80;font-size:9px}
.content-resource-cell strong{overflow:hidden;color:#30445f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.content-resource-cell.compact{text-align:center}
.content-resource-state{display:grid;gap:4px;justify-items:start}
.content-resource-actions{display:flex;align-items:center;gap:6px}
.content-resource-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}
.content-resource-card{min-height:292px;border-radius:12px;padding:16px}
.content-resource-card h3{font-size:15px}.content-resource-card p{min-height:38px;font-size:11px}
.content-resource-card dl{font-size:10px}.content-resource-card footer{gap:6px}
.content-resource-card footer>.workspace-row-menu{margin-left:auto}

.login-page{background:
  radial-gradient(circle at 15% 15%,rgba(47,104,220,.16),transparent 34%),
  radial-gradient(circle at 85% 80%,rgba(29,145,94,.11),transparent 30%),
  #f4f7fb}
.login-card{border:1px solid rgba(212,222,235,.9);border-radius:18px;box-shadow:0 22px 60px rgba(22,43,76,.14)}
.shell,.jobs-shell{max-width:1320px}
.topbar{border-bottom-color:#e0e6ee}
.job,.value-card,.public-role-detail{border-color:#dfe5ed;border-radius:14px}

@media(max-width:1180px){
  .workspace-app{grid-template-columns:220px minmax(0,1fr)}
  .workspace-main{padding-left:20px;padding-right:20px}
  .workspace-topbar{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
  .workspace-global-search-trigger{min-width:190px}
  .workspace-scope{display:none}
  .content-resource-row{grid-template-columns:minmax(220px,2fr) minmax(120px,1fr) minmax(110px,1fr) 52px auto}
  .content-resource-row .content-resource-state{display:none}
}

@media(max-width:800px){
  body{background:var(--ux-canvas)}
  body.workspace-sheet-open,body.workspace-search-open{overflow:hidden}
  .workspace-app,.workspace-app.sidebar-collapsed{padding-bottom:72px}
  .workspace-main{padding:0 14px 28px}
  .workspace-topbar{position:sticky;min-height:58px;margin:0 -14px 8px;padding:0 14px;gap:9px}
  .workspace-mobile-menu{position:static;display:grid;width:44px;height:44px;min-width:44px;min-height:44px;place-items:center;border:1px solid #d7dfe9;border-radius:10px;color:#38516f;background:#fff}
  .workspace-mobile-close{width:44px;height:44px;min-width:44px;min-height:44px}
  .workspace-mobile-menu svg{width:20px;height:20px}
  .workspace-heading{min-width:0;max-width:none;flex:1}
  .workspace-breadcrumb{font-size:8px}.workspace-current-title{font-size:13px}
  .workspace-global-search-trigger,.workspace-topbar-actions .workspace-scope,.workspace-topbar-actions .workspace-language{display:none}
  .workspace-account-button{padding:3px}.workspace-account-button strong{display:none}
  .workspace-account-button>span{width:30px;height:30px}
  .workspace-sidebar{z-index:61;width:min(304px,88vw);padding:0}
  .workspace-nav-backdrop{z-index:60}
  .workspace-sidebar-header{height:58px}
  .workspace-mode-switch{display:none}
  .workspace-navigation{padding-bottom:24px}
  .workspace-nav-item{min-height:44px}
  .workspace-nav-favorite{width:34px;height:34px;opacity:1}
  .workspace-mobile-context{display:flex;align-items:center;gap:8px;margin:0 0 12px}
  .workspace-mobile-context label{min-width:0;flex:1}
  .workspace-mobile-context select,.workspace-mobile-context button{width:100%;height:40px;border:1px solid #d8e0ea;border-radius:10px;padding:0 10px;color:#30465f;background:#fff;font-size:11px;font-weight:800}
  .workspace-mobile-context button{display:flex;width:auto;align-items:center;gap:7px}
  .workspace-mobile-context button svg{width:16px;height:16px}
  .workspace-content{padding-bottom:18px}
  .workspace-page-header{align-items:flex-start;margin-bottom:12px}
  .workspace-page-header h1{font-size:21px}
  .workspace-page-header p{font-size:11px}
  .workspace-page-header>.actions{width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .workspace-page-header>.actions>*{flex:0 0 auto}
  .workspace-panel{border-radius:11px}
  .workspace-mobile-bottom{position:fixed;z-index:45;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:64px;border-top:1px solid #d8e0ea;padding:5px max(4px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));background:rgba(255,255,255,.97);box-shadow:0 -8px 28px rgba(17,37,68,.09);backdrop-filter:blur(14px)}
  .workspace-mobile-bottom button{display:grid;min-width:0;min-height:48px;place-items:center;align-content:center;gap:2px;border:0;border-radius:9px;padding:3px;color:#718198;background:transparent}
  .workspace-mobile-bottom button.active{color:var(--ux-brand-600);background:var(--ux-brand-50)}
  .workspace-mobile-bottom span{display:grid}.workspace-mobile-bottom svg{width:19px;height:19px}
  .workspace-mobile-bottom strong{overflow:hidden;width:100%;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
  .workspace-mobile-more{position:fixed;z-index:70;right:0;bottom:0;left:0;display:block;max-height:84vh;overflow:auto;border-radius:18px 18px 0 0;padding:16px 14px calc(18px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -20px 60px rgba(8,24,50,.22);animation:workspace-sheet-up .18s ease-out}
  .workspace-mobile-more[hidden]{display:none}
  .workspace-mobile-more:before{content:"";display:block;width:42px;height:4px;margin:-7px auto 10px;border-radius:99px;background:#dce2ea}
  .workspace-mobile-more>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
  .workspace-mobile-more h2{margin:3px 0 0;font-size:19px}.workspace-mobile-more header small{color:#718096;font-size:9px;font-weight:800;text-transform:uppercase}
  .workspace-mobile-more header button{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:10px;color:#53667f;background:#eef2f6;font-size:20px}
  .workspace-mobile-more-search{display:flex;width:100%;height:42px;align-items:center;gap:9px;border:1px solid #d8e0ea;border-radius:10px;padding:0 11px;color:#60738c;background:#f7f9fb;text-align:left;font-size:11px}
  .workspace-mobile-more-search svg{width:17px;height:17px}
  .workspace-mobile-tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
  .workspace-mobile-tool-grid button{display:grid;min-width:0;min-height:76px;place-items:center;align-content:center;gap:7px;border:1px solid #e0e6ee;border-radius:11px;padding:7px;color:#334a66;background:#fff}
  .workspace-mobile-tool-grid button span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#315eaa;background:#edf3fc}
  .workspace-mobile-tool-grid button svg{width:17px;height:17px}.workspace-mobile-tool-grid button strong{font-size:9px}
  @keyframes workspace-sheet-up{from{transform:translateY(24px);opacity:.7}to{transform:none;opacity:1}}
  .workspace-search-dialog{align-items:stretch;padding:0;background:#fff}
  .workspace-search-box{width:100%;border:0;border-radius:0;box-shadow:none}
  .workspace-search-box>header{padding:10px 12px}.workspace-search-results{max-height:calc(100vh - 64px)}
  .workspace-search-results>button{min-height:56px}
  .content-workbench-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .content-hub-switcher{grid-template-columns:1fr;margin-bottom:14px}
  .content-hub-switcher>a{min-height:76px}
  .content-section-heading{align-items:flex-start;flex-direction:column}
  .content-section-actions{width:100%;overflow-x:auto}
  .content-section-actions>*{flex:0 0 auto}
  .content-search{grid-column:1/-1;width:100%}
  .content-view-switch{margin-left:0}
  .content-result-count{justify-self:end}
  .content-resource-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:11px}
  .content-resource-row .content-resource-cell,.content-resource-row .content-resource-state{display:none}
  .content-resource-identity small{white-space:normal}
  .content-resource-actions>button{min-height:38px}
  .content-resource-grid{grid-template-columns:1fr}
  .content-resource-card{min-height:0}
  .workspace-row-menu>div{position:fixed;z-index:76;right:8px;bottom:76px;left:8px;top:auto;max-height:55vh;border-radius:14px;padding:8px}
  .workspace-row-menu>div>*{min-height:44px!important}
  .workspace-table-wrap{overflow:auto;border-radius:10px}
  .workspace-table{display:table;min-width:0}
  .workspace-table thead{display:table-header-group}
  .workspace-table tbody{display:table-row-group}
  .workspace-table tr{display:table-row;width:auto;margin:0;border:0;border-radius:0}
  .workspace-table th,.workspace-table td{display:table-cell;width:auto}
  .workspace-table td{min-height:0;grid-template-columns:none;border-bottom:1px solid #e7ecf2;padding:9px 7px}
  .workspace-table td::before{display:none}
  .workspace-table th:nth-child(n+4):not(:last-child),.workspace-table td:nth-child(n+4):not(:last-child){display:none}
  .workspace-table td:last-child{max-width:140px;white-space:normal}
  .workspace-table td:last-child .button-link,.workspace-table td:last-child button{min-height:38px;margin:2px}
  .grid{grid-template-columns:1fr}
  .modal{align-items:stretch;padding:0}
  .modal-box,.workspace-action-modal,.asset-modal,.asset-modal-wide{width:100vw!important;height:100dvh;max-height:none!important;border-radius:0!important;padding:18px 14px 86px}
  .modal-box .close{position:sticky;z-index:3;top:0;float:right}
  .content-form-actions,.position-wizard-actions,.asset-wizard-actions{position:sticky;z-index:4;bottom:0;margin:18px -14px -86px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -8px 24px rgba(18,37,65,.1)}
  .asset-filters{grid-template-columns:1fr}
}

@media(max-width:420px){
  .workspace-main{padding-left:10px;padding-right:10px}
  .workspace-topbar{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
  .workspace-mobile-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .workspace-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-metric{min-height:80px}.workspace-metric strong{font-size:21px}
  .content-workbench-toolbar{grid-template-columns:1fr}
  .content-view-switch,.content-result-count{justify-self:start}
  .workspace-search-results>button{grid-template-columns:62px minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Dedicated, full-width management lists */
.management-body{min-width:0;margin:0;color:#172a46;background:#f5f7fa}
.management-body *{box-sizing:border-box}
.management-shell{min-height:100vh}
.management-topbar{position:sticky;z-index:30;top:0;display:grid;grid-template-columns:minmax(170px,auto) minmax(220px,1fr) auto;min-height:64px;align-items:center;gap:24px;border-bottom:1px solid #dfe5ec;padding:0 clamp(16px,3vw,44px);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.management-brand{display:flex;align-items:center;gap:10px;color:#142a49;text-decoration:none}
.management-brand>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:#2456d8;font-weight:900}
.management-brand strong{font-size:16px}
.management-topbar nav{display:flex;min-width:0;align-items:center;justify-content:center;gap:7px;color:#63738a;font-size:12px;white-space:nowrap}
.management-topbar nav a{color:#52657e;text-decoration:none}
.management-topbar nav strong{overflow:hidden;color:#1c334f;text-overflow:ellipsis}
.management-context{display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#314862;font-size:12px}
.management-context>span{display:grid;gap:2px}
.management-context small{color:#7c899a;font-size:9px;font-weight:800;text-transform:uppercase}
.management-language{display:grid;gap:2px}
.management-language select{min-width:104px;height:34px;border:1px solid #d2dbe7;border-radius:8px;padding:0 28px 0 9px;color:#213a58;background:#fff;font:inherit;font-weight:750}
.management-user{display:block!important;border-radius:999px;padding:7px 11px;background:#edf3ff;color:#2456d8;font-weight:850;white-space:nowrap}
.management-main{width:100%;max-width:1800px;margin:0 auto;padding:26px clamp(16px,3vw,44px) 46px}
.management-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.management-page-header>div:first-child>span{color:#2b64d8;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.management-page-header h1{margin:4px 0 4px;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.025em}
.management-page-header p{max-width:760px;margin:0;color:#59697e}
.management-sensitive{display:inline-flex;margin-top:10px;border-radius:7px;padding:6px 9px;color:#7b4f08;background:#fff6df}
.management-page-actions{display:flex;align-items:center;gap:10px}
.management-filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:10px;border:1px solid #dce3ec;border-radius:12px;padding:13px;background:#fff}
.management-filters label,.management-export-form label{display:grid;gap:6px;color:#51647e;font-size:11px;font-weight:800}
.management-filters input,.management-filters select,.management-export-form textarea{width:100%;min-height:40px;border:1px solid #cad4e1;border-radius:8px;padding:8px 10px;color:#172a46;background:#fff;font:inherit}
.management-filters input:focus,.management-filters select:focus,.management-language select:focus{border-color:#4f7fe7;outline:3px solid rgba(36,86,216,.12);outline-offset:0}
.management-filter-actions{display:flex;gap:8px}
.management-list-summary{display:flex;align-items:baseline;gap:7px;margin:14px 0 8px;color:#68788d}
.management-list-summary strong{color:#172a46;font-size:21px}
.management-table-scroll{max-width:100%;overflow:auto;border:1px solid #dce3ec;border-radius:11px;background:#fff;overscroll-behavior-inline:contain}
.management-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;font-size:12px}
.management-table th{position:sticky;z-index:4;top:0;border-bottom:1px solid #d9e1ea;padding:0;color:#5b6d84;background:#f7f9fb;text-align:left;white-space:nowrap}
.management-table th:last-child{padding:10px 12px}
.management-column-label,.management-sort{display:flex;min-height:43px;align-items:center;padding:10px 12px}
.management-sort{width:100%;justify-content:flex-start;gap:6px;border:0;color:inherit;background:transparent;cursor:pointer;font:inherit;font-weight:800;text-align:left}
.management-sort:hover{color:#1f55c5;background:#edf3ff}
.management-sort:focus-visible{position:relative;z-index:2;outline:3px solid rgba(36,86,216,.22);outline-offset:-3px}
.management-sort i{color:#2456d8;font-size:13px;font-style:normal}
.management-table td{border-bottom:1px solid #e8edf3;padding:10px 12px;color:#273c57;vertical-align:middle}
.management-table tr:last-child td{border-bottom:0}
.management-table tbody tr:hover{background:#fafcff}
.management-table th:first-child,.management-table td:first-child{position:sticky;z-index:2;left:0;background:inherit}
.management-table th:last-child,.management-table td:last-child{position:sticky;z-index:2;right:0;background:#fff;box-shadow:-8px 0 14px rgba(31,54,84,.04)}
.management-row-action{width:1%;white-space:nowrap}
.management-status{display:inline-flex;min-height:24px;align-items:center;gap:6px;border-radius:999px;padding:3px 8px;color:#52647c;background:#eef2f6;font-size:11px;font-weight:800;white-space:nowrap}
.management-status>span{width:6px;height:6px;border-radius:50%;background:#8190a3}
.management-status.success{color:#08664f;background:#e7f7f1}.management-status.success>span{background:#0b8a68}
.management-status.warning{color:#82540a;background:#fff4d8}.management-status.warning>span{background:#c78917}
.management-status.danger{color:#a33e39;background:#fff0ee}.management-status.danger>span{background:#d75a53}
.management-country{font-weight:720;white-space:nowrap}
.management-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:14px;color:#59697e;font-size:12px}
.management-pagination select{height:38px;border:1px solid #cad4e1;border-radius:8px;background:#fff}
.management-columns{position:relative}
.management-columns>summary{list-style:none;border:1px solid #bfcce0;border-radius:9px;padding:10px 13px;color:#2456d8;background:#fff;cursor:pointer;font-size:12px;font-weight:900}
.management-columns>summary::-webkit-details-marker{display:none}
.management-columns>div{position:absolute;z-index:25;right:0;top:calc(100% + 7px);display:grid;width:240px;max-height:340px;overflow:auto;gap:8px;border:1px solid #d5deea;border-radius:11px;padding:12px;background:#fff;box-shadow:0 16px 38px rgba(20,42,73,.15)}
.management-columns label{display:flex;align-items:center;gap:8px;color:#354a65;font-size:12px}
.management-empty,.management-loading{display:grid;min-height:280px;place-items:center;border:1px dashed #ccd6e3;border-radius:13px;color:#6b7a8e;background:#fff}
.management-back-link{border:0;padding:0;color:#2456d8;background:transparent;font-weight:800;cursor:pointer}
.management-detail{max-width:1280px}
.management-detail-panel{margin-top:16px;border:1px solid #dce3ec;border-radius:13px;padding:22px;background:#fff}
.management-detail-panel h2{margin:0 0 16px;font-size:18px}
.management-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
.management-detail-grid>div{min-width:0;border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:13px}
.management-detail-grid dt{margin-bottom:5px;color:#758499;font-size:10px;font-weight:900;text-transform:uppercase}
.management-detail-grid dd{overflow-wrap:anywhere;margin:0;color:#203650}
.management-flow-summary{display:grid;gap:18px;border-left:4px solid #2a62d5}
.management-flow-header{display:flex;align-items:center;justify-content:space-between;gap:20px}
.management-flow-header h2{margin:6px 0 3px}.management-flow-header p{margin:0;color:#253b58;font-weight:800}
.management-flow-state{display:inline-flex;align-items:center;min-height:25px;border-radius:999px;padding:4px 9px;background:#edf3fb;color:#275993;font-size:10px;font-weight:900;letter-spacing:.035em}
.management-flow-state.waiting{background:#fff4d8;color:#82540a}.management-flow-state.blocked{background:#fff0ee;color:#9b3e38}.management-flow-state.complete{background:#eef7f2;color:#276047}
.management-flow-section{display:grid;gap:9px;padding-top:15px;border-top:1px solid #e3e9f0}.management-flow-section h3{margin:0;color:#52647b;font-size:11px;letter-spacing:.04em;text-transform:uppercase}
.management-dependency-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
.management-dependency{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;border:1px solid #e1e7ee;border-radius:10px;padding:9px 11px;background:#fbfcfe}
.management-dependency>span{width:8px;height:8px;border-radius:50%;background:#c78917}.management-dependency.ready>span{background:#36805c}.management-dependency.blocked>span{background:#c85049}.management-dependency.info>span{background:#6a7d95}
.management-dependency div{display:grid;gap:3px;min-width:0}.management-dependency strong{overflow-wrap:anywhere;color:#253b58;font-size:12px}.management-dependency small{color:#68798e;font-size:10px}.management-dependency b{color:#596b82;font-size:10px;white-space:nowrap}
.management-blocker-section{border-top-color:#efd6d3}.management-blocker-section ul{display:grid;gap:6px;margin:0;padding-left:19px;color:#8c3632;font-size:12px;line-height:1.55}
.management-flow-ready{margin:0;padding-top:13px;border-top:1px solid #e3e9f0;color:#627389;font-size:11px;line-height:1.55}
.management-timeline{position:relative;margin:0;padding:0;list-style:none}
.management-timeline li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding-bottom:18px}
.management-timeline li.management-timeline-empty{display:block;padding:8px 0;color:#758499}
.management-timeline li>span{position:relative;width:9px;height:9px;margin-top:5px;border-radius:50%;background:#2a62d5}
.management-timeline li>span:after{content:"";position:absolute;top:11px;bottom:-22px;left:4px;width:1px;background:#d8e1ed}
.management-timeline li:last-child>span:after{display:none}
.management-timeline article p{margin:4px 0;color:#5f6e82;font-size:11px}
.management-timeline pre{max-height:260px;overflow:auto;border-radius:8px;padding:10px;background:#f6f8fb;font-size:10px}
.okr-detail{max-width:1480px;gap:14px}
.okr-detail .okr-detail-header{align-items:flex-start;margin-bottom:0;padding-bottom:2px}
.okr-detail-header>div:first-child{min-width:0}
.okr-detail-header h1{max-width:920px;overflow-wrap:anywhere}
.okr-detail-header .management-page-actions{flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.okr-detail-overview{min-width:0}
.okr-detail-overview>h2{margin:0 0 8px;color:#5c6d82;font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.okr-detail .management-detail-facts{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:1px;margin:0;border:1px solid #dfe5ec;border-radius:11px;background:#dfe5ec;overflow:hidden}
.okr-detail .management-detail-facts>div{display:grid;align-content:start;gap:5px;min-width:0;min-height:68px;border:0;padding:11px 13px;background:#fff}
.okr-detail .management-detail-facts dt{margin:0;color:#59697e;font-size:10px;font-weight:800;line-height:1.35;text-transform:none}
.okr-detail .management-detail-facts dd{margin:0;color:#203650;font-size:13px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.management-detail-section>h2,.okr-detail-panels>article>h2,.management-section-heading h2{margin:0;color:#263a54;font-size:16px;line-height:1.35}
.management-detail-section>p{margin:8px 0;color:#40536d;line-height:1.65;white-space:pre-wrap}
.management-detail-section>small{display:block;margin-top:8px;color:#748399}
.management-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.management-section-heading>span{flex:0 0 auto;color:#748399;font-size:11px;font-weight:750}
.okr-key-results{padding:16px}
.okr-key-results-table .management-table{min-width:780px}
.okr-key-results-table .management-table td:first-child{min-width:220px}
.okr-key-results-table .management-table td:last-child{min-width:176px}
.management-table-empty-row td{height:76px;color:#748399;text-align:center}
.okr-detail-panels>article{align-self:start;padding:16px}
.okr-detail-panels>article>h2{margin-bottom:13px}
.okr-check-in-list li{padding-bottom:15px}
.okr-check-in-list article{min-width:0}
.okr-check-in-list article>strong{display:block;overflow-wrap:anywhere;color:#293e59;font-size:13px;line-height:1.45}
.okr-check-in-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px;color:#748399;font-size:10px}
.okr-check-in-meta span:first-child{color:#4b5f79;font-weight:800}
.okr-check-in-comment{margin:9px 0!important;border-left:2px solid #c9d3e0;padding:2px 0 2px 9px;color:#40536d!important;font-size:12px!important;line-height:1.55}
.okr-check-in-list article>small{display:block;margin-top:7px;color:#59697e;font-size:10px}
.management-dependencies li{display:grid;gap:4px;min-width:0;border:1px solid #e2e7ed;border-radius:9px;padding:10px 11px;background:#fafbfc}
.management-dependencies li strong{overflow-wrap:anywhere;color:#293e59;font-size:12px;line-height:1.45}
.management-dependencies li span{overflow-wrap:anywhere;color:#718096;font-size:10px;line-height:1.45}
.okr-panel-empty{margin:0;border:1px dashed #d8e0e9;border-radius:9px;padding:14px;color:#748399;font-size:12px;line-height:1.55;background:#fafbfc}
.management-modal{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:18px;background:rgba(14,29,51,.48)}
.management-modal-open{overflow:hidden}
.management-modal>section{position:relative;width:min(560px,100%);border-radius:16px;padding:24px;background:#fff;box-shadow:0 28px 90px rgba(7,22,43,.3)}
.management-modal-close{position:absolute;top:12px;right:12px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:#eef2f7;font-size:20px}
.management-export-form{display:grid;gap:15px}
.management-export-form textarea{min-height:120px;resize:vertical}
.management-confirm{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start}
.management-confirm input{margin-top:3px}
.management-muted{color:#78879a}
.management-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.management-directory-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:92px;border:1px solid #dde4ed;border-radius:12px;padding:15px;color:#203752;background:#fff;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.management-directory-card:hover{border-color:#a9bde8;box-shadow:0 8px 22px rgba(26,54,94,.08);transform:translateY(-1px)}
.management-directory-card span{display:grid;min-width:0;gap:5px}
.management-directory-card strong{font-size:14px}
.management-directory-card small{color:#748399;line-height:1.45}
.management-directory-card b{font-size:24px}
.management-directory-card i{color:#2c61d2;font-style:normal;font-weight:900}

@media(max-width:1050px){
  .management-scope{display:none!important}
  .management-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
  .management-search{grid-column:span 2}
  .okr-detail .management-detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .management-topbar{grid-template-columns:auto minmax(0,1fr) auto;min-height:58px;gap:12px;padding:0 14px}
  .management-brand strong{font-size:14px}
  .management-topbar nav{justify-content:flex-start}
  .management-topbar nav a,.management-topbar nav span{display:none}
  .management-language small,.management-user{display:none!important}
  .management-language select{min-width:92px;height:36px}
  .management-main{padding:22px 12px 40px}
  .management-page-header{align-items:flex-start;flex-direction:column}
  .management-page-actions{width:100%;justify-content:space-between}
  .management-filters{grid-template-columns:1fr 1fr;padding:12px}
  .management-search{grid-column:1/-1}
  .management-filter-actions{grid-column:1/-1}
  .management-table-scroll{border:0;overflow:visible;background:transparent}
  .management-table{display:block;min-width:0}
  .management-table thead{display:none}
  .management-table tbody{display:grid;gap:10px}
  .management-table tr{display:grid;border:1px solid #dce3ec;border-radius:12px;padding:11px;background:#fff}
  .management-table td,.management-table th:first-child,.management-table td:first-child,.management-table td:last-child{position:static;display:grid;grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:10px;border:0;padding:7px;background:transparent!important;box-shadow:none}
  .management-table td:before{content:attr(data-label);color:#718096;font-size:10px;font-weight:900}
  .management-row-action{width:auto!important}
  .management-row-action:before{content:""!important}
  .management-row-action button{width:100%;min-height:42px}
  .management-pagination{justify-content:space-between;flex-wrap:wrap}
  .management-detail-grid{grid-template-columns:1fr}
  .management-flow-header{align-items:stretch;flex-direction:column}
  .management-flow-header .button-link{width:100%;text-align:center}
  .management-dependency-list{grid-template-columns:1fr}
  .management-dependency{grid-template-columns:9px minmax(0,1fr)}
  .management-dependency b{grid-column:2;white-space:normal}
  .okr-detail{gap:12px}
  .okr-detail .okr-detail-header{gap:14px}
  .okr-detail-header .management-page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
  .okr-detail-header .management-page-actions>*{width:100%;min-height:42px}
  .okr-detail-header .management-page-actions>:last-child:nth-child(odd){grid-column:1/-1}
  .okr-detail .management-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .okr-detail .management-detail-facts>div{min-height:64px;padding:10px 11px}
  .okr-key-results,.okr-detail-panels>article,.management-detail-section{padding:14px}
  .okr-key-results-table .management-table{min-width:0}
  .okr-key-results-table .management-table td:first-child,.okr-key-results-table .management-table td:last-child{min-width:0}
  .okr-key-results-table .management-table tr{gap:0}
  .okr-key-results-table .management-table td{align-items:start}
  .okr-key-results-table .management-table td:first-child strong{font-size:13px;line-height:1.45}
  .okr-key-results-table .management-row-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));width:100%}
  .okr-key-results-table .management-row-actions button{width:100%;min-height:40px}
  .management-table-empty-row td{display:block!important;height:auto;padding:18px!important;text-align:center}
  .management-table-empty-row td:before{display:none}
}
@media(max-width:430px){
  .management-brand strong{display:none}
  .management-filters{grid-template-columns:1fr}
  .management-search,.management-filter-actions{grid-column:1}
  .okr-detail .management-detail-facts{grid-template-columns:1fr 1fr}
  .okr-detail .management-detail-facts>div{min-height:0}
  .okr-detail-header .management-page-actions{grid-template-columns:1fr}
  .okr-detail-header .management-page-actions>:last-child:nth-child(odd){grid-column:auto}
}

/* Knowledge base and slideshow workspace */
.knowledge-page,
.slideshow-page {
  --kb-ink: #14233b;
  --kb-muted: #64748b;
  --kb-line: #e3e9f2;
  --kb-soft: #f6f8fb;
  --kb-blue: #245cc7;
  --kb-blue-dark: #17469f;
  --kb-green: #087a5b;
  margin: 0;
  min-height: 100vh;
  color: var(--kb-ink);
  background: #fff;
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
}
.knowledge-page *,
.slideshow-page * { box-sizing: border-box; }
.knowledge-page button,
.knowledge-page input,
.knowledge-page select,
.knowledge-page textarea,
.slideshow-page button,
.slideshow-page input,
.slideshow-page select,
.slideshow-page textarea { font: inherit; }
.knowledge-loading,
.knowledge-error {
  min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 14px; text-align: center;
}
.knowledge-loading > span {
  display: grid; place-items: center; width: 48px; height: 48px; border-radius: 14px;
  color: #fff; background: var(--kb-blue); font-size: 23px; font-weight: 800; box-shadow: 0 12px 28px rgba(36,92,199,.22);
}
.knowledge-loading p,
.knowledge-error p { margin: 0; color: var(--kb-muted); }
.knowledge-error a { color: var(--kb-blue); }
.knowledge-shell { min-height: 100vh; }
.knowledge-topbar {
  position: sticky; z-index: 30; top: 0; height: 64px; display: flex; align-items: center; gap: 30px;
  padding: 0 30px; border-bottom: 1px solid var(--kb-line); background: rgba(255,255,255,.94); backdrop-filter: blur(16px);
}
.knowledge-brand { display: flex; align-items: center; gap: 10px; color: var(--kb-ink); text-decoration: none; }
.knowledge-brand > span {
  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; color: #fff; background: var(--kb-blue); font-weight: 800;
}
.knowledge-topbar nav { display: flex; align-self: stretch; gap: 8px; }
.knowledge-topbar nav a {
  position: relative; display: flex; align-items: center; padding: 0 12px; color: var(--kb-muted); text-decoration: none; font-weight: 650;
}
.knowledge-topbar nav a.active { color: var(--kb-ink); }
.knowledge-topbar nav a.active::after {
  content: ""; position: absolute; right: 10px; bottom: -1px; left: 10px; height: 2px; border-radius: 2px; background: var(--kb-blue);
}
.knowledge-top-actions { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.knowledge-search {
  display: flex; align-items: center; gap: 8px; width: min(32vw, 360px); height: 38px; padding: 0 12px; border: 1px solid var(--kb-line); border-radius: 10px; background: var(--kb-soft);
}
.knowledge-search:focus-within { border-color: #84a8ec; box-shadow: 0 0 0 3px rgba(36,92,199,.1); background: #fff; }
.knowledge-search input { width: 100%; border: 0; outline: 0; background: transparent; color: var(--kb-ink); }
.knowledge-top-actions button,
.knowledge-reader-actions button,
.knowledge-modal button,
.slideshow-actions button {
  min-height: 38px; border: 1px solid var(--kb-line); border-radius: 9px; padding: 0 15px; color: var(--kb-ink); background: #fff; cursor: pointer; font-weight: 700;
}
.knowledge-top-actions .primary,
.knowledge-reader-actions .primary,
.knowledge-modal .primary,
.slideshow-actions .primary {
  color: #fff; border-color: var(--kb-blue); background: var(--kb-blue);
}
.knowledge-library { display: grid; grid-template-columns: 230px minmax(0, 1fr); min-height: calc(100vh - 64px); }
.knowledge-sidebar {
  padding: 34px 22px; border-right: 1px solid var(--kb-line); background: #fbfcfe;
}
.knowledge-sidebar > strong { display: block; padding: 0 11px 12px; color: #8a96a8; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.knowledge-sidebar button {
  display: flex; width: 100%; min-height: 40px; align-items: center; justify-content: space-between; border: 0; border-radius: 8px; padding: 0 11px; color: #4a5b74; background: transparent; cursor: pointer; text-align: left;
}
.knowledge-sidebar button:hover { background: #f0f4fa; }
.knowledge-sidebar button.active { color: var(--kb-blue-dark); background: #eaf1ff; font-weight: 750; }
.knowledge-list-pane { min-width: 0; padding: 48px clamp(30px, 5vw, 82px); }
.knowledge-list-heading { display: flex; align-items: end; justify-content: space-between; max-width: 1120px; margin: 0 auto 32px; }
.knowledge-list-heading p { margin: 0 0 8px; color: var(--kb-blue); font-size: 13px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.knowledge-list-heading h1 { margin: 0 0 9px; font-size: clamp(29px, 3vw, 42px); letter-spacing: -.035em; }
.knowledge-list-heading span { color: var(--kb-muted); }
.knowledge-list { max-width: 1120px; margin: auto; border-top: 1px solid var(--kb-line); }
.knowledge-row {
  display: grid; grid-template-columns: 40px minmax(220px,1fr) 120px 92px 160px 52px; align-items: center; gap: 14px;
  min-height: 72px; border-bottom: 1px solid var(--kb-line); padding: 9px 4px; color: var(--kb-ink); text-decoration: none;
}
.knowledge-row:hover { background: linear-gradient(90deg, transparent, #f8faff 8%, #f8faff 92%, transparent); }
.knowledge-type-icon { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; color: var(--kb-blue-dark); background: #eaf1ff; font-weight: 800; }
.knowledge-type-icon.slides { color: #7c3aed; background: #f1eafe; }
.knowledge-row-main { min-width: 0; display: grid; gap: 4px; }
.knowledge-row-main strong,
.knowledge-row-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-row-main small,
.knowledge-row-meta,
.knowledge-row-updated small { color: var(--kb-muted); font-size: 12px; }
.knowledge-status {
  justify-self: start; border-radius: 999px; padding: 5px 9px; color: #5d6b80; background: #edf1f6; font-size: 12px; font-weight: 700;
}
.knowledge-status.published { color: #087154; background: #e5f6ef; }
.knowledge-row-updated { display: grid; gap: 2px; }
.knowledge-row-updated strong { font-size: 12px; }
.knowledge-open { color: var(--kb-blue); font-size: 13px; font-weight: 700; }
.knowledge-empty { display: grid; min-height: 270px; place-content: center; justify-items: center; gap: 8px; color: var(--kb-muted); }
.knowledge-empty strong { color: var(--kb-ink); font-size: 18px; }

.knowledge-modal,
.slide-template-modal,
.knowledge-drawer {
  --kb-ink: #14233b;
  --kb-muted: #64748b;
  --kb-line: #e3e9f2;
  --kb-soft: #f6f8fb;
  --kb-blue: #245cc7;
  --kb-blue-dark: #17469f;
  position: fixed; z-index: 1000; inset: 0; display: grid; place-items: center; padding: 20px; background: rgba(12,25,47,.44); backdrop-filter: blur(5px);
}
.knowledge-modal > section {
  position: relative; width: min(620px, 100%); max-height: calc(100vh - 40px); overflow: auto; border-radius: 18px; padding: 34px;
  background: #fff; box-shadow: 0 28px 80px rgba(10,23,48,.26);
}
.knowledge-modal-close { position: absolute; top: 18px; right: 18px; width: 38px; padding: 0!important; border-radius: 50%!important; font-size: 22px!important; }
.knowledge-modal .eyebrow { margin: 0 0 6px; color: var(--kb-blue); font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }
.knowledge-modal h2 { margin: 0 0 24px; font-size: 28px; }
.knowledge-modal form { display: grid; gap: 18px; }
.knowledge-modal label { display: grid; gap: 7px; color: #3e4f67; font-size: 13px; font-weight: 700; }
.knowledge-modal input:not([type=radio]),
.knowledge-modal select,
.knowledge-modal textarea {
  height: 44px; border: 1px solid #d7dfeb; border-radius: 9px; padding: 0 12px; outline: 0; color: var(--kb-ink); background: #fff;
}
.knowledge-modal textarea { min-height: 90px; resize: vertical; padding-top: 10px; }
.knowledge-modal input:focus,
.knowledge-modal select:focus { border-color: #7fa5eb; box-shadow: 0 0 0 3px rgba(36,92,199,.1); }
.knowledge-type-choices { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.knowledge-type-choices label { cursor: pointer; }
.knowledge-type-choices input { position: absolute; opacity: 0; }
.knowledge-type-choices span { display: grid; gap: 5px; min-height: 84px; border: 1px solid var(--kb-line); border-radius: 12px; padding: 16px; }
.knowledge-type-choices small { color: var(--kb-muted); font-weight: 400; }
.knowledge-type-choices input:checked + span { border-color: var(--kb-blue); background: #f2f6ff; box-shadow: 0 0 0 2px rgba(36,92,199,.1); }
.knowledge-modal footer { display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--kb-line); padding-top: 20px; }
.knowledge-edit-properties { width: 100%; margin-top: 12px; }
.knowledge-properties-modal > section { width: min(760px,100%); }
.knowledge-properties-modal fieldset { border: 1px solid var(--kb-line); border-radius: 11px; padding: 14px; }
.knowledge-properties-modal legend { padding: 0 7px; color: #3e4f67; font-size: 13px; font-weight: 750; }
.knowledge-audience-row { display: grid; grid-template-columns: 160px minmax(0,1fr) 36px; gap: 8px; margin-bottom: 8px; }
.knowledge-audience-row > span { min-height: 44px; border-radius: 8px; background: var(--kb-soft); }
.knowledge-audience-row > button { min-height: 44px; padding: 0; color: #ad2942; }
.knowledge-permission-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 18px; }
.knowledge-permission-grid label.check { display: flex; grid-template-columns: 18px 1fr; align-items: center; align-self: end; min-height: 44px; }
.knowledge-toast {
  position: fixed; z-index: 1200; right: 24px; bottom: 24px; max-width: min(420px, calc(100vw - 48px));
  border: 1px solid #d6dfeb; border-radius: 10px; padding: 13px 16px; color: var(--kb-ink); background: #fff; box-shadow: 0 16px 50px rgba(10,23,48,.18);
}
.knowledge-toast.success { color: #09664e; border-color: #a5ddcb; background: #eefaf6; }
.knowledge-toast.error { color: #a2273c; border-color: #f0bbc5; background: #fff4f6; }

.knowledge-reader { min-height: 100vh; background: #fff; }
.knowledge-reader-topbar,
.knowledge-editor-topbar {
  position: sticky; z-index: 40; top: 0; display: flex; min-height: 64px; align-items: center; gap: 18px;
  border-bottom: 1px solid var(--kb-line); padding: 8px 28px; background: rgba(255,255,255,.94); backdrop-filter: blur(16px);
}
.knowledge-reader-back { color: #4c5e77; text-decoration: none; font-weight: 700; }
.knowledge-reader-title,
.native-editor-title { display: grid; min-width: 0; }
.knowledge-reader-title strong,
.native-editor-title strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.knowledge-reader-title span,
.native-editor-title span { color: var(--kb-muted); font-size: 12px; }
.knowledge-reader-actions,
.knowledge-editor-topbar .native-editor-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.knowledge-reader-actions .icon-button { min-width: 40px; padding: 0; }
.knowledge-draft-pill { border-radius: 999px; padding: 6px 10px; color: #8a5a08; background: #fff3d6; font-size: 12px; font-weight: 700; }
.knowledge-draft-pill.unchanged { color: #53657f; background: #edf1f6; }
.knowledge-reader-main { padding: clamp(38px, 6vw, 90px) 24px 100px; }
.knowledge-document { width: min(780px, 100%); margin: auto; }
.knowledge-document-heading { margin-bottom: 46px; }
.knowledge-document-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.knowledge-document-meta span { border-radius: 999px; padding: 5px 9px; color: #617089; background: #f0f3f7; font-size: 12px; }
.knowledge-document-heading h1 { margin: 0; font-size: clamp(34px, 5vw, 56px); line-height: 1.1; letter-spacing: -.045em; }
.knowledge-document-heading > p { margin: 18px 0 0; color: var(--kb-muted); font-size: 18px; line-height: 1.7; }
.knowledge-document-body { font-size: 16px; line-height: 1.85; color: #263750; }
.knowledge-document-body h1,
.knowledge-document-body h2,
.knowledge-document-body h3 { margin: 2em 0 .6em; color: var(--kb-ink); letter-spacing: -.02em; }
.knowledge-document-body p { margin: 1em 0; }
.knowledge-document-body blockquote { margin: 1.5em 0; border-left: 3px solid var(--kb-blue); padding: 3px 0 3px 20px; color: #50627c; }
.knowledge-document-body img,
.knowledge-document-body video { display: block; width: 100%; max-height: 70vh; border-radius: 12px; object-fit: contain; background: #f2f4f8; }
.knowledge-media { width: var(--media-width,100%); margin: 32px auto; }
.knowledge-media figcaption { margin-top: 8px; color: var(--kb-muted); font-size: 13px; text-align: center; }
.knowledge-table-scroll { overflow-x: auto; margin: 24px 0; }
.knowledge-document-body table { width: 100%; border-collapse: collapse; }
.knowledge-document-body th,
.knowledge-document-body td { border: 1px solid var(--kb-line); padding: 10px 12px; text-align: left; }
.knowledge-document-body th { background: var(--kb-soft); }
.knowledge-page-break { border: 0; border-top: 1px dashed #a8b4c5; margin: 48px 0; }
.knowledge-slideshow-cover {
  position: relative; width: 100%; aspect-ratio: 16/9; display: grid; place-content: center; justify-items: center; gap: 12px;
  border: 1px solid #d7e1ef; border-radius: 18px; padding: 30px; color: #fff; background: radial-gradient(circle at 75% 20%, #3b73dd, #102a56 68%); cursor: pointer;
}
.knowledge-slideshow-cover .play { display: grid; place-items: center; width: 62px; height: 62px; border-radius: 50%; padding-left: 4px; color: #143263; background: #fff; font-size: 22px; }
.knowledge-slideshow-cover strong { font-size: clamp(24px,4vw,42px); }
.knowledge-slideshow-cover small { color: #dce8ff; }
.knowledge-confirm { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 70px; border: 1px solid #bdd9cf; border-radius: 14px; padding: 20px; background: #f0faf6; }
.knowledge-confirm > div { display: grid; gap: 5px; }
.knowledge-confirm span { color: #527166; font-size: 13px; }
.knowledge-confirm button { min-height: 42px; border: 0; border-radius: 9px; padding: 0 18px; color: #fff; background: var(--kb-green); font-weight: 750; cursor: pointer; }
.knowledge-confirm.completed > span { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; background: var(--kb-green); font-size: 20px; }
.knowledge-drawer { place-items: stretch end; padding: 0; background: rgba(12,25,47,.28); }
.knowledge-drawer > section { width: min(520px, 100%); height: 100%; overflow: auto; padding: 26px; background: #fff; box-shadow: -20px 0 60px rgba(10,23,48,.16); }
.knowledge-drawer > section > header { display: flex; align-items: start; justify-content: space-between; gap: 20px; margin-bottom: 26px; }
.knowledge-drawer header small { color: var(--kb-blue); font-weight: 750; }
.knowledge-drawer header h2 { margin: 5px 0 0; font-size: 22px; }
.knowledge-drawer header button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--kb-soft); font-size: 22px; cursor: pointer; }
.knowledge-drawer details { border-top: 1px solid var(--kb-line); padding: 16px 0; }
.knowledge-drawer summary { cursor: pointer; font-weight: 750; }
.knowledge-properties { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.knowledge-properties div { border-radius: 9px; padding: 12px; background: var(--kb-soft); }
.knowledge-properties dt { color: var(--kb-muted); font-size: 11px; }
.knowledge-properties dd { margin: 5px 0 0; font-weight: 700; }
.knowledge-versions > div { display: grid; grid-template-columns: 1fr auto; gap: 4px; border-bottom: 1px solid #edf1f6; padding: 12px 0; }
.knowledge-versions small { grid-column: 1/-1; color: var(--kb-muted); }
.knowledge-activity > div { display: flex; gap: 12px; padding: 10px 0; }
.knowledge-activity > div > span { width: 8px; height: 8px; flex: 0 0 auto; margin-top: 6px; border-radius: 50%; background: var(--kb-blue); }
.knowledge-activity p { margin: 0; }
.knowledge-activity small { display: block; color: var(--kb-muted); }

/* Read-first knowledge document editor */
.knowledge-editor-shell { min-height: 100vh; color: var(--kb-ink); background: #fff; }
.knowledge-editor-topbar .native-editor-back { color: #4d5e76; text-decoration: none; font-weight: 700; }
.knowledge-editor-topbar .native-editor-save-state { margin-left: auto; }
.knowledge-editor-topbar .native-editor-actions { margin-left: 0; }
.knowledge-editor-shell .native-editor-toolbar {
  position: sticky; z-index: 35; top: 64px; min-height: 54px; border-bottom: 1px solid var(--kb-line); padding: 8px max(18px, calc((100vw - 900px)/2));
  background: rgba(249,251,254,.96); box-shadow: none; backdrop-filter: blur(14px);
}
.knowledge-editor-workspace { position: relative; min-height: calc(100vh - 118px); padding: 52px 24px 120px; background: #fff; }
.knowledge-editor-document { width: min(760px,100%); margin: auto; }
.knowledge-editor-document > header { margin-bottom: 34px; }
.knowledge-editor-document > header > span { display: inline-flex; border-radius: 999px; padding: 5px 9px; color: var(--kb-blue); background: #edf3ff; font-size: 12px; font-weight: 750; }
.knowledge-editor-document > header h1 { margin: 18px 0 8px; font-size: clamp(34px,5vw,54px); line-height: 1.12; letter-spacing: -.045em; }
.knowledge-editor-document > header p { margin: 0; color: var(--kb-muted); font-size: 17px; }
.knowledge-editor-content .tiptap { min-height: 55vh; padding: 0; outline: 0; color: #263750; font-size: 16px; line-height: 1.85; }
.knowledge-editor-content .tiptap p.is-editor-empty:first-child::before { color: #9aa6b7; }
.knowledge-editor-content .tiptap img,
.knowledge-editor-content .tiptap video { display: block; max-width: 100%; max-height: 68vh; margin: 28px auto; border-radius: 12px; object-fit: cover; background: #f1f4f8; }
.knowledge-editor-content .ProseMirror-selectednode { outline: 3px solid rgba(36,92,199,.25); outline-offset: 4px; }
.knowledge-media-inspector {
  position: fixed; z-index: 45; right: 24px; top: 136px; width: 260px; border: 1px solid var(--kb-line); border-radius: 13px; padding: 16px;
  background: #fff; box-shadow: 0 18px 50px rgba(13,31,61,.16);
}
.knowledge-media-inspector header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.knowledge-media-inspector header button { width: 30px; height: 30px; border: 0; border-radius: 50%; background: var(--kb-soft); cursor: pointer; }
.knowledge-media-inspector label { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 8px; margin: 11px 0; color: #53637a; font-size: 12px; }
.knowledge-media-inspector label input[type=text],
.knowledge-media-inspector label input:not([type]) { grid-column: 1/-1; height: 36px; border: 1px solid var(--kb-line); border-radius: 8px; padding: 0 9px; }
.knowledge-media-inspector p { margin: 14px 0 0; color: var(--kb-muted); font-size: 11px; line-height: 1.5; }

/* Slideshow authoring and presentation */
.slideshow-shell { height: 100vh; display: grid; grid-template-rows: 62px 52px minmax(0,1fr); overflow: hidden; color: var(--kb-ink); background: #eef2f7; }
.slideshow-topbar { display: flex; align-items: center; gap: 16px; border-bottom: 1px solid var(--kb-line); padding: 7px 18px; background: #fff; }
.slideshow-topbar > a { color: #4b5d76; text-decoration: none; font-weight: 700; }
.slideshow-topbar > div:not(.slideshow-actions) { display: grid; min-width: 0; }
.slideshow-topbar > div strong { overflow: hidden; max-width: 36vw; text-overflow: ellipsis; white-space: nowrap; }
.slideshow-topbar > div span,
.slideshow-save { color: var(--kb-muted); font-size: 11px; }
.slideshow-save { margin-left: auto; }
.slideshow-actions { display: flex; gap: 7px; }
.slideshow-actions button { min-height: 36px; padding: 0 12px; }
.slideshow-toolbar { display: flex; align-items: center; gap: 7px; border-bottom: 1px solid #dbe2ec; padding: 7px 18px; background: #f9fbfd; }
.slideshow-toolbar button { min-height: 34px; border: 1px solid transparent; border-radius: 7px; padding: 0 10px; color: #3d506a; background: transparent; cursor: pointer; font-weight: 650; }
.slideshow-toolbar button:hover { border-color: #d4deeb; background: #fff; }
.slideshow-toolbar > span { flex: 1; }
.slideshow-toolbar label { display: flex; align-items: center; gap: 7px; color: var(--kb-muted); font-size: 12px; }
.slideshow-toolbar select { height: 32px; border: 1px solid #d4deeb; border-radius: 7px; background: #fff; }
.slideshow-workspace { min-height: 0; display: grid; grid-template-columns: 196px minmax(0,1fr) 260px; }
.slide-strip { min-height: 0; overflow: auto; border-right: 1px solid #d7dfe9; padding: 14px 12px; background: #f8fafc; }
.slide-thumbnail { position: relative; width: 100%; display: grid; grid-template-columns: 18px 1fr; gap: 5px; border: 1px solid transparent; border-radius: 8px; padding: 7px; background: transparent; cursor: pointer; }
.slide-thumbnail.active { border-color: var(--kb-blue); background: #eef4ff; }
.slide-thumbnail > span { color: #758399; font-size: 10px; }
.slide-thumbnail > div { position: relative; overflow: hidden; border: 1px solid #d9e1eb; background: #fff; box-shadow: 0 2px 6px rgba(16,42,86,.08); }
.slide-thumbnail .slide-element { pointer-events: none; }
.slide-thumbnail .slide-element.text { font-size: 3px!important; }
.slide-thumbnail .slide-element.media b,
.slide-thumbnail .resize-handle { display: none; }
.slide-add-bottom { width: calc(100% - 24px); min-height: 36px; margin: 10px 12px; border: 1px dashed #b9c6d6; border-radius: 8px; color: #53657f; background: transparent; cursor: pointer; }
.slide-stage { min-width: 0; min-height: 0; overflow: auto; padding: 30px; }
.slide-canvas-wrap { display: grid; min-height: calc(100% - 92px); place-items: center; }
.slide-canvas { position: relative; width: min(100%, 1060px); overflow: hidden; background: #fff; box-shadow: 0 16px 50px rgba(16,37,72,.17); user-select: none; }
.slide-element { position: absolute; touch-action: none; }
.slide-element.text { display: grid; align-items: center; line-height: 1.2; white-space: normal; }
.slide-element.media { overflow: hidden; border-radius: 3px; background: #e8edf4; }
.slide-element.media img,
.slide-element.media video { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.slide-element.media.video b { position: absolute; top: 50%; left: 50%; display: grid; width: 38px; height: 38px; place-items: center; transform: translate(-50%,-50%); border-radius: 50%; color: #102a56; background: rgba(255,255,255,.9); }
.slide-element.shape > span { position: absolute; inset: 0; display: block; }
.slide-element.selected { outline: 2px solid var(--kb-blue); outline-offset: 1px; }
.resize-handle { position: absolute; right: -7px; bottom: -7px; width: 13px; height: 13px; border: 2px solid #fff; border-radius: 3px; background: var(--kb-blue); cursor: nwse-resize; }
.slide-page-number { position: absolute; right: 2.2%; bottom: 2%; color: #79879a; font-size: 1.5cqw; }
.slide-notes { display: grid; gap: 5px; width: min(100%,1060px); margin: 18px auto 0; color: var(--kb-muted); font-size: 11px; }
.slide-notes textarea { min-height: 55px; resize: vertical; border: 1px solid #d6dfe9; border-radius: 8px; padding: 9px; background: #fff; }
.slide-inspector { min-height: 0; overflow: auto; border-left: 1px solid #d7dfe9; padding: 18px; background: #fff; }
.slide-inspector-empty { display: grid; place-items: center; gap: 8px; padding-top: 70px; color: var(--kb-muted); text-align: center; }
.slide-inspector-empty > span { font-size: 32px; }
.slide-inspector-empty p { margin: 0; font-size: 12px; line-height: 1.5; }
.slide-inspector-form > header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--kb-line); padding-bottom: 12px; }
.slide-inspector-form > header button { border: 0; color: #b52a44; background: transparent; cursor: pointer; }
.slide-inspector-form label { display: grid; gap: 6px; margin: 14px 0; color: #596b83; font-size: 11px; }
.slide-inspector-form textarea,
.slide-inspector-form input[type=number] { border: 1px solid #d6dfeb; border-radius: 7px; padding: 7px; color: var(--kb-ink); }
.slide-inspector-form textarea { min-height: 90px; resize: vertical; }
.slide-inspector-form label.check { display: flex; grid-template-columns: 18px 1fr; align-items: center; }
.slide-grid-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; border-top: 1px solid var(--kb-line); margin-top: 15px; padding-top: 3px; }
.slide-layer-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 16px; }
.slide-layer-actions button { min-height: 34px; border: 1px solid #d7dfeb; border-radius: 7px; color: #465a74; background: #fff; cursor: pointer; }
.slide-template-modal > section { width: min(900px,100%); max-height: calc(100vh - 40px); overflow: auto; border-radius: 18px; padding: 28px; background: #fff; }
.slide-template-modal header { display: flex; justify-content: space-between; }
.slide-template-modal header small { color: var(--kb-blue); font-weight: 750; }
.slide-template-modal h2 { margin: 4px 0 22px; }
.slide-template-modal header button { width: 38px; height: 38px; border: 0; border-radius: 50%; background: var(--kb-soft); font-size: 21px; cursor: pointer; }
.slide-template-modal section > div { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; }
.slide-template-modal section > div > button { display: grid; gap: 7px; border: 1px solid var(--kb-line); border-radius: 10px; padding: 10px; text-align: left; background: #fff; cursor: pointer; }
.slide-template-modal section > div > button:hover { border-color: var(--kb-blue); box-shadow: 0 6px 20px rgba(36,92,199,.1); }
.template-preview { display: block; aspect-ratio: 16/9; border-radius: 5px; background: linear-gradient(145deg,#eaf1ff 50%,#fff 50%); }
.template-preview.section { background: #102a56; }
.template-preview.full_image { background: linear-gradient(125deg,#7894c3,#19355f); }
.template-preview.video { background: radial-gradient(circle,#fff 0 10%,#274c80 11%); }
.slide-template-modal strong { font-size: 13px; }
.slide-template-modal small { color: var(--kb-muted); font-size: 11px; }
.media-upload-progress { position: fixed; z-index: 1200; right: 24px; bottom: 24px; width: min(360px,calc(100vw - 48px)); display: grid; gap: 8px; border-radius: 12px; padding: 16px; background: #fff; box-shadow: 0 20px 60px rgba(11,28,57,.24); }
.media-upload-progress > span { height: 6px; overflow: hidden; border-radius: 6px; background: #e7ecf3; }
.media-upload-progress i { display: block; width: 0; height: 100%; background: var(--kb-blue); transition: width .2s; }
.media-upload-progress small { color: var(--kb-muted); }
.slideshow-presenter { position: fixed; z-index: 1500; inset: 0; display: grid; place-items: center; padding: 0; outline: 0; background: #070d18; }
.present-slide { position: relative; width: min(100vw,calc(100vh * 16/9)); max-height: 100vh; overflow: hidden; background: #fff; }
.present-controls { position: fixed; z-index: 2; right: 18px; bottom: 18px; display: flex; align-items: center; gap: 7px; border-radius: 999px; padding: 7px; color: #fff; background: rgba(8,17,32,.78); opacity: .15; transition: opacity .2s; }
.slideshow-presenter:hover .present-controls,
.present-controls:focus-within { opacity: 1; }
.present-controls button { min-width: 38px; height: 34px; border: 0; border-radius: 999px; padding: 0 11px; color: #fff; background: rgba(255,255,255,.12); cursor: pointer; }
.transition-fade { animation: slideFade .3s ease-out; }
.transition-slide { animation: slideMove .3s ease-out; }
@keyframes slideFade { from { opacity: .2; } }
@keyframes slideMove { from { transform: translateX(5%); opacity: .4; } }
.export-modal p:not(.eyebrow) { color: var(--kb-muted); }
.export-options { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.export-options button { display: grid; justify-items: start; min-height: 92px; padding: 16px; text-align: left; }
.export-options small { color: var(--kb-muted); font-weight: 400; }
.publish-impact-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 22px 0 16px; }
.publish-impact-summary > div { padding: 14px; border: 1px solid var(--kb-line); border-radius: 12px; background: var(--kb-soft); }
.publish-impact-summary dt { margin-bottom: 5px; color: var(--kb-muted); font-size: 12px; }
.publish-impact-summary dd { margin: 0; font-weight: 700; }
.publish-summary-modal .hint { color: var(--kb-muted); font-size: 12px; line-height: 1.55; }
.knowledge-drawer-footer { margin-top: 18px; border-top: 1px solid var(--kb-line); padding-top: 16px; }

@media (max-width: 900px) {
  .knowledge-topbar { padding: 0 16px; }
  .knowledge-brand strong,
  .knowledge-topbar nav { display: none; }
  .knowledge-search { width: min(56vw,360px); }
  .knowledge-library { grid-template-columns: 1fr; }
  .knowledge-sidebar { position: sticky; z-index: 20; top: 64px; display: flex; overflow-x: auto; gap: 6px; border-right: 0; border-bottom: 1px solid var(--kb-line); padding: 9px 14px; }
  .knowledge-sidebar > strong { display: none; }
  .knowledge-sidebar button { width: auto; min-width: max-content; }
  .knowledge-sidebar button span { margin-left: 6px; }
  .knowledge-list-pane { padding: 32px 18px; }
  .knowledge-row { grid-template-columns: 40px minmax(0,1fr) 92px 34px; }
  .knowledge-row-meta,
  .knowledge-row-updated { display: none; }
  .knowledge-reader-topbar,
  .knowledge-editor-topbar { flex-wrap: wrap; padding: 10px 14px; }
  .knowledge-reader-title,
  .knowledge-editor-topbar .native-editor-title { flex: 1; }
  .knowledge-reader-actions,
  .knowledge-editor-topbar .native-editor-actions { width: 100%; justify-content: flex-end; overflow-x: auto; }
  .knowledge-reader-main { padding: 34px 18px 90px; }
  .knowledge-editor-shell .native-editor-toolbar { top: 116px; overflow-x: auto; flex-wrap: nowrap; padding: 7px 10px; }
  .knowledge-editor-workspace { padding: 34px 18px 100px; }
  .knowledge-media-inspector { right: 12px; bottom: 12px; top: auto; width: calc(100% - 24px); max-height: 45vh; overflow: auto; }
  .slideshow-shell { grid-template-rows: auto auto minmax(0,1fr); }
  .slideshow-topbar { flex-wrap: wrap; }
  .slideshow-topbar > div strong { max-width: 52vw; }
  .slideshow-save { display: none; }
  .slideshow-actions { width: 100%; overflow-x: auto; }
  .slideshow-toolbar { overflow-x: auto; }
  .slideshow-toolbar > span { min-width: 10px; }
  .slideshow-workspace { grid-template-columns: 1fr; grid-template-rows: 92px minmax(0,1fr); }
  .slide-strip { display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid #d7dfe9; padding: 8px; }
  .slide-strip > div { display: flex; }
  .slide-thumbnail { width: 130px; flex: 0 0 auto; }
  .slide-add-bottom { width: 80px; flex: 0 0 auto; }
  .slide-stage { padding: 16px; }
  .slide-inspector { position: fixed; z-index: 60; right: 10px; bottom: 10px; left: 10px; max-height: 40vh; border: 1px solid #d7dfe9; border-radius: 12px; box-shadow: 0 18px 60px rgba(10,23,48,.22); }
  .slide-inspector:has(.slide-inspector-empty) { display: none; }
  .slide-template-modal section > div { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 540px) {
  .knowledge-search { width: 46vw; }
  .knowledge-top-actions .primary { min-width: 44px; padding: 0 11px; font-size: 0; }
  .knowledge-top-actions .primary::after { content: "+"; font-size: 22px; }
  .knowledge-list-heading h1 { font-size: 31px; }
  .knowledge-row { grid-template-columns: 38px minmax(0,1fr) 32px; gap: 8px; }
  .knowledge-status { display: none; }
  .knowledge-type-choices,
  .knowledge-properties,
  .export-options,
  .publish-impact-summary { grid-template-columns: 1fr; }
  .knowledge-modal > section { padding: 28px 20px; }
  .knowledge-document-heading h1 { font-size: 36px; }
  .knowledge-confirm { align-items: stretch; flex-direction: column; }
  .slide-template-modal section > div { grid-template-columns: 1fr 1fr; }
}
@media print {
  .knowledge-reader-topbar,
  .knowledge-confirm,
  .knowledge-drawer { display: none!important; }
  .knowledge-reader-main { padding: 0; }
  .knowledge-document { width: 100%; }
  .knowledge-document-heading h1 { font-size: 30pt; }
  .knowledge-document-body { font-size: 11pt; }
}
.workspace-case-list { display: grid; gap: 14px; }
.workspace-case-card { border: 1px solid var(--line); border-radius: 16px; padding: 18px; background: var(--surface, #fff); }
.workspace-case-card > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 14px; }
.workspace-case-card h3 { margin: 4px 0 0; font-size: 1.05rem; }
.workspace-case-reasons { margin: 14px 0 0; padding: 12px 16px 12px 34px; border-radius: 12px; background: var(--surface-subtle, #f6f8fb); }
.workspace-detail-grid.compact { margin: 0; }

/* Asset register: complete management, evidence and label workflow */
.management-row-action { display: flex; flex-wrap: wrap; gap: 6px; min-width: 188px; }
.management-row-action .outline { min-height: 36px; padding: 7px 10px; white-space: nowrap; }
.management-select-cell { width: 44px; min-width: 44px; text-align: center!important; }
.management-select-cell input { width: 17px; height: 17px; accent-color: #2457d6; }
.management-section-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; }
.management-section-heading h2 { margin-bottom: 4px; }
.management-section-heading p { margin: 0; color: #687a91; font-size: 13px; }
.management-count { display: inline-grid; min-width: 34px; height: 34px; place-items: center; border-radius: 999px; background: #eef3ff; color: #2457d6; font-weight: 800; }
.management-asset-overview { border-top: 3px solid #2457d6; }
.management-asset-overview .management-section-heading h2 { font-size: 24px; letter-spacing: .02em; }
.management-asset-overview .management-section-heading small { color: #657890; font-weight: 700; }
.management-asset-facts { margin-top: 18px; }
.management-asset-evidence { display: grid; gap: 10px; margin-top: 16px; }
.management-asset-evidence article { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; border: 1px solid #e0e7ef; border-radius: 10px; padding: 12px; }
.management-asset-evidence article > div:nth-child(2) { min-width: 0; }
.management-asset-evidence strong,.management-asset-evidence span,.management-asset-evidence small { display: block; }
.management-asset-evidence span { margin-top: 2px; color: #3d526d; overflow-wrap: anywhere; }
.management-asset-evidence small { margin-top: 4px; color: #74849a; }
.management-evidence-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 9px; background: #edf3ff; color: #2457d6; font-size: 10px; font-weight: 900; letter-spacing: .06em; }

/* The secure page reached from an asset QR label. */
.asset-scan-body { min-height: 100vh; margin: 0; background: #f3f6fa; color: #10284a; font-family: Inter,"Microsoft YaHei",Arial,sans-serif; }
.asset-scan-shell { width: min(900px,calc(100% - 28px)); margin: 22px auto 60px; }
.asset-scan-brand { display: flex; align-items: center; gap: 10px; min-height: 58px; }
.asset-scan-brand > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: #275bd8; color: white; font-size: 20px; font-weight: 900; }
.asset-scan-brand > strong { font-size: 21px; }
.asset-scan-brand > button { margin-left: auto; }
.asset-scan-login { width: min(460px,100%); margin: 8vh auto 0; border: 1px solid #dbe3ed; border-radius: 18px; padding: 30px; background: white; box-shadow: 0 22px 60px rgba(22,42,70,.08); }
.asset-scan-login small { color: #275bd8; font-weight: 800; }
.asset-scan-login h1 { margin: 8px 0 8px; font-size: 30px; }
.asset-scan-login p { color: #60738d; line-height: 1.65; }
.asset-scan-login label { display: grid; gap: 6px; margin-top: 15px; color: #314963; font-size: 13px; font-weight: 700; }
.asset-scan-login input { min-height: 46px; border: 1px solid #cdd8e6; border-radius: 9px; padding: 0 12px; font: inherit; }
.asset-scan-login button { width: 100%; min-height: 46px; margin-top: 20px; }
.asset-scan-alert { margin-top: 14px; border-radius: 9px; padding: 10px 12px; background: #fff1f1; color: #a02a2a; font-size: 13px; }
.asset-scan-hero { margin-top: 16px; border-radius: 18px; padding: 30px; background: linear-gradient(125deg,#102a52,#2457d6); color: white; }
.asset-scan-hero small { opacity: .76; font-weight: 700; }
.asset-scan-hero h1 { margin: 7px 0 4px; font-size: clamp(27px,5vw,42px); overflow-wrap: anywhere; }
.asset-scan-hero p { margin: 0 0 16px; font-size: 18px; opacity: .9; }
.asset-scan-hero b { display: inline-block; border-radius: 999px; padding: 6px 10px; background: rgba(255,255,255,.16); font-size: 12px; }
.asset-scan-facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; overflow: hidden; margin: 14px 0; border: 1px solid #dce4ed; border-radius: 14px; background: #dce4ed; }
.asset-scan-facts > div { min-width: 0; padding: 16px; background: white; }
.asset-scan-facts dt { color: #6e7f94; font-size: 12px; font-weight: 700; }
.asset-scan-facts dd { margin: 6px 0 0; overflow-wrap: anywhere; font-weight: 700; }
.asset-scan-section { border: 1px solid #dce4ed; border-radius: 14px; padding: 20px; background: white; }
.asset-scan-section > div:first-child { display: flex; align-items: center; justify-content: space-between; }
.asset-scan-section h2 { margin: 0; font-size: 19px; }
.asset-scan-section > div:first-child span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #edf3ff; color: #275bd8; font-weight: 800; }
.asset-scan-evidence { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.asset-scan-evidence-card { min-width: 0; border: 1px solid #dde5ef; border-radius: 10px; padding: 13px; background: #fafcff; color: inherit; text-align: left; cursor: pointer; }
.asset-scan-evidence-card:hover { border-color: #275bd8; background: #f3f7ff; }
.asset-scan-evidence-card strong,.asset-scan-evidence-card span,.asset-scan-evidence-card small { display: block; overflow-wrap: anywhere; }
.asset-scan-evidence-card span,.asset-scan-evidence-card small { margin-top: 4px; color: #6d7d91; }
.asset-scan-actions { display: flex; justify-content: flex-end; margin-top: 14px; }
@media (max-width: 700px) {
  .management-section-heading { align-items: stretch; flex-direction: column; }
  .management-section-heading .management-page-actions { justify-content: flex-start; }
  .management-asset-evidence article { grid-template-columns: 38px minmax(0,1fr); }
  .management-asset-evidence article > button { grid-column: 1 / -1; width: 100%; }
  .management-asset-table .management-select-cell { display: flex!important; grid-template-columns: 1fr!important; }
  .asset-scan-facts { grid-template-columns: 1fr 1fr; }
  .asset-scan-evidence { grid-template-columns: 1fr; }
}
@media (max-width: 440px) {
  .asset-scan-shell { width: min(100% - 18px,900px); margin-top: 8px; }
  .asset-scan-login,.asset-scan-section { padding: 20px; }
  .asset-scan-facts { grid-template-columns: 1fr; }
}

/* Workforce planning: stable jobs -> approved headcount -> requisitions -> vacancies. */
.workforce-planning-header { margin-bottom: 14px; }
.workforce-planning-tabs { margin-bottom: 14px; overflow-x: auto; scrollbar-width: thin; }
.workforce-planning-tabs button { min-width: max-content; }
.workforce-planning-panel { min-width: 0; }
.workforce-planning-panel .workspace-table-wrap { max-height: min(64vh,760px); }
.workforce-planning-modal .modal-box { width: min(980px,calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow: auto; }
.workforce-dialog-header { padding-right: 48px; }
.workforce-dialog-header h2 { margin: 0 0 8px; }
.workforce-editor-form { grid-template-columns: repeat(2,minmax(0,1fr)); }
.workforce-plan-lines { margin: 0; border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.workforce-plan-lines legend { padding: 0 6px; font-weight: 800; }
.workforce-plan-lines > div { display: grid; gap: 10px; margin-bottom: 12px; }
.workforce-plan-line { display: grid; grid-template-columns: 1.25fr 1.25fr .65fr .85fr 1fr auto; align-items: end; gap: 10px; border: 1px solid var(--line); border-radius: 10px; padding: 12px; background: var(--surface-subtle,#f7f9fc); }
.workforce-plan-line .field { min-width: 0; margin: 0; }
.workforce-remove-line { min-height: 44px; white-space: nowrap; }
.workforce-next-step { margin: 0; color: var(--ink,#10284a); font-size: 1rem; font-weight: 700; line-height: 1.55; }
.workforce-blocker-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.workforce-blocker-list li { display: grid; gap: 3px; border-left: 3px solid #d59620; border-radius: 7px; padding: 9px 12px; background: #fff8e8; }
.workforce-blocker-list strong { font-size: 12px; text-transform: none; }
.workforce-blocker-list span { color: #674b0b; }
.workspace-inline-alert { border: 1px solid #dfb858; border-radius: 10px; padding: 12px; background: #fff8e8; color: #674b0b; }

@media (max-width: 1050px) {
  .workforce-plan-line { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .workforce-line-note { grid-column: 1 / -1; }
  .workforce-remove-line { justify-self: start; }
}

@media (max-width: 700px) {
  .workforce-planning-header .workspace-page-actions { width: 100%; align-items: stretch; }
  .workforce-planning-header .workspace-page-actions > * { flex: 1 1 auto; }
  .workforce-planning-modal .modal-box { width: 100%; max-width: none; min-height: 100%; max-height: 100%; border-radius: 0; }
  .workforce-editor-form,.workforce-plan-line { grid-template-columns: 1fr; }
  .workforce-line-note { grid-column: auto; }
  .workforce-plan-lines { padding: 10px; }
}
/* Skills and certificate matrix ------------------------------------------------ */
.credential-topbar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;padding:14px clamp(20px,4vw,64px);min-height:72px;background:#fff;border-bottom:1px solid var(--line,#dce4ee)}
.credential-back{font-weight:700;color:var(--ink,#19324f);text-decoration:none}.credential-language select{min-width:120px}.credential-page{max-width:1600px;margin:0 auto;padding:34px clamp(20px,4vw,64px) 72px}.credential-page-heading{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:24px}.credential-page-heading h1{font-size:clamp(2rem,3vw,3rem);margin:4px 0 8px;color:var(--ink,#142d4c)}.credential-page-heading p{max-width:760px;margin:0;color:#5c6f87}.credential-page-heading small{font-weight:700;color:#2b5ed7}.credential-primary-actions,.credential-definition-actions,.credential-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.credential-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #dce4ee;margin:0 0 24px}.credential-metric{padding:18px 20px;border-right:1px solid #dce4ee;background:transparent}.credential-metric:last-child{border-right:0}.credential-metric strong{display:block;font-size:1.65rem;color:#173557}.credential-metric span{color:#667990}.credential-metric.alert strong{color:#b54c2e}.credential-tabs{display:flex;gap:4px;border-bottom:1px solid #dce4ee;margin-bottom:20px}.credential-tabs button{border:0;background:transparent;color:#5c6f87;border-bottom:3px solid transparent;padding:13px 18px;font-weight:750}.credential-tabs button.active{color:#174aa4;border-bottom-color:#2a60d3}.credential-filters{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:12px;align-items:end;margin:18px 0}.credential-filters label{margin:0}.credential-table-shell{overflow:auto;border:1px solid #dce4ee;border-radius:16px;background:#fff}.credential-table{width:100%;border-collapse:collapse;min-width:850px}.credential-table th{position:sticky;top:0;z-index:1;background:#f6f8fb;text-align:left;font-size:.78rem;letter-spacing:.02em;color:#5d7088;padding:13px 16px;border-bottom:1px solid #dce4ee}.credential-table td{padding:14px 16px;border-bottom:1px solid #e7edf4;vertical-align:middle;color:#213a59}.credential-table tr:last-child td{border-bottom:0}.credential-table td strong,.credential-table td small{display:block}.credential-table td small{margin-top:3px;color:#718197}.credential-empty{text-align:center;padding:52px!important;color:#728299}.credential-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:750;background:#e9f3ed;color:#21633d}.credential-status.warning{background:#fff2d7;color:#8a5b00}.credential-status.danger{background:#fde9e6;color:#a13d2d}.credential-definition-actions{justify-content:flex-end;margin-bottom:14px}.credential-definition-grid{display:grid;gap:22px}.credential-definition-grid article{min-width:0}.credential-definition-grid h2{margin:4px 0 12px}.credential-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:0;border-radius:20px;padding:0;box-shadow:0 28px 90px #10233e48;color:#18314f}.credential-dialog::backdrop{background:#0715288c}.credential-dialog>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#fff;border-bottom:1px solid #dce4ee}.credential-dialog h2{margin:0;font-size:1.45rem}.credential-dialog-close{border:0;border-radius:999px;width:42px;height:42px;font-size:1.5rem;background:#eef2f7}.credential-form,.credential-detail{padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.credential-form label{display:grid;gap:7px;font-weight:700}.credential-form label small{font-weight:400;color:#687a91}.credential-form .full,.credential-detail section,.credential-detail dl,.credential-form footer{grid-column:1/-1}.credential-form input,.credential-form select,.credential-form textarea{width:100%}.credential-form textarea{min-height:110px}.credential-form footer{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.credential-detail{display:block}.credential-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#dce4ee;border:1px solid #dce4ee;border-radius:14px;overflow:hidden;margin:0 0 18px}.credential-detail dl div{background:#fff;padding:13px 16px}.credential-detail dt{font-size:.78rem;color:#697b91}.credential-detail dd{margin:4px 0 0;font-weight:700}.credential-detail section{margin-top:22px}.credential-timeline{list-style:none;padding:0;margin:0;border-left:2px solid #dce4ee}.credential-timeline li{position:relative;display:grid;gap:4px;margin-left:20px;padding:0 0 22px}.credential-timeline li:before{content:"";position:absolute;left:-27px;top:5px;width:12px;height:12px;border-radius:50%;background:#2a60d3;border:3px solid #edf3ff}.credential-timeline span{color:#344d6b}.credential-timeline small{color:#74849a}.credential-toast{position:fixed;right:24px;bottom:24px;z-index:10000;max-width:min(480px,calc(100vw - 48px));padding:14px 18px;border-radius:12px;background:#173557;color:#fff;box-shadow:0 14px 42px #07152855}
.credential-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:14px 0;color:#61748b}.credential-pagination span{margin-right:auto}.credential-pagination button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:760px){.credential-topbar{grid-template-columns:auto 1fr auto;gap:10px;padding:10px 14px}.credential-back{grid-column:1/-1;grid-row:2}.credential-topbar .management-user{display:none}.credential-page{padding:22px 14px 60px}.credential-page-heading{align-items:flex-start;flex-direction:column}.credential-primary-actions{width:100%}.credential-primary-actions button{flex:1}.credential-metrics{grid-template-columns:repeat(2,1fr)}.credential-metric:nth-child(2){border-right:0}.credential-metric:nth-child(-n+2){border-bottom:1px solid #dce4ee}.credential-tabs{overflow-x:auto}.credential-tabs button{white-space:nowrap}.credential-filters{grid-template-columns:1fr}.credential-table-shell{border:0;background:transparent;overflow:visible}.credential-table{display:block;min-width:0}.credential-table thead{display:none}.credential-table tbody{display:grid;gap:12px}.credential-table tr{display:grid;border:1px solid #dce4ee;border-radius:14px;background:#fff;padding:10px}.credential-table td{display:grid;grid-template-columns:minmax(100px,.42fr) 1fr;align-items:center;border-bottom:1px solid #edf1f5;padding:9px 8px}.credential-table td:before{content:attr(data-label);font-size:.76rem;color:#718197}.credential-table td:last-child{border-bottom:0}.credential-form{grid-template-columns:1fr}.credential-detail dl{grid-template-columns:1fr}.credential-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}.credential-dialog>header{padding:14px 16px}}