#calendarMailPanel [hidden] { display:none !important; }
#calendarMailPanel .cpNav { display:flex; gap:8px; flex-wrap:wrap; margin:0 0 24px; padding-bottom:16px; border-bottom:1px solid #343036; }
#calendarMailPanel .cpNav button,#calendarMailPanel .cpKinds button { background:#1d1b20; border:1px solid #4b4248; border-radius:8px; color:#e8e1da; padding:11px 16px; min-height:44px; }
#calendarMailPanel .cpNav [aria-pressed="true"] { background:#a5192b; border-color:#c8374b; color:white; }
#calendarMailPanel .cpKinds [aria-pressed="true"] { background:#d8b45f; color:#181514; border-color:#d8b45f; }
#cpWorkspace { max-width:1200px; margin:auto; color:#f5f1ec; }
#cpWorkspace button { min-height:44px; cursor:pointer; white-space:normal; }
#cpWorkspace button:disabled { opacity:.45; cursor:default; }
#cpWorkspace :is(button,input,select,summary):focus-visible,#cpNav button:focus-visible { outline:3px solid #e4c775; outline-offset:3px; }
#cpWorkspace .cpHeading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:20px; }
#cpWorkspace h2 { margin:6px 0 10px; font-size:clamp(24px,4vw,34px); }
#cpWorkspace .cpHeading p { margin:0; }
#cpWorkspace .cpHeading .eyebrow { color:#d8b45f; font-size:12px; letter-spacing:.12em; }
#cpWorkspace .cpHeading button { flex-shrink:0; }
#cpWorkspace .cpNotice { border-left:3px solid #d8b45f; background:#201d17; padding:12px 16px; font-size:14px; line-height:1.5; }
#cpMessage { color:#c8bfb6; font-size:14px; margin:18px 0; overflow-wrap:anywhere; }
#cpWorkspace .cpKinds { display:flex; gap:8px; margin:20px 0; flex-wrap:wrap; }
#cpWorkspace .cpFilters { display:grid; grid-template-columns:2fr 1fr 1fr 1.3fr; gap:12px; padding:20px; background:#17171a; border:1px solid #343036; border-radius:12px; }
#cpWorkspace .cpFilters label { display:flex; flex-direction:column; gap:7px; min-width:0; color:#c8bfb6; font-size:13px; }
#cpWorkspace input,#cpWorkspace select { width:100%; min-width:0; min-height:44px; padding:10px; background:#101013; color:#f5f1ec; border:1px solid #5b535b; border-radius:6px; box-sizing:border-box; font-size:14px; }
#cpWorkspace .cpResultLine { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0 0; font-size:14px; }
#cpWorkspace .cpResultLine button { background:transparent; color:#d8b45f; padding:8px; }
#cpWorkspace .cpMonthHeading { margin:24px 0 12px; font-size:20px; padding-bottom:10px; border-bottom:2px solid #a5192b; }
#cpWorkspace .cpEvent { display:grid; grid-template-columns:70px minmax(0,1fr); gap:18px; padding:18px; margin-bottom:10px; border:1px solid #343036; border-radius:10px; background:#17171a; }
#cpWorkspace .cpDate { text-align:center; border-right:1px solid #4b4248; padding-right:16px; display:flex; flex-direction:column; gap:2px; align-self:start; }
#cpWorkspace .cpDate strong { font-size:30px; line-height:1.1; color:#d8b45f; font-variant-numeric:tabular-nums; }
#cpWorkspace .cpDate span { font-size:13px; text-transform:uppercase; }
#cpWorkspace .cpDate small { font-size:12px; color:#aaa19b; }
#cpWorkspace .cpEventBody { min-width:0; overflow-wrap:anywhere; }
#cpWorkspace .cpEventType { display:flex; align-items:center; flex-wrap:wrap; gap:12px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#d8b45f; }
#cpWorkspace .cpEvent h4 { font-size:19px; margin:5px 0 7px; line-height:1.3; }
#cpWorkspace .cpEventTitle { color:#d4ccc4; font-size:14px; margin:0 0 9px; line-height:1.5; }
#cpWorkspace .cpPlace { font-size:14px; margin:0; line-height:1.5; }
#cpWorkspace .cpStatus { padding:3px 7px; border:1px solid #75623a; border-radius:4px; font-size:10px; }
#cpWorkspace .cpCancelled { color:#ffb5b5; border-color:#a74750; }
#cpWorkspace .cpRange,#cpWorkspace .cpInternalChange { margin:7px 0 0; color:#c8bfb6; font-size:12px; }
#cpWorkspace .cpIssue { color:#ffd08a; }
#cpWorkspace .cpPast { opacity:.7; }
#cpWorkspace .cpEmpty { padding:32px 16px; border:1px dashed #5b535b; border-radius:10px; text-align:center; }
#cpWorkspace .cpPager { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:24px 0; }
#cpWorkspace .cpPager span { font-size:13px; text-align:center; }
#cpWorkspace .cpAssumption { background:#201d17; border:1px solid #6e5c33; padding:20px; border-radius:10px; margin:20px 0; line-height:1.5; }
#cpWorkspace .cpAssumption p { margin:8px 0 0; color:#d4ccc4; }
#cpWorkspace .cpStats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
#cpWorkspace .cpStats>div { padding:20px; background:#17171a; border:1px solid #343036; border-radius:10px; }
#cpWorkspace .cpStats strong { display:block; font-size:32px; color:#d8b45f; margin-bottom:4px; }
#cpWorkspace .cpStats span { font-size:13px; color:#c8bfb6; }
#cpWorkspace .cpStats .cpZero { border-color:#54775c; }
#cpWorkspace .cpStats .cpZero strong { color:#b5d6bd; }
#cpWorkspace .cpChecks { background:#17171a; border:1px solid #343036; border-radius:10px; padding:24px; margin:20px 0; line-height:1.6; }
#cpWorkspace .cpChecks h3 { margin-top:0; }
#cpWorkspace .cpChecks ul { padding-left:20px; }
#cpWorkspace .cpChecks li { margin:7px 0; }
#cpWorkspace .cpMuted { color:#c8bfb6; font-size:14px; }
#cpWorkspace .cpPlan { border:1px solid #343036; border-radius:10px; padding:16px; }
#cpWorkspace .cpPlan summary { cursor:pointer; min-height:28px; }
#cpWorkspace .cpPlan p { padding:12px 0; border-top:1px solid #343036; margin:0; font-size:13px; overflow-wrap:anywhere; }
#cpWorkspace .cpPlan span { color:#d8b45f; margin-right:12px; }
#cpWorkspace .cpPlan time { display:inline-block; margin-right:12px; color:#c8bfb6; }
@media(max-width:900px) { #cpWorkspace .cpFilters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
  #calendarMailPanel .cpNav { gap:6px; } #calendarMailPanel .cpNav button { font-size:12px; padding:9px 10px; flex:1 1 auto; }
  #cpWorkspace .cpHeading { display:block; } #cpWorkspace .cpHeading button { margin-top:16px; width:100%; }
  #cpWorkspace .cpFilters { padding:14px; gap:12px; } #cpWorkspace .cpFilters label:first-child { grid-column:1/-1; }
  #cpWorkspace .cpFilters label:last-child { grid-column:1/-1; }
  #cpWorkspace .cpKinds button { flex:1 1 auto; padding:10px; font-size:13px; }
  #cpWorkspace .cpEvent { grid-template-columns:50px minmax(0,1fr); gap:12px; padding:14px 12px; }
  #cpWorkspace .cpDate { padding-right:10px; } #cpWorkspace .cpDate strong { font-size:26px; }
  #cpWorkspace .cpEvent h4 { font-size:17px; } #cpWorkspace .cpEventTitle,#cpWorkspace .cpPlace { font-size:13px; }
  #cpWorkspace .cpStats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #cpWorkspace .cpStats>div { padding:14px; }
  #cpWorkspace .cpChecks,#cpWorkspace .cpAssumption { padding:16px; }
  #cpWorkspace .cpPager { gap:6px; } #cpWorkspace .cpPager button { padding:8px 10px; }
}