/* Appearance: SAP Fiori / Horizon inspired light theme. The dark theme is the default design (tokens in portal.css and in
   the legacy pages); this file only redefines the design tokens when <html data-theme="light"> and fixes the few
   hard-coded colours of the legacy XML Builder / BP Search pages. Loaded last on every page. */
html[data-theme="light"]{
  color-scheme:light;
  --ink:#F5F6F7;--panel:#FFFFFF;--raise:#EFF1F2;--line:#D5DADD;--text:#1D2D3E;--muted:#556B82;
  --flare:#0064D9;--ok:#256F3A;--warn:#C35500;--bad:#D20A0A;--info:#0064D9;
  --on-accent:#FFFFFF;--hover:#E8F0FB;--field:#FFFFFF;--bad-text:#AA0808;--warn-text:#8F4300;--info-text:#0057B8;--ok-text:#256F3A;--glow:transparent;
  --backdrop:rgba(29,45,62,.45);--shadow:0 0 .125rem rgba(34,53,72,.15),0 .125rem .5rem rgba(34,53,72,.1);
  --mono:ui-monospace,"Cascadia Mono",Consolas,"DejaVu Sans Mono",monospace;
  /* shell bar */
  --shell-bg:#FFFFFF;--shell-line:#D5DADD;--shell-text:#1D2D3E;--shell-muted:#556B82;--shell-hover:#EAECEE;--shell-accent:#0064D9;--shell-on-accent:#FFFFFF;
}
html[data-theme="light"] body{background-image:none!important;background-color:var(--ink)}
html[data-theme="light"] #bp-shell{box-shadow:0 1px 3px rgba(34,53,72,.12)}
html[data-theme="light"] input:focus,html[data-theme="light"] select:focus,html[data-theme="light"] textarea:focus{outline-color:var(--flare)}
html[data-theme="light"] th{color:var(--muted)}
html[data-theme="light"] .stat b{color:var(--flare)}
html[data-theme="light"] .eyebrow{color:var(--flare)}

/* legacy XML Builder / BP Search (their own :root tokens are overridden above; these are their fixed colours) */
html[data-theme="light"] button:hover:not(:disabled),html[data-theme="light"] .btn:hover{background:var(--hover)}
html[data-theme="light"] button.primary,html[data-theme="light"] .pager button.on,html[data-theme="light"] .chip.on{color:#FFFFFF}
html[data-theme="light"] button.primary:hover:not(:disabled){background:#0054B6}
html[data-theme="light"] .chip.t.on{color:#FFFFFF}
html[data-theme="light"] tr.sel,html[data-theme="light"] tbody tr.sel{background:#DCEBFC}
html[data-theme="light"] tbody tr:hover{background:#EEF4FC}
html[data-theme="light"] mark{background:#FFE29A}
html[data-theme="light"] .iss.error,html[data-theme="light"] .msg.err,html[data-theme="light"] .tag.b{color:var(--bad-text)}
html[data-theme="light"] .iss.warn{color:var(--warn-text)}
html[data-theme="light"] .iss.info{color:var(--info-text)}
html[data-theme="light"] .tag.sc,html[data-theme="light"] .tag.v{border-color:#3E7C8A;color:#1E5B66}
html[data-theme="light"] .tag.se,html[data-theme="light"] .tag.emp{border-color:#5A6FA0;color:#36487A}
html[data-theme="light"] .tag.cc,html[data-theme="light"] .tag.c{border-color:#9A7D2E;color:#6B5212}
html[data-theme="light"] .tag.ce,html[data-theme="light"] .tag.o{border-color:#8A5A7A;color:#6E3A5C}
html[data-theme="light"] .ov{background:rgba(29,45,62,.35)}

/* theme switch in the shell */
#bp-shell button.bp-theme{font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:6px;padding:6px 10px;border:1px solid var(--shell-line,#1D444E);
  background:transparent;color:var(--shell-text,#DCE9E8);margin:0;line-height:1.3;width:auto;height:auto}
#bp-shell button.bp-theme:hover{background:var(--shell-hover,#143038)}
@media (max-width:600px){#bp-shell button.bp-theme .bp-theme-label{display:none}}