.checklist-page{max-width:100%!important}.intro-text{font-size:1.05rem;color:#444;line-height:1.7;margin-bottom:24px;padding:16px 20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #FC5D1F}.audit-checklist{font-family:inherit}.checklist-header{display:flex;flex-direction:column;gap:16px;padding:20px 24px;background:#141415;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:20px}.header-top{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.header-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.site-input-wrapper{flex:1;min-width:200px}.site-input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem}.site-input::-moz-placeholder{color:#fff6}.site-input::placeholder{color:#fff6}.site-input:focus{outline:none;border-color:#fc5d1f;background:#ffffff14}.score-panel{display:flex;align-items:center;gap:20px}.score-circle{width:88px;height:88px;position:relative}.score-svg{width:100%;height:100%;transform:rotate(-90deg)}.score-progress{transition:stroke-dashoffset .5s ease}.score-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff}.score-num{font-size:1.65rem;font-weight:700}.score-sep{font-size:1.1rem;opacity:.5;margin:0 2px}.score-total{font-size:1.1rem;opacity:.6}.score-details{display:flex;flex-direction:column;gap:4px}.score-row{display:flex;align-items:center;gap:6px;font-size:.95rem;color:#ffffffb3}.score-row.checked svg{color:#22c55e}.score-row.failed svg{color:#ef4444}.score-row.na svg{color:#6b7280}.mode-toggle{display:flex;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.action-buttons{display:flex;gap:8px}.mode-btn{padding:10px 16px;font-size:.9rem;font-weight:600;background:transparent;border:none;color:#ffffff80;cursor:pointer;transition:all .2s}.mode-btn:hover{color:#fffc;background:#ffffff0d}.mode-btn.active{background:#fc5d1f;color:#fff}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.action-btn.export{background:#fc5d1f;color:#fff}.action-btn.export:hover{background:#e67e00}.action-btn.reset{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.action-btn.reset:hover{background:#ef444433;border-color:#ef4444}.legend{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px;font-size:.85rem;color:#666}.legend-item{display:flex;align-items:center;gap:6px}.legend-icon{width:18px;height:18px;border-radius:4px;border:2px solid}.legend-icon.unchecked{border-color:#d1d5db;background:#fff}.legend-icon.checked{border-color:#22c55e;background:#dcfce7}.legend-icon.failed{border-color:#ef4444;background:#fee2e2}.legend-icon.na{border-color:#9ca3af;background:#f3f4f6}.legend-hint{margin-left:auto;font-style:italic;color:#999}.sections{display:flex;flex-direction:column;gap:12px}.section{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fafafa;border:none;cursor:pointer;transition:background .2s}.section-header:hover{background:#f5f5f5}.section-title{display:flex;align-items:center;gap:12px}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fc5d1f1a;border-radius:8px;color:#fc5d1f}.section-name{font-size:1.1rem;font-weight:600;color:#1a1a2e}.section-badge{padding:4px 10px;background:#e5e5e5;border-radius:12px;font-size:.8rem;font-weight:600;color:#666}.section-badge.complete{background:#dcfce7;color:#15803d}.section-badge.has-errors{background:#fee2e2;color:#b91c1c}.section-content{padding:0}.checklist-table{width:100%;border-collapse:collapse}.checklist-table th{padding:12px 16px;text-align:left;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;background:#f8f9fa;border-bottom:1px solid #e5e5e5}.checklist-table td{padding:12px 16px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.checklist-table tr:last-child td{border-bottom:none}.col-status{width:60px;text-align:center!important}.col-item{width:45%;font-weight:500;color:#1a1a2e}.col-how{width:auto;font-size:.9rem;color:#666}.status-btn{width:32px;height:32px;border-radius:6px;border:2px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;background:#fff}.status-btn:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.status-btn:active{transform:scale(.95)}.status-btn.unchecked{border-color:#d1d5db}.status-btn.unchecked:hover{border-color:#fc5d1f;background:#fff8f0}.status-btn.checked{border-color:#22c55e;background:#dcfce7;color:#15803d}.status-btn.checked:hover{border-color:#16a34a;background:#bbf7d0}.status-btn.failed{border-color:#ef4444;background:#fee2e2;color:#b91c1c}.status-btn.failed:hover{border-color:#dc2626;background:#fecaca}.status-btn.na{border-color:#9ca3af;background:#f3f4f6;color:#6b7280}.status-btn.na:hover{border-color:#6b7280;background:#e5e7eb}.checklist-row.checked{background:#f0fdf4}.checklist-row.checked .col-item{color:#15803d}.checklist-row.failed{background:#fef2f2}.checklist-row.failed .col-item{color:#b91c1c}.checklist-row.failed .col-how{color:#dc2626;font-weight:500}.checklist-row.na{background:#f9fafb;opacity:.6}.checklist-row.na .col-item,.checklist-row.na .col-how{text-decoration:line-through;color:#9ca3af}@media (max-width: 768px){.header-top{flex-direction:column;align-items:stretch}.score-panel{justify-content:center}.header-bottom{flex-direction:column;gap:12px}.mode-toggle{width:100%;justify-content:center}.mode-btn{flex:1;text-align:center}.action-buttons{width:100%;justify-content:center}.legend{justify-content:center}.legend-hint{width:100%;text-align:center;margin-left:0;margin-top:8px}.checklist-table th.col-how,.checklist-table td.col-how{display:none}.col-item{width:auto}}
