#semon-root button{
  font:inherit;color:inherit;text-transform:none;letter-spacing:normal;
  box-shadow:none;min-height:0;height:auto;width:auto;margin:0;
  line-height:1.45;text-decoration:none;
}
#semon-root h3{margin:0;padding:0;letter-spacing:normal}
#semon-root section,#semon-root p,#semon-root div{margin:0;padding:0}
#semon-root label{margin:0;font-weight:400;display:flex}
#semon-root input[type=checkbox]{width:auto;height:auto;margin:0}
#semon-root svg{max-width:none;max-height:none}

#semon-root{
  --o0:#5C3D2E; --o1:#9f5e1a; --o2:#e48e08; --o3:#efbb6b;
  --b1:#328091; --b2:#45BBD9; --b3:#B3E1F8;
  --ink:#22272b; --mute:#6b7680; --line:#e3e6e9; --panel:#f7f8f9; --off:#d7dbde;
}
#semon-root,#semon-root *{box-sizing:border-box}
#semon-root{
  margin:0;padding:0 0 8px;
  font-family:"Open Sans",-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);font-size:14px;line-height:1.45;
}
#semon-root .sm-filterbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;
           background:var(--panel);border:1px solid var(--line);border-radius:8px;
           padding:9px 11px;margin:12px 0 10px}
#semon-root .sm-filterbar .sm-lead{font-size:11px;text-transform:uppercase;letter-spacing:.07em;
                 color:var(--mute);margin-right:2px}
#semon-root .sm-dd{position:relative}
#semon-root .sm-dd>button{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;
           border-radius:6px;padding:5px 10px;font:inherit;font-size:12.5px;cursor:pointer;white-space:nowrap}
#semon-root .sm-dd>button:hover{border-color:var(--o2)}
#semon-root .sm-dd>button.sm-active{border-color:var(--o2);background:#fff8ec}
#semon-root .sm-dd>button::after{content:"▾";color:var(--mute);font-size:10px}
#semon-root .sm-dd .sm-badge{background:var(--o2);color:#fff;border-radius:9px;padding:0 6px;font-size:11px}
#semon-root .sm-dd .sm-panel{display:none;position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:258px;
           max-width:348px;max-height:320px;overflow-y:auto;background:#fff;border:1px solid var(--line);
           border-radius:7px;box-shadow:0 6px 20px rgba(0,0,0,.11);padding:7px 15px 7px 7px}
#semon-root .sm-dd.sm-open .sm-panel{display:block}
#semon-root .sm-opt{display:flex;gap:7px;align-items:flex-start;padding:4px 5px;cursor:pointer;font-size:12.5px;border-radius:4px}
#semon-root .sm-opt:hover{background:var(--panel)}
#semon-root .sm-opt input{margin:2px 0 0;accent-color:var(--o2);flex:0 0 auto}
#semon-root .sm-opt .sm-cnt{margin-left:auto;color:var(--mute);font-size:11px;padding-left:8px}
#semon-root .sm-opt.sm-off{opacity:.4}
#semon-root button.sm-reset{border:1px solid var(--line);background:#fff;border-radius:6px;padding:4px 10px;
             font:inherit;font-size:12.5px;cursor:pointer;flex:0 0 auto;white-space:nowrap}
#semon-root button.sm-reset:hover{border-color:var(--o2);color:var(--o1)}
#semon-root .sm-nbar{margin:12px 0 0;font-size:13.5px;color:var(--mute)}
#semon-root .sm-nbar .sm-big{font-weight:600;color:var(--o1)}
#semon-root .sm-colheads{display:flex;gap:10px;font-size:12px;font-weight:600;margin:2px 0 4px}
#semon-root .sm-colheads span{border-bottom:1px solid #dcdfe2;padding-bottom:3px}
#semon-root .sm-colheads .sm-ch1{flex:1 1 auto}
#semon-root .sm-colheads .sm-ch2{flex:0 1 auto;text-align:right}
#semon-root .sm-chipbar{display:flex;gap:10px;align-items:flex-start;min-height:22px;margin:12px 0}
#semon-root .sm-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1 1 auto}
#semon-root .sm-chip{background:var(--b3);color:#17414c;border-radius:12px;padding:2px 9px;font-size:11.5px;
      display:inline-flex;gap:6px;align-items:center}
#semon-root .sm-chip b{font-weight:600}
#semon-root .sm-chip .sm-x{cursor:pointer;opacity:.55}
#semon-root .sm-chip .sm-x:hover{opacity:1}
#semon-root .sm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
#semon-root section.sm-card{border:1px solid var(--line);border-radius:8px;padding:14px 16px 12px;background:#fff}
#semon-root section.sm-card h3{margin:0 0 2px;font-size:18px;font-weight:600}
#semon-root section.sm-card p.sm-sub{margin:0 0 10px;color:var(--mute);font-size:12px;max-width:60ch}
#semon-root .sm-warn{background:#fff6e6;border-left:3px solid var(--o2);padding:7px 10px;font-size:12px;
      color:var(--o0);border-radius:0 5px 5px 0;margin-top:8px}
#semon-root .sm-axisnote{color:var(--mute);font-size:11px;margin-top:6px}
#semon-root .sm-hidden-note{color:var(--mute);font-size:12.5px;text-align:center;padding:44px 10px;
             border:1px dashed var(--line);border-radius:6px}
#semon-root .sm-blocked{text-align:center;padding:60px 20px;color:var(--mute);border:1px solid var(--line);
         border-radius:8px;cursor:pointer}
#semon-root .sm-blocked:hover{border-color:var(--o2);background:#fffaf2}
#semon-root .sm-blocked .sm-lock{font-size:32px;margin-bottom:8px}
#semon-root .sm-blocked .sm-cta{margin-top:14px;display:inline-block;border:1px solid var(--o2);color:var(--o1);
              border-radius:6px;padding:6px 14px;font-size:12.5px;background:#fff}
#semon-root svg{display:block;width:100%;height:auto;overflow:visible}
#semon-root .sm-hit{cursor:pointer}
.semon-tip{font-family:"Open Sans",-apple-system,"Segoe UI",sans-serif;line-height:1.4;position:fixed;pointer-events:none;background:#22272b;color:#fff;padding:5px 8px;border-radius:4px;
     font-size:11.5px;opacity:0;transition:opacity .1s;z-index:99999;max-width:250px}

@media(max-width:820px){#semon-root .sm-grid{grid-template-columns:1fr}}

/* Zusatz zur Media-Query: greift, wenn das Dashboard in einer schmalen
   Beaver-Builder-Spalte steht, das Fenster aber breit ist. */
#semon-root{container-type:inline-size}
@container (max-width:820px){
  #semon-root .sm-grid{grid-template-columns:1fr}
}