.demand-detail-section { min-height: 620px; padding: 42px max(24px, calc((100% - 1180px) / 2)) 92px; background: #f4f6f7; }
.demand-detail-section > .breadcrumb { margin-bottom: 24px; color: #718085; }
.demand-detail-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; margin-bottom: 24px; padding: 30px 34px; background: #fff; border: 1px solid #e0e6e7; border-top: 4px solid #b82030; box-shadow: 0 10px 30px rgba(28,49,55,.06); }
.demand-detail-heading h1 { margin: 12px 0 0; color: #1d353b; font-size: 30px; line-height: 1.45; }
.demand-detail-heading p { max-width: 820px; margin: 9px 0 0; color: #6b7b80; font-size: 14px; line-height: 1.8; }
.demand-detail-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; }
.demand-detail-actions a, .demand-detail-actions button { min-height: 40px; padding: 0 16px; border-radius: 4px; font-family: inherit; font-size: 13px; font-weight: 700; }
.demand-detail-actions a { display: inline-flex; align-items: center; color: #9d1d2b; border: 1px solid #d6a8ae; }
.demand-detail-actions a:hover { color: #fff; background: #b82030; border-color: #b82030; }
.demand-detail-actions button { color: #b82030; background: #fff; border: 1px solid #b82030; cursor: pointer; }
.demand-detail-actions button:hover { color: #fff; background: #b82030; }
.demand-type { display: inline-flex; padding: 5px 10px; color: #9d1d2b; background: #fff1f2; border: 1px solid #efcbd0; font-size: 12px; font-weight: 700; }
.demand-info-card { margin-top: 22px; background: #fff; border: 1px solid #e0e6e7; box-shadow: 0 10px 30px rgba(28,49,55,.06); }
.demand-info-card h2 { margin: 0; padding: 18px 28px; color: #20383e; border-bottom: 1px solid #e4e9ea; font-size: 18px; text-align: center; }
.demand-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); margin: 0; padding: 18px 30px 24px; column-gap: 58px; }
.demand-info-grid > div { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 16px; padding: 14px 0; line-height: 1.8; }
.demand-info-grid > div.wide { grid-column: 1 / -1; }
.demand-info-grid dt { color: #829095; font-size: 14px; }
.demand-info-grid dd { margin: 0; color: #263c42; font-size: 15px; word-break: break-word; }
.demand-description-row dd { min-height: 9em; }
.demand-delete-dialog[hidden], .demand-toast[hidden] { display: none; }
.demand-delete-dialog { position: fixed; z-index: 10020; inset: 0; display: grid; place-items: center; padding: 24px; background: rgba(15,23,29,.48); backdrop-filter: blur(4px); }
.demand-delete-dialog section { width: min(440px,100%); padding: 34px; text-align: center; background: #fff; border-radius: 10px; box-shadow: 0 24px 70px rgba(20,25,31,.28); }
.delete-warning-mark { display: grid; place-items: center; width: 52px; height: 52px; margin: 0 auto 17px; color: #fff; background: #b82030; border-radius: 50%; font-size: 26px; font-weight: 800; }
.demand-delete-dialog h2 { margin: 0; color: #243b41; font-size: 23px; }
.demand-delete-dialog p { margin: 13px 0 25px; color: #66767b; font-size: 14px; line-height: 1.8; }
.demand-delete-dialog section > div { display: flex; justify-content: center; gap: 12px; }
.demand-delete-dialog button { min-width: 126px; min-height: 42px; border-radius: 4px; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.demand-delete-dialog [data-delete-cancel] { color: #53656b; background: #fff; border: 1px solid #cfd9dc; }
.demand-delete-dialog [data-delete-confirm] { color: #fff; background: #b82030; border: 1px solid #b82030; }
.demand-toast { position: fixed; z-index: 10040; top: 92px; left: 50%; min-width: 210px; padding: 13px 22px; color: #fff; background: #263d43; border-left: 4px solid #27a98f; border-radius: 4px; box-shadow: 0 12px 30px rgba(12,31,37,.22); font-size: 14px; font-weight: 700; text-align: center; transform: translateX(-50%); }
@media (max-width: 760px) { .demand-detail-section { padding: 30px 16px 64px; }.demand-detail-heading { align-items: flex-start; flex-direction: column; padding: 24px 20px; }.demand-detail-heading h1 { font-size: 25px; }.demand-detail-actions { width: 100%; }.demand-detail-actions a, .demand-detail-actions button { flex: 1; justify-content: center; }.demand-info-grid { grid-template-columns: 1fr; padding: 14px 20px 20px; }.demand-info-grid > div.wide { grid-column: auto; }.demand-info-grid > div { grid-template-columns: 82px minmax(0,1fr); }.demand-info-card h2 { text-align: left; }.demand-delete-dialog section { padding: 30px 22px; } }