/* Final Leyte Division visual layer. Kept separate so it cleanly overrides legacy module styles. */
:root {
  --dc-bg: #f4f5ed;
  --dc-bg-elevated: #ecefe2;
  --dc-surface: #fffffb;
  --dc-surface-hover: #f8f9f2;
  --dc-glass: #f0f3e8;
  --dc-glass-hover: #e8eee0;
  --dc-border: #d9dfcf;
  --dc-border-strong: #c5cfba;
  --dc-text: #183225;
  --dc-text-muted: #65756b;
  --dc-text-dim: #94a096;
  --dc-accent: #17633a;
  --dc-accent-2: #8ea84a;
  --dc-teal: #2f7550;
  --dc-blue: #32704f;
  --dc-gradient: linear-gradient(135deg, #1a6840, #0e4d31);
  --dc-gradient-subtle: linear-gradient(135deg, rgba(23,99,58,.11), rgba(142,168,74,.13));
  --dc-shadow: 0 18px 45px rgba(41,70,48,.09);
  --dc-radius: 1rem;
  --dc-radius-lg: 1.35rem;
}

.dc-app { font-family: 'DM Sans', system-ui, sans-serif; background: var(--dc-bg) !important; }

.dc-ambient {
  background:
    radial-gradient(ellipse 38% 34% at 92% 4%, rgba(142,168,74,.15), transparent 72%),
    radial-gradient(ellipse 38% 32% at 18% 100%, rgba(23,99,58,.09), transparent 72%),
    linear-gradient(180deg, #f4f5ed 0%, #fafbf6 50%, #f1f3e9 100%) !important;
}

.dc-ambient::before, .dc-ambient::after {
  content: ""; position: absolute; width: 23rem; height: 13rem;
  border: 1px solid rgba(23,99,58,.08); border-radius: 100% 0 100% 0;
  transform: rotate(-24deg);
}
.dc-ambient::before { right: -7rem; top: 8rem; }
.dc-ambient::after { left: 9rem; bottom: -6rem; transform: rotate(22deg); }

.dc-sidebar {
  background: rgba(251,252,246,.95) !important;
  border-right-color: #dbe2d2 !important;
  box-shadow: 12px 0 36px rgba(35,65,42,.06) !important;
}
.dc-sidebar .dc-brand-icon {
  background: #fff !important; padding: .15rem; border: 1px solid rgba(23,99,58,.15);
  box-shadow: 0 8px 22px rgba(23,99,58,.15) !important;
}
.dc-sidebar .text-white { color: var(--dc-text) !important; }
.dc-technician-mobile-nav { display: none; }

/* Technician workspace: mobile shell and readable, wrapping content. */
.dc-support-mode .dc-main p,
.dc-support-mode .dc-main h1,
.dc-support-mode .dc-main h2,
.dc-support-mode .dc-main h3,
.dc-support-mode .dc-main strong,
.dc-support-mode .dc-main dd,
.dc-support-mode .dc-main a,
.dc-support-mode .dc-main td { overflow-wrap: anywhere; }

@media (max-width: 900px) {
  .dc-support-mode { overflow-x: hidden; padding-bottom: 5.25rem; }
  .dc-support-mode .dc-sidebar { display: none !important; }
  .dc-support-mode .dc-main,
  .dc-support-mode .dc-main * { min-width: 0; }
  .dc-support-mode .dc-main {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
  }
  .dc-support-mode .dc-technician-mobile-nav {
    position: fixed;
    right: .75rem;
    bottom: max(.75rem, env(safe-area-inset-bottom));
    left: .75rem;
    z-index: 80;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    padding: .45rem;
    border: 1px solid #cfd9c9;
    border-radius: 1.15rem;
    background: rgba(255, 255, 251, .96);
    box-shadow: 0 16px 40px rgba(24, 50, 37, .2);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }
  .dc-support-mode .dc-technician-mobile-nav a {
    display: flex;
    min-width: 0;
    min-height: 3.35rem;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .12rem;
    padding: .35rem .2rem;
    border-radius: .8rem;
    color: #65756b;
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
  }
  .dc-support-mode .dc-technician-mobile-nav a.active {
    background: #e7eee0;
    color: #145b36;
  }
  .dc-support-mode .dc-technician-mobile-nav .material-symbols-outlined { font-size: 1.25rem; }
  .dc-support-mode .dc-main > header.sticky,
  .dc-support-mode .dc-main > header[class*="sticky"] { padding: .9rem 1rem; }
  .dc-support-mode .truncate,
  .dc-support-mode .line-clamp-1,
  .dc-support-mode .line-clamp-2,
  .dc-support-mode .line-clamp-3 {
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
  }
}

@media (max-width: 900px) {
  .dc-support-mode .dc-main > header > div {
    align-items: flex-start;
    flex-direction: column;
  }
  .dc-support-mode .dc-main > header > div > :last-child {
    width: 100%;
    flex-wrap: wrap;
  }
  .dc-support-mode .support-ticket-table,
  .dc-support-mode .support-ticket-table tbody,
  .dc-support-mode .support-ticket-table tr { display: block; width: 100%; }
  .dc-support-mode .support-ticket-table thead { display: none; }
  .dc-support-mode .support-ticket-table { min-width: 0 !important; }
  .dc-support-mode .support-ticket-table tbody {
    padding: .75rem;
    background: #f4f5ed;
  }
  .dc-support-mode .support-ticket-table tr {
    margin-bottom: .75rem;
    overflow: hidden;
    border: 1px solid #dce6d6;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 5px 16px rgba(24, 50, 37, .05);
  }
  .dc-support-mode .support-ticket-table tr:last-child { margin-bottom: 0; }
  .dc-support-mode .support-ticket-table td {
    display: grid;
    width: 100% !important;
    grid-template-columns: 7rem minmax(0, 1fr);
    gap: .75rem;
    padding: .75rem .85rem !important;
    border-bottom: 1px solid #edf2e9;
    white-space: normal !important;
  }
  .dc-support-mode .support-ticket-table td:last-child { border-bottom: 0; }
  .dc-support-mode .support-ticket-table td > span.inline-flex {
    width: max-content;
    max-width: 100%;
    justify-self: start;
    white-space: nowrap !important;
  }
  .dc-support-mode .support-ticket-table td::before {
    color: #718078;
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .dc-support-mode .support-ticket-table td:nth-child(1)::before { content: "Ticket"; }
  .dc-support-mode .support-ticket-table td:nth-child(2)::before { content: "Requester / Issue"; }
  .dc-support-mode .support-ticket-table td:nth-child(3)::before { content: "Asset"; }
  .dc-support-mode .support-ticket-table td:nth-child(4)::before { content: "Priority"; }
  .dc-support-mode .support-ticket-table td:nth-child(5)::before { content: "Status"; }
  .dc-support-mode .support-ticket-table td:nth-child(6)::before { content: "Technician"; }
  .dc-support-mode .support-ticket-table td[colspan] { display: block; }
  .dc-support-mode .support-ticket-table td[colspan]::before { content: none; }
  .dc-support-mode .support-ticket-table + * { min-width: 0; }
  .dc-support-mode .ticket-record-section-title { align-items: flex-start; flex-direction: column; }
  .dc-support-mode dl > div { align-items: flex-start; flex-wrap: wrap; }
  .dc-support-mode dl dd { max-width: 100%; text-align: left; }
}

@media (max-width: 480px) {
  .dc-support-mode .support-ticket-table td { grid-template-columns: 1fr; gap: .3rem; }
  .dc-support-mode .support-panel-head,
  .dc-support-mode .support-form,
  .dc-support-mode .ticket-record > div,
  .dc-support-mode .ticket-page > article > div { padding-left: .85rem; padding-right: .85rem; }
}
.dc-nav-link { border-radius: .9rem; }
.dc-nav-link:hover {
  background: #eef2e7 !important; color: #174c31 !important; border-color: #d8e0ce !important;
}
.dc-nav-link.active {
  background: linear-gradient(135deg, #e3ebda, #eef2e5) !important;
  color: #145b36 !important; border-color: #cbd9c2 !important;
  box-shadow: inset 3px 0 0 #17633a !important;
}
.dc-nav-section { color: #8a998d !important; letter-spacing: .18em; }

.dc-page-bar, .dc-app main > header.sticky, .dc-app main > header[class*="sticky"],
.dc-crm-dashboard .dc-dashboard-topbar {
  background: rgba(248,249,242,.88) !important;
  border-bottom-color: #d9dfcf !important;
}

.dc-page-bar h1, .dc-page-bar h2, .dc-dashboard-topbar h1, .dc-dashboard-topbar h2,
.dc-page-body > div:first-child h1, .dc-page-body > div:first-child h2,
.dc-crm-dashboard h2 {
  font-family: 'Fraunces', Georgia, serif;
  letter-spacing: -.035em !important;
}

.dc-btn-primary, .dc-app .bg-\[\#0050cb\],
.dc-app .bg-gradient-to-br.from-\[\#0050cb\].to-\[\#0066ff\],
.dc-app .from-\[\#0050cb\].to-\[\#0066ff\],
.dc-crm-dashboard .dc-fab, .dc-crm-dashboard .dc-action-primary {
  background: var(--dc-gradient) !important;
  box-shadow: 0 14px 30px rgba(23,99,58,.22) !important;
}

.dc-app .text-\[\#0050cb\], .dc-app .text-blue-700,
.dc-app .text-\[\#006c49\], .dc-app .text-emerald-700 {
  color: #17633a !important; -webkit-text-fill-color: currentColor !important; background: none !important;
}

.dc-app input:focus, .dc-app select:focus, .dc-app textarea:focus {
  border-color: rgba(23,99,58,.48) !important;
  box-shadow: 0 0 0 4px rgba(23,99,58,.1) !important;
}

.dc-crm-dashboard {
  --crm-bg: #f4f5ed; --crm-surface: #fffffb; --crm-surface-soft: #f7f8f1;
  --crm-line: #d9dfcf; --crm-line-soft: #e9ede3; --crm-text: #183225;
  --crm-muted: #65756b; --crm-dim: #96a197; --crm-primary: #17633a;
  --crm-primary-dark: #0e4d31; --crm-teal: #3c7a56; --crm-amber: #a5792d;
  --crm-rose: #b54c52; --crm-shadow: 0 18px 45px rgba(41,70,48,.09);
  --crm-shadow-soft: 0 8px 24px rgba(41,70,48,.07);
  background: transparent;
}

.dc-crm-dashboard .dc-filter-control.is-active { border-color: rgba(23,99,58,.42) !important; background: #eef4e8 !important; }
.dc-crm-dashboard .dc-inventory-table thead tr, .dc-crm-dashboard .dc-table-footer { background: #f4f6ee !important; }
.dc-crm-dashboard .dc-inventory-table tbody tr:nth-child(even) { background: #fbfcf7; }
.dc-crm-dashboard .dc-inventory-table tbody tr:hover { background: #f0f4e9 !important; }
.dc-crm-dashboard .dc-category-card { border-radius: 1.4rem; }
.dc-crm-dashboard .dc-category-card:hover { border-color: #bfcdb7 !important; transform: translateY(-2px); }
.dc-crm-dashboard .dc-category-card .bg-white\/70,
.dc-crm-dashboard .bg-\[\#0050cb\]\/10, .dc-crm-dashboard .bg-blue-100 {
  background: #edf3e8 !important; color: #17633a !important; border-color: #d7e3cf !important;
}

.dc-auth-hero {
  background: radial-gradient(circle at 85% 10%, rgba(205,190,104,.28), transparent 32%),
              linear-gradient(145deg, #1c6b42, #0e4a2f);
}
.dc-auth-hero::before { background: radial-gradient(ellipse at 50% 125%, rgba(255,255,255,.12), transparent 58%); }

@media (prefers-reduced-motion: reduce) {
  .dc-nav-link, .dc-category-card, .dc-btn { transition: none !important; }
}

/* Leadership overview */
.dc-leadership-hero {
  display: flex; align-items: center; justify-content: space-between; gap: 2rem;
  padding: 2rem 2.25rem; color: #fff; overflow: hidden; position: relative;
  border-radius: 1.75rem; background: radial-gradient(circle at 90% 0, rgba(211,193,103,.28), transparent 35%), linear-gradient(135deg,#1b6840,#0d472e);
  box-shadow: 0 24px 50px rgba(19,73,44,.2);
}
.dc-leadership-hero::after { content:""; position:absolute; right:-4rem; bottom:-6rem; width:18rem; height:13rem; border:1px solid rgba(255,255,255,.16); border-radius:100% 0 100% 0; transform:rotate(-18deg); }
.dc-leadership-hero h2 { font: 700 clamp(1.8rem,3vw,2.7rem)/1.05 'Fraunces',serif; letter-spacing:-.04em; margin:.45rem 0; }
.dc-leadership-hero p { color:rgba(255,255,255,.72); max-width:36rem; font-size:.9rem; }
.dc-eyebrow { display:inline-block; color:#6f8252; font-size:.625rem; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.dc-leadership-hero .dc-eyebrow { color:#d6ddae; }
.dc-value-block { text-align:right; flex-shrink:0; position:relative; z-index:1; }
.dc-value-block span,.dc-value-block small { display:block; color:rgba(255,255,255,.68); font-size:.7rem; }
.dc-value-block strong { display:block; font:700 clamp(1.6rem,3vw,2.5rem)/1.2 'Fraunces',serif; margin:.2rem 0; }
.dc-leadership-kpi { min-height:9.5rem; padding:1.15rem; border:1px solid var(--dc-border); border-radius:1.35rem; background:#fffffb; box-shadow:var(--dc-shadow); }
.dc-leadership-kpi > .material-symbols-outlined { width:2rem; height:2rem; border-radius:.7rem; display:flex; align-items:center; justify-content:center; background:#edf3e8; color:#17633a; font-size:1.05rem; }
.dc-leadership-kpi strong { display:block; font:700 1.7rem 'Fraunces',serif; color:#183225; margin:.8rem 0 .1rem; }
.dc-leadership-kpi h3 { font-size:.72rem; font-weight:800; color:#32483a; }
.dc-leadership-kpi p { font-size:.625rem; color:#8a978d; margin-top:.2rem; }
.dc-leadership-kpi.gold > .material-symbols-outlined,.dc-leadership-kpi.amber > .material-symbols-outlined { background:#f5edd7; color:#9b7027; }
.dc-leadership-kpi.rose > .material-symbols-outlined { background:#f7e8e8; color:#aa5052; }
.dc-watch-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.8rem 1rem; background:#f6f7f0; border:1px solid #e4e8dc; border-radius:1rem; }
.dc-watch-row strong,.dc-watch-row small { display:block; }
.dc-watch-row strong { font-size:.75rem; color:#294234; }.dc-watch-row small { font-size:.625rem; color:#87938a; margin-top:.15rem; }
.dc-watch-row > span { min-width:2.1rem; height:2.1rem; display:flex; align-items:center; justify-content:center; border-radius:.75rem; background:#f1e7c9; color:#906823; font-weight:800; font-size:.75rem; }
.dc-leadership-table { width:100%; font-size:.72rem; }
.dc-leadership-table th { padding:.8rem 1rem; text-align:left; color:#849087; background:#f4f6ee; font-size:.58rem; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.dc-leadership-table td { padding:.9rem 1rem; border-top:1px solid #edf0e8; color:#66756b; white-space:nowrap; }
.dc-leadership-table td strong { color:#294234; }
.dc-mini-timeline { position:relative; }
.dc-mini-event { display:grid; grid-template-columns:2rem 1fr auto; align-items:center; gap:.75rem; padding:.65rem 0; border-bottom:1px solid #edf0e8; }
.dc-mini-event > .material-symbols-outlined { width:2rem; height:2rem; border-radius:.7rem; background:#edf3e8; color:#17633a; display:flex; align-items:center; justify-content:center; font-size:1rem; }
.dc-mini-event strong,.dc-mini-event small { display:block; }.dc-mini-event strong { font-size:.72rem;color:#294234; }.dc-mini-event small,.dc-mini-event time { font-size:.6rem;color:#8a978d; }
.dc-leadership-link { display:flex; align-items:center; justify-content:center; gap:.4rem; margin-top:1.2rem; padding:.7rem; border-radius:.85rem; background:#edf3e8; color:#17633a; font-size:.7rem; font-weight:800; }
.dc-leadership-link .material-symbols-outlined { font-size:.9rem; }
.dc-empty-state { min-height:8rem; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem; color:#8c998f; text-align:center; font-size:.72rem; }
.dc-alert-row { display:grid; grid-template-columns:2.5rem minmax(0,1fr) auto 1.25rem; align-items:center; gap:1rem; padding:1rem 1.25rem; transition:background .16s ease; }
.dc-alert-row:hover { background:#f7f9f2; }
.dc-alert-icon { width:2.5rem; height:2.5rem; display:flex; align-items:center; justify-content:center; border-radius:.85rem; background:#edf3e8; color:#17633a; font-size:1.15rem; flex-shrink:0; }
.dc-alert-row.critical .dc-alert-icon { background:#f8e7e7; color:#a94349; }
.dc-alert-row.attention .dc-alert-icon { background:#f6ecd2; color:#987025; }
.dc-alert-row strong { color:#294234; font-size:.78rem; }
.dc-alert-row div > div > span { padding:.15rem .45rem; border-radius:999px; background:#edf1e7; color:#728076; font-size:.55rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.dc-alert-row p,.dc-alert-row time { color:#87938a; font-size:.65rem; margin-top:.2rem; }
.dc-alert-row time { white-space:nowrap; margin:0; }
.dc-leadership-columns { display:grid; grid-template-columns:minmax(0,3fr) minmax(20rem,2fr); gap:1.5rem; align-items:start; }
.dc-leadership-column { display:flex; flex-direction:column; gap:1.5rem; min-width:0; }
.dc-leadership-grid { align-items:start !important; }
.dc-leadership .dc-leadership-panel {
  align-self:stretch !important;
  width:100% !important;
  min-height:0 !important;
  height:auto !important;
}
.dc-leadership-table { table-layout:fixed; }
.dc-leadership-table th:first-child { width:43%; }
.dc-leadership-table th:nth-child(2),
.dc-leadership-table th:nth-child(3),
.dc-leadership-table th:nth-child(4) { width:10%; }
.dc-leadership-table th:last-child { width:27%; }
.dc-leadership-table td:first-child { white-space:normal; line-height:1.35; }
.dc-spending-cell strong,.dc-spending-cell small { display:block; }
.dc-spending-cell small { color:#8a978d; font-size:.58rem; margin-top:.18rem; }
@media (max-width: 1180px) {
  .dc-leadership-grid,.dc-leadership-columns { grid-template-columns:1fr !important; }
}
@media (max-width: 760px) {
  .dc-leadership-hero { align-items:flex-start; flex-direction:column; }
  .dc-value-block { text-align:left; }
  .dc-leadership-table { min-width:42rem; }
  .dc-alert-row { grid-template-columns:2.5rem minmax(0,1fr) 1.25rem; }
  .dc-alert-row time { display:none; }
}

/* Reusable premium module banner */
.dc-module-hero-wrap { width:100%; max-width:80rem; margin:0 auto; padding:1.5rem 2rem 0; }
.dc-module-hero {
  position:relative; overflow:hidden; min-height:10.5rem; padding:2rem 2.25rem;
  display:flex; align-items:center; justify-content:space-between; gap:2rem;
  border-radius:1.75rem; color:#fff;
  background:radial-gradient(circle at 88% 4%,rgba(211,193,103,.22),transparent 34%),linear-gradient(135deg,#19643e 0%,#0d4a2f 72%,#315e38 100%);
  box-shadow:0 24px 50px rgba(19,73,44,.16);
}
.dc-module-hero::after {
  content:""; position:absolute; right:-3.5rem; bottom:-7rem; width:20rem; height:15rem;
  border:1px solid rgba(255,255,255,.16); border-radius:100% 0 100% 0; transform:rotate(-20deg);
}
.dc-module-hero-copy { position:relative; z-index:1; max-width:46rem; }
.dc-module-hero-eyebrow { display:block; color:#d5dda9; font-size:.625rem; line-height:1; font-weight:800; letter-spacing:.17em; text-transform:uppercase; }
.dc-module-hero h2 { margin:.65rem 0 .35rem; color:#fff !important; font:700 clamp(1.8rem,3.2vw,2.75rem)/1.02 'Fraunces',Georgia,serif; letter-spacing:-.045em; }
.dc-module-hero p { max-width:42rem; color:rgba(255,255,255,.74); font-size:.875rem; line-height:1.55; }
.dc-module-hero-metric { position:relative; z-index:1; min-width:13rem; text-align:right; flex-shrink:0; }
.dc-module-hero-metric span,.dc-module-hero-metric small { display:block; color:rgba(255,255,255,.66); font-size:.65rem; }
.dc-module-hero-metric strong { display:block; margin:.2rem 0; color:#fff; font:700 clamp(1.9rem,3.3vw,2.7rem)/1.1 'Fraunces',Georgia,serif; letter-spacing:-.035em; }
.dc-app .bg-gradient-to-r .text-white,
.dc-app [class*="from-"][class*="to-"] .text-white,
.dc-app .bg-gradient-to-r h2.text-white,
.dc-app .bg-gradient-to-r span.text-white,
.dc-app main .bg-gradient-to-r .flex h2.text-white { color:#fff !important; -webkit-text-fill-color:#fff !important; }
@media(max-width:760px){
  .dc-module-hero-wrap{padding:1rem 1rem 0}
  .dc-module-hero{min-height:0;padding:1.5rem;align-items:flex-start;flex-direction:column}
  .dc-module-hero-metric{text-align:left;min-width:0}
}

/* Focused asset operations workspaces */
.dc-intelligence-page .dc-module-hero-wrap,
.dc-intelligence-workspace { width:100%; max-width:100rem; margin-left:auto; margin-right:auto; }
.dc-crm-dashboard .dc-module-hero-wrap { max-width:84rem; padding-top:1.5rem; }
.dc-intelligence-tabs {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem;
  padding:.45rem; border:1px solid #dce3d5; border-radius:1.25rem; background:rgba(255,255,251,.78);
  box-shadow:0 12px 32px rgba(41,70,48,.06);
}
.dc-intelligence-tabs a {
  display:flex; align-items:center; gap:.8rem; min-height:4.25rem; padding:.85rem 1rem;
  border-radius:.95rem; color:#64756a; transition:.16s ease;
}
.dc-intelligence-tabs a:hover { background:#f1f4eb; color:#294234; }
.dc-intelligence-tabs a.active { background:linear-gradient(135deg,#1a6840,#0e4d31); color:#fff; box-shadow:0 12px 25px rgba(23,99,58,.18); }
.dc-intelligence-tabs .material-symbols-outlined { font-size:1.3rem; }
.dc-intelligence-tabs strong,.dc-intelligence-tabs small { display:block; }
.dc-intelligence-tabs strong { font-size:.75rem; }
.dc-intelligence-tabs small { margin-top:.1rem; font-size:.6rem; opacity:.7; }
.dc-operation-guide {
  display:flex; align-items:stretch; gap:0; overflow:hidden;
  border:1px solid #dfe5d8; border-radius:1.25rem; background:#fffffb;
}
.dc-operation-guide > div { position:relative; display:flex; align-items:center; gap:.75rem; flex:1; min-width:0; padding:1rem 1.15rem; }
.dc-operation-guide > div + div { border-left:1px solid #e5e9df; }
.dc-operation-guide b {
  display:flex; align-items:center; justify-content:center; width:2rem; height:2rem; flex:0 0 2rem;
  border-radius:50%; background:#e8efe1; color:#17633a; font-size:.72rem;
}
.dc-operation-guide strong,.dc-operation-guide small { display:block; }
.dc-operation-guide strong { color:#294234; font-size:.7rem; }
.dc-operation-guide small { color:#829087; font-size:.59rem; margin-top:.12rem; }
.dc-intelligence-workspace > .grid > section,
.dc-intelligence-workspace > section { border-color:#dfe5d8 !important; border-radius:1.25rem !important; box-shadow:0 15px 38px rgba(41,70,48,.07) !important; }
.dc-intelligence-workspace h2 { color:#213d2e !important; }
.dc-intelligence-workspace .bg-slate-50 { background:#f4f6ee !important; }
@media(max-width:900px){
  .dc-operation-guide { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .dc-operation-guide > div + div { border-left:0; }
  .dc-operation-guide > div:nth-child(even) { border-left:1px solid #e5e9df; }
  .dc-operation-guide > div:nth-child(n+3) { border-top:1px solid #e5e9df; }
}
@media(max-width:700px){
  .dc-intelligence-tabs { grid-template-columns:1fr; }
  .dc-operation-guide { grid-template-columns:1fr; }
  .dc-operation-guide > div { border-left:0 !important; }
  .dc-operation-guide > div + div { border-top:1px solid #e5e9df; }
}

/* Technical certification registry */
.dc-certifications-page .dc-module-hero-wrap,.dc-certification-workspace{width:100%;max-width:100rem;margin-left:auto;margin-right:auto}.dc-certification-workspace{padding:1.5rem}.dc-certification-flash{margin-bottom:1rem;padding:.85rem 1rem;border-radius:1rem;font-size:.78rem;font-weight:700}.dc-certification-flash.success{background:#e8f3e5;color:#17633a}.dc-certification-flash.error{background:#f9e8e8;color:#a94349}.dc-certification-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(19rem,.85fr);gap:1.5rem;align-items:start}.dc-certification-card{overflow:hidden;border:1px solid #dce3d5;border-radius:1.35rem;background:#fffffb;box-shadow:0 16px 40px rgba(41,70,48,.08)}.dc-certification-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.3rem 1.4rem;border-bottom:1px solid #e3e8de}.dc-certification-card-head h2{margin:.25rem 0;color:#213d2e;font:700 1.25rem 'Fraunces',serif}.dc-certification-card-head p{color:#7e8c83;font-size:.68rem}.dc-certification-card-head>.material-symbols-outlined{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.85rem;background:#e8efe1;color:#17633a}.dc-certification-form{padding:1.4rem}.dc-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.dc-certification-form label>span,.dc-form-wide>span{display:block;margin:0 0 .4rem;color:#52665a;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dc-certification-form input,.dc-certification-form select,.dc-certification-form textarea{width:100%;border:1px solid #dce3d5;border-radius:.85rem;background:#f7f8f2;padding:.78rem .9rem;color:#294234;font-size:.76rem;outline:0}.dc-certification-form textarea{resize:vertical}.dc-certification-form label small{display:block;margin-top:.35rem;color:#8b978f;font-size:.6rem}.dc-form-wide{display:block;margin:1rem 0}.dc-requirements-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.25rem 0 .65rem}.dc-requirements-head strong,.dc-requirements-head small{display:block}.dc-requirements-head strong{color:#294234;font-size:.78rem}.dc-requirements-head small{margin-top:.15rem;color:#89958d;font-size:.61rem}.dc-requirements-head button{display:flex;align-items:center;gap:.3rem;border:0;border-radius:.75rem;background:#e8efe1;padding:.6rem .75rem;color:#17633a;font-size:.65rem;font-weight:800;cursor:pointer}.dc-requirements-head button span{font-size:1rem}.dc-requirement-list{display:flex;flex-direction:column;gap:.65rem}.dc-requirement-row{display:grid;grid-template-columns:2rem minmax(10rem,.7fr) minmax(14rem,1.3fr) 2rem;gap:.55rem;align-items:start;padding:.7rem;border:1px solid #e1e6dc;border-radius:1rem;background:#fbfcf7}.dc-item-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.7rem;background:#e8efe1;color:#17633a;font-size:.68rem;font-weight:900}.remove-certificate-item{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:0;border-radius:.7rem;background:#f7eaea;color:#aa5052;cursor:pointer}.remove-certificate-item span{font-size:1rem}.dc-certificate-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.2rem;border:0;border-radius:.95rem;background:linear-gradient(135deg,#1a6840,#0e4d31);padding:.9rem;color:#fff;font-size:.72rem;font-weight:900;box-shadow:0 12px 28px rgba(23,99,58,.2);cursor:pointer}.dc-certificate-list{max-height:42rem;overflow:auto}.dc-certificate-list>a{display:grid;grid-template-columns:2.3rem minmax(0,1fr) 1.2rem;gap:.75rem;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid #e8ece4}.dc-certificate-list>a:hover{background:#f4f7ef}.dc-certificate-list>a>.material-symbols-outlined:first-child{display:flex;align-items:center;justify-content:center;width:2.3rem;height:2.3rem;border-radius:.75rem;background:#e8efe1;color:#17633a;font-size:1.1rem}.dc-certificate-list>a>.material-symbols-outlined:last-child{color:#829087;font-size:1rem}.dc-certificate-list strong,.dc-certificate-list small,.dc-certificate-list time{display:block}.dc-certificate-list strong{overflow:hidden;color:#294234;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.dc-certificate-list small{overflow:hidden;margin-top:.15rem;color:#78867d;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.dc-certificate-list time{margin-top:.25rem;color:#98a299;font-size:.56rem}@media(max-width:1100px){.dc-certification-grid{grid-template-columns:1fr}.dc-certificate-list{max-height:24rem}}@media(max-width:700px){.dc-form-row{grid-template-columns:1fr}.dc-requirement-row{grid-template-columns:2rem minmax(0,1fr) 2rem}.dc-requirement-row textarea{grid-column:2/4}.dc-certification-workspace{padding:1rem}}

/* Personnel workspace refinement */
.dc-personnel-page .dc-module-hero-wrap,
.dc-personnel-layout { max-width:100rem; margin-left:auto; margin-right:auto; width:100%; }
.dc-personnel-toolbar { min-height:4.75rem; }
.dc-personnel-toolbar > div { flex-wrap:wrap; }
.dc-personnel-toolbar-controls { min-width:0; flex-wrap:wrap; justify-content:flex-end; }
.dc-personnel-filters { min-width:0; }
.dc-personnel-profile-head { gap:1.25rem; }
.dc-personnel-profile-actions { flex-wrap:wrap; justify-content:flex-end; max-width:43rem; }
.dc-personnel-action {
  min-height:2.65rem; border:1px solid #dce3d5 !important; background:#f1f4eb !important;
  color:#294234 !important; box-shadow:none !important; white-space:nowrap;
}
.dc-personnel-action:hover { background:#e8eee1 !important; border-color:#cbd6c4 !important; }
.dc-personnel-action.primary { background:#17633a !important; color:#fff !important; border-color:#17633a !important; box-shadow:0 10px 22px rgba(23,99,58,.16) !important; }
.dc-personnel-action.status { background:#29483a !important; color:#fff !important; border-color:#29483a !important; }
.dc-personnel-action.danger { background:#fff4f3 !important; color:#b54c52 !important; border-color:#f0cece !important; }
.dc-personnel-profile-stats > div {
  min-height:5.4rem; display:flex; flex-direction:column; justify-content:center;
  background:#f3f5ed !important; border:1px solid #e1e6da; color:#294234 !important;
}
.dc-personnel-profile-stats > div:nth-child(3) { background:#edf4ea !important; }
.dc-personnel-profile-stats > div:nth-child(4) { background:#f7f1df !important; }
.dc-personnel-profile-stats > div > div:first-child { color:#173d29 !important; -webkit-text-fill-color:#173d29 !important; }
.dc-personnel-profile-stats > div > div:last-child { color:#718075 !important; -webkit-text-fill-color:#718075 !important; }
@media(max-width:1450px){
  .dc-personnel-toolbar-title { display:none; }
  .dc-personnel-toolbar-controls { flex:1 0 100%; width:100%; justify-content:flex-start; }
  .dc-personnel-filters { flex:1 0 100%; width:100%; }
  .dc-personnel-filters > div { flex:1; }
  .dc-personnel-filters .w-72 { width:100%; }
  .dc-personnel-profile-head { flex-direction:column; }
  .dc-personnel-profile-actions { max-width:none; justify-content:flex-start; }
}
@media(max-width:1100px){
  .dc-personnel-toolbar-title { display:none; }
  .dc-personnel-toolbar-controls { justify-content:flex-start; }
  .dc-personnel-layout { display:block; }
  .dc-personnel-directory { margin-bottom:1.5rem; }
  .dc-personnel-directory > .divide-y { max-height:22rem; }
}
@media(max-width:760px){
  .dc-personnel-filters { flex-wrap:wrap; width:100%; }
  .dc-personnel-filters > div,.dc-personnel-filters .w-72,.dc-personnel-filters select { width:100%; max-width:none; }
  .dc-personnel-profile-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* Modern audit ledger */
.dc-audit-page .dc-module-hero-wrap,.dc-audit-workspace{width:100%;max-width:100rem;margin-left:auto;margin-right:auto}.dc-audit-workspace{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem}.dc-audit-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.dc-audit-summary>div{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border:1px solid #dfe5d8;border-radius:1.1rem;background:#fffffb;box-shadow:0 10px 28px rgba(41,70,48,.06)}.dc-audit-summary .material-symbols-outlined{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.8rem;background:#e8efe1;color:#17633a;font-size:1.1rem}.dc-audit-summary strong,.dc-audit-summary small{display:block}.dc-audit-summary strong{color:#234332;font:700 1.2rem 'Fraunces',serif}.dc-audit-summary small{color:#839087;font-size:.6rem}.dc-audit-filters,.dc-audit-ledger{overflow:hidden;border:1px solid #dce3d5;border-radius:1.3rem;background:#fffffb;box-shadow:0 16px 40px rgba(41,70,48,.07)}.dc-audit-filters{padding:1.15rem}.dc-audit-filter-title{display:flex;align-items:center;gap:.7rem;margin-bottom:1rem}.dc-audit-filter-title>.material-symbols-outlined{display:flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:.75rem;background:#edf3e8;color:#17633a;font-size:1rem}.dc-audit-filter-title strong,.dc-audit-filter-title small{display:block}.dc-audit-filter-title strong{color:#294234;font-size:.75rem}.dc-audit-filter-title small{margin-top:.1rem;color:#89958d;font-size:.6rem}.dc-audit-filter-actions{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e7ebe3}.dc-audit-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.3rem;border-bottom:1px solid #e3e8de}.dc-audit-ledger-head h2{margin:.2rem 0 0;color:#213d2e;font:700 1.1rem 'Fraunces',serif}.dc-audit-ledger-head>span{border-radius:999px;background:#edf3e8;padding:.45rem .7rem;color:#17633a;font-size:.62rem;font-weight:800}.dc-audit-event{display:grid;grid-template-columns:2.6rem minmax(0,1fr) 4.8rem;align-items:start;gap:1rem;padding:1rem 1.25rem;transition:background .15s}.dc-audit-event:hover{background:#f7f9f3}.dc-audit-event-icon{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:.85rem}.dc-audit-event-copy{min-width:0}.dc-audit-event-copy>p{color:#344c3d;font-size:.75rem;line-height:1.45}.dc-audit-event-time{text-align:right;color:#52685a;font-size:.66rem;font-weight:800}.dc-audit-event-time small{display:block;margin-top:.12rem;color:#98a299;font-size:.56rem;font-weight:600}@media(max-width:800px){.dc-audit-summary{grid-template-columns:1fr}.dc-audit-event{grid-template-columns:2.6rem minmax(0,1fr)}.dc-audit-event-time{display:none}.dc-audit-workspace{padding:1rem}}

/* Audit activity feed polish */
.dc-audit-ledger{background:#f2f5ed}.dc-audit-ledger-head{background:#fffffb}.dc-audit-feed{position:relative;padding:1rem}.dc-audit-feed:before{content:"";position:absolute;left:2.78rem;top:1.3rem;bottom:1.3rem;width:1px;background:linear-gradient(#cdd9c7,#e7ece2)}.dc-audit-event{position:relative;grid-template-columns:2.8rem minmax(0,1fr) 7rem;gap:.9rem;margin-bottom:.65rem;padding:.9rem 1rem;border:1px solid #dfe5d9;border-radius:1rem;background:#fffffb;box-shadow:0 5px 16px rgba(41,70,48,.045)}.dc-audit-event:last-child{margin-bottom:0}.dc-audit-event:hover{z-index:1;border-color:#bfd0b9;background:#fff;box-shadow:0 12px 28px rgba(41,70,48,.09);transform:translateY(-1px)}.dc-audit-event-icon{position:relative;z-index:1;width:2.8rem;height:2.8rem;border:4px solid #fffffb;border-radius:1rem;box-shadow:0 0 0 1px #dfe5d9}.dc-audit-event-labels{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.42rem}.dc-audit-event-labels>span{padding:.22rem .5rem!important;font-size:.53rem!important;letter-spacing:.1em}.dc-audit-event-copy>p{color:#2b4535;font-size:.73rem;font-weight:650;line-height:1.42}.dc-audit-actor{display:flex;align-items:center;margin-top:.45rem;color:#819087;font-size:.59rem}.dc-audit-actor>span{display:inline-flex;align-items:center;gap:.3rem}.dc-audit-actor .material-symbols-outlined{font-size:.85rem}.dc-audit-event-time{align-self:center;padding-left:.8rem;border-left:1px solid #e6eae2;text-align:left}.dc-audit-event-time strong{display:block;color:#2f4b39;font:700 .8rem 'Fraunces',serif}.dc-audit-event-time small{margin-top:.18rem;white-space:nowrap}.dc-audit-event[data-action="delete"]{border-left:3px solid #c65b60}.dc-audit-event[data-action="return"],.dc-audit-event[data-action="issue"],.dc-audit-event[data-action="complete"]{border-left:3px solid #2c8152}.dc-audit-event[data-action="transfer"],.dc-audit-event[data-action="schedule"]{border-left:3px solid #b18838}.dc-audit-event[data-action="update"]{border-left:3px solid #72917a}@media(max-width:800px){.dc-audit-feed{padding:.7rem}.dc-audit-feed:before{left:2.48rem}.dc-audit-event{grid-template-columns:2.5rem minmax(0,1fr);padding:.8rem}.dc-audit-event-icon{width:2.5rem;height:2.5rem}.dc-audit-event-time{display:none}}

/* Modern sans-serif typography for Audit Trail only */
.dc-audit-page,.dc-audit-page button,.dc-audit-page input,.dc-audit-page select{font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important}.dc-audit-page .dc-module-hero h2{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:750;letter-spacing:-.045em;line-height:1.02}.dc-audit-page .dc-module-hero p{font-weight:450;letter-spacing:-.01em}.dc-audit-page .dc-audit-summary strong,.dc-audit-page .dc-audit-ledger-head h2,.dc-audit-page .dc-audit-event-time strong{font-family:'DM Sans',system-ui,sans-serif!important;font-weight:750;letter-spacing:-.025em}.dc-audit-page .dc-audit-ledger-head h2{font-size:1.08rem}.dc-audit-page .dc-audit-event-copy>p{font-size:.75rem;font-weight:550;letter-spacing:-.008em}.dc-audit-page .dc-audit-event-labels>span,.dc-audit-page .dc-eyebrow{font-weight:800;letter-spacing:.12em}.dc-audit-page .dc-audit-actor,.dc-audit-page .dc-audit-event-time small{font-weight:500}

/* Editable certification template settings */
.dc-template-settings{margin-bottom:1.5rem}.dc-template-settings>summary{display:grid;grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;align-items:center;gap:.8rem;padding:1rem 1.2rem;cursor:pointer;list-style:none}.dc-template-settings>summary::-webkit-details-marker{display:none}.dc-template-settings>summary>.material-symbols-outlined:first-child{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.8rem;background:#e8efe1;color:#17633a}.dc-template-settings>summary>.material-symbols-outlined:last-child{color:#7d8b82;transition:transform .2s}.dc-template-settings[open]>summary>.material-symbols-outlined:last-child{transform:rotate(180deg)}.dc-template-settings summary strong,.dc-template-settings summary small{display:block}.dc-template-settings summary strong{color:#294234;font-size:.76rem}.dc-template-settings summary small{margin-top:.15rem;color:#87948c;font-size:.61rem}.dc-template-settings>form{border-top:1px solid #e2e7dd}.dc-template-section{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0 .8rem;padding:.8rem 1rem;border-radius:1rem;background:#f3f6ee}.dc-template-section h3{margin-top:.18rem;color:#294234;font-size:.82rem;font-weight:800}.dc-template-preview{display:flex;align-items:center;gap:.6rem}.dc-template-preview img{width:2.8rem;height:2.8rem;border-radius:.65rem;background:#fff;object-fit:contain}.dc-template-preview.footer img{width:8rem}.dc-template-preview small{color:#87948c;font-size:.58rem}.dc-template-settings input[type=color]{height:2.85rem;padding:.3rem}@media(max-width:700px){.dc-template-section{align-items:flex-start;flex-direction:column}.dc-template-preview.footer img{width:6rem}}
/* Full-width admin workspaces
   Preserve the sidebar and page gutters while allowing every module to use the
   complete remaining viewport width. */
.dc-main .dc-page-body,
.dc-main .dc-module-hero-wrap,
.dc-main .dc-dashboard-content,
.dc-main .dc-intelligence-workspace,
.dc-main .dc-certification-workspace,
.dc-main .dc-personnel-layout,
.dc-main .dc-audit-workspace,
.dc-main .support-page-wrap,
.dc-main .ticket-page,
.dc-main > section[class*="max-w-"],
.dc-main > div[class*="max-w-"] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}