.quality-page{min-width:0;min-height:100vh;padding:0 24px 32px;background:#f3f6f5;color:#263638}.quality-header{min-height:132px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 -24px;padding:20px 28px;border-bottom:1px solid var(--line);background:#fff}.quality-header a{display:inline-block;margin-bottom:7px;color:#68777a;font-size:11px;text-decoration:none}.quality-header>div:first-child>span{display:block;margin-bottom:6px;color:var(--teal);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.quality-header h1{margin:0 0 7px;font-size:27px}.quality-header p{margin:0;color:#6d7b7d;font-size:12px}.quality-header__actions{display:grid;grid-template-columns:auto auto;gap:8px;justify-items:end}.quality-header__actions>span{grid-column:1/-1;padding:7px 10px;border-radius:14px;background:#eef2f1;color:#667477;font-size:11px}.quality-header__actions .button{min-height:38px;font-size:11px}.quality-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 10px}.quality-kpis article{position:relative;padding:14px 15px;border:1px solid var(--line);background:#fff}.quality-kpis article:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#849a9c}.quality-kpis .is-accent:before{background:var(--teal)}.quality-kpis .is-warning:before{background:#c28a30}.quality-kpis .is-danger:before{background:#ba4e47}.quality-kpis span,.quality-kpis small{display:block;color:#738184;font-size:11px}.quality-kpis b{display:block;margin:6px 0 3px;font-size:20px}.quality-flow,.quality-list,.quality-detail{min-width:0;border:1px solid var(--line);background:#fff}.quality-flow>header,.quality-list>header{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e5eaea}.quality-flow h2,.quality-list h2{margin:0 0 4px;font-size:14px}.quality-flow header p,.quality-list header p{margin:0;color:#758285;font-size:11px}.quality-flow header a,.quality-list header button{border:0;background:transparent;color:var(--teal);font-size:11px;text-decoration:none;cursor:pointer}.quality-flow__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.quality-flow__grid button{position:relative;display:grid;gap:5px;padding:10px;border:1px solid #dfe6e5;background:#fff;color:inherit;text-align:left;cursor:pointer}.quality-flow__grid button.is-active{border-color:#8dc5c2;background:#f0f8f7}.quality-flow__grid button>i{position:absolute;right:9px;top:9px;width:8px;height:8px;border-radius:50%}.quality-flow__grid .is-waiting{background:#c28a30}.quality-flow__grid .is-checking{background:#287d86}.quality-flow__grid .is-decision{background:#b94e47}.quality-flow__grid span,.quality-flow__grid small{color:#718083;font-size:11px}.quality-flow__grid b{font-size:12px}.quality-toolbar{display:grid;grid-template-columns:minmax(300px,1fr) 190px 170px;gap:10px;align-items:center;margin:10px 0;padding:10px;border:1px solid var(--line);background:#fff}.quality-toolbar>label:first-child{height:40px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid #cfd8d7}.quality-search__label{color:#657477;font-size:11px;font-weight:600;white-space:nowrap}.quality-toolbar input{min-width:0;width:100%;border:0;outline:0;font-size:11px}.quality-toolbar input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.quality-select{display:flex;align-items:center;gap:7px;color:#748184;font-size:11px}.quality-select select{min-width:0;height:38px;flex:1;border:1px solid #d1d9d8;background:#fff}.quality-layout{display:grid;grid-template-columns:minmax(620px,1.45fr) minmax(360px,.8fr);gap:12px;align-items:start}.quality-rows{display:grid}.quality-row{min-width:0;display:grid;grid-template-columns:92px minmax(200px,1fr) 130px 90px 125px;grid-template-areas:"code title owner sla status" "meta meta owner sla time";gap:5px 10px;align-items:center;min-height:84px;padding:11px 13px;border:0;border-bottom:1px solid #e7eceb;background:#fff;color:inherit;text-align:left;cursor:pointer}.quality-row:hover{background:#f8fbfa}.quality-row.is-selected{box-shadow:inset 3px 0 var(--teal);background:#eef7f6}.quality-code{grid-area:code;color:var(--teal);font-size:11px;font-weight:700}.quality-status{display:inline-block;justify-self:start;padding:5px 8px;border-radius:12px;font-size:11px;white-space:nowrap}.quality-row>.quality-status{grid-area:status;justify-self:end}.quality-status.is-waiting{background:#fff0dc;color:#8d601e}.quality-status.is-checking{background:#e7f2f3;color:#356d78}.quality-status.is-decision{background:#fae8e6;color:#9e3f39}.quality-status.is-accepted{background:#e4f3eb;color:#2d7658}.quality-row>strong{grid-area:title;font-size:12px}.quality-row>small{grid-area:meta;color:#748184;font-size:11px}.quality-owner{grid-area:owner;display:flex;align-items:center;gap:7px;font-size:11px}.quality-owner i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e6f1f0;color:var(--teal);font-style:normal}.quality-sla{grid-area:sla}.quality-sla b,.quality-sla small{display:block;font-size:11px}.quality-sla small{margin-top:4px;color:#748184}.quality-row time{grid-area:time;color:#68777a;font-size:11px;text-align:right}.quality-row[hidden]{display:none}.quality-empty{padding:36px;text-align:center;color:#748184;font-size:12px}.quality-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:14px;border-bottom:1px solid #e4eaea}.quality-detail>header>div>span{color:var(--teal);font-size:11px;font-weight:700}.quality-detail h2{margin:6px 0;font-size:16px}.quality-detail>header p{margin:0;color:#748184;font-size:11px}.quality-detail>section{padding:13px 14px;border-bottom:1px solid #e7eceb}.quality-detail h3{margin:0 0 10px;font-size:12px}.quality-hold{background:#fff8ed}.quality-hold.is-released{background:#f1f8f4}.quality-hold>div{display:flex;align-items:center;gap:9px}.quality-hold i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#f9e4c6;color:#94631f;font-style:normal;font-weight:700}.quality-hold.is-released i{background:#e3f2ea;color:#2f7759}.quality-hold b,.quality-hold small{display:block}.quality-hold b{font-size:12px}.quality-hold small{margin-top:4px;color:#748184;font-size:11px}.quality-detail dl{margin:0}.quality-detail dl div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #edf0ef}.quality-detail dt{color:#748184;font-size:11px}.quality-detail dd{margin:0;text-align:right;font-size:11px;font-weight:700}.quality-checklist>header,.quality-measurements>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.quality-checklist>header b{color:var(--teal);font-size:12px}.quality-checklist ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.quality-checklist li{padding:7px;border:1px solid #dfe6e5;font-size:11px}.quality-checklist li.is-pass{background:#f1f8f4;color:#2f7759}.quality-checklist li.is-pending{background:#fff8ed;color:#916321}.quality-checklist li.is-fail{background:#fceeed;color:#9e3f39}.quality-measurements>header span{color:#748184;font-size:11px}.quality-measurements>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quality-measurements p{margin:0;padding:8px;background:#f4f7f6}.quality-measurements span,.quality-measurements b,.quality-measurements small{display:block;font-size:11px}.quality-measurements b{margin:5px 0;font-size:12px}.quality-measurements small{color:#748184}.quality-evidence>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.quality-evidence button,.quality-detail>footer a,.quality-detail>footer button{min-height:34px;border:0;background:#eef4f3;color:var(--teal);font-size:11px;text-align:center;cursor:pointer}.quality-actions .button{width:100%;min-height:36px;margin-top:7px;font-size:11px}.quality-actions p{margin:8px 0 0;color:#748184;font-size:11px}.quality-detail>footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:11px 14px}.quality-detail>footer a{display:grid;place-items:center;text-decoration:none}.quality-detail>footer .is-disabled{color:#8d9899;cursor:not-allowed}.quality-detail:focus{outline:3px solid rgba(9,124,130,.24);outline-offset:2px}.quality-live{position:fixed;right:18px;bottom:18px;z-index:20;max-width:360px;margin:0;padding:11px 14px;border:1px solid #a9cfcb;border-radius:4px;background:#f0f8f7;color:#365e60;box-shadow:0 8px 24px rgba(28,54,56,.16);font-size:11px}.quality-live:empty{display:none}
@media(max-width:1180px){html,body{min-width:0}.quality-page{padding-left:16px;padding-right:16px}.quality-header{margin-left:-16px;margin-right:-16px}.quality-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-flow__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-layout{grid-template-columns:1fr}.quality-detail{display:none}.quality-detail:not([hidden]){display:block}.quality-row{grid-template-columns:92px minmax(180px,1fr) 130px 90px 125px}}
@media(max-width:760px){.quality-page{margin-left:64px;padding:0 10px 24px}.quality-header{min-height:0;align-items:stretch;flex-direction:column;margin:0 -10px;padding:15px 13px}.quality-header h1{font-size:21px}.quality-header__actions{grid-template-columns:1fr}.quality-header__actions>span{grid-column:1}.quality-header__actions .button{width:100%}.quality-kpis{grid-template-columns:1fr;gap:7px;margin:10px 0}.quality-kpis article{padding:11px}.quality-flow>header{align-items:flex-start;flex-direction:column}.quality-flow__grid{grid-template-columns:1fr}.quality-toolbar{grid-template-columns:1fr;padding:9px}.quality-select{grid-column:1}.quality-toolbar input{font-size:16px}.quality-row{grid-template-columns:1fr auto;grid-template-areas:"code status" "title title" "meta meta" "owner sla" "time time";padding:12px}.quality-row>strong{font-size:13px}.quality-row time{text-align:right}.quality-detail h2{font-size:15px}.quality-detail dl div{align-items:flex-start}.quality-measurements>div,.quality-evidence>div,.quality-detail>footer{grid-template-columns:1fr}.quality-live{left:74px;right:10px;bottom:10px;max-width:none}}
.quality-measurements .quality-method{display:flex;justify-content:space-between;gap:10px;margin:0 0 7px;background:#fff;border-top:1px solid #edf0ef}.quality-measurements .quality-method b{margin:0;text-align:right;font-size:11px}
@media(max-width:760px){.quality-measurements .quality-method{align-items:flex-start;flex-direction:column}.quality-measurements .quality-method b{text-align:left}}