/* Isolated ERP/login installation UI. Scope all visual rules to these classes/ID. */
.pwa-install-entry{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:92px;min-height:44px;margin:0;padding:8px 12px;border:1px solid #565269;border-radius:12px;background:#2b2443;color:#f2f3f8;font:600 13px/20px "Noto Sans KR","Malgun Gothic",sans-serif;white-space:nowrap;box-shadow:0 4px 16px #5c46a333;cursor:pointer}
.pwa-install-entry svg{flex:none;color:#a28cff}
.pwa-install-entry:hover{background:#342c56;border-color:#a28cff}
.pwa-install-entry:focus-visible,#pwa-install-dialog button:focus-visible{outline:2px solid #a28cff;outline-offset:3px}
.pwa-install-entry[hidden]{display:none!important}
.pwa-install-entry--login{width:100%;margin-top:12px}
.pwa-install-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;max-width:360px;min-width:0}
.pwa-install-heading__copy{min-width:0}
html[data-theme="white"] .pwa-install-entry,.pwa-install-entry--light{background:#eee9fc;border-color:#d5d0e1;color:#6750d7;box-shadow:0 4px 14px #7764ad1f}
html[data-theme="white"] .pwa-install-entry:hover,.pwa-install-entry--light:hover{background:#e9e0ff;border-color:#765bdd}
#pwa-install-dialog{--pwa-bg:#15171e;--pwa-panel:#20232d;--pwa-line:#353a49;--pwa-text:#f2f3f8;--pwa-muted:#a7acbc;--pwa-brand:#a28cff;--pwa-onbrand:#1d1633;box-sizing:border-box;width:min(472px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid var(--pwa-line);border-radius:20px;background:radial-gradient(circle at 100% 0%,#42326399,transparent 45%),radial-gradient(circle at 0% 100%,#173c4d77,transparent 48%),var(--pwa-bg);color:var(--pwa-text);box-shadow:0 28px 70px #000a,inset 0 1px #ffffff16;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}
#pwa-install-dialog[open]{display:block}
#pwa-install-dialog button{width:auto;margin:0}
#pwa-install-dialog::backdrop{background:#060712b8;backdrop-filter:blur(6px)}
#pwa-install-dialog .pwa-install-dialog__inner{display:grid;gap:18px;padding:24px}
#pwa-install-dialog .pwa-install-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pwa-install-dialog .pwa-install-dialog__eyebrow{font-size:11px;line-height:18px;font-weight:700;letter-spacing:.11em;color:var(--pwa-brand)}
#pwa-install-dialog .pwa-install-dialog__close{display:grid;place-items:center;flex:none;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--pwa-line);border-radius:10px;background:var(--pwa-panel);color:var(--pwa-text);font-size:25px;line-height:1;cursor:pointer}
#pwa-install-dialog .pwa-install-dialog__hero{display:flex;align-items:center;gap:18px;min-width:0}
#pwa-install-dialog .pwa-install-dialog__mark{display:grid;place-items:center;flex:none;width:72px;height:72px;border-radius:20px;background:linear-gradient(145deg,#292347,#111c30);border:1px solid #8d74e6;color:#a28cff;box-shadow:0 12px 30px #624bc455,inset 0 1px #ffffff33}
#pwa-install-dialog h2{margin:0;color:var(--pwa-text);font-size:22px;line-height:30px;font-weight:700;letter-spacing:-.03em;overflow-wrap:anywhere}
#pwa-install-dialog h2:focus{outline:none}
#pwa-install-dialog #pwa-install-intro{margin:6px 0 0;color:var(--pwa-muted);font-size:13px;line-height:20px;overflow-wrap:anywhere}
#pwa-install-dialog .pwa-install-dialog__state{padding:10px 12px;border:1px solid var(--pwa-line);border-radius:11px;background:var(--pwa-panel);color:var(--pwa-brand);font-size:13px;line-height:20px;font-weight:700}
#pwa-install-dialog .pwa-install-dialog__steps{display:grid;gap:10px;min-width:0}
#pwa-install-dialog .pwa-install-dialog__steps p{margin:0;color:var(--pwa-text);font-size:13px;line-height:21px;overflow-wrap:anywhere}
#pwa-install-dialog .pwa-install-dialog__steps p+p{color:var(--pwa-muted)}
#pwa-install-dialog .pwa-install-dialog__steps ol{display:grid;gap:8px;margin:0;padding-left:22px;color:var(--pwa-text);font-size:13px;line-height:21px}
#pwa-install-dialog .pwa-install-dialog__footnote{padding-top:11px;border-top:1px solid var(--pwa-line);color:var(--pwa-muted);font-size:12px;line-height:19px}
#pwa-install-dialog [hidden]{display:none!important}
#pwa-install-dialog .pwa-install-dialog__actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:4px}
#pwa-install-dialog .pwa-install-dialog__actions:has(#pwa-install-action[hidden]){grid-template-columns:minmax(0,1fr)}
#pwa-install-dialog .pwa-install-dialog__actions button{min-height:46px;padding:9px 12px;border-radius:11px;font:700 13px/20px "Noto Sans KR","Malgun Gothic",sans-serif;cursor:pointer}
#pwa-install-dialog .pwa-install-dialog__primary{border:1px solid var(--pwa-brand);background:linear-gradient(135deg,#b5a4ff,#9178f5);color:var(--pwa-onbrand);box-shadow:0 8px 24px #7760ce55}
#pwa-install-dialog .pwa-install-dialog__secondary{border:1px solid var(--pwa-line);background:var(--pwa-panel);color:var(--pwa-text)}
#pwa-install-dialog .pwa-install-dialog__actions button[hidden]{display:none!important}
html[data-theme="white"] #pwa-install-dialog,#pwa-install-dialog[data-theme="white"]{--pwa-bg:#ffffff;--pwa-panel:#f7f5fc;--pwa-line:#d5d0e1;--pwa-text:#252231;--pwa-muted:#696475;--pwa-brand:#6750d7;--pwa-onbrand:#fff;background:radial-gradient(circle at 100% 0%,#e8dfff,transparent 50%),radial-gradient(circle at 0% 100%,#e1f3f6,transparent 50%),var(--pwa-bg);box-shadow:0 28px 70px #24194e3d,inset 0 1px #fff}
html[data-theme="white"] #pwa-install-dialog .pwa-install-dialog__mark,#pwa-install-dialog[data-theme="white"] .pwa-install-dialog__mark{background:linear-gradient(145deg,#efeaff,#dcd5f7);color:#7156d8;border-color:#c5b6f2;box-shadow:0 12px 30px #7b65c133,inset 0 1px #fff}
html[data-theme="white"] #pwa-install-dialog .pwa-install-dialog__primary,#pwa-install-dialog[data-theme="white"] .pwa-install-dialog__primary{background:linear-gradient(135deg,#795fe2,#644bcc);color:#fff;box-shadow:0 8px 24px #7760ce44}
@media(max-width:480px){.pwa-install-heading{max-width:100%;gap:8px}.pwa-install-entry{min-width:88px;padding:8px 10px}#pwa-install-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:18px}#pwa-install-dialog .pwa-install-dialog__inner{gap:15px;padding:18px}#pwa-install-dialog .pwa-install-dialog__hero{gap:13px}#pwa-install-dialog .pwa-install-dialog__mark{width:60px;height:60px;border-radius:17px}#pwa-install-dialog .pwa-install-dialog__mark svg{width:32px;height:32px}#pwa-install-dialog h2{font-size:19px;line-height:27px}}
@media(max-width:330px){#pwa-install-dialog .pwa-install-dialog__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){#pwa-install-dialog[open]{animation:pwa-dialog-in .2s cubic-bezier(.2,.7,.25,1)}@keyframes pwa-dialog-in{from{transform:translateY(9px) scale(.985)}to{transform:none}}}
