.club-workspace { margin: 18px 0 24px; color: var(--ink, #13244e); }
.cw-home-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 0 28px; background: #fff; padding: 18px 22px; border-block: 1px solid #dce4eb; }
.cw-home-grid .cw-tasks { grid-column: 1 / -1; border-top: 1px solid #e1e7ed; margin-top: 12px; }
.cw-band { min-width: 0; background: #fff; padding: 16px 0; }
.club-workspace > .cw-band { padding: 22px; border-block: 1px solid #dce4eb; }
.cw-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.cw-heading h2 { font-size: 19px; margin: 0; }
.cw-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.cw-actions button { font-size: 12px; min-height: 36px; padding: 7px 10px; box-shadow: none; }
.cw-row { display: flex; align-items: center; gap: 14px; padding: 17px 0; border-bottom: 1px solid #e7ecf0; min-width: 0; }
.cw-row:last-child { border-bottom: 0; }
.cw-row-main { min-width: 0; flex: 1; }
.cw-title { appearance: none; background: none; border: 0; padding: 0; font: inherit; font-size: 14px; font-weight: 700; text-align: left; color: #11224d; cursor: pointer; overflow-wrap: anywhere; line-height: 1.5; }
.cw-title:hover { text-decoration: underline; }
.cw-meta { display: flex; flex-wrap: wrap; gap: 3px 12px; color: #64748b; font-size: 12px; line-height: 1.5; margin-top: 5px; }
.cw-excerpt { color: #536379; font-size: 13px; margin: 4px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.cw-announcement-mark { align-self: flex-start; color: #956019; background: #fff5df; width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 32px; border-radius: 6px; }
.cw-date { flex: 0 0 44px; text-align: center; color: #07654f; padding: 6px 0; border-right: 2px solid #b7ded1; }
.cw-date strong { display: block; font-size: 24px; line-height: 1; }
.cw-date span { font-size: 12px; }
.cw-versus { font-weight: 400; color: #7b8794; padding: 0 3px; }
.cw-tag,.cw-priority { display: inline-block; padding: 3px 7px; border-radius: 4px; font-size: 11px; font-weight: 600; background: #eef2f7; color: #465773; }
.cw-priority { color: #945113; background: #fff2d7; }
.cw-tag.scheduled { background: #e6f4ee; color: #146148; }
.cw-tag.cancelled,.cw-overdue { color: #b42332; }
.cw-status-dot { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 50%; background: #8593a6; }
.cw-status-dot.doing { background: #c78c14; }.cw-status-dot.done { background: #188765; }
.cw-done .cw-title { color: #67798b; text-decoration: line-through; }
.cw-status-select { width: 156px; flex: 0 0 156px; }.cw-status-select select { width: 100%; font-size: 12px; min-height: 40px; }
.cw-tabs { display: flex; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid #cdd8e2; padding: 0 0 8px; }
.cw-tabs button,.cw-filters button { border: 0; background: transparent; color: #52637c; padding: 11px 14px; font: inherit; font-size: 13px; cursor: pointer; border-radius: 5px; }
.cw-tabs button.active { background: #122a57; color: #fff; }.cw-filters button.active { background: #e8f3ee; color: #07563f; font-weight: 700; }
.cw-filters { display: flex; gap: 4px; flex-wrap: wrap; }.cw-filters span { margin-left: 5px; font-size: 11px; }
.cw-filter-bar { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 12px; border-bottom: 1px solid #dce4eb; }.cw-filter-bar input { max-width: 240px; min-width: 120px; }
.cw-empty { padding: 24px 0; color: #64748b; font-size: 14px; }.cw-pagination,.cw-pagination > div { display: flex; align-items: center; gap: 10px; }.cw-pagination { justify-content: space-between; font-size: 12px; padding-top: 16px; }
.cw-dialog { width: min(620px, calc(100% - 28px)); max-height: calc(100dvh - 40px); border: 1px solid #dbe2eb; border-radius: 8px; padding: 0; color: #13244e; background: #fff; overflow: hidden; box-shadow: 0 20px 80px #13244e30; }
.cw-dialog[open] { display: flex; flex-direction: column; }.cw-dialog::backdrop { background: #0c18386b; }
.cw-dialog > header,.cw-dialog > footer { padding: 18px 22px; display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-shrink: 0; border-bottom: 1px solid #e2e7ed; }.cw-dialog > footer { border-top: 1px solid #e2e7ed; border-bottom: 0; }
.cw-dialog h2 { font-size: 19px; margin: 0; overflow-wrap: anywhere; }.cw-dialog > header button { flex: 0 0 40px; }
.cw-dialog-body { padding: 22px; overflow-y: auto; overscroll-behavior: contain; }
.cw-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }.cw-field { display: grid; gap: 7px; font-size: 13px; font-weight: 600; min-width: 0; }.cw-field input,.cw-field select,.cw-field textarea { width: 100%; min-width: 0; box-sizing: border-box; font-weight: 400; }.cw-full { grid-column: 1 / -1; }.cw-check { display: flex; align-items: center; gap: 10px; font-size: 13px; }.cw-check input { width: 18px; height: 18px; }
.cw-error { color: #b42332; font-size: 13px; margin: 0; }.cw-details { display: grid; gap: 12px; margin: 20px 0; }.cw-details > div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; }.cw-details dt { color: #64748b; font-size: 13px; }.cw-details dd { margin: 0; font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }.cw-description { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px; line-height: 1.7; }
.cw-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.club-workspace button:focus-visible,.cw-dialog button:focus-visible { outline: 2px solid #16816c; outline-offset: 3px; }
[data-club-overview][hidden] { display: none !important; }
[data-cw-legacy-hidden="true"] { display: none; }
.grid.two:has(> [data-cw-legacy-hidden="true"]) { grid-template-columns: minmax(0,1fr); }
@media(max-width: 760px) {
 .cw-home-grid { grid-template-columns: minmax(0,1fr); padding: 10px 16px; gap: 0; }.cw-home-grid .cw-tasks { grid-column: auto; }.cw-home-grid > section + section { border-top: 1px solid #e1e7ed; }
 .club-workspace > .cw-band { padding: 18px 14px; }.cw-tabs { gap: 3px; }.cw-tabs button { padding: 10px; font-size: 12px; }.cw-heading h2 { font-size: 18px; }
 .cw-task { flex-wrap: wrap; }.cw-task .cw-row-main { flex-basis: calc(100% - 30px); }.cw-status-select { margin-left: 23px; width: 156px; }.cw-match { flex-wrap: wrap; }.cw-match .cw-tag { margin-left: 58px; }.cw-match .cw-row-main { flex-basis: calc(100% - 64px); }
 .cw-filter-bar input { max-width: none; width: 100%; }.cw-form { grid-template-columns: minmax(0,1fr); }.cw-dialog-body { padding: 16px; }.cw-dialog > header,.cw-dialog > footer { padding: 14px 16px; }.cw-details > div { grid-template-columns: 92px 1fr; }
}