/* EnyaBooks — styling matched to the existing screens */
:root {
    --eb-sidebar: #4f5563;
    --eb-topbar: #9eadc6;
    --eb-head: #9eadc6;
    --eb-accent: #a887e6;
    --eb-accent-dark: #8f6bd8;
    --eb-link: #2b6fd6;
    --eb-text: #555;
    --eb-border: #e3e6ea;
}

body { font-family: 'Poppins', sans-serif; color: var(--eb-text); background: #f3f4f6; margin: 0; }

.eb-shell { display: flex; min-height: 100vh; }
.eb-sidebar { width: 237px; flex-shrink: 0; background: var(--eb-sidebar); color: #c9ccd3; }
.eb-brand { color: #fff; font-weight: 600; font-size: 19px; text-align: center; padding: 26px 0 30px; letter-spacing: .5px; }
.eb-nav { display: flex; align-items: center; gap: 10px; color: #c9ccd3; text-decoration: none; padding: 14px 16px; font-size: 15px; }
.eb-nav:hover { color: #fff; }
.eb-sub { display: block; color: #c9ccd3; text-decoration: none; padding: 10px 46px; font-size: 15px; }
.eb-sub.active { color: #fff; font-weight: 500; }

.eb-main { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.eb-topbar { background: var(--eb-topbar); height: 43px; display: flex; align-items: center; padding: 0 12px 0 14px; color: #fff; font-size: 18px; }
.eb-user { margin-left: auto; font-size: 26px; font-weight: 300; }
.eb-content { padding: 12px 20px 0 28px; }
.eb-card { background: #fff; padding: 26px 26px 40px; min-height: calc(100vh - 60px); }
.eb-title { font-size: 14px; font-weight: 500; color: #222; letter-spacing: .3px; }

.eb-btn { background: var(--eb-accent); color: #fff; border-radius: 0; padding: 7px 14px; }
.eb-btn:hover { background: var(--eb-accent-dark); color: #fff; }

.eb-table { font-size: 14px; margin: 0; }
.eb-table thead th { background: var(--eb-head); color: #fff; font-weight: 400; border: 0; padding: 9px 8px; }
.eb-table td { padding: 5px 8px; border-color: #eceef1; vertical-align: middle; }
.eb-table tbody tr:nth-child(odd) td { background: #f7f8fa; }
.eb-group td { font-weight: 500; color: #555; }
.eb-primary td { color: #555; font-weight: 600; }
.eb-link { color: var(--eb-link); text-decoration: none; font-weight: 400; }
.eb-link:hover { text-decoration: underline; }
.eb-ico { color: #444; font-size: 15px; margin-left: 4px; text-decoration: none; }
.eb-ico:hover { color: var(--eb-accent-dark); }
.eb-ico.disabled { color: #c8c8c8; cursor: not-allowed; }

/* modals */
.eb-modal-title { font-weight: 300; font-size: 28px; color: #222; }
.eb-label { font-weight: 500; font-size: 17px; color: #555; }
.eb-input { border-radius: 0; border-color: var(--eb-border); padding: 10px 14px; }
.eb-btn-close { background: #e6e9ec; color: #555; border-radius: 0; padding: 10px 24px; }
.eb-btn-submit { background: var(--eb-accent); color: #fff; border-radius: 0; padding: 10px 24px; font-weight: 500; }
.eb-btn-submit:hover { background: var(--eb-accent-dark); color: #fff; }
.eb-section { border-top: 1px solid var(--eb-border); padding-top: 14px; margin-top: 4px; }
.eb-section legend { font-size: 14px; font-weight: 500; color: #888; text-transform: uppercase; letter-spacing: .5px; }
.select2-container .select2-selection--single { height: 46px; border-radius: 4px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding-left: 16px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 44px; }

@media (max-width: 768px) {
    .eb-sidebar { display: none; }
    .eb-content { padding: 8px; }
    .eb-user { font-size: 18px; }
}