/* Đối chiếu iLovePDF — nhóm pages (09/11/2026). Chỉ agent nhóm pages sửa tệp này.
   Xoay / Sắp xếp / Loại bỏ trang / Trích xuất trang / Sửa PDF / PDF sang PDF/A, đo ở 1440×900. */

/* ---------- Khung chung: thanh bên 440px (380px ≤1599), tiêu đề 55px, nút xử lý 64px ---------- */
@media(min-width:701px){
.pdf-live .pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa]){grid-template-columns:minmax(0,1fr) 440px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .workspace-top{display:contents}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .workspace-top>a,
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-file-count,
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-toolbar [data-pdf=covers],
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-toolbar [data-pdf=reset]{display:none}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-toolbar{display:contents}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-toolbar [data-pdf=sort]{position:absolute;top:114px;right:27px;z-index:5;width:36px;height:36px;padding:0;border-radius:50%;border:0;background:#fff;box-shadow:0 3px 6px #00000024;font-size:12px;font-weight:600;color:#33333b}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .file-area:not(:has(.pdf-file-card+.pdf-file-card)) [data-pdf=sort]{display:none}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .file-area{padding:24px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-uploader-actions{top:60px;right:24px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-uploader-actions:is(:hover,:focus-within){z-index:7}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-files{padding-top:48px;gap:8px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-file-card{width:198px;height:244px;padding:31px 0 0}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-file-card :is(.file-preview,.pdf-thumb-rotate){height:180px;max-width:180px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-file-card .file-preview img{height:auto;width:auto;max-height:180px;max-width:180px}
.pdf-workspace:is([data-tool=rotate],[data-tool=repair],[data-tool=pdfa]) .pdf-file-card h3{position:absolute;bottom:2px;left:1px;right:1px;height:26px;padding:4px;margin:0;line-height:18px}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]) .options-panel{padding:0 24px 24px}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]) .options-panel>h1{height:auto;min-height:55px;padding:14px 24px;line-height:26px;margin:0 -24px;border-bottom:1px solid #e3e3ea}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]) .options-content{padding:20px 16px 120px}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa]) .pdf-summary:not(.invalid){display:none}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]) .process-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:64px;height:64px;font-size:22px;padding:8px 12px;margin:24px 0 0;width:100%}
.pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]) .process-button:disabled{opacity:.5;box-shadow:none}
}
@media(min-width:701px) and (max-width:1599px){
.pdf-live .pdf-workspace:is([data-tool=rotate],[data-tool=organize],[data-tool=repair],[data-tool=pdfa],[data-tool=remove]){grid-template-columns:minmax(0,1fr) 380px}
}
/* Nút thao tác trên thẻ tệp: biểu tượng SVG thay ký tự */
.pdf-card-actions button svg{display:block;margin:auto}
.pdf-card-actions button[data-pdf=remove] svg{width:10px;height:10px}

/* ---------- Xoay PDF ---------- */
.rotate-hint-icon{display:inline-block;vertical-align:-2px;color:#008ee9}
.pdf-workspace[data-tool=rotate] .rotate-choices{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.pdf-workspace[data-tool=rotate] .rotate-choices legend{float:left;width:100%;margin:0 0 4px;padding:0;font-size:15px;font-weight:500;line-height:20px;color:#33333b}
.pdf-workspace[data-tool=rotate] .rotate-choices .rotate-reset{position:absolute;right:0;top:0;flex:none;display:inline;min-height:0;min-width:0;width:auto;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;padding:0;font-size:16px;font-weight:500;line-height:20px;color:#e5322d;text-decoration:underline;z-index:1}
.pdf-workspace[data-tool=rotate] .rotate-choices .rotate-reset:hover{color:#bd060a}
.pdf-workspace[data-tool=rotate] .rotate-filter button{flex:1;min-height:88px;gap:6px;padding:10px 6px;font-size:16px;color:#85858e;background:#f5f5fa;border:2px solid transparent;border-radius:8px;box-shadow:0 1px 6px #00000024;transition:border-color .15s,color .15s}
.pdf-workspace[data-tool=rotate] .rotate-filter button svg{width:40px;height:40px;stroke-width:1.2}
.pdf-workspace[data-tool=rotate] .rotate-filter button:hover{color:#47474f}
.pdf-workspace[data-tool=rotate] .rotate-filter button[aria-pressed=true]{border-color:#e5322d;color:#e5322d}
.pdf-workspace[data-tool=rotate] .rotate-turns{flex-direction:column;align-items:center;gap:8px}
.pdf-workspace[data-tool=rotate] .rotate-turns legend{margin-bottom:12px}
.pdf-workspace[data-tool=rotate] .rotate-turns button{flex:none;flex-direction:row;justify-content:flex-start;gap:0;width:240px;min-height:49px;height:49px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#f5f5fa;box-shadow:0 1px 6px #00000024;color:#161616;font-size:14px;transition:background .15s,box-shadow .15s}
.pdf-workspace[data-tool=rotate] .rotate-turns button:hover{background:#ebebf4;box-shadow:0 2px 10px #00000030}
.pdf-workspace[data-tool=rotate] .rotate-turns button:active{transform:translateY(1px)}
.pdf-workspace[data-tool=rotate] .rotate-turns .rotate-turn-icon{display:grid;place-items:center;width:55px;height:49px;flex:none;background:#e5322d;color:#fff;font-size:0}
.pdf-workspace[data-tool=rotate] .rotate-turns button>span:last-child{padding:0 12px;font-size:14px;text-transform:uppercase;letter-spacing:.2px}
.pdf-file-card.rotate-muted .file-preview,.pdf-file-card.rotate-muted h3{opacity:.4}

/* ---------- Sắp xếp PDF ---------- */
@media(min-width:701px){
.pdf-workspace[data-tool=organize] .file-area.org-area{padding:24px 24px 60px;position:relative}
.org-area .org-tools{position:absolute;top:60px;right:24px;float:none;width:44px;gap:14px;z-index:6}
.org-area .org-grid{padding:138px 0 24px;gap:24px}
}
.org-area .org-tools>.org-icon{width:36px;height:36px;padding:0;display:grid;place-items:center;background:#fff;color:#33333b;box-shadow:0 3px 6px #00000024;transition:box-shadow .15s}
.org-area .org-tools>.org-icon:hover{box-shadow:0 1px 16px #00000030}
.org-area .org-tools>.org-icon[aria-pressed=true]{background:#47474f;color:#fff}
.org-area .org-page{width:204px;height:250px;border:1px solid var(--source-2,var(--source));border-radius:8px;background:var(--source);transition:background .15s}
.org-area .org-page::before{content:'';position:absolute;inset:2px;border:1px solid transparent;border-radius:8px;background:#fdfdfd;box-shadow:0 0 8px #00000014;transition:border-color .2s ease-out}
.org-area .org-page:hover::before,.org-area .org-page:focus-visible::before{border-color:#9999a2}
.org-area .org-page:hover,.org-area .org-page:focus-within{border-color:var(--source-2,var(--source));z-index:4}
.org-area .org-page.org-active{background:var(--source-2,var(--source));border-color:var(--source-2,var(--source))}
.org-area .org-sheet{position:relative;width:180px;height:184px;margin-top:-12px}
.org-area .org-sheet img{max-width:180px;max-height:180px;box-shadow:0 0 5px 2px #0000000a}
.org-area .org-number{z-index:1;bottom:3px;left:3px;right:3px;height:26px;line-height:18px;padding:4px;text-align:center;color:#47474f}
.org-area .org-page-actions{right:9px;top:9px;gap:4px;z-index:2}
.org-area .org-page-actions .org-icon{width:24px;height:24px;padding:0;display:grid;place-items:center;background:#fff;color:#47474f;box-shadow:0 3px 6px #00000024}
.org-area .org-page-actions .org-icon:hover{color:#e5322d}
.org-area .org-page-actions button:last-child:hover{background:#fff;color:#e5322d}
.org-area .org-add{top:50%;width:42px;height:42px;margin-top:-21px;padding:0;display:grid;place-items:center;background:#fff;color:#47474f;box-shadow:0 3px 6px #00000024;z-index:3;transition:box-shadow .15s}
.org-area .org-add:hover{box-shadow:0 1px 16px #00000035}
.org-area .org-add.before{left:-34px}
.org-area .org-add.after{right:-34px}
.org-area .org-blank img{outline:1px solid #e3e3ea}
.org-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.org-area~aside .org-head h3{margin:0;font-size:15px;font-weight:500;line-height:20px;color:#33333b}
.pdf-workspace[data-tool=organize] .org-head .rotate-reset{padding:0;font-size:16px;font-weight:500;line-height:20px;color:#e5322d;text-decoration:underline}
.pdf-workspace[data-tool=organize] .org-head .rotate-reset:hover{color:#bd060a}
.org-files{gap:8px}
.org-source{position:relative;min-height:48px;padding:12px 48px 12px 4px;gap:0;border:1px dashed var(--source-3,#47474f);border-radius:8px;background:var(--source);color:#47474f;font-size:16px;line-height:20px;transition:background .15s}
.org-source.org-active{background:var(--source-2,var(--source));box-shadow:none}
.org-source .org-drag{display:grid;place-items:center;width:32px;flex:none;color:#47474f}
.org-source button{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;padding:0;display:grid;place-items:center;color:#47474f;opacity:0;transition:opacity .15s}
.org-source:is(:hover,:focus-within) button{opacity:1}
.org-source button:hover{color:#e5322d}
@media(max-width:700px){.org-area .org-page{width:132px;height:170px}.org-area .org-sheet{width:110px;height:120px}.org-area .org-sheet img{max-width:110px;max-height:118px}.org-area .org-add{width:32px;height:32px;margin-top:-16px}.org-area .org-add.before{left:-20px}.org-area .org-add.after{right:-20px}.org-source button{opacity:1}}

/* ---------- Loại bỏ trang ---------- */
@media(min-width:701px){
.pdf-workspace[data-tool=remove] .file-area{padding:68px 24px 40px}
.pdf-workspace[data-tool=remove] .pdf-pages{gap:0;padding:0}
}
.pdf-workspace[data-tool=remove] .remove-page{width:232px;margin:12px;padding:12px;border:1px dashed #707078}
.pdf-workspace[data-tool=remove] .pdf-page-card{width:198px;height:244px;min-height:244px;margin:4px;padding:30px 0 0;border:1px solid transparent;border-radius:8px;background:#fdfdfd;box-shadow:0 0 8px #00000014;cursor:pointer;transition:border-color .2s ease-out}
.pdf-workspace[data-tool=remove] .pdf-page-card:hover{border-color:#9999a2}
.pdf-workspace[data-tool=remove] .pdf-page-image{width:180px;height:184px;margin:0 auto;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:visible}
.pdf-workspace[data-tool=remove] .pdf-page-image img{width:auto;height:auto;max-width:180px;max-height:180px;object-fit:contain;filter:none;box-shadow:0 0 5px 2px #0000001a}
.pdf-workspace[data-tool=remove] .pdf-page-number{position:absolute;left:1px;right:1px;bottom:2px;height:26px;padding:4px;margin:0;font-size:12px;line-height:18px;color:#47474f}
.pdf-workspace[data-tool=remove] .remove-cross{font-size:0;background:transparent;inset:0 0 28px}
.pdf-workspace[data-tool=remove] .remove-cross::before,.pdf-workspace[data-tool=remove] .remove-cross::after{content:'';position:absolute;width:42px;height:4px;border-radius:1px;background:#e5322d;transform:rotate(45deg)}
.pdf-workspace[data-tool=remove] .remove-cross::after{transform:rotate(-45deg)}
.pdf-workspace[data-tool=remove] .pdf-page-card.selected :is(.pdf-page-image,.pdf-page-number){opacity:.3}
.pdf-workspace[data-tool=remove] .remove-zoom{right:28px;top:26px;width:24px;height:24px;padding:4px;background:#ebebf4;color:#33333b;box-shadow:0 1px 2px #0009;z-index:2}
.pdf-workspace[data-tool=remove] .remove-zoom svg{width:16px;height:16px;display:block}
.pdf-workspace[data-tool=remove] .remove-total{margin:16px 0 32px;font-size:16px;line-height:28px;color:#47474f}
.pdf-workspace[data-tool=remove] .remove-total strong{font-weight:500}
.pdf-workspace[data-tool=remove] .option-label{display:block;font-size:16px;font-weight:500;line-height:22px;color:#47474f}
.pdf-workspace:is([data-tool=remove],[data-tool=split]) .option-label input[type=text]{display:block;width:100%;height:44px;margin:8px 0 0;padding:4px 12px;border:1px solid #707078;border-radius:4px;font-size:16px;font-weight:400;color:#47474f;background:#fff}
.pdf-workspace:is([data-tool=remove],[data-tool=split]) .option-label input[type=text]::placeholder{color:#9999a2}
.pdf-workspace:is([data-tool=remove],[data-tool=split]) .option-label input[type=text]:focus{outline:0;border-color:#47474f;box-shadow:0 0 0 1px #47474f}
@media(max-width:700px){.pdf-workspace[data-tool=remove] .remove-page{width:150px;margin:6px;padding:6px}.pdf-workspace[data-tool=remove] .pdf-page-card{width:136px;height:180px;min-height:180px;padding-top:16px}.pdf-workspace[data-tool=remove] .pdf-page-image{width:120px;height:132px}.pdf-workspace[data-tool=remove] .pdf-page-image img{max-width:120px;max-height:130px}.pdf-workspace[data-tool=remove] .remove-zoom{right:14px;top:14px}}

/* ---------- Trích xuất trang (tab Trang của Tách PDF) ---------- */
.pdf-workspace[data-tool=split] .pdf-mode-buttons.pdf-extract-modes{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.pdf-workspace[data-tool=split] .pdf-extract-modes button{min-height:40px;padding:8px 12px;font-size:16px;line-height:20px;box-shadow:0 2px 2px #0000001a}
.pdf-workspace[data-tool=split] .option-label{display:block;margin:20px 0 0;font-size:16px;font-weight:500;line-height:22px;color:#47474f}
.pdf-workspace[data-tool=split] .pdf-checkbox{display:flex;align-items:center;gap:12px;margin:16px 0 0;font-size:16px;line-height:22px}
.pdf-workspace[data-tool=split] .pdf-checkbox input{width:24px;height:24px;margin:0;flex:none;accent-color:#2cb357}
.pdf-workspace[data-tool=split] .extract-info{margin:16px 0 0}
.pdf-workspace[data-tool=split] .extract-info[hidden]{display:none}

/* ---------- Sửa PDF ---------- */
.pdf-workspace[data-tool=repair] .info-box{margin:0}

/* ---------- PDF sang PDF/A ---------- */
.pdf-workspace[data-tool=pdfa] .archive-options .info-box p{margin:0;font-size:14px;line-height:22px}
.pdf-workspace[data-tool=pdfa] .archive-options .info-box p+p{margin-top:8px}
.pdf-workspace[data-tool=pdfa] .archive-level{display:block;margin:24px 0 0;font-size:17px;font-weight:500;line-height:22px;color:#33333b}
.pdf-workspace[data-tool=pdfa] .archive-level select{display:block;width:100%;height:44px;margin:10px 0 0;padding:0 40px 0 12px;border:1px solid #47474f;border-radius:4px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%23161616'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;font-size:16px;font-weight:400;color:#47474f;cursor:pointer}
.pdf-workspace[data-tool=pdfa] .archive-level select:focus{outline:0;box-shadow:0 0 0 1px #47474f}
.pdf-workspace[data-tool=pdfa] .archive-notes{margin:18px 0 0;padding-bottom:16px;border-bottom:1px solid #e3e3ea;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;font-size:13px;line-height:18px;color:#47474f;letter-spacing:.2px}
.pdf-workspace[data-tool=pdfa] .archive-notes p{margin:0 0 14px;font-size:13px;line-height:18px}
.pdf-workspace[data-tool=pdfa] .archive-notes ul{margin:0;padding-left:18px}
.pdf-workspace[data-tool=pdfa] .archive-notes li{margin:0 0 4px;font-size:13px;line-height:18px}
.pdf-workspace[data-tool=pdfa] .archive-options .archive-check{display:flex;align-items:flex-start;gap:16px;margin:20px 0 0;padding:16px;border:1px solid #47474f;border-radius:8px;cursor:pointer;font-weight:400}
.pdf-workspace[data-tool=pdfa] .archive-check:not(:has(input:checked)){border-color:#dcdce4}
.pdf-workspace[data-tool=pdfa] .archive-check input{appearance:none;flex:none;width:26px;height:26px;margin:2px 0 0;border:2px solid #47474f;border-radius:4px;background:#fff center/16px no-repeat;cursor:pointer}
.pdf-workspace[data-tool=pdfa] .archive-check input:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8.5 6 12l8-8.5' fill='none' stroke='%23161616' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pdf-workspace[data-tool=pdfa] .archive-check input:focus-visible{outline:2px solid #4c9ffe;outline-offset:2px}
.pdf-workspace[data-tool=pdfa] .archive-check strong{display:block;font-size:16px;font-weight:500;line-height:22px;color:#33333b}
.pdf-workspace[data-tool=pdfa] .archive-check small{display:block;margin-top:4px;font-size:14px;line-height:18px;color:#47474f}