.qpo-workspace{display:grid;gap:20px;min-width:0}.qpo-heading,.qpo-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.qpo-heading h2{font-size:29px;letter-spacing:-.7px;margin:7px 0}.qpo-heading p{color:var(--muted);margin:0;max-width:650px}.qpo-heading .actions{flex-wrap:wrap;justify-content:flex-end}.qpo-tabs{display:flex;gap:6px;padding:6px;background:var(--soft);border-radius:14px;overflow-x:auto}.qpo-tabs button{display:flex;align-items:center;gap:9px;white-space:nowrap;border:0;border-radius:10px;padding:12px 16px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.qpo-tabs button.active{background:var(--panel);color:var(--steel);box-shadow:var(--shadow)}.qpo-tabs button span{background:var(--soft);padding:2px 7px;border-radius:7px;font-size:11px}.qpo-register{padding:0;overflow:hidden}.qpo-filters{display:flex;align-items:end;gap:12px;padding:20px;border-bottom:1px solid var(--line)}.qpo-filters .field{margin:0}.qpo-filters .field:first-child{flex:1}.qpo-filters select{min-width:170px}.qpo-filters button{margin-bottom:1px}.qpo-register-head{display:flex;justify-content:space-between;padding:17px 22px;background:var(--soft);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.qpo-register-head strong{color:var(--ink)}.qpo-row{display:flex;align-items:center;gap:22px;padding:20px 22px;border-bottom:1px solid var(--line)}.qpo-row:last-child{border-bottom:0}.qpo-row:hover{background:var(--soft)}.qpo-row.overdue{box-shadow:inset 3px 0 var(--amber)}.qpo-row-main{flex:1;min-width:0}.qpo-number{display:block;color:var(--steel);font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:7px}.qpo-record-title{display:block;border:0;background:none;text-align:left;padding:0;font:inherit;font-weight:750;color:var(--ink);font-size:15px;cursor:pointer;overflow-wrap:anywhere}.qpo-record-title:hover{text-decoration:underline}.qpo-row-main p{font-size:12px;color:var(--muted);margin:6px 0}.qpo-row-main small,.qpo-row-state small{color:var(--muted);font-size:11px}.qpo-row-state{display:grid;gap:8px;justify-items:end;text-align:right}.qpo-row-state strong{font-size:16px;color:var(--ink)}.qpo-status{display:inline-flex;padding:5px 9px;font-size:10px;font-weight:800;border-radius:6px;text-transform:uppercase;letter-spacing:.4px;background:var(--soft);color:var(--muted);white-space:nowrap}.qpo-status.status-open,.qpo-status.status-submitted,.qpo-status.status-in_progress,.qpo-status.status-under_review{background:var(--blue-soft);color:var(--steel)}.qpo-status.status-approved,.qpo-status.status-approved_as_noted,.qpo-status.status-closed,.qpo-status.status-resolved,.qpo-status.status-answered,.qpo-status.status-paid{background:var(--accent-soft);color:var(--green)}.qpo-status.status-rejected,.qpo-status.status-revise_resubmit{background:var(--warning-soft);color:var(--amber)}.qpo-status.status-voided{background:var(--danger-soft);color:var(--danger)}.qpo-overdue{color:var(--amber)!important;font-weight:700}.qpo-empty{text-align:center;padding:60px 20px}.qpo-empty>span{display:block;font-size:46px;color:var(--steel);margin-bottom:12px}.qpo-empty h3{color:var(--ink);font-size:19px}.qpo-empty p{color:var(--muted);max-width:390px;margin:12px auto 22px}.qpo-pagination{display:flex;justify-content:center;align-items:center;gap:22px;padding:20px}.qpo-pagination span{color:var(--muted);font-size:12px}.qpo-editor>fieldset{margin:0;border:0;padding:0;min-width:0}.qpo-editor textarea{min-height:95px}.qpo-editor .form-grid{gap:20px}.qpo-editor .field>label{display:flex;align-items:center;gap:8px}.qpo-editor .actions{margin-top:20px}.qpo-form-error{color:var(--danger);white-space:pre-line}.qpo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.qpo-kpis>div{display:grid;gap:9px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:19px}.qpo-kpis span{font-size:11px;color:var(--muted);font-weight:700}.qpo-kpis strong{font-size:23px;color:var(--ink);letter-spacing:-.5px}.qpo-kpis small{font-size:10px;color:var(--muted)}.qpo-explanation{font-size:12px;line-height:1.7;color:var(--muted);margin:-3px 0 2px}.qpo-attachment-picker{border:1px solid var(--line);border-radius:12px;padding:17px;background:var(--soft)}.qpo-attachment-picker h3{font-size:14px;margin:0;display:flex;align-items:center;gap:7px}.qpo-attachment-picker .panel-head>span{font-size:11px;color:var(--muted)}.qpo-file-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:250px;overflow:auto}.qpo-file-options>label{display:flex;align-items:flex-start;gap:9px;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:var(--panel)}.qpo-file-options input{width:auto;flex-shrink:0;margin-top:3px}.qpo-file-options span{overflow-wrap:anywhere}.qpo-file-options small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.qpo-photo-upload{display:flex;align-items:end;gap:15px;margin-top:18px}.qpo-photo-upload label{font-size:12px;flex:1}.qpo-photo-upload input{margin-top:9px;font-size:11px}.qpo-detail h2{font-size:26px;margin:9px 0 14px}.qpo-detail-head{padding-bottom:24px;border-bottom:1px solid var(--line)}.qpo-detail-head .actions{flex-wrap:wrap;justify-content:end}.qpo-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:var(--soft);border-radius:11px;padding:22px;margin:22px 0}.qpo-metadata dt{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700}.qpo-metadata dd{margin:7px 0 0;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.qpo-prose{margin:24px 0}.qpo-prose h3,.qpo-detail>section>h3{font-size:14px;color:var(--ink);margin:0 0 12px}.qpo-prose p{font-size:13px;white-space:pre-wrap;color:var(--muted);line-height:1.8;margin:0}.qpo-resolution{padding:22px;border-radius:12px;background:var(--accent-soft);border-left:3px solid var(--green)}.qpo-report-stats{display:flex;flex-wrap:wrap;gap:24px;padding:13px 0;color:var(--muted);font-size:12px}.qpo-report-stats strong{font-size:21px;color:var(--ink)}.qpo-linked{margin:28px 0}.qpo-linked-files{display:flex;flex-wrap:wrap;gap:8px}.qpo-linked-files a{border:1px solid var(--line);border-radius:8px;font-size:12px;padding:11px;color:var(--steel);overflow-wrap:anywhere}.qpo-linked-files small{margin-left:8px;font-size:10px;color:var(--muted)}.qpo-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}.qpo-photo-grid a{overflow:hidden;border-radius:10px;border:1px solid var(--line);background:var(--soft)}.qpo-photo-grid img{width:100%;height:180px;object-fit:cover;display:block}.qpo-photo-grid span{padding:10px;display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.qpo-discussion{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;border-top:1px solid var(--line);margin-top:28px;padding-top:25px}.qpo-discussion h3{font-size:15px;color:var(--ink)}.qpo-discussion textarea{min-height:100px}.qpo-comments article{padding:18px 0;border-bottom:1px solid var(--line)}.qpo-comments header{display:flex;gap:8px;justify-content:space-between;font-size:12px}.qpo-comments time{font-size:10px;color:var(--muted)}.qpo-comments p{white-space:pre-wrap;font-size:12px;color:var(--muted);line-height:1.7}.qpo-history article{position:relative;margin-left:6px;padding:0 0 22px 21px;border-left:1px solid var(--line)}.qpo-history article:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:var(--steel)}.qpo-history article>strong{font-size:12px;color:var(--ink)}.qpo-history article>p{font-size:10px;color:var(--muted);line-height:1.6}.qpo-history-reason{white-space:pre-wrap;color:var(--muted)!important}.qpo-history summary{font-size:10px;color:var(--steel);cursor:pointer}.qpo-history details>div{font-size:11px;padding:10px 0;border-bottom:1px solid var(--line)}.qpo-history details p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;color:var(--muted)}.qpo-history details b{color:var(--ink)}
@media(max-width:1000px){.qpo-heading{flex-direction:column}.qpo-heading .actions{justify-content:flex-start}.qpo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.qpo-detail-head{flex-direction:column}.qpo-detail-head .actions{justify-content:flex-start}.qpo-discussion{grid-template-columns:1fr}.qpo-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.qpo-tabs{border-radius:10px}.qpo-tabs button{font-size:12px;padding:11px}.qpo-row{padding:16px;gap:10px;flex-wrap:wrap}.qpo-row-main{min-width:60%}.qpo-row-state{max-width:40%}.qpo-row>.button{margin-left:auto}.qpo-filters{flex-wrap:wrap;padding:15px}.qpo-filters .field:first-child{flex-basis:100%}.qpo-filters .field:nth-child(2){flex:1}.qpo-filters select{min-width:0}.qpo-heading h2{font-size:24px}.qpo-heading .actions{gap:7px}.qpo-heading .button{font-size:11px;padding:10px}.qpo-kpis{gap:9px}.qpo-kpis>div{padding:13px}.qpo-kpis strong{font-size:20px}.qpo-kpis small{line-height:1.5}.qpo-file-options{grid-template-columns:1fr}.qpo-photo-upload{flex-direction:column;align-items:stretch}.qpo-metadata{padding:15px;gap:18px}.qpo-detail h2{font-size:22px}.qpo-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qpo-photo-grid img{height:130px}.qpo-comments header{flex-direction:column}.qpo-register-head{padding:14px;font-size:11px}.qpo-editor .actions{flex-wrap:wrap}}