/* PLS Business Director · October 17, 2026 · accessibility/readability authority
   Root cause: older unified-layout selectors with IDs + !important overrode later
   Ron-only rules for hero h1, descriptions, small text and light-card headings.
   Keep this scoped to an authenticated Ron workspace, after existing CSS.
   Absolutely no shared header/sidebar, Classroom, or other-role selectors. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page{
  --ron-legible-heading:#173b54;--ron-legible-body:#28485c;
  --ron-legible-secondary:#36576b;--ron-legible-line:#cddde6;
  color:var(--ron-legible-body)!important;
  font-size:15px;line-height:1.55;
}
/* The exact global h1 and small-text selectors being overridden live in index.html.
   Extra ID/role specificity is intentional, not random !important escalation. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero{
  min-height:119px!important;padding:23px 28px!important;gap:24px!important;
  background:linear-gradient(110deg,#0a3150 0%,#0d4d67 52%,#126775 100%)!important;
  border:1px solid #316e80!important;border-radius:15px!important;
  box-shadow:0 4px 15px rgba(7,39,57,.13)!important;
  color:#fff!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero-copy{
  position:relative!important;z-index:2!important;flex:1 1 auto;min-width:0;
  color:#fff!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero h1{
  display:block!important;visibility:visible!important;opacity:1!important;
  position:relative!important;height:auto!important;max-height:none!important;
  font:800 clamp(26px,2.3vw,32px)/1.19 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.025em!important;margin:7px 0 7px!important;
  color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.17)!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero p{
  display:block!important;visibility:visible!important;opacity:1!important;
  font-size:15px!important;line-height:1.52!important;
  color:#f1f8fc!important;margin:0!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero .pls-decision-eyebrow{
  color:#e4f9fc!important;font-size:12px!important;line-height:1.35!important;
  letter-spacing:.085em!important;font-weight:800!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero-actions{
  z-index:2!important;gap:10px!important;align-items:center;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero-action{
  min-height:44px!important;padding:10px 15px!important;border-radius:9px!important;
  font-size:13px!important;font-weight:800!important;
  color:#173e52!important;background:#f3f9fc!important;border:1px solid #cbdfe7!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero-action.muted{
  background:#dceef3!important;color:#16465c!important;border-color:#cee6ee!important;
}
/* Light-card hierarchy: concise heading, comfortable copy, gentle borders. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-dashboard{
  gap:18px!important;color:var(--ron-legible-body)!important;padding-bottom:28px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-content{
  gap:18px!important;align-items:start!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-primary,.pls-decision-secondary){
  min-width:0!important;width:100%!important;max-width:none!important;
  position:relative!important;top:auto!important;z-index:auto!important;
  box-sizing:border-box!important;padding:23px 24px!important;
  background:#fff!important;border:1px solid var(--ron-legible-line)!important;
  border-radius:14px!important;box-shadow:0 3px 12px rgba(19,55,74,.06)!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-section-head h2,.pls-decision-side-head h2,.pls-biz-home h2,.pls-automation-head h2){
  color:var(--ron-legible-heading)!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:21px!important;line-height:1.3!important;font-weight:800!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-eyebrow.dark{
  color:#1b5c72!important;font-size:12px!important;line-height:1.4!important;font-weight:800!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-description,.pls-decision-note,.pls-decision-side-footer,.pls-biz-home p,.pls-automation-head p){
  color:var(--ron-legible-body)!important;font-size:14px!important;line-height:1.65!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-description{margin:10px 0 15px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-note,.pls-decision-side-footer){margin-top:15px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-review-row{
  min-height:63px!important;padding:14px 15px!important;gap:13px!important;
  border:1px solid var(--ron-legible-line)!important;background:#f7fbfd!important;border-radius:10px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-review-list{gap:12px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-review-info strong,.pls-decision-launchers strong){
  color:var(--ron-legible-heading)!important;font-size:15px!important;line-height:1.5!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-review-info small,.pls-decision-review-right span,.pls-decision-launchers small,.pls-decision-metric small){
  color:var(--ron-legible-secondary)!important;font-size:13px!important;line-height:1.55!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-review-action{
  background:#e6f2f8!important;color:#135674!important;border:1px solid #a7cadb!important;
  min-height:40px!important;padding:9px 12px!important;font-size:13px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-launchers{
  gap:12px!important;grid-template-columns:1fr!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-launchers button{
  min-height:73px!important;gap:13px!important;padding:14px 15px!important;
  color:var(--ron-legible-body)!important;background:#f9fcfe!important;
  border:1px solid var(--ron-legible-line)!important;border-radius:11px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-launcher-icon{
  width:40px!important;height:40px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metrics{gap:14px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metric{
  min-height:111px!important;padding:17px 18px!important;gap:7px!important;
  color:var(--ron-legible-heading)!important;background:#fff!important;
  border:1px solid var(--ron-legible-line)!important;border-radius:12px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metric.decisions{background:#eff8f9!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metric-name{
  font-size:14px!important;line-height:1.4!important;color:#294c60!important;font-weight:800!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metric strong{
  font-size:26px!important;line-height:1.12!important;color:#163c57!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-biz-home,.pls-automation-accounting){
  padding:22px 24px!important;margin:0!important;
  border:1px solid var(--ron-legible-line)!important;border-radius:13px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-biz-homecounts{gap:10px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-biz-homecounts button{
  padding:11px 13px!important;min-height:43px!important;font-size:13px!important;
  color:#20495e!important;background:#fff!important;border:1px solid #c5dbe5!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-automation-digest :is(span,small,p){
  color:#295448!important;font-size:13px!important;line-height:1.55!important;
}
/* Ron working pages: same text hierarchy, better records and documents. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-ron-work-card,.pls-biz-details,.pls-ron-item,.pls-biz-row){
  border-color:var(--ron-legible-line)!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page .pls-ron-work-card{
  padding:24px 26px!important;margin-bottom:17px!important;box-shadow:0 3px 12px rgba(13,54,82,.035)!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-ron-work-card h2,.pls-ron-work-card h3,.pls-biz-heading h2,.pls-biz-details h3,.pls-ron-os-head h1){
  color:var(--ron-legible-heading)!important;line-height:1.3!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-ron-work-card p,.pls-biz-heading p,.pls-biz-details dd,.pls-ron-item small,.pls-ron-os-head p){
  color:var(--ron-legible-body)!important;font-size:14px!important;line-height:1.6!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-biz-rowtext small,.pls-biz-statgrid span,.pls-biz-details dt,.pls-ron-kpi small,.pls-ron-table th,.pls-ron-table td){
  color:var(--ron-legible-secondary)!important;font-size:13px!important;line-height:1.55!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-biz-rowtext strong,.pls-biz-statgrid strong){
  color:var(--ron-legible-heading)!important;font-size:15px!important;line-height:1.45!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(input:not([type=checkbox]):not([type=radio]),textarea,select){
  color:#173a51!important;background:#fff!important;border-color:#a8c3d2!important;
  font-size:15px!important;line-height:1.5!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(label,.pls-biz-filters label){
  color:#284d62!important;font-size:14px!important;line-height:1.5!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-ron-subnav button,.pls-biz-actions button,.pls-biz-nav button){
  min-height:41px;font-size:14px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-biz-row,.pls-ron-item){
  padding:13px 15px!important;gap:12px!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page .pls-biz-details{padding:23px!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page :is(.pls-biz-statgrid,.pls-biz-filters){gap:13px!important;margin-bottom:18px!important}
/* Files can be rendered directly in #plsFiles rather than .pls-ron-os-page. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#plsFiles.page.active.pls-ron-files :is(.pls-ron-file-business,.pls-ron-file-upload,.pls-ron-file-tile){
  border-color:#cbdfe9!important;background:#fff!important;
}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#plsFiles.page.active.pls-ron-files :is(p,small,.pls-ron-file-tile p,.tablewrap td,.tablewrap th){
  color:#294e62!important;font-size:14px!important;line-height:1.6!important;
}
/* Dialogs are outside main; restrict to the same authenticated director roles. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile) :is(.pls-decision-dialog,#plsRonTutorWorking){color:#1b3e55!important}
:is(body.pls-owner-admin,body.pls-ron-admin-mobile) .pls-decision-dialog :is(p,small,dt,dd){color:#2b4f64!important;font-size:14px!important;line-height:1.6!important}
/* Clear keyboard navigation without replacing working clicks. */
:is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active :is(.pls-decision-dashboard,.pls-ron-os-page) :is(button,a,summary,input,select,textarea):focus-visible{
  outline:3px solid #137da5!important;outline-offset:3px!important;
}
@media(max-width:1120px){
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-content{grid-template-columns:minmax(0,1fr)!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-launchers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero{padding:20px!important;flex-wrap:wrap!important;gap:16px!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-hero-actions{width:100%!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active :is(.pls-decision-primary,.pls-decision-secondary){padding:19px!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>#ownerHome.page.active .pls-decision-launchers{grid-template-columns:1fr!important}
  :is(body.pls-owner-admin,body.pls-ron-admin-mobile):not(.pls-session-mode) #app>.layout>main>.page.active .pls-ron-os-page .pls-ron-work-card{padding:19px!important}
}
