:root{color:#e8f3fb;background:#07111c;font-family:Segoe UI,sans-serif;--blue: #2aa9e1;--purple: #901c80;--card: #102033;--line: rgba(255, 255, 255, .08);--ok: #8ee4c1;--warn: #ffd27a;--bad: #ff9b9b}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:var(--blue)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(90deg,#123047,#3a1848)}.brand{display:flex;gap:10px;align-items:center;font-weight:700;color:#fff;text-decoration:none}.brand-logo{height:28px;width:auto}.mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple))}.screen{width:min(920px,100%);margin:0 auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));flex:1;display:flex;flex-direction:column}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px}.stack{display:grid;gap:12px}label{display:grid;gap:6px;font-size:.92rem}input,textarea,select{width:100%;border:1px solid var(--line);background:#0b1726;color:#fff;border-radius:12px;padding:12px;font-size:16px}.primary,.ghost{border:0;border-radius:999px;padding:12px 16px;color:#fff;font-weight:700}.primary{background:linear-gradient(90deg,var(--blue),var(--purple))}.ghost{background:transparent;border:1px solid var(--line)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.muted{color:#9eb2c6}.bad{color:var(--bad)}.ok{color:var(--ok)}.warn{color:var(--warn)}.chat{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.thread{display:flex;flex-direction:column;gap:8px;flex:1;overflow:auto;min-height:0}.bubble{max-width:min(80%,520px);padding:10px 12px;border-radius:16px}.mine{align-self:flex-end;background:#1b4f73}.theirs{align-self:flex-start;background:#2a1833}.composer{display:flex;gap:8px;position:sticky;bottom:0;background:#07111c;padding-top:8px}.composer input[type=text]{flex:1}.nav{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.nav a,.nav button{white-space:nowrap;text-decoration:none}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:8px;border-bottom:1px solid var(--line);vertical-align:top}.banner{border-radius:12px;padding:10px 12px;background:#3a2a12}@media(max-width:720px){.hide-sm{display:none}.opa-logo{height:28px}.opa-id{min-width:0}.opa-id strong,.opa-id span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opa-tools{flex-basis:100%;margin-left:0}.nav{flex-wrap:wrap;overflow:visible}.opa-end{font-size:14px}table{display:block;max-width:100%;overflow-x:auto}}body:has(.opa-portal){background:#e8eaef;color:#282d37;height:100%;overflow:hidden}.opa-portal{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:28px 24px;background:#eef0f4;position:relative}.opa-lang{position:absolute;top:16px;right:22px;z-index:2;display:flex;align-items:center;gap:6px;color:#3a4252;font-size:14px;font-weight:600}.opa-app{width:min(1180px,100%);height:min(900px,calc(100dvh - 56px));max-height:calc(100dvh - 56px);min-height:0;overflow:hidden;border-radius:26px;box-shadow:0 18px 46px #1c22301a;display:flex;flex-direction:column;background:#fff;color:#282d37;font-family:Inter,Segoe UI Variable,Segoe UI,system-ui,-apple-system,sans-serif;font-feature-settings:"kern" 1,"liga" 1}.opa-guest .opa-top{min-height:52px;border-bottom:0;background:transparent}.opa-top{flex:none;display:flex;align-items:center;gap:12px;min-height:64px;flex-wrap:wrap;padding:calc(10px + env(safe-area-inset-top)) 24px 10px;background:#fff;border-bottom:1px solid #e4e6eb}.opa-logo{height:36px;width:auto}.opa-id{display:grid;line-height:1.2}.opa-id strong{font-size:15px;font-weight:700}.opa-id span{color:#8b93a0;font-size:12px}.opa-tools{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;max-width:100%}.opa-end{border:0;background:transparent;color:#e23d3d;font-weight:700;font-size:16px;padding:8px}.opa-flag,.opa-icon{height:40px;min-width:40px;border:0;border-radius:12px;background:#eef0f3;display:grid;place-items:center;color:#434b5a;font-size:18px}.opa-flag{padding:0 10px}.opa-thread{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px 22px;scroll-behavior:smooth}.opa-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:fit-content;max-width:min(68%,590px)}.opa-item:has(.opa-mine){align-self:flex-end;align-items:flex-end}.opa-theirs,.opa-mine{width:100%;background:#e8eaee;color:#262c37;border:1px solid #d1d5dd;border-radius:18px;padding:11px 15px;white-space:pre-wrap;font-size:14px;line-height:1.42}.opa-mine{width:auto;background:#5969df;border-color:#5969df;color:#fff}.opa-theirs p,.opa-mine p{margin:0}.opa-theirs time,.opa-mine time{display:block;text-align:right;color:#8b93a0;font-size:12px;margin-top:6px}.opa-mine time{color:#ffffffad}.opa-theirs small,.opa-mine small{color:#c24141;font-size:12px}.opa-message-department{display:block;margin-bottom:4px;font-size:13px;font-weight:750}.opa-has-choices{border-radius:18px 18px 0 0;border-bottom:0;padding-bottom:12px}.opa-choices{display:flex;flex-direction:column;width:100%;overflow:hidden;margin-top:-8px;background:#e8eaee;border:1px solid #d1d5dd;border-top:0;border-radius:0 0 18px 18px}.opa-choices button{width:100%;min-height:39px;padding:7px 14px;border:0;border-top:1px solid #d1d5dd;background:transparent;color:#303641;font-size:13px;font-weight:650;text-align:center}.opa-choices button:hover{background:#dde1e8;color:#3027b9}.opa-choices button:disabled{cursor:default;opacity:.7}.opa-primary{border:0;background:#3a2fc1;color:#fcfcff;border-radius:12px;padding:8px 16px;min-height:36px;font-size:14px;font-weight:600}.opa-primary{align-self:flex-start}.opa-emoji{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px 12px;background:#fff;border-top:1px solid #e4e6eb;max-height:180px;overflow:auto}.opa-emoji button{border:0;background:transparent;font-size:1.3rem}.opa-composer{flex:none;position:relative;z-index:2;display:flex;flex-direction:column;margin:0 22px calc(20px + env(safe-area-inset-bottom));padding:0;border:1px solid #d7dbe3;border-radius:20px;background:#f0f2f6;overflow:hidden}.opa-composer .opa-composer-input{width:100%;min-height:48px;border:0;background:transparent;color:#282d37;padding:12px 16px;font-size:15px;border-radius:0}.opa-composer input::placeholder{color:#9aa1ab}.opa-composer-tools{display:flex;align-items:center;gap:8px;min-height:48px;padding:4px 10px;border-top:1px solid #d7dbe3}.opa-composer-icon{width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:#343b48;font-size:24px}.opa-composer-icon[type=button]{cursor:pointer}.opa-composer-spacer{flex:1}.opa-composer-ended{filter:blur(2px);opacity:.58;pointer-events:none;-webkit-user-select:none;user-select:none}.opa-ended-panel{width:100%;display:grid;gap:20px;padding:4px 0 8px}.opa-ended-divider{display:flex;align-items:center;gap:20px;color:#697386;font-size:14px}.opa-ended-divider:before,.opa-ended-divider:after{content:"";flex:1;height:1px;background:#cfd4dd}.opa-reopen{justify-self:center;align-self:center;min-width:230px;min-height:46px;font-size:16px}.opa-send{width:42px;height:42px;border:0;border-radius:12px;background:#b7b4ee;color:#fff;font-size:18px}.opa-send.ready{background:#3a2fc1}.opa-send.recording{background:#e23d3d}.opa-theirs audio,.opa-mine audio{display:block;width:min(260px,70vw);margin-top:8px}.opa-theirs img,.opa-mine img{display:block;max-width:min(260px,70vw);height:auto;border-radius:12px;margin-top:8px}.opa-wait,.opa-error{margin:0;padding:8px 0;color:#667085}.opa-error{color:#c24141}.opa-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#2f3442a8;display:grid;place-items:center;padding:16px}.opa-dialog{width:min(460px,100%);background:#fff;border-radius:16px;padding:22px;display:grid;gap:14px;text-align:left;box-shadow:0 16px 40px #0000002e}.opa-dialog h2{font-size:16px;font-weight:600;margin:0;line-height:1.4}.opa-confirm{width:min(620px,100%);padding:30px}.opa-confirm h2{font-size:22px}.opa-confirm p{margin:0 0 8px;font-size:17px;line-height:1.55}.opa-dialog input{background:#f3f4f6;color:#282d37;caret-color:#282d37;border:0;border-radius:12px;min-height:48px;text-align:left}.opa-dialog input::placeholder{color:#8b93a0}.opa-dialog-actions{display:flex;justify-content:flex-end;gap:10px}.opa-dialog .opa-primary,.opa-dialog .opa-cancel{width:auto;min-height:40px}.opa-dialog .opa-primary:disabled{background:#d9d7f6;color:#fff}.opa-dialog .opa-cancel{border:0;border-radius:12px;background:#eceef2;color:#282d37;font-weight:600;padding:8px 16px}body:has(.adm){background:#f4f5f8;color:#1c2230}.adm{min-height:100dvh;display:flex;background:#f4f5f8;color:#1c2230;font-family:Inter,Segoe UI,sans-serif}.adm h1,.adm h2{margin:0}.adm a{color:#3a2fc1}.adm-side{width:248px;flex:none;background:#fff;border-right:1px solid #e6e8ee;padding:20px 14px;display:flex;flex-direction:column;gap:18px}.adm-brand{display:flex;align-items:center;gap:10px;padding:0 8px;color:inherit;text-decoration:none}.adm-brand img{height:32px;width:auto}.adm-brand-text{display:grid;line-height:1.2}.adm-brand-text strong{font-size:15px;color:#1c2230}.adm-brand-text small{color:#8b93a0;font-size:12px}.adm-nav{display:grid;gap:4px}.adm-nav button,.adm-ghost,.adm-primary{cursor:pointer}.adm-nav button{text-align:left;border:0;background:transparent;color:#3a4252;border-radius:10px;padding:10px 12px;font-weight:600;font-size:14px}.adm-nav button[aria-current=page]{background:#efeefe;color:#3a2fc1}.adm-main{flex:1;min-width:0;display:flex;flex-direction:column}.adm-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 24px 8px}.adm-top h1{font-size:22px}.adm-who{display:flex;align-items:center;gap:10px;color:#5c6575;font-size:14px}.adm-body{padding:8px 24px calc(28px + env(safe-area-inset-bottom));display:grid;gap:16px}.adm-card{background:#fff;border:1px solid #e6e8ee;border-radius:16px;padding:18px;display:grid;gap:14px}.adm-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.adm-metric{background:#fff;border:1px solid #e6e8ee;border-radius:16px;padding:16px}.adm-metric span{color:#6b7384;font-size:13px}.adm-metric strong{display:block;margin-top:6px;font-size:28px;letter-spacing:-.03em}.adm-metric.warn strong{color:#9a6700}.adm-metric.bad strong{color:#c24141}.adm-table-wrap{overflow-x:auto}.adm table{width:100%;border-collapse:collapse;font-size:14px}.adm th{color:#6b7384;font-size:12px;font-weight:700;letter-spacing:.03em}.adm th,.adm td{text-align:left;padding:10px 8px;border-bottom:1px solid #eef0f4;vertical-align:middle}.adm-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;background:#eef0f4;color:#3a4252}.adm-pill.ok{background:#e7f8ef;color:#0f7a45}.adm-pill.off{background:#fdecec;color:#b42318}.adm-pill.warn{background:#fff6e5;color:#9a6700}.adm-form{display:grid;gap:12px}.adm-form .adm-primary{justify-self:start;min-width:148px}.adm label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#3a4252}.adm input,.adm select{width:100%;border:1px solid #e1e4eb;background:#f7f8fa;color:#1c2230;border-radius:12px;padding:12px;font-size:16px}.adm-primary{border:0;border-radius:12px;background:#3a2fc1;color:#fff;font-weight:700;min-height:44px;padding:0 16px}.adm-ghost{border:1px solid #e1e4eb;background:#fff;color:#3a4252;border-radius:12px;min-height:36px;padding:0 12px;font-weight:600}.adm-note,.adm-empty,.adm-error{margin:0}.adm-note,.adm-empty{color:#5c6575;font-size:14px}.adm-error{color:#c24141}.adm-linkbox{background:#f7f8fa;border-radius:12px;padding:12px;display:grid;gap:8px;word-break:break-all}.adm-actions{display:flex;flex-wrap:wrap;gap:8px}.adm-qr{width:220px;height:auto;background:#fff;border:1px solid #e6e8ee;border-radius:16px;padding:12px}.adm-login{place-items:center;padding:24px}.adm-login .adm-card{width:min(420px,100%)}.adm-login h1{font-size:22px}@media(min-width:860px){.adm-form.cols{grid-template-columns:1fr 1fr auto;align-items:end}}@media(max-width:860px){.adm{flex-direction:column}.adm-side{width:100%;border-right:0;border-bottom:1px solid #e6e8ee;padding:12px 12px 10px;gap:10px}.adm-nav{display:flex;flex-wrap:wrap;gap:6px;overflow:visible}.adm-nav button{white-space:nowrap}.adm-top,.adm-body{padding-left:16px;padding-right:16px}.adm-top h1{font-size:20px}.adm-who span{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.opa-dark-page,.opa-dark-page .opa-portal{background:#1c2030}.opa-dark-page .opa-lang{color:#d5d8e0}.opa-dark{background:#232733;color:#f4f5f7}@media(max-width:720px){.opa-portal{padding:0}.opa-lang{display:none}.opa-app{width:100%;height:100dvh;max-height:100dvh;border-radius:0;box-shadow:none}}.opa-dark .opa-top,.opa-dark .opa-composer{background:#232733;border-color:#343846}.opa-dark .opa-theirs{background:#2e3340;color:#f4f5f7;border-color:#3d4454}.opa-dark .opa-composer input{color:#f4f5f7}.opa-dark .opa-composer-tools{border-color:#343846}.opa-dark .opa-choices{background:#2e3340;border-color:#3d4454}.opa-dark .opa-choices button{color:#f4f5f7;border-color:#3d4454}.opa-guest .opa-id{visibility:hidden}@media(max-width:720px){.opa-top{flex-wrap:nowrap;padding-left:14px;padding-right:14px}.opa-tools{flex-basis:auto;margin-left:auto}.opa-thread{padding:12px 14px;gap:10px}.opa-item{max-width:92%}.opa-theirs,.opa-mine{font-size:14px;padding:10px 13px}.opa-composer{margin:0 10px calc(10px + env(safe-area-inset-bottom))}.opa-confirm{padding:22px}}