.quality-showcase{background:#f0f5f8}.quality-demo{margin-top:32px;padding:24px;background:white;border:1px solid #ccdde8;color:#315775}.quality-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #d7e4ec;padding-bottom:18px}.quality-toolbar strong{font-size:14px}.quality-demo button,.quality-demo .quality-approval>a{border:1px solid #c6d9e4;background:#f4f8fa;padding:10px 12px;font:inherit;font-size:11px;color:#4d748b;cursor:pointer}.quality-demo button:focus-visible,.quality-demo summary:focus-visible{outline:3px solid #70a994;outline-offset:3px}.quality-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0 25px}.quality-stages li{padding:10px 8px;background:#f1f6f9;border-bottom:3px solid #d7e4ec;font-size:10px;color:#6c8ba0;line-height:1.6;transition:background .25s}.quality-stages b{display:inline-grid;place-items:center;width:19px;height:19px;background:#e0eaf0;margin-right:7px;font-size:10px}.quality-stages .is-current{background:#e3f3ea;border-color:#599a7d;color:#367455}.quality-stages .is-complete{border-color:#97bfad}.quality-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:28px}.quality-settings{min-width:0}.quality-pickers{display:grid;grid-template-columns:1fr;gap:12px}.quality-demo .search-picker{border:0;padding:0;margin:0;min-width:0;display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px}.quality-demo .search-picker legend{float:left;font-size:11px;color:#6b899e;text-align:right;padding:10px 0;width:105px}.quality-demo .picker-dropdown{position:relative;min-width:0}.quality-demo .picker-trigger{display:flex;justify-content:space-between;gap:10px;border:1px solid #c6d9e5;background:white;padding:11px;font-size:11px;cursor:pointer;list-style:none}.quality-demo .picker-trigger::-webkit-details-marker{display:none}.quality-demo .picker-panel{position:absolute;top:100%;left:0;right:0;z-index:10;background:white;border:1px solid #c6d9e5;box-shadow:0 10px 25px #173c5320;padding:10px;max-height:250px;overflow:auto}.quality-demo .picker-search{width:100%;border:1px solid #c9dce7;padding:9px;color:#365f7c;font-size:12px}.quality-demo .picker-options label{display:flex;gap:8px;align-items:center;font-size:11px;padding:10px 0;cursor:pointer;line-height:1.6}.quality-demo [hidden]{display:none!important}.quality-picker-empty{font-size:11px;color:#9c785d;margin:12px 0 0}.quality-section-settings{margin-top:20px;border:1px solid #dae5ed;padding:12px;font-size:12px}.quality-section-settings summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;list-style:none}.quality-section-settings p{font-size:10px;color:#8b9fad;margin:12px 0}.quality-section-settings label{display:flex;gap:8px;align-items:center;font-size:11px;padding:8px 0}.quality-section-preview{background:#eef5f3;padding:18px;margin-top:18px}.quality-section-preview>strong{font-size:12px;color:#487864}.quality-section-preview>p{font-size:10px;color:#78988a;line-height:1.8;margin:10px 0 18px}.quality-section-preview .erp-form-field{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px}.quality-section-preview .erp-form-caption{font-size:11px;text-align:right;padding-top:10px}.quality-section-preview input{width:100%;padding:10px;background:white;border:1px solid #bdd6c9;font:inherit;font-size:13px;color:#345e4b}.quality-section-preview small{display:block;font-size:9px;line-height:1.9;color:#7d9a8b;margin-top:7px}.quality-verdict{margin-top:15px;font-size:11px;padding:11px;background:#e0eee5;color:#497e60;border-left:3px solid currentColor}.quality-verdict[data-pass=false]{background:#fff0df;color:#99653b}.quality-approval{margin-top:18px;display:grid;gap:12px}.quality-approval>button{background:#305e6a;color:white;border-color:#305e6a}.quality-approval p{font-size:10px;line-height:1.9;color:#879ca9;margin:0}.quality-approval>a{text-align:center;background:#e5f2ea!important;color:#41785e!important}.quality-drawing-panel{min-width:0;background:#f5f8fa;border:1px solid #d3e1ea;padding:18px;align-self:start}.quality-drawing-toolbar>span{font-size:9px;letter-spacing:1px;color:#88a2b3}.quality-drawing-toolbar>div{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.quality-drawing-toolbar button{font-size:10px;padding:8px 10px}.quality-drawing-toolbar button[aria-pressed=true]{background:#365e7a;color:white;border-color:#365e7a}.quality-drawing{display:block;width:100%;height:auto;background:#fff;cursor:crosshair;touch-action:manipulation}.quality-drawing text{fill:#7391a8;font:10px Arial}.quality-drawing .quality-svg-title{font-size:12px;font-weight:700;fill:#466a86}.quality-drawing .quality-added-mark{stroke:#be6e3b;stroke-width:2;fill:#e8b87b22}.quality-drawing circle.quality-added-mark{fill:#e69a60;stroke:#fff}.quality-drawing [data-quality-marks] text{font-size:15px;font-weight:700;fill:#a96434}.quality-mark-help{font-size:11px;line-height:1.8;color:#63879c;margin:16px 0 12px;min-height:40px}.quality-mark-examples{display:flex;gap:10px;flex-wrap:wrap}.quality-mark-examples button{font-size:10px}.quality-mark-list{padding-left:20px;margin:16px 0;max-height:110px;overflow:auto}.quality-mark-list li{font-size:10px;line-height:1.9;color:#8198a7}.quality-drawing-note{display:block;font-size:9px;line-height:1.9;color:#91a5b3}.quality-demo-footnote{border-top:1px solid #dbe6ed;margin:22px 0 0;padding-top:17px;font-size:10px;color:#839aaa;line-height:1.9}.quality-demo-footnote a{color:#477d69;text-decoration:underline}.quality-playing .quality-part-lines{stroke-dasharray:1100;animation:quality-outline 2.2s ease-in-out}.quality-playing .quality-stages .is-current b{animation:quality-dot 1.2s ease-in-out infinite}.quality-added-mark{animation:quality-mark .25s ease-out}@keyframes quality-outline{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}@keyframes quality-dot{50%{background:#badac9}}@keyframes quality-mark{from{opacity:0}to{opacity:1}}
@media(max-width:1000px){.quality-layout{grid-template-columns:1fr 1.2fr;gap:18px}.quality-demo{padding:20px}.quality-demo .search-picker{grid-template-columns:80px minmax(0,1fr);gap:8px}.quality-demo .search-picker legend{width:80px}.quality-drawing-panel{padding:13px}}
@media(max-width:740px){.quality-layout{grid-template-columns:1fr}.quality-demo{padding:15px}.quality-stages{gap:5px;grid-template-columns:repeat(3,1fr)}.quality-stages li{font-size:9px}.quality-demo .search-picker{grid-template-columns:1fr;gap:5px}.quality-demo .search-picker legend{float:none;text-align:left;width:auto;padding:0}.quality-toolbar{align-items:start}.quality-toolbar strong{font-size:12px}.quality-toolbar button{font-size:9px;max-width:130px}.quality-drawing-panel{padding:12px}.quality-drawing-toolbar button{min-height:40px}.quality-section-preview .erp-form-field{grid-template-columns:1fr}.quality-section-preview .erp-form-caption{text-align:left;padding:0}}
@media(prefers-reduced-motion:reduce){.quality-demo *{animation:none!important;transition:none!important}}