.card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.inline-action {
    display: flex;
    gap: 6px;
    min-width: 280px;
}

.inline-action input {
    min-width: 150px;
    border: 1px solid #cad4e1;
    border-radius: 8px;
    padding: 8px;
}

@media (max-width: 760px) {
    .card-grid { grid-template-columns: 1fr; }
}

.metric-grid.five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.metric-card,
a.metric-card {
    color: inherit;
    text-decoration: none;
}

.filter-row {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
}

.filter-row label,
.inline-filter label {
    display: grid;
    gap: 6px;
    color: #526173;
    font-size: 13px;
}

.filter-row input,
.filter-row select,
.inline-filter input {
    min-width: 138px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 9px 10px;
    background: #fff;
}

.inline-filter {
    display: flex;
    align-items: end;
    gap: 12px;
}

.dashboard-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.todo-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.todo-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border: 1px solid #dbe2ea;
    border-radius: 10px;
    color: #173a63;
    text-decoration: none;
    background: #fff;
}

.todo-card strong { font-size: 24px; }

@media (max-width: 1440px) {
    .metric-grid.five { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .todo-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .dashboard-columns { grid-template-columns: 1fr; }
    .metric-grid.five { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .todo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .metric-grid.five,
    .todo-grid { grid-template-columns: 1fr; }
    .filter-row > *,
    .filter-row input,
    .filter-row select { width: 100%; }
}

.button-group { display: flex; flex-wrap: wrap; gap: 8px; }
.masterdata-intro { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.masterdata-intro h3 { margin: 5px 0 8px; }
.masterdata-intro p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.7; }
.masterdata-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.masterdata-card { display: block; min-height: 160px; padding: 20px; color: var(--ink); background: linear-gradient(145deg, #fff, #f7faff); border: 1px solid var(--line); border-radius: 16px; box-shadow: var(--shadow); transition: transform .16s ease, border-color .16s ease; }
.masterdata-card:hover { transform: translateY(-2px); border-color: #8ab9ef; }
.masterdata-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 16px; }
.masterdata-card p { margin: 13px 0; color: var(--muted); line-height: 1.7; }
.masterdata-card small { color: var(--blue); }
.help-dot { display: inline-grid; width: 20px; height: 20px; place-items: center; border-radius: 50%; color: var(--blue); background: #e8f1ff; font-size: 12px; font-weight: 800; cursor: help; }
.channel-tree { padding: 8px 16px; background: #fbfcfe; border: 1px solid var(--line); border-radius: 12px; }
.channel-tree details { padding: 10px 0; border-bottom: 1px solid var(--line); }
.channel-tree details:last-child { border-bottom: 0; }
.channel-tree summary { font-weight: 800; cursor: pointer; }
.channel-tree ul { margin: 10px 0 0 22px; padding: 0 0 0 16px; border-left: 1px dashed #b6c5d8; list-style: none; }
.channel-tree li { position: relative; padding: 7px 0; }
.channel-tree li::before { position: absolute; top: 17px; left: -16px; width: 12px; border-top: 1px dashed #b6c5d8; content: ""; }
.tree-badge { display: inline-block; padding: 2px 6px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.tree-badge.major { color: #1459b8; background: #e8f1ff; }
.tree-badge.sub { color: #15805e; background: #e7f7f1; }
.tree-badge.department { color: #a76b07; background: #fff4d8; }
.table-heading { align-items: flex-start; padding: 18px 22px 0; }
.table-heading h3 { margin-bottom: 5px; }
.review-form { display: flex; align-items: center; min-width: 360px; gap: 6px; }
.review-form input { min-width: 160px; padding: 8px; border: 1px solid #cad4e1; border-radius: 8px; }
.review-form .button { padding: 8px 10px; }

@media (max-width: 1050px) {
    .masterdata-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .masterdata-intro { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
    .masterdata-card-grid { grid-template-columns: 1fr; }
    .review-form { min-width: 260px; flex-wrap: wrap; }
    .table-heading { flex-direction: column; }
}

.masterdata-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 32px;
    color: #fff;
    border-radius: 20px;
    background: radial-gradient(circle at 88% 8%, rgba(74, 202, 222, .35), transparent 28%), linear-gradient(120deg, #123e72, #185fb2 68%, #127b9c);
    box-shadow: 0 20px 45px rgba(16, 63, 117, .2);
}
.masterdata-hero .eyebrow { color: #83e6f2; }
.masterdata-hero h2 { margin: 7px 0 10px; font-size: 28px; }
.masterdata-hero p { max-width: 760px; margin: 0; color: #dceafe; line-height: 1.75; }
.masterdata-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; min-width: max-content; }
.masterdata-hero-actions .button.light { position: relative; color: #12477e; }
.action-count { display: inline-grid; min-width: 19px; height: 19px; margin-left: 6px; place-items: center; border-radius: 99px; color: #fff; background: #d83c50; font-size: 11px; }
.masterdata-section-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin: 28px 0 14px; }
.masterdata-section-head h3 { margin: 5px 0 0; font-size: 20px; }
.masterdata-section-head p { max-width: 420px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.7; }
.masterdata-card-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.masterdata-card {
    position: relative;
    display: flex;
    min-height: 196px;
    padding: 20px;
    gap: 14px;
    overflow: visible;
    color: var(--ink);
    background: #fff;
    border: 1px solid #e2e9f3;
    border-radius: 16px;
    box-shadow: 0 10px 26px rgba(25, 52, 89, .06);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.masterdata-card:hover { z-index: 2; transform: translateY(-4px); border-color: #75ace9; box-shadow: 0 18px 34px rgba(25, 86, 154, .16); }
.masterdata-icon { display: grid; flex: 0 0 42px; height: 42px; place-items: center; border-radius: 13px; color: #1662bf; background: #e8f2ff; font-size: 18px; font-weight: 800; }
.tone-2 .masterdata-icon, .tone-6 .masterdata-icon { color: #0d7d63; background: #e6f8f1; }
.tone-3 .masterdata-icon, .tone-7 .masterdata-icon { color: #a56808; background: #fff4dc; }
.tone-4 .masterdata-icon, .tone-8 .masterdata-icon { color: #7651ba; background: #f1ebff; }
.masterdata-card-body { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.masterdata-card-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.masterdata-card-title h3 { margin: 1px 0 0; font-size: 16px; line-height: 1.4; }
.masterdata-card p { display: -webkit-box; margin: 12px 0 15px; overflow: hidden; color: var(--muted); -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.65; }
.card-link { margin-top: auto; color: #1768ce; font-size: 12px; font-weight: 700; }
.card-link b { padding-left: 3px; font-size: 15px; }
.card-tooltip { position: absolute; right: 12px; bottom: calc(100% + 8px); z-index: 5; width: min(260px, calc(100vw - 40px)); padding: 10px 12px; pointer-events: none; opacity: 0; color: #fff; background: #172e4d; border-radius: 9px; box-shadow: 0 10px 24px rgba(15, 31, 54, .25); font-size: 12px; line-height: 1.6; transform: translateY(4px); transition: opacity .14s ease, transform .14s ease; }
.masterdata-card:hover .card-tooltip { opacity: 1; transform: translateY(0); }

.tree-intro { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin-bottom: 16px; }
.tree-intro h3 { margin: 5px 0 8px; font-size: 22px; }
.tree-intro p { max-width: 760px; margin: 0; color: var(--muted); line-height: 1.7; }
.tree-legend { display: flex; flex-wrap: wrap; gap: 12px; min-width: max-content; color: #607086; font-size: 12px; }
.tree-legend span { display: inline-flex; align-items: center; gap: 5px; }
.legend-dot { width: 9px; height: 9px; border-radius: 50%; }
.major-dot { background: #287be0; }.sub-dot { background: #19a178; }.department-dot { background: #d69b20; }
.tree-shell { padding: 24px; overflow: auto; border: 1px solid #dce7f4; border-radius: 18px; background: linear-gradient(180deg, #f6faff, #fff); box-shadow: var(--shadow); }
.tree-forest { display: grid; min-width: 760px; gap: 24px; }
.major-node { overflow: hidden; border: 1px solid #c9def5; border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(31, 83, 143, .07); }
.major-node-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; color: #fff; background: linear-gradient(120deg, #1b63b7, #2483dd); }
.major-node-header h3 { margin: 5px 0 2px; font-size: 19px; }.major-node-header small { color: #cfe4fb; }.node-kind { display: inline-block; color: inherit; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.node-actions { display: flex; flex-wrap: wrap; gap: 8px; }.node-actions a { padding: 5px 8px; border-radius: 7px; color: inherit; background: rgba(255, 255, 255, .15); font-size: 12px; white-space: nowrap; }.node-actions a:hover { background: rgba(255, 255, 255, .28); }
.branch-grid { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(225px, 1fr)); gap: 20px; padding: 34px 28px 28px; }
.branch-grid::before { position: absolute; top: 0; left: 50%; width: 2px; height: 26px; background: #85b9ee; content: ""; }.branch-grid::after { position: absolute; top: 25px; right: 12%; left: 12%; height: 2px; background: #b4d1f0; content: ""; }
.sub-node { position: relative; min-height: 152px; padding: 17px; border: 1px solid #dce9e5; border-radius: 13px; background: #f8fffc; box-shadow: 0 6px 16px rgba(31, 103, 81, .06); }.sub-node::before { position: absolute; top: -10px; left: 50%; width: 2px; height: 10px; background: #b4d1f0; content: ""; }
.sub-node-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #168465; }.sub-node-head .node-actions a { color: #168465; background: #e5f7f0; }.sub-node-head .node-actions a:hover { background: #d2f0e4; }.sub-node h4 { margin: 8px 0 14px; color: #173b63; font-size: 16px; }
.department-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-top: 11px; border-top: 1px dashed #cde2db; }.department-label { width: 100%; color: #8b6a19; font-size: 11px; font-weight: 800; }.department-chip { padding: 4px 8px; border-radius: 99px; color: #89650d; background: #fff3cf; font-size: 12px; }.department-empty { color: #9aa8b8; font-size: 12px; }
.is-inactive { opacity: .58; filter: grayscale(.22); }.department-chip.is-inactive { text-decoration: line-through; }.empty-branch { grid-column: 1 / -1; padding: 22px; border: 1px dashed #bbcadc; border-radius: 12px; color: #72839a; text-align: center; line-height: 1.8; }.tree-empty { display: grid; gap: 10px; justify-items: center; padding: 56px; color: var(--muted); text-align: center; }.tree-empty strong { color: var(--ink); font-size: 18px; }

@media (max-width: 1200px) { .masterdata-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .masterdata-hero, .masterdata-section-head, .tree-intro { align-items: flex-start; flex-direction: column; }.masterdata-hero-actions, .tree-legend { min-width: 0; }.masterdata-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .masterdata-hero { padding: 24px; }.masterdata-card-grid { grid-template-columns: 1fr; }.tree-shell { padding: 14px; }.masterdata-section-head { margin-top: 22px; } }

/* Admin data catalog and ownership workbench */
.catalog-page-head,.ownership-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:-8px 0 14px}.catalog-page-head p,.ownership-page-head p{margin:0 0 6px;color:var(--muted)}.ownership-page-head>div:first-child>a{font-size:12px}.ownership-head-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.catalog-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid #dbe3ed}.catalog-tabs a{position:relative;padding:10px 15px;color:#5d6c80;font-weight:700}.catalog-tabs a.is-active{color:#155fb9}.catalog-tabs a.is-active::after{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;background:#1d6fd2;content:""}.catalog-tabs a span{display:inline-grid;min-width:18px;height:18px;margin-left:5px;place-items:center;border-radius:9px;color:#fff;background:#d34151;font-size:10px}.catalog-shell{overflow:hidden;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(21,49,82,.05)}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 16px;border-bottom:1px solid #e6ebf2;background:#f8fafc}.catalog-toolbar div{display:flex;align-items:center;gap:10px}.catalog-toolbar span,.catalog-toolbar small{color:#6f7d90;font-size:12px}.catalog-table-wrap{overflow:auto}.catalog-table{width:100%;border-collapse:collapse;white-space:nowrap}.catalog-table th{padding:11px 14px;color:#64738a;background:#f4f7fa;font-size:12px;font-weight:700;text-align:left}.catalog-table td{padding:13px 14px;border-top:1px solid #e8edf3;vertical-align:middle}.catalog-table tbody tr:hover{background:#f8fbff}.catalog-table td:nth-child(2){min-width:250px;white-space:normal;color:#4f5e72}.catalog-table td strong,.catalog-table td small{display:block}.catalog-table td small{margin-top:4px;color:#8995a5;font-size:11px}.align-right{text-align:right!important}.catalog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap}.catalog-actions a,.catalog-actions button,.row-actions a,.row-actions button{padding:0;border:0;color:#1768c8;background:none;cursor:pointer;font-size:12px}.catalog-actions .danger-link,.row-actions .danger-link{color:#c53c4d}.catalog-actions form,.row-actions form{display:inline-flex;margin:0}.catalog-status{display:inline-flex;align-items:center;min-width:48px;justify-content:center;padding:4px 8px;border-radius:999px;color:#23644f;background:#e7f5ef;font-size:11px;font-weight:700}.catalog-status.warning{color:#8b620c;background:#fff3d8}.catalog-status.empty,.catalog-status.inactive{color:#8a5560;background:#f7e9ec}.muted{color:#96a1b0}.inline-form{display:inline-flex;margin:0}.inline-form button{border:0;color:#1768c8;background:none;cursor:pointer}

.ownership-filterbar{display:grid;grid-template-columns:minmax(260px,1fr) 150px 160px auto auto;align-items:end;gap:10px;padding:12px 14px;border:1px solid #dce4ee;border-radius:10px 10px 0 0;background:#fff}.ownership-filterbar label{display:grid;gap:5px}.ownership-filterbar label span{color:#66758a;font-size:11px;font-weight:700}.ownership-filterbar input,.ownership-filterbar select{height:38px;padding:0 10px;border:1px solid #cfd9e6;border-radius:7px;background:#fff}.ownership-filterbar .button{height:38px;padding:0 15px}.ownership-summary{display:flex;align-items:center;gap:0;padding:9px 14px;border:1px solid #dce4ee;border-top:0;background:#f7f9fc;color:#5f6e82;font-size:12px}.ownership-summary>span{padding:0 14px;border-right:1px solid #dfe5ed}.ownership-summary>span:first-child{padding-left:0}.ownership-summary strong{color:#173d68;font-size:15px}.ownership-summary .ownership-rule{margin-left:auto;padding-right:0;border:0;color:#718096}.ownership-workbench{display:grid;grid-template-columns:285px minmax(500px,1.45fr) minmax(330px,.9fr);gap:12px;margin-top:12px;align-items:start}.ownership-pane{min-width:0;overflow:hidden;border:1px solid #dce4ee;border-radius:10px;background:#fff;box-shadow:0 7px 18px rgba(25,53,87,.045)}.ownership-pane>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:11px 13px;border-bottom:1px solid #e3e9f0;background:#f8fafc}.ownership-pane>header span{display:block;color:#8491a2;font-size:10px;font-weight:700}.ownership-pane>header h2{margin:3px 0 0;overflow:hidden;color:#173b65;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.ownership-pane>header>strong{display:grid;min-width:27px;height:27px;place-items:center;border-radius:7px;color:#315a86;background:#e8eef6;font-size:12px}.ownership-pane>header>a{font-size:12px;font-weight:700}.major-list,.sub-list,.department-list{max-height:610px;overflow:auto}.major-list-row{border-bottom:1px solid #edf0f4}.major-list-row:last-child{border-bottom:0}.major-list-row.is-selected{background:#eef6ff;box-shadow:inset 3px 0 #1d70d5}.major-select{display:block;padding:13px 13px 9px;color:#1f344e}.major-select strong,.major-select span{display:block}.major-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.major-select span{margin-top:5px;color:#7e8b9c;font-size:11px}.major-list-row .row-actions{padding:0 13px 10px}.row-actions{display:flex;align-items:center;gap:10px}.row-actions.vertical{align-items:flex-start;flex-direction:column;gap:4px}.pane-empty{padding:38px 18px;color:#8a96a5;text-align:center;font-size:12px;line-height:1.7}.sub-list-head,.department-list-head{display:grid;gap:10px;padding:8px 12px;color:#7c8999;background:#f4f6f9;font-size:10px;font-weight:700}.sub-list-head{grid-template-columns:minmax(135px,1.05fr) minmax(135px,.95fr) 112px 55px}.sub-list-row{display:grid;grid-template-columns:minmax(135px,1.05fr) minmax(135px,.95fr) 112px 55px;gap:10px;align-items:center;padding:12px;border-top:1px solid #edf0f4}.sub-list-row:first-child{border-top:0}.sub-list-row:hover{background:#fafcff}.sub-list-row.is-selected{background:#eef6ff;box-shadow:inset 3px 0 #1d70d5}.sub-list-row>div>strong,.sub-list-row>div>small,.sub-select strong,.sub-select small{display:block}.sub-select{min-width:0;color:#203a59}.sub-select strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-select small,.sub-list-row>div>small{margin-top:4px;color:#8b96a5;font-size:10px}.sub-list-row .catalog-status{margin-bottom:2px}.department-context{display:grid;gap:5px;padding:12px 13px;border-bottom:1px solid #e6ebf1;background:#fbfcfe}.department-context span{color:#8490a0;font-size:10px;line-height:1.5}.department-context strong{color:#294d75;font-size:12px}.department-list-head{grid-template-columns:1fr 75px 105px}.department-list article{display:grid;grid-template-columns:1fr 75px 105px;gap:8px;align-items:start;padding:12px;border-top:1px solid #edf0f4}.department-list article:first-child{border-top:0}.department-list article>div{min-width:0}.department-list article strong,.department-list article small,.department-list article a{display:block}.department-list article strong{overflow:hidden;color:#253d58;font-size:12px;text-overflow:ellipsis}.department-list article small,.department-list article a{margin-top:4px;color:#8793a3;font-size:10px}.department-list article a{color:#1768c8}.department-list .catalog-status{display:inline-flex;margin-top:5px}.action-count{display:inline-grid;min-width:18px;height:18px;margin-left:5px;place-items:center;border-radius:9px;color:#fff;background:#d34151;font-size:10px}

@media(max-width:1450px){.ownership-workbench{grid-template-columns:270px minmax(480px,1fr)}.department-pane{grid-column:1/-1}.department-list-head,.department-list article{grid-template-columns:minmax(220px,1fr) 120px 150px}}
@media(max-width:980px){.catalog-page-head,.ownership-page-head{align-items:flex-start;flex-direction:column}.ownership-head-actions{justify-content:flex-start}.catalog-table{min-width:900px}.ownership-filterbar{grid-template-columns:1fr 1fr}.ownership-filterbar label:first-child{grid-column:1/-1}.ownership-summary{align-items:flex-start;flex-wrap:wrap;gap:8px}.ownership-summary .ownership-rule{width:100%;margin:0;padding:6px 0 0}.ownership-workbench{grid-template-columns:1fr}.department-pane{grid-column:auto}.major-list,.sub-list,.department-list{max-height:none}}
@media(max-width:640px){.ownership-filterbar{grid-template-columns:1fr}.ownership-filterbar label:first-child{grid-column:auto}.ownership-head-actions{display:grid;width:100%;grid-template-columns:1fr}.ownership-head-actions .button{justify-content:center}.sub-list-head{display:none}.sub-list-row{grid-template-columns:1fr 1fr}.sub-list-row .row-actions{flex-direction:row}.department-list-head{display:none}.department-list article{grid-template-columns:1fr 1fr}.department-list article>div:last-child{grid-column:1/-1}}

/* Compact admin cards and expandable business ownership tree */
.catalog-card-shell{overflow:hidden;border:1px solid #dce4ee;border-radius:12px;background:#f7f9fc;box-shadow:0 8px 22px rgba(21,49,82,.05)}
.catalog-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 16px;border-bottom:1px solid #e2e8f0;background:#fff}
.catalog-card-toolbar>div{display:flex;align-items:center;gap:10px}.catalog-card-toolbar span,.catalog-card-toolbar small{color:#718096;font-size:12px}
.catalog-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px}
.catalog-module-card{display:grid;grid-template-rows:auto auto 1fr auto;min-width:0;min-height:182px;padding:15px;border:1px solid #dce4ee;border-radius:9px;background:#fff;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.catalog-module-card:hover{border-color:#b8cee7;box-shadow:0 8px 20px rgba(25,65,107,.08);transform:translateY(-1px)}
.catalog-module-topline{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px}
.catalog-module-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#1768c8;background:#eaf3ff;font-size:14px;font-weight:800}
.catalog-module-topline h2{overflow:hidden;margin:0;color:#173b65;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.catalog-module-topline>div>span{display:block;margin-top:3px;color:#8a96a5;font-size:10px}
.catalog-module-card>p{overflow:hidden;margin:12px 0 10px;color:#607086;font-size:12px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}
.catalog-module-metrics{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:12px;padding:10px 0;border-top:1px solid #eef2f6}
.catalog-module-metrics>div{min-width:0}.catalog-module-metrics>div+div{padding-left:12px;border-left:1px solid #e7ecf2}.catalog-module-metrics strong,.catalog-module-metrics span{display:block}.catalog-module-metrics strong{overflow:hidden;color:#163b66;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.catalog-module-metrics strong.metric-detail{font-size:11px;line-height:1.45;white-space:normal}.catalog-module-metrics span{margin-top:3px;color:#8a96a5;font-size:10px}
.catalog-module-card>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #eef2f6}.catalog-module-card>footer>span{overflow:hidden;color:#929cab;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.catalog-module-card>footer>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.catalog-module-card>footer a{font-size:11px}.catalog-module-card>footer .catalog-card-primary{padding:5px 8px;border-radius:6px;color:#fff;background:#1d70d5}

.ownership-tree-shell{overflow:hidden;margin-top:12px;border:1px solid #dce4ee;border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(21,49,82,.05)}
.ownership-tree-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 145px 155px auto auto;align-items:end;gap:10px;padding:13px 15px;border-bottom:1px solid #e2e8f0;background:#fff}
.ownership-tree-toolbar label{display:grid;gap:5px}.ownership-tree-toolbar label>span{color:#66758a;font-size:11px;font-weight:700}.ownership-tree-toolbar input,.ownership-tree-toolbar select{height:38px;padding:0 10px;border:1px solid #ccd7e4;border-radius:6px;color:#263b53;background:#fff}.ownership-tree-toolbar input:focus,.ownership-tree-toolbar select:focus{border-color:#4f91df;outline:2px solid rgba(79,145,223,.12)}.ownership-tree-toolbar .button{height:38px;padding:0 15px}
.ownership-tree-summary{display:flex;align-items:center;gap:0;padding:9px 15px;border-bottom:1px solid #dfe6ef;color:#68778b;background:#f7f9fc;font-size:12px}.ownership-tree-summary>span{padding:0 14px;border-right:1px solid #dfe5ed}.ownership-tree-summary>span:first-child{padding-left:0}.ownership-tree-summary strong{color:#173d68;font-size:15px}.ownership-tree-summary .ownership-tree-note{margin-left:auto;padding-right:0;border:0;color:#77869a}
.ownership-tree-table-wrap{overflow:auto}.ownership-tree-table{width:100%;min-width:1120px;border-collapse:collapse;table-layout:fixed}.ownership-tree-table th{position:sticky;top:0;z-index:2;padding:11px 13px;border-bottom:1px solid #dfe6ef;color:#65748a;background:#f3f6f9;font-size:11px;font-weight:700;text-align:left}.ownership-tree-table th:nth-child(1){width:31%}.ownership-tree-table th:nth-child(2){width:10%}.ownership-tree-table th:nth-child(3){width:18%}.ownership-tree-table th:nth-child(4){width:8%}.ownership-tree-table th:nth-child(5){width:13%}.ownership-tree-table th:nth-child(6){width:20%}
.ownership-tree-table td{padding:10px 13px;border-top:1px solid #e8edf3;color:#34485f;font-size:12px;vertical-align:middle}.ownership-tree-table tbody tr:first-child td{border-top:0}.ownership-tree-table tbody tr:hover td{background:#f8fbff}.ownership-tree-table .level-major td{background:#fbfcfe}.ownership-tree-table .level-sub td:first-child,.ownership-tree-table .level-department td:first-child{position:relative}.ownership-tree-table .is-inactive-row{opacity:.64}.ownership-tree-table td>strong,.ownership-tree-table td>small{display:block}.ownership-tree-table td>small{margin-top:4px;color:#8995a5;font-size:10px}
.tree-name-cell{display:flex;align-items:center;min-width:0;min-height:30px}.tree-name-cell>span:last-child{min-width:0}.tree-name-cell strong,.tree-name-cell small{display:block}.tree-name-cell strong{overflow:hidden;color:#203b59;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.tree-name-cell small{overflow:hidden;margin-top:3px;color:#8b97a6;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.tree-level-2{padding-left:30px}.tree-level-3{padding-left:66px}
.tree-toggle,.tree-toggle-spacer{flex:0 0 24px;width:24px;height:24px;margin-right:4px}.tree-toggle{display:grid;padding:0;border:0;border-radius:5px;place-items:center;color:#64778e;background:transparent;cursor:pointer}.tree-toggle:hover{color:#1768c8;background:#eaf3ff}.tree-toggle span{font-size:13px;transition:transform .14s ease}.tree-toggle[aria-expanded="false"] span{transform:rotate(-90deg)}
.tree-branch-line{position:relative;flex:0 0 18px;width:18px;height:30px;margin-right:2px}.tree-branch-line::before{position:absolute;top:-16px;bottom:14px;left:4px;width:1px;background:#cbd8e6;content:""}.tree-branch-line::after{position:absolute;top:15px;left:4px;width:13px;height:1px;background:#cbd8e6;content:""}.tree-level-3 .tree-branch-line::before{top:-22px}
.tree-node-mark{flex:0 0 8px;width:8px;height:8px;margin-right:9px;border-radius:2px}.major-mark{background:#2779d8}.sub-mark{border-radius:50%;background:#48a184}.department-mark{border-radius:50%;background:#d3a13c}
.tree-level-badge{display:inline-flex;min-width:62px;justify-content:center;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:700}.major-badge{color:#155eaf;background:#e8f2ff}.sub-badge{color:#276c5c;background:#e8f5f1}.department-badge{color:#856318;background:#fff4d8}
.tree-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}.tree-row-actions a,.tree-row-actions button{padding:0;border:0;color:#1768c8;background:none;cursor:pointer;font-size:11px}.tree-row-actions form{display:inline-flex;margin:0}.tree-row-actions .danger-link{color:#c23e4d}

@media(max-width:1500px){.catalog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.catalog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ownership-tree-toolbar{grid-template-columns:1fr 1fr}.ownership-tree-toolbar .ownership-search{grid-column:1/-1}.ownership-tree-summary{flex-wrap:wrap;gap:7px}.ownership-tree-summary .ownership-tree-note{width:100%;margin:0;padding:5px 0 0}}
@media(max-width:680px){.catalog-card-toolbar{align-items:flex-start;flex-direction:column}.catalog-card-grid{grid-template-columns:1fr}.catalog-module-card{min-height:170px}.ownership-tree-toolbar{grid-template-columns:1fr}.ownership-tree-toolbar .ownership-search{grid-column:auto}.ownership-head-actions{display:grid;width:100%;grid-template-columns:1fr}.ownership-head-actions .button{justify-content:center}}
