/* Presentation adapter for the imported tools. Business bundles remain unchanged. */
body.tools-page { background: var(--desktop) !important; color: var(--ink); }
.tools-page #app, .tools-page .layout { min-height: 0 !important; }
.tools-page .navbar { position: static !important; background: none !important; box-shadow: none !important; border: 0 !important; border-bottom: 1px solid var(--edge) !important; min-height: 0 !important; padding: 0 0 18px !important; }
.tools-page .navbar-content { padding: 0 !important; max-width: none !important; }
.tools-page .navbar-brand { color: var(--ink) !important; gap: 9px !important; }
.tools-page .brand-text { font-size: 18px !important; color: var(--ink) !important; }
.tools-page .brand-icon { font-size: 19px !important; }
.tools-page .footer { display: none !important; }
.tools-page .main-content { padding: 28px 0 0 !important; max-width: none !important; width: 100% !important; margin: 0 !important; }
.tools-page .main-content .main-content { padding: 0 !important; }
.tools-page .home, .tools-page .container { padding: 0 !important; max-width: none !important; margin: 0 !important; background: none !important; box-shadow: none !important; min-width: 0 !important; }
.tools-page .home-header, .tools-page .container > header { margin: 0 0 30px !important; padding: 0 !important; text-align: left !important; }
.tools-page h1 { font-size: 28px !important; font-weight: 600 !important; line-height: 1.4 !important; color: var(--ink) !important; background: none !important; -webkit-text-fill-color: var(--ink) !important; letter-spacing: -.3px !important; }
.tools-page h2 { font-size: 16px !important; color: var(--ink) !important; font-weight: 600 !important; }
.tools-page .subtitle { font-size: 14px !important; margin: 10px 0 !important; color: var(--muted) !important; }
.tools-page .tools-grid { gap: 24px !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
.tools-page .tool-card { border: 1px solid var(--edge) !important; background: var(--paper) !important; border-radius: 3px !important; box-shadow: none !important; padding: 25px !important; transform: none !important; text-align: left !important; }
.tools-page .tool-card:hover { background: #f0f3e9 !important; border-color: #a1b394 !important; }
.tools-page .tool-icon { font-size: 26px !important; margin: 0 0 17px !important; }
.tools-page .tool-name { font-size: 19px !important; color: var(--ink) !important; }
.tools-page .tool-description { font-size: 13px !important; color: var(--muted) !important; }
.tools-page .tool-link { color: var(--teal) !important; }
.tools-page .tool-footer { border-top: 1px solid var(--edge) !important; padding-top: 16px !important; }
.tools-page .input-section, .tools-page .result-section, .tools-page .separator-section, .tools-page .preview-section, .tools-page .settings-section, .tools-page .options-section, .tools-page .stats-section, .tools-page .replace-input-item, .tools-page .output-section { border: 1px solid var(--edge) !important; background: var(--paper) !important; border-radius: 3px !important; box-shadow: none !important; padding: 21px !important; transform: none !important; min-width: 0 !important; }
.tools-page .input-sections { gap: 22px !important; }
.tools-page .input-section:hover, .tools-page .result-section:hover, .tools-page .output-section:hover { border-color: var(--edge) !important; box-shadow: none !important; transform: none !important; }
.tools-page .section-header { gap: 12px !important; margin-bottom: 16px !important; }
.tools-page textarea, .tools-page input:not([type=checkbox]):not([type=radio]), .tools-page select { background: #fffefb !important; color: var(--ink) !important; border: 1px solid #bbc4b4 !important; border-radius: 3px !important; box-shadow: none !important; font-family: var(--mono) !important; font-size: 14px !important; max-width: 100% !important; }
.tools-page textarea:focus, .tools-page input:focus { outline: 2px solid #78936b; outline-offset: 2px; }
.tools-page button, .tools-page .btn-home { border: 1px solid #bfc6b9 !important; border-radius: 3px !important; box-shadow: none !important; color: var(--teal) !important; background: transparent !important; transform: none !important; min-height: 36px !important; padding: 8px 13px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.4 !important; white-space: normal !important; }
.tools-page button:hover:not(:disabled), .tools-page button:active, .tools-page button.active { background: #e9ede4 !important; border-color: #8c9f89 !important; }
.tools-page button:disabled { color: #78816f !important; opacity: .55 !important; cursor: default !important; }
.tools-page .btn-primary { background: var(--teal) !important; color: #fff !important; border-color: var(--teal) !important; }
.tools-page .btn-primary:hover:not(:disabled) { background: #244331 !important; color: #fff !important; }
.tools-page .btn-remove, .tools-page .btn-delete, .tools-page .btn-danger-small { color: #9b4539 !important; }
.tools-page .actions { gap: 12px !important; justify-content: flex-start !important; margin: 24px 0 !important; }
.tools-page .header-actions, .tools-page .input-actions { gap: 10px !important; }
.tools-page .preview-badge, .tools-page .line-count, .tools-page .stats-item, .tools-page .stat-item, .tools-page .badge { border-radius: 2px !important; box-shadow: none !important; background: #edf1e6 !important; color: var(--teal) !important; }
.tools-page .symbol, .tools-page .multiply-symbol { animation: none !important; background: none !important; color: #7b8a70 !important; }
.tools-page .history-panel { border-radius: 3px !important; background: var(--paper) !important; box-shadow: 0 8px 24px #29372817 !important; border: 1px solid #bac7b0 !important; }
.tools-page .history-item:hover { background: #edf1e6 !important; }
.tools-page .toast { border-radius: 3px !important; border: 1px solid #91a382 !important; box-shadow: 0 8px 24px #29372817 !important; background: var(--paper) !important; }
.tools-page .toast-icon { border-radius: 2px !important; }
.tools-page .preview-formula { overflow-wrap: anywhere !important; }
.tools-page .container * { font-family: var(--font); }
.tools-page .help-section { margin-top: 30px !important; padding: 22px 0 !important; border: 0 !important; border-top: 1px solid var(--edge) !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; min-width: 0 !important; }
.tools-page .help-section h3 { font-size: 15px !important; color: var(--ink) !important; }
.tools-page .help-section p, .tools-page .help-section li { font-size: 13px !important; color: var(--muted) !important; }
.tools-page .help-section ul { padding-left: 22px !important; }
.tools-page .mode-toggle { background: #edf1e6 !important; border-radius: 3px !important; }
@media (max-width: 900px) {
 .tools-page .tools-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
 .tools-page .input-sections { grid-template-columns: 1fr !important; }
}
@media (max-width: 650px) {
 .tools-page .tools-grid { grid-template-columns: 1fr !important; gap: 18px !important; }
 .tools-page .tool-card { padding: 22px !important; }
 .tools-page h1 { font-size: 24px !important; }
 .tools-page .section-header, .tools-page .header-actions, .tools-page .input-header { flex-wrap: wrap !important; }
 .tools-page .input-section, .tools-page .result-section, .tools-page .separator-section, .tools-page .output-section { padding: 16px 12px !important; }
 .tools-page .actions button { flex: 0 1 auto !important; }
 .tools-page .toast { min-width: 0 !important; max-width: calc(100vw - 40px) !important; }
}
.tools-page:has(.home) .navbar { display: none !important; }
.tools-page:has(.home) .main-content { padding-top: 0 !important; }
.tools-page .tool-icon { display: block !important; width: auto !important; height: auto !important; line-height: 1.2 !important; text-align: left !important; }
.tools-page .tool-name { margin: 0 0 10px !important; }
.tools-page .tool-description { min-height: 42px !important; margin: 0 !important; }
.tools-page .tool-footer { margin-top: 18px !important; }
.tools-page .tool-card::before, .tools-page .tool-card::after { display: none !important; }
.tools-page .option-item { background: #f0f2e9 !important; border-radius: 3px !important; }
.tools-page .option-item input { accent-color: var(--teal); }
.tools-page .option-label { color: var(--ink) !important; }
.tools-page .option-desc { color: var(--muted) !important; }