/*© 2014 5ive Technologies Inc. http://www.5iveTech.com - All Rights Reserved*/
#imgLogo { max-width: 360px; max-height: 150px; }
p, ul, li, .Link, .desc, .divMessageValue { line-height: 25px; margin: revert; padding: revert; }
.Link12 { font-size: 12px; }
.Link15 { font-size: 15px; }
a, .Link, .Link12, .Link15 { text-decoration: none; cursor: pointer; font-weight: normal; }
     a, .ActiveLink, .IntakeLink, a:hover, .Link:hover, .Link12:hover, .Link15:hover { color: #00B0B0; }
.InactiveLink { color: #D5D5D5; }
.InactiveNote { font-size: 9px; background-color: #EFEFEF; color: #333; line-height: 8px; border-radius: 42%; padding: 5px; font-weight: bold; border: 1px solid #151515; }
.IntakeLink { font-weight: bold; }

@font-face { font-family: ManageCondos; src: url("/fonts/PAPYRUS.eot?#iefix") format("embedded-opentype"); }
@font-face { font-family: ManageCondos; src: url("/fonts/PAPYRUS.TTF") format('truetype'); }

h1, .h1, h2, .h2, h3, .h3, h5, .h5, .ulCategory, .ulCategoryAdmin, #CustomMessageAbsolute, #CustomMessageWrapper, #CustomMessage { font-family: "Inter", Arial, sans-serif; }
.h6ViewReadUnread { margin: 0; font-weight: bold; font-size: 14px; color: #0084B4; }

#divHR { height: 1px; background-color: #222; }
.divDivider { color: #555; font-size: 9px; }
.divColorHR { height: 3px; }
#divMain { background-color: #F5F5F5; background-color: #FBF9F5; min-height: 100%; position: relative; }
#divHeader { position: fixed; left: 0px; top: 0px; height: 52px; border-bottom: 2px solid #252525; background-color: #E5E5E5; background-color: #333; box-shadow: 0px 0px 9px rgba(0,0,0,0.33); z-index: 999; }
#divHeaderWrapper { position: relative; min-width: 395px; }

.cphBody { margin: auto; padding: 0px 20px 55px 20px; }
#divContent { /*background-image: url(/images/24_col.gif);*/ /*background-image: url(/images/12_col.gif);*/ padding-top: 9px; padding-bottom: 200px; background-color: #FEFEFE; background-color: #EEF2F7; background-color: #FBF9F5; border-radius: 9px; border: 1px solid #F5F5F5; }
.divContent, .divInnerContent { margin: 55px 0 33px 0; }
#divSignUp { position: relative; background-color: #F5F5F5; border-bottom: 1px solid #DDD; display: none; box-shadow: 0px 0px 5px rgba(0,0,0,0.19); }
#divActiveIntakes, #divArchivedIntakes { overflow-x: auto; }
.tableIntakes { border: 0px solid #D5D5D5; border-bottom: none; border-radius: 5px; margin-bottom: 9px; background-color: #FFF; }
     .tableIntakes th { font-weight: bold; background-color: #E0F2FE; background-color: #c8dfdf; background-color: #f8fafc; }
     .tableIntakes th, .tableIntakes td { border-bottom: 1px dotted #D5D5D5; }
div#divActiveShortcutIntakes { max-width: 250px; max-height: 300px; overflow-x: hidden; overflow-y: scroll; }
.tableIntakes td.shortcutSummary { max-width: 225px; }
.trIntake:active, .trIntake:hover { background-color: #F5F5F5; }
.divHomeHR { border-bottom: 1px solid #DDD; }
#divFooter { position: absolute; bottom: 0; left: 0; width: 100%; color: #A5A5A5; }
#divBottom { background: #333; font-size: 12px; }
.divLink, .divDivider { float: left; }
.divDivider, .tdDivider { color: #656565; font-size: 9px; }
.divMissionStatement { max-width: 345px; line-height: 25px; font-size: 14px; text-align: center; padding: 19px 5px; }
#divBottomLinks { line-height: 55px; }
     #divBottomLinks a { padding: 0 10px; }
#divCopyright { padding: 0 5px; line-height: 33px; }
#divFollowersList { font-size: 14px; }

#divLogo { height: 52px; padding-left: 25px; font-family: "Segoe UI", Arial, sans-serif; font-family: "Inter", Arial, sans-serif; }
#spanLogo_Manage, .spanLogo_Manage { color: #efefef; }
#spanLogo_Condos, .spanLogo_Condos { font-weight: bold; color: #00B0B0; }
.divSignIn { position: absolute; top: 0px; right: 45px; background-color: #151515; line-height: 55px; border-radius: 0 0 5px 5px; box-shadow: 0px 0px 9px rgba(0,0,0,0.33); }

.divReadsUnreads { border-top: 1px solid #ddd; }
.divViewReadsUnreads { cursor: pointer; }
.spanRead, .spanUnread { font-size: 14px; white-space: nowrap; border: 1px solid #ddd; -webkit-border-radius: 5px; border-radius: 5px; display: inline-block; margin: 2px; vertical-align: baseline; padding: 2px 5px; }
.spanUnread { background: #F8C1C1; border: 1px solid #833D3D; background: #FFE8E8; border: 1px solid #FFBEBE; color: #222; }
.spanRead { background: #BDE7BE; border: 1px solid #3D853F; background: #E4FAE5; border: 1px solid #BDE7BD; color: #222; }
.divHR { border-bottom: 1px dotted #DDD; }

.social { padding: 3px 0 0 5px; }
     .social div { font-size: 10px; }
.socialEmailWrapper { padding: 1px 5px 2px 19px; background: #6F8888 url(/images/icon_email.gif) no-repeat left; }
.socialEmail { color: #ddd; line-height: 16px; cursor: pointer; }
.socialCounter { border: 0; outline: none; cursor: pointer; text-decoration: none !important; background: url('/images/bubbles.gif') no-repeat !important; text-align: center; font-weight: bold; font-family: arial,helvetica,sans-serif; font-family: "Inter", Arial, sans-serif; color: #000; background-repeat: no-repeat; background-position: 0 -64px !important; height: 16px; width: 32px !important; float: none; margin: 0 0 0 1px; line-height: 15px; font-size: 10px; padding: 0 1px 0 3px; }
.socialIcon { width: 16px; height: 16px; margin-left: 3px; cursor: pointer; }

.divAdSide, .divAdInline { background-color: #F5F5F5; box-shadow: 0px 0px 5px #555; }

.divAdSide { padding: 25px 0 19px 0; margin-bottom: 110px; }
.divAdInline { padding: 25px 19px 19px 19px; margin: 19px; }

div#disabler { z-index: 1001; height: 1300px; background-color: #5D5D5D; opacity: 0.5; position: fixed; bottom: 0; top: 0; left: 0; right: 0; display: none; }

.imgIntakeArrow { height: 55px; }
.divHeaderBox { border: 1px solid #959595; }
.divHeaderBox, .divMessageWrapper { box-shadow: 0px 0px 5px rgba(0,0,0,0.19); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.divMessageHead { font-size: 22px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; }
.imgAvatar { border: 1px solid #999; width: 17px; height: 17px; }
.divMessageType { font-weight: bold; }
.divMessageDate { font-size: 14px; height: 29px; }
.divMessageBody { color: #151515; background-color: #FEFEFE; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.aImgEmbed { cursor: -webkit-zoom-in; }
.imgEmbed { border-radius: 5px; max-width: 91%; }
.divDateAdded { font-size: 11px; color: #595959; }

.divMarkedAsRead { font-weight: bold; color: green; background-image: url('/images/success.png'); background-repeat: no-repeat; background-position: 0px center; }

.trAddressBookHeader td { border-bottom: 1px solid gray; }
.trAddressBook td, .trHours td { border-bottom: 1px solid silver; }
.trHours td { text-align: center; padding: 5px 9px; font-size: 14px; }
.txtNumberOfRequests { width: 33px; text-align: center; }
.txtNumberOfHoursSpent { width: 55px; text-align: center; }

#divMenu { line-height: 21px; font-size: 16px; padding-bottom: 9px; color: #EFEFEF; text-align: left; display: none; border-radius: 0 0 5px 5px; background-color: #333; }
.MenuItem, .MenuItemNoBG { padding: 5px 19px; }
     .MenuItem:hover { color: #FFF; background-color: #555; }
     .MenuItem a { display: block; }
.hrMenu { margin: 2px; border-color: #555; }
.spanGroupActive { color: red; font-size: 9px; }
.imgMenu { border: none; width: 16px; height: 16px; }
.imgHomeArrow { width: 13px; height: 13px; }

.divEditIntake { position: absolute; border: 3px solid #5D5D5D; border: none; background-color: #DDD; border-radius: 5px; box-shadow: 0 0 19px #151515; }
.divEditIntake { top: 110px; position: absolute; }
.divDisabler { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #5D5D5D; opacity: .33; filter: alpha(opacity=33); /* For IE8 and earlier */ }
.divPDB { padding-bottom: 333px; }

#divShortcutButton { position: absolute; top: 51px; left: 14px; font-size: 14px; color: #FEFEFE; padding: 5px 19px; border: 1px solid #555; box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 9px; border-radius: 0 0 5px 5px; display: block; background-color: #00B0B0; cursor: pointer; /* transform: rotateZ(-90deg); */ }
#divShortcut { position: absolute; top: 45px; left: 0px; padding: 19px; border: 1px solid #555; box-shadow: rgba(0, 0, 0, 0.55) 0px 0px 9px; border-radius: 0 0 5px 0; background-color: rgb(255, 255, 255); display: none; }

#divCounter, #divEditCounter { font-size: 14px; text-shadow: 0 1px 1px rgba(255,255,255,.75); }

#iframeIntake { position: fixed; display: none; text-align: center; height: 750px; top: 75px; z-index: 1168; border: none; box-shadow: 0 0 19px #151515; border-radius: 5px; overflow: hidden; }
.divCloseWrapper { position: fixed; top: 5px; right: 9px; z-index: 1168; cursor: pointer; display: none; }
.divClose { padding: 3px 9px; border: 1px solid #252525; border-radius: 5px; background-color: #252525; color: #D5D5D5; background-color: #00B0B0; color: #FFF; font-size: 15px; }

.tableRecords { font-size: 16px }
     .tableRecords th, .tableRecords td { border: 1px solid #DDD; padding: 3px 11px }
          .tableRecords th, .tableRecords th .actionCell { background-color: #E0F2FE }
     .tableRecords td { }
     .tableRecords th a { font-weight: bold; }


/* ===================================================== */
/* PAGE */
/* ===================================================== */
.page-container { max-width: 1168px; margin: auto; padding: 20px; border: 1px solid #F5F5F5; }
/* ===================================================== */
/* HEADER */
/* ===================================================== */
.intake-header { background: white; border-radius: 16px; padding: 24px; margin-bottom: 20px; display: flex; justify-content: space-between; gap: 24px; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; border: 1px solid #DDD; }
     .intake-header h1 { font-size: 32px; color: #111111; margin-bottom: 10px; }
.header-left { flex: 1; }
.header-right { min-width: 300px; }
.status-row { display: flex; flex-wrap: wrap; gap: 10px; }
.project-meta { display: flex; flex-direction: column; gap: 8px; color: #111111; }
/* ===================================================== */
/* BADGES */
/* ===================================================== */
.status-badge,
.priority-badge,
.category-badge { padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
     /* ===================================================== */
     /* STATUSES */
     /* ===================================================== */
     .status-badge.open { background: #DBEAFE; color: #111111; }
     .status-badge.active { background: #DCFCE7; color: #111111; }
     .status-badge.awaiting-assessment { background: #E0F2FE; color: #111111; }
     .status-badge.awaiting-quotes { background: #F3E8FF; color: #111111; }
     .status-badge.awaiting-approval { background: #FFEDD5; color: #111111; }
     .status-badge.awaiting-motion { background: #FEF3C7; color: #111111; }
     .status-badge.awaiting-second { background: #FDE68A; color: #111111; }
     .status-badge.awaiting-vote { background: #EDE9FE; color: #111111; }
     .status-badge.in-progress { background: #CCFBF1; color: #111111; }
     .status-badge.on-hold { background: #F3F4F6; color: #111111; }
     .status-badge.completed { background: #D1FAE5; color: #111111; }
     .status-badge.rejected { background: #FEE2E2; color: #111111; }
     .status-badge.cancelled { background: #E5E7EB; color: #111111; }
     .status-badge.closed { background: #E2E8F0; color: #111111; }
     /* ===================================================== */
     /* PRIORITIES */
     /* ===================================================== */
     .priority-badge.low { background: #E0F2FE; color: #111111; }
     .priority-badge.medium { background: #FEF3C7; color: #111111; }
     .priority-badge.high { background: #FEE2E2; color: #111111; }
     .priority-badge.critical { background: #FCA5A5; color: #111111; }
     .priority-badge.emergency { background: #EF4444; color: #FFFFFF; }
     /* ===================================================== */
     /* CATEGORIES */
     /* ===================================================== */
     .category-badge.maintenance { background: #E0F2FE; color: #111111; }
     .category-badge.capital-project { background: #DBEAFE; color: #111111; }
     .category-badge.financial { background: #DCFCE7; color: #111111; }
     .category-badge.security { background: #FEE2E2; color: #111111; }
     .category-badge.landscaping { background: #D1FAE5; color: #111111; }
     .category-badge.building-systems { background: #CCFBF1; color: #111111; }
     .category-badge.vendor-management { background: #F3E8FF; color: #111111; }
     .category-badge.governance { background: #FEF3C7; color: #111111; }
     .category-badge.legal { background: #FECACA; color: #111111; }
     .category-badge.insurance { background: #E9D5FF; color: #111111; }
     .category-badge.resident-request { background: #F8FAFC; color: #111111; }
     .category-badge.compliance { background: #FFE4E6; color: #111111; }
     .category-badge.communications { background: #E0E7FF; color: #111111; }
     .category-badge.reserve-fund { background: #DCFCE7; color: #111111; }
     .category-badge.emergency { background: #FCA5A5; color: #111111; }
/* ===================================================== */
/* WORKFLOW PROGRESS */
/* ===================================================== */
.workflow-progress { display: flex; gap: 12px; margin-bottom: 20px; padding-bottom: 10px; }
.progress-step { min-width: 111px; text-align: center; font-weight: 600; color: #111111; padding: 12px; border-radius: 12px; background: white; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; border: 1px solid #DDD; }
     .progress-step.completed { background: #DCFCE7; color: #111111; }
     .progress-step.current { background: #DBEAFE; color: #111111; border: 2px solid #93C5FD; }
/* ===================================================== */
/* SUMMARY CARDS */
/* ===================================================== */
.summary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; margin-bottom: 24px; }
.summary-card { border-radius: 16px; padding: 20px; color: #111111; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; border: 1px solid #DDD; }
     .summary-card h3 { margin-bottom: 12px; color: #111111; }
     .summary-card.stage { background: var(--stage-bg); }
     .summary-card.motion { background: var(--motion-bg); }
     .summary-card.vote { background: var(--vote-bg); }
     .summary-card.finance { background: var(--financial-bg); }
.summary-value { font-size: 24px; font-weight: 700; color: #111111; }
.summary-small { margin-top: 12px; color: #111111; }
/* ===================================================== */
/* FILTERS */
/* ===================================================== */
.timeline-filters { background: white; padding: 20px; border-radius: 16px; margin-bottom: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; border: 1px solid #DDD; }
     .timeline-filters h2 { margin-bottom: 15px; color: #111111; }
.filter-row { display: flex; flex-wrap: wrap; gap: 12px; }
     .filter-row input,
     /*.filter-row select { min-width: 180px; padding: 10px 12px; border-radius: 10px; border: 1px solid #CBD5E1; color: #111111; background: white; }*/
     .filter-row select { min-width: 180px; padding: 10px 12px; border-radius: 10px; border: 1px solid #CBD5E1; }
     .filter-row button { background: #2563EB; color: white; border: none; padding: 10px 18px; border-radius: 10px; cursor: pointer; }
/* ===================================================== */
/* TIMELINE */
/* ===================================================== */
#timeline { display: flex; flex-direction: column; gap: 18px; line-height: 1.5; }
.timeline-event { background: white; color: #111111; border-radius: 16px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; border: 1px solid #DDD; }
/* ===================================================== */
/* EVENT HEADERS */
/* ===================================================== */
.event-header { padding: 16px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(0,0,0,.08); }
.timeline-event.general .event-header { background: var(--general-header); }
.timeline-event.assessment .event-header { background: var(--assessment-header); }
.timeline-event.quote .event-header { background: var(--quote-header); }
.timeline-event.financial .event-header { background: var(--financial-header); }
.timeline-event.motion .event-header { background: var(--motion-header); }
.timeline-event.vote .event-header { background: var(--vote-header); }
.timeline-event.execution .event-header { background: var(--execution-header); }
.timeline-event.closed .event-header { background: var(--closed-header); }
/* ===================================================== */
/* EVENT CONTENT */
/* ===================================================== */
.event-title { color: #111111; font-weight: 700; font-size: 17px; }
.event-date { color: #111111; font-size: 13px; }
.event-body { background: white; color: #111111; padding: 18px 20px; text-align: left; }
     .event-body .event-user { font-weight: 700; color: #111111; }
     .event-body p { color: #111111; margin: 0px; padding: 0px; }
.event-metadata { margin-top: 12px; color: #111111; font-weight: 600; }
/* ===================================================== */
/* ATTACHMENTS */
/* ===================================================== */
.attachments { margin-top: 16px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 14px; }
.attachment { margin-bottom: 8px; color: #111111; font-weight: 500; cursor: pointer; }
     .attachment:hover { text-decoration: underline; }
/* ===================================================== */
/* COMMENTS */
/* ===================================================== */
.comment-toggle { margin-top: 14px; background: #EFF6FF; color: #111111; border: 1px solid #BFDBFE; border-radius: 10px; padding: 10px 14px; font-weight: 600; cursor: pointer; }
     .comment-toggle:hover { background: #DBEAFE; }
.comments-container { display: none; margin-top: 18px; }
     .comments-container.show { display: block; }
.comment, .timeline-comment { /*background: #F8FAFC; border: 1px solid #E2E8F0;*/ border-left: 5px solid #CBD5E1; border-radius: 12px; margin-left: 25px; padding: 11px 20px; margin-bottom: 12px; color: #111111; }
.timeline-comment { margin-bottom: 0px !important; }
.commentBody { display: flex; justify-content: space-between; align-items: center; }
.comment-user { font-weight: 700; color: #111111; }
.comment-time { color: #6B7280; font-size: 12px; margin-bottom: 6px; }
/* ===================================================== */
/* ROLE BADGES */
/* ===================================================== */
.role-badge { display: inline-block; margin-left: 6px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: #111111; }
     .role-badge.chair { background: #DBEAFE; }
     .role-badge.treasurer { background: #DCFCE7; }
     .role-badge.pm { background: #FEF3C7; }
     .role-badge.member { background: #E2E8F0; }
/* ===================================================== */
/* MOTION TEXT */
/* ===================================================== */
blockquote { margin-top: 12px; background-color: #FFFBEB; background-color: #FBF9F5; border-left: 4px solid #F59E0B; color: #111111; padding: 16px; border-radius: 10px; }
/* ===================================================== */
/* ACTION PANEL */
/* ===================================================== */
.sticky-actions { background: #f8f9f5; padding: 16px 0; text-align: center; background-color: #FFF; border-radius: 16px; }
     .sticky-actions h3 { margin-bottom: 15px; color: #111111; }
     .sticky-actions button { margin: 5px 9px; border-radius: 11px; color: #fff; background-color: #00B0B0; padding: 10px; border: none; cursor: pointer; }
/* ===================================================== */
/* NEW COMMENT */
/* ===================================================== */
.new-comment { margin-top: 24px; background: white; border-radius: 16px; padding: 20px; box-shadow: 0 2px 10px rgba(0, 0, 0, .06); box-shadow: none; }
     .new-comment h2 { margin-bottom: 12px; color: #111111; }
     .new-comment textarea { width: 100%; min-height: 160px; resize: vertical; border: 1px solid #CBD5E1; border-radius: 12px; padding: 12px; color: #111111; background: white; }
.comment-actions { margin-top: 15px; display: flex; flex-wrap: wrap; gap: 10px; }
     .comment-actions button { background: #2563EB; color: white; border: none; border-radius: 10px; padding: 10px 16px; cursor: pointer; }
.workflow-progress { display: flex; flex-wrap: wrap; justify-content: center; gap: 35px 20px; margin: 30px 0; }
.workflow-step { position: relative; width: 128px; display: flex; flex-direction: column; align-items: center; }
     /* connecting line */
     .workflow-step:not(:last-child)::after { content: ""; position: absolute; top: 22px; left: 65px; width: 128px; height: 3px; background: #D1D5DB; }
     /* green line for completed */
     .workflow-step.completed:not(:last-child)::after { background: #22C55E; }
.workflow-circle { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; z-index: 2; background: white; border: 3px solid #D1D5DB; }
/* completed */
.workflow-step.completed .workflow-circle { background: #22C55E; border-color: #22C55E; color: white; }
/* current */
.workflow-step.current .workflow-circle { background: white; color: #22C55E; border: 4px solid #22C55E; box-shadow: 0 0 0 4px rgba(34,197,94,.15); }
/* future */
.workflow-step.future .workflow-circle { color: #6B7280; }
.workflow-label { margin-top: 8px; text-align: center; font-size: 12px; font-weight: 600; color: #111111; }
.timeline-toolbar { display: flex; justify-content: flex-end; margin-bottom: 16px; }
.timeline-toolbar-button { background: white; border: 1px solid #E2E8F0; border-radius: 10px; padding: 10px 14px; cursor: pointer; font-size: 14px; font-weight: 600; color: #111111; transition: .2s; font-weight: bold; border-left: 5px solid #CBD5E1; }
     .timeline-toolbar-button:hover { background: #F8FAFC; }
     .timeline-toolbar-button.hidden { background: #F1F5F9; }
.last-read { position: relative; text-align: center; padding: 25px 0; color: #DC2626; font-size: 13px; font-weight: 700; }
     .last-read::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 2px; background: #DC2626; z-index: 1; }
.last-read-text { position: relative; background: #EEF2F7; padding: 0 12px; z-index: 2; }
.new-activity-banner { display: flex; justify-content: space-between; align-items: center; gap: 15px; background: #FEE2E2; border: 1px solid #FCA5A5; border-radius: 12px; padding: 12px 16px; margin-bottom: 20px; color: #111111; font-weight: 600; }
     .new-activity-banner .divjumpToLastRead { border: none; background: #DC2626; color: white; padding: 8px 14px; border-radius: 8px; cursor: pointer; }
     .new-activity-banner button:hover { background: #B91C1C; }
/* ===================================================== */
/* MOBILE */
/* ===================================================== */
@media (max-width: 1168px) {
     .workflow-progress { gap: 30px 10px; }
     .workflow-step { width: 95px; }
          .workflow-step:not(:last-child)::after { width: 90px; left: 50px; }
}

@media (max-width: 900px) {
     .page-container { padding: 12px; }
     .intake-header { flex-direction: column; }
     .summary-grid { grid-template-columns: 1fr; }
     .filter-row { flex-direction: column; }
          .filter-row input,
          .filter-row select,
          .filter-row button { width: 100%; }
     .event-header { flex-direction: column; align-items: flex-start; gap: 6px; }
     .intake-header h1 { font-size: 24px; }
     .workflow-step { width: 70px; }
          .workflow-step:not(:last-child)::after { width: 45px; left: 50px; }
     .workflow-label { font-size: 11px; }
     .workflow-circle { width: 38px; height: 38px; }
}

@media (max-width: 640px) {
     .workflow-step { width: 42px; }
          .workflow-step:not(:last-child)::after { width: 45px; left: 27px; }
}

@media (max-width: 480px) {
     .page-container { padding: 8px; }
     .event-body { padding: 14px; }
     .summary-card { padding: 16px; }
}

@media (max-width: 395px) {
     .workflow-step { width: 36px; }
          .workflow-step:not(:last-child)::after { width: 19px; left: 33px; }
}