:root{--wine:#801330;--pink:#ffc6bf;--teal:#003744;--coral:#fe8781;--cream:#ffeee4;--bg:#f8f5f3;--card:#fff;--text:#203036;--muted:#718086;--line:#eadfdb;--shadow:0 16px 40px rgba(45,28,32,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--teal);color:#fff;padding:24px 16px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 28px}.brand-mark{width:38px;height:38px;border-radius:13px;background:var(--coral);display:grid;place-items:center;font-family:'Playfair Display';font-size:23px;color:#fff}.brand strong{display:block;font-family:'Playfair Display';font-size:22px}.brand small{display:block;color:#b9cdd0;font-size:11px;letter-spacing:.08em}.nav-label{font-size:10px;letter-spacing:.15em;color:#86a7ac;margin:17px 11px 7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#c9d9dc;font-size:14px;margin:3px 0}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.1);color:#fff}.sidebar nav i{width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.mini-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:14px;font-size:11px;color:#bfd0d3;display:flex;gap:9px}.logout{margin-top:12px;width:100%;border:0;background:transparent;color:#c9d9dc;text-align:left;padding:11px 12px;cursor:pointer}.main{margin-left:250px;width:calc(100% - 250px)}.topbar{height:76px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:5}.crumb{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.crumb b{color:var(--text)}.crumb i{font-size:9px}.top-actions{display:flex;align-items:center;gap:14px}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:12px;cursor:pointer;color:var(--teal)}.user-pill{display:flex;align-items:center;gap:9px}.user-pill strong{display:block;font-size:13px}.user-pill small{display:block;font-size:10px;color:var(--muted)}.avatar{width:36px;height:36px;border-radius:50%;background:var(--pink);color:var(--wine);display:grid;place-items:center;font-weight:700}.content{padding:30px 34px 48px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.page-head h1{margin:0;font-family:'Playfair Display';font-size:34px}.page-head p{margin:7px 0 0;color:var(--muted);font-size:13px}.actions{display:flex;gap:9px}.btn{border:0;border-radius:11px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px}.btn.primary{background:var(--wine);color:#fff}.btn.secondary{background:var(--teal);color:#fff}.btn.soft{background:var(--cream);color:var(--wine)}.btn.outline{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.danger{background:#fff0ef;color:#b52f38}.btn.full{width:100%;padding:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--cream);color:var(--wine)}.stat small{color:var(--muted);font-size:11px}.stat h3{margin:12px 0 3px;font-size:26px}.trend{font-size:10px;color:#4d8172}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.card-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head h3{margin:0;font-size:15px}.card-body{padding:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:left;padding:11px 14px;background:#fcfaf9}.table td{padding:13px 14px;border-top:1px solid #f0e8e5;font-size:12px;vertical-align:middle}.book-mini{display:flex;align-items:center;gap:10px}.book-mini>div{min-width:0}.book-mini .book-isbn,.book-mini .book-year{display:block;margin-top:2px;line-height:1.2}.book-mini .book-year{margin-top:1px}.cover-mini{width:34px;height:45px;object-fit:cover;border-radius:5px;background:var(--cream)}.badge{display:inline-flex;padding:5px 8px;border-radius:99px;font-size:10px;font-weight:700}.badge-success{background:#e8f5ef;color:#36745c}.badge-warning{background:#fff3dc;color:#9b6813}.badge-danger{background:#ffebeb;color:#ad3a3d}.badge-muted{background:#edf0f0;color:#687579}.alert{padding:12px 14px;border-radius:12px;margin-bottom:18px;font-size:12px;display:flex;gap:9px;align-items:center}.alert.success{background:#e8f5ef;color:#36745c}.alert.danger{background:#ffebeb;color:#ad3a3d}.searchbar{display:flex;gap:10px;background:var(--card);padding:13px;border:1px solid var(--line);border-radius:15px;margin-bottom:18px}.searchbar input,.searchbar select,.form-control{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 11px;background:#fff;color:var(--text);outline:none}.searchbar input:focus,.form-control:focus{border-color:var(--coral)}.input-icon{position:relative}.input-icon i{position:absolute;left:13px;top:13px;color:#9aa6a8;font-size:13px}.input-icon input{padding-left:38px}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.book-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow);transition:.2s}.book-card:hover{transform:translateY(-3px)}.book-cover{height:230px;width:100%;object-fit:cover;background:linear-gradient(135deg,var(--cream),#fff)}.book-info{padding:14px}.book-info h3{font-size:14px;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-info p{font-size:11px;color:var(--muted);margin:0 0 10px}.book-meta{display:flex;justify-content:space-between;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;font-size:11px;font-weight:700;margin:0 0 6px}.form-group.full{grid-column:1/-1}.form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:9px}.cover-preview{width:130px;height:175px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.chart-bars{height:240px;display:flex;align-items:flex-end;gap:12px;padding:10px 4px}.bar-col{flex:1;text-align:center}.bar{width:100%;background:var(--coral);border-radius:7px 7px 2px 2px;min-height:4px}.bar-label{font-size:9px;color:var(--muted);margin-top:6px}.bar-val{font-size:9px;margin-bottom:5px;color:var(--teal)}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--wine) 0 48%,var(--coral) 48% 72%,var(--teal) 72% 91%,var(--pink) 91% 100%);display:grid;place-items:center;margin:auto}.donut:after{content:'Koleksi';width:95px;height:95px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:12px;color:var(--muted)}.kpi-list{display:grid;gap:10px}.kpi{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.muted{color:var(--muted)}.empty{padding:40px;text-align:center;color:var(--muted)}.empty i{font-size:30px;color:var(--pink);margin-bottom:8px}.opac-hero{background:linear-gradient(125deg,var(--teal),#075262);border-radius:22px;padding:34px;color:#fff;margin-bottom:24px;position:relative;overflow:hidden}.opac-hero:after{content:'';position:absolute;width:270px;height:270px;border-radius:50%;right:-80px;top:-110px;background:rgba(254,135,129,.2)}.opac-hero h1{font-family:'Playfair Display';font-size:40px;margin:0 0 8px}.opac-hero p{color:#c7dcdf;font-size:13px;margin:0 0 20px}.opac-search{display:flex;background:#fff;padding:7px;border-radius:13px;max-width:800px}.opac-search input{flex:1;border:0;outline:0;padding:10px}.opac-search button{border:0;background:var(--wine);color:#fff;border-radius:10px;padding:0 18px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.tag{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.1);font-size:10px}.login-page{min-height:100vh;background:#f7f3f1}.login-wrap{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-art{background:var(--teal);position:relative;overflow:hidden;color:#fff;padding:70px;display:flex;align-items:flex-end}.art-copy{max-width:540px;position:relative;z-index:2}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--pink);font-weight:700}.art-copy h1{font-family:'Playfair Display';font-size:56px;line-height:1.05;margin:18px 0}.art-copy h1 em{color:var(--coral)}.art-copy p{color:#c6dadd;max-width:480px;line-height:1.7;font-size:14px}.art-shape{position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:-120px;border:90px solid rgba(254,135,129,.15)}.login-card{display:flex;justify-content:center;flex-direction:column;padding:70px;max-width:540px;width:100%;margin:auto}.brand.big{padding:0 0 45px}.login-card h2{font-family:'Playfair Display';font-size:32px;margin:0 0 6px}.login-card label{font-size:11px;font-weight:700;display:block;margin:18px 0 7px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;outline:0}.login-card .input-icon input{padding-left:38px}.login-card .btn{margin-top:22px}.login-note{font-size:10px;color:var(--muted);text-align:center;margin-top:16px}.login-note i{color:var(--wine)}.barcode{width:180px;max-width:100%;color:#111}.cover-big{width:150px;height:210px;object-fit:cover;border-radius:9px}.book-detail{display:grid;grid-template-columns:180px 1fr;gap:25px}.detail-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-item{padding:10px 0;border-bottom:1px solid var(--line)}.detail-item small{display:block;color:var(--muted);font-size:10px}.detail-item strong{font-size:12px}.print-sheet{background:#fff}.print-actions{padding:15px;background:#f5f1ef;display:flex;gap:8px;justify-content:center}.print-page{padding:25px}.report-head{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid var(--teal);padding-bottom:12px;margin-bottom:15px}.report-head h1{font-family:'Playfair Display';margin:0}.report-table{width:100%;border-collapse:collapse}.report-table th,.report-table td{border:1px solid #cfd5d6;padding:7px;font-size:11px}.member-card{width:340px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.member-card .mc-top{background:var(--teal);color:#fff;padding:17px}.member-card .mc-body{padding:17px;display:flex;gap:15px}.member-card .mc-avatar{width:72px;height:90px;border-radius:10px;background:var(--cream);display:grid;place-items:center;font-size:28px;color:var(--wine)}.member-card .mc-body h3{margin:0 0 4px}.member-card small{color:var(--muted)}.member-card .mc-bar{padding:0 17px 17px}.label-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.book-label{border:1px dashed #999;padding:9px;min-height:150px}.book-label strong{font-size:11px;display:block}.book-label small{font-size:9px;color:#555}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.book-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:800px){.sidebar{width:72px}.sidebar .brand div,.sidebar .nav-label,.sidebar nav a:not(.active)::after,.sidebar nav a{font-size:0}.sidebar nav a{justify-content:center}.sidebar nav i{font-size:15px}.main{margin-left:72px;width:calc(100% - 72px)}.topbar{padding:0 15px}.content{padding:20px 15px}.book-grid{grid-template-columns:repeat(2,1fr)}.login-wrap{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:40px}.form-grid{grid-template-columns:1fr}}@media print{.no-print,.sidebar,.topbar{display:none!important}.main{margin:0;width:100%}.content{padding:0}.print-actions{display:none!important}body{background:#fff}.card{box-shadow:none;border:0}}
body.dark{--bg:#142126;--card:#193038;--text:#edf3f3;--muted:#a7b7ba;--line:#294047}body.dark .topbar{background:rgba(20,33,38,.9)}body.dark .icon-btn,body.dark .btn.outline,body.dark .searchbar input,body.dark .searchbar select,body.dark .form-control,body.dark .login-card input{background:#193038;color:#edf3f3}body.dark .book-card,body.dark .stat{background:#193038}body.dark .table th{background:#1d363e}body.dark .donut:after{background:#193038}
.public-nav{height:76px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;position:sticky;top:0;z-index:5}.visitor-public{background:linear-gradient(135deg,#fffaf7 0%,var(--cream) 48%,#f8f5f3 100%);min-height:100vh}.visitor-wrap{max-width:1180px;margin:0 auto;padding:70px 28px 90px;display:grid;grid-template-columns:1fr 520px;gap:70px;align-items:center}.visitor-intro h1{font-family:'Playfair Display';font-size:56px;line-height:1.06;margin:15px 0 20px;color:var(--teal)}.visitor-intro h1 em{color:var(--wine);font-style:italic}.visitor-intro>p{max-width:540px;color:var(--muted);font-size:15px;line-height:1.8}.visitor-features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.visitor-features div{background:rgba(255,255,255,.65);border:1px solid rgba(128,19,48,.08);border-radius:16px;padding:15px 12px;font-size:11px;color:var(--teal);display:flex;flex-direction:column;gap:10px}.visitor-features i{font-size:18px;color:var(--coral)}.visitor-card{overflow:hidden}.visitor-card .card-head{padding:20px 22px}.visitor-card .card-head h3{font-size:18px;margin-bottom:4px}.visitor-icon{font-size:24px;color:var(--wine);background:var(--cream);padding:11px;border-radius:13px}.visitor-card .card-body{padding:24px}.visitor-card small.muted{display:block;margin-top:6px;font-size:10px}.visitor-foot{text-align:center;color:var(--muted);font-size:10px;margin:18px 0 0}.visitor-foot i{color:var(--coral)}body.dark .public-nav{background:rgba(20,33,38,.92)}body.dark .visitor-public{background:linear-gradient(135deg,#142126,#193038)}body.dark .visitor-features div{background:rgba(25,48,56,.72)}@media(max-width:900px){.visitor-wrap{grid-template-columns:1fr;gap:30px;padding-top:45px}.visitor-intro h1{font-size:43px}.visitor-features{grid-template-columns:1fr 1fr 1fr}}@media(max-width:560px){.public-nav{padding:0 15px}.visitor-wrap{padding:35px 15px 60px}.visitor-features{grid-template-columns:1fr}.visitor-intro h1{font-size:38px}}

.book-card{position:relative}.book-icon{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.92);color:var(--wine);display:grid;place-items:center;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.08)}.call-number{display:inline-flex;align-items:center;gap:5px;color:var(--teal);font-weight:700;font-size:10px}.callout{margin-top:18px;padding:13px 15px;border-radius:12px;background:var(--cream);color:var(--text);display:flex;gap:10px;align-items:flex-start;font-size:12px}.callout>i{color:var(--wine);margin-top:2px}.photo-preview{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px;color:var(--muted)}.photo-preview img{width:70px;height:85px;object-fit:cover;border-radius:10px}.input-prefix{position:relative}.input-prefix span{position:absolute;left:11px;top:11px;font-size:12px;color:var(--muted);z-index:1}.input-prefix input{padding-left:34px}.spine-call{font-size:16px!important;letter-spacing:.05em;margin-bottom:7px!important;color:var(--wine)}.member-portal{min-height:100vh;background:var(--bg);padding:0 5vw 50px}.portal-top{height:78px;display:flex;align-items:center;justify-content:space-between}.portal-hero{background:linear-gradient(125deg,var(--teal),#075262);border-radius:24px;padding:35px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px}.portal-hero h1{font-family:'Playfair Display';font-size:40px;margin:10px 0}.portal-hero p{color:#c7dcdf}.member-mini-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:17px;padding:13px 16px;display:flex;gap:12px;align-items:center;min-width:210px}.member-mini-card .mc-avatar{width:52px;height:60px;border-radius:10px;background:var(--cream);display:grid;place-items:center;color:var(--wine);overflow:hidden}.member-mini-card img{width:100%;height:100%;object-fit:cover}.member-mini-card small{display:block;color:#c7dcdf;margin-top:4px}.portal-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:20px}@media(max-width:800px){.portal-hero,.portal-grid{grid-template-columns:1fr;display:grid}.member-portal{padding:0 15px 30px}}

.member-card .mc-avatar{overflow:hidden}.member-card .mc-avatar img{width:100%;height:100%;object-fit:cover}.book-cover{position:relative}
.report-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.report-nav-item{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(0,55,68,.10);border-radius:16px;background:var(--card,#fff);color:inherit;text-decoration:none;transition:.2s}.report-nav-item i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#FFEEE4;color:#801330}.report-nav-item span{display:flex;flex-direction:column;gap:3px}.report-nav-item small{font-size:11px;color:#777}.report-nav-item.active{border-color:#FE8781;box-shadow:0 8px 24px rgba(128,19,48,.08)}
@media(max-width:900px){.report-nav{grid-template-columns:1fr 1fr}}@media(max-width:600px){.report-nav{grid-template-columns:1fr}}
.btn.danger{color:#b42318;border:1px solid #f3b6b0;background:#fff5f4}.btn.danger:hover{background:#fee4e2}
.member-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.member-card-grid .member-card{break-inside:avoid}.member-card-grid .mc-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}@media print{.member-card-grid{grid-template-columns:repeat(2,1fr);gap:10mm}.member-card-grid .member-card{page-break-inside:avoid}}@media(max-width:700px){.member-card-grid{grid-template-columns:1fr}}
.brand-mark{font-size:15px;font-family:'DM Sans',sans-serif;font-weight:800;letter-spacing:-.06em}.crumb a{color:var(--wine);font-weight:700}.crumb a:hover{text-decoration:underline}.about-opac{margin:28px 0;background:var(--cream);border:1px solid #f0d8d0;border-radius:22px;padding:26px 30px;display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:center}.about-opac h2{font-family:'Playfair Display';font-size:30px;margin:8px 0}.about-opac p{font-size:13px;line-height:1.75;color:#5e686c;max-width:620px}.about-points{display:grid;gap:11px}.about-points>div{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.65);border:1px solid rgba(128,19,48,.08);padding:12px;border-radius:13px}.about-points i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--wine)}.about-points b,.about-points small{display:block}.about-points b{font-size:12px}.about-points small{font-size:10px;color:var(--muted);margin-top:3px}.mc-exp{font-size:10px;text-align:center;margin:0 0 7px;color:var(--wine);font-weight:700;letter-spacing:.03em}.mc-exp strong{font-weight:800}.mc-bar .barcode{margin:auto;display:block}@media(max-width:800px){.about-opac{grid-template-columns:1fr;padding:22px}.crumb{max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

.brand-logo{width:38px;height:38px;border-radius:11px;flex:0 0 auto}.brand-text{display:flex;flex-direction:column}.breadcrumb{padding:14px 30px 0;font-size:11px;color:var(--muted)}.breadcrumb a{color:var(--wine);font-weight:700}.breadcrumb span{margin:0 7px}.about-opac{margin-top:28px;margin-bottom:40px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:30px;box-shadow:var(--shadow)}.about-opac h2{font-family:'Playfair Display';font-size:30px;margin:8px 0}.about-opac p{font-size:12px;line-height:1.7;color:var(--muted)}.about-points{display:grid;gap:12px}.about-points>div{display:flex;gap:12px;align-items:flex-start}.about-points i{width:34px;height:34px;border-radius:10px;background:var(--cream);color:var(--wine);display:grid;place-items:center}.about-points span{display:grid;gap:3px}.about-points small{font-size:10px;color:var(--muted)}.mc-bar{position:relative}.mc-exp{font-size:10px;font-weight:700;margin-bottom:4px}.member-card .mc-bar .barcode{display:block}@media(max-width:800px){.about-opac{grid-template-columns:1fr}.breadcrumb{padding-left:15px;padding-right:15px}}

/* Pengaturan tipe anggota & eksemplar agar tidak menumpuk */
.split-settings{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}.form-stack{display:grid;gap:16px}.compact-grid{gap:16px}.field-with-action{display:flex;gap:8px}.field-with-action .form-control{flex:1}.field-with-action .btn{flex:0 0 42px;padding:10px}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text)}.type-list{padding:4px 18px 14px}.type-item{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.type-item:last-child{border-bottom:0}.type-icon{width:36px;height:36px;border-radius:11px;background:var(--cream);color:var(--wine);display:grid;place-items:center}.type-main b,.type-main small,.type-meta small{display:block}.type-main b{font-size:13px}.type-main small{font-size:10px;color:var(--muted);margin-top:3px}.type-meta{text-align:right}.type-meta small{font-size:10px;color:var(--muted);margin-top:4px}.exemplar-help{display:grid;gap:18px}.exemplar-help>div{display:flex;gap:12px;align-items:flex-start}.exemplar-help i{width:30px;height:30px;border-radius:9px;background:var(--cream);color:var(--wine);display:grid;place-items:center;font-size:11px}.exemplar-help span{display:grid;gap:4px}.exemplar-help b{font-size:12px}.exemplar-help small{font-size:10px;color:var(--muted);line-height:1.5}.page-head .actions{flex-wrap:wrap}@media(max-width:900px){.split-settings{grid-template-columns:1fr}.type-item{grid-template-columns:40px minmax(0,1fr) auto}.type-meta{grid-column:2;text-align:left}.type-item>.actions{grid-column:3;grid-row:1 / span 2}}@media(max-width:600px){.page-head{align-items:flex-start;gap:14px;flex-direction:column}.page-head .actions{width:100%}.page-head .actions .btn{flex:1}.type-item{grid-template-columns:36px minmax(0,1fr);}.type-item>.actions{grid-column:2;grid-row:auto}.type-meta{grid-column:2}.form-actions{flex-wrap:wrap}.form-actions .btn{flex:1}}

.page-head-actions{align-items:stretch;gap:10px}.label-menu{position:relative}.label-menu-toggle{min-width:180px;height:100%;white-space:nowrap}.label-menu-chevron{font-size:10px;margin-left:2px}.label-menu-panel{display:none;position:absolute;right:0;top:calc(100% + 8px);width:310px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 32px rgba(45,28,32,.12);padding:7px;z-index:30}.label-menu.open .label-menu-panel{display:block}.label-menu-panel a{display:flex;align-items:flex-start;gap:11px;padding:11px 10px;border-radius:10px;color:var(--text)}.label-menu-panel a:hover{background:var(--cream)}.label-menu-panel a>i{width:18px;color:var(--wine);text-align:center;margin-top:2px}.label-menu-panel b,.label-menu-panel small{display:block}.label-menu-panel b{font-size:12px}.label-menu-panel small{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.35}.page-head-actions>.btn,.page-head-actions>.label-menu{height:52px}.page-head-actions>.btn{min-width:170px}.page-head-actions>.btn.primary{min-width:175px}@media(max-width:900px){.page-head-actions{width:auto}.page-head-actions>.btn,.page-head-actions>.label-menu{height:48px}.label-menu-panel{right:0}}@media(max-width:600px){.page-head-actions{width:100%;flex-wrap:wrap}.page-head-actions>.btn,.page-head-actions>.label-menu{flex:1;min-width:0}.label-menu-toggle{min-width:0;width:100%}.label-menu-panel{left:0;right:auto;width:min(310px,calc(100vw - 40px))}}


/* Final alignment: bibliografi, anggota, and label selector */
.page-head-actions{display:flex;flex-wrap:nowrap!important;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}
.page-head-actions>.btn,.page-head-actions>.label-menu{height:52px;min-height:52px}
.page-head-actions>.btn{min-width:170px}
.page-head-actions>.label-menu{min-width:180px}
.page-head > div:first-child{min-width:0}
@media(max-width:1050px){.page-head-actions>.btn,.page-head-actions>.label-menu{min-width:auto}.page-head-actions .btn{padding-left:11px;padding-right:11px}.page-head-actions span{white-space:nowrap}}
@media(max-width:850px){.page-head{align-items:flex-start}.page-head-actions{flex-wrap:wrap!important;width:100%}.page-head-actions>.btn,.page-head-actions>.label-menu{flex:1 1 180px}}
.label-selector-head{margin-bottom:20px}.label-search-card{padding:0}.label-select-card{overflow:hidden}.label-card-head{gap:18px;align-items:center}.label-actions{flex-wrap:nowrap!important;white-space:nowrap}.label-actions .btn{min-width:auto}.label-select-card .table td,.label-select-card .table th{padding:13px 14px}.label-select-card .table td:first-child,.label-select-card .table th:first-child{width:48px;text-align:center}.label-select-card .table td:nth-child(2){min-width:175px}.label-select-card .table td:nth-child(3){min-width:260px}.label-select-card .table td:nth-child(4){min-width:130px}.label-select-card .table td:nth-child(5){min-width:100px}.label-select-card .table td:nth-child(6){min-width:110px}
@media(max-width:850px){.label-card-head{align-items:flex-start;flex-direction:column}.label-actions{width:100%;flex-wrap:wrap!important}.label-actions .btn{flex:1}}

/* 8 daerah bibliografi */
.form-section{border:1px solid #eadfdb;border-radius:18px;padding:20px;margin-bottom:16px;background:#fffaf8}.form-section h3{margin:0 0 16px;font-size:16px;color:#003744}.bibliographic-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.subcard{box-shadow:none;border-radius:16px}.subcard .card-head{padding:16px 18px}.subcard .card-body{padding:18px}@media(max-width:900px){.bibliographic-areas{grid-template-columns:1fr}}

/* Final layout refinements */
.bibliografi-actions{display:grid!important;grid-template-columns:repeat(2,minmax(185px,1fr));gap:10px;min-width:390px}.bibliografi-actions>.btn,.bibliografi-actions>.label-menu{width:100%;min-width:0;height:50px}.bibliografi-actions .label-menu-toggle{width:100%;min-width:0}.bibliographic-areas{display:block;margin-top:22px}.book-detail-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}.book-detail-meta-grid .subcard{height:100%}.book-detail-meta-grid .detail-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 12px}.book-detail-meta-grid .detail-item.full{grid-column:1/-1}.detail-barcode{padding:10px 18px 18px}.detail-barcode .barcode{display:block;margin:auto;max-width:180px}.description-card{margin-top:16px}.book-description{font-size:13px;line-height:1.8;margin:0;color:var(--text)}.opac-book-metadata{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0;font-size:9px;color:var(--muted)}.opac-book-metadata span{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:4px 6px}.book-card .book-info h3{line-height:1.35}.label-menu-panel{min-width:310px}.page-head-actions{align-items:stretch!important}@media(max-width:900px){.book-detail-meta-grid{grid-template-columns:1fr}.bibliografi-actions{min-width:0;width:100%}}@media(max-width:600px){.bibliografi-actions{grid-template-columns:1fr 1fr;min-width:0}.bibliografi-actions>.btn,.bibliografi-actions>.label-menu{height:48px}.book-detail-meta-grid .detail-list{grid-template-columns:1fr}}

/* Metadata detail - tampilan ringkas dan konsisten */
.metadata-card,.metadata-notes{margin-top:22px;border:1px solid #eadfd9;border-radius:16px;background:#fff;overflow:hidden}.metadata-card>.card-head,.metadata-notes>.card-head{border-bottom:1px solid #eadfd9}.metadata-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:4px 22px 10px}.metadata-grid>div{padding:12px 0;border-bottom:1px solid #f0e7e2;min-width:0}.metadata-grid small,.notes-grid small{display:block;color:#718096;font-size:11px;margin-bottom:4px}.metadata-grid strong{display:block;font-size:13px;line-height:1.45;word-break:break-word}.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:4px 22px 10px}.notes-grid>div{padding:12px 0;border-bottom:1px solid #f0e7e2}.notes-grid p{margin:0;font-size:13px;line-height:1.6}.metadata-card .card-head h3,.metadata-notes .card-head h3{margin:0}@media(max-width:760px){.metadata-grid,.notes-grid{grid-template-columns:1fr}}