.client-portal{--cp-status-blue:#e8efff;--cp-status-blue-ink:#234a91;--cp-status-amber:#fff0c4;--cp-status-amber-ink:#775000;--cp-status-purple:#f0e7ff;--cp-status-purple-ink:#65418d;--cp-status-green:#ddf5e9;--cp-status-green-ink:#146347;--cp-status-teal:#d9f2ef;--cp-status-teal-ink:#155d58}.client-portal .cp-status{border:1px solid;border-radius:9px;gap:6px;max-width:100%;padding:6px 9px;font-size:11px;font-weight:500;line-height:1.45}.cp-status svg{flex:none}.client-portal .cp-status.planned{background:var(--cp-status-blue);color:var(--cp-status-blue-ink)}.client-portal .cp-status.production{background:var(--cp-status-purple);color:var(--cp-status-purple-ink)}.client-portal .cp-status.approval,.client-portal .cp-status.changes{background:var(--cp-status-amber);color:var(--cp-status-amber-ink)}.client-portal .cp-status.approved{background:var(--cp-status-green);color:var(--cp-status-green-ink)}.client-portal .cp-status.delivered{background:var(--cp-status-teal);color:var(--cp-status-teal-ink)}.client-portal .cp-metric[aria-pressed=true]{border-color:color-mix(in srgb,var(--cp-ink) 42%,var(--cp-border));box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--cp-ink) 55%,transparent)}.client-portal .cp-approval{border-top:3px solid #d4a131;padding:16px}.client-portal .cp-card-top{align-items:center;gap:8px;margin-bottom:8px}.cp-review-stage{background:var(--cp-status-amber);color:var(--cp-status-amber-ink);border-radius:9px;align-items:center;gap:7px;padding:6px 9px;font-size:11px;font-weight:600;line-height:1.5;display:inline-flex}.cp-review-stage svg{flex:none}.client-portal .cp-late{background:var(--cp-status-amber);color:var(--cp-status-amber-ink);border-radius:7px;padding:4px 7px;font-size:10px}.cp-approval-labels{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.cp-version{color:var(--cp-muted);font-size:10px}.client-portal .cp-approval h3{letter-spacing:-.25px;overflow-wrap:anywhere;font-size:16px;line-height:1.5}.client-portal .cp-approval>p{min-height:0;margin-block:6px;font-size:12px;line-height:1.7}.client-portal .cp-approval-dates{border:1px solid var(--cp-border);background:var(--cp-soft);border-radius:10px;flex-wrap:wrap;gap:16px;margin:10px 0;padding:10px 12px}.client-portal .cp-approval-dates>span{gap:3px;min-width:0}.client-portal .cp-approval-dates b{font-size:13px;font-weight:500}.client-portal .cp-approval-dates small{font-size:10px}.client-portal .cp-live-deadline{background:color-mix(in srgb,#61dcab 12%,var(--cp-panel));border-radius:10px;align-items:flex-start;gap:8px;margin:8px 0 10px;padding:9px 11px;display:flex}.cp-live-deadline>svg{flex:none;margin-top:3px}.cp-live-deadline>span{font-size:11px;line-height:1.7}.cp-live-deadline strong{color:var(--cp-ink);font-size:11px;font-weight:500;display:block}.client-portal .cp-impact{padding:9px 11px}.client-portal .cp-impact p{font-size:10px}.client-portal .cp-impact strong{font-size:11px}.client-portal .cp-impact-details{margin:4px 0 8px}.client-portal .cp-impact-details summary{text-underline-offset:3px;align-items:center;min-height:44px;padding:8px 0;font-size:11px;text-decoration:underline;display:flex}.cp-impact-table-wrap{border:1px solid var(--cp-border);border-radius:10px;margin-bottom:8px;overflow-x:auto}.cp-impact-summary{border-collapse:collapse;text-align:left;width:100%;font-size:11px;line-height:1.6}.cp-impact-summary th,.cp-impact-summary td{border-bottom:1px solid var(--cp-border);vertical-align:top;white-space:nowrap;padding:9px 10px;font-weight:400}.cp-impact-summary thead th{background:var(--cp-soft);font-size:10px;font-weight:500}.cp-impact-summary tbody th small{color:var(--cp-muted);margin-top:2px;font-size:9px;display:block}.cp-impact-summary td>svg{vertical-align:middle;margin-right:3px}.cp-impact-summary tr:last-child>*{border-bottom:0}.cp-impact-summary .has-impact{background:color-mix(in srgb,#e8b846 13%,var(--cp-panel))}.cp-impact-summary .has-impact td:last-child{color:var(--cp-status-amber-ink);font-weight:600}.client-portal .cp-preview-toggle{background:color-mix(in srgb,#61dcab 17%,var(--cp-panel));border-color:color-mix(in srgb,#61dcab 65%,var(--cp-border));flex-wrap:wrap;min-height:46px;padding:10px 12px;font-weight:500}.cp-review-hint{color:var(--cp-muted);margin-left:auto;font-size:10px;font-weight:400}.client-portal .cp-preview-toggle>svg:last-child{flex:none;margin-left:0}.client-portal .cp-preview-toggle[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.client-portal .cp-material{background:var(--cp-soft);color:var(--cp-ink);border:1px solid var(--cp-border);padding:14px 16px}.client-portal .cp-material>span{letter-spacing:.8px;color:var(--cp-muted);font-size:9px;display:block}.client-portal .cp-material h4{color:var(--cp-ink);margin:10px 0;font-size:17px;line-height:1.5}.client-portal .cp-material p{color:var(--cp-ink);font-size:13px;line-height:1.8}.client-portal .cp-material .cp-material-visual{margin-top:10px}.client-portal .cp-review-actions{border-top:1px solid var(--cp-border);gap:8px;margin-top:12px;padding-top:12px}.client-portal .cp-review-actions>.cp-primary{flex:1}.client-portal .cp-delivery{border-radius:14px;grid-template-columns:150px minmax(0,1fr) 155px;gap:12px;padding:12px 14px}.cp-delivery-main{min-width:0}.cp-delivery-context{flex-wrap:wrap;align-items:center;gap:6px 9px;display:flex}.cp-delivery-context>small{overflow-wrap:anywhere;font-size:10px!important}.client-portal .cp-delivery h3{letter-spacing:-.15px;margin:5px 0;font-size:14px}.client-portal .cp-delivery p{font-size:12px;line-height:1.7}.client-portal .cp-delivery-date{gap:4px}.client-portal .cp-delivery-date strong{font-size:15px}.client-portal .cp-delivery-date>a{align-items:center;min-height:44px;margin:0;font-weight:500;display:inline-flex}.cp-material-type{border:1px solid var(--cp-border);max-width:100%;color:var(--cp-muted);background:var(--cp-soft);overflow-wrap:anywhere;border-radius:7px;align-items:center;gap:5px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.5;display:inline-flex}.cp-material-type svg{flex:none}.cp-material-type.email{background:var(--cp-status-blue);color:var(--cp-status-blue-ink)}.cp-material-type.article{background:var(--cp-status-purple);color:var(--cp-status-purple-ink)}.cp-material-type.visual{background:var(--cp-status-green);color:var(--cp-status-green-ink)}.cp-material-type.video,.cp-material-type.web{background:var(--cp-status-teal);color:var(--cp-status-teal-ink)}.cp-calendar-wrap{overflow:visible}.cp-calendar-scroll{scrollbar-width:thin;border-radius:12px;max-width:100%;overflow-x:auto}.cp-calendar-scroll:focus-visible{outline:2px solid var(--cp-ink);outline-offset:3px}.cp-calendar-legend{flex-wrap:wrap;gap:7px;margin:12px 0 8px;display:flex}.client-portal .cp-calendar-item{background:var(--cp-panel);border:1px solid var(--cp-border);border-left-width:3px;gap:6px;padding:8px}.cp-calendar-item>.cp-material-type{justify-self:start;font-size:9px}.client-portal .cp-calendar-item>.cp-status{border:0;justify-self:start;gap:4px;padding:3px 5px;font-size:9px;line-height:1.5}.cp-calendar-item>.cp-status svg{width:11px;height:11px}.client-portal .cp-calendar-item.approval,.client-portal .cp-calendar-item.changes{border-left-color:#d4a131}.client-portal .cp-calendar-item.approved,.client-portal .cp-calendar-item.delivered{border-left-color:#21815f}.cp-calendar-item>a{align-items:center;min-height:30px;display:flex}[data-theme=dark] .client-portal{--cp-status-blue:#19345b;--cp-status-blue-ink:#bdd3ff;--cp-status-amber:#493619;--cp-status-amber-ink:#ffda8a;--cp-status-purple:#35294f;--cp-status-purple-ink:#dec4ff;--cp-status-green:#163f32;--cp-status-green-ink:#95ebc1;--cp-status-teal:#153a3c;--cp-status-teal-ink:#9de4df}@media (max-width:1050px){.client-portal .cp-delivery{grid-template-columns:130px minmax(0,1fr) 130px}}@media (max-width:760px){.client-portal .cp-delivery{grid-template-columns:minmax(0,1fr);gap:8px}.client-portal .cp-delivery-date{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding-top:8px}.client-portal .cp-delivery-date>small{grid-column:1}.client-portal .cp-delivery-date>strong{grid-column:2}.cp-review-hint{display:none}.client-portal .cp-preview-toggle>svg:last-child{margin-left:auto}.client-portal .cp-approval{padding:14px}.client-portal .cp-material{padding:12px}.client-portal .cp-approval-dates{gap:12px}.client-portal .cp-calendar-item>a{min-height:44px}}