:root{
--og-card-bg:#fff;
--og-card-border:#e9ecef;
--og-card-shadow:rgba(0,0,0,0.08);
--og-text-primary:#343a40;
--og-text-secondary:#6c757d;
--og-text-muted:#6c757d;
--og-input-bg:#fff;
--og-input-border:#e9ecef;
--og-input-focus-border:#00a651;
--og-input-focus-shadow:rgba(0,166,81,0.1);
--og-input-placeholder:#6c757d;
--og-label-color:#343a40;
--og-table-bg:#fff;
--og-table-header-bg:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
--og-table-header-text:#343a40;
--og-table-border:#dee2e6;
--og-table-hover-bg:#f8f9fa;
--og-table-code-bg:#f8f9fa;
--og-table-code-text:#0072bc;
--og-pre-bg:#2d3748;
--og-pre-text:#e2e8f0;
--og-preview-border:#dee2e6;
--og-preview-bg:#f8f9fa;
--og-score-bg:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);
--og-not-found-bg:#fff3cd;
--og-not-found-border:#ffeaa7;
--og-not-found-text:#856404;
}
[data-theme="dark"]{
--og-card-bg:#2d2d2d;
--og-card-border:#495057;
--og-card-shadow:rgba(0,0,0,0.4);
--og-text-primary:#e9ecef;
--og-text-secondary:#adb5bd;
--og-text-muted:#adb5bd;
--og-input-bg:#1a1a1a;
--og-input-border:#495057;
--og-input-focus-border:#10b981;
--og-input-focus-shadow:rgba(16,185,129,0.2);
--og-input-placeholder:#adb5bd;
--og-label-color:#e9ecef;
--og-table-bg:#2d2d2d;
--og-table-header-bg:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);
--og-table-header-text:#e9ecef;
--og-table-border:#495057;
--og-table-hover-bg:#3a3a3a;
--og-table-code-bg:#1a1a1a;
--og-table-code-text:#60a5fa;
--og-pre-bg:#0f0f0f;
--og-pre-text:#d1d5db;
--og-preview-border:#495057;
--og-preview-bg:#1a1a1a;
--og-score-bg:linear-gradient(135deg,#3a3a3a 0%,#2d2d2d 100%);
--og-not-found-bg:#3f3014;
--og-not-found-border:#6b5c1f;
--og-not-found-text:#fcd34d;
}
.og-check-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1200px;margin:0 auto;}
.og-check-card{background:var(--og-card-bg);border:1px solid var(--og-card-border);border-radius:16px;padding:24px;box-shadow:0 4px 12px var(--og-card-shadow);transition:.3s;position:relative;overflow:hidden;animation:slideInUp .4s ease-out;}
.og-check-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--og-card-shadow);}
.og-check-card h2,.og-check-card h3{margin:0 0 20px 0;font-size:1.4rem;font-weight:700;color:var(--og-text-primary);display:flex;align-items:center;gap:10px;}
.og-check-form{display:grid;gap:20px;}
.og-check-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;}
.og-check-field label{font-weight:600;color:var(--og-label-color);font-size:.95rem;display:flex;align-items:center;gap:8px;}
.og-check-field input[type="url"]{width:100%;padding:12px 16px;border:2px solid var(--og-input-border);border-radius:10px;font-size:1rem;background:var(--og-input-bg);transition:.3s;color:var(--og-text-primary);}
.og-check-field input[type="url"]:focus{outline:none;border-color:var(--og-input-focus-border);box-shadow:0 0 0 3px var(--og-input-focus-shadow);background:var(--og-input-bg);}
.og-check-field input[type="url"]::placeholder{color:var(--og-input-placeholder);}
.og-check-small{font-size:.85rem;line-height:1.4;}
.og-check-muted{color:var(--og-text-muted);opacity:.8;}
.og-check-inline{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:16px 0;}
.og-check-inline label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--og-text-primary);cursor:pointer;user-select:none;margin:0;}
.og-check-inline input[type="checkbox"]{margin:0;transform:scale(1.1);}
.og-check-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;align-items:center;}
.og-check-actions-btn{padding:12px 20px;border-radius:10px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;}
.og-check-actions-btn svg{width:16px;height:16px;flex-shrink:0;color:inherit;}
@media (max-width:768px){
.og-check-actions{flex-direction:column;}
.og-check-actions-btn{width:100%;justify-content:center;}
}
.og-check-two-cols{display:grid;grid-template-columns:1fr;gap:24px;}
@media (min-width:900px){
.og-check-two-cols{grid-template-columns:1fr 1fr;}
}
.og-check-table{width:100%;border-collapse:collapse;margin-top:12px;background:var(--og-table-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--og-card-shadow);table-layout:fixed;}
.og-check-table th{background:var(--og-table-header-bg);color:var(--og-table-header-text);font-weight:600;padding:12px;text-align:left;border-bottom:2px solid var(--og-table-border);}
.og-check-table td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--og-table-border);word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;}
.og-check-table th:first-child{width:30%;}
.og-check-table th:last-child{width:70%;}
.og-check-table tbody tr:hover{background:var(--og-table-hover-bg);}
.og-check-table code{background:var(--og-table-code-bg);padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:.9em;color:var(--og-table-code-text);}
.og-check-pre{white-space:pre-wrap;word-break:break-word;background:var(--og-pre-bg);color:var(--og-pre-text);padding:16px;border-radius:8px;font-family:'Courier New',monospace;font-size:.9rem;line-height:1.5;max-height:400px;overflow-y:auto;}
.og-check-card-preview{border:2px dashed var(--og-preview-border);border-radius:12px;padding:16px;display:grid;gap:12px;background:var(--og-preview-bg);transition:.3s;margin-top:20px;}
.og-check-card-preview:hover{border-color:#00a651;background:var(--og-preview-bg);}
.og-check-card-preview-img{width:100%;aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--og-preview-border);border-radius:8px;background:var(--og-preview-bg);display:flex;align-items:center;justify-content:center;color:var(--og-text-secondary);font-size:14px;text-align:center;}
.og-check-card-preview-img.no-image{background:var(--og-preview-bg);border:2px dashed var(--og-preview-border);}
.og-check-list{margin:8px 0 0 0;padding-left:20px;list-style:none;}
.og-check-list li{position:relative;margin-bottom:8px;line-height:1.5;padding-left:24px;}
.og-check-list li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#00a651;border-radius:50%;}
.og-check-list[data-priority="high"] li::before{background:#dc3545;}
.og-check-list[data-priority="medium"] li::before{background:#ffc107;}
.og-check-list[data-priority="low"] li::before{background:#28a745;}
@media (max-width:768px){
.og-check-card{padding:20px;border-radius:12px;}
.og-check-card h2,.og-check-card h3{font-size:1.2rem;}
.og-check-inline{flex-direction:column;align-items:flex-start;gap:12px;}
.og-check-actions{flex-direction:column;}
.og-check-actions-btn{width:100%;justify-content:center;}
.og-check-table{font-size:.9rem;}
.og-check-table th,.og-check-table td{padding:8px;}
}
@media (max-width:480px){
.og-check-card{padding:16px;}
.og-check-field input[type="url"]{padding:10px 12px;}
.og-check-actions-btn{padding:10px 16px;font-size:.9rem;}
}
@keyframes slideInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.og-check-card{animation:slideInUp .4s ease-out;}
.og-check-card:nth-child(2){animation-delay:.1s;}
.og-check-card:nth-child(3){animation-delay:.2s;}
.og-check-card:nth-child(4){animation-delay:.3s;}
.og-check-icon{width:16px;height:16px;flex-shrink:0;color:#00a651;}
.og-check-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;}
.og-check-btn-icon svg{width:100%;height:100%;color:inherit;stroke:currentColor;}
.og-check-actions span[role="status"]{font-style:italic;color:var(--og-text-secondary);}
.og-check-score-display{display:flex;align-items:center;gap:12px;padding:16px;background:var(--og-score-bg);border-radius:12px;border:1px solid var(--og-card-border);margin-bottom:20px;}
.og-check-score-number{font-size:2rem;font-weight:700;padding:8px 16px;border-radius:8px;color:#fff;min-width:80px;text-align:center;}
.og-check-score-excellent{background:linear-gradient(135deg,#28a745,#20c997);}
.og-check-score-good{background:linear-gradient(135deg,#17a2b8,#20c997);}
.og-check-score-average{background:linear-gradient(135deg,#ffc107,#fd7e14);}
.og-check-score-poor{background:linear-gradient(135deg,#dc3545,#e83e8c);}
.og-check-score-text{flex:1;display:flex;flex-direction:column;gap:4px;}
.og-check-score-label{font-size:0.9rem;color:var(--og-text-secondary);font-weight:500;}
.og-check-score-description{font-size:1.1rem;font-weight:600;color:var(--og-text-primary);}
.og-check-not-found{background:var(--og-not-found-bg);border:1px solid var(--og-not-found-border);color:var(--og-not-found-text);padding:12px 16px;border-radius:8px;margin-top:12px;display:flex;align-items:center;gap:8px;font-weight:500;}
.og-check-not-found-icon{width:16px;height:16px;flex-shrink:0;}