:root{--os-bg:#e9edf2;--os-surface:#fff;--os-surface-muted:#f4f6f8;--os-sidebar:#151d27;--os-sidebar-hover:#202b38;--os-sidebar-active:#26384a;--os-border:#c9d1da;--os-border-strong:#aab4c0;--os-text:#17202b;--os-text-muted:#5e6b78;--os-accent:#0d6670;--os-accent-hover:#09545c;--os-info:#1769aa;--os-success:#237a4b;--os-warning:#a15c00;--os-danger:#b42318;--bg:var(--os-bg);--panel:var(--os-surface);--line:var(--os-border);--text:var(--os-text);--muted:var(--os-text-muted);--brand:var(--os-accent);--brand-strong:var(--os-accent-hover);--danger:var(--os-danger);--ok:var(--os-success);--warn:var(--os-warning)}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.login-page{background:#e9edf1;place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{background:var(--panel);border:1px solid var(--line);border-radius:6px;width:min(420px,100%);padding:28px}.login-box h1,.page-title h1{margin:0;font-size:24px}.login-box p,.muted{color:var(--muted)}.field{gap:6px;margin:12px 0;display:grid}.field label{text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.field input,.field select,.field textarea,.toolbar input,.toolbar select{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:4px;padding:8px 10px}.btn{border:1px solid var(--line);min-height:38px;color:var(--text);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{color:var(--danger)}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{color:#f6f8fb;background:#222832;padding:18px}.brand{margin-bottom:18px;font-size:20px;font-weight:800}.nav-group{color:#9ba6b5;text-transform:uppercase;margin:18px 0 8px;font-size:11px}.nav-link{color:#dce2ea;border-radius:4px;align-items:center;gap:10px;padding:10px;display:flex}.nav-link.active,.nav-link:hover{color:#fff;background:#303846}.content{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:58px;padding:0 22px;display:flex}.main{padding:22px}.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.grid{gap:14px;display:grid}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:6px}.metric-value{font-size:28px;font-weight:800}.panel-header,.toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.toolbar{flex-wrap:wrap}.import-param-field{gap:5px;min-width:180px;display:grid}.import-param-field span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.import-param-field.required span{color:var(--brand-strong)}.import-update-check{align-self:end}.import-summary{border-bottom:1px solid var(--line);background:#fafbfc;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.import-summary span{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.table-wrap{overflow-x:auto}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px;font-size:14px}th{color:var(--muted);text-transform:uppercase;background:#fafbfc;font-size:12px}.badge{border:1px solid var(--line);min-height:24px;color:var(--muted);border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.badge.Ativo,.badge.Online,.badge.Recebido,.badge.Sucesso{color:var(--ok);background:#edf8f4;border-color:#a8d5c7}.badge.Inativo,.badge.Recusado,.badge.Erro,.badge.Falha{color:var(--danger);background:#fff1f0;border-color:#f0b8b3}.badge.Lida{color:var(--muted);background:#f5f6f7}.badge.Critico{color:var(--danger);background:#fff1f0;border-color:#f0b8b3}.badge.principal{color:#7a4300;background:#fff1bd;border-color:#e0a739;gap:5px;font-weight:800}.device-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.device-summary>div{border:1px solid var(--line);background:#fff;border-left:3px solid #3c8f8b;border-radius:6px;align-content:center;gap:4px;min-height:72px;padding:10px 12px;display:grid}.device-summary span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.device-summary strong{font-size:24px;line-height:1}.device-editor{margin-bottom:14px;overflow:hidden}.modal-backdrop{z-index:60;background:#11182075;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.device-modal,.confirm-modal{border:1px solid var(--line);background:#fff;border-radius:8px;width:min(980px,100%);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 24px 70px #1118203d}.device-modal-body{max-height:calc(100vh - 220px);overflow:auto}.confirm-modal{width:min(460px,100%)}.confirm-modal-body{gap:8px;padding:18px;display:grid}.confirm-modal-body strong{font-size:17px}.confirm-modal-body p{color:var(--muted);margin:0;line-height:1.5}.modal-actions{border-top:1px solid var(--line);background:#fafbfc;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.device-editor-head{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f7faf9 0%,#fff 72%);justify-content:space-between;align-items:center;gap:16px;padding:14px 48px 14px 14px;display:flex;position:relative}.modal-close{width:34px;min-height:34px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:10px;right:10px}.modal-close:hover{border-color:var(--line);color:var(--text);background:#fff}.action-tooltip{display:inline-flex}.webhook-token-alert{background:#fff8e8;border:1px solid #d9b15f;border-left:4px solid #c58a18;border-radius:6px;grid-template-columns:minmax(180px,.8fr) minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.webhook-token-alert>div{gap:3px;display:grid}.webhook-token-alert strong{color:#6f4d0f}.webhook-token-alert span{color:var(--muted);font-size:13px}.webhook-token-alert code,.copy-line code{border:1px solid var(--line);min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:4px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;overflow:hidden}.copy-line{grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px;display:grid}.webhook-trigger-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px;display:grid}.webhook-payload-editor{border:1px solid var(--line);background:#f9fbfb;border-radius:6px;gap:8px;padding:10px;display:grid}.webhook-payload-editor-head,.webhook-payload-row,.webhook-trigger-editor-head,.webhook-trigger-row{align-items:center;gap:8px;display:grid}.webhook-payload-editor-head,.webhook-payload-row{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) 120px 140px 44px}.webhook-trigger-editor-head,.webhook-trigger-row{grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) 140px 44px}.webhook-payload-editor-head,.webhook-trigger-editor-head{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.webhook-payload-row input,.webhook-payload-row select,.webhook-trigger-row select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--text);background:#fff;border-radius:4px;padding:8px 10px}.webhook-layout{grid-template-columns:minmax(520px,1.35fr) minmax(320px,.65fr);align-items:start;gap:14px;display:grid}.webhook-call-list{max-height:440px;display:grid;overflow:auto}.webhook-call-list button{border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#fff;grid-template-columns:minmax(132px,.8fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:12px 14px;display:grid}.webhook-call-list button:hover,.webhook-call-list button.active{background:#eef6f7}.webhook-call-list span,.webhook-call-list small{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-editor-head>div:first-child{gap:3px;display:grid}.device-editor-head strong{font-size:15px}.device-editor-head span{color:var(--muted);font-size:13px}.device-status-pair{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.device-tabs{border-bottom:1px solid var(--line);background:#fbfcfc;gap:4px;padding:10px 14px 0;display:flex}.device-tabs button{min-height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.device-tabs button.active{border-color:var(--line);color:var(--brand-strong);box-shadow:inset 0 3px 0 var(--brand);background:#fff}.device-tab-panel{padding:0}.device-principal-field{align-content:end}.adoption-checklist{border:1px solid #e9c58e;border-left:3px solid var(--warn);background:#fff7e8;border-radius:6px;justify-content:space-between;align-items:center;gap:14px;margin:14px 14px 0;padding:12px;display:flex}.adoption-checklist.ready{border-color:#a8d5c7;border-left-color:var(--ok);background:#edf8f4}.adoption-checklist>div:first-child{gap:3px;display:grid}.adoption-checklist strong{font-size:14px}.adoption-checklist span{color:var(--muted);font-size:12px}.adoption-checks{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.adoption-checks span{min-height:28px;color:var(--warn);background:#fff;border:1px solid #e9c58e;border-radius:999px;align-items:center;gap:5px;padding:4px 9px;font-weight:800;display:inline-flex}.adoption-checks span.ok{color:var(--ok);border-color:#a8d5c7}.device-actions-cell{white-space:nowrap;min-width:292px}.device-actions-cell .btn{margin-right:5px}.device-info-group{padding:14px}.device-info-group+.device-info-group{padding-top:2px}.device-divider{color:var(--brand-strong);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.device-divider:after{content:"";background:var(--line);flex:1;height:1px}.device-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.device-info-item{border:1px solid var(--line);background:#fff;border-left:3px solid #87b8b2;border-radius:6px;align-content:center;gap:5px;min-height:66px;padding:10px 12px;display:grid}.device-info-item span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.device-info-item strong{overflow-wrap:anywhere;min-width:0;color:var(--text);font-size:14px;font-weight:700}.device-people-head>div{gap:3px;display:grid}.error{color:var(--danger);margin-top:10px}.success{color:var(--ok);padding:0 12px 12px}.mini-row{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 40px;align-items:center;gap:8px;display:grid}.field .inline-check{border:1px solid var(--line);min-height:38px;color:var(--text);text-transform:none;background:#fff;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:400;display:inline-flex}.field .inline-check input{width:18px;min-height:18px}.icon-btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:38px;min-height:38px;display:inline-flex}.check-field{align-content:start}.check-field input{width:20px;min-height:20px}.person-photo{object-fit:cover;border:1px solid var(--line);background:#f5f6f7;border-radius:4px;width:44px;height:44px}.person-sync-badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.photo-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.photo-panel.empty{gap:6px;display:grid}.photo-panel-header,.base64-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-panel-title{text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:700}.photo-tabs{border:1px solid var(--line);background:#fff;border-radius:4px;display:inline-flex;overflow:hidden}.photo-tabs button{border:0;border-right:1px solid var(--line);min-height:36px;color:var(--muted);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:7px;padding:8px 12px;display:inline-flex}.photo-tabs button:last-child{border-right:0}.photo-tabs button.active{color:var(--brand-strong);background:#e8f3f4;font-weight:700}.photo-preview{border:1px solid var(--line);background:#f8fafb;border-radius:4px;place-items:center;min-height:260px;margin-top:14px;padding:16px;display:grid}.photo-preview img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:4px;max-width:min(360px,100%);max-height:420px}.base64-view{gap:10px;margin-top:14px;display:grid}.base64-view pre{border:1px solid var(--line);color:#d7e2ee;white-space:pre-wrap;word-break:break-all;background:#0f1720;border-radius:4px;max-height:260px;margin:0;padding:12px;font-size:12px;line-height:1.45;overflow:auto}.playground-presets{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.playground-layout{grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);align-items:start;gap:14px;display:grid}.playground-urlbar{border-bottom:1px solid var(--line);grid-template-columns:128px minmax(0,1fr);gap:10px;padding:14px;display:grid}.playground-urlbar select,.playground-urlbar input{border:1px solid var(--line);min-height:42px;color:var(--text);background:#fff;border-radius:4px;padding:8px 10px}.playground-auth{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;padding:0 14px 14px;display:grid}.playground-auth input,.playground-auth select{border:1px solid var(--line);min-height:38px;color:var(--text);background:#fff;border-radius:4px;padding:8px 10px}.code-textarea,.json-panel pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;line-height:1.5}.code-textarea{resize:vertical;border:1px solid var(--line);color:#dce8f2;background:#101820;border-radius:4px;width:100%;min-height:310px;padding:12px}.playground-error{padding:0 14px 14px}.playground-response{min-height:560px}.response-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.json-panel{border:1px solid var(--line);background:#fff;border-radius:4px;overflow:hidden}.json-title{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#f8fafb;padding:8px 10px;font-size:12px;font-weight:700}.json-panel pre{color:#dce8f2;white-space:pre-wrap;word-break:break-word;background:#101820;max-height:360px;margin:0;padding:12px;font-size:12px;overflow:auto}.playground-empty{min-height:430px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;padding:24px;display:grid}.playground-status{border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.playground-status.ok{color:var(--ok);background:#edf8f4;border:1px solid #a8d5c7}.playground-status.fail{color:var(--danger);background:#fff1f0;border:1px solid #f0b8b3}.playground-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:14px}@media (max-width:860px){.app{grid-template-columns:1fr}.sidebar{position:static}.metrics,.form-grid,.device-summary,.device-info-grid{grid-template-columns:1fr}.device-editor-head{flex-direction:column;align-items:flex-start}.device-tabs{flex-wrap:wrap}.adoption-checklist{flex-direction:column;align-items:flex-start}.adoption-checks{justify-content:flex-start}.modal-backdrop{align-items:stretch;padding:12px}.device-modal,.confirm-modal{max-height:calc(100vh - 24px)}.device-modal-body{max-height:calc(100vh - 250px)}.topbar,.page-title{flex-direction:column;align-items:flex-start;height:auto;padding:14px}.mini-row,.mini-row.query-param-row,.mini-row.three,.playground-layout,.playground-bottom,.playground-urlbar,.playground-auth,.response-grid{grid-template-columns:1fr}}body{background:var(--os-bg);font-family:Inter,IBM Plex Sans,Arial,Helvetica,sans-serif;font-size:14px}.app{background:var(--os-bg);grid-template-columns:244px minmax(0,1fr)}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;height:52px;margin:0;padding:0 14px;font-size:15px;font-weight:800;display:flex}.brand-mark{color:#cde9ec;background:#0f1720;border:1px solid #ffffff38;place-items:center;width:32px;height:30px;font-size:12px;display:inline-grid}.nav-group{color:#95a4b5;letter-spacing:.08em;margin:12px 8px 7px;font-size:10px}.nav-link{color:#d7e0ea;border-radius:2px;gap:11px;min-height:38px;padding:9px 10px 9px 12px;position:relative}.nav-link:before{content:"";background:0 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.nav-link:hover{background:var(--os-sidebar-hover)}.nav-link.active{background:var(--os-sidebar-active);color:#fff;font-weight:700}.nav-link.active:before{background:#38a9b3}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-link span{display:none}.content{grid-template-rows:52px minmax(0,1fr);min-width:0;display:grid}.topbar{border-bottom:1px solid var(--os-border);background:var(--os-surface);height:52px;padding:0 16px}.topbar-context,.user-menu-trigger,.response-meta{align-items:center;gap:10px;display:flex}.topbar-context strong{font-size:14px;display:block}.topbar-eyebrow,.panel-subtitle{color:var(--os-text-muted);text-transform:uppercase;font-size:11px;font-weight:700;display:block}.user-menu-trigger{min-height:38px;color:var(--os-text);cursor:pointer;background:0 0;border:1px solid #0000;padding:3px 4px}.user-avatar{border:1px solid var(--os-border);background:var(--os-surface-muted);place-items:center;width:30px;height:30px;font-size:12px;font-weight:800;display:inline-grid}.user-menu-popover{z-index:20;border:1px solid var(--os-border-strong);background:var(--os-surface);width:230px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 28px #141e2a24}.user-menu-summary{border-bottom:1px solid var(--os-border);gap:2px;padding:10px 12px;display:grid}.user-menu-popover button{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:8px;width:100%;min-height:38px;padding:9px 12px;display:flex}.main{min-width:0;padding:16px;overflow:auto}.page-title{border-bottom:1px solid var(--os-border);background:var(--os-surface);align-items:center;min-height:70px;margin:-16px -16px 0;padding:14px 16px}.page-title h1{font-size:23px;line-height:1.15}.panel,.card,.json-panel,.photo-preview,.login-box{border-color:var(--os-border);box-shadow:none;border-radius:2px}.card{padding:12px}.panel-header,.toolbar{background:var(--os-surface-muted);min-height:46px;padding:10px 12px}.btn,.icon-btn,.field input,.field select,.field textarea,.toolbar input,.toolbar select,.playground-urlbar input,.playground-urlbar select,.playground-auth input,.playground-auth select{border-color:var(--os-border);border-radius:2px;min-height:36px}.btn:hover,.icon-btn:hover,.user-menu-trigger:hover{border-color:var(--os-border-strong);background:var(--os-surface-muted)}.btn.primary{background:var(--os-accent);border-color:var(--os-accent)}.btn.primary:hover{background:var(--os-accent-hover);border-color:var(--os-accent-hover)}.badge,.playground-status,.import-summary span{border-radius:2px}.playground-commandbar{border-bottom:1px solid var(--os-border);background:var(--os-surface-muted);justify-content:space-between;align-items:center;gap:12px;margin:0 -16px;padding:10px 16px;display:flex}.playground-presets{border:1px solid var(--os-border);background:var(--os-surface);gap:0;margin:0;display:inline-flex;overflow-x:auto}.playground-presets button,.response-tabs button{border:0;border-right:1px solid var(--os-border);background:var(--os-surface);min-height:36px;color:var(--os-text-muted);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.playground-presets button:last-child,.response-tabs button:last-child{border-right:0}.playground-presets button.active,.response-tabs button.active{box-shadow:inset 0 -3px 0 var(--os-accent);color:var(--os-text);font-weight:700}.split-layout{--request-size:48%;grid-template-columns:minmax(360px, var(--request-size)) 8px minmax(360px, 1fr);align-items:stretch;gap:0;min-height:calc(100vh - 236px);margin:0 -16px}.split-layout>.panel{border-top:0;border-bottom:0;border-left:0}.split-divider{border:0;border-left:1px solid var(--os-border);border-right:1px solid var(--os-border);background:linear-gradient(90deg, var(--os-surface-muted), #dfe5eb);cursor:col-resize;width:8px;min-height:100%}.playground-request,.playground-response{grid-template-rows:auto minmax(0,1fr);min-height:560px;display:grid}.method-select,.url-field{gap:5px;display:grid}.method-select span,.url-field span{color:var(--os-text-muted);text-transform:uppercase;font-size:11px;font-weight:800}.method-post select,.method-put select,.method-patch select{border-left-color:var(--os-warning)}.method-delete select{border-left-color:var(--os-danger)}.method-get select{border-left-color:var(--os-success)}.playground-section{border-bottom:1px solid var(--os-border)}.playground-section summary{cursor:pointer;min-height:38px;color:var(--os-text-muted);text-transform:uppercase;align-items:center;padding:8px 12px;font-size:12px;font-weight:800;display:flex}.playground-auth{grid-template-columns:repeat(2,minmax(150px,1fr));padding:0 12px 12px}.compact-field{margin:0}.playground-body{min-height:0;padding:12px;overflow:auto}.editor-label-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.editor-label-row span{gap:6px;display:inline-flex}.header-row{grid-template-columns:92px minmax(110px,.8fr) minmax(140px,1fr) 38px}.header-enabled{min-height:36px;margin:0}.code-textarea,.json-panel pre{color:#dce8f2;background:#0f1720;border-radius:2px;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;line-height:1.55}.code-textarea{resize:vertical;min-height:340px}.playground-response{border-right:0}.response-progress{background:#dbe4ea;height:3px;overflow:hidden}.response-progress:before{content:"";background:var(--os-accent);width:42%;height:100%;animation:1.1s ease-in-out infinite response-progress;display:block}.response-workspace{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.response-summary{border-bottom:1px solid var(--os-border);flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.response-summary span{border:1px solid var(--os-border);background:var(--os-surface);min-height:28px;color:var(--os-text-muted);align-items:center;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-code.ok{color:var(--os-success)}.status-code.fail{color:var(--os-danger)}.response-tabs{border-bottom:1px solid var(--os-border);background:var(--os-surface);display:flex}.response-code{border:0;min-height:0}.response-code pre{height:100%;max-height:none}.response-skeleton{align-content:start;gap:10px;padding:16px;display:grid}.response-skeleton span{background:linear-gradient(90deg,#eef2f5,#dfe6ec,#eef2f5) 0 0/200% 100%;height:28px;animation:1.2s linear infinite response-skeleton}.playground-empty{min-height:100%}.workspace-statusbar{border-top:1px solid var(--os-border);min-height:30px;color:var(--os-text-muted);background:#dfe5eb;align-items:center;gap:18px;margin:0 -16px -16px;padding:6px 12px;font-size:12px;display:flex}@keyframes response-progress{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes response-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1279px){.split-layout{grid-template-columns:minmax(360px,1fr) 8px minmax(360px,1fr)}}@media (max-width:1023px){.app,.sidebar-collapsed{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar-collapsed .brand-name,.sidebar-collapsed .nav-link span{display:inline}.sidebar-collapsed .nav-group{display:block}.content{grid-template-rows:auto minmax(0,1fr)}.split-layout{grid-template-columns:1fr;min-height:auto}.split-divider{display:none}.playground-request,.playground-response{min-height:480px}}@media (max-width:767px){.main{padding:12px}.page-title,.playground-commandbar,.split-layout,.workspace-statusbar{margin-inline:-12px}.page-title{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.topbar{flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:10px 12px}.user-menu-trigger{justify-content:space-between;width:100%}.playground-commandbar{flex-direction:column;align-items:stretch}.playground-urlbar,.playground-auth,.header-row{grid-template-columns:1fr}.workspace-statusbar{flex-direction:column;align-items:flex-start;gap:4px}}:root{--os-bg:#f5f8fb;--os-surface-muted:#f8fafc;--os-sidebar:#071723;--os-sidebar-hover:#0c2635;--os-sidebar-active:#0b7b86;--os-border:#d3dce6;--os-border-strong:#b8c5d2;--os-accent:#087d8d;--os-accent-hover:#066877}.app{grid-template-columns:250px minmax(0,1fr)}.sidebar{background:linear-gradient(#081a27 0%,#071521 100%);border-right:1px solid #132938}.brand{letter-spacing:-.02em;border-bottom:1px solid #ffffff17;gap:14px;height:60px;padding:0 20px;font-size:27px}.sidebar-menu-btn{color:#1cb6c5;cursor:pointer;background:0 0;border:0;place-items:center;width:22px;height:36px;padding:0;display:inline-grid}.brand-mark{display:none}.nav-group{color:#d8e2ea;letter-spacing:0;margin:0 8px 13px;font-size:12px;font-weight:700}.nav-link{color:#f1f7fb;border-radius:4px;min-height:42px;margin-bottom:3px;padding:10px 14px;font-size:15px}.nav-link svg{width:20px;height:20px}.nav-link.active{color:#fff;background:linear-gradient(90deg,#07909c,#08727d);box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar-collapsed .brand{justify-content:center}.content{background:#f6f9fc;grid-template-rows:60px minmax(0,1fr)}.topbar{color:#f4f8fb;background:#081725;border-bottom:1px solid #142a3a;height:60px;padding:0 20px}.topbar-context{font-size:15px}.topbar-context-select,.topbar-action{color:#f4f8fb;cursor:pointer;min-height:38px;font:inherit;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.topbar-actions{align-items:center;gap:18px;margin-left:auto;margin-right:20px;display:flex}.topbar-action+.topbar-action{border-left:1px solid #1b3345;padding-left:18px}.user-menu-trigger{color:#f4f8fb}.user-menu-trigger:hover{background:#10283a;border-color:#28455a}.user-avatar{color:#f4f8fb;background:0 0;border-color:#dce6ef;border-radius:50%;width:28px;height:28px}.user-identity small{display:none}.main{flex-direction:column;height:calc(100vh - 60px);padding:0;display:flex;overflow:hidden}.playground-page-title{background:#f7fafc;border-bottom:0;min-height:108px;margin:0;padding:26px 20px 16px 34px}.playground-page-title h1{letter-spacing:-.02em;font-size:25px;font-weight:800}.playground-page-title .muted{color:#405061;margin-top:7px;display:block}.exit-btn{background:#fff;align-self:flex-start;min-width:96px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.playground-commandbar{background:#f7fafc;border-bottom:0;margin:0;padding:0 20px 16px 34px}.playground-presets{border-color:var(--os-border)}.playground-presets button{color:#111c2b;justify-content:center;min-width:132px;min-height:41px;font-size:15px}.playground-presets button.active{box-shadow:inset 0 -2px 0 var(--os-accent);color:#08727d;background:#fff}.split-layout{grid-template-columns:minmax(430px, var(--request-size)) 12px minmax(430px, 1fr);background:#f7fafc;flex:1;min-height:0;margin:0;padding:0 20px 24px 28px}.split-layout>.panel{border:1px solid var(--os-border);background:#fff}.playground-request{grid-template-rows:62px auto auto minmax(0,1fr) auto}.playground-response{grid-template-rows:62px auto minmax(0,1fr)}.panel-header{border-bottom:1px solid var(--os-border);background:#fff;min-height:62px;padding:0 18px}.panel-header strong{font-size:16px}.panel-subtitle{display:none}.playground-request .panel-header .btn.primary{background:#087d8d;border-color:#087d8d;min-width:99px;height:38px;font-size:15px}.playground-urlbar{border-bottom:0;grid-template-columns:132px minmax(0,1fr);gap:10px;padding:16px 18px 12px}.method-select,.url-field{gap:0}.method-select span,.url-field span{display:none}.method-select select{border-left:1px solid var(--os-border);font-weight:500}.playground-section summary{color:#3f4d5c;min-height:26px;padding:0 0 7px;font-size:12px}.playground-auth .field{margin:0}.auth-placeholder{opacity:.5}.editor-label-row{min-height:25px}.editor-label-row label,.field label{color:#394655;font-size:12px;font-weight:800}.header-editor{border:1px solid var(--os-border);gap:0}.header-row{grid-template-columns:1fr 1fr;gap:0}.header-row .header-enabled,.header-row .icon-btn{display:none}.header-row input{border:0;border-right:1px solid var(--os-border);border-bottom:1px solid var(--os-border);min-height:37px}.header-row input:last-of-type{border-right:0}.header-add-row{color:#087d8d;cursor:pointer;min-height:35px;font:inherit;background:#fff;border:0;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;display:inline-flex}.code-editor-shell{border:1px solid var(--os-border);background:#fff;grid-template-columns:52px minmax(0,1fr);min-height:326px;display:grid;overflow:hidden}.line-gutter{border-right:1px solid var(--os-border);color:#536170;text-align:center;background:#f8fafc;align-content:start;padding:11px 0;font-family:JetBrains Mono,IBM Plex Mono,ui-monospace,Consolas,monospace;font-size:14px;line-height:26px;display:grid}.line-gutter span{height:26px}.code-textarea{color:#111c2b;resize:none;background:#fff;border:0;border-radius:0;min-height:326px;max-height:326px;padding:11px 14px;font-size:14px;line-height:26px}.code-textarea:focus-visible{outline-offset:-2px}.split-divider:after{content:"⋮";color:#0f2334;font-size:20px;line-height:1;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.response-meta{color:#5a6878}.playground-status.idle{color:#5a6878;background:0 0;border:0;padding:0;font-weight:500}.response-tabs{min-height:44px;padding-left:18px}.response-tabs button{color:#111c2b;min-width:86px;min-height:44px;font-size:15px}.response-tabs button.active{color:#087d8d;box-shadow:inset 0 -2px #087d8d}.response-workspace{grid-template-rows:auto minmax(0,1fr)}.response-summary{align-items:center;min-height:44px;padding:8px 18px}.response-code{border-top:1px solid var(--os-border)}.response-code .json-title{display:none}.playground-empty{color:#5a6878;min-height:calc(100% - 44px)}.playground-empty svg{color:#162435;background:#eef1f5;border-radius:50%;width:72px;height:72px;padding:19px}.playground-empty strong{color:#111c2b;font-size:18px}.playground-empty span{max-width:520px;font-size:15px}.playground-bottom{display:none}.workspace-statusbar{border-top:1px solid var(--os-border);color:#5a6878;background:#fff;min-height:58px;margin:0;padding:0 28px;font-size:14px}.workspace-statusbar>span{align-items:center;gap:8px;display:inline-flex}.workspace-statusbar>span+span{border-left:1px solid var(--os-border);padding-left:22px}.statusbar-spacer{flex:1;border-left:0!important}@media (max-width:1023px){.topbar-actions{display:none}.main{height:auto;min-height:calc(100vh - 60px);overflow:auto}.split-layout{grid-template-columns:1fr;padding:0 14px 18px}}@media (max-width:767px){.playground-page-title,.playground-commandbar{padding-left:14px;padding-right:14px}.playground-presets button{min-width:118px}.playground-auth{grid-template-columns:1fr}.workspace-statusbar{min-height:auto;padding:12px 14px}.workspace-statusbar>span+span{border-left:0;padding-left:0}}:root{--cc-bg:#f3f6f4;--cc-bg-strong:#e7ece8;--cc-surface:#fff;--cc-surface-soft:#f8faf8;--cc-surface-rail:#edf2ef;--cc-ink:#122126;--cc-muted:#65747a;--cc-subtle:#8a989d;--cc-line:#d4ded8;--cc-line-strong:#adbbb4;--cc-navy:#102531;--cc-navy-strong:#091821;--cc-navy-soft:#183544;--cc-cyan:#0f8996;--cc-cyan-strong:#096b76;--cc-green:#287b4e;--cc-amber:#a66a12;--cc-red:#b42318;--cc-blue:#2367a1;--cc-shadow-sm:0 1px 2px #1025310f;--cc-shadow-md:0 14px 36px #1025311f;--os-bg:var(--cc-bg);--os-surface:var(--cc-surface);--os-surface-muted:var(--cc-surface-soft);--os-sidebar:var(--cc-navy);--os-sidebar-hover:var(--cc-navy-soft);--os-sidebar-active:#e5f4f3;--os-border:var(--cc-line);--os-border-strong:var(--cc-line-strong);--os-text:var(--cc-ink);--os-text-muted:var(--cc-muted);--os-accent:var(--cc-cyan);--os-accent-hover:var(--cc-cyan-strong);--os-info:var(--cc-blue);--os-success:var(--cc-green);--os-warning:var(--cc-amber);--os-danger:var(--cc-red);--bg:var(--cc-bg);--panel:var(--cc-surface);--line:var(--cc-line);--text:var(--cc-ink);--muted:var(--cc-muted);--brand:var(--cc-cyan);--brand-strong:var(--cc-cyan-strong)}html,body{background:linear-gradient(90deg, #0f89960d 0 1px, transparent 1px 100%), linear-gradient(180deg, #f8faf8 0%, var(--cc-bg) 34%, #eef3ef 100%);color:var(--cc-ink);background-size:32px 32px,auto;font-family:Inter,Segoe UI,Roboto,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}::selection{background:#0f899633}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--cc-cyan);outline-offset:2px}.app{background:0 0;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar:after{content:"";background:linear-gradient(90deg,#0000,#0f8996b3,#0000);height:1px;display:block;position:sticky;bottom:0}.brand{color:#fff;letter-spacing:0;border-bottom:1px solid #ffffff17;align-items:center;gap:12px;height:68px;margin:0;padding:0 18px;font-size:22px;font-weight:850;display:flex}.brand-mark{color:#c8fffb;background:#0f89962e;border:1px solid #71dbd961;border-radius:6px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:inline-grid}.nav-group{color:#8ea6ad;letter-spacing:.1em;text-transform:uppercase;margin:0 10px 8px;font-size:10px;font-weight:850}.nav-link{color:#d7e7e9;border:1px solid #0000;border-radius:6px;gap:11px;min-height:42px;margin-bottom:4px;padding:9px 11px;font-size:14px;font-weight:650;position:relative}.nav-link svg{color:#8ed1d0;width:18px;height:18px}.nav-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff12}.nav-link.active:before{display:none}.content{background:0 0;grid-template-rows:68px minmax(0,1fr);min-width:0;display:grid}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:68px;color:var(--cc-ink);background:#ffffffdb;border-bottom:1px solid #d4ded8eb;padding:0 24px}.topbar:before{content:"";background:linear-gradient(180deg, var(--cc-cyan), #6ebf7f);border-radius:999px;width:3px;height:34px}.topbar-context,.user-menu-trigger,.response-meta,.topbar-actions,.topbar-action,.topbar-context-select{align-items:center;display:flex}.topbar-context{gap:9px}.topbar-context strong{font-size:13px;font-weight:850;display:block}.topbar-actions{gap:10px;margin-left:auto;margin-right:18px}.topbar-action{border:1px solid #0000;border-radius:6px;padding:0 10px}.topbar-action:hover,.topbar-context-select:hover{color:var(--cc-ink)}.notification-count{color:#fff;background:#243d4a;border-radius:6px;place-items:center;min-width:22px;height:22px;font-size:11px;font-weight:850;display:inline-grid}.user-menu{position:relative}.user-menu-trigger:hover{border-color:var(--cc-line-strong);background:var(--cc-surface-soft)}.user-identity{text-align:left;display:grid}.user-menu-popover{z-index:20;border:1px solid var(--cc-line-strong);background:var(--cc-surface);width:240px;box-shadow:var(--cc-shadow-md);border-radius:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.user-menu-popover button:hover{background:var(--cc-surface-soft)}.main{min-width:0;height:calc(100vh - 68px);padding:22px 24px 28px;overflow:auto}.page-title{z-index:5;border-bottom:1px solid var(--cc-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8faf8e6;align-items:center;min-height:82px;margin:-22px -24px 22px;padding:18px 24px;position:sticky;top:0}.page-title h1,.login-box h1{color:var(--cc-ink);letter-spacing:0;font-size:27px;font-weight:900;line-height:1.08}.panel,.device-editor,.device-modal,.confirm-modal{overflow:hidden}.card{align-content:space-between;gap:8px;min-height:108px;padding:16px;display:grid;position:relative}.card:before{content:"";background:var(--cc-cyan);border-radius:999px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.panel-header,.toolbar{border-bottom:1px solid var(--cc-line);background:linear-gradient(180deg, #fff, var(--cc-surface-soft));min-height:54px;padding:12px 14px}.panel-subtitle,.topbar-eyebrow{color:var(--cc-muted);text-transform:uppercase;font-size:11px;font-weight:800}.toolbar{flex-wrap:wrap;gap:10px}.field{gap:6px;margin:12px 0}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.playground-urlbar input,.playground-urlbar select,.playground-auth input,.playground-auth select{border:1px solid var(--cc-line);min-height:40px;color:var(--cc-ink);background:#fff;border-radius:6px;padding:9px 10px}.field input:hover,.field select:hover,.field textarea:hover,.toolbar input:hover,.toolbar select:hover{border-color:var(--cc-line-strong)}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--cc-surface-rail);color:var(--cc-subtle);cursor:not-allowed}.btn,.icon-btn,.photo-tabs button,.playground-presets button,.response-tabs button,.header-add-row{border:1px solid var(--cc-line);min-height:40px;color:var(--cc-ink);cursor:pointer;background:#fff;border-radius:6px;font-weight:750;transition:background .16s,border-color .16s,color .16s,transform .16s}.btn:hover,.icon-btn:hover,.photo-tabs button:hover,.playground-presets button:hover,.response-tabs button:hover{border-color:var(--cc-line-strong);background:var(--cc-surface-soft)}table{border-collapse:separate;border-spacing:0;min-width:860px}th{z-index:1;color:#4d5e64;letter-spacing:.05em;text-transform:uppercase;background:#eef4f0;font-size:11px;font-weight:900;position:sticky;top:0}tbody tr{background:#fff}tbody tr:nth-child(2n){background:#fbfcfb}.badge.Ativo,.badge.Online,.badge.Recebido,.badge.Sucesso,.playground-status.ok{color:var(--cc-green);background:#edf8f1;border-color:#b7dec8}.badge.Inativo,.badge.Recusado,.badge.Erro,.badge.Falha,.playground-status.fail{color:var(--cc-red);background:#fff1ef;border-color:#f0c3be}.badge.Offline,.badge.Duplicado,.badge.Parcial,.badge.Pendente,.badge.Aviso{color:var(--cc-amber);background:#fff8e9;border-color:#e8c98e}.form-grid{grid-template-columns:repeat(2,minmax(240px,1fr));gap:12px 16px;padding:16px}.device-summary{grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.device-summary strong{font-size:26px}.device-tabs{border-bottom:1px solid var(--cc-line);background:var(--cc-surface-soft);gap:6px;padding:10px 14px 0}.device-tabs button{border-radius:6px 6px 0 0}.device-tabs button.active,.photo-tabs button.active,.playground-presets button.active,.response-tabs button.active{border-color:var(--cc-line);color:var(--cc-cyan-strong);box-shadow:inset 0 -3px 0 var(--cc-cyan);background:#fff}.adoption-checklist{border-radius:8px}.photo-tabs,.playground-presets{border:1px solid var(--cc-line);background:#fff;border-radius:8px;overflow:hidden}.photo-preview{background-color:#fff;background-image:linear-gradient(45deg,#d4ded852 25%,#0000 25% 75%,#d4ded852 75%),linear-gradient(45deg,#d4ded852 25%,#0000 25% 75%,#d4ded852 75%),none;background-position:0 0,10px 10px;background-repeat:repeat,repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:280px}.login-page{background:radial-gradient(circle at 80% 20%,#0f89963d,#0000 30%),linear-gradient(135deg,#eef4f0 0%,#f8faf8 45%,#dbe8e3 100%);grid-template-columns:minmax(320px,520px) minmax(320px,1fr);place-items:stretch stretch;gap:0;min-height:100vh;padding:0;display:grid;position:relative;overflow:hidden}.login-page:after{content:"ACCESS / EVENTS / DEVICES / AUDIT";color:#ffffff3d;letter-spacing:.08em;text-align:center;background:linear-gradient(90deg,#102531e6,#102531ad),repeating-linear-gradient(0deg,#0000 0 30px,#ffffff14 30px 31px);border-left:1px solid #1025311f;place-items:center;padding:40px;font-size:clamp(28px,5vw,72px);font-weight:900;display:grid}.login-box{border-radius:10px;place-self:center;width:min(420px,100% - 40px);padding:30px}.login-box p{color:var(--cc-muted);line-height:1.55}.playground-page-title{background:linear-gradient(#fff,#f5f9f6);min-height:112px;margin:-22px -24px 0;padding:26px 24px 18px}.playground-commandbar{border-bottom:1px solid var(--cc-line);background:#f5f9f6;margin:0 -24px;padding:0 24px 18px}.playground-request,.playground-response{min-height:0}.code-editor-shell{border:1px solid var(--cc-line);background:#fff;border-radius:8px}.response-tabs{border-bottom:1px solid var(--cc-line);background:#fff}.response-code pre{color:var(--cc-ink);background:#fff}.workspace-statusbar{border-top:1px solid var(--cc-line);min-height:48px;color:var(--cc-muted);background:#fff;margin:0 -24px -28px;padding:0 24px}.connection-dot{background:#2fae62;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #2fae621f}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1180px){.metrics,.device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title+.grid[style],.grid[style]{grid-template-columns:1fr!important}.playground-layout,.split-layout{grid-template-columns:1fr}.split-divider{display:none}}@media (max-width:1023px){.app,.sidebar-collapsed{grid-template-columns:1fr}.sidebar{height:auto;max-height:none;position:static}.sidebar-collapsed .brand-name,.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-link span{display:inline-flex}.sidebar-collapsed .nav-link{justify-content:flex-start;padding-inline:11px}.content{grid-template-rows:auto minmax(0,1fr)}.topbar{flex-wrap:wrap;gap:10px;height:auto;min-height:68px;padding:12px 16px}.main{height:auto;min-height:calc(100vh - 68px);overflow:visible}.playground-request,.playground-response{min-height:480px}}@media (max-width:767px){.main{padding:16px 14px 22px}.page-title,.playground-page-title{flex-direction:column;align-items:flex-start;margin:-16px -14px 16px;padding:16px 14px;position:static}.page-title h1,.login-box h1{font-size:24px}.metrics,.form-grid,.device-summary,.device-info-grid,.playground-auth,.playground-urlbar,.webhook-layout,.webhook-token-alert,.webhook-trigger-summary,.webhook-call-list button,.webhook-payload-editor-head,.webhook-payload-row,.webhook-trigger-editor-head,.webhook-trigger-row,.response-grid,.mini-row,.mini-row.three,.mini-row.query-param-row{grid-template-columns:1fr}.topbar:before,.topbar-actions{display:none}.topbar,.user-menu-trigger{align-items:stretch;width:100%}.login-page{grid-template-columns:1fr;padding:20px}.login-page:after{display:none}.login-box{width:100%}.playground-commandbar,.playground-layout,.split-layout,.workspace-statusbar{margin-inline:-14px;padding-inline:14px}.playground-commandbar,.photo-panel-header,.base64-toolbar{flex-direction:column;align-items:stretch}.playground-presets{width:100%}.playground-presets button{min-width:116px}.workspace-statusbar{flex-direction:column;align-items:flex-start;gap:6px;padding-block:12px}.workspace-statusbar>span+span{border-left:0;padding-left:0}}:root{--stable-bg:#eef3f1;--stable-surface:#fff;--stable-surface-soft:#f7faf8;--stable-sidebar:#071e27;--stable-sidebar-2:#0a2a35;--stable-text:#102027;--stable-muted:#5f6f76;--stable-border:#d7e0dc;--stable-border-strong:#b7c5bf;--stable-accent:#087985;--stable-accent-strong:#06636d;--stable-success:#237a4b;--stable-warning:#9a650f;--stable-danger:#b42318;--os-bg:var(--stable-bg);--os-surface:var(--stable-surface);--os-surface-muted:var(--stable-surface-soft);--os-sidebar:var(--stable-sidebar);--os-sidebar-hover:var(--stable-sidebar-2);--os-sidebar-active:#08798538;--os-border:var(--stable-border);--os-border-strong:var(--stable-border-strong);--os-text:var(--stable-text);--os-text-muted:var(--stable-muted);--os-accent:var(--stable-accent);--os-accent-hover:var(--stable-accent-strong);--os-success:var(--stable-success);--os-warning:var(--stable-warning);--os-danger:var(--stable-danger);--bg:var(--stable-bg);--panel:var(--stable-surface);--line:var(--stable-border);--text:var(--stable-text);--muted:var(--stable-muted);--brand:var(--stable-accent);--brand-strong:var(--stable-accent-strong)}html,body{min-height:100%;color:var(--stable-text);font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;overflow-x:hidden;background:var(--stable-bg)!important}.app{background:var(--stable-bg);grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--stable-sidebar);color:#eef7f7;border-right:1px solid #0f3441;height:100vh;padding:0;position:sticky;top:0;overflow:hidden auto}.brand{color:#fff;border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;height:60px;margin:0;padding:0 10px;font-size:18px;font-weight:800;display:flex}.brand-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.brand-mark{color:#d9ffff;background:#08798538;border:1px solid #8bdcdd73;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:inline-grid}.sidebar-menu-btn{color:#8bdcdd;cursor:pointer;background:0 0;border:1px solid #8bdcdd3d;border-radius:4px;place-items:center;width:30px;min-width:30px;height:30px;padding:0;display:inline-grid}.sidebar-menu-btn:hover{background:#ffffff14}.nav-section{padding:14px 10px 0}.nav-group{color:#8bb2bd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;padding:0 2px;font-size:10px;font-weight:800}.nav-link{color:#e1f0f1;border:1px solid #0000;border-radius:4px;align-items:center;gap:10px;min-height:38px;margin-bottom:4px;padding:8px 10px;font-size:13px;font-weight:700;display:flex}.nav-link svg{color:#88d6d7;flex:none;width:17px;height:17px}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:#08798538;border-color:#8bdcdd59;box-shadow:inset 3px 0 #2fbac1}.nav-link.active:before,.sidebar:after,.topbar:before{display:none!important}.sidebar-collapsed{grid-template-columns:68px minmax(0,1fr)}.sidebar-collapsed .brand{justify-content:center;padding:0 8px}.sidebar-collapsed .brand-name,.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-link span{display:none!important}.sidebar-collapsed .nav-section{padding-inline:8px}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:0}.content{background:var(--stable-bg);flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--stable-border);background:var(--stable-surface);height:auto;min-height:60px;color:var(--stable-text);flex:none;align-items:center;gap:14px;padding:0 20px;display:flex;overflow:visible}.topbar-context,.topbar-actions,.topbar-action,.topbar-context-select,.user-menu-trigger{align-items:center;display:flex}.topbar-context{gap:8px;min-width:0;font-size:13px}.topbar-context strong{font-size:13px;font-weight:800}.topbar-context span{color:var(--stable-muted)}.topbar-context-select,.topbar-action{min-height:36px;color:var(--stable-muted);cursor:pointer;font:inherit;background:0 0;border:0;gap:7px;font-weight:700}.topbar-actions{gap:10px;margin-left:auto}.topbar-action{padding:0 8px}.notification-count{background:var(--stable-accent);color:#fff;border-radius:4px;place-items:center;min-width:20px;height:20px;font-size:11px;font-weight:800;display:inline-grid}.legacy-userline{display:none}.user-menu{flex:none;position:relative}.user-menu-trigger{border:1px solid var(--stable-border);min-height:38px;color:var(--stable-text);cursor:pointer;background:#fff;border-radius:4px;gap:8px;padding:4px 8px 4px 5px}.user-avatar{background:var(--stable-accent);color:#fff;border:0;border-radius:4px;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:inline-grid}.user-identity{text-align:left;min-width:0;display:grid}.user-identity strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:13px;line-height:1.1;overflow:hidden}.user-identity small{color:var(--stable-muted);font-size:11px}.user-menu-popover{z-index:30;border:1px solid var(--stable-border-strong);background:#fff;border-radius:4px;width:230px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 36px #071e2729}.user-menu-summary{border-bottom:1px solid var(--stable-border);background:var(--stable-surface-soft);gap:2px;padding:10px 12px;display:grid}.user-menu-summary span{color:var(--stable-muted);font-size:12px}.user-menu-popover button{width:100%;min-height:38px;color:var(--stable-text);text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:8px;padding:9px 12px;display:flex}.main{flex:auto;min-width:0;min-height:calc(100vh - 60px);padding:20px;height:auto!important;overflow:visible!important}.page-title{-webkit-backdrop-filter:none;backdrop-filter:none;border:0;justify-content:space-between;align-items:flex-start;gap:16px;min-height:auto;margin:0 0 16px;padding:0;display:flex;background:0 0!important;position:static!important}.page-title h1,.login-box h1{color:var(--stable-text);margin:0;font-size:24px;font-weight:800;line-height:1.16}.page-title .muted{color:var(--stable-muted);margin-top:3px;display:block}.grid{gap:14px}.metrics{grid-template-columns:repeat(4,minmax(160px,1fr))}.panel,.card,.json-panel,.photo-preview,.login-box,.device-summary>div,.device-info-item{border:1px solid var(--stable-border);background:var(--stable-surface);box-shadow:none;border-radius:6px}.panel,.card,.json-panel,.photo-preview,.device-editor{overflow:visible!important}.device-modal,.confirm-modal{overflow:hidden}.card{align-content:center;gap:6px;min-height:92px;padding:14px;display:grid}.card:before{display:none}.metric-value{color:var(--stable-text);font-size:28px;font-weight:800;line-height:1}.muted{color:var(--stable-muted)}.panel-header,.toolbar{border-bottom:1px solid var(--stable-border);background:var(--stable-surface-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:11px 14px;display:flex}.panel-header strong{color:var(--stable-text);font-size:14px;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:14px 16px;padding:14px;display:grid}.full{grid-column:1/-1}.field{gap:6px;min-width:0;margin:0;display:grid}.field label,.import-param-field span,.method-select span,.url-field span,.editor-label-row label,.device-divider,.photo-panel-title,.json-title{color:#2f4148;letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:800}.field input,.field select,.field textarea,.toolbar input,.toolbar select,.playground-urlbar input,.playground-urlbar select,.playground-auth input,.playground-auth select,.playground-listener-form select{border:1px solid var(--stable-border-strong);width:100%;min-width:0;min-height:38px;color:var(--stable-text);background:#fff;border-radius:4px;padding:8px 10px}.field textarea{resize:vertical}.field input:disabled,.field select:disabled,.field textarea:disabled{color:#7d8d93;cursor:not-allowed;background:#eef3f1}.btn,.icon-btn,.photo-tabs button,.playground-mode-tabs button,.playground-presets button,.response-tabs button,.header-add-row{border:1px solid var(--stable-border-strong);min-height:38px;color:var(--stable-text);cursor:pointer;background:#fff;border-radius:4px;font-weight:700}.btn{padding:8px 11px}.icon-btn{width:38px;padding:0}.btn:hover,.icon-btn:hover,.photo-tabs button:hover,.playground-presets button:hover,.response-tabs button:hover,.user-menu-trigger:hover{background:#f5f8f6;border-color:#8fa39a}.btn.primary{border-color:var(--stable-accent);background:var(--stable-accent);color:#fff}.btn.primary:hover{border-color:var(--stable-accent-strong);background:var(--stable-accent-strong)}.btn.danger{color:var(--stable-danger);border-color:#efc5bf}.btn:disabled{cursor:not-allowed;opacity:.62}.btn.compact{min-height:30px;padding:5px 8px;font-size:12px}.table-wrap{overflow:auto visible}table{border-collapse:collapse;width:100%;min-width:780px}th,td{border-bottom:1px solid var(--stable-border);color:var(--stable-text);vertical-align:middle;padding:10px 12px;font-size:13px}th{color:#53666d;letter-spacing:.04em;text-transform:uppercase;background:#f2f6f4;font-size:11px;font-weight:800}tbody tr:hover{background:#f4fbfa}td:last-child{white-space:nowrap}.badge,.playground-status,.import-summary span,.response-summary span,.adoption-checks span{border-radius:999px;min-height:24px;font-size:12px;font-weight:800}.error,.success{border:1px solid;border-radius:4px;margin:0 0 14px;padding:10px 12px;font-weight:700}.error{color:var(--stable-danger);background:#fff4f2;border-color:#efc5bf}.success{color:var(--stable-success);background:#eff9f3;border-color:#b9dcc8}.mini-table{gap:8px;display:grid}.mini-row,.mini-row.three,.mini-row.query-param-row{align-items:center;gap:8px;display:grid}.mini-row{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) 38px}.mini-row.three{grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) minmax(170px,1fr) 38px}.mini-row.query-param-row{grid-template-columns:minmax(120px,1fr) minmax(160px,1fr) minmax(120px,1fr) 132px 38px}.field .inline-check{border:1px solid var(--stable-border-strong);background:#fff;border-radius:4px;min-height:38px}.device-summary,.device-info-grid{gap:12px}.device-summary>div,.device-info-item{border-left:3px solid var(--stable-accent);padding:10px 12px}.device-editor-head{border-bottom:1px solid var(--stable-border);background:#f7faf8;padding:14px 48px 14px 14px}.device-tabs{border-bottom:1px solid var(--stable-border);background:#f7faf8;gap:5px}.device-tabs button.active,.photo-tabs button.active,.playground-mode-tabs button.active,.playground-presets button.active,.response-tabs button.active{color:var(--stable-accent-strong);box-shadow:inset 0 -3px 0 var(--stable-accent);background:#fff}.modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#071e2780}.device-modal,.confirm-modal{border:1px solid var(--stable-border-strong);background:#fff;border-radius:6px;box-shadow:0 24px 60px #071e273d}.modal-actions{border-top:1px solid var(--stable-border);background:#f7faf8}.photo-tabs,.playground-mode-tabs,.playground-presets{border:1px solid var(--stable-border-strong);background:#fff;border-radius:4px}.photo-preview{background:#f7faf8;min-height:260px}.base64-view pre,.json-panel pre,.code-textarea{color:#dce8f2;background:#101820;font-family:Cascadia Code,JetBrains Mono,ui-monospace,Consolas,monospace}.json-title{border-bottom:1px solid var(--stable-border);background:#f7faf8}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;background:linear-gradient(135deg,#e7efec,#f7faf8)!important}.login-page:after{display:none!important}.login-box{border-radius:6px;width:min(420px,100%);padding:28px}.login-box p{color:var(--stable-muted)}.login-box .btn{width:100%;margin-top:8px}.playground-page-title{min-height:auto;margin:0 0 14px;padding:0;background:0 0!important}.playground-commandbar{background:0 0;border:0;margin:0 0 14px;padding:0}.playground-layout,.split-layout{grid-template-columns:minmax(380px, var(--request-size,48%)) 10px minmax(380px, 1fr);background:0 0;gap:0;margin:0;padding:0}.split-layout>.panel{border:1px solid var(--stable-border)}.split-divider{background:0 0;border:0;width:10px;position:relative}.split-divider:after{content:"";background:var(--stable-border-strong);border-radius:999px;width:4px;height:44px;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.playground-request,.playground-response{min-height:560px;overflow:hidden!important}.playground-urlbar{grid-template-columns:132px minmax(0,1fr);gap:10px;padding:14px}.playground-section{border-bottom:1px solid var(--stable-border);padding:0 14px 14px}.playground-section summary{min-height:34px;padding:0}.playground-auth{grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px;padding:0}.playground-body{padding:14px}.code-editor-shell{border:1px solid var(--stable-border-strong);background:#fff;border-radius:4px;overflow:hidden}.line-gutter{color:var(--stable-muted);background:#eef3f1}.code-textarea,.response-code pre{color:var(--stable-text);background:#fff}.workspace-statusbar{border:1px solid var(--stable-border);min-height:42px;color:var(--stable-muted);background:#fff;border-radius:6px;margin:14px 0 0;padding:0 12px}.connection-dot{background:#2fae62;border-radius:50%;width:10px;height:10px}.log-summary{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin-bottom:14px;display:grid}.logs-panel{overflow:hidden!important}.logs-filterbar{border-bottom:1px solid var(--stable-border);background:var(--stable-surface-soft);grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(150px,1fr)) repeat(2,minmax(170px,1fr)) 96px auto;align-items:end;gap:10px;padding:14px;display:grid}.monitor-filterbar{grid-template-columns:minmax(180px,1.2fr) minmax(180px,1fr) minmax(150px,1fr) repeat(2,minmax(170px,1fr)) 96px auto}.monitor-live{color:var(--os-text-muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.monitor-live-dot{background:var(--os-warning);border-radius:50%;width:8px;height:8px}.monitor-live.ao-vivo .monitor-live-dot{background:var(--os-success)}.monitor-table{min-width:1080px}.logs-filter-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.logs-active-filter{border-bottom:1px solid var(--stable-border);color:var(--stable-muted);overflow-wrap:anywhere;background:#eef7f6;padding:8px 14px;font-family:Cascadia Code,JetBrains Mono,ui-monospace,Consolas,monospace;font-size:12px}.logs-table{min-width:1160px}.logs-table th:first-child,.logs-table td:first-child{text-align:center;width:70px}.log-row{cursor:pointer}.log-row.expanded{background:#eef7f6}.log-resource{min-height:24px;color:var(--stable-accent-strong);background:#f4fbfa;border:1px solid #b9d7d4;border-radius:4px;align-items:center;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex}.log-message-cell{min-width:260px;max-width:420px;white-space:normal!important}.log-detail-row>td{background:#fbfdfc;padding:0}.log-detail{gap:12px;padding:14px;display:grid}.log-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;display:grid}.log-exchange-card{border:1px solid var(--stable-border);background:#fff;border-radius:6px;gap:12px;min-width:0;padding:12px;display:grid}.log-exchange-head{border-bottom:1px solid var(--stable-border);gap:3px;padding-bottom:10px;display:grid}.log-exchange-head strong{color:var(--stable-text);font-size:15px;font-weight:800}.log-exchange-head span{color:var(--stable-muted);font-size:12px}.log-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.log-info-grid>div{border:1px solid var(--stable-border);border-left:3px solid var(--stable-accent);background:#fbfdfc;border-radius:4px;gap:4px;min-width:0;padding:8px 9px;display:grid}.log-info-grid span{color:var(--stable-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.log-info-grid strong{min-width:0;color:var(--stable-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.log-detail-state{color:var(--stable-muted);padding:14px}.log-detail-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.log-detail-kpis>div{border:1px solid var(--stable-border);border-left:3px solid var(--stable-accent);background:#fff;border-radius:4px;gap:4px;min-width:0;padding:9px 10px;display:grid}.log-detail-kpis span{color:var(--stable-muted);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.log-detail-kpis strong{min-width:0;color:var(--stable-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.log-detail-meta{border:1px solid var(--stable-border);background:#fff;border-radius:4px;gap:6px;padding:10px 12px;display:grid}.log-detail-meta span{overflow-wrap:anywhere;min-width:0}.log-json-grid{padding:0}.log-json-grid .json-panel pre{max-height:420px}.log-exchange-card .json-panel pre{max-height:300px}.badge.principal{color:#754300;background:#fff2bf;border-color:#d89416;gap:5px}.device-name-cell{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.switch-control{border:1px solid var(--stable-border-strong);min-height:38px;color:var(--stable-muted);cursor:pointer;background:#fff;border-radius:4px;justify-content:flex-start;align-items:center;gap:10px;padding:7px 10px;display:inline-flex}.switch-control span{background:#b9c7c4;border-radius:999px;width:34px;height:20px;transition:background .16s;position:relative}.switch-control span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #071e2738}.switch-control strong{font-size:13px}.switch-control.on{color:#754300;background:#fff8df;border-color:#d89416}.switch-control.on span{background:#b76e00}.switch-control.on span:after{transform:translate(14px)}.switch-control:disabled{cursor:not-allowed;opacity:.72}.device-parameters-empty{border:1px dashed var(--stable-border-strong);background:#fbfdfc;border-radius:6px;align-items:center;gap:12px;min-height:180px;margin:14px;padding:18px;display:flex}.device-parameters-empty>div:last-child{gap:4px;display:grid}.device-parameters-empty strong{font-size:15px}.device-parameters-empty span{color:var(--stable-muted);font-size:13px}.device-parameters-icon{width:42px;height:42px;color:var(--stable-accent-strong);background:#eef8f5;border:1px solid #bfd8d2;border-radius:6px;flex:none;place-items:center;display:grid}.device-affiliates-panel{gap:16px;padding:18px 14px 22px;display:grid}.device-affiliates-intro{color:var(--stable-muted);margin:0 0 4px;font-size:14px}.device-affiliate-group{border:1px solid var(--stable-border-strong);background:#fff;border-radius:6px;overflow:hidden}.device-affiliate-group.synced{border-color:#a8d7d2}.device-affiliate-group.pending{border-color:#edc4c2}.device-affiliate-group-head{border-bottom:1px solid var(--stable-border);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.device-affiliate-group.synced .device-affiliate-group-head{background:#f2fbf8}.device-affiliate-group.pending .device-affiliate-group-head{background:#fff6f5}.device-affiliate-group-head>div{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.device-affiliate-group-head svg{flex:none}.device-affiliate-group.synced .device-affiliate-group-head svg{color:#12836f}.device-affiliate-group.pending .device-affiliate-group-head svg{color:#d8463f}.device-affiliate-group-head strong{font-size:15px}.device-affiliate-group-head span{border:1px solid;border-radius:999px;align-items:center;min-height:26px;padding:3px 11px;font-size:12px;font-weight:800;display:inline-flex}.device-affiliate-group.synced .device-affiliate-group-head span{color:#116a4a;background:#eff9f3;border-color:#b9dcc8}.device-affiliate-group.pending .device-affiliate-group-head span{color:#9f261f;background:#fff4f2;border-color:#efc5bf}.device-affiliate-grid{grid-template-columns:repeat(auto-fill,138px);justify-content:start;align-items:start;gap:18px 34px;padding:14px 18px;display:grid}.device-affiliate-card{background:#fff;border:1px solid #d8e1df;border-radius:6px;grid-template-rows:auto 1fr;align-items:stretch;gap:10px;width:168px;min-height:176px;padding:10px;display:grid;box-shadow:0 1px 2px #071e270a}.device-affiliate-card-head{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.device-affiliate-title{align-items:center;gap:7px;min-width:0;display:flex}.device-affiliate-title i{background:#94a3a0;border-radius:50%;flex:none;width:7px;height:7px}.device-affiliate-title i.online{background:#14b86a}.device-affiliate-title strong{min-width:0;color:var(--stable-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;line-height:1.2;overflow:hidden}.device-affiliate-head-actions{flex:none;align-items:center;gap:2px;display:inline-flex}.device-affiliate-retry,.device-affiliate-arrow{color:#617579;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.device-affiliate-retry{color:#9a5600}.device-affiliate-retry:hover,.device-affiliate-arrow:hover{background:#eef5f3}.device-affiliate-retry:disabled,.device-affiliate-arrow:disabled{cursor:default;opacity:.42}.device-affiliate-retry svg.spin{animation:.9s linear infinite device-affiliate-spin}@keyframes device-affiliate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.device-affiliate-card-body{min-width:0;color:var(--stable-muted);text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe7e5;border-radius:4px;grid-template-rows:repeat(4,auto);padding:0;display:grid}.device-affiliate-card-body span{text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;padding:8px 9px;font-size:11px;line-height:1.2;display:flex;overflow:hidden}.device-affiliate-card-body span+span{border-top:1px solid #dfe7e5}.device-affiliate-card.is-active .device-affiliate-card-body span:nth-child(2){color:#16735a;font-weight:700}.device-affiliate-card-body span.people-sync.Sincronizando,.device-affiliate-card-body span.people-sync.NaFila,.device-affiliate-card-body span.people-sync.Pendente{color:#8a6200;font-weight:700}.device-affiliate-card-body span.people-sync.Sincronizado{color:#16735a;font-weight:700}.device-affiliate-card-body span.people-sync.Erro,.device-affiliate-card-body span.people-sync.FalhaParcial,.device-affiliate-card-body span.people-sync.Offline{color:#9f261f;font-weight:700}.badge.Sincronizado{color:#116a4a;background:#eff9f3;border-color:#b9dcc8}.badge.Sincronizando,.badge.Pendente{color:#8a6200;background:#fff9e8;border-color:#d7c48f}.badge.Divergente{color:#9a5600;background:#fff7e8;border-color:#e9c58e}.badge.Erro,.badge.Offline,.badge.FalhaParcial{color:#9f261f;background:#fff4f2;border-color:#efc5bf}.badge.NaFila{color:#8a6200;background:#fff9e8;border-color:#d7c48f}.device-affiliate-empty{border:1px dashed var(--stable-border-strong);min-height:74px;color:var(--stable-muted);border-radius:6px;grid-column:1/-1;place-items:center;font-size:13px;font-weight:700;display:grid}.device-people-head{border-bottom:1px solid var(--stable-border);justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.device-people-head>div{gap:3px;min-width:0;display:grid}.device-people-head span{color:var(--stable-muted);font-size:12px}.device-people-error{margin:14px}.device-people-table-wrap{max-height:420px;overflow:auto}.device-people-table{min-width:760px}.device-people-table th:first-child,.device-people-table td:first-child{width:72px}.device-person-photo{border:1px solid var(--stable-border);width:44px;height:44px;color:var(--stable-muted);object-fit:cover;background:#f4f8f7;border-radius:6px;place-items:center;font-size:11px;font-weight:800;display:grid}.affiliate-checklist-modal{width:min(860px,100%)}.affiliate-checklist-body{gap:12px;max-height:calc(100vh - 240px);padding:14px;display:grid;overflow:auto}.affiliate-checklist-meta{flex-wrap:wrap;gap:10px;display:flex}.affiliate-checklist-meta span{border:1px solid var(--stable-border);color:var(--stable-muted);background:#f8fbfa;border-radius:4px;padding:8px 10px;font-size:12px}.affiliate-checklist-list{gap:8px;display:grid}.affiliate-checklist-item{border:1px solid var(--stable-border);background:#fff;border-radius:6px;grid-template-columns:minmax(160px,1.2fr) minmax(140px,1fr) minmax(140px,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.affiliate-checklist-item>div{gap:4px;min-width:0;display:grid}.affiliate-checklist-item strong,.affiliate-checklist-item span,.affiliate-checklist-item code{overflow-wrap:anywhere;min-width:0}.affiliate-checklist-item small{color:var(--stable-muted);text-transform:uppercase;font-size:11px;font-weight:800}.affiliate-checklist-item code{border:1px solid var(--stable-border);background:#f8fbfa;border-radius:4px;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px}@media (max-width:1220px){.topbar-actions{display:none}.metrics,.device-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title+.grid[style],.grid[style]{grid-template-columns:1fr!important}.playground-layout,.split-layout{grid-template-columns:1fr}.logs-filterbar,.monitor-filterbar,.log-exchange-grid,.log-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.split-divider{display:none}}@media (max-width:900px){.app,.sidebar-collapsed{grid-template-columns:1fr}.sidebar{height:auto;position:static}.sidebar-collapsed .brand-name,.sidebar-collapsed .brand-mark,.sidebar-collapsed .nav-group,.sidebar-collapsed .nav-link span{display:inline-flex!important}.sidebar-collapsed .nav-link{justify-content:flex-start;padding-inline:10px}.topbar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.user-menu-trigger{justify-content:space-between;width:100%}}@media (max-width:720px){.main{min-height:auto;padding:14px}.page-title{flex-direction:column}.page-title h1,.login-box h1{font-size:22px}.metrics,.form-grid,.device-summary,.device-info-grid,.playground-auth,.playground-urlbar,.webhook-debug-summary,.log-summary,.logs-filterbar,.monitor-filterbar,.log-exchange-grid,.log-info-grid,.log-detail-kpis,.response-grid,.mini-row,.mini-row.three,.mini-row.query-param-row,.affiliate-checklist-item{grid-template-columns:1fr}.toolbar,.playground-commandbar,.listener-actions,.photo-panel-header,.base64-toolbar,.workspace-statusbar{flex-direction:column;align-items:stretch}.playground-request,.playground-response{min-height:420px}}.person-tabs{border-bottom:1px solid var(--line,var(--stable-border));background:#fbfcfc;gap:4px;padding:10px 14px 0;display:flex}.person-tabs button{min-height:38px;color:var(--muted,var(--stable-muted));cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.person-tabs button.active{border-color:var(--line,var(--stable-border));color:var(--brand-strong,var(--stable-brand-strong));box-shadow:inset 0 3px 0 var(--brand,var(--stable-brand));background:#fff}.person-tabs button:disabled{cursor:not-allowed;opacity:.56}.person-devices-panel{min-height:260px}.person-devices-head{border-bottom:1px solid var(--line,var(--stable-border));justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.person-devices-head>div:first-child{gap:3px;min-width:0;display:grid}.person-devices-head strong{font-size:14px}.person-devices-head span{color:var(--muted,var(--stable-muted));font-size:12px}.person-devices-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.person-devices-error{margin:14px}.person-devices-table-wrap{max-height:360px;overflow:auto}.person-devices-table{min-width:760px}.person-devices-table th:first-child,.person-devices-table td:first-child{text-align:center;width:52px}.person-devices-table input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand,var(--stable-brand))}.person-devices-empty{border:1px dashed var(--line,var(--stable-border));min-height:180px;color:var(--muted,var(--stable-muted));border-radius:6px;place-items:center;margin:14px;font-size:13px;font-weight:700;display:grid}@media (max-width:720px){.person-tabs,.person-devices-head,.person-devices-actions{flex-direction:column;align-items:stretch}}.settings-panel .device-tabs{padding:10px 14px 0}.page-title>div{gap:4px;display:grid}.settings-device{gap:0;display:grid}.settings-subtabs{width:max-content;margin:14px 14px 0}.settings-empty{min-height:160px;color:var(--muted);place-items:center;font-size:13px;font-weight:700;display:grid}.settings-panel .device-info-group .form-grid{padding:0}.settings-panel .field .muted{text-transform:none;font-size:12px;font-weight:400}.field input:read-only,.field textarea:read-only{color:var(--muted);background:#f4f6f8}.punch-types-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.punch-types-table-wrap{border:1px solid var(--line);border-radius:4px}.punch-types-table{width:100%}.punch-types-table th:last-child,.punch-types-table td:last-child{text-align:right;width:108px}.punch-type-actions{justify-content:flex-end;gap:6px;display:inline-flex}.punch-types.is-disabled{opacity:.72}.punch-type-modal{width:min(560px,100%)}.punch-type-modal .form-grid{padding:0}@media (max-width:860px){.settings-subtabs,.punch-types-toolbar{flex-wrap:wrap;width:auto}}