.diagnostic-tabs{display:flex;gap:8px;margin:0 0 28px;flex-wrap:wrap}.diagnostic-tabs a{padding:12px 18px;border-radius:12px;color:#a8bac4;text-decoration:none;border:1px solid #ffffff12;background:#142127;font-size:16px}.diagnostic-tabs a[aria-current=page]{background:#293c45;color:#f4b28a;border-color:#465b65}.piot-heading,.piot-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.piot-heading h1{font-size:34px;margin:0 0 12px}.piot-heading p,.piot-section-heading p{color:#9db1bc;font-size:15px}.piot-filters{margin:26px 0 18px;display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:20px;border:1px solid #ffffff0b;background:#15232a;border-radius:18px}.piot-filters label{display:grid;gap:8px;font-size:13px;color:#9bb0bc;flex:1 1 140px;min-width:0}.piot-filters .piot-search{flex:3 1 290px}.piot-filters input,.piot-filters select{min-width:0;width:100%;box-sizing:border-box;background:#0f1b22;color:#edf1f3;font:inherit;font-size:15px;border:1px solid #ffffff17;border-radius:9px;padding:12px;color-scheme:dark}.piot-filters button{min-height:44px}.piot-table-wrap{border:1px solid #ffffff0e;border-radius:18px;background:#17252c;overflow:hidden}.piot-table{width:100%;border-collapse:collapse;text-align:left}.piot-table th{padding:15px 20px;color:#91a9b6;font-size:13px;font-weight:500;background:#132027}.piot-table td{padding:21px 20px;border-top:1px solid #ffffff0b;font-size:15px;vertical-align:top}.piot-table td:first-child{white-space:nowrap}.piot-table td small{display:block;color:#8fa8b6;font-size:13px;margin-top:7px}.piot-table a,.piot-meta a{color:#e5edf0;text-decoration:none}.piot-table time{display:block;max-width:150px;line-height:1.5}.piot-open{appearance:none;border:0;background:none;color:#e6eef2;font:inherit;display:grid;gap:9px;text-align:left;padding:0;cursor:pointer}.piot-open strong{font-size:16px;font-weight:550}.piot-kind{display:inline-flex;justify-self:start;padding:4px 9px;border-radius:6px;background:#c7885c20;color:#edb28c;font-size:12px;letter-spacing:.02em}.piot-kind.transport{color:#a1c9e2;background:#589fc51c}.piot-kind.http{color:#f1b19b;background:#b9715c20}.piot-kind.client{color:#c6b4dc;background:#ab80cf1c}.piot-id{display:block;font:12px/1.8 ui-monospace,monospace;color:#bdcdd5;overflow-wrap:anywhere;white-space:normal}.piot-copy{background:none;border:0;padding:6px 0;color:#e7ad84;cursor:pointer;font:inherit;font-size:13px}.piot-empty{padding:55px 20px;text-align:center;background:#142228;border:1px solid #ffffff0d;border-radius:18px}.piot-empty>span{display:inline-grid;place-items:center;width:50px;height:50px;color:#8fd7b6;background:#88d1ad12;border-radius:16px;font-size:28px}.piot-empty h2{font-size:25px;font-weight:550}.piot-empty p{max-width:590px;margin:auto;color:#97aeb9;line-height:1.7;font-size:15px}.piot-muted{font-size:13px;color:#8fa8b4;line-height:1.7}.piot-dialog{max-width:950px}.piot-problem{padding:24px;border:1px solid #d39a6225;border-radius:15px;background:#d3a56a0a}.piot-problem h3{font-size:25px;margin:13px 0}.piot-problem p{color:#acbcc5;line-height:1.5}.piot-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.piot-meta dt{color:#93a9b5;font-size:13px;margin-bottom:9px}.piot-meta dd{margin:0;color:#e0e9ed;font-size:16px;overflow-wrap:anywhere}.piot-dialog details{border-top:1px solid #ffffff10;padding:17px 0}.piot-dialog summary{cursor:pointer;font-size:16px;color:#c5d5dd}.piot-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;overflow:auto;max-height:300px;box-sizing:border-box;background:#0d1a20;padding:16px;border:1px solid #ffffff0e;border-radius:10px;font:13px/1.6 ui-monospace,monospace;tab-size:2;color:#cbdae1}.piot-request{margin-top:22px;border-top:1px solid #ffffff15;padding-top:18px}.piot-section-heading h3{font-size:22px;margin:0}.piot-job{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #ffffff0a}.piot-job small{display:block;font-size:12px;color:#91a7b3;margin-top:6px}.piot-dialog [role=status]{color:#c9b19a;font-size:14px}.piot-dialog button:focus-visible,.piot-open:focus-visible,.piot-copy:focus-visible,.diagnostic-tabs a:focus-visible{outline:2px solid #e5aa7d;outline-offset:4px}
@media(max-width:1200px){.piot-table th,.piot-table td{padding:17px 13px}.piot-id{font-size:11px}.piot-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.piot-heading{align-items:flex-start}.piot-heading h1{font-size:28px}.admin-page .piot-heading>button{font-size:0;min-width:44px;width:44px;height:44px;padding:0;flex:0 0 44px}.piot-heading>button::after{content:'↻';font-size:22px}.piot-filters{padding:14px;gap:12px}.piot-filters label{flex-basis:calc(50% - 12px)}.piot-filters .piot-search{flex-basis:100%}.piot-table,.piot-table tbody,.piot-table tr,.piot-table td{display:block;width:auto}.piot-table thead{display:none}.piot-table tr{padding:18px;border-bottom:1px solid #ffffff18}.piot-table td{border:0;padding:5px 0}.piot-table td[data-label="Время"]{color:#9db5c1;margin-bottom:10px}.piot-table time{max-width:none}.piot-table td:first-child{display:flex;gap:12px;align-items:center;justify-content:space-between}.piot-table td:first-child small{margin:0}.piot-table td:last-child{margin-top:14px;border-top:1px solid #ffffff10;padding-top:13px}.piot-id{font-size:12px}.piot-meta{gap:20px 12px}.piot-meta dd{font-size:14px}.piot-problem{padding:17px}.piot-problem h3{font-size:22px}.piot-section-heading{align-items:stretch;flex-direction:column;gap:10px}.piot-dialog .diagnostic-content{padding:18px}.piot-job{align-items:flex-start}.piot-job button{font-size:13px}.piot-dialog .piot-id{font-size:11px}}
.piot-filters{display:grid;grid-template-columns:minmax(250px,2fr) minmax(130px,1fr) minmax(180px,1fr)}.piot-period{grid-column:1/-1;display:flex;align-items:end;gap:12px;padding-top:4px}.piot-period label{flex:0 1 220px}.piot-filters .editor-primary,.piot-request .editor-primary{border:1px solid #bd7043;border-radius:10px;padding:12px 20px;background:#b76334;color:#fff;font:inherit;font-size:15px;font-weight:550;cursor:pointer;min-height:44px}.piot-filters .editor-primary:hover,.piot-request .editor-primary:hover{background:#c76f3c}.piot-request .editor-primary:disabled{opacity:.5;cursor:default}.piot-period .editor-secondary{min-height:44px}
@media(max-width:760px){.piot-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.piot-search{grid-column:1/-1}.piot-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;align-items:end}.piot-period label{min-width:0}.piot-filters input[type=datetime-local]{font-size:13px;padding:11px 8px}.piot-period button{width:100%}}
