/* Move story management controls left for better alignment */
.collection-order-controls {
    right: 1.0rem !important;
    top: 0.5rem !important;
    z-index: 2;
}
/* Center and enlarge gear icon in manage button */
#manage-collection-btn .fa-cog {
    font-size: 1.4em;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
#manage-collection-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}
/* Remove custom manage button overrides to use sitewide .btn-outline-primary */
/* Collection Management Modal Styling */
#manageCollectionModal .modal-content {
    background: var(--bg-secondary, #23272e);
    color: var(--text-primary, #fff);
    box-shadow: 0 4px 32px 0 rgba(0,0,0,0.25);
}
#manageCollectionModal .modal-header {
    border: 0px !important;
    border-radius: 0 !important;
    background: var(--bg-primary, #181a20);
    color: var(--text-primary, #fff);
}
#manageCollectionModal .modal-title {
    font-weight: 700;
    color: var(--accent-color, #f7c873);
}
#manageCollectionModal .modal-body {
    background: var(--bg-secondary, #23272e);
    color: var(--text-primary, #fff);
}
#manageCollectionModal .form-label {
    color: var(--text-secondary, #bbb);
    font-weight: 600;
}
#manageCollectionModal .form-control {
    background: var(--bg-primary, #181a20);
    color: var(--text-primary, #fff);
    border: 1px solid var(--border-color, #444);
}
#manageCollectionModal .form-control:focus {
    border-color: var(--accent-color, #f7c873);
    box-shadow: 0 0 0 2px var(--accent-color, #f7c87333);
}
#manageCollectionModal .btn-outline-primary {
    border-color: var(--accent-color, #f7c873);
    color: var(--accent-color, #f7c873);
    background: transparent;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}
#manageCollectionModal .btn-outline-primary:hover {
    background: var(--accent-color, #f7c873);
    color: var(--bg-primary, #181a20);
}
#manageCollectionModal .btn-outline-danger {
    border-color: #e74c3c;
    color: #e74c3c;
    background: transparent;
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
}
#manageCollectionModal .btn-outline-danger:hover {
    background: #e74c3c;
    color: #fff;
}
#manageCollectionModal hr {
    border-top: 1px solid var(--border-color, #444);
}
#manageCollectionModal .modal-footer {
    border-top: 1px solid var(--border-color, #444);
    background: var(--bg-primary, #181a20);
}
#manageCollectionModal .btn-close {
    color: var(--accent-color);
}