/* 설치 안내의 배치만 소유한다. 색·서체·조작·모션은 공통 역할을 사용한다. */
.office-account-panel .app-install-trigger{--office-button-radius:var(--radius-control);margin:0;padding-block:0;border:0;background:transparent;box-shadow:none;font-size:14px;font-weight:500;line-height:inherit;letter-spacing:inherit;text-align:start;white-space:normal}
@media(hover:hover) and (pointer:fine){.office-account-panel button.app-install-trigger:hover{box-shadow:none}}
.office-account-panel .app-install-trigger[hidden],.app-install-dialog [hidden]{display:none}
.app-install-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:var(--inset-content);border:1px solid var(--rule);border-radius:var(--radius-panel);background:var(--surface);color:var(--ink);box-shadow:var(--depth-navigation);overflow:auto;overscroll-behavior:contain}
.app-install-dialog::backdrop{background:var(--scrim)}
.app-install-head{margin-bottom:var(--gap-control);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-control)}
.app-install-head h2{font-family:var(--font-title);font-size:var(--t-title2);margin:0;line-height:var(--lh-tight)}
.app-install-dialog .app-install-head>h2:focus{outline:none}
.app-install-brand{display:flex;align-items:center;gap:var(--gap-control);margin-bottom:var(--gap-section)}
.app-install-brand img{width:64px;height:64px;flex:none;border-radius:var(--radius-small)}
.app-install-brand strong{font-family:var(--font-title);font-size:var(--t-body);color:var(--ink)}
.app-install-dialog p,.app-install-dialog li,.app-install-dialog label{font-family:var(--font-ui);font-size:var(--t-body);line-height:var(--lh-body);color:var(--ink-2)}
.app-install-steps{display:grid;gap:var(--gap-control);padding-inline-start:24px;margin-block:var(--gap-control)}
.app-install-steps .symbol{width:20px;height:20px;vertical-align:middle}
.app-install-share{white-space:nowrap}
.app-install-address{display:grid;gap:var(--gap-control);margin-top:var(--gap-section)}
.app-install-address input{width:100%;min-width:0;min-height:var(--height-control);font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--rule);border-radius:var(--radius-control);padding:var(--gap-control)}
.app-install-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--gap-control);margin-top:var(--gap-section)}
.app-install-dialog [data-app-install-status]:empty{display:none}
@media(display-mode:standalone){.office-account-panel .app-install-trigger{display:none}}
@media(max-width:760px){.app-install-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.app-install-actions>*{flex:1}}
@media(forced-colors:active){.app-install-dialog{border-color:CanvasText;box-shadow:none}.app-install-dialog::backdrop{background:Canvas}}
@media print{.app-install-dialog{display:none}}
