/* New addon-only styles. No original V5.67 selector is restyled globally. */
.sagas-addon-settings-panel{margin-bottom:16px;border:1px solid #cfe3da;background:linear-gradient(135deg,#eff9f5,#f5f9ff);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(22,77,60,.05)}
.sagas-addon-settings-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.sagas-addon-settings-head h2{margin:0;font-size:17px;color:#143d32}.sagas-addon-settings-head p{margin:5px 0 0;color:#657b73;font-size:12px;line-height:1.6}.sagas-addon-settings-head .sagas-addon-safe{margin-left:auto;white-space:nowrap;padding:7px 10px;border-radius:999px;background:#e5f6ef;color:#0d7457;font-size:10px;font-weight:800;border:1px solid #c7e6da}
.sagas-addon-settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.sagas-addon-entry{border:1px solid #d6e5df;background:#fff;border-radius:14px;padding:14px;text-align:left;display:flex;gap:11px;align-items:center;min-height:84px;cursor:pointer;color:#183f34;box-shadow:0 5px 16px rgba(22,72,57,.035);transition:.18s ease}
.sagas-addon-entry:hover{transform:translateY(-2px);border-color:#74bba3;box-shadow:0 10px 24px rgba(22,72,57,.09)}
.sagas-addon-entry>span{width:44px;height:44px;min-width:44px;border-radius:13px;background:#e9f6f1;display:grid;place-items:center;font-size:21px}.sagas-addon-entry b{display:block;font-size:13px}.sagas-addon-entry small{display:block;margin-top:4px;color:#71837c;font-size:10px;line-height:1.45}.sagas-addon-entry em{font-style:normal;font-size:8px;padding:2px 5px;border-radius:999px;background:#eaf6f2;color:#0b7356;margin-left:5px}
.sagas-addon-host{min-height:calc(100vh - 150px);border:1px solid #d6e5df;border-radius:18px;background:#f3f7f5;overflow:hidden;box-shadow:0 8px 24px rgba(18,66,52,.05)}
.sagas-addon-host-toolbar{height:54px;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border-bottom:1px solid #dce8e3}.sagas-addon-host-toolbar strong{font-size:15px;color:#153f33}.sagas-addon-host-toolbar span{font-size:10px;color:#70847c}.sagas-addon-host-toolbar a{margin-left:auto;border:1px solid #cfe1da;border-radius:10px;background:#eef7f3;color:#126d54;padding:8px 11px;font-size:11px;font-weight:800;text-decoration:none}
.sagas-addon-frame{display:block;width:100%;height:calc(100vh - 215px);min-height:680px;border:0;background:#f3f7f5}
body.sagas-addon-open .erp-content.app-shell{max-width:none;padding:18px}
body.sagas-addon-open .global-po-search{visibility:hidden}
@media(max-width:1180px){.sagas-addon-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sagas-addon-settings-grid{grid-template-columns:1fr}.sagas-addon-settings-head{display:block}.sagas-addon-settings-head .sagas-addon-safe{display:inline-flex;margin:9px 0 0}.sagas-addon-frame{height:calc(100vh - 180px);min-height:620px}.sagas-addon-host-toolbar span{display:none}}

/* P027: never allow the dark mobile drawer or its backdrop to paint behind
   the iPhone Dynamic Island / system status area.  The guard also protects an
   already-installed client that has cached the former translucent meta tag. */
@media(max-width:899px){
  html.sagas-phone-device body.erp-page::before{
    content:"";
    position:fixed;
    z-index:80;
    top:0;
    right:0;
    left:0;
    height:env(safe-area-inset-top,0px);
    background:#f6f9f8;
    pointer-events:none;
  }
  html.sagas-phone-device body.has-sidebar-drawer .erp-sidebar{
    top:env(safe-area-inset-top,0px);
    height:calc(100dvh - env(safe-area-inset-top,0px));
  }
  html.sagas-phone-device body.has-sidebar-drawer .sidebar-backdrop{
    top:env(safe-area-inset-top,0px);
  }
}