.formats-shell{display:grid;gap:22px}.formats-heading{display:flex;justify-content:space-between;align-items:flex-end}.formats-heading h2{font-size:32px;margin:4px 0}.formats-heading p{color:#64748b}.formats-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(150px,190px) minmax(220px,1fr) auto;gap:14px;align-items:end;padding:18px;border:1px solid #dce5f0;border-radius:16px;background:#f8fafc}.formats-filters label{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#64748b}.formats-filters input,.formats-filters select{height:46px;border:1px solid #cdd8e6;border-radius:10px;background:#fff;padding:0 13px;font:inherit;color:#172033}.formats-tabs{display:flex;gap:8px;overflow-x:auto;border-bottom:1px solid #dce5f0}.formats-tabs button{border:0;background:transparent;padding:14px 18px;font-weight:700;color:#607089;white-space:nowrap;cursor:pointer}.formats-tabs button.active{color:#1944bb;border-bottom:3px solid #1944bb}.formats-empty,.formats-error{padding:44px 24px;border:1px dashed #cdd8e6;border-radius:16px;text-align:center;color:#64748b}.formats-error{color:#b42318;background:#fff4f2}.format-run-list,.generator-log-list{display:grid;gap:12px}.format-run{border:1px solid #dce5f0;border-radius:14px;background:#fff;overflow:hidden}.format-run summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;cursor:pointer;list-style:none}.format-run summary::-webkit-details-marker{display:none}.format-run summary div{display:grid;gap:4px}.format-run summary span,.format-run summary time{color:#64748b}.format-run-body{padding:0 20px 20px;border-top:1px solid #edf1f6}.format-meta{display:flex;flex-wrap:wrap;gap:18px;padding:15px 0;color:#526177}.formats-table-wrap{overflow:auto}.formats-table-wrap table{width:100%;border-collapse:collapse;min-width:820px}.formats-table-wrap th,.formats-table-wrap td{padding:12px;border-bottom:1px solid #e6ebf2;text-align:left}.formats-table-wrap th{font-size:11px;letter-spacing:.08em;color:#6c7a8c}.formats-table-wrap td small{display:block;margin-top:4px;color:#718096}.format-comments{padding:14px;border-radius:10px;background:#f4f7fb}.format-audit{margin-top:14px;padding:12px 14px;border-radius:10px;background:#f8fafc}.format-audit summary{padding:0;font-weight:700;color:#1744bd}.format-audit p{margin:8px 0;color:#526177}.generator-log-list article{display:grid;grid-template-columns:52px 1fr;gap:15px;padding:20px;border:1px solid #dce5f0;border-radius:14px}.generator-event-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf0ff;color:#1644bc;font-size:24px;font-weight:800}.generator-log-list p{margin:5px 0;color:#526177}.generator-event-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.generator-event-status{padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.generator-event.captured{border-color:#93d4ad;background:#f3fcf6}.generator-event.captured .generator-event-status{color:#08783d;background:#d9f5e4}.generator-event.pending{border-color:#f0cd6b;background:#fffbeb}.generator-event.pending .generator-event-status{color:#8a5a00;background:#fff0b8}.generator-event.missed{border-color:#efa4a0;background:#fff6f5}.generator-event.missed .generator-event-status{color:#b42318;background:#fde2df}.generator-event.scheduled .generator-event-status{color:#1744bd;background:#eaf0ff}.generator-detail{padding:20px;border:1px solid #dce5f0;border-radius:14px;background:#f8fafc}.generator-detail h3{margin:0 0 14px}.generator-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));gap:10px 18px}.generator-detail-grid span{padding:10px;border-radius:9px;background:#fff}.generator-audit{margin-top:16px;padding-top:12px;border-top:1px solid #dce5f0}.generator-audit h4{margin:0 0 8px}.role-readonly-value{display:inline-flex;align-items:center;min-height:32px;padding:4px 8px;border-radius:7px;background:#f1f4f8;color:#415168;font-size:13px}@media(max-width:800px){.formats-filters{grid-template-columns:1fr}.formats-filters button{width:100%}.format-run summary{align-items:flex-start;flex-direction:column}.formats-heading h2{font-size:27px}.generator-detail-grid{grid-template-columns:1fr}}
.generator-subtabs{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:16px 0}.generator-subtabs button{border:0;background:#edf2fb;color:#355178;border-radius:10px;padding:10px 14px;font-weight:800}.generator-subtabs button.active{background:#2045b9;color:#fff}.generator-subtabs label{display:grid;gap:5px;font-size:11px;font-weight:800;color:#62758d}.generator-subtabs input{min-height:38px;padding:6px 8px;border:1px solid #cdd9ea;border-radius:8px}.generator-monthly{border:1px solid #dce6f4;border-radius:16px;padding:18px;background:#fff}.generator-month-summary{display:flex;gap:18px;flex-wrap:wrap;padding:0 0 15px;margin-bottom:8px;border-bottom:1px solid #e8eef7;color:#536b91}.generator-month-summary b{color:#102a56}.generator-month-list{display:grid;gap:7px}.generator-month-row{display:grid;grid-template-columns:54px minmax(110px,1fr) minmax(260px,420px) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid #edf1f7;color:#4d6384;font-size:13px}.generator-month-row time{font-weight:800;color:#203451;text-transform:capitalize}.generator-month-track{height:12px;background:#edf2f8;border-radius:999px;overflow:hidden}.generator-month-track span{display:block;height:100%;background:#1d4fc4;border-radius:999px}.generator-month-row em{color:#a96b00;font-style:normal;font-weight:800}.generator-month-row button{white-space:nowrap}.generator-adjust-dialog{max-width:520px}.generator-adjust-dialog form{display:grid;gap:14px}.generator-adjust-dialog label{display:grid;gap:6px;font-weight:800;color:#536b91}.generator-adjust-dialog input{padding:11px;border:1px solid #bfcde1;border-radius:9px}@media(max-width:800px){.generator-month-row{grid-template-columns:58px 1fr;gap:6px}.generator-month-row>div:nth-child(3){grid-column:1/-1}.generator-month-row button{grid-column:1/-1;justify-self:start}.generator-month-summary{display:grid;gap:7px}}
