.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}}
.af-records .afr-cols-1{grid-template-columns:1fr}.af-records .afr-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.af-records .afr-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.af-records .afr-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.af-records .afr-layout-list,.af-records .afr-layout-detailed,.af-records .afr-layout-timeline{grid-template-columns:1fr}
.af-records .afr-layout-list .afr-component-card{display:block}
.af-records .afr-layout-list .afr-component-card .afr-placements-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,.8fr);gap:14px;align-items:start}
.af-records .afr-component-card .afr-placement-zone{padding:6px 0}
.af-records .afr-align-left{text-align:left}.af-records .afr-align-center{text-align:center}.af-records .afr-align-right{text-align:right}
.af-records .afr-clamp-1,.af-records .afr-clamp-2,.af-records .afr-clamp-3,.af-records .afr-clamp-5{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.af-records .afr-clamp-1{-webkit-line-clamp:1}.af-records .afr-clamp-2{-webkit-line-clamp:2}.af-records .afr-clamp-3{-webkit-line-clamp:3}.af-records .afr-clamp-5{-webkit-line-clamp:5}
.af-records .afr-col-small{min-width:90px;width:100px;max-width:140px}.af-records .afr-col-medium{min-width:160px;width:180px}.af-records .afr-col-wide{min-width:260px;width:320px;max-width:480px}
.af-records .afr-status-group>summary{cursor:pointer;font-weight:600;font-size:14px;color:#67567c;padding:5px}
.af-records .afr-timeline-item>time{display:block;font-size:12px;color:#8a7a9b;margin:0 0 7px}
.af-records .afr-placements-detail.afr-one_column .afr-zone-sidebar{background:transparent;padding:6px 0}
.af-records .afr-placement .afr-actions{margin:0}
@media(max-width:850px){.af-records .afr-layout-grid.afr-cols-3,.af-records .afr-layout-grid.afr-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.af-records .afr-layout-list .afr-component-card .afr-placements-card{grid-template-columns:1fr}.af-records .afr-placements-detail.afr-two_columns{grid-template-columns:1fr}}
@media(max-width:600px){.af-records .afr-layout-grid.afr-cols-2,.af-records .afr-layout-grid.afr-cols-3,.af-records .afr-layout-grid.afr-cols-4{grid-template-columns:1fr}}
.af-records .afr-action-set{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}
.af-records .afr-action-set.afr-action-column{flex-direction:column;align-items:flex-start}
.af-records .afr-action-set .afr-action{margin:0;display:flex;flex-direction:column;gap:6px}
.af-records .afr-action-icon{display:inline-block;width:19px;height:19px;object-fit:contain;flex:0 0 19px;vertical-align:middle}
.af-records .afr-action button,.af-records .afr-edit-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:32px;min-height:32px}
.af-records .afr-edit-link{padding:6px 9px;border:1px solid #ddd5ee;border-radius:6px;background:#f6f3fc;font-size:12px}
.af-records .afr-entry-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px}
.af-records .afr-entry-link.afr-skin-link{padding:0;border:0;border-radius:0;background:none;min-width:0;min-height:0}
.af-records .afr-entry-link.afr-skin-button{padding:7px 11px;border:1px solid #d9d1e9;border-radius:6px;background:#f4f0fc;min-height:32px}
.af-records .afr-detail>summary.afr-entry-link{list-style:none;cursor:pointer}
.af-records .afr-detail>summary.afr-entry-link::-webkit-details-marker{display:none}
.af-records .afr-action-set>.afr-detail:not([open]){width:auto;flex:0 1 auto}
.af-records .afr-action-set>.afr-detail[open]{width:100%;flex-basis:100%}

/* Detail layout proportions, shared by page, popup and inline. */
.af-records .afr-placements-detail.afr-one_column{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}
.af-records .afr-placements-detail.afr-two_columns{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}
.af-records .afr-placements-detail.afr-thirds_left{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px;align-items:start}
.af-records .afr-placements-detail.afr-equal_columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.af-records .afr-placements-detail.afr-three_columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
 .af-records .afr-placements-detail>.afr-placement-zone{align-content:start}.af-records .afr-zone-third{min-width:0}
@media(max-width:700px){.af-records .afr-placements-detail[class]{grid-template-columns:1fr}}

/* Six tracks support thirds and halves without reordering elements. */
.af-records .afr-placement-zone{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row}
.af-records .afr-placement.afr-width-third{grid-column:span 2}
.af-records .afr-placement.afr-width-half{grid-column:span 3}
.af-records .afr-placement.afr-width-two_thirds{grid-column:span 4}
.af-records .afr-placement.afr-width-full{grid-column:1/-1}
@media(max-width:700px){.af-records .afr-placement-zone>.afr-placement{grid-column:1/-1}}

/* Shared icon controls and status treatments. */
.af-records [class*="afr-icons-"] :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)),.af-records[class*="afr-icons-"] :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)) {display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border:1px solid transparent;border-radius:6px;background:#f0ecfc;color:#7560b5;line-height:1;text-decoration:none;vertical-align:middle;cursor:pointer}
.af-records .afr-action-icon{width:18px;height:18px;flex:0 0 18px;object-fit:contain}
.af-records .afr-icons-outline :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)),.af-records.afr-icons-outline :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)){background:transparent;border-color:#cfc3e8}
.af-records .afr-icons-plain :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)),.af-records.afr-icons-plain :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):not(:has(>span)){background:transparent;border-color:transparent}
.af-records :is(a,button,summary,.af-preview-action):has(>.afr-action-icon):hover{filter:brightness(.92)}
.af-records :is(a,button,summary):has(>.afr-action-icon):focus-visible{outline:2px solid #6955c9;outline-offset:3px}
.af-records .afr-status{--status-color:#895d0b;--status-bg:#fff5df;display:inline-flex;align-items:center;gap:5px;line-height:1.4;white-space:normal}
.af-records .afr-status.afr-approved{--status-color:#226d50;--status-bg:#e5f4ec}
.af-records .afr-status.afr-rejected{--status-color:#a23d48;--status-bg:#fbe9ec}
.af-records .afr-status-soft{color:var(--status-color);background:var(--status-bg)}
.af-records .afr-status-outline{color:var(--status-color);background:transparent;border:1px solid var(--status-color)}
.af-records .afr-status-dot{color:var(--status-color);background:transparent;padding-left:0;padding-right:0}
.af-records .afr-status-dot::before{content:'';width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}
.af-records .afr-status-solid{background:var(--status-color);color:#fff}
.af-records .afr-status-small{font-size:10px;padding:4px 8px}
.af-records .afr-status-normal{font-size:12px;padding:6px 10px}
.af-records .afr-status{white-space:nowrap;max-width:none;overflow-wrap:normal;word-break:normal;flex-shrink:0}.af-records .afr-status>[aria-hidden]{flex-shrink:0}
.af-records .afr-action button,.af-records .afr-entry-link.afr-skin-button,.af-records .afr-action-set>.af-preview-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;min-height:36px;padding:7px 11px;border:1px solid #dbd5f1;border-radius:6px;background:#f5f2ff;color:#6757a7;font:500 12px/1.5 Arial,sans-serif;text-decoration:none;cursor:pointer}
.af-records .afr-align-left .afr-action-set{justify-content:flex-start}.af-records .afr-align-center .afr-action-set{justify-content:center}.af-records .afr-align-right .afr-action-set{justify-content:flex-end}.af-records .afr-align-left .afr-action-column{align-items:flex-start}.af-records .afr-align-center .afr-action-column{align-items:center}.af-records .afr-align-right .afr-action-column{align-items:flex-end}.af-records .afr-reopen-prompt>summary{list-style:none;cursor:pointer}.af-records .afr-reopen-prompt>summary::-webkit-details-marker{display:none}.af-records .afr-reopen-prompt[open]{max-width:280px;text-align:left}.af-records .afr-reopen-prompt textarea{width:100%;box-sizing:border-box;border:1px solid #d8cfe3;border-radius:6px;padding:8px;font:inherit;resize:vertical}.af-records .afr-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px}