/* ==========================================================================
   OWT7 LMS - Library Management System
   Professional Admin Design System
   ========================================================================== */

.owt7-lms {
    --owt7-primary: #1d2065;
    --owt7-primary-dark: #161950;
    --owt7-primary-light: #2a2e85;
    --owt7-accent: #f59e0b;
    --owt7-surface: #ffffff;
    --owt7-bg: #f8fafc;
    --owt7-border: #e2e8f0;
    --owt7-text: #1e293b;
    --owt7-text-muted: #64748b;
    --owt7-radius: 12px;
    --owt7-radius-sm: 8px;
    --owt7-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --owt7-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
}

.owt7-lms {
    margin: 20px;
    padding: 15px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: var(--owt7-radius);
    box-shadow: var(--owt7-shadow);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--owt7-text);
    border: 1px solid var(--owt7-border);
    position: relative;
    overflow: hidden;
}


.owt7-lms-dashboard,
.owt7-lms-users,
.owt7-lms-bookcases,
.owt7-lms-books,
.owt7-lms-transactions,
.owt7-lms-reports,
.owt7-lms-settings,
.owt7-lms-about,
.owt7-lms-verification,
.owt7-lms-books-catalogue,
.owt7-lms-borrowed-books,
.owt7-lms-returned-books { border-left: 4px solid #1d2065; }

/* Empty state: no borrowed / no returned books (library user portal) */
.owt7-lms-no-books.owt7-lms-empty-state {
    text-align: center;
    padding: 48px 24px;
    margin: 24px 0;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.owt7-lms-empty-state-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.owt7-lms-empty-state-borrowed .owt7-lms-empty-state-icon {
    color: #1d2065;
    border: 2px solid rgba(29, 32, 101, 0.2);
}

.owt7-lms-empty-state-borrowed .owt7-lms-empty-state-icon .dashicons {
    font-size: 42px;
    width: 42px;
    height: 42px;
}

.owt7-lms-empty-state-returned .owt7-lms-empty-state-icon {
    color: #0d9488;
    border: 2px solid rgba(13, 148, 136, 0.25);
}

.owt7-lms-empty-state-returned .owt7-lms-empty-state-icon .dashicons {
    font-size: 42px;
    width: 42px;
    height: 42px;
}

.owt7-lms-empty-state-title {
    margin: 0 0 10px;
    font-size: 1.35em;
    font-weight: 600;
    color: #1e293b;
}

.owt7-lms-empty-state-desc {
    margin: 0;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    font-size: 15px;
    line-height: 1.5;
    color: #64748b;
}


/* Page Header */
.owt7-lms .page-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.12), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    padding: 20px 22px;
    border-radius: 20px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.08);
    border: 1px solid rgba(37, 99, 235, 0.08);
}

.owt7-lms .page-header > * {
    position: relative;
    z-index: 1;
}

.owt7-lms .page-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 0;
}

.owt7-lms .page-actions .btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.owt7-lms .breadcrumb {
    font-size: 14px;
    color: var(--owt7-text-muted);
    padding: 8px 14px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: var(--owt7-radius-sm);
    display: inline-block;
    font-weight: 500;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.owt7-lms .breadcrumb .active {
    color: var(--owt7-primary);
    font-weight: 700;
}

/* Page title row: title left, filter options right */
.owt7-lms .page-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 24px;
    margin-bottom: 20px;
}

.owt7-lms .page-title-row .page-title {
    margin-bottom: 0;
    flex-shrink: 0;
}

.owt7-lms .page-title-row .page-toolbar {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.owt7-lms .page-title-row .filter-container {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
    border: none;
    flex: 1;
    min-width: 200px;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.owt7-lms .page-title {
    margin-bottom: 16px;
}

.owt7-lms .page-title h2 {
    font-size: 1.5em;
    font-weight: 700;
    color: var(--owt7-text);
}
.owt7-lms .owt7-lms-users-filter-msg {
    margin: 6px 0 0 0;
    font-size: 14px;
    color: var(--owt7-text-muted, #64748b);
    font-weight: 500;
}


/* Jumbotron */
.owt7-lms .jumbotron {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    padding: 24px 29px;
    text-align: center;
    border-radius: var(--owt7-radius);
    margin-bottom: 2px;
    box-shadow: var(--owt7-shadow-lg);
}

.owt7-lms .jumbotron h1 {
    font-weight: 700;
    color: #fff;
    font-size: 2.1em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.jumbotron h1 sup,
.owt7_library_about h1 sup,
.owt7_library_basic_vs_silver h1 sup {
    font-size: 50%;
    vertical-align: super;
    margin-left: 6px;
    padding: 4px 12px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-weight: 600;
}

.jumbotron h1 sup.premium,
.owt7_library_about h1 sup.premium,
.owt7_library_basic_vs_silver h1 sup.premium {
    margin-left: 8px;
    background: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    font-weight: 600;
    font-size: 45%;
    padding: 4px 10px;
    border-radius: 20px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.owt7-lms-dashboard .jumbotron {
    position: relative;
    overflow: hidden;
    margin-bottom: 18px;
    padding: 20px 22px;
    text-align: left;
    border-radius: 18px;
    border: 1px solid rgba(37, 99, 235, 0.08);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.18), transparent 32%),
        radial-gradient(circle at bottom left, rgba(245, 158, 11, 0.14), transparent 28%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.1);
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-brand {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    z-index: 1;
    flex-wrap: wrap;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-image {
    width: 150px;
    height: 150px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f3f7ff 0%, #eef4ff 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
    flex-shrink: 0;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-image img {
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-copy {
    max-width: 700px;
}

.owt7-lms-dashboard .owt7-lms-dashboard-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--owt7-primary, #1d2065);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.owt7-lms-dashboard .jumbotron h1 {
    margin: 0 0 8px;
    color: var(--owt7-text, #0f172a);
    font-size: 1.7rem;
    line-height: 1.2;
    text-shadow: none;
}

.owt7-lms-dashboard .jumbotron h1 sup,
.owt7-lms-dashboard .jumbotron h1 sup.premium {
    color: var(--owt7-primary, #1d2065);
    background: rgba(29, 32, 101, 0.08);
    border: 1px solid rgba(29, 32, 101, 0.12);
    text-shadow: none;
    box-shadow: none;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-copy p {
    margin: 0;
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
    line-height: 1.6;
    max-width: 620px;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-tags {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.owt7-lms-dashboard .owt7-lms-dashboard-hero-tags span {
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: var(--owt7-text, #0f172a);
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.owt7_library_basic_vs_silver .header {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    padding: 40px 20px;
    text-align: center;
}


/* Card Container */
.owt7-lms .card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    max-width: 100%;
    padding: 0 24px;
    margin: 0 auto;
}

/* Settings card row: exactly 3 cards per row, center aligned */
.owt7-lms .settings-card-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 24px;
    justify-items: stretch;
}

.owt7-lms .settings-card-row:last-child {
    margin-bottom: 0;
}


/* Card - Professional Design (clickable whole card when .card is <a>) */
.owt7-lms .card {
    margin-bottom: 0;
    background: var(--owt7-surface);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius);
    padding: 24px;
    box-shadow: var(--owt7-shadow);
    text-align: center;
    transition: all 0.25s ease;
    min-width: 0;
}

.owt7-lms a.card {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.owt7-lms .card:hover {
    transform: translateY(-4px);
    box-shadow: var(--owt7-shadow-lg);
    border-color: var(--owt7-primary-light);
}

.owt7-lms .card h2 {
    margin-top: 12px;
    margin-bottom: 16px;
    font-size: 1.7em;
    font-weight: 600;
    color: var(--owt7-text);
}

.owt7-lms .card a,
.owt7-lms .card .card-cta {
    display: inline-block;
    color: var(--owt7-primary);
    text-decoration: none;
    font-weight: 600;
    padding: 8px 16px;
    border-radius: var(--owt7-radius-sm);
    transition: all 0.2s ease;
}

.owt7-lms .lms-dashboard-cards .card a:hover,
.owt7-lms .lms-dashboard-cards a.card:hover .card-cta {
    background: var(--owt7-primary);
    color: #fff;
}


/* Dashicons */
.owt7-lms .lms-dashboard .dashicons {
    font-size: 44px;
    width: 44px;
    height: 44px;
    margin-bottom: 12px;
    color: var(--owt7-primary);
}

/* Dashboard: card container - same width as Settings for consistency */
.owt7-lms-dashboard .lms-dashboard.card-container {
    max-width: 1080px;
    padding: 16px 20px;
    margin: 0 auto;
}

.owt7-lms-dashboard .settings-card-row {
    gap: 20px;
    margin-bottom: 20px;
}

.owt7-lms-dashboard .settings-card-row .card {
    padding: 24px 20px;
}

.owt7-lms-dashboard .settings-card-row .card h2 {
    font-size: 1.28em;
    margin-top: 10px;
    margin-bottom: 12px;
}

.owt7-lms-dashboard .settings-card-row .card .card-cta {
    padding: 8px 14px;
    font-size: 14px;
}

.owt7-lms-dashboard .lms-dashboard .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}


/* Buttons */
.owt7-lms .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: var(--owt7-radius-sm);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px rgba(29, 32, 101, 0.3);
}

.owt7-lms .btn:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark) 0%, #161950 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 32, 101, 0.35);
}

.owt7-lms .btn-danger {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    box-shadow: 0 1px 3px rgba(220, 53, 69, 0.3);
}

.owt7-lms .btn-danger:hover {
    background: linear-gradient(135deg, #c82333 0%, #a71d2a 100%);
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.35);
}

.owt7-lms .btn-fixed {
    min-width: 180px;
    justify-content: center;
}


/* Table - Modern Design */
.owt7-lms .owt7-lms-table,
.owt7-lms .branch-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--owt7-surface);
    border-radius: var(--owt7-radius);
    overflow: hidden;
    box-shadow: var(--owt7-shadow);
    border: 1px solid var(--owt7-border);
}

/* Table Headers - Eye-catching list page styling */
.owt7-lms .owt7-lms-table thead th,
.owt7-lms .branch-table thead th {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    padding: 16px 18px;
    text-align: left;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    border: none;
    border-bottom: 3px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.25);
    position: relative;
}
.owt7-lms .owt7-lms-table thead th:first-child,
.owt7-lms .branch-table thead th:first-child {
    border-radius: var(--owt7-radius) 0 0 0;
}
.owt7-lms .owt7-lms-table thead th:last-child,
.owt7-lms .branch-table thead th:last-child {
    border-radius: 0 var(--owt7-radius) 0 0;
}
.owt7-lms .owt7-lms-table thead th:not(:last-child)::after,
.owt7-lms .branch-table thead th:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
}

.owt7-lms .owt7-lms-table td,
.owt7-lms .branch-table td {
    border-bottom: 1px solid var(--owt7-border);
    padding: 12px 16px;
    text-align: left;
}

.owt7-lms .owt7-lms-table tbody tr:hover,
.owt7-lms .branch-table tbody tr:hover {
    background-color: rgba(29, 32, 101, 0.04);
}

/* History & List table rows – alternating tint and hover (Borrow/Return History, Book List, Users List) */
.owt7-lms #tbl_books_borrow_history tbody tr.lms-history-row,
.owt7-lms #tbl_books_return_history tbody tr.lms-history-row,
.owt7-lms #tbl_books_list tbody tr.lms-list-row,
.owt7-lms #tbl_users_list tbody tr.lms-list-row {
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.owt7-lms #tbl_books_borrow_history tbody tr.lms-history-row:nth-child(even),
.owt7-lms #tbl_books_return_history tbody tr.lms-history-row:nth-child(even),
.owt7-lms #tbl_books_list tbody tr.lms-list-row:nth-child(even),
.owt7-lms #tbl_users_list tbody tr.lms-list-row:nth-child(even) {
    background-color: rgba(248, 250, 252, 0.8);
}

.owt7-lms #tbl_books_borrow_history tbody tr.lms-history-row:hover,
.owt7-lms #tbl_books_return_history tbody tr.lms-history-row:hover,
.owt7-lms #tbl_books_list tbody tr.lms-list-row:hover,
.owt7-lms #tbl_users_list tbody tr.lms-list-row:hover {
    background-color: rgba(29, 32, 101, 0.06);
    box-shadow: inset 4px 0 0 var(--owt7-primary);
}

.owt7-lms #tbl_books_borrow_history tbody tr.lms-history-row td,
.owt7-lms #tbl_books_return_history tbody tr.lms-history-row td,
.owt7-lms #tbl_books_list tbody tr.lms-list-row td,
.owt7-lms #tbl_users_list tbody tr.lms-list-row td {
    padding: 16px 18px;
    vertical-align: top;
}

.owt7-lms #tbl_books_borrow_history tbody tr.lms-history-row-empty:hover {
    background-color: transparent;
    box-shadow: none;
}

.owt7-lms #tbl_books_borrow_history tbody td.lms-empty-state-cell {
    padding: 28px 18px;
    text-align: center;
    color: var(--owt7-text-muted, #64748b);
    font-style: italic;
}


.owt7-lms .lms-cell-id,
.owt7-lms .lms-cell-return-type {
    white-space: nowrap;
}

.owt7-lms .lms-id-badge {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: var(--owt7-primary);
    background: linear-gradient(135deg, rgba(29, 32, 101, 0.1) 0%, rgba(29, 32, 101, 0.06) 100%);
    padding: 6px 12px;
    border-radius: var(--owt7-radius-sm);
    border: 1px solid rgba(29, 32, 101, 0.2);
    margin-bottom: 6px;
    letter-spacing: 0.02em;
}

.owt7-lms .lms-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 4px 10px;
    border-radius: 6px;
    line-height: 1.3;
}

/* Comma-separated authors/publications as tags */
.owt7-lms .owt7-lms-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 10px;
    margin: 2px 4px 2px 0;
    border-radius: 6px;
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: var(--owt7-primary);
    border: 1px solid rgba(29, 32, 101, 0.2);
    line-height: 1.4;
}

.owt7-lms .owt7-lms-field-hint {
    display: block;
    font-size: 12px;
    color: var(--owt7-text-muted);
    margin-top: 4px;
    line-height: 1.4;
}

.owt7-lms .owt7-lms-view-tags {
    margin-top: 8px;
}

.owt7-lms .lms-badge-wp.owt7_lms_wp_user {
    background: linear-gradient(135deg, #7f54b3 0%, #5a3d7a 100%);
    color: #fff;
    border: none;
}

.owt7-lms .lms-badge-admin {
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
    color: #fff;
}

/* Info block (User, Book, Dates) – label/value pairs */
.owt7-lms .lms-info-block {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.owt7-lms-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.owt7-lms-table-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.owt7-lms .owt7-lms-table-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    border-color: #1d4ed8;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.18);
}

.owt7-lms .owt7-lms-table-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
    color: #fff;
    border-color: #1e40af;
}

.owt7-lms .owt7-lms-table-actions .owt7_lms_download_receipt_btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0f766e;
    color: #fff;
    border-color: #0f766e;
    box-shadow: none;
}
.owt7-lms .owt7-lms-table-actions .owt7_lms_download_receipt_btn:hover {
    background: #0d9488;
    color: #fff;
    border-color: #0d9488;
    box-shadow: 0 4px 12px rgba(15,118,110,.25);
}
.owt7-lms .owt7-lms-table-actions .owt7_lms_download_receipt_btn .dashicons {
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 1;
}

.owt7-lms .lms-info-item {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 8px;
    font-size: 13px;
}

.owt7-lms .lms-info-item-title .lms-info-value {
    font-weight: 600;
    color: var(--owt7-text);
}

.owt7-lms .lms-info-label {
    color: var(--owt7-text-muted);
    font-size: 12px;
    font-weight: 500;
    flex-shrink: 0;
    min-width: 70px;
}

.owt7-lms .lms-info-value {
    color: var(--owt7-text);
    font-weight: 500;
}

.owt7-lms .lms-info-value .lms-no-section {
    color: #c00 !important;
}

.owt7-lms .lms-info-value.lms-date {
    font-family: ui-monospace, "Cascadia Code", "SF Mono", monospace;
    font-size: 12px;
    color: var(--owt7-primary);
    background: rgba(29, 32, 101, 0.06);
    padding: 2px 8px;
    border-radius: 4px;
}

.owt7-lms .lms-info-status {
    margin-top: 4px;
}

.owt7-lms .lms-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
    white-space: nowrap;
}

.owt7-lms .lms-status-badge.lms-status-success {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
    border: 1px solid rgba(34, 197, 94, 0.3);
}

.owt7-lms .lms-status-badge.lms-status-inactive {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    border: 1px solid rgba(100, 116, 139, 0.25);
}

.owt7-lms .lms-status-badge .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

/* Fine status cell */
.owt7-lms .lms-cell-fine {
    min-width: 140px;
}

.owt7-lms .lms-cell-fine.lms-fine-pending {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.08) 0%, rgba(185, 28, 28, 0.05) 100%);
    border-left: 3px solid #dc2626;
}

.owt7-lms .lms-fine-status {
    font-size: 13px;
}

.owt7-lms .lms-fine-alert .lms-fine-label {
    display: block;
    color: #b91c1c;
    font-weight: 600;
    margin-bottom: 6px;
    text-decoration: underline;
}

.owt7-lms .lms-fine-alert .lms-fine-detail {
    margin-bottom: 4px;
    color: var(--owt7-text);
}

.owt7-lms .lms-fine-alert .lms-fine-meta {
    color: var(--owt7-text-muted);
    font-size: 12px;
    margin-right: 4px;
}

.owt7-lms .lms-fine-na {
    color: var(--owt7-text-muted);
    font-style: italic;
}

.owt7-lms .lms-fine-ok {
    display: inline-block;
    padding: 4px 10px;
    background: rgba(34, 197, 94, 0.1);
    color: #15803d;
    font-weight: 600;
    border-radius: 6px;
    font-size: 12px;
}

/* Books Returned – Fine column badges */
.owt7-lms .owt7-lms-fine-badge {
    display: inline-block;
    padding: 4px 12px;
    font-weight: 600;
    border-radius: 6px;
    font-size: 12px;
    border: none;
    white-space: nowrap;
}
.owt7-lms .owt7-lms-fine-badge-amount {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: #fff;
    box-shadow: 0 1px 3px rgba(220, 53, 69, 0.3);
}
.owt7-lms .owt7-lms-fine-badge-none {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.9) 0%, #15803d 100%);
    color: #fff;
    box-shadow: 0 1px 3px rgba(34, 197, 94, 0.3);
}

/* Action column */
.owt7-lms .lms-cell-actions {
    white-space: nowrap;
}

.owt7-lms .lms-action-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.owt7-lms .lms-action-wrap .action-btn {
    margin-right: 0;
}

/* Book List & Users List – extra cell styles */
.owt7-lms .lms-cell-chk {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle !important;
}

/* Books that are borrowed/lent or WooCommerce product: checkbox disabled, no delete in row */
.owt7-lms #tbl_books_list tbody tr.lms-row-not-deletable .lms-cell-chk input[type="checkbox"]:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.owt7-lms .lms-cell-name .lms-title {
    font-weight: 600;
    font-size: 14px;
    color: var(--owt7-text);
}

.owt7-lms .lms-cell-name .lms-title.lms-title-link {
    color: var(--owt7-primary);
    text-decoration: none;
    transition: color 0.2s, text-decoration 0.2s;
}

.owt7-lms .lms-cell-name .lms-title.lms-title-link:hover {
    color: var(--owt7-primary-dark);
    text-decoration: underline;
}

.owt7-lms .lms-cell-stock .lms-stock-badge {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: var(--owt7-primary);
    background: linear-gradient(135deg, rgba(29, 32, 101, 0.08) 0%, rgba(29, 32, 101, 0.04) 100%);
    padding: 6px 12px;
    border-radius: var(--owt7-radius-sm);
    border: 1px solid rgba(29, 32, 101, 0.15);
    min-width: 2.5em;
    text-align: center;
}

.owt7-lms .lms-cell-stock .lms-stock-badge-link {
    text-decoration: none;
    cursor: pointer;
}

.owt7-lms .lms-cell-stock .lms-stock-badge-link:hover .lms-stock-badge {
    background: linear-gradient(135deg, rgba(29, 32, 101, 0.14) 0%, rgba(29, 32, 101, 0.08) 100%);
    border-color: rgba(29, 32, 101, 0.3);
}

/* WooCommerce row: label + tick + delete on same line */
.owt7-lms .lms-info-item.lms-woocom-row {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px 8px;
}

.owt7-lms .lms-badge-woocom.owt7_lms_woocom_product_label {
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 6px;
    margin-right: 0;
}

.owt7-lms .lms-woocom-row .owt7_lms_woocom_product_tick {
    color: #15803d;
    flex-shrink: 0;
}

.owt7-lms .lms-woocom-row .remove-woocom-product {
    color: #dc2626;
    padding: 2px;
    border-radius: 4px;
    flex-shrink: 0;
    transition: color 0.2s, background 0.2s;
}

.owt7-lms .lms-woocom-row .remove-woocom-product:hover {
    color: #b91c1c;
    background: rgba(220, 38, 38, 0.1);
}


/* Action Buttons */
.owt7-lms .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: var(--owt7-radius-sm);
    text-decoration: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    margin-right: 6px;
    transition: all 0.2s ease;
}

.owt7-lms .action-btn:hover {
    transform: scale(1.05);
}

.owt7-lms .clone-btn {
    background: linear-gradient(135deg, var(--owt7-action-clone, #6366f1) 0%, var(--owt7-action-clone-dark, #4f46e5) 100%);
    color: #fff;
}

.owt7-lms .view-btn {
    background: linear-gradient(135deg, var(--owt7-action-view, #2563eb) 0%, var(--owt7-action-view-dark, #1d4ed8) 100%);
    color: #fff;
}

.owt7-lms .edit-btn {
    background: linear-gradient(135deg, var(--owt7-action-edit, #059669) 0%, var(--owt7-action-edit-dark, #047857) 100%);
    color: #fff;
}

.owt7-lms .action-btn.owt7_lms_show_book_copies_btn {
    background: linear-gradient(135deg, var(--owt7-action-copies, #0d9488) 0%, var(--owt7-action-copies-dark, #0f766e) 100%);
    color: #fff;
}

.owt7-lms .action-btn.owt7_lms_show_book_copies_btn:hover {
    background: linear-gradient(135deg, var(--owt7-action-copies-dark, #0f766e) 0%, #115e59 100%);
    color: #fff;
}

.owt7-lms .delete-btn {
    background: linear-gradient(135deg, var(--owt7-action-delete, #ef4444) 0%, var(--owt7-action-delete-dark, #dc2626) 100%);
    color: #fff;
}

/* Return action button in borrow history table */
.owt7-lms .return-btn {
    background: linear-gradient(135deg, var(--owt7-action-return, #0d9488) 0%, var(--owt7-action-return-dark, #0f766e) 100%);
    color: #fff;
    gap: 4px;
}
.owt7-lms .return-btn .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
    line-height: 1;
}
.owt7-lms .return-btn:hover {
    background: linear-gradient(135deg, var(--owt7-action-return-dark, #0f766e) 0%, #115e59 100%);
    color: #fff;
}

.owt7-lms .delete-btn-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Total sections circular badge link */
.owt7-lms .owt7-lms-total-sections-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 13px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.owt7-lms .owt7-lms-total-sections-badge:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(29, 32, 101, 0.35);
}
.owt7-lms .owt7-lms-total-sections-badge:not(a) {
    cursor: default;
    pointer-events: none;
}

/* Total books badge link (Bookcase / Section lists) */
.owt7-lms .owt7-lms-total-books-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 6px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 13px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.owt7-lms .owt7-lms-total-books-badge:hover {
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(29, 32, 101, 0.35);
}
.owt7-lms .owt7-lms-total-books-badge:not(a) {
    cursor: default;
    pointer-events: none;
}


/* Add User Form */

.owt7-lms .add-user-form {
    width: 100%;
    max-width: 800px;
    /* Adjust max-width as needed */
}

.owt7-lms .form-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.owt7-lms .form-group {
    width: 48%;
}

.owt7-lms .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.lms-borrow-history .filters {
    margin-bottom: 20px;
}

.lms-borrow-history .filters select {
    padding: 2px 25px 1px 16px;
    margin-right: 10px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.owt7-lms div#tbl_branches_list_filter,
.owt7-lms div#tbl_users_list_filter,
.owt7-lms div#tbl_bookcases_list_filter,
.owt7-lms div#tbl_sections_list_filter,
.owt7-lms div#tbl_books_list_filter,
.owt7-lms div#tbl_books_borrow_history_filter,
#tbl_books_return_history_filter {
    margin-bottom: 13px;
}

.owt7-lms-loading-icon {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.owt7-lms .form-group input[type="text"],
.owt7-lms .form-group input[type="email"],
.owt7-lms .form-group input[type="file"],
.owt7-lms .form-group input[type="number"],
.owt7-lms .form-group select,
.owt7-lms .form-group textarea {
    width: 100%;
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    font-size: 14px;
    padding: 10px 12px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.owt7-lms .form-group input:focus,
.owt7-lms .form-group select:focus,
.owt7-lms .form-group textarea:focus {
    outline: none;
    border-color: var(--owt7-primary);
    box-shadow: 0 0 0 3px rgba(29, 32, 101, 0.15);
}

/* WordPress user credentials section (Add User) */
.owt7-lms .owt7-lms-wp-user-section {
    margin-top: 20px;
    padding: 16px 18px;
    background: var(--owt7-bg-secondary, #f8f9fa);
    border: 1px solid var(--owt7-border, #e0e0e0);
    border-radius: var(--owt7-radius-sm, 6px);
}
.owt7-lms .owt7-lms-wp-user-section-inner {
    width: 100%;
}
.owt7-lms .owt7-lms-wp-user-checkbox-wrap {
    margin-bottom: 0;
}
.owt7-lms .owt7-lms-wp-user-checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-weight: 600;
    color: #333;
}
.owt7-lms .owt7-lms-wp-user-checkbox-label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
}
.owt7-lms .owt7-lms-wp-user-desc {
    margin: 10px 0 0 28px;
    color: #666;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.45;
}
.owt7-lms .owt7-wp-creds-fields {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--owt7-border, #e0e0e0);
}
.owt7-lms .owt7-wp-creds-fields .form-row {
    margin-bottom: 15px;
}
.owt7-lms .owt7-wp-creds-fields .form-group input[type="password"] {
    width: 100%;
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    padding: 10px 12px;
    font-size: 14px;
}

/* Edit User: WordPress credentials section */
.owt7-lms .owt7-lms-wp-user-section-edit .owt7-lms-wp-creds-heading {
    margin: 0 0 8px 0;
    font-size: 1em;
}
.owt7-lms .owt7-wp-password-masked-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}
.owt7-lms .owt7-wp-password-masked-wrap input {
    flex: 1;
    max-width: 280px;
}
.owt7-lms .owt7-wp-password-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid var(--owt7-border, #e0e0e0);
    border-radius: var(--owt7-radius-sm, 4px);
    background: #f7f7f7;
    cursor: pointer;
    color: #50575e;
}
.owt7-lms .owt7-wp-password-toggle-btn:hover {
    background: #eee;
    color: #1d2327;
}
.owt7-lms .owt7-wp-creds-fields-edit input.owt7-readonly,
.owt7-lms input.owt7-readonly {
    background: #f0f0f1;
    cursor: default;
}

.owt7-lms .checkbox-group {
    display: flex;
    flex-direction: column;
    margin-top: 12px;
}

.owt7-lms .checkbox-group label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    cursor: pointer;
}

.owt7-lms .checkbox-group input[type="checkbox"] {
    margin-right: 10px;
}

.owt7-lms .form-books-borrow {
    width: 25%;
    background-color: #fff;
    padding: 20px;
    margin: 0 auto;
}

/* Check Out Book – barcode scan / upload / manual selection */
.owt7-lms .form-group-full {
    width: 100%;
}

/* ========== Check Out Book: side-by-side grid layout ========== */
.owt7-lms .owt7-borrow-form .owt7-borrow-meta-row {
    margin-bottom: 16px;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-grid-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 20px;
    align-items: start;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section {
    background: var(--owt7-surface, #f6f7f7);
    border: 1px solid var(--owt7-border, #c3c4c7);
    border-radius: 8px;
    padding: 16px 18px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section-title {
    font-size: 1em;
    font-weight: 600;
    color: var(--owt7-text, #1d2327);
    margin: 0 0 12px 0;
    padding: 0;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-fields-row {
    margin-bottom: 0;
    gap: 12px;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-fields-row .form-group {
    flex: 1;
    min-width: 0;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section-select .owt7-lms-book-select-method {
    margin-top: 6px;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section-select .owt7-borrow-barcode-section {
    margin-top: 12px;
    margin-bottom: 0;
    max-width: 100%;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section-book .owt7-borrow-fields-row {
    flex-wrap: wrap;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-section-book .owt7-borrow-fields-row .form-group:last-child {
    flex: 1 1 100%;
    min-width: 100%;
}
.owt7-lms .owt7-borrow-form .owt7-book-copy-info {
    width: 100%;
    box-sizing: border-box;
}
.owt7-lms .owt7-borrow-form .owt7-borrow-submit-row {
    margin-top: 8px;
    margin-bottom: 0;
}
/* Category & Book in read-only mode (barcode/upload selected) */
.owt7-lms .owt7-borrow-manual-section.owt7-borrow-readonly select:disabled {
    background: var(--owt7-surface, #f0f0f1);
    color: var(--owt7-text-muted, #646970);
    cursor: not-allowed;
    border-color: var(--owt7-border, #c3c4c7);
}
@media (max-width: 782px) {
    .owt7-lms .owt7-borrow-form .owt7-borrow-grid-row {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 16px;
    }
}

/* "How do you want to select the book?" – professional card-style options */
.owt7-lms .owt7-lms-book-select-method {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 10px;
}
.owt7-lms .owt7-lms-book-select-method .owt7-lms-radio-wrap {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    margin: 0;
    padding: 12px 20px;
    background: #fff;
    border: 2px solid var(--owt7-border, #c3c4c7);
    border-radius: 8px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    font-weight: 500;
    color: var(--owt7-text, #1d2327);
}
.owt7-lms .owt7-lms-book-select-method .owt7-lms-radio-wrap:hover {
    border-color: var(--owt7-primary, #2271b1);
    background: var(--owt7-surface, #f6f7f7);
}
.owt7-lms .owt7-lms-book-select-method input[type="radio"] {
    margin: 0 10px 0 0;
    width: 18px;
    height: 18px;
    accent-color: var(--owt7-primary, #2271b1);
    cursor: pointer;
}
.owt7-lms .owt7-lms-book-select-method .owt7-lms-radio-wrap:has(input:checked) {
    border-color: var(--owt7-primary, #2271b1);
    background: rgba(34, 113, 177, 0.08);
    box-shadow: 0 0 0 2px var(--owt7-primary, #2271b1);
}

/* Compact camera scan section */
.owt7-lms .owt7-borrow-barcode-section {
    margin-top: 10px;
    padding: 12px 14px;
    background: var(--owt7-surface, #f6f7f7);
    border: 1px solid var(--owt7-border, #c3c4c7);
    border-radius: 6px;
    max-width: 480px;
}
.owt7-lms .owt7-borrow-barcode-section .description,
.owt7-lms .owt7-return-barcode-section .return-section-desc {
    margin-bottom: 6px;
    font-size: 13px;
    color: var(--owt7-text-muted, #646970);
}
.owt7-lms .owt7-borrow-barcode-section .button {
    margin-right: 8px;
    margin-bottom: 4px;
}
.owt7-lms .owt7-return-barcode-section {
    margin-top: 10px;
    padding: 12px 14px;
    background: var(--owt7-surface, #f6f7f7);
    border: 1px solid var(--owt7-border, #c3c4c7);
    border-radius: 6px;
    max-width: 480px;
}
.owt7-lms .owt7-return-barcode-section .return-section {
    padding: 0;
    margin: 0;
}
/* Barcode upload: drag-and-drop zone (Borrow & Return) */
.owt7-lms .owt7-barcode-drop-zone {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100px;
    padding: 16px 20px;
    border: 2px dashed var(--owt7-border, #c3c4c7);
    border-radius: 8px;
    background: var(--owt7-surface, #f6f7f7);
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.owt7-lms .owt7-barcode-drop-zone:hover {
    border-color: var(--owt7-primary, #2271b1);
    background: rgba(34, 113, 177, 0.04);
}
.owt7-lms .owt7-barcode-drop-zone.owt7-drag-over {
    border-color: var(--owt7-primary, #2271b1);
    background: rgba(34, 113, 177, 0.08);
    box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2);
}
.owt7-lms .owt7-barcode-drop-zone .owt7-barcode-drop-text {
    color: var(--owt7-text-muted, #646970);
    font-size: 13px;
    text-align: center;
    pointer-events: none;
}
.owt7-lms .owt7-barcode-drop-zone .owt7-barcode-file-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
/* Barcode upload: preview (replaces drop zone after upload) */
.owt7-lms .owt7-barcode-preview-wrap {
    min-height: 100px;
    padding: 12px;
    border: 1px solid var(--owt7-border, #c3c4c7);
    border-radius: 8px;
    background: var(--owt7-surface, #f6f7f7);
}
.owt7-lms .owt7-barcode-preview-wrap .owt7-barcode-preview-img {
    display: block;
    max-width: 100%;
    max-height: 220px;
    width: auto;
    height: auto;
    margin: 0 auto 10px;
    border-radius: 4px;
    border: 1px solid var(--owt7-border, #c3c4c7);
}
.owt7-lms .owt7-barcode-preview-wrap .owt7-barcode-preview-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.owt7-lms .owt7-barcode-preview-wrap .owt7-barcode-preview-actions .button {
    margin: 0;
}
.owt7-lms #owt7_return_barcode_reader {
    max-width: 100%;
    margin-top: 8px;
    min-height: 120px;
    border-radius: 6px;
    overflow: hidden;
}
.owt7-lms #owt7_return_barcode_reader video {
    max-width: 100%;
    max-height: 280px;
    border-radius: 6px;
    object-fit: cover;
}
.owt7-lms #owt7_barcode_reader {
    max-width: 100%;
    margin-top: 8px;
    min-height: 120px;
    border-radius: 6px;
    overflow: hidden;
}
.owt7-lms #owt7_barcode_reader video {
    max-width: 100%;
    max-height: 280px;
    border-radius: 6px;
    object-fit: cover;
}
.owt7-lms .owt7-barcode-scan-result {
    min-height: 1.5em;
    font-size: 13px;
    margin-top: 6px;
}

.owt7-lms form label.error,
.owt7_lms_form_settings label.error {
    margin-top: 8px;
    color: red !important;
}

.owt7-lms form span.required {
    color: red !important;
}

.input-mask-opacity {
    opacity: 0.5;
    pointer-events: none;
}

.owt7-lms .form-group select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%2364748b" d="M7 10l5 5 5-5z"/></svg>');
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 36px;
}

#owt7_library_image_preview {
    height: 159px;
    display: block;
    margin-top: 10px;
}

/* Circular profile/avatar images - add/edit/view user & everywhere user icon appears */
.owt7-lms-profile-avatar,
.owt7-lms-users #owt7_library_image_preview,
.owt7-lms-frontend-settings .owt7_settings_image.owt7-lms-profile-avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin-top: 10px;
    border: 2px solid var(--owt7-border);
}
.owt7-lms-frontend-settings .owt7_settings_image.owt7-lms-profile-avatar {
    margin-top: 0;
}

.owt7-lms .hide-input {
    display: none !important;
}

/* Return Book(s) page - section-based layout */
.owt7-lms .lms-return-books .page-title .page-description {
    margin: 0 0 20px 0;
    font-size: 14px;
    color: var(--owt7-text-muted);
    max-width: 560px;
}

.owt7-lms .lms-return-books .return-sections {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* Return: top row – How to select book | Return details side by side */
.owt7-lms .lms-return-books .owt7-return-top-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}
.owt7-lms .lms-return-books .owt7-return-top-row .owt7-return-col {
    margin: 0;
}
.owt7-lms .lms-return-books .owt7-return-top-row .return-section-desc:last-of-type {
    margin-bottom: 0;
}
@media (max-width: 782px) {
    .owt7-lms .lms-return-books .owt7-return-top-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.owt7-lms .lms-return-books .return-section {
    background: var(--owt7-surface);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius);
    padding: 16px 18px;
    box-shadow: var(--owt7-shadow);
}

.owt7-lms .lms-return-books .return-section-title {
    font-size: 1em;
    font-weight: 600;
    color: var(--owt7-text);
    margin: 0 0 8px 0;
}

.owt7-lms .lms-return-books .return-section-desc {
    font-size: 13px;
    color: var(--owt7-text-muted);
    margin: 0 0 10px 0;
}

.owt7-lms .lms-return-books .return-section-meta .return-meta-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.owt7-lms .lms-return-books .return-section-meta .return-meta-row-inline {
    flex-wrap: nowrap;
    gap: 8px;
}

@media (max-width: 640px) {
    .owt7-lms .lms-return-books .return-section-meta .return-meta-row-inline {
        flex-wrap: wrap;
    }
}

.owt7-lms .lms-return-books .return-meta-sep {
    color: var(--owt7-text-muted);
    font-weight: 400;
    margin: 0 4px;
}

.owt7-lms .lms-return-books .return-meta-label {
    font-size: 14px;
    font-weight: 500;
    color: var(--owt7-text-muted);
}

.owt7-lms .lms-return-books .return-meta-value {
    font-size: 15px;
    font-weight: 600;
    color: var(--owt7-primary);
    padding: 6px 12px;
    background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 100%);
    border-radius: var(--owt7-radius-sm);
}

.owt7-lms .lms-return-books .return-section-books-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 4px;
}

.owt7-lms .lms-return-books .return-books-actions {
    flex-shrink: 0;
    font-size: 13px;
}

.owt7-lms .lms-return-books .return-books-actions .btn-link {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--owt7-primary);
    font-size: 13px;
    text-decoration: none;
}

.owt7-lms .lms-return-books .return-books-actions .btn-link:hover {
    text-decoration: underline;
}

.owt7-lms .lms-return-books .return-actions-sep {
    color: var(--owt7-border);
    margin: 0 8px;
}

.owt7-lms .lms-return-books .return-books-list {
    margin-top: 12px;
}

.owt7-lms .lms-return-books .owt7-books-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    flex-direction: unset;
    margin-top: 0;
}
@media (max-width: 1200px) {
    .owt7-lms .lms-return-books .owt7-books-cards {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 782px) {
    .owt7-lms .lms-return-books .owt7-books-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 480px) {
    .owt7-lms .lms-return-books .owt7-books-cards {
        grid-template-columns: 1fr;
    }
}

.owt7-lms .lms-return-books .owt7-book-return-card {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 14px 16px;
    background: var(--owt7-bg);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.owt7-lms .lms-return-books .owt7-book-return-card:hover {
    border-color: var(--owt7-primary-light);
    box-shadow: var(--owt7-shadow);
}

.owt7-lms .lms-return-books .owt7-book-return-card input.owt7-book-return-chk {
    margin: 0;
    flex-shrink: 0;
}

.owt7-lms .lms-return-books .owt7-book-return-card-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--owt7-text);
}

.owt7-lms .lms-return-books .owt7-book-return-card-accession {
    font-size: 12px;
    color: var(--owt7-muted, #646970);
    margin-left: 6px;
}

.owt7-lms .lms-return-books .owt7-no-books-msg {
    font-size: 14px;
    color: var(--owt7-text-muted);
    font-style: italic;
    display: block;
    padding: 16px 0;
}

.owt7-lms .lms-return-books .return-submit-row {
    margin-top: 8px;
    margin-bottom: 0;
}

/* Return Status & Fine modal – overlay (admin Return Books, Borrow History, and library_user My Books) */
#owt7_lms_mdl_return_status,
#owt7_lms_mdl_return_status_txn,
#owt7_lms_mdl_user_return_status,
.owt7-lms-return-status-modal.modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100100;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

#owt7_lms_mdl_return_status[style*="display: block"],
#owt7_lms_mdl_return_status[style*="display:block"],
#owt7_lms_mdl_return_status_txn[style*="display: block"],
#owt7_lms_mdl_return_status_txn[style*="display:block"],
#owt7_lms_mdl_user_return_status[style*="display: block"],
#owt7_lms_mdl_user_return_status[style*="display:block"],
.owt7-lms-return-status-modal.modal[style*="display: block"],
.owt7-lms-return-status-modal.modal[style*="display:block"] {
    display: flex !important;
}

#owt7_lms_mdl_return_status .modal-content,
#owt7_lms_mdl_return_status_txn .modal-content,
#owt7_lms_mdl_user_return_status .modal-content,
.owt7-lms-return-status-modal .modal-content {
    background-color: var(--owt7-surface, #fff);
    margin: 0;
    padding: 28px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    width: 100%;
    max-width: 480px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    position: relative;
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}

#owt7_lms_mdl_return_status .modal-content h2,
#owt7_lms_mdl_return_status_txn .modal-content h2,
#owt7_lms_mdl_user_return_status .modal-content h2,
.owt7-lms-return-status-modal .modal-content h2 {
    margin: 0 0 16px;
    padding-right: 36px;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    line-height: 1.3;
}

#owt7_lms_mdl_return_status .close,
#owt7_lms_mdl_return_status_txn .close,
#owt7_lms_mdl_user_return_status .close,
.owt7-lms-return-status-modal .close {
    position: absolute;
    top: 14px;
    right: 18px;
    float: none;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    cursor: pointer;
    color: var(--owt7-text-muted, #6b7280);
    background: none;
    border: none;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.18s, transform 0.18s;
}

#owt7_lms_mdl_return_status .close:hover,
#owt7_lms_mdl_return_status_txn .close:hover,
#owt7_lms_mdl_user_return_status .close:hover,
.owt7-lms-return-status-modal .close:hover {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
}

#owt7_lms_mdl_return_status .return-section-desc,
#owt7_lms_mdl_return_status_txn .return-section-desc,
#owt7_lms_mdl_user_return_status .return-section-desc,
.owt7-lms-return-status-modal .return-section-desc {
    margin: 0 0 18px 0;
    font-size: 14px;
    color: var(--owt7-text-muted, #646970);
    line-height: 1.4;
}

/* Form groups: full width, spacing */
#owt7_lms_mdl_return_status .form-group,
#owt7_lms_mdl_return_status_txn .form-group,
#owt7_lms_mdl_user_return_status .form-group,
.owt7-lms-return-status-modal .form-group {
    width: 100%;
    margin-bottom: 16px;
}

#owt7_lms_mdl_return_status .form-group label,
#owt7_lms_mdl_return_status_txn .form-group label,
#owt7_lms_mdl_user_return_status .form-group label,
.owt7-lms-return-status-modal .form-group label {
    display: block;
    margin-bottom: 6px;
    color: var(--owt7-text, #1d2327);
    font-size: 14px;
    font-weight: 600;
}

#owt7_lms_mdl_return_status .form-group select,
#owt7_lms_mdl_return_status_txn .form-group select,
#owt7_lms_mdl_user_return_status .form-group select,
#owt7_lms_mdl_return_status .form-group textarea,
#owt7_lms_mdl_return_status_txn .form-group textarea,
#owt7_lms_mdl_user_return_status .form-group textarea,
.owt7-lms-return-status-modal .form-group select,
.owt7-lms-return-status-modal .form-group textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--owt7-border, #c3c4c7);
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 12px;
    background: #fff;
    color: var(--owt7-text, #1d2327);
}

#owt7_lms_mdl_return_status .form-group textarea,
#owt7_lms_mdl_return_status_txn .form-group textarea,
#owt7_lms_mdl_user_return_status .form-group textarea,
.owt7-lms-return-status-modal .form-group textarea {
    min-height: 80px;
    resize: vertical;
}

#owt7_lms_mdl_return_status .form-group select:focus,
#owt7_lms_mdl_return_status_txn .form-group select:focus,
#owt7_lms_mdl_user_return_status .form-group select:focus,
#owt7_lms_mdl_return_status .form-group textarea:focus,
#owt7_lms_mdl_return_status_txn .form-group textarea:focus,
#owt7_lms_mdl_user_return_status .form-group textarea:focus,
.owt7-lms-return-status-modal .form-group select:focus,
.owt7-lms-return-status-modal .form-group textarea:focus {
    outline: none;
    border-color: var(--owt7-primary, #2271b1);
    box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2);
}

#owt7_lms_mdl_return_status .owt7-return-total-fine-wrap,
#owt7_lms_mdl_return_status_txn .owt7-return-total-fine-wrap,
#owt7_lms_mdl_user_return_status .owt7-return-total-fine-wrap,
.owt7-lms-return-status-modal .owt7-return-total-fine-wrap {
    padding: 10px 0;
}

#owt7_lms_mdl_return_status .owt7-lms-field-hint,
#owt7_lms_mdl_return_status_txn .owt7-lms-field-hint,
#owt7_lms_mdl_user_return_status .owt7-lms-field-hint,
.owt7-lms-return-status-modal .owt7-lms-field-hint {
    display: inline;
    font-size: 14px;
    color: var(--owt7-text-muted, #646970);
}

#owt7_lms_mdl_return_status .owt7_return_total_fine_display,
#owt7_lms_mdl_return_status_txn .owt7_return_total_fine_display,
#owt7_lms_mdl_user_return_status .owt7_return_total_fine_display,
.owt7-lms-return-status-modal .owt7_return_total_fine_display {
    margin-left: 6px;
}

/* Buttons row: gap and alignment */
#owt7_lms_mdl_return_status .form-row.buttons-group,
#owt7_lms_mdl_return_status_txn .form-row.buttons-group,
#owt7_lms_mdl_user_return_status .form-row.buttons-group,
.owt7-lms-return-status-modal .form-row.buttons-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 16px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}

#owt7_lms_mdl_return_status .form-row.buttons-group .btn,
#owt7_lms_mdl_return_status_txn .form-row.buttons-group .btn,
#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn,
.owt7-lms-return-status-modal .form-row.buttons-group .btn {
    margin: 0;
}

#owt7_lms_mdl_return_status .form-row.buttons-group .btn-link,
#owt7_lms_mdl_return_status_txn .form-row.buttons-group .btn-link,
#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn-link,
.owt7-lms-return-status-modal .form-row.buttons-group .btn-link {
    padding: 8px 14px;
    text-decoration: none;
    color: var(--owt7-text-muted, #646970);
}

#owt7_lms_mdl_return_status .form-row.buttons-group .btn-link:hover,
#owt7_lms_mdl_return_status_txn .form-row.buttons-group .btn-link:hover,
#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn-link:hover,
.owt7-lms-return-status-modal .form-row.buttons-group .btn-link:hover {
    color: var(--owt7-primary, #2271b1);
}

#owt7_lms_mdl_user_return_status .owt7-lms-modal-validation,
.owt7-lms-return-status-modal .owt7-lms-modal-validation {
    display: none;
    margin: 0 0 16px;
    padding: 10px 12px;
    border-left: 4px solid #d63638;
    border-radius: 6px;
    background: #fef2f2;
    color: #b42318;
    font-size: 13px;
    line-height: 1.45;
}

/* Standalone hardening for Library User borrowed-page return modal */
#owt7_lms_mdl_user_return_status.modal {
    display: none !important;
    align-items: flex-start !important;
    justify-content: center !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 100100 !important;
    overflow-y: auto !important;
    background: rgba(0, 0, 0, 0.55) !important;
    backdrop-filter: blur(2px) !important;
    padding: 40px 20px !important;
    box-sizing: border-box !important;
}

#owt7_lms_mdl_user_return_status.modal[style*="display: block"],
#owt7_lms_mdl_user_return_status.modal[style*="display:block"] {
    display: flex !important;
}

#owt7_lms_mdl_user_return_status .modal-content {
    width: min(560px, 94%) !important;
    margin: 0 !important;
    padding: 24px 28px 26px !important;
    background: #ffffff !important;
    border: 1px solid #dbe3ee !important;
    border-radius: 14px !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22) !important;
    box-sizing: border-box !important;
    position: relative !important;
    font-family: inherit !important;
}

#owt7_lms_mdl_user_return_status .close {
    appearance: none !important;
    -webkit-appearance: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--owt7-text-muted, #6b7280) !important;
    cursor: pointer !important;
    font-size: 24px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 14px !important;
    right: 18px !important;
    padding: 4px 6px !important;
    border-radius: 6px !important;
    transition: color 0.18s, transform 0.18s !important;
}

#owt7_lms_mdl_user_return_status .close:hover,
#owt7_lms_mdl_user_return_status .close:focus {
    color: var(--owt7-text, #1e293b) !important;
    transform: scale(1.15) !important;
    outline: none !important;
}

#owt7_lms_mdl_user_return_status h2 {
    margin: 0 0 16px !important;
    padding-right: 36px !important;
    padding-bottom: 12px !important;
    color: var(--owt7-primary, #1d2065) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0) !important;
}

#owt7_lms_mdl_user_return_status .return-section-desc {
    margin: 0 0 18px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
}

#owt7_lms_mdl_user_return_status .form-group label {
    display: block !important;
    margin-bottom: 7px !important;
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#owt7_lms_mdl_user_return_status .form-group select,
#owt7_lms_mdl_user_return_status .form-group textarea,
#owt7_lms_mdl_user_return_status .form-control {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 42px !important;
    padding: 10px 12px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #0f172a !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

#owt7_lms_mdl_user_return_status .form-group textarea {
    min-height: 92px !important;
    resize: vertical !important;
}

#owt7_lms_mdl_user_return_status .form-group select:focus,
#owt7_lms_mdl_user_return_status .form-group textarea:focus,
#owt7_lms_mdl_user_return_status .form-control:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.16) !important;
    outline: none !important;
}

#owt7_lms_mdl_user_return_status .owt7-return-total-fine-wrap {
    margin-top: 4px !important;
    padding: 12px 0 4px !important;
    color: #334155 !important;
    font-size: 14px !important;
}

#owt7_lms_mdl_user_return_status .owt7_return_total_fine_display {
    display: inline-block !important;
    margin-left: 6px !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    margin-top: 22px !important;
    padding-top: 18px !important;
    border-top: 1px solid #e2e8f0 !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn-link {
    background: #f8fafc !important;
    border-color: #dbe3ee !important;
    color: #334155 !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group .btn-link:hover {
    background: #eef2f7 !important;
    color: #0f172a !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group .submit-save-btn {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    border-color: #1d4ed8 !important;
    color: #ffffff !important;
}

#owt7_lms_mdl_user_return_status .form-row.buttons-group .submit-save-btn:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%) !important;
    border-color: #1e40af !important;
    color: #ffffff !important;
}

/* Borrow/Return details modals */
.owt7-lms-view-return-modal.modal,
#owt7_lms_mdl_view_return_details.owt7-lms-view-return-modal.modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100100;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

.owt7-lms-view-return-modal.modal[style*="display: block"],
.owt7-lms-view-return-modal.modal[style*="display:block"],
#owt7_lms_mdl_view_return_details.owt7-lms-view-return-modal.modal[style*="display: block"],
#owt7_lms_mdl_view_return_details.owt7-lms-view-return-modal.modal[style*="display:block"] {
    display: flex !important;
}
.owt7-lms-view-return-modal .modal-content.owt7-lms-view-return-content,
#owt7_lms_mdl_view_return_details .modal-content.owt7-lms-view-return-content {
    background-color: var(--owt7-surface, #fff);
    margin: 0;
    padding: 24px 28px 28px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    width: 100%;
    max-width: 780px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    position: relative;
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}
.owt7-lms-view-return-modal .modal-content h2,
#owt7_lms_mdl_view_return_details .modal-content h2 {
    margin: 0 0 16px;
    padding-right: 36px;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    line-height: 1.3;
}
.owt7-lms-view-return-modal .close,
#owt7_lms_mdl_view_return_details .close {
    position: absolute;
    top: 14px;
    right: 18px;
    float: none;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    cursor: pointer;
    color: var(--owt7-text-muted, #6b7280);
    background: none;
    border: none;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.18s, transform 0.18s;
}
.owt7-lms-view-return-modal .close:hover,
#owt7_lms_mdl_view_return_details .close:hover {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
}

/* Borrow Details modal (transactions): two label-value pairs per row, professional styling */
#owt7_lms_mdl_borrow_details.owt7-lms-view-return-modal.modal {
    background-color: rgba(0, 0, 0, 0.5);
}
#owt7_lms_mdl_borrow_details .modal-content.owt7-lms-view-return-content {
    max-width: 640px;
    padding: 26px 30px 30px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    box-shadow: 0 12px 48px rgba(0, 0, 0, 0.2);
}
#owt7_lms_mdl_borrow_details .close {
    background: transparent;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-detail-body .lms-info-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 28px;
    margin: 0;
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-detail-body .lms-info-item {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1.45;
    min-width: 0;
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-detail-body .lms-info-label {
    color: var(--owt7-text-muted, #646970);
    min-width: 0;
    flex-shrink: 0;
    font-weight: 600;
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-detail-body .lms-info-value {
    color: var(--owt7-text, #1d2327);
    word-break: break-word;
}
@media (max-width: 520px) {
    #owt7_lms_mdl_borrow_details .owt7-lms-view-detail-body .lms-info-block {
        grid-template-columns: 1fr;
    }
}

/* Borrow Details modal: loader overlay */
#owt7_lms_mdl_borrow_details .owt7-lms-borrow-details-loader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    background: rgba(255, 255, 255, 0.92);
    border-radius: var(--owt7-radius, 12px);
    z-index: 2;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}
#owt7_lms_mdl_borrow_details .owt7-lms-borrow-details-loader.owt7-lms-borrow-details-loader-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
#owt7_lms_mdl_borrow_details .owt7-lms-borrow-details-loader-text {
    font-size: 14px;
    color: var(--owt7-text-muted, #646970);
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-return-content {
    position: relative;
}
#owt7_lms_mdl_borrow_details .owt7-lms-view-return-sections.owt7-lms-borrow-details-content-loading {
    visibility: hidden;
    min-height: 120px;
}

#owt7_lms_mdl_user_borrowed_details.owt7-lms-view-return-modal.modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100100;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

#owt7_lms_mdl_user_borrowed_details.owt7-lms-view-return-modal.modal[style*="display: block"],
#owt7_lms_mdl_user_borrowed_details.owt7-lms-view-return-modal.modal[style*="display:block"] {
    display: flex !important;
}
#owt7_lms_mdl_user_borrowed_details .modal-content.owt7-lms-view-return-content {
    background-color: var(--owt7-surface, #fff);
    margin: 0;
    padding: 24px 28px 28px;
    width: 100%;
    max-width: 820px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    position: relative;
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}
#owt7_lms_mdl_user_borrowed_details .modal-content h2 {
    margin: 0 0 16px;
    padding-right: 36px;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    line-height: 1.3;
}
#owt7_lms_mdl_user_borrowed_details .close {
    position: absolute;
    top: 14px;
    right: 18px;
    float: none;
    font-size: 24px;
    font-weight: normal;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--owt7-text-muted, #6b7280);
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.18s, transform 0.18s;
}
#owt7_lms_mdl_user_borrowed_details .close:hover {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
}
.owt7-lms-view-return-sections {
    margin-bottom: 18px;
}
/* Two-column row: Book | User */
.owt7-lms-view-return-row.owt7-lms-view-return-row-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-bottom: 18px;
}
@media (max-width: 640px) {
    .owt7-lms-view-return-row.owt7-lms-view-return-row-cols {
        grid-template-columns: 1fr;
    }
}
/* Section card styling */
.owt7-lms-view-return-sections .owt7-lms-view-section {
    background: var(--owt7-bg-subtle, #f6f7f7);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    padding: 14px 16px;
    margin: 0;
    position: relative;
    overflow: hidden;
}
.owt7-lms-view-return-sections .owt7-lms-view-section::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--owt7-primary, #2271b1);
    border-radius: 4px 0 0 4px;
}
.owt7-lms-view-return-sections .owt7-lms-view-section-remark::before {
    background: var(--owt7-accent, #646970);
}
.owt7-lms-view-return-sections .owt7-lms-view-section-book::before {
    background: #0d9488;
}
.owt7-lms-view-return-sections .owt7-lms-view-section-user::before {
    background: #7c3aed;
}
.owt7-lms-view-return-sections .owt7-lms-view-section h3.owt7-lms-view-section-title {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--owt7-text-muted, #646970);
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-view-return-sections .owt7-lms-view-detail-body .lms-info-block {
    margin: 0;
}
.owt7-lms-view-return-sections .owt7-lms-view-detail-body .lms-info-item {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.4;
}
.owt7-lms-view-return-sections .owt7-lms-view-detail-body .lms-info-item:last-child {
    margin-bottom: 0;
}
.owt7-lms-view-return-sections .owt7-lms-view-detail-body .lms-info-label {
    color: var(--owt7-text-muted, #646970);
    min-width: 82px;
    flex-shrink: 0;
}
.owt7-lms-view-return-sections .owt7-lms-view-detail-body .lms-info-value {
    color: var(--owt7-text, #1d2327);
    word-break: break-word;
}
/* Remark and fine details: two key-values per line */
.owt7-lms-view-detail-body .owt7-lms-view-remark-rows .owt7-lms-view-remark-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
    margin-bottom: 8px;
}
.owt7-lms-view-detail-body .owt7-lms-view-remark-rows .owt7-lms-view-remark-row:last-child {
    margin-bottom: 0;
}
.owt7-lms-view-detail-body .owt7-lms-view-remark-rows .owt7-lms-view-remark-row .lms-info-item {
    margin-bottom: 0;
}
@media (max-width: 480px) {
    .owt7-lms-view-detail-body .owt7-lms-view-remark-rows .owt7-lms-view-remark-row {
        grid-template-columns: 1fr;
    }
}
.owt7-lms-view-return-actions {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-view-return-actions .owt7_lms_view_pay_now_btn {
    margin: 0;
}
.owt7-lms-view-detail-body .owt7-lms-view-loading,
.owt7-lms-view-detail-body .owt7-lms-view-error {
    margin: 0;
    font-size: 14px;
    color: var(--owt7-text-muted, #646970);
}
.owt7-lms-view-detail-body .owt7-lms-view-error {
    color: #b32d2e;
}

.owt7-lms input.disabled,
.owt7-lms input:disabled,
.owt7-lms select.disabled,
.owt7-lms select:disabled,
.owt7-lms textarea.disabled {
    color: #3d3737 !important;
}


/* Buttons - use theme primary (defined above in .owt7-lms .btn) */

/* Save Draft Button */

.owt7-lms .buttons-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-top: 10px;
    border-top: 1px solid var(--owt7-border, #e0e0e0);
    /* Professional gray color for Save Draft button */
}


.owt7-lms .save-draft-btn {
    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
}

.owt7-lms .save-draft-btn:hover {
    background: linear-gradient(135deg, #475569 0%, #334155 100%);
}

.owt7-lms .submit-save-btn {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
}

.owt7-lms .submit-save-btn:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark) 0%, #161950 100%);
}

#owt7_txt_borrow_date {
    width: 81%;
}


/* Settings Page */
.owt7-lms-settings .page-container {
    background: transparent;
}

/* Settings page: same width as Dashboard for consistency */
.owt7-lms-settings .lms-dashboard.card-container {
    max-width: 1200px;
    padding: 28px 36px;
    margin: 0 auto;
}

/* Settings category tabs */
.owt7-lms-settings .owt7-lms-settings-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
    padding: 0 0 16px;
    border-bottom: 2px solid var(--owt7-border);
}

.owt7-lms-settings .owt7-lms-settings-tab {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--owt7-text-muted);
    background: var(--owt7-surface);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    cursor: pointer;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.owt7-lms-settings .owt7-lms-settings-tab .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.owt7-lms-settings .owt7-lms-settings-tab:hover {
    color: var(--owt7-primary);
    border-color: var(--owt7-primary-light);
    background: rgba(29, 32, 101, 0.04);
}

.owt7-lms-settings .owt7-lms-settings-tab.active {
    color: #fff;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    border-color: var(--owt7-primary);
}

.owt7-lms-settings .owt7-lms-settings-panel {
    display: none;
}

.owt7-lms-settings .owt7-lms-settings-panel.active {
    display: block;
}

.owt7-lms-settings .owt7-lms-settings-panel[hidden] {
    display: none !important;
}

.owt7-lms-settings .settings-card-row {
    gap: 32px;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    width: 100%;
}

.owt7-lms-settings .settings-card-row:last-child {
    margin-bottom: 0;
}

/* Same card width across General, Library & Display, Data & Tools (3-card rows) */
.owt7-lms-settings .owt7-lms-settings-panel .settings-card-row:not(.settings-card-row--single) .card {
    min-width: 0;
}

.owt7-lms-settings .lms-dashboard.card-container .card {
    padding: 28px 24px;
}

.owt7-lms-settings .lms-dashboard.card-container .card h2 {
    font-size: 1.35em;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 14px;
}

.owt7-lms-settings .lms-dashboard.card-container .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.owt7-lms-settings .lms-dashboard.card-container .card a.owt7-lms-anc-settings,
.owt7-lms-settings .lms-dashboard.card-container .card .card-cta.owt7-lms-anc-settings {
    padding: 8px 16px;
    font-size: 14px;
}

.owt7-lms-settings a.card {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.owt7-lms-settings .settings-card-row--single,
.owt7-lms-settings .settings-card-row:has(.card:only-child) {
    grid-template-columns: 1fr;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}

.owt7-lms-settings .settings-card-row--single .card-desc {
    font-size: 13px;
    color: var(--owt7-text-muted);
    margin: 8px 0 14px;
    line-height: 1.4;
}

/* Theme Color settings page */
.owt7-lms-theme-settings .owt7-lms-theme-desc {
    margin-bottom: 24px;
    color: var(--owt7-text-muted);
    font-size: 14px;
}

.owt7-lms-theme-form .owt7-lms-theme-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 28px 40px;
    margin-bottom: 24px;
}

.owt7-lms-theme-form .owt7-lms-theme-field .form-group {
    margin-bottom: 0;
}

.owt7-lms-theme-form .owt7-lms-color-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.owt7-lms-theme-form .owt7-lms-color-picker {
    width: 48px;
    height: 40px;
    padding: 2px;
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    cursor: pointer;
}

.owt7-lms-theme-form .owt7-lms-color-hex {
    width: 100px;
    font-family: monospace;
}

/* Public view modals: color picker + hex (same as theme page) */
.owt7-lms-public-view-modal .owt7-lms-color-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}
.owt7-lms-public-view-modal .owt7-lms-color-picker {
    width: 48px;
    height: 40px;
    padding: 2px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 4px);
    cursor: pointer;
}
.owt7-lms-public-view-modal .owt7-lms-color-hex {
    width: 100px;
    font-family: monospace;
}

.owt7-lms-theme-form .owt7-lms-theme-field .description {
    display: block;
    font-size: 12px;
    color: var(--owt7-text-muted);
    margin-top: 6px;
}

.owt7-lms-theme-form .owt7-lms-action-buttons-section {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}

.owt7-lms-theme-form .owt7-lms-theme-section-title {
    margin: 0 0 8px;
    font-size: 1.1em;
    font-weight: 600;
    color: var(--owt7-text, #1e293b);
}

.owt7-lms-theme-form .owt7-lms-action-buttons-section .description {
    margin-bottom: 16px;
    font-size: 13px;
}

.owt7-lms-theme-form .owt7-lms-action-buttons-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 24px;
}

.owt7-lms-theme-form .owt7-lms-theme-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.owt7-lms-theme-form .btn-outline {
    background: transparent;
    color: var(--owt7-primary);
    border: 2px solid var(--owt7-primary);
}

.owt7-lms-theme-form .btn-outline:hover {
    background: var(--owt7-primary);
    color: #fff;
}

.lms-settings .card h2 {
    font-size: 1.4em;
    font-weight: 600;
}

a.owt7-lms-anc-settings {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff !important;
    padding: 8px 16px;
    border-radius: var(--owt7-radius-sm);
    font-weight: 600;
    transition: all 0.2s ease;
}

a.owt7-lms-anc-settings {
    text-decoration: none !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 32, 101, 0.3);
}


/* Modal styles – prevent background scroll when modal is open */
body.owt7-lms-modal-open {
    overflow: hidden;
}

.owt7_lms_modal_section .modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100050;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

.owt7_lms_modal_section .modal[style*="display: block"],
.owt7_lms_modal_section .modal[style*="display:block"] {
    display: flex !important;
}

.owt7_lms_modal_section .modal-content {
    background-color: var(--owt7-surface, #fff);
    margin: 0;
    padding: 32px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    width: 100%;
    max-width: 580px;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    position: relative;
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}

.owt7_lms_modal_section .close {
    position: absolute;
    top: 14px;
    right: 18px;
    float: none;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    cursor: pointer;
    color: var(--owt7-text-muted, #6b7280);
    background: none;
    border: none;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.18s, transform 0.18s;
}

.owt7_lms_modal_section .close:hover,
.owt7_lms_modal_section .close:focus {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
    text-decoration: none;
    cursor: pointer;
}

/* Add Borrow Days modal – professional form + table */
.owt7_lms_days_modal_wrap .modal-content.owt7-lms-days-modal-content,
#owt7_lms_mdl_days .modal-content.owt7-lms-days-modal-content {
    max-width: 640px !important;
    width: 92% !important;
    padding: 32px;
}
.owt7-lms-days-modal-heading {
    margin: 0 0 20px;
    font-size: 1.35em;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    border-bottom: none;
}
.owt7-lms-days-form-card {
    background: var(--owt7-surface-alt, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius, 10px);
    padding: 18px 20px;
    margin-bottom: 20px;
}
.owt7-lms-days-form-card-title {
    margin: 0 0 14px;
    font-size: 0.95em;
    font-weight: 600;
    color: var(--owt7-text, #334155);
}
.owt7-lms-days-form-inner {
    display: block;
}
.owt7-lms-days-form-inner .owt7-lms-days-form-group {
    margin-bottom: 0;
}
.owt7-lms-days-form-inner .owt7-lms-days-form-group label {
    display: block;
    margin-bottom: 6px;
    font-weight: 600;
    font-size: 0.9em;
    color: var(--owt7-text, #334155);
}
.owt7-lms-days-input-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.owt7-lms-days-input-row .form-control {
    flex: 1;
    min-width: 120px;
    padding: 8px 12px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 6px;
    font-size: 14px;
    height: 38px;
    box-sizing: border-box;
}
.owt7-lms-days-input-row .btn-primary {
    height: 38px;
    padding: 0 18px;
    white-space: nowrap;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.owt7-lms-days-table-card {
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius, 10px);
    overflow: hidden;
}
.owt7-lms-days-table-card-title {
    margin: 0;
    padding: 12px 16px;
    font-size: 0.95em;
    font-weight: 600;
    color: var(--owt7-text, #334155);
    background: var(--owt7-surface-alt, #f1f5f9);
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-days-table-scroll {
    overflow-x: auto;
    max-height: 280px;
    overflow-y: auto;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table thead th {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #15184d) 100%);
    color: #fff;
    padding: 12px 16px;
    text-align: left;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: none;
    position: sticky;
    top: 0;
    z-index: 1;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table thead th:first-child {
    width: 70px;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table thead th.owt7-lms-days-col-action {
    width: 80px;
    text-align: center;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table tbody td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
    background: var(--owt7-surface, #fff);
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table tbody tr:hover td {
    background: rgba(29, 32, 101, 0.04);
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table tbody tr:last-child td {
    border-bottom: none;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table .owt7-lms-days-col-action td,
#owt7_lms_mdl_days .owt7-lms-days-modal-table tbody td:last-child {
    text-align: center;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table .action-btn-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #b91c1c;
    padding: 4px;
    border-radius: 4px;
    transition: background 0.2s, color 0.2s;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table .action-btn-delete:hover {
    background: rgba(185, 28, 28, 0.1);
    color: #991b1b;
}
#owt7_lms_mdl_days .owt7-lms-days-modal-table tbody tr.owt7-lms-days-empty-row td {
    color: var(--owt7-text-muted, #64748b);
    font-style: italic;
    text-align: center;
    padding: 20px;
}

/* Manage Public Design View (Library) modal – parent: owt7_lms_public_view_modal_wrap */
.owt7_lms_public_view_modal_wrap .modal { }
.owt7_lms_public_view_modal_wrap .modal-content { }
.owt7-lms-public-view-modal {
    max-width: 700px !important;
    width: 92% !important;
}
.owt7-lms-public-view-modal .description {
    margin-bottom: 1em;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-public-view-modal .owt7-lms-public-view-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1.5em;
    margin-bottom: 1em;
}
.owt7-lms-public-view-modal .owt7-lms-public-view-two-col--single {
    grid-template-columns: 1fr;
}
.owt7-lms-public-view-modal .owt7-lms-public-view-two-col .form-group {
    margin-bottom: 0;
}
@media (max-width: 560px) {
    .owt7-lms-public-view-modal .owt7-lms-public-view-two-col {
        grid-template-columns: 1fr;
    }
}

.owt7-lms-required-fields-modal.owt7-lms-labels-modal {
    max-width: 960px !important;
    width: 92% !important;
}
.owt7-lms-labels-modal .owt7-lms-labels-table-wrap {
    margin-top: 0.5em;
}
.owt7-lms-labels-table-scroll {
    overflow: auto;
    max-height: 38vh;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 6px;
    margin-top: 0.5em;
}
.owt7-lms-labels-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    background: #fff;
}
.owt7-lms-labels-table thead {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--owt7-bg-header, #f1f5f9);
    box-shadow: 0 1px 0 0 var(--owt7-border, #e2e8f0);
}
.owt7-lms-labels-table thead th {
    padding: 0.5em 0.6em;
    text-align: left;
    font-weight: 600;
    font-size: 13px;
    white-space: nowrap;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-labels-table tbody td {
    padding: 0.4em 0.6em;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
    vertical-align: middle;
    font-size: 13px;
}
.owt7-lms-labels-table tbody tr:hover td {
    background: var(--owt7-bg-hover, #f8fafc);
}
.owt7-lms-labels-table .owt7-lms-labels-col-context {
    min-width: 160px;
    max-width: 240px;
}
.owt7-lms-labels-table .owt7-lms-label-context {
    font-size: 13px;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-labels-table .owt7-lms-label-input {
    width: 100%;
    min-width: 120px;
    padding: 0.4em 0.6em;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 4px;
    font-size: 13px;
}
.owt7-lms-labels-table .owt7-lms-label-input:focus {
    border-color: var(--owt7-primary, #3b82f6);
    outline: none;
}

/* Required & Optional Fields modal */
.owt7-lms-required-fields-modal {
    max-width: 720px !important;
    width: 92% !important;
}
.owt7-lms-required-fields-modal .description {
    margin-bottom: 1em;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-required-fields-list-wrap {
    margin-top: 1em;
    padding: 0.75em 0;
}
.owt7-lms-required-fields-list {
    list-style: none;
    margin: 0.5em 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1.5em;
}
.owt7-lms-required-fields-list li {
    margin: 0.4em 0;
    padding: 0.25em 0;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-required-fields-list label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}
.owt7-lms-required-fields-list input[type="checkbox"] {
    margin: 0;
}
@media (max-width: 520px) {
    .owt7-lms-required-fields-list {
        grid-template-columns: 1fr;
    }
}

.owt7-lms-permissions-table-wrap {
    margin: 1em 0;
    max-height: 360px;
    overflow-y: auto;
}

.owt7-lms-permissions-table {
    margin-top: 0.5em;
}

/* Basic Settings (LMS Frontend) modal – professional layout */
.owt7_lms_lms_frontend_modal_wrap .modal-content.owt7-lms-frontend-settings-modal,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal {
    max-width: 900px !important;
    width: 92% !important;
    margin: 3% auto !important;
    max-height: 85vh !important;
    overflow-y: auto;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    color: #374151;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-modal-title,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.01em;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-modal-description,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-modal-description {
    font-size: 13px;
    font-weight: 400;
    color: #6b7280;
    margin: 0 0 1.25rem 0;
    line-height: 1.45;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-frontend-fields,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-frontend-fields {
    margin-top: 0.5rem;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-form-row,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-form-row {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid #e5e7eb;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-form-row:last-of-type,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-form-row:last-of-type {
    border-bottom: none;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-label,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-label {
    flex: 0 0 220px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    line-height: 1.4;
    padding-top: 6px;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-input,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-input {
    flex: 1;
    min-width: 0;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-input input[type="number"],
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-input input[type="text"],
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-input input[type="number"],
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-input input[type="text"] {
    width: 100%;
    max-width: 120px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    color: #374151;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-hint,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-hint {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #6b7280;
    margin-top: 4px;
    line-height: 1.4;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-settings-media-row,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-settings-media-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7_settings_image,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7_settings_image {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 6px;
    border: 1px solid #e5e7eb;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-checkbox-wrap,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-checkbox-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #374151;
    cursor: pointer;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-checkbox-wrap input,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-checkbox-wrap input {
    margin: 0;
    width: 16px;
    height: 16px;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .form-row.buttons-group,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .form-row.buttons-group {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.25rem;
    margin-bottom: 0;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}
.owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .submit-save-btn,
#owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .submit-save-btn {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 6px;
}
@media (max-width: 640px) {
    .owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-form-row,
    #owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-form-row {
        flex-direction: column;
        align-items: stretch;
        gap: 0.35rem;
    }
    .owt7_lms_lms_frontend_modal_wrap .owt7-lms-frontend-settings-modal .owt7-lms-field-label,
    #owt7_lms_mdl_lms_frontend_settings .modal-content.owt7-lms-frontend-settings-modal .owt7-lms-field-label {
        flex: none;
        padding-top: 0;
    }
}

/* Library User Portal Settings modal – same feel as Required & Optional Fields */
.owt7_lms_library_user_portal_modal_wrap .modal-content.owt7-lms-library-user-portal-settings-modal,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal {
    max-width: 820px !important;
    width: 92% !important;
    margin: 3% auto !important;
    max-height: 85vh !important;
    overflow-y: auto;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.5;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal h2,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5em;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .description,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .description {
    font-size: 14px;
    margin-bottom: 1em;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-pages,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-pages {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-page,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-page {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid #dbe4f0;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-page .dashicons,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-page .dashicons {
    color: #1d4ed8;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-page strong,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-page strong {
    display: block;
    margin-bottom: 4px;
    color: #0f172a;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-page p,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-page p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-cards,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-cards {
    display: grid;
    gap: 16px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-card,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-card {
    padding: 18px;
    border: 1px solid #dbe4f0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-card-head,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-card-head {
    margin-bottom: 14px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-card-head h3,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-card-head h3 {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    color: #0f172a;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-card-head p,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-card-head p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    line-height: 1.5;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-grid,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-stack,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-stack {
    display: grid;
    gap: 12px;
    margin-bottom: 16px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-card,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-card {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #f8fafc;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-top,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-top {
    display: flex;
    align-items: center;
    gap: 10px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-title,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-title {
    font-weight: 600;
    color: #0f172a;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-card input[type="checkbox"],
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-card input[type="checkbox"] {
    margin: 0;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset legend,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset legend {
    font-size: 14px;
    font-weight: 600;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset .form-group label,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset .form-group label {
    font-size: 14px;
    font-weight: 500;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset .form-control,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset .form-control {
    font-size: 14px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset {
    margin: 0.75em 0;
    padding: 0.75em 0;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset:last-of-type {
    border-bottom: none;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-field-hint,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .owt7-lms-field-hint {
    display: block;
    font-size: 13px;
    color: #64748b;
    margin: 2px 0 6px 0;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset p.description,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .owt7_lms_fieldset p.description {
    font-size: 13px;
    margin-top: 4px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-checkbox-row {
    display: block;
    margin: 4px 0;
    font-size: 14px;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .btn,
#owt7_lms_mdl_library_user_portal_settings .modal-content.owt7-lms-library-user-portal-settings-modal .btn {
    font-size: 14px;
}
/* Inline rows: Books per row + Books per page; Category + Author filters */
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-form-row,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 0.5em;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-form-row .form-group,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-form-row .form-group {
    flex: 1;
    min-width: 140px;
    margin-bottom: 0;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-checkbox-row,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-checkbox-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    align-items: center;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-checkbox-row .owt7-lms-checkbox-row,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-checkbox-row .owt7-lms-checkbox-row {
    display: inline-flex;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-checkbox-row .owt7-lms-checkbox-row input,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-checkbox-row .owt7-lms-checkbox-row input {
    margin-right: 6px;
}

/* Roles allowed to use self-checkout: 2–3 roles per line */
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-roles-list,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-roles-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1.5em;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-roles-list .owt7-lms-checkbox-row,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-roles-list .owt7-lms-checkbox-row {
    display: inline-flex;
    align-items: center;
    margin: 0;
    min-width: 0;
    flex: 0 1 calc(33.333% - 1em);
    white-space: nowrap;
}
.owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-roles-list .owt7-lms-checkbox-row input,
#owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-roles-list .owt7-lms-checkbox-row input {
    margin-right: 6px;
    flex-shrink: 0;
}
@media (max-width: 520px) {
    .owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-roles-list .owt7-lms-checkbox-row,
    #owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-roles-list .owt7-lms-checkbox-row {
        flex: 0 1 calc(50% - 0.75em);
    }
}

/* Library User My Books / Returned Books: column filter row */
.owt7-lms-dt-filter-row th {
    padding: 4px 8px;
    vertical-align: middle;
}
.owt7-lms-dt-col-filter {
    width: 100%;
    max-width: 140px;
    padding: 4px 8px;
    font-size: 13px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 4px;
}
@media (max-width: 480px) {
    .owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-settings-page,
    #owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-settings-page {
        padding: 12px 14px;
    }
    .owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-form-row,
    #owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-form-row {
        flex-direction: column;
        gap: 0.5rem;
    }
    .owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-checkbox-row,
    #owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-checkbox-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .owt7_lms_library_user_portal_modal_wrap .owt7-lms-library-user-portal-settings-modal .owt7-lms-portal-toggle-grid,
    #owt7_lms_mdl_library_user_portal_settings .owt7-lms-portal-toggle-grid {
        grid-template-columns: 1fr;
    }
}

.owt7-lms-permissions-table thead th {
    background: var(--owt7-border, #e2e8f0);
    padding: 8px 12px;
    text-align: left;
}

.owt7-lms-permissions-table .owt7-lms-module-name {
    width: 140px;
    vertical-align: top;
    padding: 10px 12px;
}

.owt7-lms-permission-cells {
    padding: 10px 12px;
}

.owt7-lms-permission-check {
    display: inline-block;
    margin: 4px 12px 4px 0;
    white-space: nowrap;
    cursor: pointer;
}

.owt7-lms-permission-check input {
    margin-right: 6px;
}

.owt7-lms-module-check-all {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
    padding-right: 12px;
    border-right: 1px solid var(--owt7-border, #e2e8f0);
    cursor: pointer;
}

.owt7-lms-module-check-all input {
    margin-right: 6px;
}

.owt7-lms-sync-roles-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-top: 6px;
}

.owt7-lms-sync-role-check {
    display: inline-block;
    margin: 0;
    white-space: nowrap;
    cursor: pointer;
}

.owt7-lms-sync-role-check input {
    margin-right: 6px;
}

/* DB Tables Health modal */
.owt7-lms-db-health-modal {
    max-width: 900px !important;
    width: 92% !important;
}

.owt7-lms-db-health-desc {
    margin-bottom: 1em;
    color: var(--owt7-muted, #64748b);
}

.owt7-lms-db-health-loading {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1em 0;
}
.owt7-lms-db-health-loading .owt7-lms-css-loader {
    flex-shrink: 0;
}
.owt7-lms-db-health-loading-text {
    font-size: 14px;
}

@keyframes owt7-lms-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.owt7-lms-db-health-table-wrap {
    margin: 1em 0;
    max-height: 400px;
    overflow: auto;
}

.owt7-lms-db-health-table {
    width: 100%;
    border-collapse: collapse;
}

.owt7-lms-db-health-table thead th {
    background: var(--owt7-border, #e2e8f0);
    padding: 8px 12px;
    text-align: left;
    white-space: nowrap;
}

.owt7-lms-db-health-table tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}

.owt7-lms-db-health-table tbody tr:hover {
    background: var(--owt7-surface-hover, #f8fafc);
}

.owt7-lms-db-health-table .owt7-lms-status-ok {
    color: #059669;
    font-weight: 600;
}

.owt7-lms-db-health-table .owt7-lms-status-missing {
    color: #dc2626;
    font-weight: 600;
}

.owt7-lms-db-health-note {
    margin-top: 0.75em;
    font-size: 12px;
}

.owt7-lms-db-health-error {
    margin: 1em 0;
    padding: 10px 12px;
}

/* Book Copies modal – professional table layout */
.owt7_lms_book_copies_modal_wrap .modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100050;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

.owt7_lms_book_copies_modal_wrap .modal[style*="display: block"],
.owt7_lms_book_copies_modal_wrap .modal[style*="display:block"] {
    display: flex !important;
}
.owt7-lms-book-copies-modal {
    max-width: 900px !important;
    width: 95% !important;
    padding: 24px 28px;
}
.owt7-lms-book-copies-modal-heading {
    margin: 0 0 12px;
    font-size: 1.35em;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
}
.owt7-lms-book-copies-modal-desc {
    margin-bottom: 1em;
    color: var(--owt7-text-muted, #64748b);
    font-weight: 600;
}
.owt7-lms-book-copies-loading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 1em 0;
}
.owt7-lms-book-copies-loading .owt7-lms-css-loader {
    flex-shrink: 0;
}
.owt7-lms-book-copies-loading-text {
    font-size: 14px;
}
.owt7-lms-book-copies-actions {
    margin-bottom: 12px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.owt7-lms-book-copies-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.owt7-lms-book-copies-actions .button .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-actions .owt7_lms_generate_all_barcode_btn.owt7-lms-action-clone-btn {
    background: linear-gradient(135deg, var(--owt7-action-clone, #6366f1) 0%, var(--owt7-action-clone-dark, #4f46e5) 100%);
    color: #fff;
    border-color: var(--owt7-action-clone-dark, #4f46e5);
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-actions .owt7_lms_generate_all_barcode_btn.owt7-lms-action-clone-btn:hover {
    background: linear-gradient(135deg, var(--owt7-action-clone-dark, #4f46e5) 0%, #4338ca 100%);
    color: #fff;
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-actions .owt7_lms_generate_all_barcode_btn.owt7-lms-action-clone-btn {
    background: linear-gradient(135deg, var(--owt7-action-view, #2563eb) 0%, var(--owt7-action-view-dark, #1d4ed8) 100%);
    color: #fff;
    border-color: var(--owt7-action-view-dark, #1d4ed8);
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-actions .owt7_lms_generate_all_barcode_btn.owt7-lms-action-clone-btn:hover {
    background: linear-gradient(135deg, var(--owt7-action-view-dark, #1d4ed8) 0%, #1e40af 100%);
    color: #fff;
}
.owt7-lms-book-copies-progress {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
    padding: 12px 16px;
    background: var(--owt7-bg, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
}
.owt7-lms-book-copies-progress .owt7-lms-css-loader {
    flex-shrink: 0;
}
.owt7-lms-book-copies-progress-text {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--owt7-text, #0f172a);
}

.owt7-lms-book-copies-table-wrap {
    margin: 1em 0;
    max-height: 400px;
    overflow: auto;
}
.owt7-lms-book-copies-table {
    width: 100%;
    border-collapse: collapse;
}
.owt7-lms-book-copies-table thead th {
    background: var(--owt7-border, #e2e8f0);
    padding: 8px 12px;
    text-align: left;
    font-weight: 600;
}
.owt7-lms-book-copies-table tbody td {
    padding: 8px 12px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-book-copies-table tbody tr:hover {
    background: var(--owt7-bg, #f8fafc);
}
.owt7-lms-book-copies-table .owt7-lms-copy-status-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    border: 1px solid transparent;
    white-space: nowrap;
}
.owt7-lms-book-copies-table .owt7-lms-copy-status-available {
    background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);
    color: #fff;
    border-color: #15803d;
}
.owt7-lms-book-copies-table .owt7-lms-copy-status-unavailable {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
    border-color: #b91c1c;
}
.owt7-lms-book-copies-table .owt7-lms-shelf-arrow {
    font-size: 16px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 4px;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-book-copies-empty {
    margin-top: 0.75em;
    font-size: 13px;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-book-copies-error {
    margin: 1em 0;
    padding: 10px 12px;
}

#owt7_lms_code_preview_modal.owt7-lms-code-preview-modal {
    position: fixed;
    z-index: 100002;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.5);
}
.owt7-lms-code-preview-content {
    background-color: var(--owt7-surface, #fff);
    margin: 8% auto;
    padding: 24px;
    border-radius: 8px;
    max-width: 420px;
    width: 90%;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.owt7-lms-code-preview-content .close.owt7-lms-close-code-preview {
    position: absolute;
    right: 16px;
    top: 16px;
    font-size: 28px;
    cursor: pointer;
    color: #64748b;
}
.owt7-lms-code-preview-content .close.owt7-lms-close-code-preview:hover {
    color: #0f172a;
}
.owt7-lms-code-preview-title {
    margin: 0 0 16px;
    font-size: 1.1em;
}
.owt7-lms-code-preview-img-wrap {
    text-align: center;
    padding: 12px 0;
}
.owt7-lms-code-preview-img-wrap img {
    max-width: 100%;
    height: auto;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 4px;
}
.owt7-lms-book-copies-table .owt7-lms-copy-barcode-cell,
.owt7-lms-book-copies-table .owt7-lms-copy-qrcode-cell,
.owt7-lms-book-copies-table .owt7-lms-copy-barcode-cell {
    white-space: nowrap;
}

/* Icon-only buttons in Book Copies (Generate, Preview, Print, Delete) */
.owt7-lms-book-copies-table .owt7-lms-icon-btn {
    padding: 4px 8px;
    min-width: 28px;
    height: 28px;
    line-height: 1;
    vertical-align: middle;
}
.owt7-lms-book-copies-table .owt7-lms-icon-btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}
.owt7-lms-book-copies-table .owt7-lms-icon-btn + .owt7-lms-icon-btn {
    margin-left: 4px;
}
.owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-btn-loading .dashicons::before {
    content: "\f463";
    animation: owt7-lms-spin 0.8s linear infinite;
}

/* Book Copies modal – action button colors from settings (View, Book copies, Delete) */
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-copies {
    background: linear-gradient(135deg, var(--owt7-action-copies, #0d9488) 0%, var(--owt7-action-copies-dark, #0f766e) 100%);
    color: #fff;
    border-color: var(--owt7-action-copies-dark, #0f766e);
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-copies:hover {
    background: linear-gradient(135deg, var(--owt7-action-copies-dark, #0f766e) 0%, #115e59 100%);
    color: #fff;
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-view {
    background: linear-gradient(135deg, var(--owt7-action-view, #2563eb) 0%, var(--owt7-action-view-dark, #1d4ed8) 100%);
    color: #fff;
    border-color: var(--owt7-action-view-dark, #1d4ed8);
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-view:hover {
    background: linear-gradient(135deg, var(--owt7-action-view-dark, #1d4ed8) 0%, #1e40af 100%);
    color: #fff;
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-delete {
    background: linear-gradient(135deg, var(--owt7-action-delete, #ef4444) 0%, var(--owt7-action-delete-dark, #dc2626) 100%);
    color: #fff;
    border-color: var(--owt7-action-delete-dark, #dc2626);
}
.owt7_lms_book_copies_modal_wrap .owt7-lms-book-copies-table .owt7-lms-icon-btn.owt7-lms-action-delete:hover {
    background: linear-gradient(135deg, var(--owt7-action-delete-dark, #dc2626) 0%, #b91c1c 100%);
    color: #fff;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes slideIn {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(0);
    }
}


/* Form styles */

.owt7_lms_modal_section .form-group {
    margin-bottom: 15px;
}

.owt7_lms_modal_section .form-group label {
    margin-bottom: 5px;
}

.owt7_lms_modal_section .form-group .form-control {
    width: 100%;
    padding: 1px 0px 1px 6px;
    box-sizing: border-box;
}

.owt7_lms_modal_section .btn,
.owt7_lms_modal_section button.owt7_lms_btn_theme {
    display: inline-block;
    padding: 10px 18px;
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
    text-decoration: none;
    border-radius: 8px;
    margin-top: 10px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.owt7_lms_modal_section .btn:hover,
.owt7_lms_modal_section button.owt7_lms_btn_theme:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark, #161950) 0%, #161950 100%) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.owt7_lms_modal_section span.owt7_lms_modal_section_values {
    font-size: 16px;
}

table.owt7-lms-table {
    font-size: 15px;
}

.owt7_lms_modal_section .owt7_lms_backup_list li {
    background: var(--owt7-surface, #fff);
    margin: 10px 0;
    padding: 12px 16px;
    border-left: 4px solid var(--owt7-primary, #1d2065);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease;
}

.owt7_lms_modal_section .owt7_lms_backup_list li:hover {
    background-color: rgba(29, 32, 101, 0.06);
    border-color: var(--owt7-primary-dark, #161950);
}

/* Generate LMS Data Backup modal – submit button theme color */
.owt7_lms_backup_modal .owt7_lms_btn_backup_generate {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%) !important;
    color: #fff !important;
    border: none;
}
.owt7_lms_backup_modal .owt7_lms_btn_backup_generate:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark, #161950) 0%, #161950 100%) !important;
    color: #fff !important;
}

/* Backup modals – same look and feel as Required & Optional Fields */
.owt7_lms_modal_section .modal-content.owt7-lms-generate-backup-modal,
.owt7_lms_modal_section .modal-content.owt7-lms-export-modules-modal,
.owt7_lms_modal_section .modal-content.owt7-lms-import-backup-modal {
    max-width: 680px !important;
    width: 92% !important;
}
.owt7_lms_modal_section .owt7-lms-generate-backup-modal .description,
.owt7_lms_modal_section .owt7-lms-export-modules-modal .description,
.owt7_lms_modal_section .owt7-lms-import-backup-modal .description {
    margin-bottom: 1em;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-export-modules-list-wrap {
    margin-top: 0.5em;
    padding: 0.75em 0;
}
.owt7-lms-export-modules-list {
    list-style: none;
    margin: 0.5em 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 1.5em;
}
.owt7-lms-export-modules-list li {
    margin: 0.4em 0;
    padding: 0.25em 0;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-export-modules-list label {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35em;
}
.owt7-lms-export-modules-list input[type="checkbox"] {
    margin: 0;
}
@media (max-width: 520px) {
    .owt7-lms-export-modules-list {
        grid-template-columns: 1fr;
    }
}

/* Import Plugin Backup – drag and drop zone */
.owt7-lms-import-drop-zone,
.owt7_lms_import_drop_zone {
    border: 2px dashed var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    padding: 24px;
    text-align: center;
    background: #f8fafc;
    position: relative;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s;
}
.owt7-lms-import-drop-zone:hover,
.owt7-lms-import-drop-zone.owt7_lms_import_drop_over,
.owt7_lms_import_drop_zone:hover,
.owt7_lms_import_drop_zone.owt7_lms_import_drop_over {
    border-color: var(--owt7-primary, #1d2065);
    background: #f0f0f5;
}
.owt7-lms-import-file-input,
.owt7_lms_import_file_input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.owt7-lms-import-drop-text,
.owt7_lms_import_drop_text {
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
}
.owt7-lms-import-file-name,
.owt7_lms_import_file_name {
    margin-top: 8px;
    font-size: 13px;
    color: var(--owt7-primary, #1d2065);
    font-weight: 500;
}

/* CSV Upload - Drag & Drop Zone */
.owt7_lms_upload_file_wrap {
    width: 100%;
}

.owt7_lms_csv_dropzone {
    min-height: 160px;
    border: 2px dashed var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 8px);
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.owt7_lms_csv_dropzone:hover,
.owt7_lms_csv_dropzone.owt7_lms_dropzone_over {
    border-color: var(--owt7-primary, #1d2065);
    background: linear-gradient(135deg, rgba(29, 32, 101, 0.06) 0%, rgba(22, 25, 80, 0.04) 100%);
}

.owt7_lms_csv_dropzone.owt7_lms_dropzone_error {
    border-color: #dc2626;
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.06) 0%, rgba(185, 28, 28, 0.04) 100%);
}

.owt7_lms_dropzone_content {
    text-align: center;
    padding: 24px;
}

.owt7_lms_dropzone_content .dashicons {
    font-size: 40px;
    width: 40px;
    height: 40px;
    color: var(--owt7-text-muted, #64748b);
    margin-bottom: 8px;
}

.owt7_lms_csv_dropzone:hover .owt7_lms_dropzone_content .dashicons,
.owt7_lms_csv_dropzone.owt7_lms_dropzone_over .owt7_lms_dropzone_content .dashicons {
    color: var(--owt7-primary, #1d2065);
}

.owt7_lms_dropzone_text {
    margin: 0 0 4px 0;
    font-weight: 600;
    color: var(--owt7-text, #1e293b);
    font-size: 15px;
}

.owt7_lms_dropzone_subtext {
    margin: 0;
    font-size: 13px;
    color: var(--owt7-text-muted, #64748b);
}

.owt7_lms_dropzone_file_info {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    width: 100%;
}

.owt7_lms_dropzone_file_info .dashicons {
    font-size: 28px;
    width: 28px;
    height: 28px;
    color: var(--owt7-primary, #1d2065);
}

.owt7_lms_dropzone_file_info .owt7_lms_file_name {
    flex: 1;
    font-weight: 500;
    color: var(--owt7-text, #1e293b);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.owt7_lms_dropzone_file_info .owt7_lms_remove_file {
    background: transparent;
    border: none;
    font-size: 22px;
    line-height: 1;
    color: var(--owt7-text-muted, #64748b);
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    transition: color 0.2s, background 0.2s;
}

.owt7_lms_dropzone_file_info .owt7_lms_remove_file:hover {
    color: #dc2626;
    background: rgba(220, 38, 38, 0.08);
}

.owt7_lms_upload_note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 14px 18px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #93c5fd;
    border-radius: var(--owt7-radius-sm, 8px);
    color: #1e40af;
}

.owt7_lms_upload_note .dashicons {
    font-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-top: 2px;
}

.owt7_lms_upload_note p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.owt7_lms_upload_note p strong {
    font-weight: 700;
}

.owt7_lms_upload_actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
}

.owt7_lms_upload_actions .btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.owt7_csv_download_modal .owt7_csv_download_modal_content {
    max-width: 740px !important;
    width: 92% !important;
    box-sizing: border-box;
    overflow: auto;
    max-height: calc(100vh - 4rem);
}

.owt7_csv_download_subtitle {
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
    margin: 0 0 20px 0;
}

.owt7_csv_download_tiles {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    min-width: 0;
}

.owt7_csv_download_tile {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 14px 18px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 8px);
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    min-width: 0;
}

.owt7_csv_download_tile .dashicons {
    font-size: 24px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Tile header: icon + label on one line */
.owt7_csv_tile_header {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.owt7_csv_download_tile .owt7_csv_tile_label {
    font-weight: 600;
    font-size: 15px;
    min-width: 0;
}

.owt7_csv_download_formats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.owt7_download_format {
    padding: 6px 12px;
    font-size: 13px;
    border-radius: var(--owt7-radius-sm, 6px);
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    border: 1px solid transparent;
}

/* CSV button – green/teal */
.owt7_download_format[data-format="csv"] {
    background: #0d9488;
    color: #fff;
    border-color: #0f766e;
}

.owt7_download_format[data-format="csv"]:hover {
    background: #0f766e;
    color: #fff;
    border-color: #0d9488;
}

/* Excel button – blue */
.owt7_download_format[data-format="xlsx"] {
    background: #2563eb;
    color: #fff;
    border-color: #1d4ed8;
}

.owt7_download_format[data-format="xlsx"]:hover {
    background: #1d4ed8;
    color: #fff;
    border-color: #2563eb;
}


/* Filter container styles */
.owt7-lms .filter-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding: 16px;
    background: var(--owt7-surface);
    border-radius: var(--owt7-radius-sm);
    border: 1px solid var(--owt7-border);
}

.owt7-lms .filter-container label {
    margin-right: 8px;
    font-weight: 600;
    color: var(--owt7-text);
}

.owt7-lms .filter-container select {
    padding: 8px 12px;
    min-width: 171px;
    border-radius: var(--owt7-radius-sm);
    border: 1px solid var(--owt7-border);
    font-size: 14px;
}

.owt7-lms .filter-container select#owt7_lms_bulk_action {
    min-width: 197px;
}

.owt7-lms .dataTables_wrapper .dt-buttons {
    float: left !important;
    margin-bottom: 16px;
}

.owt7-lms .dataTables_wrapper .dataTables_processing {
    clear: both;
}

.owt7-lms .dt-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 0;
}

.owt7-lms .dt-buttons .dt-button,
.owt7-lms .dt-buttons button.dt-button {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 8px 14px !important;
    border-radius: var(--owt7-radius-sm) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.owt7-lms .dt-buttons .dt-button::before,
.owt7-lms .dt-buttons button.dt-button::before {
    font-family: dashicons;
    font-size: 15px;
    line-height: 1;
    speak: never;
    -webkit-font-smoothing: antialiased;
}

.owt7-lms .dt-buttons .buttons-excel::before,
.owt7-lms .dt-buttons button.buttons-excel::before {
    content: "\f314";
    color: #217346;
}

.owt7-lms .dt-buttons .buttons-excel,
.owt7-lms .dt-buttons button.buttons-excel {
    background: linear-gradient(135deg, #217346 0%, #1e6639 100%) !important;
    color: #fff !important;
}

.owt7-lms .dt-buttons .buttons-excel:hover:not(.disabled),
.owt7-lms .dt-buttons button.buttons-excel:hover:not(.disabled) {
    background: linear-gradient(135deg, #1e6639 0%, #18522d 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(33, 115, 70, 0.4) !important;
}

.owt7-lms .dt-buttons .buttons-csv::before,
.owt7-lms .dt-buttons button.buttons-csv::before {
    content: "\f316";
    color: #fff;
}

.owt7-lms .dt-buttons .buttons-csv,
.owt7-lms .dt-buttons button.buttons-csv {
    background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
    color: #fff !important;
}

.owt7-lms .dt-buttons .buttons-csv:hover:not(.disabled),
.owt7-lms .dt-buttons button.buttons-csv:hover:not(.disabled) {
    background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.4) !important;
}

.owt7-lms .dt-buttons .buttons-pdf::before,
.owt7-lms .dt-buttons button.buttons-pdf::before {
    content: "\f497";
    color: #fff;
}

.owt7-lms .dt-buttons .buttons-pdf,
.owt7-lms .dt-buttons button.buttons-pdf {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
    color: #fff !important;
}

.owt7-lms .dt-buttons .buttons-pdf:hover:not(.disabled),
.owt7-lms .dt-buttons button.buttons-pdf:hover:not(.disabled) {
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4) !important;
}

/* DataTables: search box – right aligned, smaller font */
.owt7-lms .dataTables_wrapper .dataTables_filter {
    float: right !important;
    margin-bottom: 16px;
    text-align: right;
}

.owt7-lms .dataTables_wrapper .dataTables_filter label {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    font-weight: 500;
    font-size: 12px;
    color: var(--owt7-text);
}

.owt7-lms .dataTables_wrapper .dataTables_filter input {
    margin-left: 8px !important;
    padding: 8px 14px 8px 36px !important;
    border: 1px solid var(--owt7-border) !important;
    border-radius: var(--owt7-radius-sm) !important;
    font-size: 12px !important;
    min-width: 200px;
    background: var(--owt7-surface) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%2364748b" stroke-width="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>') no-repeat 10px 50% !important;
    background-size: 14px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.owt7-lms .dataTables_wrapper .dataTables_filter input:focus {
    outline: none !important;
    border-color: var(--owt7-primary) !important;
    box-shadow: 0 0 0 3px rgba(29, 32, 101, 0.15) !important;
}

.owt7-lms .dataTables_wrapper .dataTables_filter input::placeholder {
    color: var(--owt7-text-muted);
}

.owt7-lms .dashicons,
.owt7-lms .dashicons-before:before {
    vertical-align: bottom;
}

#owt7_lms_refresh_test_data,
#owt7_lms_remove_test_data {
    margin-top: 9px;
    margin-right: 19px;
}

span.owt7_label_text {
    cursor: text !important;
}

span.owt7_late_fine_text {
    display: block;
    margin-top: 0px;
    color: red;
    font-size: 13px;
}


/* CSS loader – used across the plugin instead of loading images */
.owt7-lms-css-loader {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 3px solid var(--owt7-border, #e2e8f0);
    border-top-color: var(--owt7-primary, #0d9488);
    border-radius: 50%;
    animation: owt7-lms-spin 0.8s linear infinite;
}
.owt7-lms-css-loader.owt7-lms-loader-sm {
    width: 20px;
    height: 20px;
    border-width: 2px;
}
.owt7-lms-css-loader.owt7-lms-loader-lg {
    width: 40px;
    height: 40px;
    border-width: 4px;
}

/* Global overlay loader (replaces loader.gif) */
.owt7-lms.owt7_loader {
    position: relative;
}
.owt7-lms.owt7_loader:before {
    top: 0;
    left: 0;
    position: fixed;
    content: "";
    z-index: 100000000000000;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
}
.owt7-lms.owt7_loader:after {
    content: "";
    position: fixed;
    z-index: 100000000000001;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: owt7-lms-spin 0.8s linear infinite;
}

/* About Page - Enhanced */
.owt7-lms .owt7_library_about,
.owt7-lms .owt7_library_basic_vs_silver {
    padding: 24px;
    background: var(--owt7-surface);
    color: var(--owt7-text);
    border-radius: var(--owt7-radius);
    border: 1px solid var(--owt7-border);
}

.owt7-lms .owt7_library_about .header,
.owt7-lms .owt7_library_basic_vs_silver .header {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    padding: 40px 24px;
    text-align: center;
    border-radius: var(--owt7-radius);
    margin-bottom: 24px;
    box-shadow: var(--owt7-shadow-lg);
}

.owt7-lms .owt7_library_about .header h1,
.owt7-lms .owt7_library_basic_vs_silver .header h1 {
    font-size: 2.1em;
    margin: 0;
    font-weight: 700;
}

.owt7-lms .owt7_library_about .introduction,
.owt7-lms .owt7_library_about .features,
.owt7-lms .owt7_library_about .benefits,
.owt7-lms .owt7_library_about .cta,
.owt7-lms .owt7_library_basic_vs_silver .introduction,
.owt7-lms .owt7_library_basic_vs_silver .features,
.owt7-lms .owt7_library_basic_vs_silver .benefits,
.owt7-lms .owt7_library_basic_vs_silver .cta {
    padding: 24px;
    background: var(--owt7-surface);
    margin: 20px 0;
    border-radius: var(--owt7-radius);
    box-shadow: var(--owt7-shadow);
    border: 1px solid var(--owt7-border);
}

.owt7-lms .owt7_library_about .introduction h2,
.owt7-lms .owt7_library_about .features h2,
.owt7-lms .owt7_library_about .benefits h2,
.owt7-lms .owt7_library_about .cta h2,
.owt7-lms .owt7_library_basic_vs_silver .introduction h2,
.owt7-lms .owt7_library_basic_vs_silver .features h2,
.owt7-lms .owt7_library_basic_vs_silver .benefits h2,
.owt7-lms .owt7_library_basic_vs_silver .cta h2 {
    font-size: 1.7em;
    margin-top: 0;
    color: var(--owt7-primary);
    font-weight: 700;
}

.owt7-lms .owt7_library_about .features-container,
.owt7-lms .owt7_library_basic_vs_silver .features-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
}

.owt7-lms .owt7_library_about .feature,
.owt7-lms .owt7_library_basic_vs_silver .feature {
    width: calc((100% - -140px) / 4);
    flex: 0 0 calc((100% - -140px) / 4);
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius);
    padding: 20px;
    box-shadow: var(--owt7-shadow);
    text-align: left;
    transition: all 0.25s ease;
}

.owt7-lms .owt7_library_about .feature:hover,
.owt7-lms .owt7_library_basic_vs_silver .feature:hover {
    transform: translateY(-2px);
    border-color: var(--owt7-primary-light);
    box-shadow: var(--owt7-shadow-lg);
}

.owt7-lms .owt7_library_about .feature span,
.owt7-lms .owt7_library_basic_vs_silver .feature span {
    font-size: 36px;
    color: var(--owt7-primary);
}

.owt7-lms .owt7_library_about .feature h3,
.owt7-lms .owt7_library_basic_vs_silver .feature h3 {
    font-size: 1.3em;
    margin: 12px 0 8px;
    font-weight: 600;
    color: var(--owt7-text);
}

.owt7-lms .owt7_library_about .feature p,
.owt7-lms .owt7_library_basic_vs_silver .feature p {
    font-size: 14px;
    color: var(--owt7-text-muted);
    line-height: 1.5;
}

.owt7-lms .owt7_library_about .benefits ul,
.owt7-lms .owt7_library_basic_vs_silver .benefits ul {
    list-style: disc;
    padding-left: 24px;
}

.owt7-lms .owt7_library_about .benefits li,
.owt7-lms .owt7_library_basic_vs_silver .benefits li {
    margin-bottom: 10px;
}

.owt7-lms .owt7_library_about .cta,
.owt7-lms .owt7_library_basic_vs_silver .cta {
    text-align: center;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    padding: 40px 24px;
    border-radius: var(--owt7-radius);
}

.owt7-lms .owt7_library_about .cta-btn,
.owt7-lms .owt7_library_basic_vs_silver .cta-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    background-color: #fff;
    color: var(--owt7-primary);
    text-decoration: none;
    border-radius: var(--owt7-radius-sm);
    margin-top: 20px;
    transition: all 0.2s ease;
}

.owt7-lms .owt7_library_about .cta-btn:hover,
.owt7-lms .owt7_library_basic_vs_silver .cta-btn:hover {
    background-color: rgba(255, 255, 255, 0.9);
    transform: translateY(-2px);
}

@media (max-width: 992px) {
    .owt7-lms .owt7_library_about .feature,
    .owt7-lms .owt7_library_basic_vs_silver .feature {
        width: calc((100% - 20px) / 2);
        flex: 0 0 calc((100% - 20px) / 2);
    }
}

@media (max-width: 1200px) {
    .owt7-lms .settings-card-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .owt7-lms-settings .settings-card-row--single {
        max-width: 320px;
    }
}

@media (max-width: 992px) {
    .owt7-lms .settings-card-row {
        grid-template-columns: repeat(2, 1fr);
    }
    .owt7-lms-dashboard .lms-dashboard.card-container,
    .owt7-lms-settings .lms-dashboard.card-container {
        padding: 24px 20px;
    }
}

@media (max-width: 768px) {
    .owt7-lms .settings-card-row {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 16px;
    }
    .owt7-lms .card-container {
        padding: 0 16px;
    }
    .owt7-lms-settings .settings-card-row--single {
        max-width: 100%;
    }
    .owt7-lms-dashboard .lms-dashboard.card-container,
    .owt7-lms-settings .lms-dashboard.card-container {
        padding: 20px 16px;
    }
    .owt7-lms .owt7_library_about .feature,
    .owt7-lms .owt7_library_basic_vs_silver .feature {
        width: 100%;
        flex: 0 0 100%;
    }
}

.owt7-lms .dashicons,
.owt7-lms .dashicons-before:before {
    vertical-align: bottom;
}

.owt7-lms .owt7_library_about header h1,
.owt7-lms .owt7_library_about .cta h2,
.owt7-lms .owt7_library_basic_vs_silver header h1,
.owt7-lms .owt7_library_basic_vs_silver .cta h2 {
    color: #fff;
}

.owt7-lms .owt7_library_about section p,
.owt7-lms .owt7_library_basic_vs_silver section p {
    font-size: 15px;
}

.owt7-lms .owt7_library_about .cta h2,
.owt7-lms .owt7_library_basic_vs_silver .cta h2 {
    font-size: 1.5em;
}

#owt7_lms_refresh_test_data,
#owt7_lms_remove_test_data {
    margin-top: 9px;
    margin-right: 19px;
}

span.owt7_label_text {
    cursor: text !important;
}


/* Free Vs Pro */

.owt7_library_basic_vs_silver .comparison-table {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.owt7_library_basic_vs_silver .comparison-column {
    width: 45%;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.owt7_library_basic_vs_silver .comparison-title {
    text-align: left;
    font-size: 18px;
    margin-bottom: 20px;
    color: #1d2065;
}

.owt7_library_basic_vs_silver .feature-list {
    list-style: none;
    padding: 0;
}

.owt7_library_basic_vs_silver .feature-list li {
    font-size: 1.2em;
    margin: 10px 0;
    display: flex;
    align-items: center;
}

.owt7_library_basic_vs_silver .feature-list li .icon {
    font-size: 15px;
    margin-right: 10px;
}

.owt7_library_basic_vs_silver.feature-list li .icon,
.owt7_library_basic_vs_silver .feature-list li .icon {
    color: #1d2065;
}


/* License Verification - owt7-lms-verification page */
.owt7-lms .owt7_lms_license_verification {
    max-width: 1120px;
    margin: 14px auto;
}

.owt7-lms .owt7_lms_license_verification .license-box {
    display: grid;
    grid-template-columns: minmax(320px, 1.05fr) minmax(320px, 0.95fr);
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid var(--owt7-border);
    border-radius: 24px;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
    overflow: hidden;
}

.owt7-lms .owt7_lms_license_verification .license-visual-panel {
    position: relative;
    padding: 28px 30px;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, 0.18), transparent 36%),
        radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.18), transparent 34%),
        linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #ffffff;
}

.owt7-lms .owt7_lms_license_verification .license-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.owt7-lms .owt7_lms_license_verification .license-illustration-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px;
    height: 250px;
    margin: 16px auto 14px;
    padding: 18px;
    border-radius: 50%;
    background:
        radial-gradient(circle at top, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 70%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(226, 232, 240, 0.96) 100%);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.28);
}

.owt7-lms .owt7_lms_license_verification .license-illustration {
    display: block;
    width: 270px;
    margin: 0 auto;
    filter: drop-shadow(0 12px 24px rgba(15, 23, 42, 0.16));
}

.owt7-lms .owt7_lms_license_verification .license-visual-panel h2 {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.owt7-lms .owt7_lms_license_verification .license-visual-panel p {
    margin: 0;
    color: rgba(255, 255, 255, 0.85);
    font-size: 14px;
    line-height: 1.55;
}

.owt7-lms .owt7_lms_license_verification .license-highlights {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.owt7-lms .owt7_lms_license_verification .license-highlights li {
    position: relative;
    margin: 0 0 8px;
    padding-left: 24px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 13px;
    line-height: 1.45;
}

.owt7-lms .owt7_lms_license_verification .license-highlights li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, #38bdf8 0%, #22c55e 100%);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.12);
}

.owt7-lms .owt7_lms_license_verification .license-form-panel {
    padding: 28px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.owt7-lms .owt7_lms_license_verification .license-form-header {
    margin-bottom: 10px;
}

.owt7-lms .owt7_lms_license_verification .license-form-heading {
    min-width: 0;
}

.owt7-lms .owt7_lms_license_verification .license-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--owt7-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.owt7-lms .owt7_lms_license_verification .license-product-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 14px 18px 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
    border: 1px solid #dbeafe;
    color: var(--owt7-primary);
    text-align: center;
    margin-bottom: 18px;
    box-sizing: border-box;
}

.owt7-lms .owt7_lms_license_verification .license-product-meta strong {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--owt7-text);
}

.owt7-lms .owt7_lms_license_verification .license-product-meta span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    min-height: 34px;
    padding: 6px 10px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.02em;
    box-shadow: 0 10px 20px rgba(29, 32, 101, 0.16);
}

.owt7-lms .owt7_lms_license_verification .license-form-panel h3 {
    margin: 0;
    color: var(--owt7-text);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.owt7-lms .owt7_lms_license_verification .license-form-panel > p {
    font-size: 14px;
    color: var(--owt7-text-muted);
    margin-bottom: 18px;
    line-height: 1.55;
}

.owt7-lms .owt7_lms_license_verification .license-label {
    display: block;
    margin-bottom: 8px;
    color: var(--owt7-text);
    font-size: 13px;
    font-weight: 600;
}

.owt7-lms .owt7_lms_license_verification .license-input {
    width: 100%;
    padding: 12px 14px;
    margin-bottom: 14px;
    border: 1px solid var(--owt7-border);
    border-radius: 14px;
    font-size: 14px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    background: #ffffff;
    box-sizing: border-box;
}

.owt7-lms .owt7_lms_license_verification .license-input:focus {
    outline: none;
    border-color: var(--owt7-primary);
    box-shadow: 0 0 0 4px rgba(29, 32, 101, 0.08);
    transform: translateY(-1px);
}

.owt7-lms .owt7_lms_license_verification .license-button {
    width: 100%;
    padding: 12px 20px;
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    border: none;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 10px 22px rgba(29, 32, 101, 0.16);
}

.owt7-lms .owt7_lms_license_verification .license-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(29, 32, 101, 0.35);
}

.owt7-lms .owt7_lms_license_verification .license-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: #eef6ff;
    border: 1px solid #d6e8ff;
}

.owt7-lms .owt7_lms_license_verification .license-note .dashicons {
    color: var(--owt7-primary);
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.owt7-lms .owt7_lms_license_verification .license-note p {
    margin: 0;
    font-size: 12px;
    color: var(--owt7-text-muted);
    line-height: 1.5;
}

#owt7_lms_verification label.error {
    margin-top: 0;
    color: #dc2626 !important;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 12px;
}

@media (max-width: 900px) {
    .owt7-lms .owt7_lms_license_verification .license-box {
        grid-template-columns: 1fr;
    }

    .owt7-lms .owt7_lms_license_verification .license-visual-panel,
    .owt7-lms .owt7_lms_license_verification .license-form-panel {
        padding: 24px 20px;
    }

    .owt7-lms .owt7_lms_license_verification .license-visual-panel h2,
    .owt7-lms .owt7_lms_license_verification .license-form-panel h3 {
        font-size: 22px;
    }

    .owt7-lms .owt7_lms_license_verification .license-product-meta {
        align-items: center;
    }

    .owt7-lms .owt7_lms_license_verification .license-illustration-wrap {
        width: 240px;
        height: 240px;
    }

    .owt7-lms .owt7_lms_license_verification .license-illustration {
        width: 178px;
    }
}

/* DataTables sort icons - white arrows on teal header */
.owt7-lms .owt7-lms-table thead th.sorting,
.owt7-lms .branch-table thead th.sorting {
    background-image: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%),
        url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgba(255,255,255,0.6)" d="M7 14l5-5 5 5z"/><path fill="rgba(255,255,255,0.6)" d="M7 10l5 5 5-5z"/></svg>') !important;
    background-position: 0 0, right 14px center !important;
    background-repeat: no-repeat !important;
    padding-right: 36px;
}
.owt7-lms .owt7-lms-table thead th.sorting_asc,
.owt7-lms .branch-table thead th.sorting_asc,
.owt7-lms .owt7-lms-table thead th.sorting_desc,
.owt7-lms .branch-table thead th.sorting_desc {
    padding-right: 36px;
    background-position: 0 0, right 14px center !important;
}
.owt7-lms .owt7-lms-table thead th.sorting_asc,
.owt7-lms .branch-table thead th.sorting_asc {
    background-image: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%),
        url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M7 14l5-5 5 5z"/></svg>') !important;
}
.owt7-lms .owt7-lms-table thead th.sorting_desc,
.owt7-lms .branch-table thead th.sorting_desc {
    background-image: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%),
        url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23fff" d="M7 10l5 5 5-5z"/></svg>') !important;
}

div#owt7_library_data_filter_options {
    margin-left: 17px;
}

.owt7-lms .apply-btn {
    background: linear-gradient(135deg, var(--owt7-primary) 0%, var(--owt7-primary-dark) 100%);
    color: #fff;
    padding: 8px 16px;
    font-weight: 600;
    border-radius: var(--owt7-radius-sm);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.owt7-lms .apply-btn .dashicons-filter {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

#owt7_lms_btn_bulk_action_apply:hover,
.owt7-lms .apply-btn:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark) 0%, #161950 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 32, 101, 0.35);
}

#owt7_library_bulk_action {
    margin-left: 16px;
}

.owt7_lms_pending_borrow_status {
    color: red;
}

.owt7_lms_approval_pending_status {
    color: #0560bf;
}

.owt7_lms_borrow_status {
    color: #099109;
}

.owt7_lms_user {
    background: green;
    color: #fff;
    font-size: 13px;
    padding: 2px;
    border-radius: 7px;
}

.owt7_lms_wp_user {
    background: #722a88;
    color: #fff;
    font-size: 13px;
    padding: 2px;
    border-radius: 7px;
}

.owt7_settings_image {
    display: block;
    width: 120px;
    padding: 10px;
}

.owt7_lms_btn_return,
.owt7_lms_btn_reject {
    background-color: #c83030 !important;
}

.owt7_lms_btn_approve {
    background-color: #5cb85c !important;
}

span.borrow_status {
    font-size: 13px;
}

.book_returned,
.book_return_pending,
.book_return_rejected {
    font-size: 13px;
}

.book_returned {
    color: #28a745;
}

.book_return_pending,
.book_return_rejected {
    color: red;
}

/* Page container - content area */
.owt7-lms .page-container {
    background: var(--owt7-surface);
    padding: 24px;
    border-radius: var(--owt7-radius);
    border: 1px solid var(--owt7-border);
    box-shadow: var(--owt7-shadow);
}

.owt7_lms_fieldset {
    border: 2px dashed var(--owt7-border);
    padding: 16px 20px;
    margin-bottom: 24px;
    border-radius: var(--owt7-radius-sm);
    background: rgba(29, 32, 101, 0.02);
}

.owt7_lms_fieldset legend {
    font-size: 14px;
    font-weight: 600;
    color: var(--owt7-text);
}

/* Public Library Page Settings (LMS frontend) */
.owt7-lms-frontend-settings {
    font-size: 15px;
}

.owt7-lms-frontend-settings .page-title {
    margin-bottom: 20px;
}

.owt7-lms-frontend-settings .page-title h2 {
    font-size: 1.5em;
}

.owt7-lms-frontend-settings .page-description {
    font-size: 15px;
    color: var(--owt7-text-muted);
    margin: 8px 0 0;
    line-height: 1.5;
    max-width: 560px;
}

.owt7-lms-frontend-settings .owt7_lms_fieldset legend {
    font-size: 16px;
}

.owt7-lms-frontend-settings .owt7-lms-frontend-section {
    margin-bottom: 28px;
}

.owt7-lms-frontend-settings .owt7-lms-frontend-section:last-of-type {
    margin-bottom: 20px;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table {
    width: 100%;
    border: 0;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table th {
    font-weight: 600;
    font-size: 15px;
    color: var(--owt7-text);
    padding: 14px 16px 14px 0;
    vertical-align: top;
    width: 38%;
    border: 0;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table th label {
    display: block;
    margin-bottom: 4px;
}

.owt7-lms-frontend-settings .owt7-lms-field-hint {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: var(--owt7-text-muted);
    line-height: 1.45;
    margin-top: 4px;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table td {
    padding: 14px 0;
    vertical-align: top;
    border: 0;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table tr:not(.owt7-lms-settings-submit-row):not(:last-child) td,
.owt7-lms-frontend-settings .owt7-lms-settings-table tr:not(.owt7-lms-settings-submit-row):not(:last-child) th {
    border-bottom: 1px solid var(--owt7-border);
}

.owt7-lms-frontend-settings .owt7-lms-settings-media-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.owt7-lms-frontend-settings .owt7-lms-settings-media-row .btn-outline {
    background: var(--owt7-surface);
    border: 1px solid var(--owt7-border);
    color: var(--owt7-text);
    padding: 8px 14px;
    font-size: 13px;
    border-radius: var(--owt7-radius-sm);
}

.owt7-lms-frontend-settings .owt7-lms-settings-media-row .btn-outline:hover {
    border-color: var(--owt7-primary);
    color: var(--owt7-primary);
}

.owt7-lms-frontend-settings .owt7_settings_image {
    display: block;
    width: 100px;
    height: auto;
    max-height: 120px;
    object-fit: cover;
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius-sm);
    padding: 4px;
}

.owt7-lms-frontend-settings .owt7-lms-roles-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 24px;
}

.owt7-lms-frontend-settings .owt7-lms-roles-list .owt7-lms-role-check {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.owt7-lms-frontend-settings .owt7-lms-settings-submit-row th,
.owt7-lms-frontend-settings .owt7-lms-settings-submit-row td {
    border-bottom: 0;
    padding-top: 20px;
}

.owt7-lms-frontend-settings .owt7-lms-settings-table input[type="number"] {
    width: 80px;
    max-width: 100%;
}

/* WooCommerce Fields section - professional card style */
.owt7_lms_woocommerce_fields {
    border: 1px solid rgba(127, 84, 179, 0.2) !important;
    border-left: 4px solid #7f54b3 !important;
    padding: 24px 28px !important;
    margin-bottom: 28px !important;
    border-radius: var(--owt7-radius) !important;
    background: linear-gradient(145deg, #faf8fc 0%, #f5f2f9 35%, #f0ecf5 100%) !important;
    box-shadow: 0 2px 8px rgba(127, 84, 179, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    position: relative;
    overflow: hidden;
}

.owt7_lms_woocommerce_fields::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 180px;
    background: radial-gradient(circle at 100% 0%, rgba(127, 84, 179, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.owt7_lms_woocommerce_fields .form-row {
    position: relative;
    z-index: 1;
}

.owt7_lms_woocommerce_fields_legend {
    display: inline-block;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #5a3d7a !important;
    background: linear-gradient(135deg, rgba(127, 84, 179, 0.12) 0%, rgba(127, 84, 179, 0.06) 100%);
    padding: 8px 16px !important;
    margin-left: -4px !important;
    border-radius: var(--owt7-radius-sm);
    border: 1px solid rgba(127, 84, 179, 0.15);
    letter-spacing: 0.02em;
    box-shadow: 0 1px 2px rgba(127, 84, 179, 0.06);
}

.owt7-woocommerce-notice {
    background-color: #ffe8e6;
    color: #000;
    padding: 8px;
    margin-bottom: 10px;
    border-left: 4px solid #ba2121;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.owt7-woocommerce-notice p {
    margin: 0;
    font-size: 14px;
}

.owt7-woocommerce-notice a {
    color: #fff;
    text-decoration: underline;
}

.owt7-woocommerce-notice b {
    color: #ba2121;
}

.owt7_lms_deactivate .modal-content.owt7-lms-deactivate-modal {
    max-width: 760px !important;
    width: min(92vw, 760px);
    padding: 0;
    border-radius: 22px;
    overflow: hidden;
    border: 1px solid var(--owt7-border, #e2e8f0);
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.2);
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.owt7_lms_deactivate #owt7_lms_deactivate_data_settings {
    display: flex;
    flex-direction: column;
}

.owt7-lms-deactivate-modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 28px 20px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, 0.14), transparent 34%),
        linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.owt7-lms-deactivate-brand {
    display: flex;
    align-items: center;
    gap: 18px;
}

.owt7-lms-deactivate-brand-image {
    width: 72px;
    height: 72px;
    border-radius: 18px;
    background: #f3f7ff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px rgba(37, 99, 235, 0.08);
    flex-shrink: 0;
}

.owt7-lms-deactivate-brand-image img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.owt7-lms-deactivate-eyebrow {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--owt7-primary, #1d2065);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.owt7-lms-deactivate-brand-copy h2 {
    margin: 0 0 8px;
    color: var(--owt7-text, #0f172a);
    font-size: 28px;
    line-height: 1.2;
}

.owt7-lms-deactivate-brand-copy p {
    margin: 0;
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
    line-height: 1.6;
}

.owt7_lms_deactivate .owt7-lms-deactivate-modal-header .close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: var(--owt7-text-muted, #64748b);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease;
}

.owt7_lms_deactivate .owt7-lms-deactivate-modal-header .close:hover,
.owt7_lms_deactivate .owt7-lms-deactivate-modal-header .close:focus {
    color: var(--owt7-primary, #1d2065);
    background: #eef2ff;
    text-decoration: none;
}

.owt7-lms-deactivate-modal-body {
    padding: 24px 28px;
}

.owt7-lms-deactivate-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.owt7-lms-deactivate-benefit {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 16px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    color: var(--owt7-text, #0f172a);
    font-size: 14px;
    line-height: 1.5;
}

.owt7-lms-deactivate-benefit .dashicons {
    color: var(--owt7-primary, #1d2065);
    width: 18px;
    height: 18px;
    font-size: 18px;
    flex-shrink: 0;
}

.owt7-lms-deactivate-note {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #dbeafe;
}

.owt7-lms-deactivate-note .dashicons {
    color: #0284c7;
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-top: 1px;
}

.owt7-lms-deactivate-note p {
    margin: 0;
    color: var(--owt7-text-muted, #64748b);
    font-size: 13px;
    line-height: 1.6;
}

.owt7_lms_deactivate .owt7-lms-deactivate-option {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    border: 1px solid #cbd5e1;
    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
}

.owt7_lms_deactivate .owt7-lms-deactivate-option input[type="checkbox"] {
    margin: 0;
    flex-shrink: 0;
}

.owt7-lms-deactivate-option-copy {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

.owt7-lms-deactivate-option-copy strong {
    display: inline-block;
    color: var(--owt7-text, #0f172a);
    font-size: 14px;
    line-height: 1.3;
    white-space: nowrap;
}

.owt7-lms-deactivate-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 0 28px 28px;
}

.owt7-lms-deactivate-modal-actions .btn {
    min-width: 140px;
    border-radius: 12px;
}

.owt7-lms-deactivate-cancel {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: var(--owt7-text, #0f172a) !important;
    box-shadow: none !important;
}

@media (max-width: 782px) {
    .owt7-lms-deactivate-modal-header,
    .owt7-lms-deactivate-modal-body,
    .owt7-lms-deactivate-modal-actions {
        padding-left: 20px;
        padding-right: 20px;
    }

    .owt7-lms-deactivate-brand {
        align-items: flex-start;
    }

    .owt7-lms-deactivate-benefits {
        grid-template-columns: 1fr;
    }

    .owt7-lms-deactivate-modal-actions {
        flex-direction: column-reverse;
    }

    .owt7-lms-deactivate-modal-actions .btn {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .owt7-lms-deactivate-brand {
        flex-direction: column;
    }

    .owt7-lms-deactivate-brand-copy h2 {
        font-size: 22px;
    }
}

/* Sync WP Users modal – professional layout, plugin theme (same pattern as Book Copies) */
.owt7_lms_sync_wp_users_modal_wrap .modal {
    display: none;
    align-items: flex-start;
    justify-content: center;
    position: fixed;
    inset: 0;
    z-index: 100050;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    box-sizing: border-box;
}

.owt7_lms_sync_wp_users_modal_wrap .modal[style*="display: block"],
.owt7_lms_sync_wp_users_modal_wrap .modal[style*="display:block"] {
    display: flex !important;
}
.owt7_lms_sync_wp_users_modal_wrap .modal-content.owt7-lms-sync-wp-users-modal {
    margin: 0;
    padding: 0;
    max-width: 900px;
    width: 95%;
    max-height: 88vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, var(--owt7-surface, #fff) 0%, #f8fafc 100%);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius, 12px);
    box-shadow: var(--owt7-shadow-lg, 0 10px 25px rgba(0,0,0,0.15));
    animation: slideIn 0.3s ease;
    overflow: hidden;
}
/* Header row: title left, close right – no float overlap */
.owt7-lms-sync-wp-users-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px 16px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    background: var(--owt7-surface, #fff);
    flex-shrink: 0;
}
.owt7-lms-sync-wp-users-modal-heading {
    margin: 0;
    font-size: 1.35em;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    line-height: 1.3;
}
.owt7_lms_sync_wp_users_modal_wrap .owt7-lms-sync-wp-users-modal-header .close {
    flex-shrink: 0;
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 1;
    color: var(--owt7-text-muted, #64748b);
    cursor: pointer;
    border-radius: var(--owt7-radius-sm, 8px);
    transition: color 0.2s, background 0.2s;
}
.owt7_lms_sync_wp_users_modal_wrap .owt7-lms-sync-wp-users-modal-header .close:hover,
.owt7_lms_sync_wp_users_modal_wrap .owt7-lms-sync-wp-users-modal-header .close:focus {
    color: var(--owt7-primary, #1d2065);
    background: var(--owt7-bg, #f8fafc);
    text-decoration: none;
}
.owt7-lms-sync-wp-users-modal-desc {
    margin: 0 24px 16px;
    padding: 0;
    color: var(--owt7-text-muted, #64748b);
    font-size: 13px;
    line-height: 1.45;
}
.owt7-lms-sync-wp-users-check-all {
    margin: 0 24px 14px;
    padding: 12px 14px;
    background: var(--owt7-bg, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 8px);
}
.owt7-lms-sync-wp-users-check-all-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
}
.owt7-lms-sync-wp-users-list {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    margin: 0 24px 16px;
    padding-right: 6px;
}
.owt7-lms-sync-wp-users-role-section {
    margin-bottom: 18px;
}
.owt7-lms-sync-wp-users-role-title {
    font-weight: 600;
    font-size: 14px;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 10px;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
}
/* 3 users per line – grid layout */
.owt7-lms-sync-wp-users-role-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 16px;
}
.owt7-lms-sync-wp-users-user-row {
    margin: 0;
    padding: 10px 12px;
    background: var(--owt7-surface, #fff);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 8px);
    transition: border-color 0.2s, background 0.2s;
}
.owt7-lms-sync-wp-users-user-row:hover {
    border-color: var(--owt7-primary-light, #2a2e85);
    background: var(--owt7-bg, #f8fafc);
}
.owt7-lms-sync-wp-users-user-row.owt7-lms-sync-wp-users-already {
    background: var(--owt7-bg, #f8fafc);
    opacity: 0.85;
}
.owt7-lms-sync-wp-users-user-row.owt7-lms-sync-wp-users-already:hover {
    border-color: var(--owt7-border, #e2e8f0);
    background: var(--owt7-bg, #f8fafc);
}
.owt7-lms-sync-wp-users-user-row label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}
.owt7-lms-sync-wp-users-user-row label input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
}
.owt7-lms-sync-wp-users-user-row.owt7-lms-sync-wp-users-already label {
    cursor: default;
    color: var(--owt7-text-muted, #64748b);
}
.owt7-lms-sync-wp-users-badge {
    display: inline-block;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--owt7-border, #e2e8f0);
    color: var(--owt7-text-muted, #64748b);
    margin-left: 6px;
    margin-top: 2px;
}
.owt7-lms-sync-wp-users-actions {
    padding: 16px 24px 20px;
    border-top: 2px solid var(--owt7-border, #e2e8f0);
    background: var(--owt7-surface, #fff);
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}
.owt7_lms_sync_wp_users_modal_wrap .owt7-lms-sync-wp-users-actions .btn.submit-save-btn {
    margin-top: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: var(--owt7-radius-sm, 8px);
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(29, 32, 101, 0.3);
}
.owt7_lms_sync_wp_users_modal_wrap .owt7-lms-sync-wp-users-actions .btn.submit-save-btn:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark, #161950) 0%, #161950 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(29, 32, 101, 0.35);
}
.owt7-lms-sync-wp-users-empty {
    margin: 0 24px 24px;
    padding: 24px 20px;
    text-align: center;
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
}

.owt7_lms_do_plugin_backup {
    padding: 5px;
    border-left: 2px solid red;
    background-color: #f9d0d0;
    font-size: 13px;
    font-weight: bold;
}

.owt7_lms_woocom_product_label {
    font-size: 11px;
    background-color: red;
    padding: 2px;
    color: white;
    border-radius: 6px;
}

.owt7_lms_woocom_product_tick {
    color: green;
    font-weight: bold;
}

/* ==========================================================================
   Reports page – tabs and stat cards
   ========================================================================== */
.owt7-lms-reports .owt7-lms-report-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    margin-bottom: 24px;
    padding: 0;
    background: var(--owt7-surface);
    border-radius: var(--owt7-radius-sm);
    box-shadow: var(--owt7-shadow);
    border: 1px solid var(--owt7-border);
    overflow: hidden;
}

.owt7-lms-reports .owt7-lms-report-tab {
    display: inline-block;
    padding: 12px 20px;
    color: var(--owt7-text-muted);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, background 0.2s, border-color 0.2s;
}

.owt7-lms-reports .owt7-lms-report-tab:hover {
    color: var(--owt7-text);
    background: var(--owt7-bg);
}

.owt7-lms-reports .owt7-lms-report-tab.active {
    color: var(--owt7-primary);
    background: var(--owt7-bg);
    border-bottom-color: var(--owt7-primary);
}

.owt7-lms-reports .owt7-lms-report-panels {
    background: var(--owt7-surface);
    padding: 24px;
    border-radius: var(--owt7-radius-sm);
    box-shadow: var(--owt7-shadow);
    border: 1px solid var(--owt7-border);
}

.owt7-lms-reports .owt7-lms-report-panel-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 1.35em;
    color: var(--owt7-text);
}

.owt7-lms-reports .owt7-lms-report-desc {
    color: var(--owt7-text-muted);
    margin-bottom: 20px;
}

.owt7-lms-reports .owt7-lms-report-panel h3 {
    margin: 24px 0 12px;
    font-size: 1.1em;
}

.owt7-lms-reports .owt7-lms-report-panel h3:first-of-type {
    margin-top: 0;
}

/* Report stat cards (non-clickable) */
.owt7-lms-reports .owt7-lms-stat-card {
    cursor: default;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.owt7-lms-reports .owt7-lms-stat-card .dashicons {
    font-size: 28px;
    width: 28px;
    height: 28px;
    margin-bottom: 8px;
    color: var(--owt7-primary);
}

.owt7-lms-reports .owt7-lms-stat-card h3 {
    margin: 0 0 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--owt7-text-muted);
}

.owt7-lms-reports .owt7-lms-stat-number {
    font-size: 1.75em;
    font-weight: 700;
    color: var(--owt7-primary);
    margin: 0 0 4px;
}

.owt7-lms-reports .owt7-lms-stat-meta {
    font-size: 12px;
    color: var(--owt7-text-muted);
    margin: 0;
}

.owt7-lms-reports .owt7-lms-stat-card.owt7-lms-stat-fines .owt7-lms-stat-number {
    font-size: 1.35em;
}

/* Two-column layout for Overview tables */
.owt7-lms-reports .owt7-lms-report-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 24px;
}

@media (max-width: 782px) {
    .owt7-lms-reports .owt7-lms-report-two-col {
        grid-template-columns: 1fr;
    }
}

.owt7-lms-reports .owt7-lms-report-box {
    background: var(--owt7-bg);
    padding: 16px;
    border-radius: var(--owt7-radius-sm);
    border: 1px solid var(--owt7-border);
}

.owt7-lms-reports .owt7-lms-report-box h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 1em;
}

.owt7-lms-reports .owt7-lms-table-compact {
    font-size: 13px;
}

.owt7-lms-reports .owt7-lms-no-data {
    color: var(--owt7-text-muted);
    font-style: italic;
    margin: 12px 0;
}

/* WordPress credentials column in Users report */
.owt7-lms-reports .owt7-lms-wp-cred-yes {
    color: var(--owt7-text);
    font-weight: 600;
}

.owt7-lms-reports .owt7-lms-wp-cred-no {
    color: #c53030;
    font-weight: 600;
}

/* ==========================================================================
   Books Catalogue (Library User Portal) - card grid, filters, pagination
   Parent: .owt7-lms .owt7-lms-books-catalogue
   ========================================================================== */

/* Single book view (admin.php?page=owt7_library_books_catalogue&bid=ID) */
.owt7-lms-catalogue-single .owt7-lms-catalogue-single-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
}

.owt7-lms-catalogue-single .owt7-lms-page-header-left .page-title {
    margin: 0 0 6px;
    font-size: 1.5em;
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-catalogue-single .owt7-lms-page-header-left .description {
    margin: 0;
    font-size: 14px;
    color: var(--owt7-muted, #64748b);
}

.owt7-lms-catalogue-single .owt7-lms-btn-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.owt7-lms-catalogue-single .owt7-lms-btn-back .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-card {
    background: var(--owt7-surface, #fff);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-top: 3px solid var(--owt7-primary, #1d2065);
    border-radius: 14px;
    box-shadow: 0 4px 24px rgba(29, 32, 101, 0.09), 0 1px 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-cover {
    flex: 0 0 260px;
    position: relative;
    min-height: 340px;
    background: linear-gradient(160deg, #e8eaf6 0%, #c5cae9 100%);
}

.owt7-lms-catalogue-single .owt7-lms-single-book-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.owt7-lms-catalogue-single .owt7-lms-book-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 340px;
    color: var(--owt7-primary-light, #2a2e85);
    opacity: 0.4;
}

.owt7-lms-catalogue-single .owt7-lms-book-cover-placeholder .dashicons {
    font-size: 80px;
    width: 80px;
    height: 80px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-cover .owt7-lms-book-badge {
    position: absolute;
    top: 14px;
    right: 14px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-body {
    flex: 1;
    min-width: 280px;
    padding: 28px 32px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-meta {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 28px;
    margin: 0 0 24px;
    font-size: 14px;
    background: var(--owt7-bg, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-left: 3px solid var(--owt7-primary, #1d2065);
    border-radius: 8px;
    padding: 16px 20px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-meta dt {
    margin: 0;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-top: 1px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-meta dd {
    margin: 0;
    color: var(--owt7-text, #1e293b);
    font-weight: 500;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-description {
    margin-bottom: 28px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-description-title {
    margin: 0 0 10px;
    font-size: 0.9em;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-description-text {
    font-size: 14px;
    line-height: 1.7;
    color: var(--owt7-text, #1e293b);
}

.owt7-lms-catalogue-single .owt7-lms-single-book-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}

.owt7-lms-catalogue-single .owt7-lms-single-book-actions .button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.owt7-lms-catalogue-single .owt7-lms-single-book-actions .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
}

@media (max-width: 782px) {
    .owt7-lms-catalogue-single .owt7-lms-single-book-inner {
        flex-direction: column;
    }
    .owt7-lms-catalogue-single .owt7-lms-single-book-cover {
        flex: none;
        min-height: 260px;
    }
}

.owt7-lms-books-catalogue .lms-books-catalogue {
    margin-bottom: 24px;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 26px 32px;
    margin-bottom: 24px;
    border: 1px solid var(--owt7-border);
    border-left: 4px solid var(--owt7-primary, #1d2065);
    border-radius: 14px;
    background: linear-gradient(135deg, #ffffff 0%, #f4f5fd 55%, #eceefe 100%);
    box-shadow: 0 4px 20px rgba(29, 32, 101, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero-copy {
    max-width: 680px;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero .owt7-lms-nav-to-library-page,
.owt7-lms-settings .page-actions .owt7-lms-nav-to-library-page {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    align-self: flex-start;
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.22);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero .owt7-lms-nav-to-library-page:hover,
.owt7-lms-settings .page-actions .owt7-lms-nav-to-library-page:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark, #161950) 0%, #100f3f 100%);
    box-shadow: 0 4px 14px rgba(29, 32, 101, 0.32);
    transform: translateY(-1px);
    color: #fff;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero .owt7-lms-nav-to-library-page .dashicons,
.owt7-lms-settings .page-actions .owt7-lms-nav-to-library-page .dashicons {
    font-size: 17px;
    width: 17px;
    height: 17px;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero-copy .page-title {
    margin: 0 0 6px;
    color: var(--owt7-primary, #1d2065);
    font-size: 1.6em;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero-copy .description {
    margin: 0;
    max-width: 640px;
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-hero-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(120px, 1fr));
    gap: 12px;
    min-width: 360px;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-stat-card {
    padding: 14px 16px;
    border: 1px solid rgba(29, 32, 101, 0.12);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.06);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-stat-card strong {
    display: block;
    margin-top: 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-stat-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--owt7-text-muted);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-filters {
    background: #ffffff;
    border: 1px solid var(--owt7-border);
    border-top: 3px solid var(--owt7-primary, #1d2065);
    border-radius: 14px;
    padding: 24px 28px;
    margin-bottom: 24px;
    box-shadow: 0 2px 12px rgba(29, 32, 101, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-filters-head {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-filters-head h2 {
    margin: 0 0 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-filters-head p {
    margin: 0;
    font-size: 13px;
    color: var(--owt7-text-muted);
}

.owt7-lms-books-catalogue .owt7-lms-filters-form .owt7-lms-filters-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 16px;
}

.owt7-lms-books-catalogue .owt7-lms-filter-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.owt7-lms-books-catalogue .owt7-lms-filter-group.owt7-lms-filter-search {
    min-width: 0;
}

.owt7-lms-books-catalogue .owt7-lms-filter-group label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-books-catalogue .owt7-lms-filter-select,
.owt7-lms-books-catalogue .owt7-lms-filter-input {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid var(--owt7-border);
    border-radius: 10px;
    font-size: 14px;
    min-height: 46px;
    background: var(--owt7-bg, #f8fafc);
    color: var(--owt7-text, #1e293b);
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.owt7-lms-books-catalogue .owt7-lms-filter-select:focus,
.owt7-lms-books-catalogue .owt7-lms-filter-input:focus {
    border-color: var(--owt7-primary, #1d2065);
    box-shadow: 0 0 0 3px rgba(29, 32, 101, 0.12);
    background: #fff;
    outline: none;
}

.owt7-lms-books-catalogue .owt7-lms-filter-actions {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    align-self: end;
}

.owt7-lms-books-catalogue .owt7-lms-apply-filters {
    min-height: 46px;
    padding: 0 22px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    font-weight: 600;
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    border-color: var(--owt7-primary, #1d2065);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.22);
    transition: background 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}

.owt7-lms-books-catalogue .owt7-lms-apply-filters:hover {
    background: linear-gradient(135deg, var(--owt7-primary-dark, #161950) 0%, #100f3f 100%);
    box-shadow: 0 4px 14px rgba(29, 32, 101, 0.32);
    transform: translateY(-1px);
    color: #fff;
}

.owt7-lms-books-catalogue .owt7-lms-reset-filters {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    text-decoration: none;
    border: 1.5px solid var(--owt7-border);
    color: var(--owt7-text-muted);
    background: #fff;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.owt7-lms-books-catalogue .owt7-lms-reset-filters:hover {
    border-color: var(--owt7-primary, #1d2065);
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-results-wrap {
    position: relative;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-loader {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.82);
    border-radius: 18px;
    z-index: 5;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-loader.is-loading {
    display: flex;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-results-head {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
    align-items: center;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-result-chip {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-left: 3px solid var(--owt7-primary, #1d2065);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.06);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-result-chip strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-result-label {
    color: var(--owt7-text-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-list {
    margin-top: 0;
}

.owt7-lms-books-catalogue .owt7-lms-book-cards {
    display: grid;
    grid-template-columns: repeat(var(--owt7-cards-per-row, 4), 1fr);
    gap: 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.owt7-lms-books-catalogue .owt7-lms-book-card {
    margin: 0;
    padding: 0;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-inner {
    background: var(--owt7-surface);
    border: 1px solid var(--owt7-border);
    border-radius: var(--owt7-radius);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04);
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.25s ease, border-color 0.25s ease, transform 0.2s ease;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-inner:hover {
    box-shadow: 0 8px 28px rgba(29, 32, 101, 0.15), 0 2px 8px rgba(0, 0, 0, 0.06);
    border-color: var(--owt7-primary-light, #2a2e85);
    transform: translateY(-3px);
}

.owt7-lms-books-catalogue .owt7-lms-book-card-image {
    position: relative;
    width: 100%;
    height: 175px;
    flex-shrink: 0;
    background: linear-gradient(145deg, #e8eaf6 0%, #c5cae9 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-inner:hover .owt7-lms-book-card-image img {
    transform: scale(1.04);
}

.owt7-lms-books-catalogue .owt7-lms-book-card-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--owt7-primary-light, #2a2e85);
    opacity: 0.35;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-placeholder .dashicons {
    font-size: 64px;
    width: 64px;
    height: 64px;
}

.owt7-lms-books-catalogue .owt7-lms-book-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
}

.owt7-lms-books-catalogue .owt7-lms-badge-available {
    background: rgba(5, 150, 105, 0.92);
    color: #fff;
}

.owt7-lms-books-catalogue .owt7-lms-badge-unavailable {
    background: rgba(220, 38, 38, 0.9);
    color: #fff;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-body {
    padding: 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-top {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.owt7-lms-books-catalogue .owt7-lms-book-title {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--owt7-primary, #1d2065);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.owt7-lms-books-catalogue .owt7-lms-book-category-pill {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 999px;
    background: rgba(29, 32, 101, 0.09);
    color: var(--owt7-primary, #1d2065);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.owt7-lms-books-catalogue .owt7-lms-book-meta {
    margin: 0;
    font-size: 12.5px;
    color: var(--owt7-text-muted);
    line-height: 1.4;
}

.owt7-lms-books-catalogue .owt7-lms-book-details {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.owt7-lms-books-catalogue .owt7-lms-copies-left {
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: var(--owt7-text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.owt7-lms-books-catalogue .owt7-lms-book-card-actions {
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

/* Library User portal buttons (theme colors from Admin Theme & Colors → Action buttons) */
.owt7-lms .owt7-lms-portal-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: var(--owt7-radius-sm);
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.owt7-lms .owt7-lms-portal-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}
.owt7-lms .owt7-lms-btn-view-book.owt7-lms-portal-btn {
    background: var(--owt7-action-view-book, #2563eb);
    color: #fff;
    border-color: var(--owt7-action-view-book, #2563eb);
}
.owt7-lms .owt7-lms-btn-view-book.owt7-lms-portal-btn:hover {
    background: var(--owt7-action-view-book-dark, #1d4ed8);
    color: #fff;
    border-color: var(--owt7-action-view-book-dark, #1d4ed8);
}
.owt7-lms .owt7-lms-btn-checkout.owt7-lms-portal-btn {
    background: var(--owt7-action-checkout, #059669);
    color: #fff;
    border-color: var(--owt7-action-checkout, #059669);
}
.owt7-lms .owt7-lms-btn-checkout.owt7-lms-portal-btn:hover {
    background: var(--owt7-action-checkout-dark, #047857);
    color: #fff;
    border-color: var(--owt7-action-checkout-dark, #047857);
}
.owt7-lms .owt7-lms-btn-return.owt7-lms-portal-btn {
    background: var(--owt7-action-return, #0d9488);
    color: #fff;
    border-color: var(--owt7-action-return, #0d9488);
}
.owt7-lms .owt7-lms-btn-return.owt7-lms-portal-btn:hover {
    background: var(--owt7-action-return-dark, #0f766e);
    color: #fff;
    border-color: var(--owt7-action-return-dark, #0f766e);
}

.owt7-lms-books-catalogue .owt7-lms-btn-unavailable {
    cursor: not-allowed;
    opacity: 0.8;
}
.owt7-lms-books-catalogue .owt7-lms-btn-pending,
.owt7-lms-books-catalogue .owt7-lms-btn-return-pending {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 6px;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
    opacity: 1;
}
.owt7-lms-books-catalogue .button.owt7-lms-btn-pending,
.owt7-lms-books-catalogue .button.owt7-lms-btn-return-pending,
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .button.owt7-lms-btn-pending,
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .button.owt7-lms-btn-return-pending,
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .button.owt7-lms-btn-pending,
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .button.owt7-lms-btn-return-pending {
    opacity: 1 !important;
    filter: none !important;
    text-shadow: none;
    font-weight: 600;
    letter-spacing: 0.1px;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
}
.owt7-lms-books-catalogue .owt7-lms-btn-pending {
    background: linear-gradient(135deg, #0ea5e9 0%, #2563eb 100%);
    border-color: #1d4ed8;
    color: #fff;
    box-shadow: 0 10px 20px rgba(37, 99, 235, 0.22) !important;
}
.owt7-lms-books-catalogue .owt7-lms-btn-return-pending {
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    border-color: #c2410c;
    color: #fff;
    box-shadow: 0 10px 20px rgba(234, 88, 12, 0.24) !important;
}
.owt7-lms-borrowed-books .owt7-lms-btn-pending,
.owt7-lms-borrowed-books .owt7-lms-btn-return-pending,
.owt7-lms-returned-books .owt7-lms-btn-pending,
.owt7-lms-returned-books .owt7-lms-btn-return-pending {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 140px;
    min-height: 36px;
    padding: 8px 14px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-weight: 600;
    letter-spacing: 0.1px;
    opacity: 1 !important;
    filter: none !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12) !important;
    cursor: default;
    pointer-events: none;
}
.owt7-lms-borrowed-books .owt7-lms-btn-pending,
.owt7-lms-returned-books .owt7-lms-btn-pending {
    background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    border-color: #d97706;
    color: #111827;
}
.owt7-lms-borrowed-books .owt7-lms-btn-return-pending,
.owt7-lms-returned-books .owt7-lms-btn-return-pending {
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    border-color: #6d28d9;
    color: #fff;
}

/* Books catalogue: same look & feel as public page (wp-library-books) View/Checkout buttons */
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-portal-btn,
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .button.button-small.owt7-lms-portal-btn {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    transition: background-color 0.3s ease;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn {
    background-color: #1d2065;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn:hover {
    background-color: #161950;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn {
    background-color: #2563eb;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn:hover {
    background-color: #1d4ed8;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-return.owt7-lms-portal-btn {
    background-color: #dc2626;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-return.owt7-lms-portal-btn:hover {
    background-color: #b91c1c;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-portal-btn .dashicons {
    margin-right: 4px;
    font-size: 16px;
    width: 16px;
    height: 16px;
}
.owt7-lms-books-catalogue .owt7-lms-book-card-actions .owt7-lms-btn-unavailable {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 5px;
}

/* Book detail modal on catalogue: same button look as public page */
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-portal-btn {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    transition: background-color 0.3s ease;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn {
    background-color: #1d2065;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-view-book.owt7-lms-portal-btn:hover {
    background-color: #161950;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn {
    background-color: #2563eb;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn:hover {
    background-color: #1d4ed8;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-return.owt7-lms-portal-btn {
    background-color: #dc2626;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-btn-return.owt7-lms-portal-btn:hover {
    background-color: #b91c1c;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-book-detail-actions .owt7-lms-portal-btn .dashicons {
    margin-right: 4px;
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* Single book view (catalogue&bid=): same button look as public page */
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-portal-btn,
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .button.button-small.owt7-lms-portal-btn {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    transition: background-color 0.3s ease;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn {
    background-color: #2563eb;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-btn-checkout.owt7-lms-portal-btn:hover {
    background-color: #1d4ed8;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-btn-return.owt7-lms-portal-btn {
    background-color: #dc2626;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-btn-return.owt7-lms-portal-btn:hover {
    background-color: #b91c1c;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-portal-btn .dashicons {
    margin-right: 4px;
    font-size: 16px;
    width: 16px;
    height: 16px;
}
.owt7-lms-books-catalogue .owt7-lms-single-book-actions .owt7-lms-btn-unavailable {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    border-radius: 5px;
}

/* Back button on catalogue single: same blue as View on public */
.owt7-lms-books-catalogue .owt7-lms-btn-back.owt7-lms-portal-btn {
    min-width: 80px;
    min-height: 36px;
    padding: 8px 14px;
    font-size: 13px;
    line-height: 1.2;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    background-color: #1d2065;
    color: #fff;
    transition: background-color 0.3s ease;
}
.owt7-lms-books-catalogue .owt7-lms-btn-back.owt7-lms-portal-btn:hover {
    background-color: #161950;
    color: #fff;
}
.owt7-lms-books-catalogue .owt7-lms-btn-back.owt7-lms-portal-btn .dashicons {
    margin-right: 4px;
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* Compact card variant */
.owt7-lms-books-catalogue .owt7-lms-card-compact .owt7-lms-book-card-image {
    height: 120px;
}

.owt7-lms-books-catalogue .owt7-lms-card-compact .owt7-lms-book-card-body {
    padding: 12px;
}

.owt7-lms-books-catalogue .owt7-lms-card-compact .owt7-lms-book-title {
    font-size: 14px;
    -webkit-line-clamp: 1;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-pagination {
    margin-top: 36px;
    padding-top: 24px;
    border-top: 2px solid var(--owt7-border);
}

.owt7-lms-books-catalogue .owt7-lms-pagination-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.owt7-lms-books-catalogue .owt7-lms-pagination-list a,
.owt7-lms-books-catalogue .owt7-lms-pagination-list .owt7-lms-pagination-current {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    min-width: 42px;
    text-align: center;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border: 1.5px solid var(--owt7-border);
    background: var(--owt7-surface);
    color: var(--owt7-text);
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.owt7-lms-books-catalogue .owt7-lms-pagination-list a:hover {
    background: var(--owt7-primary, #1d2065);
    color: #fff;
    border-color: var(--owt7-primary, #1d2065);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.22);
}

.owt7-lms-books-catalogue .owt7-lms-pagination-list .owt7-lms-pagination-current {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    border-color: var(--owt7-primary, #1d2065);
    box-shadow: 0 2px 8px rgba(29, 32, 101, 0.28);
    cursor: default;
}

.owt7-lms-books-catalogue .owt7-lms-pagination-list .owt7-lms-pagination-ellipsis {
    display: inline-block;
    padding: 8px 6px;
    font-size: 14px;
    color: var(--owt7-text-muted, #888);
    user-select: none;
}

.owt7-lms-books-catalogue .owt7-lms-catalogue-empty {
    text-align: center;
    padding: 56px 32px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px dashed var(--owt7-border);
    border-radius: var(--owt7-radius);
    color: var(--owt7-text-muted);
}

@media (max-width: 1200px) {
    .owt7-lms-books-catalogue .owt7-lms-catalogue-hero {
        flex-direction: column;
        align-items: flex-start;
    }
    .owt7-lms-books-catalogue .owt7-lms-catalogue-hero-stats {
        min-width: 0;
        width: 100%;
    }
    .owt7-lms-books-catalogue .owt7-lms-book-cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .owt7-lms-books-catalogue .owt7-lms-catalogue-hero,
    .owt7-lms-books-catalogue .owt7-lms-catalogue-filters {
        padding: 18px 20px;
        border-radius: 12px;
    }
    .owt7-lms-books-catalogue .owt7-lms-catalogue-hero-stats {
        grid-template-columns: 1fr 1fr;
    }
    .owt7-lms-books-catalogue .owt7-lms-book-cards {
        grid-template-columns: 1fr;
    }
    .owt7-lms-books-catalogue .owt7-lms-filters-form .owt7-lms-filters-row {
        grid-template-columns: 1fr;
    }
    .owt7-lms-books-catalogue .owt7-lms-filter-actions {
        flex-direction: column;
        align-items: stretch;
    }
    .owt7-lms-books-catalogue .owt7-lms-apply-filters,
    .owt7-lms-books-catalogue .owt7-lms-reset-filters {
        width: 100%;
        justify-content: center;
    }
}

/* Book detail modal (Library User catalogue) */
#owt7_lms_mdl_book_detail.modal {
    position: fixed;
    inset: 0;
    z-index: 100002;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 20px;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.25s ease;
    pointer-events: none;
}
#owt7_lms_mdl_book_detail.modal.owt7-lms-modal-closed {
    display: none !important;
}
#owt7_lms_mdl_book_detail.modal.owt7-lms-modal-visible {
    opacity: 1;
    pointer-events: auto;
}
#owt7_lms_mdl_book_detail .modal-content.owt7-lms-modal-book-detail-content {
    background: var(--owt7-surface, #fff);
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    max-width: 700px;
    width: 100%;
    max-height: 82vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid var(--owt7-border, #e2e8f0);
    transform: translateY(-18px) scale(0.97);
    opacity: 0;
    transition: transform 0.22s cubic-bezier(0.34, 1.4, 0.64, 1), opacity 0.22s ease;
}
#owt7_lms_mdl_book_detail.modal.owt7-lms-modal-visible .modal-content.owt7-lms-modal-book-detail-content {
    transform: translateY(0) scale(1);
    opacity: 1;
}
#owt7_lms_mdl_book_detail .close.owt7-lms-close-book-detail-modal {
    position: absolute;
    right: 18px;
    top: 14px;
    z-index: 2;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    color: var(--owt7-text-muted, #6b7280);
    cursor: pointer;
    background: none;
    border: none;
    padding: 4px 6px;
    border-radius: 6px;
    transition: color 0.18s, transform 0.18s;
}
#owt7_lms_mdl_book_detail .close.owt7-lms-close-book-detail-modal:hover {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
}
.owt7-lms-user-checkout-overview-modal .modal-content.owt7-lms-user-checkout-overview-content {
    max-width: 560px;
}
.owt7-lms-checkout-overview-actions {
    justify-content: flex-end;
}
.owt7-lms-user-checkout-overview-modal .owt7-lms-checkout-overview-list {
    grid-template-columns: 110px minmax(0, 1fr) 110px minmax(0, 1fr);
    gap: 10px 14px;
}
.owt7-lms-checkout-overview-section {
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 10px;
    background: #f8fafc;
}
.owt7-lms-checkout-overview-section h3 {
    margin: 0 0 12px;
    font-size: 15px;
    color: var(--owt7-text, #1d2327);
}
.owt7-lms-checkout-overview-list {
    margin: 0;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 8px 14px;
}
.owt7-lms-checkout-overview-list dt {
    margin: 0;
    color: var(--owt7-text-muted, #646970);
    font-weight: 600;
}
.owt7-lms-checkout-overview-list dd {
    margin: 0;
    color: var(--owt7-text, #1d2327);
}
@media (max-width: 640px) {
    .owt7-lms-user-checkout-overview-modal .owt7-lms-checkout-overview-list {
        grid-template-columns: 110px minmax(0, 1fr);
        gap: 4px;
    }
}
.owt7-lms-book-detail-modal-inner {
    display: flex;
    flex-direction: row;
    gap: 24px;
    overflow-y: auto;
    padding: 24px 28px 24px;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}
.owt7-lms-book-detail-modal-inner::-webkit-scrollbar { width: 6px; }
.owt7-lms-book-detail-modal-inner::-webkit-scrollbar-track { background: transparent; }
.owt7-lms-book-detail-modal-inner::-webkit-scrollbar-thumb {
    background-color: var(--owt7-border, #e2e8f0);
    border-radius: 3px;
}
.owt7-lms-book-detail-cover-wrap {
    position: relative;
    flex: 0 0 180px;
    width: 180px;
    max-width: 180px;
    margin: 0;
    aspect-ratio: 2/3;
    background: linear-gradient(145deg, #e2e8f0 0%, #cbd5e1 100%);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.owt7-lms-book-detail-cover-wrap .owt7-lms-book-detail-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.owt7-lms-book-detail-cover-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: var(--owt7-text-muted, #6b7280);
}
.owt7-lms-book-detail-cover-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    opacity: 0.45;
}
.owt7-lms-book-detail-body {
    text-align: left;
    min-width: 0;
    flex: 1;
}
.owt7-lms-book-detail-title {
    margin: 0 0 12px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--owt7-primary, #1d2065);
    padding-right: 36px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-book-detail-meta {
    display: grid;
    grid-template-columns: 110px 1fr;
    gap: 5px 12px;
    margin: 0 0 14px;
    font-size: 13px;
    background: var(--owt7-surface, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    padding: 10px 12px;
}
.owt7-lms-book-detail-meta dt {
    margin: 0;
    color: var(--owt7-text-muted, #6b7280);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
}
.owt7-lms-book-detail-meta dd {
    margin: 0;
    color: var(--owt7-text, #1e293b);
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.owt7-lms-book-detail-description-wrap {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    background: var(--owt7-surface, #f8fafc);
}
.owt7-lms-book-detail-description-title {
    margin: 0 0 6px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--owt7-primary, #1d2065);
    padding-bottom: 6px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-book-detail-description {
    font-size: 13px;
    line-height: 1.6;
    color: var(--owt7-text-muted, #6b7280);
    white-space: pre-wrap;
}
.owt7-lms-book-detail-actions {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
.owt7-lms-book-detail-actions .button,
.owt7-lms-book-detail-actions .owt7-lms-portal-btn {
    margin-right: 0;
}
@media (max-width: 600px) {
    .owt7-lms-book-detail-modal-inner {
        flex-direction: column;
        padding: 20px;
    }
    .owt7-lms-book-detail-cover-wrap {
        flex: none;
        width: 140px;
        max-width: 140px;
        margin: 0 auto 20px;
    }
    .owt7-lms-book-detail-title {
        padding-right: 0;
    }
    .owt7-lms-book-detail-meta {
        grid-template-columns: 90px 1fr;
    }
}

/* SweetAlert2 confirmation above modals (book detail 100002, view return details 100100) */
.swal2-container.owt7-lms-swal-above-modal {
    z-index: 100200 !important;
}

/* Body loader (full page) when class on body */
body.owt7_loader {
    position: relative;
}
body.owt7_loader:before {
    position: fixed;
    z-index: 100000000000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    content: "";
}
body.owt7_loader:after {
    content: "";
    position: fixed;
    z-index: 100000000000001;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: owt7-lms-spin 0.8s linear infinite;
}


/* ============================================================
   Quick Return Modal (#owt7_lms_mdl_quick_return)
   ============================================================ */

.owt7-lms-quick-return-modal.modal {
    position: fixed;
    inset: 0;
    z-index: 100050;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(2px);
    padding: 40px 20px;
    overflow-y: auto;
}

.owt7-lms-quick-return-modal .modal-content.owt7-lms-quick-return-content {
    position: relative;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 720px;
    max-height: 82vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 24px 28px 20px;
    animation: owt7-lms-qr-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}
.owt7-lms-quick-return-modal .modal-content.owt7-lms-quick-return-content::-webkit-scrollbar {
    width: 6px;
}
.owt7-lms-quick-return-modal .modal-content.owt7-lms-quick-return-content::-webkit-scrollbar-track {
    background: transparent;
}
.owt7-lms-quick-return-modal .modal-content.owt7-lms-quick-return-content::-webkit-scrollbar-thumb {
    background-color: var(--owt7-border, #e2e8f0);
    border-radius: 3px;
}

@keyframes owt7-lms-qr-modal-in {
    from { opacity: 0; transform: translateY(-18px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)     scale(1);    }
}

.owt7-lms-quick-return-modal .modal-content .close.owt7-lms-qr-close {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 24px;
    line-height: 1;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--owt7-text-muted, #6b7280);
    transition: color 0.18s, transform 0.18s;
    padding: 4px 6px;
    border-radius: 6px;
}
.owt7-lms-quick-return-modal .modal-content .close.owt7-lms-qr-close:hover {
    color: var(--owt7-text, #1e293b);
    transform: scale(1.15);
}

.owt7-lms-quick-return-modal .owt7-lms-qr-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 16px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-quick-return-modal .owt7-lms-qr-title .owt7-lms-qr-title-icon {
    font-size: 22px;
    width: 22px;
    height: 22px;
    color: var(--owt7-action-return, #0d9488);
}

.owt7-lms-quick-return-modal .owt7-lms-qr-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 32px 0;
    color: var(--owt7-text-muted, #6b7280);
    font-size: 14px;
}

.owt7-lms-quick-return-modal .owt7-lms-qr-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-bottom: 12px;
}
@media (max-width: 580px) {
    .owt7-lms-quick-return-modal .owt7-lms-qr-info-grid {
        grid-template-columns: 1fr;
    }
}

.owt7-lms-quick-return-modal .owt7-lms-view-section {
    background: var(--owt7-surface, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    padding: 12px 14px 10px;
    margin-bottom: 0;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-section-loan {
    margin-bottom: 0;
}

.owt7-lms-quick-return-modal .owt7-lms-view-section-title {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-quick-return-modal .owt7-lms-view-section-title .dashicons {
    font-size: 15px;
    width: 15px;
    height: 15px;
    color: var(--owt7-accent, #f59e0b);
}

.owt7-lms-quick-return-modal .owt7-lms-qr-loan-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 4px 16px;
}

.owt7-lms-quick-return-modal .owt7-lms-qr-divider {
    display: flex;
    align-items: center;
    margin: 14px 0 12px;
    color: var(--owt7-text-muted, #6b7280);
}
.owt7-lms-quick-return-modal .owt7-lms-qr-divider::before,
.owt7-lms-quick-return-modal .owt7-lms-qr-divider::after {
    content: '';
    flex: 1;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-quick-return-modal .owt7-lms-qr-divider-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 14px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--owt7-primary, #1d2065);
    white-space: nowrap;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-divider-label .dashicons {
    font-size: 14px;
    width: 14px;
    height: 14px;
}

.owt7-lms-quick-return-modal .return-section-desc {
    font-size: 12px;
    color: var(--owt7-text-muted, #6b7280);
    margin-bottom: 12px;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-fields-row {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    gap: 12px;
    margin-bottom: 10px;
}
@media (max-width: 480px) {
    .owt7-lms-quick-return-modal .owt7-lms-qr-fields-row {
        grid-template-columns: 1fr;
    }
}
.owt7-lms-quick-return-modal .owt7-lms-qr-fine-display-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    padding: 10px 16px;
    background: linear-gradient(135deg, rgba(29,32,101,0.05) 0%, rgba(29,32,101,0.02) 100%);
    border: 1px solid rgba(29,32,101,0.12);
    border-radius: 8px;
    min-width: 130px;
    white-space: nowrap;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-fine-display-wrap .owt7-lms-field-hint {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--owt7-text-muted, #6b7280);
    font-weight: 600;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-fine-display-wrap .owt7_return_total_fine_display {
    font-size: 20px;
    font-weight: 800;
    color: var(--owt7-primary, #1d2065);
    line-height: 1.2;
}
.owt7-lms-quick-return-modal .form-group {
    margin-bottom: 10px;
}
.owt7-lms-quick-return-modal .form-group label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--owt7-text, #1e293b);
    margin-bottom: 6px;
}
.owt7-lms-quick-return-modal .form-group .form-control {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 7px;
    font-size: 13px;
    color: var(--owt7-text, #1e293b);
    background: #fff;
    transition: border-color 0.18s, box-shadow 0.18s;
    outline: none;
    box-sizing: border-box;
}
.owt7-lms-quick-return-modal .form-group .form-control:focus {
    border-color: var(--owt7-primary, #1d2065);
    box-shadow: 0 0 0 3px rgba(29,32,101,0.1);
}
.owt7-lms-quick-return-modal .form-group textarea.form-control {
    resize: vertical;
    min-height: 60px;
}

/* Late days notice */
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    border-radius: 7px;
    padding: 9px 13px;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 10px;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice--overdue {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #92400e;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice--zero {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #166534;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice .owt7-lms-qr-late-icon {
    font-size: 15px;
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-top: 1px;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice--overdue .owt7-lms-qr-late-icon {
    color: #f97316;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-late-notice--zero .owt7-lms-qr-late-icon {
    color: #22c55e;
}

.owt7-lms-quick-return-modal .owt7-lms-qr-error {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #dc2626;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 13px;
    margin-top: 16px;
}

.owt7-lms-quick-return-modal .owt7-lms-qr-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-quick-return-modal .owt7-lms-qr-actions .btn-secondary {
    background: var(--owt7-surface, #f1f5f9);
    color: var(--owt7-text, #1e293b);
    border: 1px solid var(--owt7-border, #e2e8f0);
    font-weight: 600;
    font-size: 13px;
    padding: 9px 20px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s;
    line-height: 1.4;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-actions .btn-secondary:hover {
    background: #e2e8f0;
    border-color: #cbd5e1;
    color: var(--owt7-text, #1e293b);
}
.owt7-lms-quick-return-modal .owt7-lms-qr-actions .submit-save-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 24px;
    border-radius: 7px;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-actions .submit-save-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
}
.owt7-lms-quick-return-modal .owt7-lms-qr-actions .submit-save-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ==========================================================================
   FINE RECEIPT BUTTONS
   ========================================================================== */

/* Download Receipt button – base styles (modal <button> context) */
.owt7_lms_download_receipt_btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none !important;
    border: 1px solid #0f766e !important;
    transition: background 0.18s, box-shadow 0.18s;
    line-height: 1.4;
    white-space: nowrap;
    vertical-align: middle;
    background: #0f766e !important;
    color: #fff !important;
    box-sizing: border-box;
}
.owt7_lms_download_receipt_btn .dashicons {
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 1;
    flex-shrink: 0;
    color: #fff;
}
.owt7_lms_download_receipt_btn:hover,
.owt7_lms_download_receipt_btn:focus {
    background: #0d9488 !important;
    border-color: #0d9488 !important;
    color: #fff !important;
    box-shadow: 0 3px 10px rgba(15,118,110,.3);
    outline: none;
}
.owt7_lms_download_receipt_btn:disabled,
.owt7_lms_download_receipt_btn.owt7-lms-receipt-loading {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Modal action area */
.owt7-lms-view-return-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #e2e8f0;
}

/* Library-user portal row buttons */
.owt7-lms-table-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

/* Spin animation for loading state */
@keyframes owt7-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.owt7-spin {
    animation: owt7-spin 1s linear infinite;
    display: inline-block;
}

/* ============================================================
   Universal Modal Professional Upgrade
   Shared animation + scrollbar + button-group + section titles
   for all plugin modals to match the Quick Return Modal style.
   ============================================================ */

/* Shared entry animation used by all modal-content cards */
@keyframes owt7-lms-modal-in {
    from { opacity: 0; transform: translateY(-18px) scale(0.97); }
    to   { opacity: 1; transform: translateY(0)     scale(1);    }
}

/* Scrollbar polish for all modal-content cards */
.owt7_lms_modal_section .modal-content::-webkit-scrollbar,
.owt7-lms-return-status-modal .modal-content::-webkit-scrollbar,
.owt7-lms-view-return-modal .modal-content::-webkit-scrollbar,
#owt7_lms_mdl_user_borrowed_details .modal-content::-webkit-scrollbar,
#owt7_lms_mdl_user_return_status .modal-content::-webkit-scrollbar {
    width: 6px;
}
.owt7_lms_modal_section .modal-content::-webkit-scrollbar-track,
.owt7-lms-return-status-modal .modal-content::-webkit-scrollbar-track,
.owt7-lms-view-return-modal .modal-content::-webkit-scrollbar-track,
#owt7_lms_mdl_user_borrowed_details .modal-content::-webkit-scrollbar-track,
#owt7_lms_mdl_user_return_status .modal-content::-webkit-scrollbar-track {
    background: transparent;
}
.owt7_lms_modal_section .modal-content::-webkit-scrollbar-thumb,
.owt7-lms-return-status-modal .modal-content::-webkit-scrollbar-thumb,
.owt7-lms-view-return-modal .modal-content::-webkit-scrollbar-thumb,
#owt7_lms_mdl_user_borrowed_details .modal-content::-webkit-scrollbar-thumb,
#owt7_lms_mdl_user_return_status .modal-content::-webkit-scrollbar-thumb {
    background-color: var(--owt7-border, #e2e8f0);
    border-radius: 3px;
}

/* Section titles inside view-detail modals – match Quick Return style */
.owt7-lms-view-return-modal .owt7-lms-view-section,
#owt7_lms_mdl_view_return_details .owt7-lms-view-section,
#owt7_lms_mdl_user_borrowed_details .owt7-lms-view-section,
#owt7_lms_mdl_borrow_details .owt7-lms-view-section {
    background: var(--owt7-surface, #f8fafc);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: 8px;
    padding: 12px 14px 10px;
    margin-bottom: 12px;
}
.owt7-lms-view-return-modal .owt7-lms-view-section-title,
#owt7_lms_mdl_view_return_details .owt7-lms-view-section-title,
#owt7_lms_mdl_user_borrowed_details .owt7-lms-view-section-title,
#owt7_lms_mdl_borrow_details .owt7-lms-view-section-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
/* Section titles inside view-return modals using plain h3 */
.owt7-lms-view-return-modal .owt7-lms-view-section h3,
#owt7_lms_mdl_view_return_details .owt7-lms-view-section h3,
#owt7_lms_mdl_user_borrowed_details .owt7-lms-view-section h3 {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}

/* Actions row in view-return modals */
.owt7-lms-view-return-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid var(--owt7-border, #e2e8f0);
}

/* Settings modal h2 titles – consistent with plugin theme */
.owt7_lms_modal_section .modal-content h2 {
    margin: 0 0 16px;
    padding-right: 36px;
    padding-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    line-height: 1.3;
}
/* Days modal has its own heading class - preserve existing style */
.owt7_lms_modal_section .modal-content .owt7-lms-days-modal-heading {
    border-bottom: none;
    padding-bottom: 0;
    font-size: 1.35em;
}

/* Book copies modal – upgrade heading and add animation to content */
.owt7_lms_book_copies_modal_wrap .modal-content {
    position: relative;
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--owt7-border, #e2e8f0) transparent;
}
.owt7_lms_book_copies_modal_wrap .modal-content::-webkit-scrollbar { width: 6px; }
.owt7_lms_book_copies_modal_wrap .modal-content::-webkit-scrollbar-track { background: transparent; }
.owt7_lms_book_copies_modal_wrap .modal-content::-webkit-scrollbar-thumb {
    background-color: var(--owt7-border, #e2e8f0);
    border-radius: 3px;
}
.owt7-lms-book-copies-modal-heading {
    padding-bottom: 12px;
    border-bottom: 2px solid var(--owt7-border, #e2e8f0);
    margin-bottom: 12px;
}

/* Sync WP Users modal – fix content animation and ensure max-height */
.owt7_lms_sync_wp_users_modal_wrap .modal-content.owt7-lms-sync-wp-users-modal {
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
    max-height: 82vh;
}

/* Deactivate modal – ensure overlay is flex-centered (uses .owt7_lms_modal_section) */
.owt7_lms_deactivate .modal-content.owt7-lms-deactivate-modal {
    animation: owt7-lms-modal-in 0.22s cubic-bezier(0.34, 1.4, 0.64, 1) both;
}

/* Checkout overview modal – uniform button group */
.owt7-lms-user-checkout-overview-modal .form-row.buttons-group {
    justify-content: flex-end;
}

/* ── Upgrade to PRO menu highlight ─────────────────────────────────── */
#adminmenu a[href$="page=owt7_library_upgrade_pro"] {
    color: #facc15 !important;
    font-weight: 700 !important;
}
#adminmenu a[href$="page=owt7_library_upgrade_pro"]:hover {
    color: #fde047 !important;
}
#adminmenu li.current a[href$="page=owt7_library_upgrade_pro"],
#adminmenu li.current a[href$="page=owt7_library_upgrade_pro"]:hover {
    color: #facc15 !important;
}

/* ── Upgrade to PRO page layout ─────────────────────────────────────── */
.owt7-lms-upgrade-pro .owt7-upgrade-pro-wrap {
    padding: 24px;
    background: var(--owt7-bg, #f8fafc);
    color: var(--owt7-text, #1e293b);
}

.owt7-lms-upgrade-pro .owt7-upgrade-header {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    border-radius: var(--owt7-radius, 12px);
    padding: 48px 32px;
    text-align: center;
    margin-bottom: 32px;
    box-shadow: var(--owt7-shadow-lg);
    position: relative;
    overflow: hidden;
}
.owt7-lms-upgrade-pro .owt7-upgrade-header::before {
    content: '';
    position: absolute;
    top: -40px;
    right: -40px;
    width: 200px;
    height: 200px;
    background: rgba(255,255,255,0.05);
    border-radius: 50%;
}
.owt7-lms-upgrade-pro .owt7-upgrade-header h1 {
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px;
}
.owt7-lms-upgrade-pro .owt7-upgrade-header h1 sup {
    font-size: 42%;
    vertical-align: super;
    margin-left: 8px;
    padding: 3px 10px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 20px;
    background: rgba(255,255,255,0.15);
    font-weight: 600;
}
.owt7-lms-upgrade-pro .owt7-edition-badge {
    display: inline-block;
    font-size: 0.42em;
    font-weight: 600;
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.45);
    color: #fff;
    border-radius: 20px;
    padding: 3px 12px;
    vertical-align: middle;
    margin-left: 10px;
    letter-spacing: 0.5px;
}
.owt7-lms-upgrade-pro .owt7-upgrade-header-sub {
    color: rgba(255,255,255,0.82);
    font-size: 15px;
    margin: 0;
}

.owt7-lms-upgrade-pro .owt7-upgrade-kicker {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(250, 204, 21, 0.18);
    border: 1px solid rgba(250, 204, 21, 0.28);
    color: #fde68a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.owt7-lms-upgrade-pro .owt7-plan-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-bottom: 28px;
}

.owt7-lms-upgrade-pro .owt7-plan-card {
    background: var(--owt7-surface, #fff);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius, 12px);
    padding: 24px;
    box-shadow: var(--owt7-shadow);
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.owt7-lms-upgrade-pro .owt7-plan-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
}

.owt7-lms-upgrade-pro .owt7-plan-card--free::before {
    background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%);
}

.owt7-lms-upgrade-pro .owt7-plan-card--basic::before {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.owt7-lms-upgrade-pro .owt7-plan-card--full::before {
    background: linear-gradient(90deg, #7c3aed 0%, #5b21b6 100%);
}

.owt7-lms-upgrade-pro .owt7-plan-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.owt7-lms-upgrade-pro .owt7-plan-card h2 {
    margin: 0;
    font-size: 1.3em;
    font-weight: 700;
    color: var(--owt7-text, #1e293b);
}

.owt7-lms-upgrade-pro .owt7-plan-card p {
    margin: 0 0 16px;
    color: var(--owt7-text-muted, #64748b);
    line-height: 1.65;
    font-size: 14px;
}

.owt7-lms-upgrade-pro .owt7-plan-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    padding: 6px 10px;
    border-radius: 999px;
    background: #e2e8f0;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.owt7-lms-upgrade-pro .owt7-plan-chip--basic {
    background: #d1fae5;
    color: #047857;
}

.owt7-lms-upgrade-pro .owt7-plan-chip--full {
    background: #ede9fe;
    color: #5b21b6;
}

.owt7-lms-upgrade-pro .owt7-plan-points {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
}

.owt7-lms-upgrade-pro .owt7-plan-points li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    color: var(--owt7-text, #1e293b);
    font-size: 14px;
    font-weight: 500;
}

.owt7-lms-upgrade-pro .owt7-plan-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--owt7-accent, #f59e0b);
}

.owt7-lms-upgrade-pro .owt7-plan-card .owt7-btn-upgrade {
    margin-top: auto;
    align-self: flex-start;
}

/* ── Section title ──────────────────────────────────────────────────── */
.owt7-lms-upgrade-pro .owt7-section-title {
    font-size: 1.5em;
    font-weight: 700;
    color: var(--owt7-primary, #1d2065);
    margin: 0 0 20px;
}

.owt7-lms-upgrade-pro .owt7-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.owt7-lms-upgrade-pro .owt7-section-subtitle {
    margin: 0;
    color: var(--owt7-text-muted, #64748b);
    font-size: 14px;
    line-height: 1.6;
}

/* ── Comparison section ─────────────────────────────────────────────── */
.owt7-lms-upgrade-pro .owt7-comparison-section {
    background: var(--owt7-surface, #fff);
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius, 12px);
    padding: 28px 24px;
    margin-bottom: 28px;
    box-shadow: var(--owt7-shadow);
}

.owt7-lms-upgrade-pro .owt7-comparison-table-wrap {
    overflow-x: auto;
}

.owt7-lms-upgrade-pro .owt7-comparison-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 640px;
}

.owt7-lms-upgrade-pro .owt7-comparison-table thead th {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    padding: 16px 14px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    border: none;
}
.owt7-lms-upgrade-pro .owt7-comparison-table thead th.col-feature {
    text-align: left;
    border-radius: var(--owt7-radius-sm, 8px) 0 0 0;
    width: 44%;
}
.owt7-lms-upgrade-pro .owt7-comparison-table thead th:last-child {
    border-radius: 0 var(--owt7-radius-sm, 8px) 0 0;
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    position: relative;
}

.owt7-lms-upgrade-pro .owt7-plan-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
}
.owt7-lms-upgrade-pro .owt7-plan-label--full {
    color: #fde68a;
}
.owt7-lms-upgrade-pro .owt7-badge-popular {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    background: #fde68a;
    color: #5b21b6;
    border-radius: 20px;
    padding: 2px 10px;
    margin-top: 4px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.owt7-lms-upgrade-pro .owt7-comparison-table tbody tr {
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
    transition: background 0.15s;
}
.owt7-lms-upgrade-pro .owt7-comparison-table tbody tr:hover {
    background: #f8fafc;
}
.owt7-lms-upgrade-pro .owt7-comparison-table tbody td {
    padding: 12px 14px;
    text-align: center;
    vertical-align: middle;
    color: var(--owt7-text, #1e293b);
}
.owt7-lms-upgrade-pro .owt7-comparison-table tbody td.col-feature {
    text-align: left;
    font-weight: 500;
    color: var(--owt7-text, #1e293b);
    line-height: 1.55;
}

/* Full PRO column highlight */
.owt7-lms-upgrade-pro .owt7-comparison-table .col-full-pro,
.owt7-lms-upgrade-pro .owt7-comparison-table tbody tr td:last-child {
    background: #faf5ff;
}
.owt7-lms-upgrade-pro .owt7-comparison-table tbody tr:hover td:last-child {
    background: #f3e8ff;
}

/* Category rows */
.owt7-lms-upgrade-pro .owt7-row-category td {
    background: linear-gradient(90deg, #eef2ff 0%, #f1f5f9 100%);
    color: var(--owt7-primary, #1d2065);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    padding: 10px 14px;
}
.owt7-lms-upgrade-pro .owt7-row-category--basic td {
    background: linear-gradient(90deg, #ecfdf5 0%, #f1f5f9 100%);
    color: #065f46;
}
.owt7-lms-upgrade-pro .owt7-row-category--full td {
    background: linear-gradient(90deg, #f5f3ff 0%, #f1f5f9 100%);
    color: #5b21b6;
}

/* Check & Cross marks */
.owt7-lms-upgrade-pro .owt7-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #d1fae5;
    color: #059669;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.owt7-lms-upgrade-pro .owt7-cross {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fee2e2;
    color: #dc2626;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

/* CTA row */
.owt7-lms-upgrade-pro .owt7-row-cta td {
    background: var(--owt7-surface, #fff);
    padding: 20px 14px;
    border-top: 2px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-upgrade-pro .owt7-row-cta td:last-child {
    background: #faf5ff;
}
.owt7-lms-upgrade-pro .owt7-plan-current {
    display: inline-block;
    background: #f1f5f9;
    color: var(--owt7-text-muted, #64748b);
    font-size: 13px;
    font-weight: 600;
    border-radius: 6px;
    padding: 8px 18px;
    border: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-lms-upgrade-pro .owt7-btn-upgrade {
    display: inline-block;
    padding: 11px 22px;
    font-size: 13px;
    font-weight: 700;
    border: none;
    border-radius: var(--owt7-radius-sm, 8px);
    cursor: pointer;
    transition: all 0.2s ease;
    letter-spacing: 0.3px;
}
.owt7-lms-upgrade-pro .owt7-btn-upgrade--basic {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: #fff;
    box-shadow: 0 3px 8px rgba(16,185,129,0.3);
}
.owt7-lms-upgrade-pro .owt7-btn-upgrade--basic:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(16,185,129,0.35);
}
.owt7-lms-upgrade-pro .owt7-btn-upgrade--full {
    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
    color: #fff;
    box-shadow: 0 3px 8px rgba(124,58,237,0.3);
}
.owt7-lms-upgrade-pro .owt7-btn-upgrade--full:hover {
    background: linear-gradient(135deg, #6d28d9 0%, #4c1d95 100%);
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(124,58,237,0.35);
}

/* ── Custom Development Section ────────────────────────────────────── */
.owt7-lms-upgrade-pro .owt7-custom-dev-section {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, #2d3a8c 100%);
    border-radius: var(--owt7-radius, 12px);
    padding: 40px 32px;
    margin-bottom: 28px;
    box-shadow: var(--owt7-shadow-lg);
    color: #fff;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-inner {
    display: flex;
    gap: 28px;
    align-items: flex-start;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-icon {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-icon .dashicons {
    font-size: 30px;
    color: var(--owt7-accent, #f59e0b);
    width: 30px;
    height: 30px;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-content h2 {
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    margin: 0 0 12px;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-content p {
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    margin: 0 0 18px;
    line-height: 1.6;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-list {
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-list li {
    display: flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,0.9);
    font-size: 14px;
    font-weight: 500;
}
.owt7-lms-upgrade-pro .owt7-custom-dev-list li .dashicons {
    color: var(--owt7-accent, #f59e0b);
    font-size: 18px;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.owt7-lms-upgrade-pro .owt7-btn-contact {
    display: inline-block;
    padding: 12px 26px;
    font-size: 14px;
    font-weight: 700;
    background: var(--owt7-accent, #f59e0b);
    color: #1d2065;
    border: none;
    border-radius: var(--owt7-radius-sm, 8px);
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 3px 10px rgba(245,158,11,0.35);
}
.owt7-lms-upgrade-pro .owt7-btn-contact:hover {
    background: #d97706;
    transform: translateY(-1px);
    box-shadow: 0 5px 14px rgba(245,158,11,0.4);
}

/* ── Contact Modal ──────────────────────────────────────────────────── */
.owt7-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.owt7-modal-box {
    background: #fff;
    border-radius: var(--owt7-radius, 12px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.25);
    max-width: 520px;
    width: 100%;
    position: relative;
    animation: owt7ModalIn 0.22s cubic-bezier(0.34,1.4,0.64,1) both;
}
@keyframes owt7ModalIn {
    from { opacity: 0; transform: scale(0.92) translateY(10px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.owt7-modal-close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: #f1f5f9;
    border: none;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    color: var(--owt7-text-muted, #64748b);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
    z-index: 1;
}
.owt7-modal-close:hover {
    background: #fee2e2;
    color: #dc2626;
}
.owt7-modal-header {
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    border-radius: var(--owt7-radius, 12px) var(--owt7-radius, 12px) 0 0;
    padding: 30px 28px 24px;
    text-align: center;
}
.owt7-modal-icon {
    font-size: 36px;
    color: var(--owt7-accent, #f59e0b);
    display: block;
    margin: 0 0 10px;
    width: 36px;
    height: 36px;
}
.owt7-modal-header h2 {
    font-size: 1.4em;
    font-weight: 700;
    color: #fff;
    margin: 0 0 8px;
}
.owt7-modal-plan-desc {
    color: rgba(255,255,255,0.82);
    font-size: 13px;
    margin: 0;
    line-height: 1.5;
}
.owt7-modal-body {
    padding: 24px 28px 28px;
}
.owt7-contact-card {
    border: 1px solid var(--owt7-border, #e2e8f0);
    border-radius: var(--owt7-radius-sm, 8px);
    padding: 18px 20px;
    margin-bottom: 18px;
    background: #f8fafc;
}
.owt7-contact-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 0;
    border-bottom: 1px solid var(--owt7-border, #e2e8f0);
}
.owt7-contact-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
.owt7-contact-row:first-child {
    padding-top: 0;
}
.owt7-contact-icon {
    color: var(--owt7-primary, #1d2065);
    font-size: 20px;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}
.owt7-contact-label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: var(--owt7-text-muted, #64748b);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 2px;
}
.owt7-contact-value {
    font-size: 14px;
    font-weight: 600;
    color: var(--owt7-text, #1e293b);
    text-decoration: none;
}
a.owt7-contact-value:hover {
    color: var(--owt7-primary, #1d2065);
    text-decoration: underline;
}
.owt7-modal-note {
    font-size: 13px;
    color: var(--owt7-text-muted, #64748b);
    margin: 0 0 18px;
    line-height: 1.55;
}
.owt7-btn-modal-email {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    background: linear-gradient(135deg, var(--owt7-primary, #1d2065) 0%, var(--owt7-primary-dark, #161950) 100%);
    color: #fff;
    text-decoration: none;
    border-radius: var(--owt7-radius-sm, 8px);
    transition: all 0.2s ease;
    box-shadow: 0 3px 8px rgba(29,32,101,0.25);
}
.owt7-btn-modal-email:hover {
    background: linear-gradient(135deg, #2a2e85 0%, #1d2065 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 5px 12px rgba(29,32,101,0.3);
}
body.owt7-modal-open {
    overflow: hidden;
}

/* ── Responsive ─────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .owt7-lms-upgrade-pro .owt7-plan-overview {
        grid-template-columns: 1fr;
    }
    .owt7-lms-upgrade-pro .owt7-plan-card-head,
    .owt7-lms-upgrade-pro .owt7-section-heading {
        flex-direction: column;
        align-items: flex-start;
    }
    .owt7-lms-upgrade-pro .owt7-custom-dev-inner {
        flex-direction: column;
    }
    .owt7-lms-upgrade-pro .owt7-custom-dev-icon {
        display: none;
    }
    .owt7-lms-upgrade-pro .owt7-upgrade-header {
        padding: 32px 20px;
    }
    .owt7-modal-box {
        max-width: 100%;
    }
}