.publish-planner-page-dialog { width: min(1180px, calc(100vw - 32px)); }
.publish-planner-page { max-height: min(840px, calc(100vh - 32px)); overflow: auto; background: #f7fafc; }
.publish-planner-page > header small { display: block; margin-top: 4px; color: #66778a; font-size: 12px; font-weight: 800; }
.publish-planner-toolbar { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)) auto; align-items: end; gap: 10px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.publish-planner-body { display: grid; gap: 12px; min-width: 0; }
.publish-planner-stats { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.publish-planner-stats div, .publish-planner-card { min-width: 0; border: 1px solid var(--line); border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgba(31, 45, 61, .06); }
.publish-planner-stats div { display: grid; gap: 5px; padding: 13px; }
.publish-planner-stats span, .publish-planner-card header small, .publish-planner-calendar-full p, .publish-planner-notes small, .publish-planner-empty { color: #66778a; font-size: 12px; font-weight: 800; line-height: 1.5; }
.publish-planner-stats strong { color: var(--ink); font-size: 22px; line-height: 1; }
.publish-planner-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr); align-items: start; gap: 12px; min-width: 0; }
.publish-planner-card { display: grid; gap: 12px; padding: 14px; }
.publish-planner-card > header { display: grid; grid-template-columns: 1fr auto; align-items: start; gap: 10px; }
.publish-planner-card > header strong { color: var(--ink); font-size: 15px; }
.publish-planner-side { display: grid; gap: 12px; min-width: 0; }
.publish-planner-days { display: grid; grid-template-columns: repeat(7, minmax(96px, 1fr)); gap: 8px; min-width: 0; }
.publish-planner-days article { display: grid; align-content: start; gap: 8px; min-height: 190px; min-width: 0; padding: 10px; border: 1px solid #dce7ef; border-radius: 8px; background: #fbfdff; }
.publish-planner-days article.is-drop-target { border-color: #1c8cad; background: #eef9fd; box-shadow: inset 0 0 0 1px #1c8cad; }
.publish-planner-days article > header { display: grid; gap: 3px; }
.publish-planner-days article > header strong { color: #203247; font-size: 14px; }
.publish-planner-days article > header span { color: #66778a; font-size: 11px; font-weight: 900; }
.publish-planner-day-dropzone { display: grid; align-content: start; gap: 8px; min-height: 112px; }
.publish-planner-days button { display: grid; gap: 4px; width: 100%; min-height: 74px; min-width: 0; border: 1px solid #cddfec; border-radius: 8px; padding: 8px; background: #fff; color: inherit; text-align: left; }
.publish-planner-days button[draggable="true"] { cursor: grab; }
.publish-planner-days button[draggable="true"]:active { cursor: grabbing; }
.publish-planner-days button:hover { border-color: #68aeca; background: #f0f8fb; }
.publish-planner-days b, .publish-planner-days span, .publish-planner-days small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.publish-planner-days b { color: #1c8cad; font-size: 12px; }
.publish-planner-days span { color: #203247; font-size: 12px; font-weight: 900; }
.publish-planner-days small { color: #66778a; font-size: 11px; font-weight: 800; }
.publish-planner-day-empty { display: grid; min-height: 74px; place-items: center; border: 1px dashed #c9dce9; border-radius: 8px; background: #fff; text-align: center; }
.publish-planner-calendar-full p { margin: 0; padding: 9px 10px; border-radius: 8px; background: #f0f5f8; }
.publish-planner-platforms, .publish-planner-notes { display: grid; gap: 8px; }
.publish-planner-platforms article { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; min-width: 0; padding: 10px; border: 1px solid #dce7ef; border-radius: 8px; background: #fbfdff; }
.publish-planner-platforms span, .publish-planner-platforms small { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.publish-planner-platforms span { color: #203247; font-size: 13px; font-weight: 900; }
.publish-planner-platforms strong { color: #1c8cad; font-size: 18px; }
.publish-planner-platforms small { grid-column: 1 / -1; color: #66778a; font-size: 11px; font-weight: 800; }
.publish-planner-platforms .is-warning { border-color: #f3d087; background: #fffaf0; }
.publish-planner-platforms .is-danger { border-color: #efb8b8; background: #fff5f5; }
.publish-planner-notes small { display: block; min-width: 0; padding: 9px 10px; overflow: hidden; border-radius: 8px; background: #f5f8fb; text-overflow: ellipsis; }
.publish-planner-task-list .publish-queue-list { max-height: 420px; overflow: auto; }
.publish-queue-reschedule { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; border-radius: 8px; padding: 8px; background: #f3f7fa; }
.publish-queue-reschedule span { color: #66778a; font-size: 11px; font-weight: 900; white-space: nowrap; }
.publish-queue-reschedule input { width: 100%; min-width: 0; border: 1px solid #cddfec; border-radius: 8px; padding: 8px 9px; color: #203247; font: inherit; font-size: 12px; }
.publish-planner-empty { display: grid; place-items: center; min-height: 120px; text-align: center; }
.mobile-publish-queue { display: none; }
.mobile-publish-queue-panel { display: grid; gap: 12px; min-width: 0; border-radius: 8px; padding: 14px; background: #101827; color: #edf6fb; }
.mobile-publish-queue-panel > header { display: grid; gap: 4px; }
.mobile-publish-queue-panel > header span, .mobile-publish-queue-panel > header small, .mobile-publish-task span, .mobile-publish-task dt, .mobile-publish-task dd, .mobile-publish-reschedule span { color: #9fb2c7; font-size: 12px; font-weight: 800; line-height: 1.45; }
.mobile-publish-queue-panel > header strong { color: #fff; font-size: 20px; line-height: 1.15; }
.mobile-publish-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mobile-publish-summary div { display: grid; gap: 4px; min-width: 0; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; padding: 10px 8px; background: rgba(255, 255, 255, .06); }
.mobile-publish-summary span { overflow: hidden; color: #9fb2c7; font-size: 11px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.mobile-publish-summary strong { color: #fff; font-size: 20px; }
.mobile-publish-list { display: grid; gap: 10px; min-width: 0; }
.mobile-publish-task { display: grid; gap: 10px; min-width: 0; border: 1px solid rgba(255, 255, 255, .1); border-radius: 8px; padding: 12px; background: #fff; color: #203247; }
.mobile-publish-task header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 8px; }
.mobile-publish-task header div { display: grid; gap: 3px; min-width: 0; }
.mobile-publish-task strong, .mobile-publish-task span, .mobile-publish-task dd { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.mobile-publish-task strong { color: #203247; font-size: 15px; line-height: 1.25; }
.mobile-publish-task b { border-radius: 999px; padding: 5px 8px; background: #e7f6fb; color: #1c8cad; font-size: 12px; white-space: nowrap; }
.mobile-publish-task dl { display: grid; gap: 6px; margin: 0; }
.mobile-publish-task dl div { display: grid; grid-template-columns: 42px minmax(0, 1fr); gap: 8px; min-width: 0; }
.mobile-publish-task dt, .mobile-publish-task dd { margin: 0; }
.mobile-publish-task dd { color: #42566d; white-space: nowrap; }
.mobile-publish-task .is-danger dd { color: #b42318; white-space: normal; }
.mobile-publish-reschedule { display: grid; grid-template-columns: 60px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 0; }
.mobile-publish-reschedule input { width: 100%; min-width: 0; border: 1px solid #d5e2ec; border-radius: 8px; padding: 9px; color: #203247; font: inherit; font-size: 12px; }
.mobile-publish-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.mobile-publish-actions button { min-width: 0; }
@media (max-width: 900px) { .publish-planner-page-dialog { width: min(760px, calc(100vw - 24px)); }
.publish-planner-layout { grid-template-columns: 1fr; }
.publish-planner-days { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) { .publish-planner-page-dialog { width: calc(100vw - 16px); }
.publish-planner-page { max-height: calc(100vh - 16px); padding: 14px; }
.publish-planner-toolbar, .publish-planner-stats, .publish-planner-days, .publish-queue-reschedule { grid-template-columns: 1fr; }
.publish-planner-card > header { grid-template-columns: 1fr; }
.publish-planner-days article { min-height: 0; }
.publish-queue-dialog { width: calc(100vw - 16px); }
.publish-queue-dialog .campaign-form { max-height: calc(100vh - 16px); padding: 14px; overflow: auto; }
.publish-queue-dialog .form-grid, .mobile-publish-task header, .mobile-publish-reschedule { grid-template-columns: 1fr; }
.publish-queue-dialog .publish-calendar, .publish-queue-dialog .publish-queue-list { display: none; }
.mobile-publish-queue { display: block; }
.mobile-publish-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.publish-queue-dialog { inset: 0 auto auto 0; width: min(430px, 100vw); max-width: none; height: 100dvh; max-height: none; margin: 0; border: 0; border-radius: 0; outline: 0; background: transparent; }
.publish-queue-dialog::backdrop { background: #020713; }
.publish-queue-dialog .campaign-form { width: min(430px, 100vw); max-height: none; height: 100dvh; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: radial-gradient(circle at 78% 6%, rgba(52, 114, 255, .3), rgba(52, 114, 255, 0) 30%), linear-gradient(180deg, #020713 0%, #07152a 35%, #f7fbff 36%, #f7fbff 100%); box-shadow: none; }
.publish-queue-dialog .campaign-form > header, .publish-queue-dialog .form-grid, .publish-queue-dialog .campaign-form > footer { display: none; }
.mobile-publish-queue { display: block; width: min(430px, 100vw); height: 100dvh; }
.mobile-publish-queue-panel { display: flex; flex-direction: column; gap: 0; height: 100dvh; width: min(430px, 100vw); min-height: 100dvh; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: transparent; color: #111827; }
.mobile-publish-task[hidden], .mobile-publish-list[hidden] { display: none !important; }
.mobile-publish-hero { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: 7px; flex: 0 0 88px; padding: 20px 22px 0; color: #fff; background: radial-gradient(circle at 70% 20%, rgba(44, 104, 255, .26), transparent 30%), linear-gradient(180deg, #020713, #07152a); }
.mobile-publish-hero nav, .mobile-publish-hero > div { display: flex; align-items: center; justify-content: space-between; grid-column: 1; width: 100%; min-width: 0; }
.mobile-publish-hero nav { position: relative; grid-row: 1; z-index: 2; }
.mobile-publish-hero nav button { color: rgba(244, 249, 255, .92); border: 0; background: transparent; font-size: 12px; font-weight: 900; }
.mobile-publish-hero > div { position: relative; grid-row: 2; justify-content: center; }
.mobile-publish-hero h1 { position: relative; z-index: 1; margin: 0; color: #fff; font-size: 17px; line-height: 1.15; letter-spacing: 0; }
.mobile-publish-back { position: absolute; z-index: 2; left: 0; display: grid; place-items: center; width: 30px; height: 38px; color: #fff; border: 0; background: transparent; font-size: 42px; font-weight: 700; line-height: 1; }
.mobile-publish-hero > div img { position: absolute; z-index: 0; right: 10px; bottom: -14px; width: 108px; opacity: .9; mix-blend-mode: screen; pointer-events: none; }
.mobile-publish-sheet { display: grid; grid-template-rows: auto auto auto auto auto auto; gap: 8px; flex: 1 1 auto; min-height: 0; margin-top: 0; padding: 16px 18px 10px; overflow: hidden; border-radius: 28px 28px 0 0; background: radial-gradient(circle at 14% 24%, rgba(225, 244, 255, .9), transparent 32%), linear-gradient(180deg, #fff 0%, #f6fbff 100%); box-shadow: 0 -12px 32px rgba(7, 17, 36, .12); }
.mobile-publish-sheet, .mobile-publish-platforms, .mobile-publish-platforms article { box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; }
.mobile-publish-sheet h2 { margin: 0; color: #101828; font-size: 15px; line-height: 1.1; }
.mobile-publish-platforms, .mobile-publish-time, .mobile-publish-selected { display: grid; gap: 8px; min-width: 0; }
.mobile-publish-platforms article { position: relative; display: grid; grid-template-columns: 38px 66px 38px minmax(0, 1fr) 39px 20px; align-items: center; gap: 5px; min-height: 49px; padding: 6px 8px; border: 1px solid rgba(214, 222, 235, .88); border-radius: 13px; background: #fff; box-shadow: 0 8px 18px rgba(16, 35, 70, .06); }
.mobile-publish-platforms article > img { width: 36px; height: 36px; border-radius: 10px; object-fit: cover; box-sizing: border-box; box-shadow: 0 6px 12px rgba(16, 35, 70, .12); }
.mobile-publish-platforms strong { overflow: hidden; color: #111827; font-size: 14px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.mobile-publish-platforms em { justify-self: start; padding: 3px 6px; color: #00a979; border-radius: 7px; background: #dff8ef; font-size: 9.5px; font-style: normal; font-weight: 950; }
.mobile-publish-platforms span { display: block; overflow: hidden; color: #69758b; font-size: 9.5px; font-weight: 850; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.mobile-publish-platforms time { color: #00a979; font-size: 11px; font-weight: 950; text-align: right; }
.mobile-publish-platforms .mobile-publish-check, .mobile-publish-summary .mobile-publish-check { display: grid; place-items: center; width: 20px; height: 20px; color: #fff; border-radius: 50%; background: linear-gradient(135deg, #20d6a7, #08af7d); }
.mobile-publish-platforms [data-icon].mobile-publish-check.aiv-icon, .mobile-publish-summary [data-icon].mobile-publish-check.aiv-icon { color: #fff; }
.mobile-publish-check .aiv-svg { width: 62%; height: 62%; stroke-width: 2.8; }
.mobile-publish-time div { display: grid; grid-template-columns: 24px minmax(0, 1fr) 24px 1px 24px minmax(0, 1fr) 24px; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid rgba(214, 222, 235, .88); border-radius: 14px; background: #fff; box-shadow: 0 8px 18px rgba(16, 35, 70, .05); }
.mobile-publish-time .mobile-publish-time-icon, .mobile-publish-time button { color: #667085; }
.mobile-publish-time .mobile-publish-time-icon { width: 18px; height: 18px; justify-self: center; }
.mobile-publish-time strong { color: #1d2939; font-size: 15px; }
.mobile-publish-time-divider { height: 28px; background: #e5eaf1; }
.mobile-publish-time button { display: grid; place-items: center; border: 0; background: transparent; font-size: 16px; }
.mobile-publish-time button i { width: 16px; height: 16px; }
.mobile-publish-selected h2 em { color: #667085; font-style: normal; font-weight: 850; }
.mobile-publish-summary { display: grid; grid-template-columns: repeat(4, 84px); gap: 6px; min-width: 0; }
.mobile-publish-summary article { position: relative; display: grid; grid-template-columns: 29px minmax(0, 1fr); gap: 4px; min-height: 60px; padding: 7px 6px; border: 1px solid rgba(214, 222, 235, .88); border-radius: 12px; background: #fff; box-shadow: 0 8px 18px rgba(16, 35, 70, .05); }
.mobile-publish-summary article img { width: 28px; height: 28px; border-radius: 8px; box-sizing: border-box; object-fit: cover; }
.mobile-publish-summary article strong { overflow: hidden; align-self: center; color: #1d2939; font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.mobile-publish-summary article .mobile-publish-check { position: absolute; top: 7px; right: 6px; width: 14px; height: 14px; }
.mobile-publish-summary article span { grid-column: 1 / -1; color: #667085; font-size: 10.5px; font-weight: 800; text-align: center; }
.mobile-publish-forecast { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 10px; min-height: 98px; padding: 10px; border: 1px solid rgba(214, 222, 235, .88); border-radius: 16px; background: #fff; box-shadow: 0 10px 24px rgba(16, 35, 70, .06); }
.mobile-publish-preview { position: relative; width: 78px; height: 78px; margin: 0; overflow: hidden; border-radius: 12px; background: #eef3ff; }
.mobile-publish-preview img { width: 100%; height: 100%; object-fit: cover; }
.mobile-publish-preview figcaption { position: absolute; right: 5px; bottom: 5px; border-radius: 6px; padding: 2px 5px; background: rgba(10, 16, 32, .72); color: #fff; font-size: 9px; font-weight: 900; line-height: 1; }
.mobile-publish-forecast > div { display: grid; gap: 8px; min-width: 0; }
.mobile-publish-forecast strong { color: #101828; font-size: 15px; }
.mobile-publish-forecast dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; margin: 0; }
.mobile-publish-forecast dl div { display: grid; gap: 2px; min-width: 0; }
.mobile-publish-forecast dt, .mobile-publish-forecast dd { margin: 0; min-width: 0; }
.mobile-publish-forecast dt { display: grid; place-items: center; color: #667085; font-size: 11px; }
.mobile-publish-forecast dt i { width: 13px; height: 13px; }
.mobile-publish-forecast dd { color: #1d2939; font-size: 11px; font-weight: 950; }
.mobile-publish-forecast dd span { display: block; margin-top: 3px; color: #667085; font-size: 9px; font-weight: 750; }
.mobile-publish-forecast p { display: inline-flex; align-items: center; gap: 4px; margin: 0; color: #4866ff; font-size: 14px; font-weight: 950; }
.mobile-publish-forecast p i { width: 15px; height: 15px; }
.mobile-publish-forecast p b { margin: 0 5px; color: #10b981; font-size: 22px; }
.mobile-publish-plan-action { display: block; }
.mobile-publish-plan-button { width: 100%; height: 46px; color: #fff; border: 0; border-radius: 14px; background: linear-gradient(100deg, #25aaff 0%, #3a6eff 45%, #8f2dff 100%); box-shadow: 0 16px 30px rgba(52, 91, 255, .26); font-size: 16.5px; font-weight: 950; }
.mobile-publish-safe { display: inline-flex; align-items: center; justify-content: center; gap: 4px; margin: -3px 0 0; color: #79879b; font-size: 12px; font-weight: 850; text-align: center; }
.mobile-publish-safe i { width: 13px; height: 13px; flex: 0 0 auto; color: #8a96a8; }
}
@media (min-width: 961px) { .publish-planner-page-dialog { inset: 0 0 0 204px; width: auto; height: 100vh; max-width: none; max-height: none; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.publish-planner-page-dialog::backdrop { background: transparent; }
.publish-planner-page { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 14px; height: 100vh; max-height: none; overflow: hidden; padding: 24px 26px 26px; background: radial-gradient(circle at 14% 0%, rgba(91, 86, 255, .12), transparent 26%), linear-gradient(135deg, #f8fbff 0%, #eef6fb 52%, #fafbff 100%); }
.publish-planner-page > footer, .publish-planner-toolbar { display: none; }
.publish-planner-head { display: flex; align-items: flex-start; justify-content: space-between; min-height: 50px; }
.publish-planner-head strong { display: block; color: #16243a; font-size: 25px; font-weight: 950; letter-spacing: 0; line-height: 1; }
.publish-planner-head em { color: #9fb2c4; font-style: normal; }
.publish-planner-page > header small, .publish-planner-head small { margin-top: 8px; color: #5f7083; font-size: 13px; font-weight: 850; }
.publish-planner-head-actions { display: flex; align-items: center; gap: 10px; }
.publish-planner-head-actions .notify-button { position: relative; width: 38px; height: 38px; border: 0; border-radius: 999px; background: transparent; }
.publish-planner-head-actions .notify-button::before { content: ""; position: absolute; inset: 9px 11px; border: 2px solid #17263a; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom: 0; }
.publish-planner-head-actions .notify-button::after { content: attr(data-count); position: absolute; top: 2px; right: 5px; width: 17px; height: 17px; border-radius: 999px; background: #ff3040; color: #fff; font-size: 10px; font-weight: 950; line-height: 17px; text-align: center; }
.publish-planner-head-actions .avatar { display: inline-flex; align-items: center; gap: 8px; height: 38px; border: 1px solid rgba(35, 49, 72, .12); border-radius: 999px; padding: 0 13px 0 7px; background: #fff; color: #40546a; font-size: 12px; font-weight: 900; }
.publish-planner-head-actions .avatar span { width: 24px; height: 24px; border-radius: 999px; background: linear-gradient(135deg, #2cd083, #29abe2); }
.publish-planner-head-actions .primary-button { height: 40px; border-radius: 18px; padding: 0 24px; background: linear-gradient(135deg, #7b43ff, #2774ff); box-shadow: 0 16px 36px rgba(85, 82, 255, .26); font-size: 14px; }
.publish-planner-head-actions .icon-close { display: none !important; }
.publish-planner-tabs { display: inline-grid; grid-template-columns: repeat(3, 148px); width: max-content; min-height: 42px; border: 1px solid rgba(36, 55, 82, .12); border-radius: 10px; padding: 3px; background: rgba(255, 255, 255, .72); }
.publish-planner-tabs button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 0; border-radius: 8px; background: transparent; color: #3a4d62; font-size: 14px; font-weight: 950; }
.publish-planner-tabs button.active { background: #fff; color: #5347ff; box-shadow: 0 10px 26px rgba(83, 71, 255, .12); }
.publish-planner-body { min-height: 0; overflow: hidden; }
.publish-planner-main-grid { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .85fr); gap: 14px; min-height: 0; }
.publish-planner-left, .publish-planner-right { display: grid; align-content: start; gap: 12px; min-width: 0; min-height: 0; }
.publish-calendar-board, .publish-platform-strip, .publish-list-table, .publish-side-card { min-width: 0; border: 1px solid rgba(36, 55, 82, .08); border-radius: 16px; background: rgba(255, 255, 255, .9); box-shadow: 0 18px 52px rgba(31, 55, 84, .08); }
.publish-calendar-board { display: grid; grid-template-rows: 38px 31px minmax(0, 1fr) 26px; height: 428px; overflow: hidden; padding: 12px 14px 9px; }
.publish-calendar-board > header, .publish-side-card > header, .publish-platform-strip > header, .publish-list-table > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.publish-calendar-board > header { justify-content: flex-start; gap: 20px; }
.publish-calendar-board > header div { display: inline-flex; gap: 8px; }
.publish-calendar-board strong, .publish-side-card > header strong, .publish-platform-strip > header strong, .publish-list-table > header strong { color: #17263a; font-size: 16px; font-weight: 950; }
.publish-calendar-board > header button { display: inline-grid; place-items: center; width: 32px; height: 32px; border: 1px solid rgba(36, 55, 82, .10); border-radius: 9px; background: #fff; color: #50657a; }
.publish-calendar-board > header button i { width: 14px; height: 14px; }
.publish-weekdays, .publish-month-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); }
.publish-weekdays span { align-self: center; color: #5f7083; font-size: 12px; font-weight: 950; text-align: center; }
.publish-month-grid { overflow: hidden; border: 1px solid #e1e8ef; border-radius: 12px; }
.publish-month-grid article { display: grid; align-content: start; gap: 4px; min-height: 62px; border-right: 1px solid #e7edf3; border-bottom: 1px solid #e7edf3; padding: 6px 8px; background: rgba(255, 255, 255, .74); }
.publish-month-grid article:nth-child(7n) { border-right: 0; }
.publish-month-grid article:nth-last-child(-n+7) { border-bottom: 0; }
.publish-month-grid b { color: #17263a; font-size: 12px; font-weight: 950; }
.publish-month-grid .is-muted b { color: #acb7c3; }
.publish-month-grid .is-selected b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 999px; background: #554cff; color: #fff; }
.publish-calendar-event { display: inline-flex; align-items: center; justify-content: space-between; gap: 5px; width: 100%; min-height: 24px; border: 1px solid #dfe8ff; border-radius: 7px; padding: 2px 5px; background: #f2f6ff; color: #3970e6; font-size: 11px; font-weight: 900; }
.publish-calendar-event img { width: 16px; height: 16px; border-radius: 5px; padding: 3px; background: #101827; }
.publish-calendar-event.is-publishing { border-color: #ece3ff; background: #f6f1ff; color: #7657ff; }
.publish-calendar-event.is-published { border-color: #d8f4e8; background: #edfdf6; color: #0a9f64; }
.publish-calendar-board footer { display: flex; align-items: center; gap: 24px; margin: 0; color: #50657a; font-size: 12px; font-weight: 850; }
.publish-calendar-board footer span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 999px; background: #2d8cff; vertical-align: 1px; }
.publish-calendar-board footer .is-publishing::before { background: #7b57ff; }
.publish-calendar-board footer .is-published::before { background: #26c47d; }
.publish-calendar-board footer .is-failed::before { background: #ff4e64; }
.publish-side-card { padding: 14px; }
.publish-side-card > header a, .publish-row-actions button { color: #5d62ff; font-size: 12px; font-weight: 950; text-decoration: none; }
.publish-side-card > header a { display: inline-flex; align-items: center; gap: 4px; }
.publish-side-card > header a i { width: 12px; height: 12px; }
.publish-side-card > header em { border-radius: 999px; padding: 2px 8px; background: #eef2ff; color: #6573a5; font-style: normal; }
.publish-today-queue { height: 362px; }
.publish-today-queue > div { display: grid; gap: 7px; margin-top: 10px; }
.publish-today-queue article { display: grid; grid-template-columns: 58px minmax(0, 1fr) 28px 52px 66px 20px; align-items: center; gap: 8px; min-height: 48px; border-bottom: 1px solid #edf2f6; }
.publish-today-queue article > img, .publish-table-title img { width: 50px; height: 38px; border-radius: 8px; object-fit: cover; }
.publish-today-queue article strong, .publish-table-title b { overflow: hidden; color: #1c2d42; font-size: 12px; font-weight: 950; text-overflow: ellipsis; white-space: nowrap; }
.platform-icon { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 0; }
.platform-icon img, .platform-icon > b { width: 24px; height: 24px; border-radius: 8px; padding: 5px; object-fit: contain; background: #101827; }
.platform-icon.platform-wechat_channels img { background: #16bf65; }
.platform-icon.platform-xhs img { background: #ff3040; }
.platform-icon.platform-youtube img { background: #ff2f2f; }
.platform-icon.platform-bilibili img { background: #26aeea; }
.publish-today-queue time, .publish-list-table time, .publish-list-table article > span:not(.publish-table-title):not(.platform-icon):not(.publish-row-actions):not(.publish-mini-status) { color: #26394e; font-size: 12px; font-weight: 900; }
.publish-mini-status { display: inline-flex; justify-content: center; border-radius: 8px; padding: 6px 8px; background: #eaf3ff; color: #3578ea; font-size: 11px; font-weight: 950; white-space: nowrap; }
.publish-mini-status.is-publishing { background: #f3edff; color: #7856ff; }
.publish-mini-status.is-published { background: #eaf9f2; color: #16a66a; }
.publish-mini-status.is-failed { background: #fff1f2; color: #e5485c; }
.publish-today-queue button { border: 0; background: transparent; color: #8796a6; font-size: 18px; }
.publish-platform-strip { height: 105px; padding: 12px; }
.publish-platform-strip > header { margin-bottom: 8px; }
.publish-platform-strip > div { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.publish-platform-strip article { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 4px 4px; min-width: 0; border: 1px solid #e5edf4; border-radius: 10px; padding: 6px; background: #fbfdff; }
.publish-platform-strip .platform-icon { grid-row: span 3; }
.publish-platform-strip strong, .publish-platform-strip b, .publish-platform-strip small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.publish-platform-strip .platform-icon img, .publish-platform-strip .platform-icon > b { width: 20px; height: 20px; border-radius: 7px; padding: 3px; }
.publish-platform-strip strong { color: #1c2d42; font-size: 10px; font-weight: 950; letter-spacing: 0; }
.publish-platform-strip b { min-width: 20px; border-radius: 999px; padding: 1px 3px; background: #eaf9f2; color: #18a66c; font-size: 9px; text-align: center; }
.publish-platform-strip .is-warning b { background: #fff6df; color: #9c6b12; }
.publish-platform-strip small { grid-column: 2 / -1; color: #6f8194; font-size: 10px; font-weight: 850; }
.publish-platform-strip em { color: #18a66c; font-style: normal; font-weight: 950; }
.publish-list-table { height: 348px; overflow: hidden; padding: 12px; }
.publish-list-table > header { margin-bottom: 8px; }
.publish-list-table > header div { display: flex; align-items: center; gap: 8px; }
.publish-list-table button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 30px; border: 1px solid #e1e8ef; border-radius: 8px; padding: 0 10px; background: #fbfdff; color: #697d91; font-size: 11px; font-weight: 850; }
.publish-list-table button i { width: 13px; height: 13px; flex: 0 0 auto; }
.publish-list-table .publish-filter-icon { display: grid; place-items: center; width: 34px; min-width: 34px; padding: 0; }
.publish-table-head, .publish-list-table article { display: grid; grid-template-columns: minmax(204px, 1fr) 112px 54px 104px 72px 98px; align-items: center; gap: 8px; min-width: 0; }
.publish-table-head { min-height: 34px; padding: 0 8px; border-radius: 9px; background: #f6f9fc; color: #75879a; font-size: 11px; font-weight: 950; }
.publish-list-table article { min-height: 38px; border-bottom: 1px solid #edf2f6; padding: 3px 8px; }
.publish-table-title { display: flex; align-items: center; gap: 8px; min-width: 0; }
.publish-row-actions { display: flex; gap: 8px; white-space: nowrap; }
.publish-row-actions button { min-height: auto; border: 0; border-radius: 0; padding: 0; background: transparent; }
.publish-list-table footer { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; color: #697d91; font-size: 12px; font-weight: 850; }
.publish-list-table nav { display: flex; align-items: center; gap: 6px; }
.publish-list-table nav button { min-height: 26px; padding: 0 9px; }
.publish-list-table nav b { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #715cff; border-radius: 8px; color: #5b50ff; }
.publish-window-card { height: 170px; }
.publish-window-card > small, .publish-lead-forecast > small { display: block; margin-top: 4px; color: #718397; font-size: 11px; font-weight: 850; }
.publish-window-card > div { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
.publish-window-card article { display: grid; gap: 5px; border: 1px solid #e8edf4; border-radius: 12px; padding: 11px; background: #fbfdff; }
.publish-window-card article.is-warning { border-color: #f3dfbe; background: #fffaf1; }
.publish-window-card article strong { color: #4379ff; font-size: 17px; font-weight: 950; }
.publish-window-card article.is-warning strong { color: #e48219; }
.publish-window-card article span, .publish-window-card article small { color: #66788c; font-size: 11px; font-weight: 850; }
.publish-window-card article em { color: #21b978; font-style: normal; font-weight: 950; }
.publish-window-stars { display: inline-flex; gap: 1px; margin-left: 4px; vertical-align: -1px; }
.publish-window-stars [data-icon].publish-window-star.aiv-icon { width: 8px; height: 8px; color: #7a5cff; }
.publish-window-stars .aiv-svg { fill: currentColor; stroke: currentColor; stroke-width: 1.25; }
.publish-lead-forecast { height: 324px; }
.publish-lead-forecast header button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.publish-lead-forecast header button i { width: 13px; height: 13px; }
.publish-lead-forecast header button { min-height: 30px; border: 1px solid #e1e8ef; border-radius: 8px; padding: 0 12px; background: #fbfdff; color: #65788c; font-size: 11px; font-weight: 900; }
.publish-forecast-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.publish-forecast-metrics article { display: grid; gap: 6px; border: 1px solid #edf2f6; border-radius: 12px; padding: 12px; background: #fbfdff; }
.publish-forecast-metrics span, .publish-forecast-metrics small { color: #64778c; font-size: 11px; font-weight: 850; }
.publish-forecast-metrics strong { color: #17263a; font-size: 20px; font-weight: 950; }
.publish-forecast-chart { display: grid; gap: 4px; margin-top: 10px; }
.publish-forecast-chart svg { width: 100%; height: 116px; }
.publish-forecast-chart line { stroke: #e8eef5; }
.publish-forecast-chart div { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); color: #8494a6; font-size: 11px; font-weight: 850; text-align: center; }
.publish-lead-forecast footer { display: flex; justify-content: center; gap: 34px; margin-top: 6px; color: #52677c; font-size: 12px; font-weight: 850; }
.publish-lead-forecast footer span::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 7px; border-radius: 999px; background: #6257ff; }
.publish-lead-forecast footer span:last-child::before { background: #22c879; }
}