/* Compact cocoa workspace: summary, notice, course list and actionable calendar. */
html[data-upgrade="cocoa"] .container{max-width:1920px!important;width:100%!important;padding:0 28px 40px!important;}
html[data-upgrade="cocoa"] [hidden]{display:none!important;}
html[data-upgrade="cocoa"] .preview-banner{padding:5px 20px!important;font-size:11px!important;}
html[data-upgrade="cocoa"] .header{padding:14px 0 12px!important;min-height:55px!important;}
html[data-upgrade="cocoa"] .header h1{margin:0!important;}
html[data-upgrade="cocoa"] .shell-manual{top:9px;right:0;border-radius:7px;}
html[data-upgrade="cocoa"] .shell-menu{display:grid;grid-template-columns:minmax(230px,.95fr) 1.3fr 1.1fr 1.1fr;gap:20px;padding:0 0 14px;margin-bottom:20px;}
html[data-upgrade="cocoa"] .shell-primary{padding-top:26px;align-items:flex-start;flex-wrap:wrap;}
html[data-upgrade="cocoa"] .shell-direct{font-size:14px;padding:10px 12px;}
html[data-upgrade="cocoa"] .shell-direct[aria-current="page"]{background:var(--deep)!important;color:#fff!important;}
html[data-upgrade="cocoa"] .shell-group{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;align-content:start;border-left:1px solid var(--line);padding-left:18px;}
html[data-upgrade="cocoa"] .shell-group-name{grid-column:1/-1;font-size:14px;font-weight:750;margin:0 0 2px;color:var(--deep);}
html[data-upgrade="cocoa"] .shell-item{background:#eee6dc;padding:8px 10px;border:1px solid transparent;min-height:56px;}
html[data-upgrade="cocoa"] .shell-item strong{font-size:13px;color:var(--deep);}
html[data-upgrade="cocoa"] .shell-item small{font-size:11px;font-weight:400;margin-top:3px;color:var(--muted);}
html[data-upgrade="cocoa"] .shell-item.is-pending{background:#f0eeeb;opacity:.75;}
html[data-upgrade="cocoa"] .shell-item:hover{background:#e5d7c5;border-color:var(--mid);}
html[data-upgrade="cocoa"] .shell-pagehead{margin:0 0 12px!important;align-items:center;flex-wrap:wrap;}
html[data-upgrade="cocoa"] .shell-pagehead h2{font-size:23px;}
html[data-upgrade="cocoa"] .shell-pagehead p{margin-left:auto;font-size:12px;}
html[data-upgrade="cocoa"] .shell-more{margin:0!important;}
html[data-upgrade="cocoa"] #shell-stage>#kpi-summary-section{display:none!important;}
html[data-upgrade="cocoa"] .refresh-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px;}
html[data-upgrade="cocoa"] .refresh-stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:13px 16px;min-height:110px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
html[data-upgrade="cocoa"] .refresh-stat-focus{background:#f1e8da;}
html[data-upgrade="cocoa"] .refresh-stat-label{font-size:12px;color:var(--muted);font-weight:650;}
html[data-upgrade="cocoa"] .refresh-stat-value{font-size:26px;line-height:1.2;color:var(--deep);letter-spacing:-.6px;}
html[data-upgrade="cocoa"] .refresh-stat small{font-size:12px;color:var(--muted);}
html[data-upgrade="cocoa"] .refresh-meter{height:4px;width:100%;background:#e9e1d7;border-radius:4px;margin-top:auto;overflow:hidden;}
html[data-upgrade="cocoa"] .refresh-meter span{height:100%;display:block;background:var(--mid);border-radius:4px;}
html[data-upgrade="cocoa"] .shell-notices{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 20px!important;padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
html[data-upgrade="cocoa"] .shell-notices .shell-listhead{display:contents;}
html[data-upgrade="cocoa"] .shell-notices h3{font-size:14px;}
html[data-upgrade="cocoa"] .shell-notices .shell-textlink{order:3;margin-left:auto;font-size:12px;}
html[data-upgrade="cocoa"] .shell-note{margin:0;font-size:13px!important;color:var(--ink)!important;}
html[data-upgrade="cocoa"] button.shell-note{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;}
html[data-upgrade="cocoa"] .shell-grid{grid-template-columns:minmax(0,1.65fr) minmax(340px,.85fr);gap:28px;align-items:start;}
html[data-upgrade="cocoa"] .shell-rail{min-width:0;}
html[data-upgrade="cocoa"] .shell-grid>.card{margin:0!important;min-width:0;overflow:visible!important;}
html[data-upgrade="cocoa"] .shell-grid .card-header{padding:0 0 12px!important;margin:0!important;min-height:35px;background:transparent!important;}
html[data-upgrade="cocoa"] .shell-grid .card-header h2{font-size:17px!important;}
html[data-upgrade="cocoa"] .shell-grid .autumn-badge{display:none!important;}
html[data-upgrade="cocoa"] .card:has(#course-progress-board)>div[style*="padding:12px 20px"]{padding:0 0 12px!important;font-size:12px!important;}
html[data-upgrade="cocoa"] .cocoa-tools{padding:0 0 12px!important;}
html[data-upgrade="cocoa"] .cocoa-tools input{flex:1;min-width:0;}
html[data-upgrade="cocoa"] #course-progress-board{padding:0!important;gap:12px!important;}
html[data-upgrade="cocoa"] .course-board-card{border:1px solid var(--line)!important;border-left:4px solid var(--mid)!important;border-top:1px solid var(--line)!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;overflow:hidden;}
html[data-upgrade="cocoa"] .course-board-card.cocoa-quiet{border-left-color:#c5c0b9!important;}
html[data-upgrade="cocoa"] .course-board-card-top{background:transparent!important;padding:12px 16px 8px!important;border-bottom:0!important;display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;}
html[data-upgrade="cocoa"] .course-board-card-name{font-size:16px!important;color:var(--ink)!important;}
html[data-upgrade="cocoa"] .course-board-card-meta{margin:0!important;}
html[data-upgrade="cocoa"] .status-tag,html[data-upgrade="cocoa"] .course-board-issue-badge{background:#eee7dc!important;color:var(--cocoa)!important;border:0!important;}
html[data-upgrade="cocoa"] .course-board-card-body{padding:0 16px 10px!important;display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;}
html[data-upgrade="cocoa"] .course-board-progress-label{font-size:12px!important;margin:0!important;}
html[data-upgrade="cocoa"] .course-board-progress-label span{color:var(--cocoa)!important;}
html[data-upgrade="cocoa"] .course-board-progress-bar{height:5px!important;margin:5px 0!important;align-self:center;}
html[data-upgrade="cocoa"] .course-board-progress-fill{background:var(--mid)!important;box-shadow:none!important;}
html[data-upgrade="cocoa"] .course-board-card-body>div[style]{font-size:12px!important;color:var(--muted)!important;margin:0!important;}
html[data-upgrade="cocoa"] .course-board-stats{grid-column:1/-1;display:flex!important;justify-content:space-between;margin:5px 0 0!important;padding:0!important;background:transparent!important;border:0!important;gap:10px;}
html[data-upgrade="cocoa"] .course-board-stat-item{background:transparent!important;border-radius:0!important;padding:0!important;display:flex;align-items:baseline;gap:7px;}
html[data-upgrade="cocoa"] .course-board-stat-num{font-size:21px!important;color:var(--deep)!important;}
html[data-upgrade="cocoa"] .course-board-stat-lbl{font-size:11px!important;color:var(--muted)!important;}
html[data-upgrade="cocoa"] .course-board-card-bottom{background:transparent!important;border-top:1px solid #f0ebe5;padding:8px 16px!important;}
html[data-upgrade="cocoa"] .shell-go{padding:0 16px 10px;font-size:12px;}
html[data-upgrade="cocoa"] #shell-agenda{margin:0 0 22px;}
html[data-upgrade="cocoa"] .shell-listhead{min-height:35px;align-items:center;margin:0 0 10px;}
html[data-upgrade="cocoa"] .shell-listhead h3{font-size:17px;}
html[data-upgrade="cocoa"] .refresh-link{border:0;background:transparent;color:var(--cocoa);font:650 12px Pretendard,sans-serif;padding:6px 0;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-calendar-controls{display:flex;align-items:center;gap:9px;margin:0 0 9px;}
html[data-upgrade="cocoa"] .refresh-calendar-controls strong{font-size:14px;flex:1;text-align:center;}
html[data-upgrade="cocoa"] .refresh-month{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:5px;min-width:30px;height:30px;font-size:20px;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:7px 0;}
html[data-upgrade="cocoa"] .refresh-weekday{text-align:center;font-size:11px;color:var(--muted);padding-bottom:5px;}
html[data-upgrade="cocoa"] .refresh-day{height:35px;position:relative;border:1px solid transparent;background:transparent;border-radius:5px;color:var(--ink);font:500 12px Pretendard,sans-serif;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-day.is-today{border-color:var(--mid);font-weight:750;}
html[data-upgrade="cocoa"] .refresh-day.is-selected{background:var(--deep);color:#fff;}
html[data-upgrade="cocoa"] .refresh-event-dot{position:absolute;bottom:3px;left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--mid);}
html[data-upgrade="cocoa"] .refresh-day.is-selected .refresh-event-dot{background:#fff;}
html[data-upgrade="cocoa"] .refresh-event-heading{font-size:12px;font-weight:750;margin:12px 0 6px;}
html[data-upgrade="cocoa"] .refresh-event{display:grid;grid-template-columns:45px 1fr;gap:3px 8px;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:transparent;width:100%;text-align:left;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-event small{grid-row:span 2;color:var(--cocoa);font-size:12px;font-weight:750;}
html[data-upgrade="cocoa"] .refresh-event strong{color:var(--ink);font-size:12px;}
html[data-upgrade="cocoa"] .refresh-event span{font-size:11px;color:var(--muted);}
html[data-upgrade="cocoa"] .refresh-undated{border:0;background:transparent;color:var(--muted);padding:4px 0;font-size:12px;text-align:left;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-empty{font-size:12px;color:var(--muted);margin:8px 0;}
html[data-upgrade="cocoa"] .refresh-count{font-size:12px;color:var(--muted);}
html[data-upgrade="cocoa"] .refresh-attention{display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:0;border-top:1px solid var(--line);padding:12px 0;background:transparent;width:100%;text-align:left;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-attention small{color:var(--muted);font-size:11px;}
html[data-upgrade="cocoa"] .refresh-attention strong{color:var(--ink);font-size:13px;}
html[data-upgrade="cocoa"] .refresh-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.65;}
html[data-upgrade="cocoa"] .refresh-attention em{font-style:normal;color:var(--cocoa);font-size:12px;font-weight:650;}
html[data-upgrade="cocoa"] .refresh-attention:hover,html[data-upgrade="cocoa"] .refresh-event:hover{background:#eee7dc;}
html[data-upgrade="cocoa"] .refresh-detail-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px;}
html[data-upgrade="cocoa"] .refresh-view-tab{border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--cocoa);padding:9px 14px;font:650 14px Pretendard,sans-serif;cursor:pointer;}
html[data-upgrade="cocoa"] .refresh-view-tab[aria-pressed="true"]{background:var(--deep);color:white;border-color:var(--deep);}
html[data-upgrade="cocoa"] .refresh-detail-report{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;}
html[data-upgrade="cocoa"] .refresh-report-table{width:100%;border-collapse:collapse;min-width:1100px;font-size:13px;}
html[data-upgrade="cocoa"] .refresh-report-table caption{text-align:left;padding:16px;font-size:14px;font-weight:650;color:var(--cocoa);}
html[data-upgrade="cocoa"] .refresh-report-table th,html[data-upgrade="cocoa"] .refresh-report-table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;}
html[data-upgrade="cocoa"] .refresh-report-table thead{background:#eee5d8;color:var(--deep);}
html[data-upgrade="cocoa"] .refresh-report-table tbody tr:first-child{background:#f4eee4;font-weight:750;}
html[data-upgrade="cocoa"] .refresh-report-table tbody th{text-align:left;}
html[data-upgrade="cocoa"] .refresh-table-course{border:0;background:transparent;color:var(--cocoa);font:650 13px Pretendard,sans-serif;cursor:pointer;text-align:left;}
html[data-upgrade="cocoa"] button:focus-visible,html[data-upgrade="cocoa"] a:focus-visible{outline:3px solid var(--mid)!important;outline-offset:3px;}
@media(min-width:1500px){html[data-upgrade="cocoa"] #course-progress-board{grid-template-columns:1fr 1fr!important;}}
html[data-upgrade="cocoa"] #shell-attention{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--line);padding-top:16px;margin-top:20px;}
html[data-upgrade="cocoa"] #shell-attention>.shell-listhead{grid-column:1/-1;margin-bottom:0;}
html[data-upgrade="cocoa"] #shell-attention .refresh-attention{border-top:0;}
@media(max-width:900px){html[data-upgrade="cocoa"] #shell-attention{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){html[data-upgrade="cocoa"] #shell-attention{grid-template-columns:1fr;}}
@media(max-width:1100px){html[data-upgrade="cocoa"] .shell-menu{grid-template-columns:1fr 1fr 1fr;gap:14px;}html[data-upgrade="cocoa"] .shell-primary{grid-column:1/-1;padding-top:0;}html[data-upgrade="cocoa"] .shell-group{padding-left:10px;}html[data-upgrade="cocoa"] .shell-grid{grid-template-columns:minmax(0,1fr) 330px;gap:20px;}}
@media(max-width:780px){html[data-upgrade="cocoa"] .container{padding:0 16px 28px!important;}html[data-upgrade="cocoa"] .shell-grid{display:block;}html[data-upgrade="cocoa"] .refresh-summary{grid-template-columns:1fr 1fr;}html[data-upgrade="cocoa"] .shell-rail{margin-top:22px;}html[data-upgrade="cocoa"] .shell-group{grid-template-columns:1fr;}html[data-upgrade="cocoa"] .shell-manual{position:absolute;right:0;top:8px;margin:0;}html[data-upgrade="cocoa"] .shell-menu{gap:8px;}html[data-upgrade="cocoa"] .shell-item{padding:7px;}html[data-upgrade="cocoa"] .shell-item small{font-size:11px;}html[data-upgrade="cocoa"] .shell-pagehead p{margin-left:0;}html[data-upgrade="cocoa"] .course-board-card-body{grid-template-columns:1fr;}html[data-upgrade="cocoa"] .course-board-stats{grid-column:1;}html[data-upgrade="cocoa"] .refresh-stat{padding:12px;}}
@media(max-width:420px){html[data-upgrade="cocoa"] .header h1{font-size:15px!important;}html[data-upgrade="cocoa"] .shell-manual{font-size:11px;padding:7px 9px;}html[data-upgrade="cocoa"] .shell-group-name{font-size:13px;}html[data-upgrade="cocoa"] .shell-item strong{font-size:12px;}html[data-upgrade="cocoa"] .refresh-stat-value{font-size:23px;}}
/* Unified cocoa palette and phase-based hierarchy. */
html[data-upgrade="cocoa"]{--deep:#382720;--cocoa:#624333;--mid:#96715B;--point:#D9C3AE;--soft:#F2E9DF;}
html[data-upgrade="cocoa"] .shell-menu{background:var(--deep);border-radius:10px;padding:16px 18px;margin:0 0 20px;border:0;gap:18px;}
html[data-upgrade="cocoa"] .shell-primary{padding-top:0;align-items:flex-start;}
html[data-upgrade="cocoa"] .shell-direct{color:#f0e3d7;background:transparent;}
html[data-upgrade="cocoa"] .shell-direct[aria-current="page"]{background:var(--point)!important;color:var(--deep)!important;box-shadow:inset 0 -3px 0 #fff5e9;}
html[data-upgrade="cocoa"] .shell-group{border-left:2px solid #96715b;padding-left:18px;}
html[data-upgrade="cocoa"] .shell-group-name{color:#fff3e8;font-size:15px;margin-bottom:4px;}
html[data-upgrade="cocoa"] .shell-item{background:#624333;border:1px solid #7b5945;}
html[data-upgrade="cocoa"] .shell-item strong{color:#fff7f0;}
html[data-upgrade="cocoa"] .shell-item small{color:#ead9cb;}
html[data-upgrade="cocoa"] .shell-item:hover{background:#7c5943;border-color:#d9c3ae;}
html[data-upgrade="cocoa"] .shell-item.is-pending{background:#49372e;border-color:#705548;opacity:1;}
html[data-upgrade="cocoa"] .shell-item.is-pending strong,html[data-upgrade="cocoa"] .shell-item.is-pending small{color:#c5b4a8;}
html[data-upgrade="cocoa"] .refresh-summary{display:block;margin-bottom:22px;}
html[data-upgrade="cocoa"] .refresh-operational{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;color:var(--muted);font-size:12px;margin-bottom:14px;}
html[data-upgrade="cocoa"] .refresh-operational span+span{border-left:1px solid var(--line);padding-left:20px;}
html[data-upgrade="cocoa"] .refresh-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;}
html[data-upgrade="cocoa"] .refresh-phase{padding:0 18px 16px;min-width:0;}
html[data-upgrade="cocoa"] .refresh-phase+.refresh-phase{border-left:1px solid #d9c3ae;}
html[data-upgrade="cocoa"] .refresh-phase-head{display:flex;align-items:center;gap:10px;background:#eee3d5;margin:0 -18px 14px;padding:11px 18px;color:var(--deep);}
html[data-upgrade="cocoa"] .phase-1 .refresh-phase-head{background:#e3d1bf;}
html[data-upgrade="cocoa"] .phase-2 .refresh-phase-head{background:#d9c3ae;}
html[data-upgrade="cocoa"] .refresh-phase-head h3{margin:0;font-size:17px;}
html[data-upgrade="cocoa"] .refresh-phase-head small{font-size:11px;opacity:.7;}
html[data-upgrade="cocoa"] .refresh-phase-metric{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-bottom:13px;align-items:baseline;}
html[data-upgrade="cocoa"] .refresh-phase-metric:last-child{border-top:1px solid var(--line);padding-top:12px;margin-bottom:0;}
html[data-upgrade="cocoa"] .refresh-phase-metric>span{font-size:12px;color:var(--muted);}
html[data-upgrade="cocoa"] .refresh-phase-metric>strong{font-size:22px;color:var(--deep);letter-spacing:-.5px;}
html[data-upgrade="cocoa"] .refresh-phase-metric>small{grid-column:1/-1;color:var(--muted);font-size:11px;}
html[data-upgrade="cocoa"] .refresh-phase-metric .refresh-meter{grid-column:1/-1;margin-top:4px;}
html[data-upgrade="cocoa"] .refresh-bottom{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:22px;border-top:2px solid var(--point);padding-top:18px;}
html[data-upgrade="cocoa"] .refresh-bottom #shell-notices,html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{display:block!important;margin:0!important;padding:0!important;border:0!important;min-width:0;}
html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{border-left:1px solid var(--line)!important;padding-left:30px!important;}
html[data-upgrade="cocoa"] .refresh-bottom .shell-listhead{display:flex!important;margin-bottom:8px!important;min-height:30px;}
html[data-upgrade="cocoa"] .refresh-bottom .shell-listhead h3{font-size:17px;}
html[data-upgrade="cocoa"] .refresh-notice-item{padding:14px 0;border-top:1px solid var(--line);}
html[data-upgrade="cocoa"] .refresh-notice-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
html[data-upgrade="cocoa"] .refresh-notice-open{border:0;background:transparent;padding:0;font:750 15px Pretendard,sans-serif;color:var(--ink);cursor:pointer;text-align:left;}
html[data-upgrade="cocoa"] .refresh-notice-title time{font-size:11px;color:var(--muted);margin-left:auto;}
html[data-upgrade="cocoa"] .refresh-notice-content{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;color:var(--muted);line-height:1.8;margin:10px 0 7px;white-space:pre-line;}
html[data-upgrade="cocoa"] .refresh-notice-target{font-size:11px;color:var(--muted);display:block;}
html[data-upgrade="cocoa"] .refresh-notice-important{font-size:11px;padding:3px 6px;border-radius:4px;background:var(--soft);color:var(--deep);}
html[data-upgrade="cocoa"] .refresh-bottom #shell-attention .refresh-attention{border-top:1px solid var(--line);padding:10px 0;display:grid;grid-template-columns:1fr auto;gap:3px 12px;}
html[data-upgrade="cocoa"] .refresh-attention .refresh-description{grid-column:1/-1;-webkit-line-clamp:2;}
html[data-upgrade="cocoa"] .refresh-bottom .refresh-attention small{grid-column:1/-1;}
html[data-upgrade="cocoa"] .refresh-bottom .refresh-attention em{grid-column:2;grid-row:2;}
html[data-upgrade="cocoa"] .refresh-weekday.is-holiday,html[data-upgrade="cocoa"] .refresh-day.is-holiday{color:#b23636;}
html[data-upgrade="cocoa"] .refresh-weekday.is-saturday,html[data-upgrade="cocoa"] .refresh-day.is-saturday{color:#806653;background:#eee8e1;}
html[data-upgrade="cocoa"] .refresh-day{height:42px;}
html[data-upgrade="cocoa"] .refresh-day.is-holiday{background:#faefec;}
html[data-upgrade="cocoa"] .refresh-day.is-selected{background:var(--deep);color:#fff;}
html[data-upgrade="cocoa"] .refresh-holiday-name{display:block;font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-upgrade="cocoa"] .refresh-holiday-detail{font-size:12px;color:#b23636;margin:8px 0;}
html[data-upgrade="cocoa"] .refresh-view-tab{background:var(--soft);border-color:var(--point);}
html[data-upgrade="cocoa"] .shell-sections{background:var(--soft);padding:10px 14px;border-bottom:1px solid var(--point);}
html[data-upgrade="cocoa"] .shell-sections button[aria-pressed="true"]{background:var(--cocoa);color:#fff;}
@media(max-width:1100px){html[data-upgrade="cocoa"] .shell-primary{grid-column:1/-1;border-bottom:1px solid var(--mid);padding-bottom:10px;}}
@media(max-width:780px){html[data-upgrade="cocoa"] .refresh-phases{grid-template-columns:1fr;}html[data-upgrade="cocoa"] .refresh-phase+.refresh-phase{border-left:0;border-top:1px solid var(--point);}html[data-upgrade="cocoa"] .refresh-bottom{grid-template-columns:1fr;gap:22px;}html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{border-left:0!important;padding-left:0!important;}html[data-upgrade="cocoa"] .shell-menu{padding:12px;gap:8px;}html[data-upgrade="cocoa"] .shell-group{padding-left:8px;}html[data-upgrade="cocoa"] .shell-group-name{font-size:13px;}html[data-upgrade="cocoa"] .refresh-operational{gap:8px 14px;}html[data-upgrade="cocoa"] .refresh-operational span+span{padding-left:0;border:0;}}
html[data-upgrade="cocoa"] .mobile-bottom-nav{background:#fff!important;border-top:1px solid var(--point)!important;}
html[data-upgrade="cocoa"] .mobile-tab-btn{color:var(--muted)!important;}
html[data-upgrade="cocoa"] .mobile-tab-btn.active{background:var(--soft)!important;color:var(--deep)!important;}
/* Typography and decisive, consistent directional cues. */
html[data-upgrade="cocoa"] body{font-family:Pretendard,'Malgun Gothic',sans-serif!important;color:var(--deep);}
html[data-upgrade="cocoa"] .header h1{font-size:23px!important;font-weight:800!important;letter-spacing:-.6px;}
html[data-upgrade="cocoa"] .header{min-height:68px!important;padding:18px 0!important;}
html[data-upgrade="cocoa"] .shell-manual{top:14px;font-size:14px;font-weight:750;padding:9px 14px;}
html[data-upgrade="cocoa"] .shell-pagehead h2{font-size:28px;font-weight:800;color:var(--deep);}
html[data-upgrade="cocoa"] .shell-pagehead p{font-size:13px;color:#56483e;}
html[data-upgrade="cocoa"] .shell-pagehead .shell-textlink{background:var(--cocoa);color:#fff;padding:11px 17px;border-radius:7px;font-size:14px;font-weight:800;}
html[data-upgrade="cocoa"] .shell-grid .card-header{background:transparent!important;border-bottom:2px solid var(--point);padding-bottom:12px!important;margin-bottom:10px!important;}
html[data-upgrade="cocoa"] .shell-grid .card-header h2,html[data-upgrade="cocoa"] .shell-listhead h3,html[data-upgrade="cocoa"] .refresh-bottom .shell-listhead h3{font-size:20px!important;font-weight:800;color:var(--deep);}
html[data-upgrade="cocoa"] .shell-textlink,html[data-upgrade="cocoa"] .refresh-link{font-size:13px;font-weight:750;}
html[data-upgrade="cocoa"] .shell-grid .card-header .shell-textlink{background:#e6d6c4;padding:9px 12px;border-radius:6px;color:var(--deep);}
html[data-upgrade="cocoa"] .course-board-card-name{font-size:18px!important;font-weight:800!important;}
html[data-upgrade="cocoa"] .course-board-card-body>div[style],html[data-upgrade="cocoa"] .refresh-event span,html[data-upgrade="cocoa"] .refresh-description{color:#584b41!important;font-size:13px!important;}
html[data-upgrade="cocoa"] .refresh-phase-metric>strong{font-size:25px;font-weight:800;}
html[data-upgrade="cocoa"] .refresh-phase-metric>span{font-size:14px;color:#514236;font-weight:650;}
html[data-upgrade="cocoa"] .refresh-phase-metric>small{font-size:12px;color:#625348;}
html[data-upgrade="cocoa"] #shell-agenda{background:#eee3d6;padding:16px;border-radius:10px;border-top:4px solid var(--mid);}
html[data-upgrade="cocoa"] .refresh-calendar{background:#faf6f0;border:0;padding:10px 6px;border-radius:7px;}
html[data-upgrade="cocoa"] .refresh-calendar-controls{padding:7px 0 10px;}
html[data-upgrade="cocoa"] .refresh-calendar-controls strong{font-size:17px;font-weight:800;}
html[data-upgrade="cocoa"] .refresh-day{font-size:14px;font-weight:650;}
html[data-upgrade="cocoa"] .refresh-event-heading{font-size:14px;color:var(--deep);}
html[data-upgrade="cocoa"] .refresh-event strong{font-size:14px;}
html[data-upgrade="cocoa"] .refresh-bottom{gap:20px;border:0;padding-top:0;}
html[data-upgrade="cocoa"] .refresh-bottom #shell-notices,html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{padding:20px 22px!important;border:0!important;border-radius:10px;border-top:4px solid var(--mid)!important;}
html[data-upgrade="cocoa"] .refresh-bottom #shell-notices{background:#f0e6d9;}
html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{background:#e7d8c6;}
html[data-upgrade="cocoa"] .refresh-notice-content{color:#514236;font-size:14px;}
html[data-upgrade="cocoa"] .refresh-notice-open{font-size:16px;}
html[data-upgrade="cocoa"] .refresh-bottom .refresh-attention strong{font-size:15px;color:var(--deep);}
html[data-upgrade="cocoa"] .refresh-bottom .refresh-attention small{font-size:12px;color:#625044;}
html[data-upgrade="cocoa"] .refresh-bottom .refresh-attention em{font-size:13px;}
html[data-upgrade="cocoa"] .cocoa-arrow{display:inline-flex!important;align-items:center;gap:10px;}
html[data-upgrade="cocoa"] .cocoa-arrow::after{content:'';display:inline-block;width:21px;height:17px;background:currentColor;clip-path:polygon(0 36%,58% 36%,58% 4%,100% 50%,58% 96%,58% 64%,0 64%);flex-shrink:0;transition:transform .15s ease;}
html[data-upgrade="cocoa"] .cocoa-arrow-external::after{width:16px;height:14px;transform:rotate(-45deg);}
html[data-upgrade="cocoa"] button.cocoa-arrow:hover::after,html[data-upgrade="cocoa"] .shell-go:hover::after{transform:translateX(3px);}
html[data-upgrade="cocoa"] .shell-go{margin:0 16px 12px;padding:7px 10px;background:var(--soft);border-radius:5px;font-size:13px;font-weight:800;}
@media(prefers-reduced-motion:reduce){html[data-upgrade="cocoa"] .cocoa-arrow::after{transition:none;}}
@media(max-width:780px){html[data-upgrade="cocoa"] .refresh-bottom #shell-notices,html[data-upgrade="cocoa"] .refresh-bottom #shell-attention{padding:16px!important;}html[data-upgrade="cocoa"] .header h1{font-size:18px!important;}html[data-upgrade="cocoa"] .shell-pagehead h2{font-size:25px;}}
@media(max-width:420px){html[data-upgrade="cocoa"] .header h1{font-size:16px!important;}html[data-upgrade="cocoa"] .shell-manual{font-size:11px;padding:8px;}}
/* Teal is reserved for key outcomes; the cocoa application shell stays unified. */
html[data-upgrade="cocoa"]{--signal:#0f766e;}
html[data-upgrade="cocoa"][data-look] #shell-stage .shell-grid .card:has(#course-progress-board)>.card-header{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 0 14px!important;margin:0!important;display:flex!important;justify-content:space-between;align-items:center;gap:12px;}
html[data-upgrade="cocoa"][data-look] #shell-stage .shell-grid .card:has(#course-progress-board)>.card-header::before,
html[data-upgrade="cocoa"][data-look] #shell-stage .shell-grid .card:has(#course-progress-board)>.card-header::after{display:none!important;}
html[data-upgrade="cocoa"] .card:has(#course-progress-board) .cocoa-tools{padding:0 0 14px!important;}
html[data-upgrade="cocoa"] .phase-1 .refresh-phase-metric:last-child>strong,
html[data-upgrade="cocoa"] .phase-2 .refresh-phase-metric:last-child>strong{color:var(--signal);}
html[data-upgrade="cocoa"] .phase-1 .refresh-phase-metric:last-child .refresh-meter span,
html[data-upgrade="cocoa"] .phase-2 .refresh-phase-metric:last-child .refresh-meter span{background:var(--signal);}
html[data-upgrade="cocoa"] .refresh-count{background:var(--signal);color:#fff;padding:4px 10px;border-radius:20px;font-weight:750;}
html[data-upgrade="cocoa"] .course-board-progress-fill{background:var(--signal)!important;}
html[data-upgrade="cocoa"] .shell-manual{background:var(--signal)!important;border:1px solid var(--signal)!important;color:#fff!important;font-weight:800;padding:11px 17px;box-shadow:0 2px 6px #0f766e20;}
html[data-upgrade="cocoa"] .shell-manual:hover{background:#095f59!important;}
html[data-upgrade="cocoa"][data-look] #shell-stage .shell-grid>.card:has(#course-progress-board){background:#f0e6d9!important;border:1px solid var(--point)!important;border-top:4px solid var(--mid)!important;border-radius:10px!important;padding:16px!important;overflow:hidden!important;}
@media(max-width:420px){html[data-upgrade="cocoa"] .header h1{font-size:14px!important;letter-spacing:-.7px;}html[data-upgrade="cocoa"] .shell-manual{font-size:11px;padding:8px 9px;}}