/*
 * Side-specific styles extracted from PHP templates.
 * Global design tokens and reusable components remain in style.css.
 * Keep page selectors scoped to avoid collisions.
 */

/* ===== admin/blog/edit.php | style block 1 ===== */
.current-blog-image{display:grid;gap:8px}.current-blog-image span{color:#607873;font-size:.86rem;font-weight:700}.current-blog-image img{width:min(100%,390px);max-height:250px;object-fit:cover;border-radius:15px}

/* ===== admin/blog/index.php | style block 1 ===== */
.admin-toolbar{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:22px}.table-responsive{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #e1ecea;text-align:left;vertical-align:middle}.admin-table th{color:#54716d;font-size:.82rem;text-transform:uppercase}.table-actions{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.table-actions form{margin:0}.btn-small{padding:7px 10px;font-size:.82rem}.status-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.status-published{background:#daf3e8;color:#176244}.status-draft{background:#edf0f1;color:#5f6e71}

/* ===== admin/forum/categories.php | style block 1 ===== */
.category-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}@media(max-width:800px){.category-admin-grid{grid-template-columns:1fr}}

/* ===== admin/forum/index.php | style block 1 ===== */
.admin-toolbar{display:flex;gap:10px;margin:24px 0}.table-wrap{overflow:auto}.forum-admin-table{width:100%;border-collapse:collapse}.forum-admin-table th,.forum-admin-table td{padding:12px;border-bottom:1px solid #e2ecea;text-align:left}.forum-admin-table small{display:block;color:#718783}.btn-small{padding:7px 10px;font-size:.82rem}

/* ===== admin/forum/topic.php | style block 1 ===== */
.admin-topic-actions form{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}

/* ===== admin/index.php | style block 1 ===== */
.stat-grid .panel small {
    display: block;
    margin-top: 5px;
    color: #6f8581;
    font-size: .8rem;
}

.admin-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 28px;
}

.action-panel {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease;
}

.action-panel:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 36px rgba(20, 72, 67, .12);
}

.action-panel h2 {
    margin-top: 0;
    margin-bottom: 8px;
}

.action-panel p {
    margin-bottom: 0;
    color: #617773;
}

@media (max-width: 700px) {
    .admin-actions {
        grid-template-columns: 1fr;
    }
}

/* ===== blog/index.php | style block 1 ===== */
.blog-filter-form{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.blog-filter-form input{flex:1 1 320px}.blog-filter-form input,.blog-filter-form select{min-height:46px}.blog-category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:28px}.blog-category-tabs a{padding:9px 14px;border:1px solid #d8e7e4;border-radius:999px;background:#fff;color:#356c66;text-decoration:none;font-weight:700;font-size:.88rem}.blog-category-tabs a.active,.blog-category-tabs a:hover{border-color:#176f65;background:#176f65;color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{overflow:hidden;border:1px solid #dce9e7;border-radius:22px;background:#fff;box-shadow:0 14px 35px rgba(20,72,67,.08)}.blog-card-image{display:block;height:225px;background:#e4efed}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-content{padding:21px}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#6f8581;font-size:.8rem;font-weight:700}.blog-card-content h2{margin:0 0 10px;font-size:1.3rem;line-height:1.3}.blog-card-content h2 a{color:#164b45;text-decoration:none}.blog-card-content p{color:#617773;line-height:1.65}.blog-read-more{color:#176f65;text-decoration:none;font-weight:800}@media(max-width:950px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-filter-form{display:grid}}

/* ===== blog/view.php | style block 1 ===== */
.blog-article-header{padding:58px 0 45px;background:radial-gradient(circle at top right,rgba(57,172,159,.2),transparent 35%),linear-gradient(135deg,#eaf6f4,#fbfdfc)}.blog-breadcrumbs{display:flex;gap:9px;margin-bottom:22px;color:#6e8581;font-size:.9rem}.blog-breadcrumbs a{color:#25746b;text-decoration:none}.blog-article-header h1{max-width:900px;margin:9px 0 16px;color:#123f3a;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.08}.blog-article-intro{max-width:800px;color:#4d6a66;font-size:1.16rem;line-height:1.75}.blog-article-meta{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px;color:#718682;font-size:.9rem}.blog-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start;padding-top:38px;padding-bottom:60px}.blog-article-main{display:grid;gap:25px}.blog-featured-image{overflow:hidden;margin:0;border-radius:24px;background:#e2eeec}.blog-featured-image img{display:block;width:100%;max-height:560px;object-fit:cover}.blog-article-content{color:#405f5b;font-size:1.03rem;line-height:1.9}.blog-article-sidebar{display:grid;gap:20px;position:sticky;top:95px}.blog-article-sidebar dl{margin:18px 0}.blog-article-sidebar dl div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #e1ecea}.blog-article-sidebar dt{color:#718581}.blog-article-sidebar dd{margin:0;color:#194f48;font-weight:700;text-align:right}.blog-sidebar-button{width:100%;justify-content:center;margin-top:9px}@media(max-width:850px){.blog-article-layout{grid-template-columns:1fr}.blog-article-sidebar{position:static}}

/* ===== community.php | style block 1 ===== */
.community-hero {
    background:
        radial-gradient(circle at top right, rgba(75, 200, 184, .18), transparent 34%),
        linear-gradient(135deg, #0b3f39, #145f56);
    color: #fff;
}

.community-hero .eyebrow {
    color: #8fe0d5;
}

.community-hero h1 {
    color: #fff;
}

.community-hero p {
    max-width: 720px;
    color: rgba(255, 255, 255, .82);
}

.community-welcome {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: flex-end;
}

.community-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.community-hero .btn-light {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.community-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.community-stat-card {
    display: grid;
    justify-items: center;
    gap: 5px;
    text-align: center;
    text-decoration: none;
    color: inherit;
}

.community-stat-card > span {
    font-size: 1.55rem;
}

.community-stat-card strong {
    font-size: 1.55rem;
    color: #174f48;
}

.community-stat-card small {
    color: #718783;
}

.community-stat-link {
    transition: .18s ease;
}

.community-stat-link:hover {
    transform: translateY(-2px);
}

.community-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 26px;
    align-items: start;
}

.section-heading-row {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    margin-bottom: 16px;
}

.section-heading-row.compact {
    margin-bottom: 10px;
}

.section-heading-row h2 {
    margin-bottom: 0;
}

.community-topic-panel {
    padding: 0;
    overflow: hidden;
}

.community-topic-list {
    display: grid;
}

.community-topic-list > a {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px 18px;
    border-bottom: 1px solid #e2ecea;
    color: inherit;
    text-decoration: none;
}

.community-topic-list > a:hover {
    background: #f6faf9;
}

.community-topic-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #e7f4f1;
    font-size: 1.25rem;
}

.community-topic-main strong,
.community-topic-main small {
    display: block;
}

.community-topic-main small {
    margin-top: 5px;
    color: #748985;
}

.community-topic-counts {
    display: flex;
    gap: 16px;
    color: #68817c;
    font-size: .78rem;
    text-align: center;
}

.community-topic-counts strong {
    display: block;
    color: #244f4a;
}

.community-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.community-feature-card {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    color: inherit;
    text-decoration: none;
    transition: .18s ease;
}

.community-feature-card:hover {
    transform: translateY(-2px);
}

.community-feature-card > span {
    font-size: 1.65rem;
}

.community-feature-card h3 {
    margin: 0 0 6px;
}

.community-feature-card p {
    margin: 0;
    color: #647b77;
}

.community-side-panel {
    margin-bottom: 18px;
}

.community-member-list {
    display: grid;
}

.community-member-list a {
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 11px 0;
    border-bottom: 1px solid #e2ecea;
    color: inherit;
    text-decoration: none;
}

.community-member-list img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    object-fit: cover;
    background: #edf5f3;
}

.community-member-list strong,
.community-member-list small {
    display: block;
}

.community-member-list small {
    margin-top: 3px;
    color: #748985;
}

.community-full-button {
    width: 100%;
    justify-content: center;
    margin-top: 14px;
}

@media (max-width: 1000px) {
    .community-layout {
        grid-template-columns: 1fr;
    }

    .community-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .community-welcome {
        display: grid;
        align-items: start;
    }

    .community-hero-actions {
        display: grid;
        width: 100%;
    }

    .community-topic-list > a {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .community-topic-counts {
        grid-column: 2;
        justify-content: flex-start;
        text-align: left;
    }

    .community-feature-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .community-stat-grid {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }

    .community-stat-card {
        padding: 15px 10px;
    }
}

/* ===== fish/index.php | style block 1 ===== */
.animal-category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.animal-category-tabs a{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid #cddfdd;border-radius:999px;background:#fff;color:#174b46;text-decoration:none;font-weight:700}.animal-category-tabs a:hover,.animal-category-tabs a.active{background:#0c6059;color:#fff;border-color:#0c6059}.fish-category-badge{position:absolute;top:14px;left:14px;padding:7px 11px;border-radius:999px;background:rgba(12,96,89,.92);color:#fff;font-size:.78rem;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.12)}.fish-library{background:#f5f9f8}.fish-filter-panel{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(150px,1fr)) auto;gap:16px;align-items:end;padding:22px;margin-bottom:36px;background:#fff;border:1px solid rgba(13,84,79,.12);border-radius:22px;box-shadow:0 16px 45px rgba(14,64,61,.08)}.fish-filter-panel label{display:block;margin-bottom:7px;font-size:.88rem;font-weight:700;color:#163d3a}.fish-filter-panel input,.fish-filter-panel select{width:100%;min-height:48px;padding:0 14px;border:1px solid #cddfdd;border-radius:13px;background:#fff;color:#153936;font:inherit}.fish-filter-actions{display:flex;gap:9px}.fish-results-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.fish-results-heading h2{margin:4px 0 0}.fish-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fish-card{overflow:hidden;background:#fff;border:1px solid rgba(13,84,79,.11);border-radius:22px;box-shadow:0 16px 45px rgba(14,64,61,.08);transition:transform .2s ease,box-shadow .2s ease}.fish-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(14,64,61,.13)}.fish-card-image{position:relative;display:block;height:230px;overflow:hidden;background:#e5f1ef}.fish-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.fish-card:hover .fish-card-image img{transform:scale(1.035)}.fish-difficulty-badge{position:absolute;top:14px;right:14px;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.92);color:#0c6059;font-size:.78rem;font-weight:800;box-shadow:0 5px 16px rgba(0,0,0,.12)}.fish-card-body{padding:21px}.fish-card h3{margin:0;font-size:1.35rem}.fish-card h3 a{color:#123f3b;text-decoration:none}.fish-scientific-name{margin:4px 0 15px;color:#66817e;font-style:italic}.fish-card-body>p:not(.fish-scientific-name){min-height:68px;color:#526c69;line-height:1.6}.fish-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0}.fish-facts span{padding:11px;background:#f1f8f7;border-radius:13px}.fish-facts strong,.fish-facts small{display:block}.fish-facts strong{color:#144943;font-size:.93rem}.fish-facts small{margin-top:3px;color:#728784;font-size:.72rem}.fish-temperament{display:flex;justify-content:space-between;gap:12px;padding-top:14px;margin-bottom:17px;border-top:1px solid #e0ecea;color:#617875}.fish-temperament strong{color:#174b46}.fish-card-button{width:100%;justify-content:center}@media(max-width:1050px){.fish-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-filter-actions{grid-column:1/-1}.fish-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.fish-filter-panel,.fish-card-grid{grid-template-columns:1fr}.fish-filter-actions,.fish-results-heading{align-items:stretch;flex-direction:column}.fish-card-image{height:210px}}

/* ===== fish/view.php | style block 1 ===== */
.species-hero {
    padding: 54px 0;
    background:
        radial-gradient(circle at top right, rgba(75, 183, 170, .23), transparent 34%),
        linear-gradient(135deg, #eaf6f4, #f9fcfb);
}

.species-hero-grid {
    display: grid;
    grid-template-columns: minmax(320px, .95fr) minmax(0, 1.2fr);
    gap: 48px;
    align-items: center;
}

.species-hero-image {
    overflow: hidden;
    min-height: 420px;
    border-radius: 28px;
    background: #dcecea;
    box-shadow: 0 24px 60px rgba(21, 74, 69, .16);
}

.species-hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}

.species-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 24px;
    color: #6d8481;
    font-size: .9rem;
}

.species-breadcrumbs a {
    color: #28756d;
    text-decoration: none;
}

.species-hero-content h1 {
    margin: 8px 0 4px;
    font-size: clamp(2.3rem, 5vw, 4.6rem);
    line-height: 1;
    color: #113f3a;
}

.species-scientific-name {
    margin: 0 0 22px;
    font-size: 1.25rem;
    font-style: italic;
    color: #617b77;
}

.species-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 22px;
}

.species-badge {
    display: inline-flex;
    gap: 6px;
    padding: 9px 13px;
    border: 1px solid rgba(24, 103, 94, .15);
    border-radius: 999px;
    background: rgba(255, 255, 255, .75);
    color: #4d6c68;
    font-size: .87rem;
}

.species-badge strong {
    color: #165d55;
}

.species-intro {
    max-width: 760px;
    color: #4c6865;
    line-height: 1.8;
}

.species-details-section {
    background: #f5f9f8;
}

.species-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 28px;
    align-items: start;
}

.species-main {
    display: grid;
    gap: 24px;
}

.species-panel,
.species-sidebar-card {
    border-radius: 22px;
}

.species-panel h2 {
    margin-top: 5px;
}

.species-fact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 22px;
}

.species-fact-card {
    display: flex;
    gap: 13px;
    align-items: center;
    min-height: 93px;
    padding: 17px;
    border: 1px solid #dceae8;
    border-radius: 16px;
    background: #f8fbfa;
}

.species-fact-card > span {
    font-size: 1.65rem;
}

.species-fact-card small,
.species-fact-card strong {
    display: block;
}

.species-fact-card small {
    margin-bottom: 4px;
    color: #758b88;
}

.species-fact-card strong {
    color: #174b45;
}

.species-description {
    color: #4c6764;
    line-height: 1.85;
}

.species-sidebar {
    display: grid;
    gap: 20px;
    position: sticky;
    top: 95px;
}

.species-overview-list {
    margin: 17px 0 22px;
}

.species-overview-list div {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 10px;
    padding: 12px 0;
    border-bottom: 1px solid #e2ecea;
}

.species-overview-list dt {
    color: #718582;
}

.species-overview-list dd {
    margin: 0;
    text-align: right;
    color: #194e48;
    font-weight: 700;
}

.species-back-button {
    width: 100%;
    justify-content: center;
    margin-top: 9px;
}

@media (max-width: 900px) {
    .species-hero-grid,
    .species-layout {
        grid-template-columns: 1fr;
    }

    .species-sidebar {
        position: static;
    }

    .species-hero-image,
    .species-hero-image img {
        min-height: 330px;
    }
}

@media (max-width: 600px) {
    .species-fact-grid {
        grid-template-columns: 1fr;
    }

    .species-hero {
        padding: 28px 0;
    }

    .species-hero-grid {
        gap: 28px;
    }

    .species-hero-image,
    .species-hero-image img {
        min-height: 260px;
    }

    .species-overview-list div {
        grid-template-columns: 1fr;
    }

    .species-overview-list dd {
        text-align: left;
    }
}

/* ===== forum/category.php | style block 1 ===== */
.forum-breadcrumbs{display:flex;gap:8px;margin-bottom:16px;color:#718782}.forum-breadcrumbs a{color:#217268;text-decoration:none}
.forum-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.forum-filter-tabs a{padding:9px 14px;border:1px solid #d8e7e4;border-radius:999px;text-decoration:none;color:#376b65;font-weight:700}.forum-filter-tabs a.active{background:#176f65;color:#fff;border-color:#176f65}
.forum-table-wrap{padding:0;overflow:hidden}.forum-rows{display:grid}.forum-topic-row{display:grid;grid-template-columns:44px minmax(0,1fr) 170px 170px;gap:14px;align-items:center;padding:17px 18px;border-bottom:1px solid #e2ecea;color:inherit;text-decoration:none}.forum-topic-row:hover{background:#f6faf9}.forum-topic-row small{display:block;margin-top:5px;color:#748985}.forum-topic-status{font-size:1.35rem}.forum-topic-numbers{display:flex;gap:18px}.forum-topic-numbers span,.forum-topic-last{font-size:.8rem;color:#667e79}.forum-topic-numbers strong,.forum-topic-last strong{display:block;color:#244f4a}
@media(max-width:800px){.forum-topic-row{grid-template-columns:38px 1fr}.forum-topic-numbers,.forum-topic-last{grid-column:2}}

/* ===== forum/create.php | style block 1 ===== */
.forum-editor-help{padding:12px 14px;border-radius:12px;background:#edf7f5;color:#47706a;font-size:.88rem}
.forum-upload-box{padding:16px;border:2px dashed #bdd7d2;border-radius:16px;background:#f7fbfa}
.forum-upload-box.dragover{border-color:#176f65;background:#edf7f5}
.forum-upload-button{display:grid;place-items:center;width:100%;min-height:130px;border:0;background:transparent;color:#245e57;cursor:pointer;text-align:center}
.forum-upload-button span{font-size:1.8rem}.forum-upload-button strong{font-size:1rem}.forum-upload-button small,.forum-upload-box>p{color:#718783}
.forum-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.forum-preview-item{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#dfeae8}
.forum-preview-item img,.forum-preview-item video{width:100%;height:100%;object-fit:cover;image-orientation:from-image}
.forum-preview-remove{position:absolute;top:7px;right:7px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;cursor:pointer}
.forum-preview-type{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:.72rem}
@media(max-width:600px){.forum-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-upload-button{min-height:110px}}

/* ===== forum/index.php | style block 1 ===== */
.forum-hero {
    background:
        radial-gradient(circle at top right, rgba(75, 200, 184, .18), transparent 34%),
        linear-gradient(135deg, #0b3f39, #145f56);
    color: #fff;
}

.forum-hero .eyebrow {
    color: #8fe0d5;
}

.forum-hero h1 {
    color: #fff;
}

.forum-hero p {
    color: rgba(255, 255, 255, .82);
}

.forum-hero .forum-search input {
    border-color: rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .96);
}

.forum-hero .btn-light {
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .12);
    color: #fff;
}

.forum-hero .btn-light:hover {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}
.forum-search { display:flex; flex-wrap:wrap; gap:10px; max-width:850px; margin-top:22px; }
.forum-search input { flex:1 1 300px; min-height:48px; }
.forum-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:28px; align-items:start; }
.section-heading-row { display:flex; justify-content:space-between; gap:18px; margin-bottom:20px; }
.forum-category-grid { display:grid; gap:14px; }
.forum-category-card { display:grid; grid-template-columns:62px minmax(0,1fr) auto; gap:16px; align-items:center; color:inherit; text-decoration:none; transition:.18s ease; }
.forum-category-card:hover { transform:translateY(-2px); box-shadow:0 14px 34px rgba(20,72,67,.11); }
.forum-category-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; background:#e7f4f1; font-size:1.7rem; }
.forum-category-main h3 { margin:0 0 5px; }
.forum-category-main p { margin:0 0 7px; color:#607773; }
.forum-category-main small,.forum-category-time { color:#7a8d89; font-size:.8rem; }
.forum-side-panel { position:sticky; top:95px; }
.forum-topic-list { display:grid; margin-top:16px; }
.forum-topic-list a { display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-bottom:1px solid #e2ecea; color:inherit; text-decoration:none; }
.forum-topic-list strong,.forum-topic-list small { display:block; }
.forum-topic-list small { margin-top:5px; color:#748985; }
.forum-topic-list span { white-space:nowrap; color:#55736e; font-size:.8rem; }
@media(max-width:950px){.forum-layout{grid-template-columns:1fr}.forum-side-panel{position:static}}
@media(max-width:620px){.forum-category-card{grid-template-columns:50px minmax(0,1fr)}.forum-category-time{grid-column:2}.forum-search{display:grid}}

/* ===== forum/topic-media-snippet.php | style block 1 ===== */
.forum-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.forum-media-item{display:block;overflow:hidden;border-radius:14px;background:#0d2926}
.forum-media-item img,.forum-media-item video{display:block;width:100%;max-height:520px;object-fit:contain;image-orientation:from-image}
.forum-video-item{grid-column:1/-1}
@media(max-width:600px){.forum-media-grid{grid-template-columns:1fr}.forum-media-item img,.forum-media-item video{max-height:70vh}}

/* ===== forum/topic.php | style block 1 ===== */
.forum-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.forum-breadcrumbs a{color:#217268;text-decoration:none}.topic-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.topic-title-row h1{margin-bottom:8px}.topic-meta{color:#6d8480}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.topic-layout main{display:grid;gap:18px}.forum-post{display:grid;grid-template-columns:145px minmax(0,1fr);padding:0;overflow:hidden}.forum-post-user{padding:20px;background:#f3f8f7;text-align:center}.forum-avatar{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:#176f65;color:#fff;font-size:1.5rem;font-weight:800}.forum-post-user small{display:block;margin-top:5px;color:#748985}.forum-post-body{padding:20px}.forum-post-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e2ecea;color:#718783;font-size:.82rem}.forum-post-text{padding:18px 0;line-height:1.8;color:#3f605b}.forum-post-actions{display:flex;flex-wrap:wrap;gap:8px}.forum-post-actions form{margin:0}.btn-small{padding:7px 10px;font-size:.82rem}.solution-post{border:2px solid #4bb78c}.original-post{border-left:4px solid #176f65}.topic-side{position:sticky;top:95px}.topic-side dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e2ecea}.topic-side dd{margin:0;font-weight:700}.topic-admin-button{width:100%;justify-content:center;margin-top:14px}

.forum-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 18px}
.forum-media-item{display:block;overflow:hidden;border:0;border-radius:14px;background:#0d2926;padding:0;cursor:pointer}
.forum-media-item img,.forum-media-item video{display:block;width:100%;max-height:520px;object-fit:contain;image-orientation:from-image;background:#0d2926}
.forum-video-item{grid-column:1/-1;cursor:default}
.forum-image-button:hover img{transform:scale(1.015)}
.forum-image-button img{transition:transform .18s ease}
.forum-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,17,15,.92)}
.forum-lightbox.open{display:flex}
.forum-lightbox img{max-width:96vw;max-height:92vh;object-fit:contain;image-orientation:from-image}
.forum-lightbox-close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#143f39;font-size:1.7rem;cursor:pointer}
.forum-upload-box{padding:16px;border:2px dashed #bdd7d2;border-radius:16px;background:#f7fbfa}
.forum-upload-box.dragover{border-color:#176f65;background:#edf7f5}
.forum-upload-button{display:grid;place-items:center;width:100%;min-height:110px;border:0;background:transparent;color:#245e57;cursor:pointer;text-align:center}
.forum-upload-button span{font-size:1.7rem}.forum-upload-button small,.forum-upload-box>p{color:#718783}
.forum-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.forum-preview-item{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#dfeae8}
.forum-preview-item img,.forum-preview-item video{width:100%;height:100%;object-fit:cover;image-orientation:from-image}
.forum-preview-remove{position:absolute;top:7px;right:7px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;cursor:pointer}
.forum-preview-type{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:rgba(0,0,0,.7);color:#fff;font-size:.72rem}
@media(max-width:850px){.topic-layout{grid-template-columns:1fr}.topic-side{position:static}}@media(max-width:600px){.forum-media-grid{grid-template-columns:1fr}.forum-media-item img,.forum-media-item video{max-height:70vh}.forum-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-post{grid-template-columns:1fr}.forum-post-user{text-align:left;display:flex;gap:12px;align-items:center}.forum-avatar{margin:0;width:46px;height:46px}}

/* ===== members.php | style block 1 ===== */
.members-hero {
    background:
        radial-gradient(circle at top right, rgba(75, 200, 184, .18), transparent 34%),
        linear-gradient(135deg, #0b3f39, #145f56);
    color: #fff;
}

.members-hero .eyebrow {
    color: #8fe0d5;
}

.members-hero h1 {
    color: #fff;
}

.members-hero p {
    color: rgba(255, 255, 255, .82);
}

.members-search {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px auto;
    gap: 14px;
    align-items: end;
    margin-bottom: 28px;
}

.members-search label {
    display: grid;
    gap: 7px;
    font-weight: 700;
    color: #315f59;
}

.members-search-buttons {
    display: flex;
    gap: 8px;
}

.members-result-heading {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    margin-bottom: 18px;
}

.members-result-heading h2 {
    margin-bottom: 0;
}

.member-card-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-top: 14px;
}

.member-card-footer small {
    color: #748985;
}

@media (max-width: 800px) {
    .members-search {
        grid-template-columns: 1fr;
    }

    .members-search-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .members-result-heading {
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    .members-result-heading,
    .member-card-footer {
        display: grid;
    }
}

/* ===== settings/aquariums.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu{grid-template-columns:1fr}}

/* ===== settings/fish.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu{grid-template-columns:1fr}}

/* ===== settings/index.php | style block 1 ===== */
.settings-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}
.settings-hero .eyebrow{color:#8fe0d5}.settings-hero h1{color:#fff;margin-bottom:7px}.settings-hero p{color:rgba(255,255,255,.82)}
.settings-hero-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.settings-profile-summary{display:flex;align-items:center;gap:18px}
.settings-profile-summary img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.22);background:#edf5f3}
.settings-hero .btn-light{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);color:#fff}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
.settings-main{display:grid;gap:20px}.settings-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.settings-stat{display:grid;justify-items:center;gap:5px;text-align:center;text-decoration:none;color:inherit}.settings-stat span{font-size:1.6rem}.settings-stat strong{font-size:1.6rem;color:#174f48}.settings-stat small{color:#718783}
.settings-welcome p{max-width:760px;color:#607773}.settings-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.settings-card{display:flex;gap:15px;align-items:flex-start;color:inherit;text-decoration:none;transition:.18s ease}.settings-card:hover{transform:translateY(-2px)}
.settings-card>span{font-size:1.7rem}.settings-card h3{margin:0 0 6px}.settings-card p{margin:0;color:#647b77}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.settings-hero-inner,.settings-profile-summary{align-items:flex-start}.settings-hero-inner{display:grid}.settings-stat-grid,.settings-card-grid{grid-template-columns:1fr}.settings-menu{grid-template-columns:1fr}.settings-profile-summary img{width:66px;height:66px}}

/* ===== settings/notifications.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu{grid-template-columns:1fr}}

/* ===== settings/privacy.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu{grid-template-columns:1fr}}

/* ===== settings/profile.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
.avatar-editor{display:flex;gap:20px;align-items:center;padding:18px;border-radius:16px;background:#f3f8f7}.avatar-editor img{width:100px;height:100px;border-radius:50%;object-fit:cover;background:#e5f1ef}
.avatar-editor label{display:grid;gap:7px}.avatar-editor small{color:#718783}.settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu,.settings-form-grid{grid-template-columns:1fr}.avatar-editor{align-items:flex-start}.avatar-editor img{width:76px;height:76px}}

/* ===== settings/security.php | style block 1 ===== */
.settings-sub-hero{background:radial-gradient(circle at top right,rgba(75,200,184,.18),transparent 34%),linear-gradient(135deg,#0b3f39,#145f56);color:#fff}.settings-sub-hero .eyebrow{color:#8fe0d5}.settings-sub-hero h1{color:#fff}.settings-sub-hero p{color:rgba(255,255,255,.82)}
.settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.settings-menu{display:grid;padding:10px;position:sticky;top:95px}
.settings-menu a{padding:12px 14px;border-radius:12px;color:#315f59;text-decoration:none;font-weight:700}.settings-menu a:hover,.settings-menu a.active{background:#e8f5f3;color:#0e675d}
.security-grid{display:grid;gap:20px}.muted{color:#657b77}.verification-box{padding:18px;border-radius:15px;background:#f0f8f6;border:1px solid #d7ebe6}.verification-box h3{margin-top:0}.code-input{font-size:1.6rem;letter-spacing:.45rem;text-align:center;font-weight:700;max-width:260px}.cancel-form{margin-top:12px}
@media(max-width:850px){.settings-layout{grid-template-columns:1fr}.settings-menu{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.settings-menu{grid-template-columns:1fr}}

/* Community V2 - Fase 10: Forum 2.0 */
.forum-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.forum-tags span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.15);font-size:.78rem;font-weight:800}.forum-poll{margin-bottom:18px;background:linear-gradient(135deg,#f7fffd,#edf8f5)}.forum-poll h2{margin:5px 0 18px}.forum-poll-options{display:grid;gap:10px;margin-bottom:16px}.forum-poll-options label{display:grid;gap:7px;cursor:pointer}.forum-poll-choice{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.forum-poll-choice b{font-size:.8rem;color:#5f7772}.forum-poll-options i{height:8px;background:#dfeeea;border-radius:99px;overflow:hidden}.forum-poll-options em{display:block;height:100%;background:linear-gradient(90deg,#13a58f,#57c8b7);border-radius:99px}.forum-reactions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}.forum-reactions form{margin:0}.forum-reactions button{border:1px solid #dce9e6;background:#fff;border-radius:999px;padding:6px 10px;cursor:pointer}.forum-reactions button.active{border-color:#16a085;background:#e7f7f3;box-shadow:0 0 0 2px rgba(22,160,133,.1)}.forum-mention{display:inline-block;padding:1px 5px;border-radius:6px;background:#e7f7f3;color:#087466;font-weight:800;text-decoration:none}.forum-report{margin-top:12px;color:#708580;font-size:.8rem}.forum-report summary{cursor:pointer}.forum-report form{display:flex;gap:7px;margin-top:8px}.forum-report input{min-width:0;flex:1}.forum-poll-builder{padding:18px;border:1px solid #dbeae6;border-radius:16px;background:#f7fbfa}.forum-poll-builder h3{margin:0 0 14px}.forum-poll-builder h3 small{font-weight:400;color:#718783}.forum-check{display:flex!important;align-items:center;gap:8px}.forum-check input{width:auto}.solution-post{border:2px solid #58c9a8;background:#f4fffb}@media(max-width:600px){.forum-poll-choice{grid-template-columns:auto 1fr}.forum-poll-choice b{grid-column:2}.forum-report form{flex-direction:column}}