/* ⏰ Отложенные записи пабликов (26.10.2026, js/community_schedule.js) */
.cs-row { margin-top: 8px; padding: 6px 8px; font: 11px Tahoma, sans-serif; background: #f6f5ef; border: 1px solid #d8d4c4; border-radius: 0 !important; }
.cs-row.cs-on { background: #fffbe6; border-color: #e6cf7a; }
.cs-toggle { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-weight: bold; color: #0046d5; }
.cs-toggle .xpi, .cs-pin .xpi { width: 16px; height: 16px; }
.cs-fields { display: flex; flex-direction: column; gap: 6px; margin-top: 6px; }
.cs-date { font: 12px Tahoma, sans-serif; padding: 3px 4px; border: 1px solid #7f9db9; border-radius: 0 !important; max-width: 230px; background: #fff; color: #000; }
.cs-quick { display: flex; gap: 4px; flex-wrap: wrap; }
.cs-qbtn, .cs-act {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 2px 8px; font: 11px Tahoma, sans-serif; color: #000; cursor: pointer;
    background: linear-gradient(180deg, #ffffff 0%, #ecebe6 86%, #d6d0c5 100%);
    border: 1px solid #003c74; border-radius: 0 !important;
}
.cs-qbtn:hover, .cs-act:hover { box-shadow: inset 0 0 0 2px #fbc765; }
.cs-act .xpi { width: 14px; height: 14px; }
.cs-act.cs-primary { font-weight: bold; box-shadow: inset 0 0 0 1px #4f8ef7; }
.cs-act.cs-danger:hover { color: #fff; background: linear-gradient(180deg, #f08a6c, #c83a14); border-color: #7d0f04; box-shadow: none; }
.cs-act:disabled { opacity: 0.55; cursor: default; }
.cs-pin { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; }
.cs-hint { color: #4a5a7a; line-height: 1.4; }
.cs-hint.cs-bad { color: #b0170a; font-weight: bold; }

.cs-page-btn .cs-badge, .cs-badge {
    display: inline-block; min-width: 14px; margin-left: 5px; padding: 0 4px;
    font: bold 9px/14px Tahoma, sans-serif; text-align: center; color: #fff;
    background: #e2a115; border: 1px solid #fff; box-shadow: 0 0 0 1px #b97f05;
}
#comm-upload-box .cs-upload-btn { margin: 6px 0 0 0 !important; cursor: pointer; color: #0046d5; min-height: 30px; }
#comm-upload-box .cs-upload-btn:hover { background: #fffbe6; }

.cs-q { display: flex; flex-direction: column; height: 100%; min-height: 360px; font: 11px Tahoma, sans-serif; color: #000; background: #fff; }
.cs-q-bar { display: flex; gap: 6px; align-items: center; padding: 6px 8px; background: #ece9d8; border-bottom: 1px solid #c7c3b2; }
.cs-q-bar .btn .xpi { width: 14px; height: 14px; vertical-align: -3px; }
.cs-q-new { margin-right: auto; }
.cs-q-tabs { display: flex; gap: 2px; padding: 4px 6px 0; background: #ece9d8; border-bottom: 1px solid #919b9c; }
.cs-q-list { flex: 1; min-height: 0; overflow-y: auto; }

.cs-card { display: flex; gap: 10px; padding: 10px 12px; border-bottom: 1px solid #f0eee4; }
.cs-card:hover { background: #fafbff; }
.cs-time { flex: none; width: 88px; text-align: center; padding-top: 2px; }
.cs-hhmm { font: bold 18px/1 Tahoma, sans-serif; color: #0b3fae; letter-spacing: 0.5px; }
.cs-until { margin-top: 4px; font-size: 10px; color: #6b5310; background: #fff3c4; border: 1px solid #e6cf7a; padding: 1px 2px; line-height: 1.25; }
.cs-published .cs-hhmm { color: #2a7a1a; }
.cs-cancelled .cs-hhmm, .cs-cancelled .cs-text { color: #888; }
.cs-cancelled .cs-text { text-decoration: line-through; }
.cs-failed .cs-hhmm { color: #b0170a; }
.cs-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.cs-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; color: #555; }
.cs-author { display: inline-flex; align-items: center; gap: 4px; font-weight: bold; color: #333; }
.cs-author img { width: 18px; height: 18px; object-fit: cover; border: 1px solid #b9c7e6; }
.cs-st { padding: 0 5px; line-height: 15px; border: 1px solid #c7c3b2; background: #f3f2ea; }
.cs-st-ok { color: #1f5e12; background: #e4f5dc; border-color: #9ccc8a; }
.cs-st-bad { color: #fff; background: #c83a14; border-color: #7d0f04; }
.cs-text { white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.45; color: #111; }
.cs-photos { display: flex; gap: 4px; flex-wrap: wrap; align-items: center; }
.cs-photos img { width: 64px; height: 64px; object-fit: cover; border: 1px solid #c7c3b2; }
.cs-more { font-weight: bold; color: #555; padding: 0 4px; }
.cs-chips { display: flex; gap: 4px; flex-wrap: wrap; }
.cs-chip { display: inline-flex; align-items: center; gap: 3px; padding: 0 5px; line-height: 16px; color: #2d3d63; background: #eef3fd; border: 1px solid #b9c7e6; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cs-chip .xpi { width: 12px; height: 12px; flex: none; }
.cs-acts { display: flex; gap: 5px; flex-wrap: wrap; }
.cs-ro { color: #888; font-style: italic; }

.cs-editing { background: #fffbe6; }
.cs-ed-title { font-weight: bold; color: #0046d5; }
.cs-ed-text { width: 100%; box-sizing: border-box; font: 12px Tahoma, sans-serif; resize: vertical; min-height: 90px; }
.cs-ed-row { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.cs-ph { position: relative; }
.cs-ph-off img { opacity: 0.3; filter: grayscale(1); }
.cs-ph-x {
    position: absolute; top: 2px; right: 2px; width: 18px; height: 18px; padding: 0;
    font: bold 12px/16px Tahoma, sans-serif; color: #fff; cursor: pointer;
    background: rgba(0, 0, 0, 0.7); border: 1px solid #fff; border-radius: 0 !important;
}

@media (max-width: 640px) {
    .cs-time { width: 58px; }
    .cs-hhmm { font-size: 15px; }
    .cs-photos img { width: 52px; height: 52px; }
    .cs-q-new { font-size: 11px; }
}