/* KAMEL-EHS: the approved Law workspace material, adapted to live services.
   Unslop by Damir Sokolovsky (@heydamir), https://heydamir.design/unslop,
   CC BY 4.0. User-approved liquid glass and service canvas tints are retained. */
/* Reserve the same scrollbar space with or without page overflow. */
html:is([data-ui-screen=monitoring],[data-ui-screen=chemical]){scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html:is([data-ui-screen=monitoring],[data-ui-screen=chemical]){overflow-y:scroll}}

html:is([data-ui-screen=monitoring],[data-ui-screen=chemical],[data-monitoring-summary]){
  --workspace-ink:#202b38;--workspace-muted:#687787;--workspace-line:rgba(66,87,108,.14);
  --workspace-panel:linear-gradient(135deg,rgba(255,255,255,.42),rgba(255,255,255,.16) 40%,rgba(255,255,255,.26)),rgba(255,255,255,.24);
  --workspace-rim:rgba(255,255,255,.82);--workspace-input:rgba(255,255,255,.48);
  --workspace-shadow:0 16px 32px -24px rgba(27,55,81,.4),0 2px 5px rgba(38,67,94,.045),inset 0 1px 1px rgba(255,255,255,.98),inset 1px 0 1px rgba(255,255,255,.56),inset 0 -1px 1px rgba(63,91,116,.1);
}
/* Match the approved, functional Law header, including Chemical's former
   19px wordmark / 36px theme button discrepancy. No Law/Home rules are changed. */
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar{
  box-sizing:border-box;width:calc(100% - 40px);margin:10px 20px 0;border-radius:18px;
  font:16px KamelHeader,sans-serif;backdrop-filter:blur(12px) saturate(100%);-webkit-backdrop-filter:blur(12px) saturate(100%);
}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-inner{width:100%;max-width:none;margin:0;min-height:0;height:64px;gap:12px}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-brand{font:800 18px/1 KamelHeader,sans-serif;letter-spacing:-.02em}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-link{font:500 14px/normal KamelHeader,sans-serif}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-link.active{font-weight:700}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar .law-theme-toggle{
  height:44px;min-height:44px;min-width:0;padding:0 14px;border-radius:12px;gap:8px;font:700 12px/normal KamelHeader,sans-serif;box-shadow:none;
}
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar .law-theme-icon{width:18px;height:18px}
/* Keep the hamburger/wordmark alignment identical at shared breakpoints. */
html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-left{gap:24px}
@media(max-width:1200px){html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-left{gap:14px}}
@media(max-width:600px){html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar-left{gap:8px}}
/* Shared craft below the header. Existing data, controls and semantics stay. */
html[data-ui-screen=monitoring] .monitoring-main,
html[data-ui-screen=chemical] .chem-page{
  --mg-ink:var(--workspace-ink);--mg-muted:var(--workspace-muted);--mg-line:var(--workspace-line);
  --ui-ink:var(--workspace-ink);--ui-muted:var(--workspace-muted);--ui-line:var(--workspace-line);
  font-family:KamelUI,Pretendard,var(--site-font-family),sans-serif;color:var(--workspace-ink);
}
html[data-ui-screen=monitoring] body.monitoring-glass .monitoring-shell,
html[data-ui-screen=chemical] body .chem-page{box-sizing:border-box;width:100%;max-width:1728px;margin:0 auto;padding:24px 32px 32px!important}
html[data-ui-screen=monitoring] .monitoring-page-heading{margin-bottom:24px}
html[data-ui-screen=monitoring] .monitoring-page-heading h1,
html[data-ui-screen=chemical] .chem-title{font-size:26px;line-height:32px;font-weight:500;letter-spacing:0;margin:0 0 24px}
html[data-ui-screen=monitoring] .monitoring-page-heading h1{margin:0}
html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard),
html[data-ui-screen=chemical] body :is(.chem-card,.db-toolbar,.stat-strip),
html[data-monitoring-summary] .panel{
  border:1px solid var(--workspace-rim);border-radius:20px!important;background:var(--workspace-panel)!important;
  box-shadow:var(--workspace-shadow);backdrop-filter:blur(22px) saturate(112%);-webkit-backdrop-filter:blur(22px) saturate(112%);
}
html[data-ui-screen=monitoring] .monitoring-panel::before,
html[data-ui-screen=monitoring] .monitoring-panel::after{content:none}
html[data-ui-screen=monitoring] body.monitoring-glass .monitoring-workspace{gap:20px}
html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard){padding:24px}
html[data-ui-screen=monitoring] body.monitoring-glass #aiTitle,
html[data-ui-screen=monitoring] .monitoring-docs-header h2,
html[data-ui-screen=chemical] .chem-card-title{font-size:20px;line-height:28px;font-weight:500;letter-spacing:0;text-transform:none}
html[data-ui-screen=monitoring] .monitoring-summary-header{margin-bottom:20px}
html[data-ui-screen=monitoring] .monitoring-summary-header p{margin-top:8px;line-height:20px}
html[data-ui-screen=monitoring] .monitoring-docs-header{margin-bottom:20px}
html[data-ui-screen=monitoring] .monitoring-category{border-color:rgba(255,255,255,.7);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
html[data-ui-screen=monitoring] .monitoring-category-label{font-size:14px;line-height:20px;font-weight:500;letter-spacing:0}
html[data-ui-screen=monitoring] body.monitoring-glass .monitoring-category-toggle{min-height:48px;padding:12px}
html[data-ui-screen=monitoring] .monitoring-category-filters{left:164px}
html[data-ui-screen=monitoring] body.monitoring-glass .monitoring-category-content article a{font-weight:400}
html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiNavControls,#aiCopyBtn,#docsCopyBtn,#dateRangeTrigger){background:var(--workspace-input);border-color:var(--workspace-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiDateLabel,#dateRangeTrigger,#aiFullscreenBtn){font-weight:500}
/* Chemical keeps its own service tabs, actual statistics and grouped DB. */
html[data-ui-screen=chemical] body .chem-tabs{display:flex;width:fit-content;gap:24px;padding:0;margin:0 0 24px;border:0;border-bottom:1px solid var(--workspace-line);border-radius:0;background:none;box-shadow:none}
html[data-ui-screen=chemical] body .chem-tab{min-height:36px;box-sizing:border-box;padding:0 0 12px;border-radius:0;border-bottom:2px solid transparent;background:none;line-height:22px;font-size:13px;font-weight:400;color:var(--workspace-muted)}
html[data-ui-screen=chemical] body .chem-tab.active{border-bottom-color:#42a5f5;background:none;color:var(--workspace-ink);font-weight:500}
html[data-ui-screen=chemical] body .chem-card{padding:24px;min-width:0}
html[data-ui-screen=chemical] body .chem-card-subtitle{font-size:13px;line-height:20px;margin:8px 0 20px;overflow-wrap:anywhere}
html[data-ui-screen=chemical] body .stat-strip{gap:0;margin-bottom:20px}
html[data-ui-screen=chemical] .stat-cell{background:none;padding:20px 24px}
html[data-ui-screen=chemical] .stat-cell+.stat-cell{border-left:1px solid var(--workspace-line)}
html[data-ui-screen=chemical] .stat-cell .num{font-size:28px;line-height:36px;font-weight:500;color:var(--workspace-ink)}
html[data-ui-screen=chemical] .stat-cell .lbl{font-size:12px;line-height:20px;margin-top:4px}
html[data-ui-screen=chemical] .kr-country-tabs{gap:8px;margin-bottom:20px}
html[data-ui-screen=chemical] body :is(.db-toggle,.kr-country-tab){font-weight:400;border-width:1px;border-radius:8px}
html[data-ui-screen=chemical] .kr-domain-grid{gap:16px}
html[data-ui-screen=chemical] .kr-domain-card{border-radius:12px;padding:20px 12px;background:rgba(255,255,255,.24);border-color:var(--workspace-line)}
html[data-ui-screen=chemical] :is(.kr-domain-pct,.kr-domain-name,.kr-domain-total){font-weight:500}
html[data-ui-screen=chemical] .kr-domain-total{font-size:22px;line-height:28px}
html[data-ui-screen=chemical] .chem-card-empty{border-radius:12px;background:rgba(255,255,255,.16)}
html[data-ui-screen=chemical] body .db-toolbar{padding:16px;margin-bottom:20px}
html[data-ui-screen=chemical] body .db-toolbar-row{gap:8px;align-items:center}
html[data-ui-screen=chemical] body .db-search{height:46px;min-height:46px;font-size:14px;padding:0 12px;border-radius:8px;background:var(--workspace-input);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
html[data-ui-screen=chemical] body .db-btn{font-weight:400;border-radius:8px}
html[data-ui-screen=chemical] .db-btn:disabled{opacity:.45;cursor:default}
html[data-ui-screen=chemical] body .db-table-wrap{border-radius:12px;border:1px solid var(--workspace-line);isolation:isolate}
html[data-ui-screen=chemical] body .db-table th{font-weight:500}
html[data-ui-screen=chemical] .db-table tbody :is(td.kr-yes,td.kr-review){font-weight:600}
html[data-ui-screen=chemical] .db-table tbody td.kr-yes{color:#237553}
html[data-ui-screen=chemical] .db-table tbody td.kr-review{color:#8c631f}
html[data-ui-screen=chemical] .two-col{gap:24px}
html[data-ui-screen=chemical] .two-col>div{min-width:0}
html[data-ui-screen=chemical] .col-head{margin-bottom:16px}
html[data-ui-screen=chemical] .col-head h2{font-weight:500}
html[data-ui-screen=chemical] .feed-item{padding:12px 0}
html[data-ui-screen=chemical] .feed-meta{overflow-wrap:anywhere}
html[data-ui-screen=chemical] .note-banner{border-radius:12px;margin-top:20px;padding:16px;display:block;overflow-wrap:anywhere}
html[data-monitoring-summary] .title{font-weight:500}
html[data-monitoring-summary] .panel{color:var(--workspace-ink)}
html[data-monitoring-summary] .panel :is(h1,h2,h3,h4){font-weight:500}
html[data-law-theme=dark]:is([data-ui-screen=monitoring],[data-ui-screen=chemical],[data-monitoring-summary]){
  --workspace-ink:#e3e9f0;--workspace-muted:#a6b4c2;--workspace-line:rgba(190,205,220,.16);
  --workspace-panel:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 40%,rgba(255,255,255,.045)),rgba(28,38,50,.48);
  --workspace-rim:rgba(214,231,247,.18);--workspace-input:rgba(19,29,41,.44);
  --workspace-shadow:0 16px 32px -24px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.06);
}
html[data-law-theme=dark][data-ui-screen=chemical] :is(.kr-domain-card,.chem-card-empty){background:rgba(255,255,255,.025)}
html[data-law-theme=dark][data-ui-screen=chemical] .db-table tbody td.kr-yes{color:#93d0b1}
html[data-law-theme=dark][data-ui-screen=chemical] .db-table tbody td.kr-review{color:#e7c486}
@media(min-width:1101px){html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard:not(:has(.expanded)),#documentsCard){height:calc(100dvh - 196px)!important;min-height:720px!important}}
@media(max-width:1400px) and (min-width:1101px){html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard){padding:20px}}
@media(max-width:760px){
  html[data-ui-screen=monitoring] body.monitoring-glass .monitoring-shell,
  html[data-ui-screen=chemical] body .chem-page{padding:20px 12px 28px!important}
  html[data-ui-screen=monitoring] .monitoring-page-heading h1,
  html[data-ui-screen=chemical] .chem-title{font-size:22px;line-height:28px}
  html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard){padding:20px 16px!important}
  html[data-ui-screen=monitoring] .monitoring-page-heading{margin-bottom:20px}
  html[data-ui-screen=monitoring] body.monitoring-glass #aiTitle,
  html[data-ui-screen=monitoring] .monitoring-docs-header h2,
  html[data-ui-screen=chemical] .chem-card-title{font-size:18px;line-height:24px}
  html[data-ui-screen=chemical] body .chem-card{padding:20px 16px}
  html[data-ui-screen=chemical] body .chem-tabs{width:100%;gap:20px}
  html[data-ui-screen=chemical] body .chem-tab{flex:none;font-size:12px}
  html[data-ui-screen=chemical] .stat-cell{padding:16px}
  html[data-ui-screen=chemical] .stat-cell .num{font-size:24px;line-height:32px}
  html[data-ui-screen=chemical] .kr-domain-grid{gap:12px}
  html[data-ui-screen=chemical] .kr-domain-card{padding:16px 8px}
  html[data-ui-screen=chemical] body .db-search{font-size:16px}
}
@media(max-width:760px){
  html[data-ui-glass]:is([data-ui-screen=monitoring],[data-ui-screen=chemical]) body .site-topbar{width:calc(100% - 20px);margin:6px 10px 0;border-radius:13px}
}
@media(prefers-reduced-transparency:reduce){
  html[data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard),
  html[data-ui-screen=chemical] body :is(.chem-card,.db-toolbar,.stat-strip),html[data-monitoring-summary] .panel{background:#f2f6fa!important;backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-law-theme=dark][data-ui-screen=monitoring] body.monitoring-glass :is(#aiCard,#documentsCard),
  html[data-law-theme=dark][data-ui-screen=chemical] body :is(.chem-card,.db-toolbar,.stat-strip),html[data-law-theme=dark][data-monitoring-summary] .panel{background:#202a36!important}
}