.my-demands-page { background: #f4f6f7; }
.my-demands-section { width: min(var(--container), calc(100% - 48px)); min-height: 620px; margin: 0 auto; padding: 42px 0 90px; }
.my-demands-section > .breadcrumb { margin-bottom: 24px; color: #718085; }
.my-demands-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 24px; padding: 28px 32px; background: #fff; border: 1px solid #e0e6e7; border-top: 4px solid #c3202f; box-shadow: 0 10px 30px rgba(28,49,55,.06); }
.my-demands-heading h1 { margin: 0; color: #1d353b; font-size: 30px; }.my-demands-heading p { margin: 8px 0 0; color: #708085; font-size: 14px; }
.my-demands-heading > div:last-child { display: flex; align-items: center; gap: 16px; }.my-demands-heading > div:last-child span { color: #758489; font-size: 13px; }.my-demands-heading > div:last-child a { padding: 11px 18px; color: #fff; background: #c3202f; font-size: 13px; font-weight: 700; }.my-demands-heading > div:last-child a:hover { background: #a91927; }
.my-demand-list { margin-top: 24px; }
.my-demand-card .demand-owner { align-items: center; }
.my-demand-card .demand-head { align-items: center; justify-content: space-between; }
.my-demand-status { display: inline-flex; align-items: center; min-height: 26px; padding: 0 10px; border: 1px solid transparent; border-radius: 2px; font-size: 12px; font-weight: 700; line-height: 1; }
.my-demand-status.is-pending { color: #a66a16; border-color: #f0d39f; background: #fff7e8; }
.my-demand-status.is-approved { color: #187a61; border-color: #b8dfd2; background: #edf8f4; }
.my-demand-owner-copy { display: flex; min-width: 0; flex-direction: column; gap: 4px; line-height: 1.55; }
.my-demand-owner-copy > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.my-demand-owner-copy time { color: #8a979b; font-size: 11px; }
@media (max-width: 760px) { .my-demands-section { width: calc(100% - 32px); padding: 30px 0 64px; }.my-demands-heading { align-items: flex-start; flex-direction: column; padding: 24px 20px; }.my-demands-heading h1 { font-size: 26px; }.my-demands-heading > div:last-child { width: 100%; justify-content: space-between; } }