.ps-install{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:auto!important;min-width:40px;padding:0 13px!important;border-radius:999px!important;font-size:11px!important;font-weight:600;white-space:nowrap}
/* Text buttons need a fixed pill radius: icon classes use 50%, which makes an ellipse. */
html[data-parsana-theme] body[data-parsana-surface] .ps-install,
html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .ps-install{
  border-radius:999px!important;color:var(--ql-copy);background:var(--ql-surface);border:1px solid var(--ql-line);box-shadow:var(--ql-shadow);
}
@media(min-width:768px){
  html[data-parsana-theme] body[data-parsana-surface] .ps-install,
  html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .ps-install{height:42px}
}
.ps-install svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}
.ps-install-dialog{position:fixed;inset:0;box-sizing:border-box;width:min(440px,calc(100% - 28px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 36px);overflow:auto;margin:auto;padding:27px;border:1px solid var(--ql-line,#dce4ee);border-radius:18px;color:var(--ql-text,#202637);background:var(--ql-surface,#fff);font-family:var(--ql-font,Manrope,sans-serif);box-shadow:0 18px 60px #0003}
.ps-install-dialog::backdrop{background:#11182780}.ps-install-dialog h2{font:500 27px/1.15 var(--ql-serif,Georgia,serif);padding-right:26px;margin:0 0 18px}.ps-install-dialog p,.ps-install-dialog li{font-size:14px;line-height:1.55}.ps-install-dialog li+li{margin-top:9px}.ps-install-close{position:absolute;right:15px;top:11px;width:36px;height:36px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.ps-install-actions{display:flex;flex-wrap:wrap;gap:10px}.ps-install-actions button{min-height:43px;padding:10px 15px;border:1px solid var(--ql-line,#dce4ee);border-radius:10px;color:var(--ql-text,#202637);background:var(--ql-surface-soft,#f3f6fa);font:600 13px/1.3 inherit;cursor:pointer}.ps-install-actions button:first-child{background:var(--ql-accent,#367ef9);color:#fff}.ps-install-actions button:disabled{opacity:.7;cursor:default}.ps-install-actions [hidden]{display:none!important}[data-install-status]{color:var(--ql-muted,#73809a)}
@media(max-width:767px){.ps-install-long{display:none}.ps-install{padding:0 8px!important;font-size:10px;gap:3px}.ps-install svg{width:17px;height:17px}}
@media(max-width:419px){body[data-parsana-surface="app"] .top{gap:6px}body[data-parsana-surface="app"] #offBadge{padding:0 6px;gap:3px}body[data-parsana-surface="app"] #offBadge>svg{width:15px}body[data-parsana-surface="app"] .ps-install{width:66px!important;flex-direction:column;gap:1px;padding:3px!important;font-size:9px!important;line-height:1.05}}
@media(max-width:359px){body[data-parsana-surface="app"] .ps-install>span{display:none}body[data-parsana-surface="app"] .ps-install{width:36px!important;min-width:36px}body[data-parsana-surface="app"] .top .spacer{min-width:0}}
/* Preserve the original safe-area value that the later theme layer overwrote. */
html[data-parsana-theme] body[data-parsana-surface="app"] .top{padding-top:calc(10px + var(--safe-t,env(safe-area-inset-top,0px)));min-height:calc(72px + env(safe-area-inset-top,0px));background:var(--ql-page,#fafbfd)!important}
@media(max-width:599px){html[data-parsana-theme] body[data-parsana-surface="app"] .top{padding-top:calc(8px + var(--safe-t,env(safe-area-inset-top,0px)));min-height:calc(62px + env(safe-area-inset-top,0px))}}
@media(max-width:1179px){html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .uvm-topbar{padding-top:calc(14px + env(safe-area-inset-top,0px))}html[data-parsana-theme] body[data-parsana-surface="admin"] .admin-topbar{padding-top:calc(14px + env(safe-area-inset-top,0px))}}

.ps-lead-distribution{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;margin:18px 0;border:1px solid var(--ql-line,#dce4ee);border-radius:12px;background:var(--ql-surface-soft,#f3f6fa)}
.ps-lead-distribution>p{flex-basis:100%;margin:0}.ps-queue-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px}.ps-queue-switch input{appearance:none!important;flex:0 0 38px;width:38px!important;height:23px!important;padding:0!important;border:1px solid var(--ql-line,#ccd5e3)!important;border-radius:99px!important;background:var(--ql-divider,#dce4ee)!important;position:relative;cursor:pointer;box-shadow:none!important}.ps-queue-switch input:after{content:'';position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s}.ps-queue-switch input:checked{background:var(--ql-accent,#367ef9)!important}.ps-queue-switch input:checked:after{transform:translateX(15px)}.ps-queue-switch input:focus-visible{outline:2px solid var(--ql-accent,#367ef9);outline-offset:3px}.ps-queue-interval{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.ps-queue-interval input{width:72px!important;min-height:36px;padding:6px 9px!important}.ps-queue-notice{padding:12px 15px;margin:12px 0;border:1px solid var(--ql-line,#dce4ee);border-radius:10px;color:var(--ql-copy,#43516a);background:var(--ql-surface-soft,#f3f6fa);font-size:13px;line-height:1.5}.ps-queue-accept{font-size:11px!important;min-height:34px;white-space:normal}.ps-queue-warning{color:var(--ql-accent,#367ef9)}
@media(max-width:599px){.ps-lead-distribution{padding:14px;gap:13px}.ps-queue-switch{font-size:12px}.ps-queue-accept{font-size:10px!important;padding:7px 9px!important}}

.ps-queue-assignment{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--ql-line,#dce4ee)}.ps-queue-assignment>span{font-size:11px;line-height:1.5;color:var(--ql-muted,#73809a)}.ps-queue-assignment .ps-queue-accept{flex:0 0 auto;min-width:125px;font-size:12px!important;white-space:nowrap;word-break:normal;overflow-wrap:normal}
@media(max-width:767px){body[data-parsana-surface="manager"] .ps-install>span,body[data-parsana-surface="admin"] .ps-install>span{display:none}.ps-queue-assignment{padding:12px;gap:8px}.ps-queue-assignment>span{font-size:10px}.ps-queue-assignment .ps-queue-accept{min-width:116px;font-size:11px!important}}
@media(max-width:419px){html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .uvm-topbar{gap:6px;padding-left:10px;padding-right:10px}html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .uvm-topbar__actions{gap:4px}html[data-parsana-theme] body[data-parsana-surface="manager"] #managerApp .uvm-topbar__actions>button{width:33px!important;min-width:33px!important;height:33px!important;padding:0!important}html[data-parsana-theme] body[data-parsana-surface="admin"] .admin-topbar__actions{gap:4px}html[data-parsana-theme] body[data-parsana-surface="admin"] .admin-topbar__actions>button{width:33px!important;min-width:33px!important;height:33px!important;padding:0!important}}

html[data-parsana-theme] body[data-parsana-surface="admin"] #adminStaff .ps-queue-switch input{background:var(--ql-line,#dce4ee)!important}
html[data-parsana-theme] body[data-parsana-surface="admin"] #adminStaff .ps-queue-switch input:checked{background:var(--ql-accent,#367ef9)!important}
/* Keep the two staff install actions visible and vertically separated in Admin. */
body[data-parsana-surface="admin"] .ps-install-dialog .ps-install-actions{flex-direction:column;align-items:flex-start;gap:10px}
body[data-parsana-surface="admin"] .ps-install-dialog .ps-install-actions button{max-width:100%}