
/* ===== Life OS 0.15.7 · Calendar filter popover refinement ===== */
@media (max-width:760px){
  .mcal155-filter-panel{
    left:0!important;right:auto!important;top:35px!important;
    width:min(304px,calc(100vw - 28px))!important;
    max-width:304px!important;
    padding:9px!important;
    border-radius:15px!important;
    background:color-mix(in srgb,var(--bg-elevated) 99%,transparent)!important;
    border:1px solid color-mix(in srgb,var(--border-soft) 88%,transparent)!important;
    box-shadow:0 14px 38px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.06)!important;
  }
  .mcal157-filter-head{height:25px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 1px 6px 3px}
  .mcal157-filter-head>span{font-size:9.5px;font-weight:820;color:var(--text);letter-spacing:-.01em}
  .mcal157-filter-close{width:27px;height:27px;margin-top:-3px;margin-right:-2px;border:0;border-radius:9px;background:transparent;color:var(--text-faint);display:grid;place-items:center;padding:0}
  .mcal157-filter-close:active{background:var(--bg-soft);color:var(--text)}
  .mcal157-filter-close svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
  .mcal155-search input{height:34px!important;border:1px solid color-mix(in srgb,var(--border-soft) 86%,transparent)!important;background:var(--bg-soft)!important;box-shadow:none!important}
  .mcal157-layer-label{margin:8px 2px 1px;font-size:7.5px;line-height:1;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--text-faint)}
  .mcal155-layer-row{padding-top:5px!important;gap:4px!important;max-width:100%}
  .mcal155-layer{height:25px!important;border-radius:9px!important;font-size:8px!important;padding:0 8px!important}
  .mcal155-filter-toggle{transition:background .15s ease,color .15s ease}
}
