/* Fixed light appearance and explicit descendant contrast: approved dashboard direction. */
.lti118{color:#20324b;background:#f3f6fc;padding:20px;border-radius:10px;margin:0 0 20px;font:15px/1.5 Arial,sans-serif;color-scheme:light}
.lti118 *{box-sizing:border-box}.lti118 [hidden]{display:none!important}
.lti118 h2,.lti118 h3,.lti118 p,.lti118 label,.lti118 td,.lti118 strong{color:#20324b}
.lti118 h2{font-size:24px;margin:0 0 5px}.lti118 h3{font-size:17px;margin:0 0 14px}.lti118 p{margin:0 0 10px}
.lti118 small,.lti118 .sub{font-size:13px;color:#43566f}.lti118 .head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.lti118 button,.lti118 select{font:inherit;min-height:44px;border:1px solid #d6e0ed;background:#fff;color:#214b7b;border-radius:7px;padding:8px 12px;cursor:pointer}
.lti118 button:focus-visible,.lti118 select:focus-visible{outline:3px solid #2264ce;outline-offset:3px}
.lti118 .tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.lti118 .tile{border:0;text-align:left;padding:16px;background:#1857b7;min-height:118px}.lti118 .tile:nth-child(4n+2){background:#076447}.lti118 .tile:nth-child(4n+3){background:#875300}.lti118 .tile:nth-child(4n){background:#ac293b}
.lti118 .tile,.lti118 .tile span,.lti118 .tile strong,.lti118 .tile small{color:#fff!important;opacity:1!important;text-shadow:none!important}.lti118 .tile strong{display:block;font-size:28px;margin:4px 0}.lti118 .tile span,.lti118 .tile small{display:block;font-size:14px;font-weight:600}
.lti118 .grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.lti118 .panel118{background:#fff;border:1px solid #dce5f0;border-radius:9px;padding:18px;min-width:0}
.lti118 .bar{display:grid;grid-template-columns:145px minmax(25px,1fr) 85px;align-items:center;gap:10px;width:100%;padding:8px 0;border:0;text-align:left;font-size:13px;background:#fff}.lti118 .track{height:10px;background:#e9eef6;border-radius:4px;overflow:hidden}.lti118 .fill{display:block;background:#2264ce;height:100%;border-radius:4px}
.lti118 .tools{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.lti118 label{display:grid;gap:5px;font-size:13px}.lti118 select{max-width:100%}
.lti118 .scroll{overflow-x:auto}.lti118 table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.lti118 th{background:#f0f4fa;color:#43566f;padding:10px 8px}.lti118 td{padding:12px 8px;border-bottom:1px solid #e4ebf4;vertical-align:middle}.lti118 .link{border:0;padding:0;background:transparent;color:#1857b7;text-align:left;font-weight:600}.lti118 .actions{display:flex;gap:7px;flex-wrap:wrap}.lti118 .note{background:#eaf2ff;color:#264c7f;padding:12px;border-radius:7px;margin:12px 0;font-size:13px}.lti118 .empty{padding:18px;color:#43566f}.lti118 .error{background:#fff0f0;color:#8c2535;padding:14px;border-radius:7px}
.lti118-drill-title{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
/* Apply the same readable palette to existing role-specific dashboards without hiding their features. */
#lti117Team,#lti117Tickets{color:#20324b}.lti117-cards button,#v25Kpis .v25-kpi{background:#1857b7!important;border:0!important;color:#fff!important;min-height:110px}
.lti117-cards button:nth-child(4n+2),#v25Kpis .v25-kpi:nth-child(4n+2){background:#076447!important}.lti117-cards button:nth-child(4n+3),#v25Kpis .v25-kpi:nth-child(4n+3){background:#875300!important}.lti117-cards button:nth-child(4n),#v25Kpis .v25-kpi:nth-child(4n){background:#ac293b!important}
.lti117-cards button *,#v25Kpis .v25-kpi *{color:#fff!important;opacity:1!important}.lti117-ticket button{min-height:44px}
@media(max-width:850px){.lti118 .grid{grid-template-columns:1fr}.lti118 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.lti118{padding:14px}.lti118 .bar{grid-template-columns:112px minmax(20px,1fr) 73px;gap:5px;font-size:12px}.lti118 .tile strong{font-size:24px}.lti118 .tools label,.lti118 select{width:100%}}

#page-dashboard.lti118-connected > .lti-dashboard-stats,
#page-dashboard.lti118-connected > .lti-section-heading,
#page-dashboard.lti118-connected > .lti-action-center,
#page-dashboard.lti118-connected > .lti-dashboard-columns,
#page-dashboard.lti118-connected > .recent-panel,
#page-dashboard.lti118-connected #lti18Dashboard{display:none!important}
#page-owner-dashboard.lti118-connected > .lti-qb-metrics,
#page-owner-dashboard.lti118-connected > .lti-qb-dashboard-grid,
#page-owner-dashboard.lti118-connected > .lti-qb-section-title,
#page-owner-dashboard.lti118-connected > .lti-qb-action-row{display:none!important}
/* Older contrast layers also set WebKit text fill; override that explicitly. */
#ltiAppShell .page .lti118 .tile,#ltiAppShell .page .lti118 .tile *{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;text-shadow:none!important}
#ltiAppShell .page .lti118 .tile strong{font-size:25px!important;line-height:1.3!important;letter-spacing:0!important;white-space:normal;overflow-wrap:anywhere}
#ltiAppShell .page .lti118 .tile span,#ltiAppShell .page .lti118 .tile small{font-size:14px!important;line-height:1.45!important;letter-spacing:0!important}
#ltiAppShell .page .lti118 table.data-table{min-width:0!important;width:100%!important;table-layout:auto!important}
#ltiAppShell .page .lti118 table.data-table :is(th,td){white-space:normal!important;overflow-wrap:anywhere;min-width:0!important;font-size:13px!important;padding:10px 7px!important}
#ltiAppShell .page .lti118 .bar{font-weight:500!important;letter-spacing:0!important}
#ltiAppShell .page .lti118{container-type:inline-size}
@container(max-width:740px){.lti118 .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.lti118 .grid{grid-template-columns:1fr}}
#ltiAppShell #page-owner-support-command .lti117-cards button *,#ltiAppShell #v25Kpis .v25-kpi *{color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}

#page-owner-dashboard.lti118-connected > .panel.lti-qb-panel{display:none!important}
#ltiAppShell .page .lti118 table.data-table :is(th,td){overflow-wrap:normal!important;word-break:normal!important}
#ltiAppShell .page .lti118 table.data-table[data-columns="4"]{min-width:440px!important}
#ltiAppShell .page .lti118 table.data-table[data-columns="5"],#ltiAppShell .page .lti118 table.data-table[data-columns="6"]{min-width:610px!important}
#ltiAppShell .page .lti118 table.data-table[data-columns="7"]{min-width:740px!important}