/* Requester detail view: independent from team dashboard styling. */
.pad-shell.pad-requester-detail{font-family:Inter,Arial,sans-serif;color:#12345b}
.pad-requester-detail .pad-requester-back{display:inline-flex;align-items:center;gap:8px;padding:11px 17px;margin:0 0 20px;border:1px solid #c6d9ee;border-radius:10px;background:#edf5ff;color:#123c6b!important;font-weight:700;text-decoration:none!important;box-shadow:0 2px 5px rgba(14,51,94,.05);transition:background .15s,border-color .15s}
.pad-requester-detail .pad-requester-back:hover,.pad-requester-detail .pad-requester-back:focus-visible{background:#deecfc;border-color:#94b9e0;color:#0a2e59!important;text-decoration:none!important}
.pad-requester-detail-heading,.pad-portal-shell .pad-focused-detail>.pad-focused-heading{font:800 clamp(21px,2.5vw,27px)/1.3 Inter,Arial,sans-serif!important;color:#0b315e!important;letter-spacing:-.025em;margin:0 0 18px!important}
.pad-portal-shell .pad-focused-detail{grid-template-rows:auto auto auto minmax(0,1fr)!important}
.pad-portal-shell .pad-focused-detail>.pad-focused-heading{grid-column:1/-1!important;grid-row:1!important;margin:0!important;display:block!important}
.pad-portal-shell .pad-focused-detail>.pad-detail-back{grid-row:2!important}
.pad-portal-shell .pad-focused-detail>.pad-demand-data{grid-row:3/5!important}
.pad-portal-shell .pad-focused-detail>.pad-demand-management{grid-row:3!important}
.pad-portal-shell .pad-focused-detail>.pad-detail-conversation{grid-row:4!important}
.pad-requester-detail .pad-head{margin:0 0 18px}
.pad-requester-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px}
.pad-requester-info,.pad-requester-conversation{min-width:0;min-height:410px;background:#fff;border:1px solid #d9e7f7;border-radius:14px;box-shadow:0 6px 24px rgba(18,52,91,.055)}
.pad-requester-info{padding:18px}
.pad-requester-info .pad-request-summary{margin:0;border:0;box-shadow:none;padding:0;background:transparent}
.pad-requester-info .pad-request-summary h3,.pad-requester-conversation>h3{margin:0 0 15px;padding:0 0 13px;border-bottom:1px solid #e5eef8;font:750 17px/1.35 Inter,Arial,sans-serif;color:#113b69}
.pad-requester-conversation{display:flex;flex-direction:column;overflow:hidden;padding:18px}
.pad-requester-conversation>.pad-timeline{flex:1 1 auto;min-height:220px;max-height:480px;overflow-y:auto;padding:12px;border:1px solid #e3edf8;border-radius:10px;background:#f6f9fe}
.pad-requester-chat-form{display:flex!important;flex-direction:column!important;gap:10px!important;margin:14px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.pad-requester-chat-form .pad-requester-message-label{font-size:12px;font-weight:650;color:#3e5875}
.pad-requester-chat-form textarea{width:100%;box-sizing:border-box;min-height:72px;padding:12px;border:1px solid #bfd4e9;border-radius:10px;font:500 14px/1.5 Inter,Arial,sans-serif;color:#173557;resize:vertical}
.pad-requester-chat-form textarea:focus{outline:2px solid #a6c9ef;outline-offset:1px}
.pad-requester-chat-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.pad-requester-file{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:650;color:#244f7c;cursor:pointer;max-width:100%}
.pad-requester-file input{font-size:11px;max-width:190px}
.pad-requester-chat-actions .pad-btn{width:auto!important;margin:0!important;background:#103969;color:white;border-radius:9px;padding:10px 14px;cursor:pointer}
@media(max-width:800px){.pad-requester-detail-grid{grid-template-columns:minmax(0,1fr)}.pad-requester-info,.pad-requester-conversation{min-height:0}.pad-requester-conversation>.pad-timeline{min-height:250px;max-height:400px}}
@media(max-width:600px){.pad-requester-info,.pad-requester-conversation{padding:13px}.pad-requester-chat-actions{align-items:stretch}.pad-requester-chat-actions .pad-btn{width:100%!important}.pad-portal-shell .pad-focused-detail>.pad-focused-heading{grid-column:1/-1!important}}
/* Keep layout aligned when the team detail includes a notice. */
.pad-portal-shell .pad-focused-detail:has(>.notice){grid-template-rows:auto auto auto auto minmax(0,1fr)!important}
.pad-portal-shell .pad-focused-detail:has(>.notice)>.notice{grid-row:3!important}
.pad-portal-shell .pad-focused-detail:has(>.notice)>.pad-demand-data{grid-row:4/6!important}
.pad-portal-shell .pad-focused-detail:has(>.notice)>.pad-demand-management{grid-row:4!important}
.pad-portal-shell .pad-focused-detail:has(>.notice)>.pad-detail-conversation{grid-row:5!important}

/* v1.8.169: compact coordinator chat composer, matching DECOMM Central */
.pad-requester-detail-grid{align-items:stretch}
.pad-requester-info,.pad-requester-conversation{min-height:570px}
.pad-requester-conversation>.pad-timeline{min-height:320px;max-height:600px;scrollbar-width:thin}
.pad-requester-chat-form{gap:4px!important;margin-top:12px!important}
.pad-requester-chat-form .pad-requester-compose{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:6px 7px 6px 10px;background:#f7faff;border:1px solid #d0dfef;border-radius:25px;box-sizing:border-box}
.pad-requester-chat-form .pad-requester-compose:focus-within{border-color:#83b3e4;box-shadow:0 0 0 2px #e4f1ff}
.pad-requester-chat-form .pad-requester-compose textarea{flex:1 1 auto;min-width:0;width:100%;height:40px!important;min-height:40px!important;max-height:115px!important;margin:0!important;padding:10px 3px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;resize:none!important;overflow-y:auto;font:500 14px/20px Inter,Arial,sans-serif}
.pad-requester-chat-form .pad-requester-compose textarea:focus{outline:0!important;box-shadow:none!important}
.pad-requester-attach{display:inline-flex;align-items:center;justify-content:center;position:relative;flex:0 0 33px;width:33px;height:36px;cursor:pointer;color:#315e8d;border-radius:50%}
.pad-requester-attach:hover{background:#e5f0fd}
.pad-requester-attach input[type=file]{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}
.pad-requester-send{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#123d70!important;color:#fff!important;cursor:pointer;box-shadow:none!important}
.pad-requester-send:hover{background:#0b2e56!important}
.pad-requester-file-name{display:block;min-height:0;padding-left:12px;color:#3e6489;font:500 12px Inter,Arial,sans-serif;overflow-wrap:anywhere}
@media(max-width:800px){.pad-requester-info{min-height:0}.pad-requester-conversation{min-height:480px}.pad-requester-conversation>.pad-timeline{min-height:300px;max-height:480px}}
@media(max-width:600px){.pad-requester-conversation{min-height:460px}.pad-requester-chat-form .pad-requester-compose{gap:5px}}

/* v1.8.170: discreet chat scrollbar and properly aligned controls */
.pad-requester-detail .pad-requester-conversation>.pad-timeline{scrollbar-width:thin;scrollbar-color:rgba(63,95,133,.24) transparent;scrollbar-gutter:stable}
.pad-requester-detail .pad-requester-conversation>.pad-timeline::-webkit-scrollbar{width:5px;height:5px}
.pad-requester-detail .pad-requester-conversation>.pad-timeline::-webkit-scrollbar-track{background:transparent}
.pad-requester-detail .pad-requester-conversation>.pad-timeline::-webkit-scrollbar-thumb{background:rgba(63,95,133,.24);border-radius:10px}
.pad-requester-detail .pad-requester-conversation>.pad-timeline::-webkit-scrollbar-thumb:hover{background:rgba(63,95,133,.4)}
.pad-requester-detail .pad-requester-conversation>.pad-timeline::-webkit-scrollbar-button{display:none;width:0;height:0}
.pad-requester-chat-form .pad-requester-send{display:grid!important;place-items:center!important;line-height:1!important;vertical-align:middle!important}
.pad-requester-chat-form .pad-requester-send svg{display:block!important;position:static!important;transform:none!important;margin:0!important;flex:none!important}
.pad-requester-chat-form .pad-requester-attach svg{display:block;stroke-width:1.45;fill:none!important}
.pad-requester-chat-notice{font:500 12px/1.4 Inter,Arial,sans-serif;color:#a33333;margin:0 8px}
.pad-requester-chat-notice:empty{display:none}

/* v1.8.171 — balanced columns and categorized request files */
@media(min-width:801px){
 .pad-requester-detail-grid{align-items:stretch}
 .pad-requester-detail-grid>.pad-requester-conversation{height:var(--pad-info-height,auto);min-height:0!important;max-height:none;box-sizing:border-box}
 .pad-requester-detail-grid>.pad-requester-conversation>.pad-timeline{flex:1 1 0;min-height:0!important;max-height:none!important;overflow-y:auto}
}
.pad-requester-info .pad-summary-files{margin-top:18px;padding-top:16px;border-top:1px solid #e5eef8}
.pad-requester-info .pad-summary-files h4{font:750 17px/1.35 Inter,Arial,sans-serif!important;color:#113b69!important;margin:0 0 14px!important;padding:0 0 12px;border-bottom:1px solid #e5eef8}
.pad-requester-info .pad-file-group{margin:0 0 16px}
.pad-requester-info .pad-file-group:last-child{margin-bottom:0}
.pad-requester-info .pad-file-group-title{font:700 12px/1.4 Inter,Arial,sans-serif;color:#4b6786;margin-bottom:8px}
.pad-requester-info .pad-file-list{display:grid;gap:7px}
.pad-requester-info .pad-file-item{display:flex!important;align-items:center;gap:10px;min-width:0;padding:10px 11px!important;margin:0!important;background:#f5f9ff;border:1px solid #e0eaf6;border-radius:10px;color:#173e6c!important;font:600 12px/1.4 Inter,Arial,sans-serif!important;text-decoration:none!important;transition:background .15s,border-color .15s}
.pad-requester-info .pad-file-item:hover,.pad-requester-info .pad-file-item:focus-visible{background:#eaf3ff;border-color:#a9c8e9;text-decoration:none!important}
.pad-requester-info .pad-file-icon{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;background:#e5f0ff;color:#285b8e;border-radius:8px}
.pad-requester-info .pad-file-name{min-width:0;flex:1;overflow-wrap:anywhere}
.pad-requester-info .pad-file-open{flex:none;font-size:17px;color:#54779d}

/* v1.8.173: stable back link and heading on distinct rows in Central detail. */
.pad-portal-shell .pad-focused-detail{row-gap:14px!important}
.pad-portal-shell .pad-focused-detail>.pad-detail-back{position:relative!important;inset:auto!important;transform:none!important;grid-column:1/-1!important;grid-row:1!important;align-self:start!important;justify-self:start!important;margin:0!important;z-index:1}
.pad-portal-shell .pad-focused-detail>.pad-focused-heading{position:relative!important;inset:auto!important;transform:none!important;grid-column:1/-1!important;grid-row:2!important;display:block!important;margin:0 0 4px!important;z-index:1}
.pad-portal-shell .pad-focused-detail>.pad-demand-data{grid-row:3/5!important}
.pad-portal-shell .pad-focused-detail>.pad-demand-management{grid-row:3!important}
.pad-portal-shell .pad-focused-detail>.pad-detail-conversation{grid-row:4!important}
@media(max-width:760px){.pad-portal-shell .pad-focused-detail>.pad-detail-back,.pad-portal-shell .pad-focused-detail>.pad-focused-heading{display:block!important;position:static!important;margin-bottom:12px!important}}

/* v1.8.206: requester-only chat messages retain their natural height and compact spacing.
   A tall conversation column must not stretch grid rows to fill its viewport. */
.pad-requester-detail .pad-requester-conversation > .pad-timeline{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:10px!important;align-content:initial!important;
}
.pad-requester-detail .pad-requester-conversation > .pad-timeline > *{flex:0 0 auto!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important}
.pad-requester-detail .pad-requester-conversation > .pad-timeline > .pad-msg-row{align-self:stretch!important}

/* v1.8.207: Keep requester messages compact, anchored to the composer.
   Auto margin occupies only unused height; once full, the timeline scrolls normally. */
.pad-requester-detail .pad-requester-conversation > .pad-timeline > :first-child{margin-top:auto!important}
