.wa-ops-shell{color:#17342a;background:#f4f7f5;min-height:100vh}.wa-ops-main{width:min(1480px,100% - 40px);margin:0 auto;padding:28px 0 60px}.wa-ops-titlebar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.wa-ops-titlebar h1{color:#102d24;margin:7px 0 9px;font-size:max(28px,min(3vw,42px));line-height:1.05}.wa-ops-titlebar p,.wa-ops-notifications header p{color:#60746d;max-width:760px;margin:0;font-size:15px}.wa-ops-kicker{text-transform:uppercase;letter-spacing:.1em;color:#14835f;align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.wa-ops-kicker svg{width:17px}.wa-ops-refresh,.wa-ops-actions button,.wa-ops-actions a,.wa-ops-notification-actions button{color:#244b3f;font:inherit;cursor:pointer;background:#fff;border:1px solid #cedbd6;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-flex}.wa-ops-refresh svg,.wa-ops-actions svg,.wa-ops-notification-actions svg{width:17px}.wa-ops-refresh:disabled,.wa-ops-actions button:disabled,.wa-ops-notification-actions button:disabled{opacity:.55;cursor:not-allowed}.wa-ops-error{color:#892d2d;background:#fff1f1;border:1px solid #efc3c3;border-radius:10px;justify-content:space-between;gap:16px;margin-bottom:18px;padding:13px 16px;display:flex}.wa-ops-error button{color:inherit;cursor:pointer;background:0 0;border:0;font-weight:800}.wa-ops-loading,.wa-ops-empty{text-align:center;color:#6f817b;padding:32px}.wa-ops-environment{background:#fff9e8;border:1px solid #eddca7;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;display:flex}.wa-ops-environment[data-live=true]{background:#ecfbf5;border-color:#a8ddca}.wa-ops-environment>svg{color:#a47112;width:22px}.wa-ops-environment div{align-items:baseline;gap:10px;display:flex}.wa-ops-environment span{color:#786b45;font-size:13px}.wa-ops-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.wa-ops-metrics article{background:#fff;border:1px solid #dbe5e1;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;padding:16px 18px;display:grid;position:relative}.wa-ops-metrics svg{color:#168660;grid-row:1/3;width:22px}.wa-ops-metrics span{color:#6b7f78;font-size:12px;font-weight:700}.wa-ops-metrics strong{font-size:25px;line-height:1}.wa-ops-workspace{background:#fff;border:1px solid #d6e1dd;border-radius:16px;grid-template-columns:minmax(290px,36%) 1fr;min-height:650px;display:grid;overflow:hidden;box-shadow:0 10px 35px rgba(32,67,56,.06)}.wa-ops-inbox{background:#fbfcfc;border-right:1px solid #dfe7e4;min-width:0}.wa-ops-panel-heading{border-bottom:1px solid #e3eae7;justify-content:space-between;padding:18px 19px;display:flex}.wa-ops-panel-heading div{flex-direction:column;display:flex}.wa-ops-panel-heading strong{font-size:17px}.wa-ops-panel-heading span{color:#71837d;font-size:12px}.wa-ops-inbox-list{max-height:650px;overflow:auto}.wa-ops-inbox-list>button{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #e7ecea;padding:16px 18px;display:block;position:relative}.wa-ops-inbox-list>button:hover,.wa-ops-inbox-list>button.selected{background:#eef8f4}.wa-ops-inbox-list>button.selected{box-shadow:inset 4px 0 #168660}.wa-ops-inbox-list strong,.wa-ops-inbox-list small,.wa-ops-inbox-list p,.wa-ops-inbox-list time{display:block}.wa-ops-inbox-list strong{margin-top:9px}.wa-ops-inbox-list small{color:#587168;margin-top:3px}.wa-ops-inbox-list p{color:#64756f;white-space:nowrap;text-overflow:ellipsis;margin:8px 0 5px;font-size:13px;overflow:hidden}.wa-ops-inbox-list time{color:#91a09b;font-size:11px}.wa-ops-state{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;width:max-content;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.wa-ops-state.handover{color:#9a5414;background:#fff0df}.wa-ops-state.bot{color:#157654;background:#e6f7f0}.wa-ops-conversation{background:#edf3f0;flex-direction:column;min-width:0;display:flex}.wa-ops-empty.conversation{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.wa-ops-empty.conversation svg{color:#8aac9f;width:42px;height:42px}.wa-ops-empty.conversation strong{color:#31584b}.wa-ops-conversation-header{background:#fff;border-bottom:1px solid #d9e4e0;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;display:flex}.wa-ops-conversation-header div{flex-direction:column;min-width:0;display:flex}.wa-ops-conversation-header strong{font-size:17px}.wa-ops-conversation-header div span{white-space:nowrap;text-overflow:ellipsis;color:#6d7f79;font-size:12px;overflow:hidden}.wa-ops-messages{background-color:#edf3f0;background-image:radial-gradient(#d5e2dd 1px,transparent 1px);background-size:18px 18px;flex-direction:column;flex:1;gap:9px;max-height:525px;padding:22px;display:flex;overflow:auto}.wa-ops-messages article{white-space:pre-wrap;background:#fff;border-radius:5px 13px 13px;flex-direction:column;gap:5px;max-width:min(78%,620px);padding:10px 12px;font-size:14px;display:flex;box-shadow:0 1px 2px rgba(20,55,44,.1)}.wa-ops-messages article.outgoing{background:#d9f8e8;border-radius:13px 5px 13px 13px;align-self:flex-end}.wa-ops-messages time{color:#71837d;align-self:flex-end;font-size:10px}.wa-ops-actions{background:#fff;border-top:1px solid #d8e3df;flex-wrap:wrap;align-items:center;gap:8px;padding:14px 18px;display:flex}.wa-ops-actions .primary,.wa-ops-notification-actions .approve{color:#fff;background:#14835f;border-color:#14835f}.wa-ops-notifications{background:#fff;border:1px solid #d8e3df;border-radius:16px;margin-top:20px;overflow:hidden}.wa-ops-notifications>header{border-bottom:1px solid #e3eae7;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 22px;display:flex}.wa-ops-notifications h2{margin:5px 0 4px;font-size:22px}.wa-ops-notifications>header>strong{white-space:nowrap;color:#945011;background:#fff0df;border-radius:999px;padding:7px 11px;font-size:12px}.wa-ops-notification-list{gap:12px;padding:16px;display:grid}.wa-ops-notification-list>article{border:1px solid #e0e8e5;border-radius:12px;grid-template-columns:240px 1fr auto;align-items:center;gap:18px;padding:15px;display:grid}.wa-ops-notification-list>article[data-state=APPROVED]{background:#f1faf6}.wa-ops-notification-list>article[data-state=CANCELLED]{opacity:.65}.wa-ops-notification-meta{flex-direction:column;gap:3px;display:flex}.wa-ops-notification-meta span{color:#955315;text-transform:uppercase;background:#fff0df;border-radius:999px;width:max-content;padding:4px 8px;font-size:10px;font-weight:900}.wa-ops-notification-meta strong{margin-top:3px}.wa-ops-notification-meta small{color:#6c7e78}.wa-ops-notification-list p{white-space:pre-wrap;color:#415e54;margin:0;font-size:13px}.wa-ops-notification-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (max-width:1050px){.wa-ops-main{width:min(100% - 24px,900px)}.wa-ops-metrics{grid-template-columns:repeat(2,1fr)}.wa-ops-workspace{grid-template-columns:1fr;min-height:0}.wa-ops-inbox{border-bottom:1px solid #dfe7e4;border-right:0}.wa-ops-inbox-list{max-height:none;display:flex;overflow:auto}.wa-ops-inbox-list>button{border-right:1px solid #e7ecea;min-width:280px}.wa-ops-conversation{min-height:600px}.wa-ops-notification-list>article{grid-template-columns:190px 1fr}.wa-ops-notification-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:640px){.wa-ops-main{width:calc(100% - 20px);padding-top:18px}.wa-ops-titlebar{display:block}.wa-ops-refresh{margin-top:14px}.wa-ops-environment div{flex-direction:column;gap:2px;display:flex}.wa-ops-metrics{grid-template-columns:1fr 1fr}.wa-ops-metrics article{padding:13px}.wa-ops-workspace{border-radius:12px}.wa-ops-conversation{min-height:520px}.wa-ops-conversation-header{align-items:flex-start}.wa-ops-conversation-header .wa-ops-state{flex-shrink:0}.wa-ops-messages{padding:14px}.wa-ops-messages article{max-width:90%}.wa-ops-actions>*{flex:145px}.wa-ops-notifications>header{display:block}.wa-ops-notifications>header>strong{margin-top:12px;display:inline-block}.wa-ops-notification-list>article{flex-direction:column;align-items:stretch;display:flex}.wa-ops-notification-actions{justify-content:stretch}.wa-ops-notification-actions button{flex:1}.wa-ops-metrics span{font-size:11px}.wa-ops-metrics strong{font-size:21px}}