#my-team-view { min-width: 0; }
#my-team-view .overline { margin-bottom: 12px; }
.mt-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.mt-heading p { color: #6b7280; margin: 8px 0 0; font-size: 13px; }
.mt-heading .outline-button { text-decoration: none; }
.mt-notification { display: flex; align-items: center; gap: 12px; padding: 14px 18px; margin-bottom: 24px; background: #fff2f6; border: 1px solid #f2cfdb; border-radius: 7px; }
.mt-notification > svg { flex: none; width: 20px; height: 20px; color: #ed0765; }
.mt-notification div { flex: 1; display: flex; flex-direction: column; gap: 4px; }
.mt-notification b { font-size: 13px; font-weight: 500; }
.mt-notification small { color: #6b7280; font-size: 12px; }
.mt-notification button { border: 0; background: none; color: #ed0765; font-size: 12px; white-space: nowrap; }
.mt-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; padding: 22px 24px; margin-bottom: 28px; background: #242b38; border-radius: 8px; }
.mt-stats > div { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.mt-stats strong { color: #ddff75; font-size: 32px; line-height: 1; font-weight: 500; }
.mt-stats b { color: #fff; font-size: 14px; font-weight: 500; }
.mt-stats small { color: #bfc7d2; font-size: 12px; }
.mt-tabs { display: flex; gap: 28px; border-bottom: 1px solid #e2e5e9; margin-bottom: 24px; overflow-x: auto; }
.mt-tabs a { flex: none; padding: 0 0 14px; border-bottom: 2px solid transparent; color: #6b7280; text-decoration: none; font-size: 14px; }
.mt-tabs a.active { border-color: #ed0765; color: #ed0765; font-weight: 500; }
#mt-error { margin-bottom: 16px; }
.mt-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 24px; align-items: start; }
.mt-list { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.mt-filters { display: flex; gap: 12px; min-width: 0; }
.mt-filters .search-box { min-height: 44px; }
.mt-filters select { min-width: 130px; max-width: 180px; padding: 0 12px; background: #fff; border: 1px solid #e2e5e9; border-radius: 24px; color: #242b38; font-size: 13px; }
.mt-reminder-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.mt-reminder-filters button { padding: 6px 10px; border: 0; border-radius: 5px; background: #eef0f3; color: #242b38; font-size: 12px; }
.mt-reminder-filters button.active { background: #ed0765; color: #fff; }
.mt-table { overflow: hidden; border: 1px solid #e2e5e9; border-radius: 8px; background: #fff; }
.mt-table-head, .mt-row { display: grid; grid-template-columns: minmax(0, 1fr) 100px 110px; gap: 12px; align-items: center; }
.mt-table-head { padding: 14px 18px; background: #eceff2; color: #6b7280; font-size: 10px; font-weight: 500; letter-spacing: .7px; }
.mt-row { width: 100%; min-height: 82px; padding: 13px 18px; border: 0; border-bottom: 1px solid #e2e5e9; background: #fff; color: #242b38; text-align: left; }
.mt-row:last-child { border-bottom: 0; }
.mt-row:hover, .mt-row.selected { background: #f5f8ec; }
.mt-row > :first-child { grid-column: 1; }
.mt-row { grid-template-columns: 48px minmax(0, 1fr) 100px 110px; }
.mt-table-head { grid-template-columns: minmax(0, 1fr) 100px 110px; }
.mt-avatar { position: relative; flex: none; display: grid; place-items: center; width: 48px; height: 52px; border-radius: 5px; overflow: hidden; background: #e9eedc; color: #526932; font-weight: 500; }
.mt-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mt-identity { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.mt-identity b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 500; }
.mt-identity small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #6b7280; font-size: 12px; }
.mt-identity em { color: #22754d; font-size: 11px; font-style: normal; }
.mt-status { width: fit-content; padding: 5px 8px; border-radius: 5px; background: #fff2d9; color: #895a12; font-size: 11px; }
.mt-status.processed { background: #e8eeff; color: #435ea5; }
.mt-status.hired { background: #e1f4e7; color: #22754d; }
.mt-status.rejected { background: #fbe8ed; color: #9d4057; }
.mt-reminder-date { font-size: 12px; color: #6b7280; }
.mt-reminder-date.urgent { color: #ed0765; font-weight: 500; }
.mt-empty { margin: 0; padding: 30px 18px; color: #6b7280; font-size: 13px; }
.mt-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #6b7280; font-size: 12px; }
.mt-footer > div { display: flex; align-items: center; gap: 8px; }
.mt-footer button { width: 28px; height: 28px; border: 1px solid #e2e5e9; border-radius: 5px; background: #fff; }
.mt-footer button:disabled { opacity: .4; cursor: default; }
.mt-detail { display: flex; flex-direction: column; gap: 16px; padding: 22px; background: #fff; border: 1px solid #e2e5e9; border-radius: 8px; min-width: 0; }
.mt-detail-title { display: flex; align-items: center; justify-content: space-between; }
.mt-detail h2 { margin: 0; font-size: 17px; }
.mt-detail-title button { padding: 0; border: 0; background: none; color: #ed0765; font-size: 22px; }
.mt-person { display: flex; gap: 12px; align-items: center; min-width: 0; }
.mt-person .mt-avatar { width: 58px; height: 66px; }
.mt-person > div:last-child { min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.mt-person b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: 500; }
.mt-person small { color: #6b7280; font-size: 12px; }
.mt-person a { color: #ed0765; font-size: 12px; text-decoration: none; }
.mt-score { align-self: flex-start; padding: 6px 10px; background: #f2f8df; border-radius: 5px; color: #435a24; font-size: 12px; }
.mt-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mt-tags span { padding: 6px 10px; background: #eef0f3; border-radius: 5px; font-size: 12px; }
.mt-detail hr { width: 100%; border: 0; border-top: 1px solid #e2e5e9; margin: 0; }
.mt-detail p { margin: 0; color: #242b38; line-height: 1.5; font-size: 14px; }
.mt-detail > small, .mt-remove small { color: #6b7280; font-size: 11px; line-height: 1.5; }
.mt-due { color: #ed0765; font-size: 11px; font-weight: 500; }
.mt-automatic { display: flex; flex-direction: column; gap: 6px; padding: 12px; background: #f5f6f7; border-radius: 5px; }
.mt-automatic b { color: #22754d; font-size: 12px; font-weight: 500; }
.mt-automatic small { color: #6b7280; font-size: 11px; }
.mt-contact { display: flex; flex-wrap: wrap; gap: 8px; }
.mt-contact a { display: inline-block; padding: 10px 16px; border: 1px solid #e2e5e9; border-radius: 24px; color: #242b38; text-decoration: none; font-size: 13px; }
.mt-contact a:first-child { border-color: #bddcc7; background: #e1f4e7; color: #22754d; }
#mt-reminder-form { display: flex; flex-direction: column; gap: 10px; }
#mt-reminder-form label { display: flex; flex-direction: column; gap: 8px; color: #6b7280; font-size: 12px; }
#mt-reminder-form input, #mt-reminder-form textarea { width: 100%; padding: 10px 12px; border: 1px solid #dce0e5; border-radius: 5px; background: #f5f6f7; color: #242b38; font-size: 13px; }
#mt-reminder-form textarea { min-height: 76px; resize: vertical; }
#mt-reminder-form button { width: fit-content; }
#mt-reminder-form button:disabled { opacity: .5; }
.mt-remove { display: flex; flex-direction: column; gap: 8px; padding-top: 14px; border-top: 1px solid #e2e5e9; }
.mt-remove button { align-self: flex-start; border: 0; background: none; color: #ed0765; font-size: 12px; padding: 0; }
.mt-empty-side { color: #6b7280 !important; font-size: 13px !important; }
.mt-history-row { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; border-bottom: 1px solid #e2e5e9; }
.mt-history-row a { color: #242b38; font-size: 14px; font-weight: 500; text-decoration: none; }
.mt-history-row a:hover { color: #ed0765; }
.mt-history-row span { color: #6b7280; font-size: 13px; }
.mt-history-row small { color: #6b7280; font-size: 11px; }
@media (max-width: 1200px) { .mt-layout { grid-template-columns: minmax(0, 1fr); } .mt-detail { max-width: 680px; } }
@media (max-width: 750px) { .mt-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .mt-heading { align-items: flex-start; flex-direction: column; } .mt-filters { flex-wrap: wrap; } .mt-filters .search-box { flex: 1 1 100%; } }
@media (max-width: 540px) { .mt-stats { gap: 20px; } .mt-stats small { font-size: 11px; } .mt-notification { align-items: flex-start; flex-wrap: wrap; } .mt-notification button { margin-left: 28px; } .mt-row { grid-template-columns: 42px minmax(0, 1fr) 75px; padding: 12px; gap: 8px; } .mt-row .mt-avatar { width: 42px; height: 48px; } .mt-row .mt-status { grid-column: 3; } .mt-reminder-date, .mt-table-head { display: none; } .mt-detail { padding: 18px; } }