.logs-page{max-width:1840px;margin:auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.logs-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#3b82f6}.logs-hero h1{font-size:clamp(32px,4vw,52px);margin:5px 0}.logs-hero p,.panel-head p{margin:0;color:var(--wms-muted,#94a3b8)}button{font:inherit}.hero-actions{display:flex;gap:9px}.hero-actions button,.primary-btn,.sync-filters button,.woo-audit-actions button{border:1px solid var(--wms-line,#26364f);border-radius:11px;padding:10px 15px;background:var(--wms-surface-2,#122036);color:var(--wms-text,#fff);font-weight:800;cursor:pointer}.primary-btn,.hero-actions .primary-btn{background:#2563eb;border-color:#2563eb;color:#fff}.log-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:12px}.log-stats button{min-width:0;text-align:left;padding:14px;border:1px solid var(--wms-line,#26364f);border-radius:15px;background:var(--wms-surface,#0d1a2e);color:var(--wms-text,#fff);cursor:pointer}.log-stats span,.log-stats small{display:block;color:var(--wms-muted,#94a3b8);font-size:11px}.log-stats b{display:block;font-size:25px;margin:4px 0}.log-stats .warn b{color:#f59e0b}.log-stats .error b{color:#ef4444}.integration-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 14px}.integration-card{min-width:0;border:1px solid var(--wms-line,#26364f);border-radius:14px;background:var(--wms-surface,#0d1a2e);overflow:hidden}.integration-top{min-width:0;padding:12px 13px;border-bottom:1px solid var(--wms-line,#26364f);background:rgba(59,130,246,.035)}.integration-kicker{display:block;margin-bottom:4px;color:#60a5fa;font-size:8px;font-weight:900;letter-spacing:.12em}.integration-top b{display:block;min-width:0;font-size:13px;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.integration-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:11px 13px}.integration-state{min-width:0}.integration-state small{display:block;margin-top:6px;color:var(--wms-muted,#94a3b8);font-size:10px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.integration-bottom time{align-self:end;color:var(--wms-muted,#64748b);font-size:8px;white-space:nowrap}.health{display:inline-flex;max-width:100%;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;white-space:normal;overflow-wrap:anywhere}.health.online,.health.ok{background:rgba(16,185,129,.14);color:#34d399}.health.warning,.health.unknown{background:rgba(245,158,11,.14);color:#fbbf24}.health.offline,.health.error{background:rgba(239,68,68,.14);color:#f87171}.health.not_configured{background:rgba(148,163,184,.12);color:#94a3b8}.test-state{display:block;margin-top:4px}.test-state.online{color:#34d399}.test-state.warning{color:#fbbf24}.test-state.offline{color:#f87171}.log-tabs{display:flex;gap:5px;border:1px solid var(--wms-line,#26364f);background:var(--wms-surface,#0d1a2e);padding:5px;border-radius:14px;margin-bottom:12px;overflow-x:auto}.log-tabs button{border:0;background:transparent;color:var(--wms-muted,#94a3b8);padding:9px 13px;border-radius:9px;font-weight:850;white-space:nowrap;cursor:pointer}.log-tabs button.active{background:rgba(37,99,235,.14);color:#60a5fa}.log-tabs span{display:inline-flex;min-width:20px;justify-content:center;margin-left:4px;padding:2px 5px;background:rgba(239,68,68,.14);border-radius:999px;color:#f87171;font-size:9px}.tab-panel{display:none}.tab-panel.active{display:block}.logs-panel{border:1px solid var(--wms-line,#26364f);border-radius:17px;background:var(--wms-surface,#0d1a2e);overflow:hidden}.toolbar{display:grid;grid-template-columns:minmax(230px,1.6fr) repeat(5,minmax(105px,.55fr));gap:8px;padding:12px;border-bottom:1px solid var(--wms-line,#26364f)}.toolbar input,.toolbar select,.sync-filters select,.woo-audit-toolbar select,.woo-audit-toolbar input{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--wms-line,#33445f);border-radius:9px;background:var(--wms-input,#071426);color:var(--wms-text,#fff)}.status{padding:8px 13px;color:var(--wms-muted,#94a3b8);font-size:11px}.responsive-log-table{overflow:visible}.responsive-log-table table{width:100%;border-collapse:collapse;table-layout:fixed}.responsive-log-table th,.responsive-log-table td{padding:9px 10px;border-top:1px solid var(--wms-line,#26364f);text-align:left;vertical-align:top;overflow-wrap:anywhere}.responsive-log-table th{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:var(--wms-muted,#94a3b8)}.responsive-log-table td{font-size:11px}.responsive-log-table th:nth-child(1){width:125px}.responsive-log-table th:nth-child(2){width:72px}.responsive-log-table th:nth-child(3){width:105px}.responsive-log-table th:nth-child(4){width:155px}.responsive-log-table th:nth-child(6){width:145px}.responsive-log-table th:nth-child(7){width:115px}.log-row{cursor:pointer}.log-row:hover{background:rgba(59,130,246,.045)}.level{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900}.level.INFO{background:rgba(59,130,246,.14);color:#60a5fa}.level.WARN{background:rgba(245,158,11,.15);color:#fbbf24}.level.ERROR,.level.CRITICAL{background:rgba(239,68,68,.14);color:#f87171}.message{line-height:1.35}.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:16px;border-bottom:1px solid var(--wms-line,#26364f)}.panel-head h2{margin:4px 0;font-size:22px}.sync-filters{display:flex;gap:7px}.sync-runs{padding:12px;display:grid;gap:8px}.sync-run{display:grid;grid-template-columns:110px 120px minmax(180px,1fr) repeat(4,88px) 120px;gap:9px;align-items:center;padding:11px;border:1px solid var(--wms-line,#26364f);border-radius:12px;background:var(--wms-surface-2,#122036);cursor:pointer}.sync-run:hover{border-color:#3b82f6}.sync-run>div span{display:block;color:var(--wms-muted,#94a3b8);font-size:9px;text-transform:uppercase}.sync-run>div b{display:block;margin-top:3px;font-size:12px}.sync-status{padding:5px 8px;border-radius:999px;text-align:center;font-size:9px;font-weight:900}.sync-status.completed{background:rgba(16,185,129,.14);color:#34d399}.sync-status.partial{background:rgba(245,158,11,.14);color:#fbbf24}.sync-status.failed{background:rgba(239,68,68,.14);color:#f87171}.sync-status.running{background:rgba(59,130,246,.14);color:#60a5fa}.sync-run .bad b{color:#f87171}.woo-audit-panel{padding-bottom:12px}.woo-audit-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.woo-audit-toolbar label{font-size:10px;color:var(--wms-muted,#94a3b8)}.woo-audit-actions{display:flex;gap:8px;padding:0 12px 10px}.woo-result-summary{margin:0 12px 10px;padding:9px 11px;border:1px solid var(--wms-line,#26364f);border-radius:10px;color:var(--wms-muted,#94a3b8);font-size:11px}.subheading{padding:0 12px}.skeleton,.empty{padding:20px;color:var(--wms-muted,#94a3b8);text-align:center}.log-modal{position:fixed;inset:0;z-index:12000;background:rgba(2,6,23,.76);backdrop-filter:blur(7px);display:grid;place-items:center;padding:16px}.log-modal[hidden]{display:none}.log-dialog{width:min(1180px,100%);max-height:92dvh;display:flex;flex-direction:column;border:1px solid var(--wms-line,#33445f);border-radius:18px;background:var(--wms-surface,#0d1a2e);box-shadow:0 30px 100px rgba(0,0,0,.45);overflow:hidden}.log-dialog header{display:flex;justify-content:space-between;gap:20px;padding:17px;border-bottom:1px solid var(--wms-line,#26364f)}.log-dialog h2{margin:4px 0;font-size:22px}.log-dialog header p{margin:0;color:var(--wms-muted,#94a3b8);font-size:11px}.modal-close{width:42px;height:42px;border:1px solid var(--wms-line,#33445f);border-radius:10px;background:var(--wms-surface-2,#122036);color:var(--wms-text,#fff);font-size:24px;cursor:pointer}.modal-body{padding:15px;overflow:auto}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px}.detail-card{padding:10px;border:1px solid var(--wms-line,#26364f);border-radius:10px;background:var(--wms-surface-2,#122036)}.detail-card span{display:block;color:var(--wms-muted,#94a3b8);font-size:9px;text-transform:uppercase}.detail-card strong{display:block;margin-top:4px;font-size:11px;overflow-wrap:anywhere}.code-block{margin-top:10px;border:1px solid var(--wms-line,#26364f);border-radius:10px;background:#050d18;overflow:auto}.code-block h4{margin:0;padding:8px 10px;border-bottom:1px solid #1c2a3d;font-size:10px;color:#94a3b8}.code-block pre{margin:0;padding:10px;white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#cbd5e1}.sync-errors{display:grid;gap:7px}.sync-error{padding:10px;border:1px solid rgba(239,68,68,.22);border-radius:10px;background:rgba(127,29,29,.07)}.sync-error header{display:flex;padding:0;border:0}.sync-error b{font-size:12px}.sync-error p{margin:4px 0;color:#fca5a5;font-size:11px;overflow-wrap:anywhere}.sync-error details{font-size:10px;color:var(--wms-muted,#94a3b8)}@media(max-width:1180px){.log-stats{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:repeat(3,1fr)}.toolbar input{grid-column:span 2}.sync-run{grid-template-columns:100px 100px minmax(160px,1fr) repeat(2,80px);}.sync-run>div:nth-of-type(6),.sync-run>div:nth-of-type(7){display:none}}@media(max-width:760px){.logs-page{padding:12px}.logs-hero,.panel-head{align-items:stretch;flex-direction:column}.hero-actions,.sync-filters{display:grid;grid-template-columns:1fr 1fr}.log-stats{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr 1fr}.toolbar input{grid-column:1/-1}.responsive-log-table table,.responsive-log-table tbody,.responsive-log-table tr,.responsive-log-table td{display:block;width:100%}.responsive-log-table thead{display:none}.responsive-log-table tr{padding:8px;border-top:1px solid var(--wms-line,#26364f)}.responsive-log-table td{display:grid;grid-template-columns:88px minmax(0,1fr);border:0;padding:4px 6px}.responsive-log-table td:before{content:attr(data-label);font-size:9px;color:var(--wms-muted,#94a3b8);text-transform:uppercase}.sync-run{grid-template-columns:1fr 1fr}.sync-run>div{display:block!important}.woo-audit-toolbar{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.log-stats{grid-template-columns:1fr 1fr}.integration-strip{grid-template-columns:1fr 1fr}.toolbar{grid-template-columns:1fr}.toolbar input{grid-column:auto}.hero-actions,.sync-filters{grid-template-columns:1fr}.woo-audit-toolbar{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.log-dialog{max-height:96dvh}.log-modal{padding:6px}}
.integration-card *{min-width:0}.detail-card small{display:block;margin-top:5px;color:var(--wms-muted,#94a3b8);overflow-wrap:anywhere}.logs-page{overflow-x:hidden}
.integration-card[data-code]:not([data-code="database"]){cursor:pointer}.integration-card[data-code]:not([data-code="database"]):hover{border-color:#3b82f6}