#prdOverlay *{box-sizing:border-box}#prdOverlay{margin:0;background:#edf2f3;color:#17323f;font:16px/1.45 system-ui,-apple-system,sans-serif}#prdOverlay header{background:#17323f;color:white;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}#prdOverlay .brand{font-size:30px;font-weight:800;color:white;text-decoration:none;letter-spacing:-1.5px}#prdOverlay .brand span{color:#acf16b}#prdOverlay nav,#prdOverlay .tools,#prdOverlay .legend{display:flex;gap:8px;align-items:center;flex-wrap:wrap}#prdOverlay nav a{color:white}#prdOverlay button,#prdOverlay input,#prdOverlay select,#prdOverlay textarea{font:inherit;border:1px solid #b5c9d1;border-radius:8px;padding:8px 10px;color:inherit;background:white}#prdOverlay button{cursor:pointer;font-weight:650}#prdOverlay button:hover{border-color:#487d36}#prdOverlay button:disabled{opacity:.5;cursor:default}#prdOverlay input,#prdOverlay textarea{width:100%}#prdOverlay textarea{resize:vertical}#prdOverlay label{display:grid;gap:5px;font-size:14px;font-weight:600;margin:10px 0}#prdOverlay main{max-width:820px;margin:0 auto;padding:20px 16px}#prdOverlay h1{font-size:25px;margin:0 0 7px}#prdOverlay h2{font-size:19px;margin:0 0 8px}#prdOverlay p{margin:6px 0 12px}#prdOverlay .legend{margin:14px 0 4px}#prdOverlay .status{display:inline-block;font-size:13px;font-weight:700;padding:4px 9px;border-radius:20px;white-space:nowrap}#prdOverlay .done{background:#dff2dd;color:#235e23}#prdOverlay .in_progress{background:#fff0ba;color:#735400}#prdOverlay .not_started{background:#ffe0df;color:#922824}#prdOverlay .panel,#prdOverlay .requirement{background:white;border:1px solid #cad8dd;border-radius:12px;padding:14px;margin:12px 0}#prdOverlay .requirement{border-left-width:5px}#prdOverlay .requirement.done{border-left-color:#448a3c}#prdOverlay .requirement.in_progress{border-left-color:#d6a61d}#prdOverlay .requirement.not_started{border-left-color:#c34a48}#prdOverlay .requirement{color:#17323f}#prdOverlay .req-head{display:flex;gap:10px;justify-content:space-between;align-items:start}#prdOverlay .req-head h2{font-size:17px;margin:0}#prdOverlay .small,#prdOverlay small{font-size:13px;color:#5a737d}#prdOverlay .tools input{flex:1;min-width:120px}#prdOverlay .tools select{max-width:180px}#prdOverlay .tools{margin:15px 0}#prdOverlay details{border-top:1px solid #e1e8eb;margin-top:10px;padding-top:9px}#prdOverlay summary{cursor:pointer;font-size:14px;font-weight:600}#prdOverlay .comment{border-left:2px solid #b2d29c;padding:5px 10px;margin:9px 0}#prdOverlay .comment p,#prdOverlay .feedback-body{white-space:pre-wrap;overflow-wrap:anywhere}#prdOverlay .comment-form button,#prdOverlay #feedbackForm button,#prdOverlay #editForm button:first-of-type,#prdOverlay #signIn button{background:#17323f;color:white}#prdOverlay footer{text-align:center;font-size:12px;padding:20px;color:#5a737d}#prdOverlay dialog{border:1px solid #b5c9d1;border-radius:14px;max-width:520px;width:calc(100% - 24px);color:#17323f}#prdOverlay dialog::backdrop{background:#17323f88}#prdOverlay [hidden]{display:none!important}#prdOverlay #notice,#prdOverlay #editMessage,#prdOverlay #authMessage{color:#835000}#prdOverlay #signIn{display:flex;gap:10px;align-items:end;flex-wrap:wrap}#prdOverlay #signIn label{flex:1}#prdOverlay #signIn button{margin-bottom:10px}@media(max-width:500px){#prdOverlay header{gap:12px;padding:10px}#prdOverlay nav{font-size:13px}#prdOverlay h1{font-size:22px}#prdOverlay .req-head{flex-wrap:wrap}#prdOverlay .panel,#prdOverlay .requirement{padding:12px}#prdOverlay main{padding:15px 12px}}#prdOverlay header button{background:transparent;color:white;border-color:#69838e}#prdOverlay header button:hover{background:#284b5b}#prdOverlay /* Compact master list: one row,#prdOverlay with the supporting details beneath it. */
main{max-width:1100px;padding:14px 16px}#prdOverlay h1{font-size:19px;margin:0 0 5px}#prdOverlay .legend{margin:4px 0}#prdOverlay .legend .status{font-size:12px;padding:2px 7px}#prdOverlay main>.small{margin:3px 0;font-size:12px}#prdOverlay .connection{padding:7px 10px;margin:8px 0}#prdOverlay .connection summary{font-size:12px}#prdOverlay .tools{margin:8px 0;gap:6px}#prdOverlay .tools input,#prdOverlay .tools select,#prdOverlay .tools button{font-size:13px;padding:6px 8px}#prdOverlay #counts{margin:5px 0}#prdOverlay #notice:empty{display:none}#prdOverlay .list-head,#prdOverlay .req-row{display:grid;grid-template-columns:minmax(170px,1fr) 105px minmax(160px,1.3fr);gap:10px;align-items:center}#prdOverlay .list-head{padding:6px 10px;color:#5a737d;font-size:11px;font-weight:700;border-bottom:1px solid #bdcfd5}#prdOverlay details.requirement{padding:0;margin:0;border:0;border-bottom:1px solid #d7e1e5;border-radius:0;background:white;color:#17323f}#prdOverlay details.requirement>summary{padding:9px 10px;margin:0;border:0;font-size:13px;font-weight:500;list-style:none}#prdOverlay details.requirement>summary::-webkit-details-marker{display:none}#prdOverlay .row-title,#prdOverlay .row-note{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#prdOverlay .row-title{font-weight:650}#prdOverlay .row-title:before{content:'›';display:inline-block;width:12px;color:#5a737d}#prdOverlay details.requirement[open] .row-title:before{content:'⌄'}#prdOverlay .row-note{color:#5a737d;font-size:12px}#prdOverlay .req-row .status{font-size:11px;padding:2px 6px;justify-self:start}#prdOverlay .req-row:hover{background:#f1f6ed}#prdOverlay .req-expanded{padding:8px 16px 12px;background:#f7faf6;border-top:1px solid #e0e8df;font-size:14px}#prdOverlay .req-expanded>p{margin:3px 0 8px}#prdOverlay #requirements{border:1px solid #cad8dd;border-radius:8px;overflow:hidden}#prdOverlay .req-expanded details{margin-top:6px;padding-top:6px}#prdOverlay footer{padding:10px;font-size:11px}@media(max-width:600px){#prdOverlay main{padding:10px 8px}#prdOverlay .list-head,#prdOverlay .req-row{grid-template-columns:minmax(115px,1.2fr) 78px minmax(65px,1fr);gap:5px}#prdOverlay details.requirement>summary{padding:9px 7px;font-size:12px}#prdOverlay .row-note{font-size:11px}#prdOverlay .req-row .status{font-size:10px;padding:2px 4px}#prdOverlay .req-expanded{padding:8px 10px}}

#prdOverlay{padding:0;max-width:1100px;width:calc(100% - 16px);height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);margin:auto;border:1px solid #b5c9d1;border-radius:12px;background:#edf2f3;color:#17323f;font:16px/1.45 system-ui,-apple-system,sans-serif;overflow:auto}#prdOverlay::backdrop{background:#17323f88}#prdOverlay>header{position:sticky;top:0;z-index:2}#prdOverlay #editor{height:auto}#prdOverlay>main{display:block}

/* The app's fixed header height must not clip a wrapped PRD toolbar. */
#prdOverlay>header{height:auto;min-height:54px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:8px 10px;overflow:visible}
#prdOverlay>header .brand{flex:0 0 auto;font-size:24px;line-height:1.1;margin:0}
#prdOverlay>header nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;max-width:100%;margin:0}
#prdOverlay>header button{position:static;height:auto;min-height:36px;margin:0;padding:6px 9px;font-size:13px;line-height:20px;white-space:nowrap;background:transparent;color:#fff;border-color:#69838e}
