:root {
    --page-bg:#08050d;
    --surface:#140b20;
    --surface-alt:#1d102d;
    --text:#f5edff;
    --text-soft:#d9c9e9;
    --text-muted:#a894bc;
    --border:rgba(180,116,255,.22);
    --border-bright:rgba(199,144,255,.5);
    --purple:#8b3dce;
    --purple-light:#b56eff;
    --purple-dark:#54207e;
    --gold-light:#ffe0a0;
    --available-bg:rgba(42,174,103,.18);
    --available-text:#7cf0ad;
    --available-border:rgba(74,225,137,.34);
    --claimed-bg:rgba(79,116,255,.18);
    --claimed-text:#93adff;
    --claimed-border:rgba(112,145,255,.34);
    --rented-bg:rgba(181,74,255,.18);
    --rented-text:#d291ff;
    --rented-border:rgba(194,105,255,.34);
    --reserved-bg:rgba(226,176,62,.16);
    --reserved-text:#f4ce77;
    --reserved-border:rgba(226,176,62,.34);
    --maintenance-bg:rgba(238,108,49,.16);
    --maintenance-text:#ffae7d;
    --maintenance-border:rgba(238,108,49,.34);
    --disabled-bg:rgba(150,150,160,.14);
    --disabled-text:#c4bdca;
    --shadow:0 20px 50px rgba(0,0,0,.48),0 0 30px rgba(112,43,168,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    background:
        radial-gradient(circle at 15% 0%,rgba(102,37,157,.15),transparent 30%),
        radial-gradient(circle at 85% 20%,rgba(82,28,131,.13),transparent 34%),
        linear-gradient(180deg,#08050d 0%,#0d0714 42%,#09050f 100%);
    color:var(--text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body::before{
    position:fixed;
    inset:0;
    z-index:-1;
    background-image:
        radial-gradient(circle at 20% 20%,rgba(255,255,255,.13) 0 1px,transparent 1.5px),
        radial-gradient(circle at 80% 35%,rgba(213,155,255,.12) 0 1px,transparent 1.5px);
    background-size:90px 90px,130px 130px;
    content:"";
    opacity:.28;
    pointer-events:none;
}
a{color:inherit}
.bco-shell{width:min(1260px,calc(100% - 34px));margin:0 auto}

.bco-hero{
    position:relative;
    overflow:hidden;
    min-height:clamp(270px,38vw,610px);
    border-bottom:1px solid rgba(195,132,255,.28);
    background-color:#09050f;
    background-image:
        linear-gradient(180deg,rgba(5,2,10,.02) 0%,rgba(5,2,10,.04) 58%,rgba(8,5,13,.88) 100%),
        var(--bco-hero-image,url("https://mynexus.life/images/BreedableCoop-%20wall.png"));
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    box-shadow:inset 0 -35px 70px rgba(0,0,0,.72),0 16px 45px rgba(0,0,0,.42);
}
.bco-hero::after{position:absolute;inset:auto 0 0;height:110px;background:linear-gradient(180deg,transparent,var(--page-bg));content:"";pointer-events:none}
.bco-main{position:relative;z-index:2;padding:0 0 76px}
.bco-intro{max-width:900px;margin:-36px auto 30px;padding:0 18px;text-align:center}
.bco-intro h1,.bco-results-heading h2,.bco-message h2{color:var(--gold-light);font-family:Georgia,"Times New Roman",serif}
.bco-intro h1{margin:0;font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.1;text-shadow:0 2px 18px rgba(0,0,0,.8)}
.bco-intro p{margin:14px auto 0;color:var(--text-soft);font-size:1rem;line-height:1.7}

/* Statistics */
.bco-stats{display:grid;gap:14px;margin:20px 0 28px}
.bco-stats-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.bco-stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.bco-stat-card{
    display:flex;
    min-width:0;
    min-height:64px;
    align-items:center;
    justify-content:center;
    gap:12px;
    padding:14px 18px;
    border:1px solid rgba(168,105,220,.25);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(41,19,61,.94),rgba(18,9,28,.98));
    box-shadow:var(--shadow);
}
.bco-stat-value{display:inline-block;flex:0 0 auto;color:var(--gold-light);font-size:2rem;font-weight:800;line-height:1;white-space:nowrap}
.bco-stat-label,.bco-stat-label-inline{display:inline-block;margin:0;color:var(--text-soft);font-size:1rem;font-weight:650;line-height:1.15;white-space:nowrap}

/* Location summary */
.bco-location-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;padding:18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(29,14,44,.97),rgba(15,8,24,.97));box-shadow:var(--shadow)}
.bco-location-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;color:var(--text-soft);font-size:.88rem}

/* Filters */
.bco-filter-panel{display:flex;width:100%;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 30px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(29,14,44,.97),rgba(15,8,24,.97));box-shadow:var(--shadow)}
.bco-filter-tabs{display:flex;flex:0 1 auto;flex-wrap:nowrap;align-items:center;gap:8px;margin:0}
.bco-filter-tab{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:var(--text-soft);font-size:.84rem;font-weight:800;text-decoration:none;white-space:nowrap;transition:.16s ease}
.bco-filter-tab:hover{border-color:var(--border-bright);background:rgba(152,72,208,.16);color:#fff;transform:translateY(-1px)}
.bco-filter-tab.active{border-color:var(--border-bright);background:linear-gradient(135deg,var(--purple-dark),var(--purple));color:#fff}
.bco-filter-count{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.72rem}
.bco-type-filter-form{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:9px;margin:0}
.bco-filter-label{margin:0;color:#d8c7e4;font-size:.82rem;font-weight:700;white-space:nowrap}
.bco-type-filter-form select{width:auto;min-width:185px;height:40px;margin:0;padding:0 36px 0 12px;border:1px solid rgba(166,104,210,.55);border-radius:9px;outline:none;background-color:rgba(35,17,48,.95);color:#f5edfa;font:inherit;font-size:.82rem;cursor:pointer}
.bco-type-filter-form select:focus{border-color:var(--purple-light);box-shadow:0 0 0 3px rgba(175,96,236,.14)}
.bco-type-filter-form select option{background:#13091f;color:#fff}

/* Legacy search form support */
.bco-search-form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.bco-search-form input,.bco-search-form select{min-height:42px;padding:9px 12px;border:1px solid var(--border);border-radius:11px;outline:none;background:rgba(7,3,12,.8);color:var(--text);font:inherit}
.bco-search-form input{width:min(260px,100%)}
.bco-search-form select option{background:#13091f;color:#fff}

/* Buttons */
.bco-search-form button,.bco-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 16px;border:1px solid rgba(229,179,255,.38);border-radius:11px;background:linear-gradient(135deg,#5e2689,#973fd0);color:#fff;font:inherit;font-size:.86rem;font-weight:850;text-decoration:none;cursor:pointer}
.bco-button:hover,.bco-search-form button:hover{background:linear-gradient(135deg,#7430a8,#af4fe5)}
.bco-button.secondary{border-color:var(--border);background:rgba(255,255,255,.035);color:var(--text-soft)}

.bco-results-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 0 16px}
.bco-results-heading h2{margin:0;font-size:1.5rem}
.bco-results-heading span{color:var(--text-muted);font-size:.88rem}

/* Cards: three across on desktop */
.bco-card-grid,.bco-compact-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bco-card,.bco-compact-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,rgba(29,14,44,.98),rgba(13,7,21,.99));box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.bco-card:hover,.bco-compact-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}
.bco-card-image{display:flex;height:215px;align-items:flex-end;padding:18px;border-bottom:1px solid rgba(192,126,255,.18);background:linear-gradient(180deg,rgba(4,1,8,.03),rgba(7,2,13,.8)),linear-gradient(135deg,#301246,#13081f 56%,#46165f);background-position:center;background-repeat:no-repeat;background-size:cover}
.bco-compact-card-image{height:145px;min-height:145px;padding:14px;background-position:center;background-repeat:no-repeat;background-size:cover}
.bco-type-pill{display:inline-flex;padding:7px 11px;border:1px solid rgba(235,193,255,.28);border-radius:999px;background:rgba(10,4,17,.7);color:var(--gold-light);font-size:.75rem;font-weight:850}
.bco-card-body{padding:21px}
.bco-compact-card-body{padding:14px}
.bco-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.bco-card-header h3{margin:0;color:#fff;font-size:1.1rem;line-height:1.25}
.bco-compact-card .bco-card-header h3{font-size:1rem}
.bco-code{margin:7px 0 0;color:var(--text-muted);font-size:.77rem;font-weight:700}
.bco-description{margin:15px 0;color:var(--text-soft);font-size:.91rem;line-height:1.62}
.bco-compact-description{display:-webkit-box;margin:8px 0;overflow:hidden;color:#cbbbd7;font-size:.8rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* Status badges */
.bco-location-status,.bco-status-badge{display:inline-flex;flex:0 0 auto;min-height:30px;align-items:center;padding:5px 10px;border-radius:999px;font-size:.72rem;font-weight:850}
.bco-location-status{border:1px solid var(--available-border);background:var(--available-bg);color:var(--available-text)}
.bco-location-status.maintenance,.status-maintenance{border:1px solid var(--maintenance-border);background:var(--maintenance-bg);color:var(--maintenance-text)}
.status-available{border:1px solid var(--available-border);background:var(--available-bg);color:var(--available-text)}
.status-claimed{border:1px solid var(--claimed-border);background:var(--claimed-bg);color:var(--claimed-text)}
.status-rented{border:1px solid var(--rented-border);background:var(--rented-bg);color:var(--rented-text)}
.status-reserved{border:1px solid var(--reserved-border);background:var(--reserved-bg);color:var(--reserved-text)}
.status-disabled{border:1px solid rgba(200,200,210,.2);background:var(--disabled-bg);color:var(--disabled-text)}

/* Metadata and claim box */
.bco-meta-box{display:grid;gap:8px;margin:16px 0;padding:14px;border:1px solid rgba(193,128,255,.12);border-radius:14px;background:rgba(5,2,10,.38)}
.bco-compact-meta{margin:8px 0;padding:8px 10px}
.bco-meta-row{display:flex;justify-content:space-between;gap:16px;font-size:.84rem}
.bco-compact-meta .bco-meta-row{gap:8px;padding:3px 0;font-size:.78rem}
.bco-meta-row span{color:var(--text-muted)}
.bco-meta-row strong{color:var(--text);text-align:right}
.bco-claim-box{display:grid;gap:4px;margin-top:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}
.bco-compact-claim-box{margin-top:8px;padding:9px 10px}
.bco-claim-box span{color:var(--text-muted);font-size:.79rem}
.bco-claim-label{text-transform:uppercase;letter-spacing:.08em;font-weight:850}
.bco-compact-claim-box .bco-claim-label{font-size:.7rem}
.bco-compact-claim-box strong{font-size:.9rem}

/* Space summary */
.bco-space-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.bco-space-stat{padding:13px;border:1px solid var(--border);border-radius:13px}
.bco-space-stat strong{display:block;font-size:1.25rem}
.bco-space-stat span{display:block;margin-top:2px;font-size:.75rem;opacity:.84}
.bco-space-stat.available{border-color:var(--available-border);background:var(--available-bg);color:var(--available-text)}
.bco-space-stat.claimed{border-color:var(--claimed-border);background:var(--claimed-bg);color:var(--claimed-text)}

/* Actions */
.bco-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.bco-compact-card .bco-actions{margin-top:10px}
.bco-compact-card .bco-button{width:100%;min-height:38px;padding:9px 10px;font-size:.78rem;text-align:center}

/* Pagination */
.bco-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:32px 0 12px}
.bco-page-link{display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:9px 13px;border:1px solid rgba(169,104,255,.34);border-radius:9px;background:rgba(29,13,45,.92);color:#f4eaff;font-weight:700;text-align:center;text-decoration:none}
.bco-page-link:hover{border-color:rgba(218,179,90,.85);background:rgba(74,32,108,.95)}
.bco-page-link.active{border-color:#d9b45f;background:linear-gradient(135deg,#7440a0,#3e175d);color:#fff3c8}
.bco-page-link.disabled{cursor:not-allowed;opacity:.4}
.bco-pagination-summary{margin:0 0 32px;color:#baa6ca;text-align:center;font-size:.9rem}

.bco-message{padding:52px 25px;border:1px dashed var(--border-bright);border-radius:20px;background:linear-gradient(145deg,rgba(29,14,44,.94),rgba(13,7,21,.97));text-align:center;box-shadow:var(--shadow)}
.bco-message h2{margin-top:0}
.bco-message p{margin-bottom:0;color:var(--text-muted)}
.bco-footer{padding:32px 0;border-top:1px solid var(--border);background:rgba(5,2,9,.92);color:var(--text-muted);text-align:center;font-size:.85rem}

@media (max-width:1080px){
    .bco-stats-five{grid-template-columns:repeat(3,minmax(0,1fr))}
    .bco-card-grid,.bco-compact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:720px){
    .bco-hero{min-height:250px}
    .bco-intro{margin-top:-18px}
    .bco-stats-five,.bco-stats-three{grid-template-columns:1fr}
    .bco-filter-panel{overflow-x:auto;justify-content:flex-start;padding-bottom:16px}
    .bco-filter-tabs,.bco-type-filter-form{flex-shrink:0}
    .bco-filter-label{display:none}
    .bco-type-filter-form select{min-width:160px}
    .bco-results-heading,.bco-location-summary{align-items:flex-start;flex-direction:column}
}

@media (max-width:560px){
    .bco-shell{width:min(100% - 22px,1260px)}
    .bco-card-grid,.bco-compact-card-grid{grid-template-columns:1fr;gap:12px}
    .bco-compact-card-image{height:120px;min-height:120px}
    .bco-compact-card-body{padding:11px}
    .bco-page-link{min-width:38px;min-height:38px;padding:8px 10px;font-size:.85rem}
}