.af-records { --afr-accent:#6554d9; --afr-pad:22px; color:#283047; font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; max-width:1200px; margin:28px auto; }
.af-records * { box-sizing:border-box; }.af-records h2,.af-records h3,.af-records p,.af-records dl { margin:0; }.af-records a { color:var(--afr-accent); text-decoration:none; }
.af-records h2 { font-size:27px; margin:25px 0 12px; }.af-records .afr-intro { color:#737d91; margin-bottom:25px; font-size:13px; }
.afr-nav { display:flex; gap:10px; border-bottom:1px solid #e6e8f0; padding-bottom:14px; flex-wrap:wrap; }.afr-nav a { padding:8px 14px; border-radius:6px; font-size:13px; }.afr-nav [aria-current] { background:#eeeafb; }
.afr-layout-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }.afr-layout-list,.afr-layout-detailed,.afr-layout-timeline { display:grid;gap:15px; }
.afr-card { padding:var(--afr-pad);border:1px solid #e5e7ee;border-radius:11px;background:#fff;min-width:0;box-shadow:0 3px 8px #24243b03;overflow-wrap:anywhere; }.afr-card-top { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px; }.afr-card-top small { color:#8c93a4;font-size:11px; }.af-records .afr-card h3 { font-size:17px;font-weight:650;margin-bottom:10px; }
.afr-status { display:inline-block;padding:3px 9px;font-size:10px;font-weight:600;border-radius:20px;background:#f1f0f6;color:#777087;white-space:nowrap; }.afr-status.afr-pending { background:#fff5dd;color:#927022; }.afr-status.afr-approved { background:#e8f5ed;color:#32835f; }.afr-status.afr-rejected { background:#fcecec;color:#ad5555; }
.afr-description { color:#7c8496;font-size:12px;line-height:1.9;white-space:pre-wrap; }.afr-layout-grid .afr-description,.afr-layout-list .afr-description,.afr-column .afr-description { display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.af-records .afr-meta { margin:17px 0;display:flex;flex-wrap:wrap;gap:13px 22px; }.afr-meta dt { font-size:10px;color:#8992a5; }.afr-meta dd { margin:3px 0 0;font-size:12px;color:#505b72; }.afr-card footer { padding-top:14px;border-top:1px solid #eff0f5; }.afr-detail { font-size:12px;color:#7c72b4; }.afr-detail summary { cursor:pointer; }.afr-detail dl { color:#515b70;padding:15px 0; }.afr-detail dt { font-size:11px;font-weight:600;margin-top:10px; }.afr-detail dd { margin:4px 0;white-space:pre-wrap; }
.afr-actions { display:flex;gap:8px;flex-wrap:wrap;margin-top:12px; }.afr-action { display:inline-block;margin:5px 7px 0 0; }.afr-action button { border:1px solid #dbd5f1;border-radius:6px;padding:7px 12px;background:#f5f2ff;color:#6757a7;font:600 11px/1.5 inherit;cursor:pointer; }.afr-action .afr-rejected { background:#fff8f8;border-color:#f0dede;color:#a45e5e; }
.afr-table-wrap { overflow:auto;border:1px solid #e5e7ee;border-radius:10px; }.af-records table { border-collapse:collapse;width:100%;background:#fff;font-size:12px; }.af-records th,.af-records td { text-align:left;padding:15px;border-bottom:1px solid #edf0f5;vertical-align:top;min-width:120px; }.af-records th { background:#f6f7fc;color:#7f879b;font-size:11px;white-space:nowrap; }.af-records td { max-width:340px;overflow-wrap:anywhere; }
.afr-board { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }.afr-column { border-radius:10px;background:#f6f7fb;padding:13px;min-width:0; }.af-records .afr-column>h3 { font-size:13px;margin:3px 3px 16px; }.afr-column>h3 small { color:#9c94b6;float:right; }.afr-column .afr-card { margin:12px 0; }.afr-empty { border:1px dashed #e0dfea;border-radius:8px;padding:25px;color:#8e93a4;font-size:12px;text-align:center; }
.afr-layout-list .afr-card { display:grid;grid-template-columns:minmax(120px,.7fr) minmax(150px,1.5fr) minmax(120px,1fr);gap:5px 24px; }.afr-layout-list .afr-card-top { grid-column:1;grid-row:1;align-self:start; }.afr-layout-list .afr-card h3 { grid-column:2;grid-row:1; }.afr-layout-list .afr-description { grid-column:2; }.afr-layout-list .afr-meta { grid-column:3;grid-row:1 / span 2;margin:0; }.afr-layout-list footer { grid-column:1 / -1;margin-top:10px; }
.afr-layout-timeline { border-left:2px solid #e7e2f6;padding-left:25px;margin-left:12px; }.afr-layout-timeline .afr-card { position:relative; }.afr-layout-timeline .afr-card::before { content:'';position:absolute;left:-33px;top:25px;width:12px;height:12px;border-radius:50%;background:#9587cb;border:3px solid #f6f4fd; }.afr-layout-detailed .afr-meta { display:grid;grid-template-columns:repeat(3,minmax(0,1fr)); }
.afr-pagination { display:flex;gap:20px;justify-content:flex-end;margin-top:24px;font-size:12px; }.afr-density-compact { --afr-pad:14px; }.afr-density-spacious { --afr-pad:30px; }.afr-density-compact .afr-description { -webkit-line-clamp:2; }
.afr-density-compact th,.afr-density-compact td { padding:9px; }.afr-density-spacious th,.afr-density-spacious td { padding:22px; }
@media(max-width:850px) { .afr-layout-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.afr-layout-list .afr-card { display:block; }.afr-layout-list .afr-meta { margin:15px 0; } }
@media(max-width:600px) { .afr-layout-grid,.afr-board { grid-template-columns:1fr; }.af-records h2 { font-size:23px; }.afr-layout-detailed .afr-meta { grid-template-columns:1fr 1fr; } }

.af-records .afr-status-groups{display:grid;gap:24px}.af-records .afr-status-group{background:#f7f7fb;border:1px solid #e4e1ec;border-radius:12px;padding:18px;min-width:0;display:grid;gap:12px}.af-records .afr-group-heading{margin:0 0 8px;display:flex;gap:12px;align-items:center;font-size:16px}.af-records .afr-group-heading small{font-size:12px;font-weight:400;color:#777186}.af-mini-status_vertical,.af-mini-status_table{display:flex!important;flex-direction:column;gap:4px!important}.af-mini-status_vertical i,.af-mini-status_table i{height:8px!important;width:90%!important}

.af-records .afr-placements{min-width:0}.af-records .afr-placement-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0;padding:10px 0}.af-records .afr-placement{min-width:0;overflow-wrap:anywhere}.af-records .afr-width-full{grid-column:1/-1}.af-records .afr-placement small{display:block;color:#82768c;font-size:11px;margin-bottom:5px}.af-records .afr-placement h3,.af-records .afr-placement p{margin:0}.af-records .afr-placements-detail.afr-two_columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:25px}.af-records .afr-zone-sidebar{background:#f6f4f9;padding:18px;border-radius:9px;align-content:start}.af-records .afr-entry-date{font-size:11px;color:#8b8094}.af-records .afr-dialog{border:1px solid #ded7e9;border-radius:14px;padding:30px;width:min(850px,90vw);max-height:85vh;overflow:auto;color:inherit}.af-records .afr-dialog::backdrop{background:#241c3b80}.af-records .afr-dialog>[data-af-close]{float:right;border:0;background:#f2eef7;border-radius:6px;padding:8px 12px;cursor:pointer}.af-records .afr-detail{min-width:0;width:100%}.af-records .afr-action label{display:grid;font-size:11px;gap:6px;margin:10px 0}.af-records .afr-action input{padding:9px;border:1px solid #d8cfe3;border-radius:6px;max-width:100%;box-sizing:border-box}.af-records .afr-single-actions{display:flex;gap:15px;flex-wrap:wrap;margin:25px 0}.af-records .afr-history{font-size:12px;line-height:1.9;padding-left:20px}.af-records .afr-edit-entry{display:grid;gap:16px;max-width:700px;margin:25px 0}.af-records .afr-edit-entry>label{display:grid;gap:7px;font-size:13px}.af-records .afr-edit-entry input,.af-records .afr-edit-entry textarea,.af-records .afr-edit-entry select{padding:12px;border:1px solid #d9d0e3;border-radius:7px;width:100%;box-sizing:border-box;font:inherit}.af-records .afr-edit-entry textarea{min-height:100px}.af-records .afr-edit-entry button{background:#6955c9;color:white;border:0;border-radius:7px;padding:12px;cursor:pointer}.af-records .afr-edit-entry>p{font-size:11px;color:#867a90;line-height:1.8}@media(max-width:700px){.af-records .afr-placements-detail.afr-two_columns{grid-template-columns:1fr}.af-records .afr-width-half{grid-column:1/-1}.af-records .afr-dialog{padding:18px}}