.selan-compact-page{min-width:0}.selan-compact-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.selan-compact-page-header h1{font-size:24px;font-weight:800;color:#242034}.selan-compact-list{min-width:0;background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.selan-compact-toolbar,.selan-compact-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px;font-size:13px}.selan-compact-toolbar select{width:auto;margin:0 4px}.selan-compact-toolbar input{width:320px;max-width:100%;border:1px solid #ddd;border-radius:6px;padding:9px}.selan-compact-scroll{overflow-x:auto;max-width:100%}.selan-compact-scroll table{border-collapse:collapse;width:100%;min-width:1160px;table-layout:auto;font-size:12px}.selan-compact-scroll th{background:#fafafa;text-align:left;white-space:nowrap;padding:12px 9px;border:1px solid #e4e4e4;font-weight:700}.selan-compact-scroll th button{color:#243047!important;background:transparent;padding:0;font-size:12px;font-weight:700}.selan-compact-scroll td{padding:14px 9px;border:1px solid #e4e4e4;vertical-align:top;max-width:220px;overflow-wrap:break-word}.selan-compact-scroll tbody tr:nth-child(odd){background:#f4f4f4}.selan-compact-scroll tbody tr:hover{background:#f3eff8}.selan-list-view{border:1px solid #806397!important;border-radius:5px;background:#fff!important;color:#432568!important;padding:7px 12px;font-weight:600;white-space:nowrap}.selan-compact-footer div{display:flex;gap:8px;align-items:center}.selan-compact-footer button{padding:6px 10px;border:1px solid #ddd;border-radius:4px}.selan-compact-footer button:disabled{opacity:.45}.selan-compact-footer [aria-current]{background:#432568;color:#fff;padding:6px 12px;border-radius:4px}.selan-list-empty{text-align:center;padding:40px!important}
.selan-record-overlay{position:fixed;inset:0;z-index:100;background:#111827aa;display:flex;align-items:center;justify-content:center;padding:18px}.selan-record-popup{width:min(1440px,100%);height:94dvh;display:flex;flex-direction:column;border-radius:12px;background:#f8f7fa;box-shadow:0 20px 80px #0006;overflow:hidden}.selan-record-popup-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:white;border-bottom:1px solid #ddd;padding:14px 20px;flex-shrink:0}.selan-record-popup-header h2{font-weight:800;font-size:18px;overflow-wrap:anywhere}.selan-record-popup-header button{border:1px solid #ddd;padding:8px 12px;border-radius:6px;white-space:nowrap}.selan-record-popup-content{overflow:auto;flex:1;min-height:0;min-width:0;padding:20px}.selan-record-overview{display:grid;gap:16px}.selan-record-section{padding:18px;background:white;border:1px solid #ddd;border-radius:8px;min-width:0}.selan-record-section h3{font-weight:800;color:#432568;margin-bottom:12px}.selan-record-section dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.selan-record-section dt{font-size:12px;color:#64748b}.selan-record-section dd{font-size:14px;overflow-wrap:anywhere;white-space:pre-wrap}.selan-record-section li{font-size:13px;padding:5px 0}.selan-record-popup-content>div>header{margin-top:0}
@media(max-width:600px){.selan-record-overlay{padding:6px}.selan-record-popup{height:98dvh;border-radius:8px}.selan-record-popup-header{padding:10px}.selan-record-popup-content{padding:12px}.selan-compact-toolbar input{width:100%}}