/*! * Iconoir — 6 icons for the "Todo lo que tu carrera necesita" feature * grid, replacing the IcoFont set (too close to generic AI-stock-icon * look per feedback). Sourced from the same admin dashboard reference * template (Reference/approx html admin dashboard template/approx-v1.0) * as the earlier FA6/IcoFont subsets, but Iconoir needs no webfont at * all — each glyph is an inline SVG data URI applied as a CSS mask * (`background: currentColor` clipped to the path), so it inherits the * badge's color automatically and stays crisp at any size. * Copyright (c) 2024 Luca Burgio - https://iconoir.com * License - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE (MIT) * * "Referencia Normativa" moved from an anchor to shield-check — a * compliance/regulatory checkmark reads closer to "STCW/MLC reference" * than a nautical anchor anyway, on top of looking distinct from FA/IcoFont. * * 2026-09-16 (Handover nota 85): added 5 more for RegisterModal's fleet-type * picker, replacing emoji there too. Iconoir's real catalog (checked against * the actual npm package tree, all ~1600 icons, solid+regular) has NO * ship/boat/anchor/sail/yacht/vessel icon at all — `oil-industry` and `fish` * below ARE real Iconoir icons (same MIT source as the six above), but * `cargo-ship`, `sailboat` and `waves` are hand-drawn in the same 24x24 * stroke-1.5 style to fill a gap the library doesn't cover. Flagging this so * nobody assumes those three came from upstream Iconoir if the library ever * gets upgraded/re-synced. * * 2026-09-19 (Rick, full pass): the ~60 individual rank icons in * fleetCategories.ts were still raw emoji — nota 89 only converted the 5 * fleet-category icons (what was in that screenshot), the rank grid was * explicitly left for later and got missed until now. `user-star`, `medal`, * `wrench`, `flash`, `tools`, `graduation-cap`, `cutlery`, `antenna` and * `settings` (this last one already used as `crew-settings` in * interfaces/castor/NavTabButton.js) are ALL real Iconoir icons — verified * against the actual package again, not assumed. 53 distinct rank IDs map * onto these ~9 icons by role family (all "Capitán/Master" variants share * `user-star`, all junior engineering roles share `wrench`, etc.) rather * than one bespoke icon per title — grouping by role, not by exact rank * name, same reasoning a badge/avatar icon set would use anywhere else. */ *[class^="iconoir-"]::before, *[class*=" iconoir-"]::before { content: " "; display: block; background: currentColor; mask-size: cover; -webkit-mask-size: cover; width: 1em; height: 1em; margin: 0 auto; } *[class^="iconoir-"], *[class*=" iconoir-"] { display: inline-block; } /* Perfil de Tripulante */ .iconoir-profile-circle::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Vencimientos en Tiempo Real */ .iconoir-clock::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Guía por Rango */ .iconoir-compass::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Carpeta Digital */ .iconoir-folder::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Sincronización Automática */ .iconoir-refresh-double::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Referencia Normativa */ .iconoir-shield-check::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Marina Mercante (RegisterModal fleet picker) — hand-drawn, see header note */ .iconoir-cargo-ship::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Offshore / MOU (RegisterModal fleet picker) — real Iconoir "oil-industry" */ .iconoir-oil-platform::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Pesquero (RegisterModal fleet picker) — real Iconoir "fish" */ .iconoir-fish::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Yates / Recreo (RegisterModal fleet picker) — hand-drawn, see header note */ .iconoir-sailboat::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Aguas Nacionales (RegisterModal fleet picker) — hand-drawn, see header note */ .iconoir-waves::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Capitán / Master (todas las categorías) — real Iconoir icon */ .iconoir-user-star::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Oficial senior / Jefe (chief mate, chief engineer, OIM, supervisores) — real Iconoir icon */ .iconoir-medal::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Oficial de máquinas junior (3rd/4th engineer, ingenieros) — real Iconoir icon */ .iconoir-wrench::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Electricista / Electrotécnico (ETO, ETR) — real Iconoir icon */ .iconoir-flash::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Técnico / Mantenimiento / Perforación (offshore) — real Iconoir icon */ .iconoir-tools::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Cadete (cubierta y máquinas) — real Iconoir icon */ .iconoir-graduation-cap::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Cocinero / Camarero (catering) — real Iconoir icon */ .iconoir-cutlery::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Operador de Radio / GMDSS — real Iconoir icon */ .iconoir-antenna::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Marinería general (Bosun, AB, OS, Aceitero — mismo ícono que crew-settings en interfaces/castor) — real Iconoir icon */ .iconoir-settings::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Mostrar contraseña (real Iconoir, reemplaza el emoji 👁) */ .iconoir-eye::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Ocultar contraseña (real Iconoir, reemplaza el emoji 🙈) */ .iconoir-eye-closed::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Vincular Google Drive (real Iconoir, reemplaza el emoji 🔗) */ .iconoir-link::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Éxito / conectado (real Iconoir, reemplaza el emoji ✅) */ .iconoir-check-circle::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Error (real Iconoir, reemplaza el emoji ❌) */ .iconoir-xmark-circle::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); } /* Nota informativa (rango, reemplaza el emoji 📌) */ .iconoir-info-circle::before { mask-image: url('data:image/svg+xml;charset=utf-8,'); -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); }