/* ------------------
       Base & Reset
    ------------------*/
/*     *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.4;background:#f7f7f7;color:#333;}
a{text-decoration:none;color:inherit;}
img{display:block;max-width:100%;} */

    /* ------------------
       Layout helpers
    ------------------*/
    .container{max-width:1200px;margin:0 auto;padding:1rem;}
    .badge{background:#e5e5e5;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;}
    .btn{background:#0092ff;color:#fff;border:none;border-radius:4px;padding:0.45rem 0.9rem;font-size:0.8rem;cursor:pointer;transition:background .2s;}
    .btn:hover{background:#0077cc;}
    .shadow{box-shadow:0 0 6px rgba(0,0,0,.06);}
    .card{background:#fff;border-radius:8px;padding:1rem;}

    /* ------------------

    /* ------------------
       Title bar
    ------------------*/
    .titleBar{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}
    .titleBar h1{font-size:1.6rem;font-weight:700;}

    /* ------------------
       Main grid
    ------------------*/
    .main{display:grid;grid-template-columns:3fr 1fr;gap:1.5rem;}
    @media(max-width:900px){.main{grid-template-columns:1fr;}}

    /* ------------------
       Gallery
    ------------------*/
    .gallery-main{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:6px;}
    .gallery-main img{
        width:100%;height:100%;
        object-fit: contain;
        background: #ccc;

    }
    .thumbs{display:flex;gap:0.5rem;margin-top:0.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .thumbs img{width:70px;height:70px;object-fit:cover;border-radius:4px;cursor:pointer;opacity:0.7;transition:opacity .2s;}
    .thumbs img.active,.thumbs img:hover{opacity:1;}

    /* ------------------
       Specs list
    ------------------*/
    .specs ul{list-style:none;}
    .specs li{margin-bottom:0.25rem;}
    .spec-label{color:#666;min-width:110px;display:inline-block;}

    /* ------------------
       Sidebar
    ------------------*/
    .sidebar h3{font-size:1rem;margin-bottom:0.5rem;}
    .sidebar ul{list-style:none;margin-bottom:1rem;}
    .sidebar li{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.4rem;}
    .sidebar li::before{content:"•";color:#0092ff;}

    /* ------------------
       Sections (common)
    ------------------*/
    .section{margin-top:1.5rem;}
    .section h2{font-size:1.25rem;margin-bottom:0.6rem;}
    .tag{font-size:0.8rem;background:#f0f0f0;padding:0.2rem 0.4rem;border-radius:4px;margin-left:0.25rem;}

    /* ------------------
       Status list
    ------------------*/
    .status-list{list-style:none;margin-top:0.5rem;}
    .status-item{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;}
    .status-item span:last-child{flex:1;}
    .icon-ok{color:#35a747;}
    .icon-bad{color:#d62626;}
    .icon-info{color:#ff9800;}

    /* ------------------
       Owners
    ------------------*/
    .owners{margin-top:1rem;}
    .owner-card{border-top:1px solid #eee;padding:0.6rem 0;}
    .owner-card:first-child{border-top:none;}
    .owner-title{font-weight:700;margin-bottom:0.25rem;}

    /* ------------------
       Incidents
    ------------------*/
    .incident{border-top:1px solid #eee;padding:1rem 0;}
    .incident:first-child{border-top:none;}
    .incident-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:0.35rem;}
    .incident-date{font-weight:600;}
    .incident-type{font-size:0.8rem;background:#0092ff;color:#fff;padding:0.15rem 0.4rem;border-radius:4px;}

    .hystmodal__styled {
        padding: 20px;
    }