.waa-head{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}.waa-head-copy{flex:1;min-width:260px}.waa-head h2{margin:0 0 5px;font-size:25px}.waa-head p{margin:0;color:var(--muted)}
.waa-title{display:flex;align-items:center;gap:9px}.waa-title .wa-brand-mark{font-size:16px}
.waa-actions{display:flex;gap:8px;flex-wrap:wrap}.waa-tabs{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:9px}.waa-tab{border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);padding:9px 12px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.waa-tab.active{background:var(--surface2);border-color:var(--line);color:var(--ink)}
.waa-view{display:none}.waa-view.active{display:block}.waa-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:10px}.waa-kpi{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:16px;text-align:left;color:var(--ink);cursor:pointer}.waa-kpi strong{display:block;font-size:27px}.waa-kpi span{color:var(--muted);font-size:12px}
.waa-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.waa-overview-grid>div{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px}.waa-overview-grid h3{margin:0 0 10px;font-size:15px}.waa-log-filters input,.waa-log-filters select{min-width:150px;flex:1}
.waa-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.waa-toolbar input,.waa-toolbar select,.waa-form input,.waa-form select,.waa-form textarea{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:9px 11px;font:inherit}.waa-toolbar input{min-width:220px}.waa-table{width:100%;border-collapse:collapse}.waa-table th,.waa-table td{text-align:left;padding:10px;border-bottom:1px solid var(--line);vertical-align:top}.waa-table th{color:var(--muted);font-size:11px;text-transform:uppercase}.waa-table td{font-size:13px}.waa-badge{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px 7px;font-size:10px;font-weight:800}.waa-badge.ok{color:var(--green);border-color:var(--green)}.waa-badge.bad{color:#ff7373;border-color:#8a3434}.waa-badge.warn{color:#ffbd3d;border-color:#7d5b18}
.waa-empty,.waa-empty-cell{padding:34px!important;text-align:center!important;color:var(--muted);border:1px dashed var(--line);border-radius:10px}.waa-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.waa-form label,.waa-form fieldset{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}.waa-form fieldset{border:1px solid var(--line);border-radius:9px;padding:12px}.waa-form .wide{grid-column:1/-1}.waa-form textarea{min-height:120px;resize:vertical}.waa-form input:focus,.waa-form select:focus,.waa-form textarea:focus{outline:2px solid var(--blue);outline-offset:1px}.waa-form-error{grid-column:1/-1;color:#ff7373;min-height:18px}.waa-editor{border:1px solid var(--line);border-radius:12px;background:var(--surface2);padding:18px;margin:14px 0}.waa-editor[hidden]{display:none}.waa-checks{display:flex;gap:12px;flex-wrap:wrap;padding:8px 0}.waa-checks label{display:flex;align-items:center;gap:5px;color:var(--ink)}.waa-checks input{width:auto}.waa-preview{white-space:pre-wrap;border:1px solid var(--line);border-radius:10px;background:#101927;padding:15px;min-height:120px}.waa-note{border-left:3px solid var(--blue);padding:10px 13px;background:rgba(76,141,255,.08);color:var(--muted);margin-top:12px}.waa-row-actions{display:flex;gap:5px;flex-wrap:wrap}.waa-row-actions .btn{font-size:11px;padding:5px 8px}.waa-time-row{display:grid;grid-template-columns:110px minmax(260px,1fr) auto auto;gap:9px;align-items:center;margin-bottom:8px}.waa-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.waa-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;color:var(--muted);font-size:12px}.waa-pagination:empty{display:none}.waa-pagination .btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1000px){.waa-kpis{grid-template-columns:repeat(2,1fr)}.waa-overview-grid{grid-template-columns:1fr}}@media(max-width:700px){.waa-form{grid-template-columns:1fr}.waa-form .wide{grid-column:auto}.waa-kpis{grid-template-columns:1fr}.waa-actions{width:100%}.waa-actions .btn{flex:1}.waa-table{min-width:760px}.waa-table-wrap{overflow:auto}}
