/* ITX Tools UI. Only styles within .itx-tools; safe for WordPress Root theme. */
.itx-tools{--itx-dark:#0d2034;--itx-blue:#1686d9;--itx-blue-dark:#116cb1;--itx-border:#d9e3ee;--itx-muted:#5e6e80;color:#223449;font-size:16px;line-height:1.55;max-width:1100px;margin:22px auto 34px;box-sizing:border-box}
.itx-tools *{box-sizing:border-box}
.itx-tools .itx-intro{padding:24px;border-radius:14px;background:linear-gradient(118deg,#0e2641,#104371);color:white;margin-bottom:20px}
.itx-tools .itx-intro h2{color:white;font-size:clamp(23px,3vw,32px);line-height:1.2;margin:10px 0}
.itx-tools .itx-intro p{color:#d8eafb;margin:0}
.itx-tools .itx-eyebrow{font-weight:800;font-size:12px;letter-spacing:1.8px;color:#8ad7ff}
.itx-tools .itx-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.itx-tools a.itx-catalog-card{text-decoration:none!important;border:1px solid var(--itx-border);border-radius:14px;padding:22px;background:#fff;box-shadow:0 5px 19px rgba(2,33,73,.035);display:flex;flex-direction:column;gap:8px;color:#233b57;transition:transform .15s,border-color .15s,box-shadow .15s}
.itx-tools a.itx-catalog-card:hover{transform:translateY(-2px);border-color:#74b9f0;box-shadow:0 8px 25px rgba(16,95,162,.12)}
.itx-tools .itx-catalog-card strong{font-size:19px;color:#123b60}
.itx-tools .itx-catalog-card span:not(.itx-catalog-icon){color:var(--itx-muted);font-size:14px}
.itx-tools .itx-catalog-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:25px;border-radius:12px;background:#e7f4ff;color:#086da9}
.itx-tools .itx-catalog-card em{font-size:14px;color:#0a78be;font-style:normal;font-weight:700}
.itx-tools .itx-note{background:#f1f8fd;border-left:4px solid #49a5e6;padding:14px 18px;border-radius:5px;margin-top:22px;font-size:14px}
.itx-tools .itx-tool-card{border:1px solid var(--itx-border);border-radius:16px;padding:24px;background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 7px 28px rgba(20,55,87,.07);margin-bottom:22px}
.itx-tools .itx-tool-header p{font-size:14px;color:var(--itx-muted);margin:10px 0 20px}
.itx-tools .itx-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;background:#e7f5ff;color:#0d5487;font-size:13px;font-weight:700;margin-bottom:18px}
.itx-tools .itx-field{margin:17px 0}
.itx-tools .itx-field label{display:block;margin-bottom:9px;font-weight:700;font-size:15px;color:#1d3955}
.itx-tools input[type=number],.itx-tools input[type=file],.itx-tools select,.itx-tools textarea{width:100%;max-width:100%;padding:12px 13px;border:1px solid #bdcede;background:#fff;color:#1d3550;border-radius:8px;min-height:46px;box-shadow:none;font:inherit}
.itx-tools textarea{min-height:115px;resize:vertical}
.itx-tools input:focus-visible,.itx-tools textarea:focus-visible,.itx-tools select:focus-visible,.itx-tools button:focus-visible,.itx-tools a:focus-visible{outline:3px solid #8ed5ff!important;outline-offset:2px}
.itx-tools input[type=range]{display:block;width:100%;max-width:100%;accent-color:#0c85d6;cursor:pointer;margin:15px 0 8px}
.itx-tools .itx-range-labels{display:flex;justify-content:space-between;font-size:13px;color:#60788d}
.itx-tools .itx-fieldset{padding:15px;border:1px solid var(--itx-border);border-radius:10px;min-width:0;margin:18px 0}
.itx-tools .itx-fieldset legend{font-size:15px;font-weight:700;padding:0 8px;color:#1d3955}
.itx-tools .itx-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.itx-tools .itx-check-grid label,.itx-tools .itx-checkbox{font-weight:500;font-size:15px;display:flex;align-items:center;gap:8px;cursor:pointer}
.itx-tools .itx-check-grid input,.itx-tools .itx-checkbox input{width:17px;height:17px;accent-color:#1385ca;flex-shrink:0}
.itx-tools .itx-wide{grid-column:1/-1}
.itx-tools .itx-inline-field{display:flex;align-items:center;gap:15px}
.itx-tools .itx-inline-field label{margin:0}
.itx-tools .itx-inline-field select{max-width:120px}
.itx-tools .itx-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.itx-tools .itx-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.itx-tools .itx-btn,.itx-tools button.itx-mini-button{appearance:none;cursor:pointer;border:1px solid #c1d5e5;border-radius:9px;background:#fff;padding:11px 17px;color:#154267;font-size:15px;font-weight:700;line-height:1.4;box-shadow:none;transition:background .15s,color .15s;letter-spacing:normal;text-transform:none}
.itx-tools .itx-btn:hover,.itx-tools .itx-mini-button:hover{background:#e9f5ff;color:#073f6a}
.itx-tools .itx-btn.itx-primary{background:var(--itx-blue);border-color:var(--itx-blue);color:#fff}
.itx-tools .itx-btn.itx-primary:hover{background:var(--itx-blue-dark);border-color:var(--itx-blue-dark)}
.itx-tools button:disabled{cursor:not-allowed;opacity:.48}
.itx-tools .itx-status{color:#21618a;font-size:14px;min-height:21px;margin:12px 0}
.itx-tools .itx-status.itx-error{color:#b52627}
.itx-tools .itx-pw-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:8px 0;padding:10px;background:#f2f7fc;border:1px solid #e0eaf3;border-radius:9px}
.itx-tools .itx-pw-row code{display:block;flex:1;overflow-wrap:anywhere;word-break:break-all;font-size:15px;line-height:1.5;color:#102e49;background:transparent;padding:0}
.itx-tools button.itx-mini-button{font-size:13px;padding:8px 11px;white-space:nowrap}
.itx-tools .itx-qr-preview{display:flex;justify-content:center;align-items:center;margin-top:16px;background:#f7fafc;border-radius:11px;min-height:120px;overflow:hidden}
.itx-tools .itx-qr-preview canvas{max-width:100%;height:auto;max-height:512px;display:block;border:1px solid #d2dbe6}
.itx-tools .itx-image-meta{font-size:14px;color:#0a5b92;font-weight:700;margin:8px 0}
.itx-tools .itx-hint{font-size:13px;color:var(--itx-muted);margin:7px 0}
.itx-tools .itx-image-preview{margin-top:18px;text-align:center}
.itx-tools .itx-image-preview img{display:block;max-height:400px;max-width:100%;width:auto;height:auto;margin:0 auto 14px;border:1px solid #d7e6f1;border-radius:7px}
.itx-tools .itx-image-preview p{font-size:15px;color:#19547c;font-weight:700}
.itx-tools .itx-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itx-tools .itx-metrics>div{padding:16px 12px;text-align:center;border:1px solid var(--itx-border);border-radius:10px;background:#f3f9fe}
.itx-tools .itx-metrics strong{display:block;font-size:26px;color:#11619d;line-height:1.1;margin-bottom:5px}
.itx-tools .itx-metrics span{font-size:13px;color:var(--itx-muted)}
@media(max-width:640px){.itx-tools{font-size:15px}.itx-tools .itx-catalog{grid-template-columns:1fr}.itx-tools .itx-tool-card{padding:16px}.itx-tools .itx-field-grid{grid-template-columns:1fr;gap:0}.itx-tools .itx-check-grid{grid-template-columns:1fr}.itx-tools .itx-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.itx-tools .itx-pw-row{flex-wrap:wrap}.itx-tools button.itx-mini-button{margin-left:auto}.itx-tools .itx-btn{flex-grow:1}.itx-tools .itx-intro{padding:19px}}

/* v1.1.0: Root theme full-width pages. Root's native sidebar filter handles
   the layout when available; these selectors are a progressive fallback. */
body.itx-tools-page .content-area{float:none;width:100%;max-width:none;flex:1 1 100%}
body.itx-tools-page .site-main{width:100%;max-width:none}
body.itx-tools-page .widget-area.sidebar,body.itx-tools-page aside.sidebar{display:none}
body.itx-tools-page .entry-content{max-width:none}
body.itx-tools-page .itx-tools{max-width:1100px;width:100%}

.itx-tools .itx-dropzone{border:2px dashed #a9cee9;border-radius:14px;background:#f5faff;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:18px;text-align:center;position:relative;transition:.15s ease;border-color:#b3d2eb;color:#28506e}
.itx-tools .itx-dropzone:hover,.itx-tools .itx-drop-active,.itx-tools .itx-dropzone:focus-within{border-color:#1686d9;background:#eaf6ff}
.itx-tools .itx-dropzone-icon{display:grid;place-items:center;border-radius:12px;width:48px;height:48px;background:#deefff;color:#087cc7;font-size:32px;font-weight:700;margin-bottom:6px}
.itx-tools .itx-dropzone strong{font-size:17px;color:#143b5d}
.itx-tools .itx-dropzone span:not(.itx-dropzone-icon){font-size:14px}
.itx-tools .itx-dropzone small{font-size:12px;color:#5c7085;margin-top:6px}
.itx-tools .itx-dropzone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0;max-width:none;z-index:1}
.itx-tools .itx-selected-file{font-size:13px;color:#4b6981;margin-top:9px;overflow-wrap:anywhere}
.itx-tools [hidden]{display:none!important}
.itx-tools .itx-image-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 8px}
.itx-tools .itx-compare-item{background:#f5faff;border:1px solid #dbe8f1;border-radius:12px;padding:12px;min-width:0}
.itx-tools .itx-compare-title{font-size:14px;font-weight:800;color:#173e60;margin:0 0 9px;text-align:center}
.itx-tools .itx-compare-frame{height:225px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:repeating-conic-gradient(#e7edf3 0% 25%,#fff 0% 50%) 50%/18px 18px;border-radius:8px}
.itx-tools .itx-compare-frame img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0;border:0;border-radius:0;box-shadow:none}
.itx-tools .itx-image-facts{font-size:13px;color:#315976;text-align:center;margin-top:10px;min-height:18px;overflow-wrap:anywhere}
.itx-tools .itx-savings{margin-top:12px;border:1px solid #b6e0c7;background:#eefbf2;color:#22643d;border-radius:9px;padding:12px 15px;font-weight:700;font-size:14px}
.itx-tools .itx-savings.itx-savings-warning{background:#fff7ed;color:#87551b;border-color:#f0d3a9}
.itx-tools .itx-download:not(:disabled){border-color:#1c83c6;background:#eef7fe;color:#075c98}
.itx-tools .itx-tool-faq{margin:12px 0 28px}
.itx-tools .itx-tool-faq h2{font-size:23px;line-height:1.3;color:#173854;margin:0 0 13px}
.itx-tools .itx-tool-faq details{background:#fff;border:1px solid #dce6f0;border-radius:10px;margin:9px 0;padding:13px 15px}
.itx-tools .itx-tool-faq summary{cursor:pointer;font-weight:700;color:#173854}
.itx-tools .itx-tool-faq details p{color:#4b627a;font-size:14px;margin:10px 0 0}
@media(max-width:680px){.itx-tools .itx-image-compare{grid-template-columns:1fr}.itx-tools .itx-compare-frame{height:200px}.itx-tools .itx-dropzone{min-height:150px}.itx-tools .itx-dropzone strong{font-size:15px}}

/* v1.2.0: PDF conversion tools */
.itx-tools .itx-pdf-list{margin:15px 0 20px;border:1px solid #d7e5f1;border-radius:11px;overflow:hidden;background:#f8fbfe}
.itx-tools .itx-pdf-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #e2edf5;min-width:0}
.itx-tools .itx-pdf-list-row:last-child{border-bottom:none}
.itx-tools .itx-pdf-list-row>span:first-child{min-width:0;flex:1;overflow-wrap:anywhere;font-size:14px;color:#294760}
.itx-tools .itx-pdf-list-buttons{display:flex;align-items:center;flex-shrink:0;gap:6px}
.itx-tools .itx-pdf-list-buttons .itx-mini-button{font-size:16px;padding:3px 10px;min-height:31px;min-width:32px;line-height:1.3}
.itx-tools .itx-pdf-result{background:#edf8f1;border:1px solid #b2dbbe;color:#23603c;padding:12px 15px;border-radius:10px;font-weight:700;font-size:14px;margin:14px 0;overflow-wrap:anywhere}
.itx-tools .itx-pdf-tool .itx-dropzone{min-height:155px}
.itx-tools .itx-pdf-tool input[type=text]{width:100%;max-width:none;min-height:46px;padding:12px 13px;border:1px solid #bdcede;border-radius:8px;color:#1d3550;background:#fff;font:inherit;box-shadow:none}
.itx-tools .itx-pdf-tool input[type=text]:focus-visible{outline:3px solid #8ed5ff;outline-offset:2px}
@media(max-width:600px){.itx-tools .itx-pdf-list-row{align-items:flex-start;flex-direction:column;gap:7px}.itx-tools .itx-pdf-list-buttons{align-self:flex-end}.itx-tools .itx-pdf-list-buttons .itx-mini-button{padding:5px 11px}}

/* PDF diagnostics v1.2.1 */
.itx-tools .itx-pdf-page-count{background:#eaf4fd;border:1px solid #b9d9f7;border-radius:9px;color:#164b73;font-size:14px;line-height:1.5;padding:10px 13px;margin:12px 0 18px}
.itx-tools .itx-pdf-page-count[hidden]{display:none}

/* v1.3.0 — sysadmin utilities */
.itx-tools .itx-admin-tool input[type=text],.itx-tools .itx-admin-tool input[type=number],.itx-tools .itx-admin-tool textarea,.itx-tools .itx-admin-tool select{display:block;width:100%;max-width:100%;box-sizing:border-box;border:1px solid #bdcede;border-radius:8px;padding:11px 13px;min-height:44px;background:#fff;color:#1d3550;font:inherit}
.itx-tools .itx-admin-tool input[type=file]{display:block;max-width:100%;font:inherit}
.itx-tools .itx-admin-chmod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itx-tools .itx-admin-chmod>div{display:flex;flex-direction:column;gap:10px;background:#f5faff;border:1px solid #dce6f0;border-radius:9px;padding:14px}
.itx-tools .itx-admin-chmod label{font-size:14px;display:flex;align-items:center;gap:8px}
.itx-tools .itx-admin-cron{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}
.itx-tools .itx-admin-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f8fc;color:#173854;padding:18px;border:1px solid #c8dcea;border-radius:10px;font-size:14px;line-height:1.7;margin:16px 0}
@media(max-width:600px){.itx-tools .itx-admin-chmod{grid-template-columns:1fr}}
/* v1.4: browser converters */
.itx-converter textarea{display:block;width:100%;max-width:100%;box-sizing:border-box;min-height:130px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.itx-converter .itx-field{margin-bottom:16px}
.itx-converter .itx-actions{display:flex;gap:10px;flex-wrap:wrap}
.itx-converter img{object-fit:contain;max-width:100%;border-radius:8px}
.itx-catalog-search{width:100%;padding:13px;margin:16px 0;border:1px solid #ccd6e5;border-radius:8px;box-sizing:border-box}
.itx-catalog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.itx-catalog-filters button{border:1px solid #cbd5e1;background:transparent;padding:8px 12px;border-radius:22px;cursor:pointer;color:inherit}
.itx-catalog-filters button[aria-pressed="true"]{background:#176bba;border-color:#176bba;color:white}
.itx-catalog-card[hidden]{display:none!important}
@media(max-width:600px){.itx-catalog-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:9px}.itx-catalog-filters button{white-space:nowrap}.itx-converter .itx-actions .itx-btn{flex:1 1 140px}}

/* ITX Tools 1.5.1: browser-local favorites */
.itx-tools .itx-catalog-entry{position:relative;min-width:0}
.itx-tools .itx-catalog-entry>.itx-catalog-card{height:100%;padding-right:63px}
.itx-tools .itx-catalog-entry[hidden]{display:none!important}
.itx-tools .itx-favorite-button{appearance:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #bad1e7;border-radius:10px;background:#fff;color:#456078;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 9px #001b3312;touch-action:manipulation}
.itx-tools .itx-favorite-button:hover,.itx-tools .itx-favorite-button:focus-visible{border-color:#1686d9;outline-offset:2px;background:#edf7ff}
.itx-tools .itx-favorite-button[aria-pressed="true"]{color:#b77903;background:#fff7df;border-color:#eec765}
.itx-tools .itx-catalog-entry>.itx-favorite-button{position:absolute;top:14px;right:14px;z-index:1}
.itx-tools .itx-favorite-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;background:#f1f8fd;padding:10px 14px;border-radius:12px}
.itx-tools .itx-favorites-note{font-size:14px;color:#526477;margin:8px 0 15px}
@media(max-width:600px){.itx-tools .itx-catalog-entry>.itx-catalog-card{padding-right:60px}}
