.detail-header{display:flex;align-items:center;gap:18px;padding:4px 0 18px;border-bottom:1px solid #e8eef5}.detail-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#edf6ff,#dcecff);font-size:38px;flex:0 0 76px}.detail-header h3{font-size:24px;line-height:1.35;margin:7px 0 5px;color:#10223e;letter-spacing:-.035em}.detail-header small{color:#8390a2;font-size:11px}.detail-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}.detail-box{background:#f7faff;border:1px solid #e1e9f3;border-radius:12px;padding:15px 16px;min-height:64px}.detail-box small{display:block;color:#8290a3;font-size:10px;margin-bottom:6px}.detail-box b{display:block;color:#1b2d47;font-size:14px}.detail-section{margin-top:22px;padding-top:20px;border-top:1px solid #e8eef5}.detail-section h4{display:flex;align-items:center;gap:8px;color:#142844;font-size:16px;margin:0 0 12px}.detail-section h4 .tag{font-size:10px;background:#edf5ff;color:#1769d1;border:0}.detail-section p{margin:0;white-space:pre-line}.detail-actions{display:flex;gap:9px;margin-top:24px;padding-top:18px;border-top:1px solid #e8eef5}.detail-actions .btn{min-height:44px}.participant-card{background:#fff!important;border-color:#dfe8f2!important;box-shadow:0 3px 12px rgba(25,65,110,.035)}.participant-card:hover{border-color:#b8d3f4!important;background:#fafdff!important}.detail-box + .detail-box{}.detail-grid .detail-box:nth-child(1){border-top:2px solid #1769d1}.detail-grid .detail-box:nth-child(2){border-top:2px solid #5a8ed4}.detail-grid .detail-box:nth-child(3){border-top:2px solid #86aee0}.detail-grid .detail-box:nth-child(4),.detail-grid .detail-box:nth-child(5),.detail-grid .detail-box:nth-child(6){background:#fff}.hidden{display:none!important}#joinForm{margin-top:18px;padding:18px;background:#f7faff;border:1px solid #e0e9f4;border-radius:14px}.modal-box.wide{max-width:820px}.modal-box.wide>.close{z-index:3}@media(max-width:700px){.detail-header{gap:12px}.detail-icon{width:58px;height:58px;flex-basis:58px;font-size:28px;border-radius:14px}.detail-header h3{font-size:18px}.detail-grid{grid-template-columns:1fr 1fr!important}.detail-actions{flex-direction:column}.detail-actions .btn{width:100%}}
