/* ManualeReef 1.2.4 — La mia vasca PRO */
:root{--pro-navy:#061a2f;--pro-panel:#0a2945;--pro-panel-2:#0d3658;--pro-gold:#d8a845;--pro-cyan:#54c7e5;--pro-text:#eef5f8;--pro-muted:#9fb2c0}
.pro-workspace-grid{display:block!important}
.pro-workspace-panel{display:grid;gap:18px;animation:proFade .18s ease}
.pro-workspace-panel[hidden]{display:none!important}
@keyframes proFade{from{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}
.pro-tank-nav{position:sticky;top:72px;z-index:80;display:flex;gap:8px;align-items:center;overflow:auto;scrollbar-width:none;padding:12px max(22px,calc((100vw - 1180px)/2));background:rgba(5,25,44,.94);backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.08)}
.pro-tank-nav::-webkit-scrollbar{display:none}.pro-tank-nav a{flex:0 0 auto!important;margin:0!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#afc0cd!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important}
.pro-tank-nav a:hover,.pro-tank-nav a:focus-visible{border-color:rgba(84,199,229,.45)!important;color:#fff!important}.pro-tank-nav a.active,.pro-tank-nav a.subnav-active{background:linear-gradient(135deg,#d8a845,#c5912e)!important;color:#061a2f!important;border-color:#d8a845!important}
.pro-status-strip{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(130px,.7fr));gap:12px;padding:18px;border:1px solid rgba(84,199,229,.16);border-radius:20px;background:linear-gradient(135deg,rgba(10,48,78,.96),rgba(6,29,51,.96));box-shadow:0 18px 44px rgba(0,0,0,.12)}
.pro-status-main{display:flex;align-items:center;gap:14px}.pro-status-orb{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(84,199,229,.5);background:radial-gradient(circle at 35% 30%,rgba(84,199,229,.38),rgba(10,48,78,.7));box-shadow:0 0 0 5px rgba(84,199,229,.05);font-size:20px}.pro-status-main span,.pro-stat span{display:block;color:var(--pro-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.pro-status-main strong{display:block;margin:3px 0 2px;font:700 24px/1.05 "Cormorant Garamond",Georgia,serif;color:#fff}.pro-status-main small{color:#b8c8d3;font-size:11px}.pro-stat{padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}.pro-stat b{display:block;margin-top:6px;color:#fff;font-size:18px}.pro-stat em{display:block;margin-top:3px;color:#8fa6b6;font-size:10px;font-style:normal;line-height:1.35}
.pro-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pro-quick-actions button,.pro-quick-actions a{min-height:74px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:#092743;color:white;text-decoration:none;text-align:left;cursor:pointer}.pro-quick-actions i{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:50%;background:rgba(84,199,229,.12);color:#7edcf1;font-style:normal;font-size:16px}.pro-quick-actions b{display:block;font-size:12px}.pro-quick-actions small{display:block;margin-top:2px;color:#93a7b6;font-size:9px}.pro-quick-actions button:hover,.pro-quick-actions a:hover{border-color:rgba(216,168,69,.38);transform:translateY(-1px)}
.pro-profile-launch{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border:1px solid rgba(216,168,69,.18);background:rgba(216,168,69,.04)}.pro-profile-launch div span{display:block;color:#d8a845;font-size:10px;font-weight:900;letter-spacing:.1em}.pro-profile-launch div b{display:block;margin-top:4px;color:#edf4f8;font-size:14px}.pro-profile-launch button{border:1px solid rgba(216,168,69,.45);background:transparent;color:#e7bc59;padding:9px 12px;border-radius:999px;font-weight:800;cursor:pointer}.pro-profile-hidden{display:none!important}.pro-mode #tool-dashboard .trend-panel,.pro-mode #tool-dashboard .dashboard-links{display:none!important}
.pro-panel-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 2px}.pro-panel-intro h2{margin:3px 0 0;color:#fff;font:700 30px/1 "Cormorant Garamond",Georgia,serif}.pro-panel-intro p{max-width:720px;margin:6px 0 0;color:#9fb2c0;font-size:12px;line-height:1.5}

/* Popolazione PRO: compatta, leggibile, dettaglio separato */
.page-animali .inner-hero{padding-bottom:38px}.page-animali .animal-photo-local-note,.page-animali .animal-catalog-note{max-width:1180px;margin-left:auto;margin-right:auto}.page-animali .animal-summary{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.page-animali .animal-summary>div{min-width:92px;padding:9px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#092743}.page-animali .animal-summary span{display:block;color:#8fa6b6;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.page-animali .animal-summary strong{display:block;margin-top:2px;color:#fff;font-size:16px}
.page-animali .animal-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important}.page-animali .animal-card{position:relative!important;display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;min-height:126px!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px!important;background:linear-gradient(145deg,#0b3151,#08233c)!important;box-shadow:0 10px 26px rgba(0,0,0,.10)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.page-animali .animal-card:hover{transform:translateY(-2px);border-color:rgba(84,199,229,.32)!important;box-shadow:0 14px 34px rgba(0,0,0,.16)!important}.page-animali .animal-card-media{height:100%!important;min-height:126px!important;border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;background:#071f35!important}.page-animali .animal-card-media img{width:100%;height:100%;min-height:126px!important;object-fit:cover}.page-animali .animal-photo-placeholder{height:100%;min-height:126px!important;padding:10px!important;justify-content:flex-end!important}.page-animali .animal-photo-placeholder b{font-size:15px!important}.page-animali .animal-photo-placeholder small{display:none}.page-animali .animal-card-body{display:flex;flex-direction:column;min-width:0;padding:12px 12px 11px!important}.page-animali .animal-card-head{display:block}.page-animali .animal-card-title h3{margin:5px 0 2px!important;color:#fff;font:700 20px/1.05 "Cormorant Garamond",Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animal-pro-subtitle{display:block;color:#9fb2c0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-animali .animal-category{font-size:9px!important}.animal-quick-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.animal-quick-badges span{max-width:100%;padding:4px 6px;border:1px solid rgba(84,199,229,.19);border-radius:999px;background:rgba(84,199,229,.07);color:#9edff0;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.animal-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:9px}.animal-card-footer time{color:#91a6b6;font-size:9px}.animal-card-open{border:0;background:transparent;color:#e6bb59;font-size:10px;font-weight:900;cursor:pointer}.animal-card-open:hover{text-decoration:underline}.page-animali .animal-manual-badge{display:none}.page-animali .animal-card-actions,.page-animali .animal-extra{display:none!important}

.animal-pro-drawer{position:fixed;z-index:9000;inset:0;pointer-events:none}.animal-pro-drawer[hidden]{display:none}.animal-pro-drawer.open{pointer-events:auto}.animal-pro-backdrop{position:absolute;inset:0;border:0;background:rgba(1,10,18,.67);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}.animal-pro-drawer.open .animal-pro-backdrop{opacity:1}.animal-pro-panel{position:absolute;top:0;right:0;width:min(570px,94vw);height:100%;overflow:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#082640,#061d34);border-left:1px solid rgba(255,255,255,.1);box-shadow:-24px 0 70px rgba(0,0,0,.35);transform:translateX(100%);transition:transform .22s ease;padding:0 0 32px}.animal-pro-drawer.open .animal-pro-panel{transform:none}.animal-pro-close{position:sticky;z-index:5;top:12px;float:right;margin:12px 14px 0 0;width:40px;height:40px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#113a5a;color:#fff;font-size:22px;cursor:pointer}.animal-pro-hero{min-height:205px;padding:28px 28px 24px;display:grid;grid-template-columns:138px minmax(0,1fr);gap:20px;align-items:end;background:radial-gradient(circle at 20% 10%,rgba(84,199,229,.18),transparent 45%),linear-gradient(135deg,#0b3557,#071f35);border-bottom:1px solid rgba(255,255,255,.08)}.animal-pro-photo{width:138px;height:138px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#061a2f}.animal-pro-photo img{width:100%;height:100%;object-fit:cover}.animal-pro-photo .animal-photo-placeholder{min-height:138px;height:138px;padding:14px}.animal-pro-hero-copy{min-width:0}.animal-pro-hero-copy .animal-category{display:inline-flex}.animal-pro-hero-copy h2{margin:9px 0 4px;color:#fff;font:700 31px/1 "Cormorant Garamond",Georgia,serif}.animal-pro-hero-copy>p{margin:0;color:#a8bbc8;font-size:12px;line-height:1.4}.animal-pro-manual{display:inline-flex;margin-top:10px;padding:5px 8px;border:1px solid rgba(216,168,69,.45);border-radius:999px;color:#e4b850;font-size:9px;font-weight:900;letter-spacing:.05em}.animal-pro-body{padding:18px 22px}.animal-pro-section{margin-top:12px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025)}.animal-pro-section:first-child{margin-top:0}.animal-pro-section h3{margin:0 0 12px;color:#e9bb56;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.animal-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.animal-pro-field{min-width:0;padding:10px 11px;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:rgba(2,15,27,.26)}.animal-pro-field.wide{grid-column:1/-1}.animal-pro-field span{display:block;color:#8ea4b5;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.animal-pro-field strong{display:block;margin-top:4px;color:#edf4f8;font-size:12px;line-height:1.4;overflow-wrap:break-word}.animal-pro-chips{display:flex;gap:7px;flex-wrap:wrap}.animal-pro-chips span{padding:6px 9px;border:1px solid rgba(84,199,229,.24);border-radius:999px;background:rgba(84,199,229,.07);color:#a5e6f4;font-size:9px;font-weight:800}.animal-pro-special{padding:14px;border-left:3px solid #d8a845;background:rgba(216,168,69,.07);color:#dce7ed;font-size:12px;line-height:1.55}.animal-pro-special strong{color:#f0c35d}.animal-pro-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.animal-pro-actions button{min-height:42px;padding:10px 12px;border:1px solid rgba(216,168,69,.38);border-radius:11px;background:transparent;color:#e8bd5b;font-weight:800;cursor:pointer}.animal-pro-actions button.danger{margin-left:auto;border-color:rgba(231,121,121,.3);color:#e1a0a0}.animal-pro-disclaimer{display:block;margin-top:11px;color:#8398a8;font-size:9px;line-height:1.45}
body.animal-drawer-open{overflow:hidden}

@media(max-width:1100px){.page-animali .animal-list{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-status-strip{grid-template-columns:1fr 1fr}.pro-status-main{grid-column:1/-1}.pro-quick-actions{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.pro-tank-nav{top:64px;padding:10px 14px}.pro-tank-nav a{padding:9px 12px!important}.pro-status-strip{grid-template-columns:1fr 1fr;padding:14px}.pro-status-main{grid-column:1/-1}.pro-status-main strong{font-size:21px}.pro-quick-actions{grid-template-columns:1fr 1fr}.pro-panel-intro{display:block}.page-animali .animal-list{grid-template-columns:1fr}.page-animali .animal-card{grid-template-columns:82px minmax(0,1fr)!important;min-height:112px!important}.page-animali .animal-card-media,.page-animali .animal-card-media img,.page-animali .animal-photo-placeholder{min-height:112px!important}.animal-pro-panel{top:auto;bottom:0;width:100%;height:min(92dvh,860px);border-left:0;border-top:1px solid rgba(255,255,255,.12);border-radius:22px 22px 0 0;transform:translateY(100%)}.animal-pro-drawer.open .animal-pro-panel{transform:none}.animal-pro-hero{grid-template-columns:84px minmax(0,1fr);min-height:150px;padding:24px 18px 18px;align-items:center}.animal-pro-photo{width:84px;height:84px;border-radius:14px}.animal-pro-photo .animal-photo-placeholder{min-height:84px;height:84px}.animal-pro-hero-copy h2{font-size:25px}.animal-pro-body{padding:15px}.animal-pro-grid{grid-template-columns:1fr 1fr}.animal-pro-actions button.danger{margin-left:0}.page-animali .animal-photo-local-note,.page-animali .animal-catalog-note{font-size:11px;padding:12px}.page-animali .animal-form-card{padding:18px}}
@media(max-width:430px){.pro-status-strip{grid-template-columns:1fr}.pro-stat{display:grid;grid-template-columns:1fr auto;align-items:center}.pro-stat b{margin:0}.pro-quick-actions{grid-template-columns:1fr 1fr}.animal-pro-grid{grid-template-columns:1fr}.animal-pro-field.wide{grid-column:1}.animal-pro-hero-copy h2{font-size:23px}.animal-quick-badges span:nth-child(n+3){display:none}}


/* =========================================================
   ManualeReef 1.2.5 — Dashboard modulare / lettura rapida
   ========================================================= */
.page-lamiavasca .inner-hero{padding-top:34px!important;padding-bottom:26px!important}
.page-lamiavasca .inner-hero h1{font-size:48px!important;margin-bottom:10px!important}
.page-lamiavasca .inner-hero p{font-size:15px!important;line-height:1.55!important;max-width:850px!important}
.page-lamiavasca .breadcrumbs{margin-bottom:14px!important}
.page-lamiavasca .eyebrow{margin-bottom:10px!important}

/* La fascia app diventa un messaggio compatto, non una seconda hero */
.page-lamiavasca .app-companion-band{margin-bottom:34px!important}
.page-lamiavasca .app-companion-card{grid-template-columns:1fr auto!important;align-items:center!important;padding:14px 18px!important;border-radius:16px!important;gap:16px!important}
.page-lamiavasca .app-companion-card h2{font-size:22px!important;margin:2px 0 4px!important}
.page-lamiavasca .app-companion-card p{font-size:12px!important;margin:0!important}
.page-lamiavasca .app-feature-pills{display:none!important}
.page-lamiavasca .app-companion-actions{margin-top:9px!important}
.page-lamiavasca .app-companion-actions .cta{padding:9px 13px!important;font-size:11px!important}
.page-lamiavasca .app-companion-side{min-width:240px!important;padding:11px 13px!important;border-radius:12px!important}
.page-lamiavasca .app-companion-side b{font-size:12px!important}
.page-lamiavasca .app-companion-side span{font-size:10px!important;line-height:1.35!important}

.pro-status-strip{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(128px,.6fr));padding:14px 16px!important;border-radius:16px!important}
.pro-status-orb{width:46px!important;height:46px!important;flex-basis:46px!important}.pro-status-orb svg{width:23px;height:23px}
.pro-status-main strong{font-size:21px!important}.pro-stat{position:relative;padding:10px 11px 10px 38px!important}
.pro-stat>svg{position:absolute;left:11px;top:12px;width:18px;height:18px;color:#64d1e8}.pro-stat b{font-size:16px!important}
.pro-live-metrics{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:center;padding:12px 14px;border:1px solid rgba(84,199,229,.13);border-radius:15px;background:#f5f9fa;color:#0a2d49}
.pro-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pro-live-head>div{display:flex;align-items:center;gap:8px}.pro-live-head svg{width:20px;height:20px;color:#167a96}.pro-live-head span{font-size:12px;font-weight:900}.pro-live-head small{font-size:9px;color:#758997}
.pro-live-grid{display:grid;grid-template-columns:repeat(7,minmax(68px,1fr));gap:6px}.pro-live-grid>div{padding:7px 8px;border-radius:10px;background:#fff;border:1px solid #dce7eb;text-align:center}.pro-live-grid span{display:block;font-size:8px;color:#708797}.pro-live-grid strong{font-size:14px;color:#082943}.pro-live-grid small{display:block;font-size:7px;color:#91a0aa}.pro-empty-inline{font-size:11px;color:#748897}

.pro-quick-actions{grid-template-columns:repeat(4,1fr)!important}
.pro-quick-actions button,.pro-quick-actions a{min-height:62px!important;background:#fff!important;color:#0a2d49!important;border-color:#d8e4e9!important;box-shadow:0 6px 16px rgba(0,0,0,.04)}
.pro-quick-actions i{background:#e9f7fa!important;color:#147b96!important}.pro-quick-actions i svg{width:19px;height:19px}.pro-quick-actions b{color:#061f35!important}.pro-quick-actions small{color:#405f72!important;opacity:1!important}

.pro-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pro-module-grid button,.pro-module-grid a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:76px;padding:12px 14px;border:1px solid #d9e4e9;border-radius:15px;background:linear-gradient(145deg,#fff,#f4f8fa);color:#0a2d49;text-decoration:none;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.045)}
.pro-module-grid button:hover,.pro-module-grid a:hover{border-color:#c89a3a;transform:translateY(-1px)}
.pro-module-grid i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#092f4c;color:#75d7eb}.pro-module-grid i svg{width:22px;height:22px}
.pro-module-grid b{display:block;font-size:12px;color:#061f35!important}.pro-module-grid small{display:block;margin-top:3px;color:#405f72!important;font-size:9px;line-height:1.3;opacity:1!important}.pro-module-grid em{font-style:normal;color:#bf8c27;font-size:20px}

.pro-feature-legacy{display:none!important}
.pro-section-shell{border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden}
.pro-section-shell+.pro-section-shell{margin-top:10px}
.pro-section-toggle{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px 15px;border:0;background:linear-gradient(145deg,#0b3151,#08243e);color:#fff;text-align:left;cursor:pointer}
.pro-section-toggle>i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(84,199,229,.11);color:#77d7ec}.pro-section-toggle svg{width:21px;height:21px}
.pro-section-toggle b{display:block;font-size:13px}.pro-section-toggle small{display:block;margin-top:3px;color:#9db1c0;font-size:9px}.pro-section-toggle em{font-size:19px;font-style:normal;color:#dfb450;transition:transform .18s}
.pro-section-shell.open>.pro-section-toggle em{transform:rotate(180deg)}
.pro-section-content{padding:10px;background:#eef4f6}.pro-section-content[hidden]{display:none!important}
.pro-section-content>.site-parity-section,.pro-section-content>.tool-card,.pro-section-content>.maintenance-section,.pro-section-content>.unified-timeline,.pro-section-content>.event-diary,.pro-section-content>.app-report-card{margin:0!important;box-shadow:none!important;border-radius:12px!important}
.pro-panel-title{display:flex;gap:12px;align-items:flex-start}.pro-panel-title>svg{width:28px;height:28px;color:#67cde5;margin-top:6px}
.pro-workspace-panel{max-width:1180px;width:100%;margin:0 auto}
.pro-workspace-panel[data-pro-panel="overview"]{gap:10px!important}
.pro-legacy-shell,.pro-profile-shell{background:#f4f8fa;border-color:#d9e4e9}.pro-legacy-shell>.pro-section-toggle,.pro-profile-shell>.pro-section-toggle{background:#fff;color:#0a2d49}.pro-legacy-shell>.pro-section-toggle small,.pro-profile-shell>.pro-section-toggle small{color:#718593}
.pro-legacy-shell>.pro-section-toggle>i,.pro-profile-shell>.pro-section-toggle>i{background:#e9f7fa;color:#147b96}
.pro-dashboard-legacy{margin:0!important}

/* Popolazione 1.2.5 — contrasto più chiaro + icone vettoriali categoria */
.page-animali .animal-card{background:#f7fafb!important;border-color:#d9e4e9!important;box-shadow:0 10px 24px rgba(0,0,0,.10)!important}
.page-animali .animal-card-media{background:#082943!important;border-right:1px solid #dce6eb!important}
.page-animali .animal-card-body{background:linear-gradient(145deg,#ffffff,#f0f5f7)!important}
.page-animali .animal-card-title h3{color:#082943!important}.page-animali .animal-pro-subtitle{color:#60798b!important}
.page-animali .animal-quick-badges span{background:#eef7f9!important;border-color:#d5e8ed!important;color:#235f73!important}
.page-animali .animal-card-footer time{color:#708493!important}.page-animali .animal-card-open{color:#95620b!important}
.animal-category{display:inline-flex!important;align-items:center!important;gap:6px!important;width:max-content;max-width:100%;padding:4px 8px!important;border-radius:999px!important;background:#edf5f7!important;border:1px solid #d5e4e9!important;color:#164c62!important;font-weight:900!important;line-height:1!important}
.animal-category-icon{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.animal-category-icon svg{width:18px;height:18px;display:block}
.animal-cat-fish{--cat:#1685a3}.animal-cat-lps{--cat:#b98417}.animal-cat-sps{--cat:#138c84}.animal-cat-soft{--cat:#4d8c5b}.animal-cat-anemone{--cat:#a56d83}.animal-cat-invert{--cat:#7864a6}.animal-cat-other{--cat:#61717e}
.animal-category[class*="animal-cat-"]{color:var(--cat)!important;border-color:color-mix(in srgb,var(--cat) 30%,#dce6ea)!important;background:color-mix(in srgb,var(--cat) 8%,#fff)!important}
.page-animali .animal-card{border-top:3px solid var(--cat,#d8a845)!important}.page-animali .animal-card:has(.animal-cat-fish){--cat:#1685a3}.page-animali .animal-card:has(.animal-cat-lps){--cat:#b98417}.page-animali .animal-card:has(.animal-cat-sps){--cat:#138c84}.page-animali .animal-card:has(.animal-cat-soft){--cat:#4d8c5b}.page-animali .animal-card:has(.animal-cat-anemone){--cat:#a56d83}.page-animali .animal-card:has(.animal-cat-invert){--cat:#7864a6}

/* Drawer: hero navy, contenuto chiaro. Riduce il blu-su-blu. */
.animal-pro-panel{background:#eef4f6!important}.animal-pro-hero{background:radial-gradient(circle at 20% 10%,rgba(84,199,229,.18),transparent 45%),linear-gradient(135deg,#0b3557,#071f35)!important}
.animal-pro-hero .animal-category{background:rgba(255,255,255,.94)!important}
.animal-pro-body{color:#0a2d49!important}.animal-pro-section{background:#fff!important;border-color:#d8e3e8!important;color:#0a2d49!important;box-shadow:0 7px 18px rgba(0,0,0,.035)}
.animal-pro-section h3{color:#0a2d49!important}.animal-pro-field{background:#f2f7f8!important;border-color:#dce7eb!important}.animal-pro-field span{color:#6a8191!important}.animal-pro-field strong{color:#0a2d49!important}
.animal-pro-chips span{background:#eaf6f8!important;border-color:#cfe7ec!important;color:#155c72!important}.animal-pro-special{background:#fff8e8!important;border-color:#e3c87f!important;color:#5f4a17!important}
.animal-pro-actions button{background:#0a2d49!important;color:#fff!important;border-color:#0a2d49!important}.animal-pro-actions .danger{background:#fff!important;color:#9b4039!important;border-color:#d9a8a4!important}
.animal-pro-disclaimer,.animal-no-catalog{color:#6b7e8b!important}

.page-animali .animal-summary-category{display:grid!important;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;min-width:138px!important}.page-animali .animal-summary-category i{width:22px;height:22px;color:var(--cat)}.page-animali .animal-summary-category i svg{width:22px;height:22px}.page-animali .animal-summary-category span{grid-column:2}.page-animali .animal-summary-category strong{grid-column:3;grid-row:1;color:#fff!important}

@media(max-width:900px){
  .page-lamiavasca .app-companion-card{grid-template-columns:1fr!important}.page-lamiavasca .app-companion-side{min-width:0!important}
  .pro-status-strip{grid-template-columns:1fr 1fr!important}.pro-status-main{grid-column:1/-1}
  .pro-live-metrics{grid-template-columns:1fr!important}.pro-live-grid{grid-template-columns:repeat(4,1fr)}
  .pro-module-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .page-lamiavasca .inner-hero{padding-top:24px!important;padding-bottom:18px!important}.page-lamiavasca .inner-hero h1{font-size:40px!important}
  .page-lamiavasca .app-companion-side{display:none!important}
  .pro-status-strip{grid-template-columns:1fr!important}.pro-status-main{grid-column:auto}.pro-stat{min-height:58px}
  .pro-live-grid{grid-template-columns:repeat(3,1fr)}.pro-quick-actions{grid-template-columns:1fr 1fr!important}.pro-module-grid{grid-template-columns:1fr}
  .pro-section-content{padding:6px}
  .page-animali .animal-list{grid-template-columns:1fr!important}
}


/* =========================================================
   ManualeReef 1.2.6 — Animali: inserimento compatto + photo fix UI
   ========================================================= */
.page-animali .animal-add-details{
  max-width:1180px;margin:12px auto 26px;border:1px solid #d9e4e9;border-radius:15px;
  background:#f7fafb;overflow:visible;box-shadow:0 7px 20px rgba(0,0,0,.045)
}
.page-animali .animal-add-details>summary{
  list-style:none;display:grid;grid-template-columns:38px 1fr auto 24px;align-items:center;gap:11px;
  min-height:58px;padding:10px 14px;cursor:pointer;color:#0a2d49;user-select:none
}
.page-animali .animal-add-details>summary::-webkit-details-marker{display:none}
.animal-add-plus{
  width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#0a2d49;color:#70d5e9;
  font-size:24px;font-weight:400;line-height:1;transition:transform .18s
}
.animal-add-summary-copy strong{display:block;font-size:13px}.animal-add-summary-copy small{display:block;margin-top:2px;color:#728695;font-size:9px}
.animal-add-local{padding:5px 8px;border:1px solid #ddc27c;border-radius:999px;color:#926310;font-size:8px;font-weight:900;letter-spacing:.06em}
.animal-add-chevron{color:#a7791c;font-size:20px;transition:transform .18s}
.animal-add-details[open] .animal-add-plus{transform:rotate(45deg)}.animal-add-details[open] .animal-add-chevron{transform:rotate(180deg)}
.animal-add-body{padding:0 16px 16px;border-top:1px solid #e3eaee;background:#fff}
.animal-add-body .animal-form{padding-top:16px}
.animal-add-body>#saveAnimal{margin-top:12px}
.animal-add-body .edit-log-message{margin-top:8px}

/* Icone categoria: presenza più netta senza aumentare il testo */
.page-animali .animal-category-icon{width:21px;height:21px;flex-basis:21px}
.page-animali .animal-category-icon svg{width:21px;height:21px}
.page-animali .animal-category{padding:4px 9px 4px 6px!important;gap:7px!important}
.page-animali .animal-summary-category i{width:25px!important;height:25px!important}
.page-animali .animal-summary-category i svg{width:25px!important;height:25px!important}

/* Upload foto: feedback più evidente */
.page-animali .animal-photo-message:not(:empty),
.page-animali #animalMessage:not(:empty){
  margin-top:10px;padding:9px 11px;border-radius:10px;background:#eef7f9;color:#1a5e71;border:1px solid #d0e7ec;font-size:10px
}

@media(max-width:700px){
  .page-animali .animal-add-details>summary{grid-template-columns:38px 1fr 22px}
  .animal-add-local{display:none}
  .animal-add-body{padding:0 12px 14px}
}


/* =========================================================
   ManualeReef 1.2.7 — Foto esemplare intera + tassonomia visuale
   ========================================================= */

/* Le foto di documentazione non vengono più ritagliate: l'esemplare resta interamente visibile. */
.page-animali .animal-card{grid-template-columns:112px minmax(0,1fr)!important}
.page-animali .animal-card-media{
  min-height:128px!important;
  background:radial-gradient(circle at 50% 45%,#123f61 0,#082943 62%,#061d31 100%)!important;
  display:grid!important;place-items:center!important
}
.page-animali .animal-card-media.has-photo{padding:4px!important}
.page-animali .animal-card-media img{
  width:100%!important;height:100%!important;min-height:120px!important;
  object-fit:contain!important;object-position:center!important;
  background:#071f34;border-radius:10px
}
.animal-pro-photo{background:radial-gradient(circle at 50% 45%,#154765,#082943 65%,#061d31 100%)!important}
.animal-pro-photo.has-photo{padding:5px!important}
.animal-pro-photo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:10px;background:#071f34}

/* Palette visiva distinta per i sottogruppi, pur mantenendo il database a categorie ampie. */
.animal-cat-shrimp{--cat:#d66e61}
.animal-cat-crab{--cat:#bd6248}
.animal-cat-hermit{--cat:#bc7b3d}
.animal-cat-snail{--cat:#718d54}
.animal-cat-starfish{--cat:#c98539}
.animal-cat-brittle{--cat:#9470a9}
.animal-cat-urchin{--cat:#6667a7}
.animal-cat-clam{--cat:#3f8f9d}
.animal-cat-cucumber{--cat:#7d8953}
.animal-cat-worm{--cat:#b06582}
.animal-cat-cuttlefish{--cat:#6d78a5}
.animal-cat-invert{--cat:#7864a6}

.page-animali .animal-card:has(.animal-cat-shrimp){--cat:#d66e61}
.page-animali .animal-card:has(.animal-cat-crab){--cat:#bd6248}
.page-animali .animal-card:has(.animal-cat-hermit){--cat:#bc7b3d}
.page-animali .animal-card:has(.animal-cat-snail){--cat:#718d54}
.page-animali .animal-card:has(.animal-cat-starfish){--cat:#c98539}
.page-animali .animal-card:has(.animal-cat-brittle){--cat:#9470a9}
.page-animali .animal-card:has(.animal-cat-urchin){--cat:#6667a7}
.page-animali .animal-card:has(.animal-cat-clam){--cat:#3f8f9d}
.page-animali .animal-card:has(.animal-cat-cucumber){--cat:#7d8953}
.page-animali .animal-card:has(.animal-cat-worm){--cat:#b06582}
.page-animali .animal-card:has(.animal-cat-cuttlefish){--cat:#6d78a5}
.page-animali .animal-card:has(.animal-cat-invert){--cat:#7864a6}

/* Riepilogo categorie: orizzontale e scorrevole, per non allungare la pagina. */
.page-animali .animal-summary{
  display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;
  gap:8px!important;padding-bottom:5px!important;scrollbar-width:thin
}
.page-animali .animal-summary>div{flex:0 0 auto!important;min-width:132px!important}
.page-animali .animal-summary-total{min-width:92px!important}

/* Su smartphone la foto resta intera e la card non diventa eccessivamente alta. */
@media(max-width:720px){
  .page-animali .animal-card{grid-template-columns:102px minmax(0,1fr)!important}
  .page-animali .animal-card-media,.page-animali .animal-card-media img,.page-animali .animal-photo-placeholder{min-height:116px!important}
}


/* =========================================================
   ManualeReef 1.2.8 — Reef Icons PRO
   Iconografia morfologica specifica per coralli reef.
   ========================================================= */
.animal-cat-lps,.animal-cat-lps-euphyllia,.animal-cat-lps-caulastraea,.animal-cat-lps-catalaphyllia,.animal-cat-lps-fleshy{--cat:#b9831b}
.animal-cat-sps,.animal-cat-sps-branch,.animal-cat-sps-plate,.animal-cat-sps-massive{--cat:#148a83}
.animal-cat-soft,.animal-cat-leather,.animal-cat-zoanthid,.animal-cat-mushroom,.animal-cat-starpolyps,.animal-cat-gorgonian{--cat:#4f8f61}
.animal-cat-anemone{--cat:#9f6687}

.page-animali .animal-card:has(.animal-cat-lps-euphyllia),
.page-animali .animal-card:has(.animal-cat-lps-caulastraea),
.page-animali .animal-card:has(.animal-cat-lps-catalaphyllia),
.page-animali .animal-card:has(.animal-cat-lps-fleshy){--cat:#b9831b}
.page-animali .animal-card:has(.animal-cat-sps-branch),
.page-animali .animal-card:has(.animal-cat-sps-plate),
.page-animali .animal-card:has(.animal-cat-sps-massive){--cat:#148a83}
.page-animali .animal-card:has(.animal-cat-leather),
.page-animali .animal-card:has(.animal-cat-zoanthid),
.page-animali .animal-card:has(.animal-cat-mushroom),
.page-animali .animal-card:has(.animal-cat-starpolyps),
.page-animali .animal-card:has(.animal-cat-gorgonian){--cat:#4f8f61}

.page-animali .animal-category-icon{width:23px!important;height:23px!important;flex-basis:23px!important}
.page-animali .animal-category-icon svg{width:23px!important;height:23px!important}

/* V1.2.13 — icone reef macro-categorie allineate alla PWA 1.1.22 */
.animal-cat-lps{--cat:#b9831b}.animal-cat-sps{--cat:#148a83}.animal-cat-soft{--cat:#4f8f61}
.page-animali .animal-card:has(.animal-cat-lps){--cat:#b9831b}.page-animali .animal-card:has(.animal-cat-sps){--cat:#148a83}.page-animali .animal-card:has(.animal-cat-soft){--cat:#4f8f61}

/* V1.2.16 — Reef Icons reference set: identiche forme della tavola approvata */
.reef-icon-art{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important}
.page-animali .animal-summary-category i{display:grid;place-items:center;padding:2px;border-radius:7px;background:rgba(255,255,255,.96);box-sizing:border-box}
.page-animali .animal-summary-category i .reef-icon-art{width:100%!important;height:100%!important}
.animal-category-icon .reef-icon-art{width:100%!important;height:100%!important}

/* V1.2.18 — riepilogo popolazione cliccabile come filtro rapido */
.page-animali button.animal-summary-category{font:inherit;text-align:left;appearance:none;-webkit-appearance:none;cursor:pointer}
.page-animali button.animal-summary-category.is-active{border-color:rgba(216,168,69,.65)!important;box-shadow:0 0 0 1px rgba(216,168,69,.16) inset}
.page-animali .animal-summary-reset{--cat:#8095a3!important}
.page-animali .animal-summary-reset i{font-style:normal!important;font-size:20px!important;font-weight:500!important;line-height:1!important;color:#516b7c!important;background:rgba(255,255,255,.96)!important}

/* V1.2.19 — hotfix grafico filtri popolazione: i pulsanti mantengono lo stesso riquadro del totale */
.page-animali button.animal-summary-category{
  flex:0 0 auto!important;
  min-width:132px!important;
  padding:9px 12px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:12px!important;
  background:#092743!important;
  color:inherit!important;
  box-shadow:none;
  font:inherit;
  text-align:left;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.page-animali button.animal-summary-category:hover{
  border-color:rgba(84,199,229,.28)!important;
  background:#0a2b49!important;
}
.page-animali button.animal-summary-category.is-active{
  border-color:rgba(216,168,69,.72)!important;
  background:#0a2b49!important;
  box-shadow:0 0 0 1px rgba(216,168,69,.16) inset!important;
}
.page-animali button.animal-summary-reset{
  min-width:132px!important;
  background:#092743!important;
}

.app-promo-actions{display:flex;column-gap:30px;row-gap:14px;flex-wrap:wrap;align-items:center}.app-promo-learn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.app-promo-actions button{width:auto!important;min-width:170px}@media(max-width:640px){.app-promo-actions{align-items:stretch;column-gap:14px;row-gap:12px}.app-promo-actions>*{flex:1 1 160px}}

/* v1.3.13.27 — CTA pagina app */
.app-promo-learn-strong{background:#fff!important;color:#08304d!important;border:2px solid #0a83b2!important;box-shadow:0 8px 18px rgba(5,84,119,.12)!important}.app-promo-learn-strong:hover{background:#eaf8fc!important;transform:translateY(-1px)}


/* V1.2.21 — accesso tecnica dal sito */
.technical-card{margin-top:20px;}
.technical-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px;}
.technical-overview-grid article{border:1px solid #dbe5ec;border-radius:12px;background:#f7fbfe;padding:16px 18px;display:flex;flex-direction:column;gap:4px;}
.technical-overview-grid span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6d8293;font-weight:800;}
.technical-overview-grid strong{font-size:30px;line-height:1;color:#092441;}
.technical-overview-grid small{color:#5f7486;line-height:1.45;}
.technical-columns,.technical-lists-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;}
.technical-panel{border:1px solid #dbe5ec;border-radius:14px;background:#fff;padding:18px;box-shadow:0 10px 25px rgba(7,29,48,.04);}
.technical-panel-head{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;}
.technical-panel-head h3{margin:0;color:#092441;font-size:23px;font-family:Georgia,"Times New Roman",serif;}
.technical-panel-head small{color:#5f7486;line-height:1.5;}
.technical-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.technical-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#294256;font-size:13px;}
.technical-form-grid input,.technical-form-grid select{width:100%;}
.technical-full{grid-column:1 / -1;}
.technical-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.technical-list{display:flex;flex-direction:column;gap:12px;}
.technical-empty{padding:16px;border:1px dashed #cfdce5;border-radius:12px;background:#f8fbfd;color:#5f7486;line-height:1.5;}
.technical-item{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #dbe5ec;border-radius:12px;background:#fbfdff;align-items:flex-start;}
.technical-item-main{display:flex;flex-direction:column;gap:4px;min-width:0;}
.technical-item-main span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#6d8293;font-weight:800;}
.technical-item-main strong{font-size:17px;color:#092441;line-height:1.35;}
.technical-item-main small{color:#566f82;line-height:1.5;}
.technical-item-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.technical-item-actions button{white-space:nowrap;}
.technical-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#eef4f8;color:#335166;border:1px solid #d8e3ea;}
.technical-pill.attention{background:#fff4db;color:#8a5c00;border-color:#f0d58d;}
.technical-pill.soon{background:#eff7ff;color:#1d5fa6;border-color:#cde1f6;}
.technical-linked-note{font-style:italic;}
.technical-card .site-shared-note{display:flex;gap:8px;align-items:flex-start;margin-top:18px;color:#566f82;}
.technical-card .site-shared-note strong{color:#092441;}
@media (max-width:900px){
  .technical-overview-grid,.technical-columns,.technical-lists-grid,.technical-form-grid{grid-template-columns:1fr;}
  .technical-item{flex-direction:column;}
  .technical-item-actions{justify-content:flex-start;}
}


/* V1.2.22 — Tecnica come vista autonoma + contrasto */
.pro-workspace-panel[data-pro-panel="tecnica"]{display:block;}
.pro-workspace-panel[data-pro-panel="tecnica"]>.pro-panel-intro{margin-bottom:16px;}
.pro-workspace-panel[data-pro-panel="tecnica"] #tool-technical{margin:0;background:#f6f9fb!important;color:#0b2842!important;border:1px solid #d7e3ea!important;}
.pro-workspace-panel[data-pro-panel="tecnica"] #tool-technical>.event-head h2,
.pro-workspace-panel[data-pro-panel="tecnica"] #tool-technical>.event-head p{color:#0b2842!important;}
.pro-workspace-panel[data-pro-panel="tecnica"] #tool-technical>.event-head p{color:#526b7d!important;}
#tool-technical .technical-panel{background:#fff!important;color:#0b2842!important;}
#tool-technical .technical-panel h3,#tool-technical .technical-panel-head h3{color:#0b2842!important;}
#tool-technical .technical-panel small,#tool-technical .technical-panel-head small{color:#60788a!important;}
#tool-technical .technical-form-grid label{color:#314b60!important;}
#tool-technical .technical-form-grid input,#tool-technical .technical-form-grid select{background:#082743!important;color:#fff!important;border-color:#173f5d!important;}
#tool-technical .technical-form-grid input::placeholder{color:#c3d1db!important;opacity:.92;}
#tool-technical .technical-overview-grid article{background:#fff!important;}
#tool-technical .technical-overview-grid article span{color:#688095!important;}
#tool-technical .technical-overview-grid article strong{color:#0b2842!important;}
#tool-technical .technical-overview-grid article small{color:#60788a!important;}
#tool-technical .technical-item{background:#fff!important;}
#tool-technical .technical-item-main strong{color:#0b2842!important;}
#tool-technical .technical-item-main small{color:#5d7486!important;}
#tool-technical .technical-empty{background:#fff!important;color:#60788a!important;}


/* ManualeReef site PRO v1.2.23 — separation and contrast polish */
.page-lamiavasca .pro-section-toggle{color:#fff!important}
.page-lamiavasca .pro-section-toggle b{color:#fff!important}
.page-lamiavasca .pro-section-toggle small{color:#b8cbd7!important}
.page-lamiavasca .pro-section-toggle em{color:#e7b94f!important}
.page-lamiavasca .pro-section-content{color:#17384f}
.page-lamiavasca .site-dose-row button{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;text-align:center!important;font-size:0!important;font-weight:900!important;color:#17384f!important}
.page-lamiavasca .site-dose-row button::before{content:"×";display:block;font-size:16px;line-height:1;transform:translateY(-1px)}


/* ManualeReef site PRO v1.2.57 — hierarchy and contrast parity */
.page-lamiavasca .app-companion-band{margin-bottom:52px!important}
.page-lamiavasca .pro-tank-nav{margin-top:0!important}
.pro-group-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:2px 2px 3px}
.pro-group-heading span{color:#f0c35d;font-size:10px;font-weight:900;letter-spacing:.13em;text-shadow:0 1px 1px rgba(0,0,0,.18)}
.pro-group-heading small{color:#d3e0e7!important;font-size:10px!important;opacity:1!important}
.pro-quick-actions,.pro-module-grid{row-gap:10px!important}
.pro-legacy-shell>.pro-section-toggle,.pro-profile-shell>.pro-section-toggle{background:#fff!important;color:#082b45!important;border-bottom:0!important}
.pro-legacy-shell>.pro-section-toggle b,.pro-profile-shell>.pro-section-toggle b{color:#082b45!important}
.pro-legacy-shell>.pro-section-toggle small,.pro-profile-shell>.pro-section-toggle small{color:#405f72!important;opacity:1!important}
.pro-legacy-shell>.pro-section-toggle>i,.pro-profile-shell>.pro-section-toggle>i{background:#e6f6fa!important;color:#086d8b!important}
.pro-legacy-shell>.pro-section-toggle em,.pro-profile-shell>.pro-section-toggle em{color:#a66e00!important}
.pro-module-grid small,.pro-quick-actions small{color:#536d7d!important;opacity:1!important}
.pro-module-grid button,.pro-module-grid a,.pro-quick-actions button,.pro-quick-actions a{color:#082b45!important}
@media(max-width:640px){.pro-group-heading{display:block}.pro-group-heading small{display:block;margin-top:4px}}