.quality-section{background:var(--main-background);border:1px solid var(--main-delimiter-light);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,0.1);margin-bottom:24px;padding:20px;}.quality-header-content{display:flex;align-items:center;gap:12px;padding:16px 20px 0;}.quality-header-icon{font-size:20px;background:var(--main-accent-color);border-radius:6px;padding:6px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:white;}.quality-header-text{flex:1;}.quality-subtitle{font-size:12px;color:var(--main-text-sub-color);margin:0;font-weight:400;}.quality-overview{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:0;background:transparent;margin:0;}.metric-card.compact{padding:16px;min-height:auto;}.metric-content-compact{display:flex;flex-direction:column;gap:12px;}.metric-main-value{font-size:24px;font-weight:700;color:var(--main-text-color);line-height:1.2;}.metric-details{display:flex;flex-direction:column;gap:6px;}.metric-detail-item{display:flex;justify-content:space-between;align-items:center;font-size:12px;line-height:1.3;}.detail-label{color:var(--main-text-sub-color);font-weight:500;}.detail-value{color:var(--main-text-color);font-weight:600;}.combined-card{background:var(--main-background);border-radius:12px;padding:20px;border:1px solid var(--main-delimiter-light);box-shadow:0 1px 3px rgba(0,0,0,0.1);min-height:auto;}.combined-header{margin-bottom:16px;}.combined-header h3{font-size:16px;font-weight:500;color:var(--main-text-color-beauty);margin:0;}.combined-content{display:flex;gap:24px;align-items:center;}.combined-metric{flex:1;text-align:center;}.combined-metric .metric-title{font-size:12px;font-weight:500;color:var(--main-text-sub-color);margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px;}.combined-metric .metric-main-value{font-size:24px;font-weight:700;color:var(--main-text-color);margin-bottom:4px;line-height:1;}.combined-metric .metric-subtitle{font-size:11px;color:var(--main-text-sub-color);font-weight:400;}.combined-divider{width:1px;height:40px;background:var(--main-delimiter-light);align-self:center;}.quality-secondary-metrics{display:flex;flex-direction:column;gap:12px;}.quality-secondary-metric{background:var(--main-background);border-radius:12px;padding:16px;border:1px solid var(--main-delimiter-light);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.3s ease;}.quality-secondary-metric:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15);}.secondary-metric-icon{font-size:16px;background:var(--main-sub-background);border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:8px;}.secondary-metric-content{flex:1;}.secondary-metric-value{font-size:18px;font-weight:700;color:var(--main-text-color-beauty);margin-bottom:4px;line-height:1;}.secondary-metric-label{font-size:12px;color:var(--main-text-sub-color);font-weight:500;margin-bottom:4px;line-height:1.2;}.secondary-metric-count{font-size:11px;color:var(--main-accent-color);font-weight:500;line-height:1.2;}.metric-additional-info{margin-top:10px;padding-top:10px;border-top:1px solid var(--main-border-color);}.top-field-info{display:flex;flex-direction:row;align-items:center;gap:4px;font-size:10px;opacity:0.7;flex-wrap:wrap;}.top-field-label{color:var(--main-text-sub-color);font-weight:400;font-size:9px;}.top-field-name{color:var(--main-text-sub-color);font-weight:500;font-size:10px;}.top-field-meters{color:var(--main-text-sub-color);font-weight:400;font-size:9px;}.metric-period-header{font-size:10px;color:var(--main-text-sub-color);margin-top:2px;opacity:0.7;font-style:italic;font-weight:normal;}.incident-workflow{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0 0 0;padding:24px 20px;background:linear-gradient(135deg,var(--main-background),var(--main-sub-background));border:1px solid var(--main-delimiter-light);border-radius:16px;}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:140px;position:relative;box-sizing:border-box;overflow:hidden;}.workflow-step.clickable{cursor:pointer;padding:16px 12px;border-radius:12px;transition:all 0.3s ease;position:relative;text-align:center;word-wrap:break-word;hyphens:auto;max-width:100%;box-sizing:border-box;}.workflow-step.clickable::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease;}.workflow-step.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 10px rgba(0,0,0,0.1);}.workflow-step.clickable:hover::before{left:100%;}.workflow-step.clickable:active{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2);}.step-content{text-align:center;width:100%;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}.step-label{font-size:13px;font-weight:600;color:var(--main-text-color-beauty);margin-bottom:8px;line-height:1.2;min-height:32px;display:flex !important;align-items:center !important;justify-content:center !important;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word;text-align:center !important;width:100%;box-sizing:border-box;padding:0 4px;text-align-last:center !important;-webkit-text-align-last:center !important;-moz-text-align-last:center !important;}.step-count{font-size:24px;font-weight:700;line-height:1;transition:all 0.3s ease;text-align:center;word-wrap:break-word;width:100%;box-sizing:border-box;padding:0 4px;}.step-timing{font-size:10px;color:var(--main-text-sub-color);margin-top:4px;line-height:1.4;text-align:center;}.unconfirmed-highlight{font-size:26px !important;font-weight:800 !important;}.workflow-arrow{display:flex;align-items:center;justify-content:center;opacity:0.4;transition:all 0.3s ease;margin:0 4px;}.workflow-arrow:hover{opacity:0.8;transform:scale(1.1);}.workflow-arrow svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1));}@media(max-width:768px){.quality-overview{grid-template-columns:1fr;gap:16px;}.quality-secondary-metrics{gap:10px;}.quality-secondary-metric{padding:14px;}.secondary-metric-icon{width:28px;height:28px;font-size:14px;padding:6px;}.secondary-metric-value{font-size:16px;}.secondary-metric-label{font-size:11px;}.secondary-metric-count{font-size:10px;}.incident-workflow{flex-direction:column;gap:16px;padding:24px 20px;border-radius:14px;}.workflow-arrow{transform:rotate(90deg);margin:4px 0;opacity:0.6;}.workflow-step{max-width:100%;padding:16px;}.step-label{font-size:12px;min-height:28px;}.step-count{font-size:20px;}}@media(max-width:1200px){.incident-workflow{gap:12px;padding:20px 16px;border-radius:14px;}.workflow-step{max-width:120px;padding:12px 8px;}.step-label{font-size:12px;text-align:center !important;text-align-last:center !important;-webkit-text-align-last:center !important;-moz-text-align-last:center !important;}.step-count{font-size:18px;}}@media(max-width:480px){.incident-workflow{padding:20px 16px;gap:12px;border-radius:12px;}.workflow-step{padding:12px;}.workflow-step.clickable{padding:12px 8px;}.step-label{font-size:11px;line-height:1.2;word-break:break-word;hyphens:auto;min-height:24px;padding:0 6px;text-align:center !important;text-align-last:center !important;-webkit-text-align-last:center !important;-moz-text-align-last:center !important;justify-content:center !important;}.step-count{font-size:18px;padding:0 6px;}.unconfirmed-highlight{font-size:22px !important;}}