/* Additions on top of the PS department template (assets/css/style.css) */

.program-list li { margin-bottom: .55rem; }
.program-list .program-hidden { margin-left: .5rem; padding: 2px 8px; border-radius: 10px; background: #6c757d; color: #fff; font-size: .75rem; vertical-align: middle; }
.program-list .program-summary { display: block; margin-left: 1.75rem; color: #55657a; font-size: .95rem; }

.program-tools { margin-left: .75rem; display: inline-flex; gap: .4rem; vertical-align: middle; }
.program-tools button, .program-add { padding: 3px 10px; border: 1px solid #12263f; border-radius: 6px; background: #fff; color: #12263f; font-size: .85rem; cursor: pointer; }
.program-tools button:hover, .program-add:hover { background: #12263f; color: #fff; }
.program-tools .program-delete { border-color: #b3261e; color: #b3261e; }
.program-tools .program-delete:hover { background: #b3261e; color: #fff; }
.program-add { margin: .25rem 0 1rem; padding: 6px 14px; }

.program-backdrop { position: fixed; inset: 0; z-index: 100003; display: grid; place-items: center; background: rgba(0, 0, 0, .5); }
.program-modal { width: min(520px, 94vw); max-height: 90vh; overflow: auto; padding: 20px; background: #fff; color: #12263f; border-radius: 10px; font: 15px/1.4 system-ui, sans-serif; }
.program-modal h3 { margin: 0 0 12px; font-size: 1.2rem; }
.program-modal label { display: block; margin: 10px 0 4px; font-weight: 600; font-size: .9rem; }
.program-modal input[type=text], .program-modal input[type=number], .program-modal select, .program-modal textarea { width: 100%; padding: 8px 10px; border: 1px solid #c4cdd8; border-radius: 6px; font: inherit; }
.program-modal .program-error { margin: 10px 0 0; padding: 8px 10px; background: #fdecea; color: #b3261e; border-radius: 6px; }
.program-modal .program-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.program-modal button { padding: 8px 16px; border: 1px solid #12263f; border-radius: 6px; background: #fff; color: #12263f; cursor: pointer; }
.program-modal button.program-save { background: #12263f; color: #fff; }

.dept-feed-item h4 a { text-decoration: none; }
.dept-feed-item details { margin-top: .4rem; }
.dept-feed-item details summary { cursor: pointer; color: #2f6fa7; }
.dept-feed-empty { padding: 1rem 0; color: #55657a; }

.breadcrumbs ol { list-style: none; padding-left: 0; }
.cms-editable { min-height: 1em; }

/* With no banner under the fixed header, the first strip needs room to clear it */
.counts.dept-home-top { margin-top: 0; padding-top: 8.5rem; }