:root{
  --blue:#425CC7;--yellow:#FFB71B;--dark:#132048;--ink:#07122f;--muted:#61708f;--bg:#f6f8ff;--line:#e4e8f3;--danger:#d93025;--ok:#188038;--soft-blue:#eef2ff;--shadow:0 18px 50px rgba(19,32,72,.10);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top left,rgba(255,183,27,.13),transparent 32%),var(--bg);color:var(--dark)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{background:linear-gradient(180deg,var(--blue),#30489e);color:#fff;padding:22px 18px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar:after{content:"";display:block;height:130px;background:radial-gradient(circle at 20% 30%,var(--yellow) 0 18%,transparent 19%);opacity:.22;margin-top:20px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.sidebar-brand img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:16px;padding:6px}.sidebar-brand strong{display:block;font-size:18px}.sidebar-brand span{font-size:12px;opacity:.9}.side-nav{display:grid;gap:8px;margin-top:22px}.side-nav a{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;font-weight:800;color:#f8fbff}.side-nav a:hover,.side-nav a.active{background:var(--yellow);color:var(--dark);box-shadow:0 12px 22px rgba(0,0,0,.13)}.side-nav a.disabled{opacity:.58;cursor:not-allowed}.side-nav small{margin-left:auto;font-size:10px;background:rgba(255,255,255,.22);padding:3px 6px;border-radius:999px}.main-panel{min-width:0}.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar h1{margin:2px 0 0;font-size:22px;color:var(--dark)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900}.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lang-pill{background:#fff7df;color:#845300;border:1px solid #ffe2a0;border-radius:999px;padding:8px 10px;font-weight:900;font-size:12px}.userbox{font-size:13px;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.container{max-width:1440px;margin:0 auto;padding:22px}.hero{border-radius:28px;background:linear-gradient(135deg,var(--blue),#233d96);color:#fff;padding:24px;box-shadow:var(--shadow);position:relative;overflow:hidden;margin-bottom:16px}.hero:before{content:"";position:absolute;right:-80px;top:-70px;width:260px;height:260px;border-radius:50%;background:var(--yellow);opacity:.95}.hero:after{content:"";position:absolute;right:95px;bottom:-70px;width:180px;height:180px;border-radius:50%;background:#fff;opacity:.13}.hero>*{position:relative;z-index:1}.hero h2{margin:0;font-size:30px}.hero p{margin:8px 0 0;max-width:760px;opacity:.92}.card{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 10px 30px rgba(19,32,72,.06);margin-bottom:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title h2,.section-title h3{margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{border:0;border-radius:14px;padding:11px 15px;font-weight:900;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:.15s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:var(--dark)}.btn-blue{background:var(--blue);color:white}.btn-light{background:#eef2ff;color:var(--dark)}.btn-danger{background:#ffe9e7;color:var(--danger)}input,select,textarea{width:100%;padding:13px;border:1px solid #d9deeb;border-radius:14px;font-size:15px;background:white;color:var(--dark);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(66,92,199,.12)}label{font-size:13px;font-weight:900;margin-bottom:7px;display:block}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}table{border-collapse:collapse;width:100%;background:white;min-width:1050px}th,td{padding:14px 13px;border-bottom:1px solid var(--line);font-size:14px;text-align:left;vertical-align:top}th{background:#eef2ff;color:var(--dark);position:sticky;top:0;z-index:1;font-weight:900}tr:hover{background:#fafbff}.book-title{font-weight:900;color:#061a4a}.badge{padding:5px 9px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:900;white-space:nowrap}.role-badge{text-transform:capitalize}.badge-missing{background:#fff4d6;color:#8a5700}.badge-ok{background:#e6f4ea;color:var(--ok)}.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.pagination a,.pagination span{padding:9px 12px;background:white;border:1px solid var(--line);border-radius:12px;font-weight:800}.pagination .active{background:var(--blue);color:white}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.stat{background:#fff;border-radius:20px;padding:17px;border:1px solid var(--line);box-shadow:0 9px 24px rgba(19,32,72,.05);position:relative;overflow:hidden}.stat:before{content:"";position:absolute;right:-18px;top:-18px;width:70px;height:70px;border-radius:50%;background:rgba(255,183,27,.22)}.stat strong{font-size:28px;display:block;color:var(--blue);margin-top:5px}.stat span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:900;color:var(--muted)}.small{font-size:12px;color:var(--muted)}.notice{padding:12px 14px;border-radius:14px;background:#fff4d6;margin-bottom:12px;font-weight:800}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(circle at top right,rgba(255,183,27,.26),transparent 30%),linear-gradient(135deg,#f8fbff,#eef2ff)}.login .card{max-width:460px;width:100%;padding:28px}.login-logo{width:150px;display:block;margin:0 0 16px}.form-card h2{margin-top:0}.field-note{font-size:12px;color:var(--muted);margin-top:5px}.quick-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quick-tabs span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-weight:800;font-size:12px}@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-nav{grid-template-columns:repeat(2,1fr)}.topbar{position:relative}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.grid,.grid-2,.stats{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column;padding:14px}.top-actions,.actions .btn{width:100%}.actions .btn{display:flex}.side-nav{grid-template-columns:1fr}.container{padding:12px}.hero{padding:20px}.hero h2{font-size:24px}th,td{font-size:12px;padding:10px}.userbox{border-radius:14px;width:100%;justify-content:space-between}}

.mt{margin-top:22px}.grid-4{grid-template-columns:repeat(4,1fr)}.stats-8{grid-template-columns:repeat(4,1fr)}.quick-tabs a{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-weight:800;font-size:12px;color:#fff}.badge-type{background:#e9edff;color:var(--blue)}.cover-preview{display:block;max-width:110px;max-height:110px;border-radius:14px;margin-top:8px;border:1px solid var(--line);object-fit:cover}.details-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.details-list{display:grid;grid-template-columns:170px 1fr;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.details-list dt,.details-list dd{margin:0;padding:12px;border-bottom:1px solid var(--line)}.details-list dt{font-weight:900;background:#f6f8ff;color:var(--muted)}.details-list dd{background:#fff}.cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cover-large{width:100%;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:18px;background:#f8faff}.empty-cover{height:220px;border:1px dashed #cbd3e6;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;background:#f8faff}
@media(max-width:1050px){.grid-4,.stats-8,.details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.grid-4,.stats-8,.details-grid,.details-list,.cover-grid{grid-template-columns:1fr}.details-list dt{border-bottom:0}.details-list dd{padding-top:0}.quick-tabs a{width:100%;text-align:center}}


/* Phase 3 */
.status-borrowed{background:#fff4d6;color:#8a5b00}.status-returned{background:#e9fbef;color:#166534}.status-overdue{background:#ffe8e8;color:#991b1b}.status-lost{background:#f3f4f6;color:#374151}
.borrow-card{border:1px solid #e7eaf7;border-radius:18px;padding:14px;background:#fff;margin-bottom:12px}.borrow-card h4{margin:0 0 6px;color:#132048}.borrow-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#54565a}.inline-form{display:inline}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.report-list a{display:block;padding:12px;border:1px solid #e7eaf7;border-radius:14px;margin-bottom:8px;background:#fff;text-decoration:none;color:#132048;font-weight:700}.alert{padding:12px 14px;border-radius:14px;margin:10px 0}.alert-ok{background:#e9fbef;color:#166534}.alert-warn{background:#fff4d6;color:#8a5b00}.alert-error{background:#ffe8e8;color:#991b1b}@media(max-width:900px){.mini-grid{grid-template-columns:1fr}.actions .btn{margin-bottom:6px}}
.alert{padding:12px 14px;border-radius:14px;margin:12px 0;background:#f3f4f6}.alert.success{background:#eefbf1;border:1px solid #bde7c7;color:#176b2c}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.label-card{border:1px dashed #132048;border-radius:12px;padding:12px;text-align:center;background:#fff;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.label-card img{width:120px;height:120px}.label-card strong{color:#132048}.label-card span{font-size:12px;line-height:1.3}.label-card small{color:#666}.bulk-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.no-print{}@media print{.sidebar,.topbar,.no-print,.actions,.pagination{display:none!important}.main-panel{margin:0!important}.container{padding:0!important}.label-card{break-inside:avoid}.labels-grid{grid-template-columns:repeat(3,1fr)}}

/* Phase 5 */
.notice-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:10px;background:#fff;box-shadow:0 7px 18px rgba(19,32,72,.04)}
.notice-card p{margin:6px 0}.notice-card.read{opacity:.68}.notice-info{border-left:6px solid var(--blue)}.notice-warning{border-left:6px solid var(--yellow)}.notice-danger{border-left:6px solid var(--danger)}.notice-success{border-left:6px solid var(--ok)}
.fine-pending{background:#fff4d6;color:#8a5b00}.fine-partially-paid{background:#e9edff;color:#425CC7}.fine-paid{background:#e9fbef;color:#166534}.fine-waived{background:#f3f4f6;color:#54565a}
.status-damaged{background:#fff4d6;color:#8a5b00}.status-archived{background:#f3f4f6;color:#54565a}.status-available{background:#e9fbef;color:#166534}
@media(max-width:800px){.notice-card{flex-direction:column}.notice-card .btn{width:100%}}

/* Phase 6 production cleanup */
.side-nav a em{margin-left:auto;background:#FFB71B;color:#132048;font-style:normal;font-size:11px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:0 6px}
.notify-pill{background:#fff4d6;color:#8a5700;border:1px solid #ffe2a0;border-radius:999px;padding:8px 10px;font-weight:900;font-size:12px;text-decoration:none}
.phase6-shortcuts{background:linear-gradient(180deg,#fff,#f8faff)}
.ops-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ops-grid a{display:block;text-decoration:none;color:#132048;border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px;min-height:94px;box-shadow:0 8px 20px rgba(19,32,72,.04)}
.ops-grid a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(19,32,72,.08)}
.ops-grid strong{display:block;color:#425CC7;margin-bottom:6px;font-size:15px}.ops-grid span{display:block;color:#54565a;font-size:12px;line-height:1.35}
@media(max-width:1200px){.ops-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.ops-grid{grid-template-columns:1fr}.notify-pill{width:100%;text-align:center}}
/* Phase 7 additions */
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px;margin-top:16px}.calendar-day{min-height:130px;background:#fff;border:1px solid #e6e9f5;border-radius:16px;padding:10px;box-shadow:0 8px 22px rgba(19,32,72,.05)}.calendar-day.today{border-color:#425CC7;box-shadow:0 0 0 3px rgba(66,92,199,.12)}.calendar-day.muted{background:#f7f8fc}.calendar-date{font-weight:800;color:#132048;margin-bottom:8px}.calendar-item{display:block;text-decoration:none;border-radius:10px;padding:7px;margin:5px 0;background:#f4f6ff;border-left:4px solid #425CC7;color:#132048;font-size:12px}.calendar-item span{display:block;opacity:.75}.calendar-item.status-overdue{border-left-color:#dc3545;background:#fff5f5}.calendar-item.status-returned{border-left-color:#198754;background:#f5fff9}.timeline{position:relative;margin:10px 0 30px 20px}.timeline:before{content:"";position:absolute;left:10px;top:0;bottom:0;width:2px;background:#dbe1f7}.timeline-item{position:relative;margin:0 0 16px 0;padding-left:34px}.timeline-dot{position:absolute;left:2px;top:12px;width:18px;height:18px;border-radius:50%;background:#425CC7;border:4px solid #fff;box-shadow:0 0 0 2px #425CC7}.timeline-card{background:#fff;border:1px solid #e6e9f5;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(19,32,72,.05)}.alert{background:#fff6df;border:1px solid #FFB71B;border-radius:12px;padding:12px;color:#132048}@media(max-width:900px){.calendar-grid{grid-template-columns:1fr}.calendar-day{min-height:auto}.side-nav a{font-size:14px}}

/* Phase 8 refinements */
.alert.success{background:#eaf8ef;border:1px solid #b7e3c3;color:#146b2d;padding:12px 14px;border-radius:14px;margin:12px 0}
.actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.status.danger{background:#ffe7e7;color:#a20000;padding:4px 10px;border-radius:999px;font-weight:700}
.filters.compact{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.filters.compact label{font-size:12px;font-weight:700;color:#132048;display:block}
.filters.compact select,.filters.compact input{min-height:38px;border:1px solid #d8dceb;border-radius:10px;padding:8px 10px}
@media(max-width:900px){.grid-2{grid-template-columns:1fr}.filters.compact{display:grid;grid-template-columns:1fr}.actions-row .btn{width:100%;text-align:center}}

/* Phase 9 Export Center */
.phase9-hero{background:linear-gradient(135deg,#132048,#425CC7)}
.export-card p{color:var(--muted);line-height:1.55;margin-top:0}
.export-card .btn{margin-top:4px}
.side-nav a[href="export_center.php"]{border:1px solid rgba(255,255,255,.18)}
@media(max-width:800px){.export-card .actions-row{display:grid;grid-template-columns:1fr}.export-card .btn{width:100%}}


/* Phase 10 finalization */
.phase10-hero{background:linear-gradient(135deg,#132048,#425CC7 70%,#FFB71B)}
.phase10-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.phase10-dashboard-strip{border:1px solid rgba(66,92,199,.18);background:linear-gradient(180deg,#fff,#f7f9ff)}
.health-list{display:grid;gap:10px}.health-row{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;display:grid;gap:6px}.health-row strong{color:var(--dark)}.health-row span{display:inline-flex;width:max-content;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900}.health-row p{margin:0;color:var(--muted);line-height:1.45}.health-ok span{background:#e9fbef;color:#166534}.health-warning span{background:#fff4d6;color:#8a5b00}.health-critical span{background:#ffe8e8;color:#991b1b}.phase10-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.phase10-widget-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.phase10-widget{display:block;border:1px solid var(--line);border-radius:22px;background:#fff;padding:22px;box-shadow:var(--shadow);text-decoration:none;color:var(--dark)}.phase10-widget b{display:block;font-size:34px;color:var(--blue);margin-bottom:8px}.phase10-widget span{font-weight:900;color:var(--muted)}.phase10-widget.warning b{color:#8a5b00}.phase10-widget.danger b{color:#991b1b}@media(max-width:900px){.phase10-stats,.phase10-actions,.phase10-widget-grid{grid-template-columns:1fr}}

/* Phase 11 production tools */
.backup-options{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;padding:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.check-row{display:flex;align-items:center;gap:8px;margin:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#f8faff;font-weight:800}.check-row input{width:auto}.health-row{padding:12px;border-bottom:1px solid var(--line)}.health-row:last-child{border-bottom:0}code{background:#eef2ff;border:1px solid var(--line);padding:2px 6px;border-radius:8px;color:var(--dark)}
@media(max-width:800px){.backup-options{grid-template-columns:1fr}}

/* Phase 12 real operations additions */
.phase12-operations-panel{border-left:5px solid #FFB71B;background:linear-gradient(135deg,#ffffff 0%,#f7f9ff 100%)}
.note-card{border:1px solid #e5e9f6;border-radius:14px;padding:12px;margin:10px 0;background:#fff}
.note-card b{display:block;color:#132048;margin-bottom:3px}.note-card span{font-size:12px;color:#667}.note-card p{margin:6px 0 0;color:#333}.alert.success{background:#e9f8ef;border:1px solid #b7e4c7;color:#155724;padding:12px;border-radius:14px;margin:12px 0}.success-card{max-width:760px;margin:auto;text-align:center}.success-card h2{color:#132048}.ops-grid a span{line-height:1.35}.table-wrap input{min-width:170px}
@media(max-width:760px){.phase12-operations-panel .ops-grid,.ops-grid{grid-template-columns:1fr!important}.table-wrap input{min-width:130px}.stats-8{grid-template-columns:repeat(2,1fr)!important}}


/* Phase 14 - table, pagination, mobile scan view */
.table-toolbar{display:flex;gap:10px;align-items:end;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.no-x-scroll{overflow-x:hidden!important}
.compact-books-table{min-width:0!important;width:100%;table-layout:fixed}
.compact-books-table th,.compact-books-table td{padding:12px 10px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.25}
.compact-books-table th:nth-child(1),.compact-books-table td:nth-child(1){width:42px;text-align:center}
.compact-books-table th:nth-child(2),.compact-books-table td:nth-child(2){width:58px;text-align:center}
.compact-books-table th:nth-child(3),.compact-books-table td:nth-child(3){width:92px}
.compact-books-table th:nth-child(4),.compact-books-table td:nth-child(4){width:17%}
.compact-books-table th:nth-child(5),.compact-books-table td:nth-child(5){width:9%}
.compact-books-table th:nth-child(6),.compact-books-table td:nth-child(6){width:10%}
.compact-books-table th:nth-child(7),.compact-books-table td:nth-child(7){width:9%}
.compact-books-table th:nth-child(8),.compact-books-table td:nth-child(8){width:11%}
.compact-books-table th:nth-child(9),.compact-books-table td:nth-child(9){width:15%}
.compact-books-table th:nth-child(10),.compact-books-table td:nth-child(10){width:92px}
.compact-books-table th:nth-child(11),.compact-books-table td:nth-child(11){width:118px}
.compact-books-table .actions{display:grid;grid-template-columns:1fr;gap:6px}.compact-books-table .actions .btn{width:100%;padding:9px 8px;font-size:12px}
.record-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.record-nav .btn{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.25)}.card .record-nav .btn,.form-card .record-nav .btn{background:#eef2ff;color:#132048;border:1px solid #dfe5f5}
.mobile-book-shell{max-width:720px;margin:0 auto}.mobile-book-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.mobile-cover{background:linear-gradient(135deg,#eef2ff,#fff7df);min-height:220px;display:flex;align-items:center;justify-content:center}.mobile-cover img{max-width:100%;max-height:360px;object-fit:contain}.mobile-no-cover{width:170px;height:220px;border:2px dashed #cbd3e6;border-radius:22px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:900;background:#fff}.mobile-book-body{padding:20px}.mobile-book-body h2{font-size:28px;line-height:1.15;margin:12px 0;color:var(--dark)}.mobile-status-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 16px}.mobile-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-info-grid div{border:1px solid var(--line);border-radius:16px;padding:12px;background:#f8faff}.mobile-info-grid small{display:block;color:var(--muted);font-weight:900;margin-bottom:5px}.mobile-info-grid b{color:var(--dark);word-break:break-word}.mobile-notes{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.mobile-notes p{line-height:1.55;color:#374151}.mobile-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.mobile-nav .btn{background:#eef2ff;color:#132048!important;border:1px solid #dfe5f5}.qr-result-card .actions{margin-bottom:14px}
@media(max-width:1200px){.compact-books-table th:nth-child(5),.compact-books-table td:nth-child(5),.compact-books-table th:nth-child(8),.compact-books-table td:nth-child(8){display:none}.compact-books-table th:nth-child(4),.compact-books-table td:nth-child(4){width:24%}.compact-books-table th:nth-child(9),.compact-books-table td:nth-child(9){width:22%}}
@media(max-width:800px){.no-x-scroll{overflow:visible!important}.compact-books-table,.compact-books-table thead,.compact-books-table tbody,.compact-books-table tr,.compact-books-table td{display:block;width:100%!important}.compact-books-table thead{display:none}.compact-books-table tr{border:1px solid var(--line);border-radius:18px;margin-bottom:12px;background:#fff;box-shadow:0 8px 20px rgba(19,32,72,.05);overflow:hidden}.compact-books-table td{border-bottom:1px solid var(--line);padding:10px 14px!important;text-align:left!important}.compact-books-table td:before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:900;margin-bottom:4px}.compact-books-table td:last-child{border-bottom:0}.compact-books-table .actions{grid-template-columns:1fr 1fr}.mobile-info-grid,.mobile-actions{grid-template-columns:1fr}.mobile-book-body h2{font-size:22px}.record-nav .btn{width:100%}}