/* TOOL-MVP1: styles scoped to Tool Platform surfaces/navigation only. */
.tool-nav-split{position:relative}
.tool-nav-toggle{line-height:1;border:0;text-decoration:none!important}
.tool-nav-toggle:focus-visible,.tool-nav-split>a:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px;border-radius:.4rem}
.tool-nav-dropdown{min-width:16rem;max-height:min(70vh,32rem);overflow:auto}
.public-mobile-nav .tool-mobile-child{padding-left:1.6rem;font-size:.94rem;color:#475569}

.tool-catalog-hero{padding:clamp(1.5rem,4vw,3rem) 0 1rem}
.tool-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.tool-card{height:100%;border:1px solid #e2e8f0;border-radius:1.1rem;background:#fff;box-shadow:0 .5rem 1.5rem rgba(15,23,42,.06);overflow:hidden;display:flex;flex-direction:column}
.tool-card-media{aspect-ratio:16/9;background:linear-gradient(135deg,#eff6ff,#eef2ff);display:grid;place-items:center;overflow:hidden}
.tool-card-media img{width:100%;height:100%;object-fit:cover}
.tool-card-fallback{font-size:2.2rem;color:#4f46e5}
.tool-card-body{padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.tool-card-desc{color:#64748b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tool-shell{padding:1.25rem 0 2.5rem}
.tool-unavailable{max-width:760px;margin:2rem auto}
.tool-module-badge{font-size:.75rem;letter-spacing:.02em}

.tool-admin-status{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700}
.tool-admin-status.ready{background:#ecfdf5;color:#047857}
.tool-admin-status.missing{background:#fff7ed;color:#c2410c}
.tool-admin-thumb{width:72px;height:48px;object-fit:cover;border-radius:.55rem;border:1px solid #e2e8f0;background:#f8fafc}
.tool-url-code{font-size:.78rem;word-break:break-all}
.tool-form-preview{width:160px;aspect-ratio:16/9;border-radius:.8rem;border:1px solid #e2e8f0;object-fit:cover;background:#f8fafc}

@media (max-width:991.98px){.tool-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575.98px){.tool-catalog-grid{grid-template-columns:1fr}.tool-catalog-hero{padding-top:1rem}.tool-card-body{padding:1rem}.tool-nav-dropdown{max-width:calc(100vw - 2rem)}}