.month-close-card { margin-top: 24px; padding: 28px; border: 1px solid #d7dfdc; border-radius: 24px; background: radial-gradient(circle at 84% 4%, rgba(223, 166, 61, .16), transparent 30%), linear-gradient(145deg, #f9fbfa, #eef4f1); box-shadow: 0 18px 46px rgba(27, 50, 41, .09); }
.month-close-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.month-close-head h3 { margin: 5px 0 7px; font-family: "DM Serif Display", Georgia, serif; font-size: 27px; color: #1d3f33; }
.month-close-head p { margin: 0; color: #687970; }
.month-close-kicker { color: #a2741f; font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.month-close-controls { display: flex; gap: 9px; }
.month-close-controls input { padding: 10px 12px; border: 1px solid #cad8d1; border-radius: 10px; background: rgba(255,255,255,.9); color: #29463b; font: inherit; }
.month-close-overview { display: flex; align-items: center; gap: 15px; margin: 22px 0 14px; padding: 16px; border: 1px solid #d7e0db; border-radius: 15px; background: rgba(255,255,255,.78); }
.month-close-overview strong, .month-close-overview small { display: block; }
.month-close-overview strong { color: #2d493f; font-size: 18px; }
.month-close-overview small { margin-top: 4px; color: #77877f; }
.month-close-orbit { width: 38px; height: 38px; border: 7px solid #dfe7e3; border-top-color: #6b897c; border-radius: 50%; }
.month-close-overview.is-ready .month-close-orbit, .month-close-overview.is-closed .month-close-orbit { border-color: #a8d0bb; border-top-color: #19704e; }
.month-close-overview.is-blocked .month-close-orbit, .month-close-overview.is-closed_with_issues .month-close-orbit { border-color: #efc9c1; border-top-color: #a5402e; }
.month-close-overview.is-ready_with_warnings .month-close-orbit { border-color: #ecd9a5; border-top-color: #a9771e; }
.month-close-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.month-close-check { display: grid; grid-template-columns: 35px 1fr auto; align-items: center; gap: 11px; padding: 12px; border: 1px solid #dfe6e2; border-radius: 12px; background: rgba(255,255,255,.8); }
.month-close-check strong { color: #314b41; }
.month-close-check p { margin: 3px 0 0; color: #78877f; font-size: 12px; }
.month-close-icon { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: #edf1ef; color: #6d7a74; font-size: 10px; font-weight: 900; }
.month-close-check.is-ok .month-close-icon { background: #e1f1e8; color: #196746; }
.month-close-check.is-blocked .month-close-icon { background: #fbe7e3; color: #a23f2e; }
.month-close-check.is-warning .month-close-icon { background: #fff2d4; color: #966813; }
.month-close-count { min-width: 28px; padding: 5px 7px; border-radius: 999px; background: #edf2ef; color: #52665d; text-align: center; font-size: 11px; font-weight: 800; }
.month-close-note { margin: 13px 2px 0; color: #73837b; font-size: 12px; }
.month-close-action { display: grid; grid-template-columns: minmax(230px, 1fr) minmax(250px, 1fr) auto; align-items: center; gap: 13px; margin-top: 15px; padding: 16px; border: 1px solid #d6c28d; border-radius: 14px; background: linear-gradient(120deg, #fff9e9, #fffdf8); }
.month-close-action[hidden] { display: none; }
.month-close-action > div { display: grid; gap: 3px; }
.month-close-action > div strong { color: #76591f; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.month-close-action > div small { color: #8c8064; }
.month-close-action > input { padding: 10px 11px; border: 1px solid #cfbf96; border-radius: 9px; background: #fff; color: #493d25; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.month-close-warning-accept { grid-column: 1 / 3; display: flex; align-items: center; gap: 8px; color: #735d2c; font-size: 12px; }
.month-close-final { grid-column: 3; grid-row: 1 / 3; align-self: stretch; padding: 10px 14px; border: 0; border-radius: 10px; background: #8c6520; color: #fff; font-weight: 800; cursor: pointer; }
.month-close-final:disabled { cursor: wait; opacity: .62; }
@media (max-width: 760px) { .month-close-card { padding: 18px; border-radius: 18px; } .month-close-head { display: grid; } .month-close-controls { display: grid; grid-template-columns: 1fr; width: 100%; } .month-close-grid { grid-template-columns: 1fr; } .month-close-action { grid-template-columns: 1fr; } .month-close-warning-accept, .month-close-final { grid-column: 1; grid-row: auto; } }