.callCalendar{color:#20362a;max-width:1240px;margin:auto;padding:24px;font-family:Arial,sans-serif}.callCalendar *{box-sizing:border-box}.callCalendar header{justify-content:space-between;align-items:center;gap:20px;display:flex}.callCalendar h1{margin:12px 0 6px;font-size:28px}.callCalendar p{font-size:14px;line-height:1.5}.callCalendar a{color:#175d39}.ccButton,.ccActions a,.ccActions button,.ccListHeading button,.ccSync button{color:#214c32;font:inherit;cursor:pointer;background:#fff;border:1px solid #cad8ce;border-radius:7px;padding:10px 12px;font-size:13px;text-decoration:none;display:inline-block}.ccSummary{grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0;display:grid}.ccSummary button{text-align:left;cursor:pointer;color:#214c32;background:#f3f8f4;border:1px solid #d4e0d7;border-radius:12px;padding:16px;font-size:14px}.ccSummary b{margin-top:6px;font-size:28px;display:block}.ccLayout{grid-template-columns:360px 1fr;gap:22px;display:grid}.ccMonth{border:1px solid #d4e0d7;border-radius:12px;align-self:start;padding:16px}.ccMonth label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.ccMonth input{border:1px solid #cad8ce;border-radius:6px;max-width:180px;padding:8px}.ccGrid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.ccGrid>strong{text-align:center;padding:6px 0;font-size:11px}.ccGrid button{height:52px;font:inherit;cursor:pointer;color:#214c32;background:#fff;border:1px solid #e1e8e3;border-radius:5px;font-size:13px}.ccGrid small{color:#175d39;margin-top:4px;font-size:9px;display:block}.ccGrid button[aria-pressed=true]{background:#d9eddf;border-color:#175d39}.ccGrid .ccToday{border-color:#175d39;font-weight:700}.ccMonth>a,.ccMonth p{font-size:12px}.ccListHeading{align-items:center;gap:8px;margin-bottom:12px;display:flex}.ccListHeading h2{margin:0 auto 0 0;font-size:20px}.ccCall{background:#fff;border:1px solid #d4e0d7;border-radius:12px;margin-bottom:12px;padding:18px}.ccCallTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.ccCall h3{margin:0;font-size:18px}.ccCallTitle span{text-transform:capitalize;background:#eef4ef;border-radius:10px;padding:5px 8px;font-size:11px}.ccCall>small{color:#738078;margin-top:7px;font-size:12px;display:block}.ccCall>strong{font-size:14px}.ccActions{flex-wrap:wrap;gap:8px;display:flex}.ccActions button:disabled,.ccSync button:disabled{opacity:.5}.ccSync{color:#6a796f;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;font-size:11px;display:flex}.ccError{color:#8d3c26;background:#fff1ec;border-radius:8px;padding:14px}.ccEmpty{background:#f5f7f5;border-radius:10px;padding:28px}.callCalendar button:focus-visible,.callCalendar a:focus-visible{outline-offset:3px;outline:3px solid #83b991}@media (width<=760px){.callCalendar{padding:16px}.callCalendar header{display:block}.ccSummary{grid-template-columns:repeat(2,1fr)}.ccLayout{grid-template-columns:1fr}.ccMonth{max-width:100%}.ccGrid button{height:48px}.ccListHeading{flex-wrap:wrap}.ccListHeading h2{width:100%;margin-bottom:8px}}.ccCalls{min-width:0}.ccCall{overflow-wrap:anywhere;padding:18px}.ccCallTitle{align-items:flex-start;margin-bottom:12px}.ccCall h3{font-size:20px;line-height:1.25}.ccCallTitle>span{flex-shrink:0;padding:5px 9px;font-size:13px}.ccCallTitle .ccOverdue{color:#925612;background:#fff0dc}.ccTimeBlock{background:#f4f7f5;border-radius:8px;gap:6px;padding:10px 12px;display:grid}.ccTimeBlock>div{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;line-height:1.4;display:flex}.ccTimeBlock>div>span:first-child{color:#65766b;flex-shrink:0}.ccTimeBlock>div>:last-child{text-align:right}.ccTimeBlock strong{font-size:15px}.callCalendar .ccTopic{margin:12px 0 8px;font-size:16px;line-height:1.45}.ccContactDetails{flex-wrap:wrap;gap:4px 14px;margin-bottom:12px;font-size:14px;line-height:1.45;display:flex}.ccContactDetails a{color:#65766b;text-decoration:none}.ccContactActions,.ccStatusActions,.ccRescheduleActions{gap:8px;display:grid}.ccContactActions{grid-template-columns:repeat(3,minmax(0,1fr))}.ccContactActions>a,.ccStatusActions>button,.ccRescheduleActions>a,.ccRescheduleActions>button{color:#214c32;min-height:44px;font:inherit;text-align:center;cursor:pointer;background:#fff;border:1px solid #cad8ce;border-radius:8px;justify-content:center;align-items:center;min-width:0;padding:8px;font-size:14px;line-height:1.25;text-decoration:none;display:flex}.ccContactActions>a:only-child{grid-column:1/-1}.ccStatusActions{grid-template-columns:1fr 1fr;margin-top:12px}.ccStatusActions .ccPrimary,.ccRescheduleActions .ccPrimary{color:#fff;background:#1c5233;border-color:#1c5233}.ccStatusActions .ccCancel{color:#865044;background:0 0;border-color:#0000}.ccStatusActions button:disabled{opacity:.5;cursor:wait}.ccReschedule{border:1px solid #cad8ce;border-radius:8px;margin-top:12px}.ccReschedule summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;font-size:14px;font-weight:600;list-style:none;display:flex}.ccReschedule summary::-webkit-details-marker{display:none}.ccReschedule summary span{font-size:20px;line-height:1}.ccReschedule[open] summary span{transform:rotate(180deg)}.ccReschedule summary:focus-visible{outline-offset:3px;outline:3px solid #83b991}.ccRescheduleBody{padding:0 12px 12px}.callCalendar .ccRescheduleBody p{color:#65766b;margin:0 0 10px;font-size:14px}.ccRescheduleActions{grid-template-columns:1fr 1fr}.ccRescheduleActions>:first-child{grid-column:1/-1}.ccSync{border-top:1px solid #edf1ee;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;font-size:13px}.ccSync a{text-decoration:none}.ccListHeading button{min-height:40px;font-size:14px}.ccListHeading h2{font-size:20px}.ccListHeading{flex-wrap:wrap}@media (width<=760px){.callCalendar{padding:12px}.ccCall{margin-bottom:12px;padding:14px}.ccCall h3{font-size:18px}.ccTimeBlock{padding:9px 10px}.ccTimeBlock strong{font-size:14px}.ccListHeading{gap:6px}.ccListHeading h2{flex:1;width:auto;margin:0}.ccListHeading button{padding:8px 10px}.ccContactDetails{gap:3px;display:grid}.ccLayout{gap:16px}}@media (width<=360px){.ccTimeBlock>div{flex-wrap:wrap;gap:2px 8px}.ccTimeBlock>div>:last-child{text-align:left}.ccContactActions{gap:5px}.ccContactActions>a{padding:7px 4px}}.ccAppNav{align-items:center;gap:6px;margin-bottom:12px;display:flex}.ccAppNav a{background:#fff;border:1px solid #cad8ce;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:7px 10px;font-size:14px;line-height:1.2;text-decoration:none;display:flex}.ccAppNav svg,.ccWorkButtons svg{flex-shrink:0}.ccCustomerWork{margin:0 0 12px}.ccWorkButtons{gap:8px;display:flex}.ccWorkButtons button{color:#214c32;min-height:40px;font:inherit;cursor:pointer;background:#f4f7f5;border:1px solid #dbe5de;border-radius:8px;align-items:center;gap:6px;padding:7px 10px;font-size:14px;display:flex}.ccWorkButtons b{background:#fff;border-radius:5px;padding:2px 6px;font-size:13px}.ccWorkButtons button[aria-expanded=true]{background:#e5f0e9;border-color:#1c5233}.ccWorkPanel{border:1px solid #dbe5de;border-radius:8px;margin-top:8px;padding:10px}.ccWorkPanel>a{border-bottom:1px solid #edf1ee;gap:4px;padding:9px 0;font-size:14px;text-decoration:none;display:grid}.ccWorkPanel>a:last-child{border-bottom:0}.ccWorkPanel small{color:#65766b;font-size:13px}.callCalendar .ccWorkPanel p{margin:0;font-size:14px}.ccWorkPanel button{color:#214c32;cursor:pointer;background:#fff;border:1px solid #cad8ce;border-radius:5px;padding:6px 9px}@media (width<=760px){.ccAppNav{z-index:3;background:#fff;border:1px solid #edf1ee;border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%;max-width:100%;padding:6px;display:grid;position:sticky;top:0}.ccAppNav a{border:0;flex-direction:column;gap:4px;min-width:0;min-height:44px;padding:6px 2px;font-size:12px}}.ccNotes{background:#f4f7f5;border:1px solid #d4e0d7;border-radius:8px;margin:14px 0;padding:12px}.ccNotes label{margin-bottom:6px;font-weight:700;display:block}.ccNotes textarea{resize:vertical;border:1px solid #cad8ce;border-radius:6px;width:100%;padding:10px;font:16px/1.4 Arial,sans-serif}.ccNotes>div,.ccNotes .bcVoice{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ccNotes button,.ccReminderTime button,.ccReminderHelp button{color:#214c32;cursor:pointer;background:#fff;border:1px solid #cad8ce;border-radius:6px;align-items:center;gap:6px;min-height:38px;padding:8px 10px;display:inline-flex}.ccNotes p{margin:6px 0 0}.ccReminderTime{color:#88550d;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.ccReminderTime small{flex-basis:100%}.ccReminderHelp{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;font-size:13px;display:flex}.ccTimeBlock>div{flex-wrap:wrap}.ccCall{scroll-margin-top:70px}
