/* ==========================================================================
   Hidrologi.net Modern v2.13.0 — Peta & GIS
   ========================================================================== */

body.mv2-peta-gis-page{
    background:#f3f6fa;
}

.peta-gis-page{
    --pg-blue:#0873bd;
    --pg-blue-dark:#315b78;
    --pg-teal:#168a72;
    --pg-orange:#ef8b2c;
    --pg-red:#cf5353;
    --pg-ink:#274a63;
    --pg-muted:#738898;
    --pg-line:#dde7ee;
    --pg-soft:#f7fafc;
    --pg-card:#ffffff;
    color:var(--pg-ink);
    background:#f3f6fa;
}

.peta-gis-page *{
    box-sizing:border-box;
}

.peta-gis-shell{
    width:min(1480px,calc(100% - 24px));
    margin:0 auto;
}

/* Top bar --------------------------------------------------------------- */

.peta-gis-topbar{
    padding:18px 0 12px;
}

.peta-gis-topbar .peta-gis-shell{
    min-height:72px;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border:1px solid var(--pg-line);
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 16px rgba(31,72,107,.04);
}

.peta-gis-title{
    min-width:0;
    display:flex;
    align-items:center;
    gap:13px;
}

.peta-gis-kicker{
    width:40px;
    height:40px;
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    color:#fff;
    background:linear-gradient(135deg,var(--pg-blue),var(--pg-teal));
    font-size:17px;
    overflow:hidden;
    text-indent:-9999px;
}

.peta-gis-kicker i{
    text-indent:0;
}

.peta-gis-title h1{
    margin:0;
    color:#264e69;
    font-size:19px;
    line-height:1.2;
    letter-spacing:-.02em;
}

.peta-gis-title p{
    max-width:660px;
    margin:4px 0 0;
    color:var(--pg-muted);
    font-size:9px;
    line-height:1.45;
}

.peta-gis-search-panel{
    flex:0 1 680px;
    display:grid;
    grid-template-columns:minmax(260px,1fr) auto auto;
    gap:7px;
    align-items:center;
}

.peta-gis-search{
    position:relative;
    min-width:0;
}

.peta-gis-search>i{
    position:absolute;
    z-index:2;
    left:11px;
    top:50%;
    transform:translateY(-50%);
    color:#7b91a1;
    font-size:12px;
    pointer-events:none;
}

.peta-gis-search input{
    width:100%;
    min-height:38px;
    padding:8px 11px 8px 31px;
    border:1px solid #d7e3eb;
    border-radius:8px;
    outline:0;
    color:#315872;
    background:#fbfdff;
    font-size:9px;
}

.peta-gis-search input:focus{
    border-color:#86bddf;
    box-shadow:0 0 0 3px rgba(8,115,189,.08);
}

.peta-gis-suggestions{
    position:absolute;
    z-index:1800;
    top:calc(100% + 5px);
    left:0;
    right:0;
    max-height:280px;
    overflow:auto;
    border:1px solid var(--pg-line);
    border-radius:9px;
    background:#fff;
    box-shadow:0 15px 36px rgba(30,62,88,.15);
}

.peta-gis-suggestions[hidden]{
    display:none;
}

.peta-gis-suggestion{
    width:100%;
    padding:10px 11px;
    display:flex;
    gap:8px;
    align-items:flex-start;
    border:0;
    border-bottom:1px solid #edf2f5;
    color:#496a80;
    background:#fff;
    text-align:left;
    cursor:pointer;
}

.peta-gis-suggestion:last-child{
    border-bottom:0;
}

.peta-gis-suggestion:hover{
    background:#f3f9fd;
}

.peta-gis-suggestion i{
    margin-top:1px;
    color:var(--pg-blue);
}

.peta-gis-suggestion strong{
    display:block;
    font-size:9px;
}

.peta-gis-suggestion small{
    display:block;
    margin-top:2px;
    color:#8496a3;
    font-size:7.5px;
}

.peta-gis-btn{
    min-height:38px;
    padding:0 11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #d4e0e8;
    border-radius:8px;
    color:#426781;
    background:#fff;
    font-size:8.5px;
    font-weight:850;
    cursor:pointer;
}

.peta-gis-btn:hover{
    border-color:#a9cce2;
    color:var(--pg-blue);
    background:#f6fbfe;
}

.peta-gis-btn.is-primary{
    border-color:transparent;
    color:#fff;
    background:var(--pg-blue);
}

/* Workspace ------------------------------------------------------------- */

.peta-gis-workspace-wrap{
    padding:0 0 16px;
}

.peta-gis-mobile-toolbar{
    display:none;
}

.peta-gis-workspace{
    display:grid;
    grid-template-columns:270px minmax(0,1fr) 310px;
    gap:9px;
    align-items:stretch;
}

.peta-gis-panel,
.peta-gis-map-column{
    min-width:0;
}

.peta-gis-panel{
    height:calc(100vh - 180px);
    min-height:650px;
    overflow:auto;
    border:1px solid var(--pg-line);
    border-radius:11px;
    background:#fff;
    box-shadow:0 5px 16px rgba(31,72,107,.035);
}

.peta-gis-panel-head{
    position:sticky;
    z-index:10;
    top:0;
    padding:13px 14px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:8px;
    border-bottom:1px solid #e8eef3;
    background:rgba(255,255,255,.97);
    backdrop-filter:blur(8px);
}

.peta-gis-panel-head span{
    color:var(--pg-blue);
    font-size:7px;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.peta-gis-panel-head h2{
    margin:3px 0 0;
    color:#345b75;
    font-size:13px;
}

.peta-gis-panel-close{
    display:none;
    width:28px;
    height:28px;
    border:1px solid #dce5eb;
    border-radius:7px;
    color:#668093;
    background:#fff;
    font-size:18px;
    line-height:1;
}

.peta-gis-basemap{
    padding:12px 13px 10px;
    border-bottom:1px solid #edf2f5;
}

.peta-gis-label{
    display:block;
    color:#798d9c;
    font-size:7.5px;
    font-weight:850;
}

.peta-gis-segmented{
    margin-top:7px;
    padding:3px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:3px;
    border:1px solid #dfe8ef;
    border-radius:8px;
    background:#f4f7f9;
}

.peta-gis-segmented button{
    min-height:30px;
    border:0;
    border-radius:6px;
    color:#6a8091;
    background:transparent;
    font-size:8px;
    font-weight:850;
    cursor:pointer;
}

.peta-gis-segmented button.is-active{
    color:#fff;
    background:var(--pg-blue);
    box-shadow:0 2px 6px rgba(8,115,189,.12);
}

/* Layer catalog --------------------------------------------------------- */

.peta-gis-layer-catalog{
    padding:8px 8px 2px;
}

.peta-gis-layer-group{
    margin-bottom:6px;
    border:1px solid #e4ebf0;
    border-radius:9px;
    overflow:hidden;
}

.peta-gis-layer-group>button{
    width:100%;
    min-height:34px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    border:0;
    color:#486a80;
    background:#f9fbfc;
    font-size:8.5px;
    font-weight:900;
    cursor:pointer;
}

.peta-gis-layer-group>button i{
    transition:transform .16s ease;
}

.peta-gis-layer-group.is-open>button i{
    transform:rotate(180deg);
}

.peta-gis-layer-items{
    padding:3px 7px 7px;
    display:grid;
    gap:2px;
}

.peta-gis-layer-group:not(.is-open) .peta-gis-layer-items{
    display:none;
}

.peta-gis-layer-item{
    min-width:0;
    min-height:34px;
    padding:6px 6px;
    display:grid;
    grid-template-columns:20px minmax(0,1fr) auto;
    gap:7px;
    align-items:center;
    border-radius:7px;
}

.peta-gis-layer-item:hover{
    background:#f4f9fc;
}

.peta-gis-layer-item.is-unavailable{
    opacity:.54;
}

.peta-gis-layer-switch{
    position:relative;
    width:20px;
    height:20px;
}

.peta-gis-layer-switch input{
    position:absolute;
    opacity:0;
    pointer-events:none;
}

.peta-gis-layer-switch span{
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #cbd9e2;
    border-radius:6px;
    color:transparent;
    background:#fff;
    font-size:11px;
    cursor:pointer;
}

.peta-gis-layer-switch input:checked + span{
    border-color:var(--pg-blue);
    color:#fff;
    background:var(--pg-blue);
}

.peta-gis-layer-item strong{
    display:block;
    color:#536f82;
    font-size:8px;
    font-weight:800;
    line-height:1.25;
}

.peta-gis-layer-item small{
    display:block;
    margin-top:2px;
    color:#8a9aa6;
    font-size:6.8px;
    line-height:1.25;
}

.peta-gis-layer-focus{
    width:24px;
    height:24px;
    padding:0;
    border:0;
    border-radius:6px;
    color:#7e93a2;
    background:transparent;
    cursor:pointer;
}

.peta-gis-layer-focus:hover{
    color:var(--pg-blue);
    background:#eaf5fb;
}

.peta-gis-opacity{
    margin:8px;
    padding:10px;
    border:1px solid #e4ebf0;
    border-radius:9px;
    background:#fbfdfe;
}

.peta-gis-opacity>div{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
}

.peta-gis-opacity strong{
    color:#46708a;
    font-size:8px;
}

.peta-gis-opacity input{
    width:100%;
    margin-top:7px;
    accent-color:var(--pg-blue);
}

.peta-gis-legend-card{
    margin:8px;
    padding:10px;
    border:1px solid #e4ebf0;
    border-radius:9px;
    background:#fff;
}

.peta-gis-legend-card p{
    margin:7px 0 0;
    color:#8193a0;
    font-size:7.5px;
    line-height:1.4;
}

.peta-gis-legend-row{
    margin-top:7px;
    display:flex;
    align-items:center;
    gap:7px;
    color:#5f788a;
    font-size:7.5px;
}

.peta-gis-legend-symbol{
    width:18px;
    height:10px;
    border-radius:4px;
    border:2px solid var(--pg-blue);
    background:rgba(8,115,189,.08);
}

/* Map ------------------------------------------------------------------- */

.peta-gis-map-column{
    height:calc(100vh - 180px);
    min-height:650px;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    border:1px solid var(--pg-line);
    border-radius:11px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 5px 16px rgba(31,72,107,.035);
}

.peta-gis-map-actions{
    min-height:48px;
    padding:7px 8px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:7px;
    border-bottom:1px solid #e8eef3;
    background:#fbfdfe;
}

.peta-gis-tool-group{
    display:flex;
    flex-wrap:wrap;
    gap:4px;
}

.peta-gis-tool-group button{
    min-height:32px;
    padding:0 8px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    border:1px solid #d9e4eb;
    border-radius:7px;
    color:#587489;
    background:#fff;
    font-size:7.5px;
    font-weight:850;
    cursor:pointer;
}

.peta-gis-tool-group button:hover,
.peta-gis-tool-group button.is-active{
    border-color:#9ac5df;
    color:var(--pg-blue);
    background:#eef8fd;
}

.peta-gis-map-shell{
    position:relative;
    min-height:0;
    overflow:hidden;
    background:#dce8ef;
}

#petaMap{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    background:#dce8ef;
}

#petaMap.leaflet-container{
    font-family:inherit;
    color:#315872;
    outline:0;
}

#petaMap .leaflet-tile{
    max-width:none!important;
    max-height:none!important;
}

#petaMap .leaflet-control-zoom,
#petaMap .leaflet-control-layers,
#petaMap .leaflet-control-scale-line{
    border:0!important;
    border-radius:8px;
    box-shadow:0 7px 20px rgba(30,62,88,.14);
}

#petaMap .leaflet-popup-content-wrapper{
    border-radius:10px;
    box-shadow:0 12px 30px rgba(30,62,88,.18);
}

#petaMap .leaflet-popup-content{
    margin:11px 12px;
    font-size:8.5px;
    line-height:1.5;
}

.peta-gis-popup h3{
    margin:0 0 6px;
    color:#315872;
    font-size:10px;
}

.peta-gis-popup dl{
    margin:0;
    display:grid;
    grid-template-columns:auto 1fr;
    gap:3px 7px;
}

.peta-gis-popup dt{
    color:#8495a2;
}

.peta-gis-popup dd{
    margin:0;
    color:#4d6b80;
    font-weight:700;
}

.peta-gis-popup a{
    margin-top:8px;
    display:inline-flex;
    color:var(--pg-blue);
    font-weight:900;
    text-decoration:none;
}

.peta-gis-map-loading{
    position:absolute;
    z-index:800;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#54758a;
    background:rgba(241,247,250,.94);
    font-size:8.5px;
    font-weight:850;
    backdrop-filter:blur(2px);
}

.peta-gis-map-loading.is-hidden{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.peta-gis-spinner{
    width:14px;
    height:14px;
    flex:0 0 auto;
    border:2px solid currentColor;
    border-right-color:transparent;
    border-radius:50%;
    animation:petaSpin .7s linear infinite;
}

@keyframes petaSpin{
    to{transform:rotate(360deg)}
}

.peta-gis-map-message{
    position:absolute;
    z-index:900;
    top:10px;
    left:50%;
    transform:translateX(-50%);
    max-width:min(640px,calc(100% - 90px));
    padding:7px 10px;
    border:1px solid #cfdde6;
    border-radius:8px;
    color:#4f7085;
    background:rgba(255,255,255,.96);
    box-shadow:0 8px 22px rgba(30,62,88,.12);
    font-size:8px;
    font-weight:800;
    text-align:center;
}

.peta-gis-map-message[hidden]{
    display:none;
}

.peta-gis-map-message.is-error{
    border-color:#eccaca;
    color:#a34848;
    background:#fff7f7;
}

.peta-gis-map-hint{
    position:absolute;
    z-index:700;
    left:10px;
    bottom:10px;
    padding:6px 8px;
    display:flex;
    align-items:center;
    gap:5px;
    border:1px solid rgba(255,255,255,.68);
    border-radius:7px;
    color:#42677e;
    background:rgba(255,255,255,.9);
    box-shadow:0 6px 18px rgba(30,62,88,.12);
    font-size:7.5px;
    font-weight:800;
    backdrop-filter:blur(6px);
    pointer-events:none;
}

.peta-gis-statusbar{
    min-height:31px;
    padding:0 10px;
    display:flex;
    align-items:center;
    gap:14px;
    border-top:1px solid #e8eef3;
    color:#80929f;
    background:#fbfdfe;
    font-size:7px;
}

.peta-gis-statusbar span{
    display:inline-flex;
    gap:4px;
}

.peta-gis-statusbar strong{
    color:#537084;
}

/* Leaflet markers ------------------------------------------------------- */

.peta-gis-marker{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #fff;
    border-radius:50%;
    color:#fff;
    background:#0873bd;
    box-shadow:0 0 0 3px rgba(8,115,189,.18),0 5px 12px rgba(30,62,88,.2);
    font-size:10px;
}

.peta-gis-leaflet-station-icon{
    width:24px!important;
    height:31px!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
}

.peta-gis-station-pin{
    width:24px;
    height:31px;
    display:block;
    transform-origin:50% 92%;
    filter:drop-shadow(0 5px 7px rgba(30,62,88,.24));
    transition:
        transform .16s ease,
        filter .16s ease;
}

.peta-gis-station-pin svg{
    width:24px;
    height:31px;
    display:block;
    overflow:visible;
}

.peta-gis-station-pin-shape{
    fill:#0873bd;
    stroke:#ffffff;
    stroke-width:2;
    vector-effect:non-scaling-stroke;
}

.peta-gis-station-pin-core{
    fill:#ffffff;
}

.peta-gis-station-rain{
    fill:none;
    stroke:#2b8dca;
    stroke-width:1.9;
    stroke-linecap:round;
    vector-effect:non-scaling-stroke;
}

.peta-gis-station-gauge{
    fill:none;
    stroke:#0873bd;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
    vector-effect:non-scaling-stroke;
}

.peta-gis-leaflet-station-icon:hover .peta-gis-station-pin{
    transform:translateY(-1px) scale(1.07);
    filter:drop-shadow(0 8px 10px rgba(30,62,88,.30));
}

#petaMap .leaflet-marker-icon.peta-gis-leaflet-station-icon{
    background:transparent!important;
    border:0!important;
}

.peta-gis-legend-station{
    width:18px;
    height:21px;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    flex:0 0 18px;
}

.peta-gis-legend-station .peta-gis-station-pin{
    width:15px;
    height:20px;
    transform:none!important;
    filter:none;
}

.peta-gis-legend-station .peta-gis-station-pin svg{
    width:15px;
    height:20px;
}

.peta-gis-marker.is-grid{
    border-radius:6px;
    background:#7654b8;
}

.peta-gis-marker.is-well{
    background:#168a61;
}

.peta-gis-marker.is-analysis{
    width:20px;
    height:20px;
    background:#e45d48;
    box-shadow:0 0 0 5px rgba(228,93,72,.18),0 5px 12px rgba(30,62,88,.2);
}

/* Analysis panel -------------------------------------------------------- */

.peta-gis-analysis-empty{
    min-height:280px;
    padding:30px 18px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    color:#8193a0;
    text-align:center;
}

.peta-gis-analysis-empty i{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:13px;
    color:var(--pg-blue);
    background:#eef7fd;
    font-size:21px;
}

.peta-gis-analysis-empty strong{
    margin-top:12px;
    color:#56758a;
    font-size:10px;
}

.peta-gis-analysis-empty p{
    max-width:220px;
    margin:6px 0 0;
    font-size:8px;
    line-height:1.5;
}

.peta-gis-analysis-content{
    padding:10px;
}

.peta-gis-analysis-content[hidden]{
    display:none!important;
}

.peta-gis-coordinate-card{
    position:relative;
    padding:12px;
    border:1px solid #cfe1ec;
    border-radius:9px;
    background:#f3faff;
}

.peta-gis-coordinate-card>span{
    display:block;
    color:#7290a2;
    font-size:7px;
    font-weight:850;
}

.peta-gis-coordinate-card>strong{
    display:block;
    margin-top:4px;
    color:#2f5b78;
    font-size:11px;
}

.peta-gis-coordinate-card button{
    position:absolute;
    right:8px;
    top:50%;
    transform:translateY(-50%);
    min-height:27px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    gap:4px;
    border:1px solid #cbdde7;
    border-radius:6px;
    color:#54778e;
    background:#fff;
    font-size:7px;
    font-weight:850;
    cursor:pointer;
}

.peta-gis-analysis-section{
    margin-top:8px;
    padding:10px;
    border:1px solid #e3ebf0;
    border-radius:9px;
    background:#fff;
}

.peta-gis-analysis-title{
    display:flex;
    align-items:center;
    gap:7px;
    color:#45687f;
    font-size:8px;
    font-weight:900;
}

.peta-gis-analysis-title i{
    width:26px;
    height:26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:7px;
    color:var(--pg-blue);
    background:#edf7fd;
    font-size:12px;
}

.peta-gis-analysis-list{
    margin-top:8px;
    display:grid;
    gap:6px;
}

.peta-gis-analysis-list>div{
    padding:8px;
    border-radius:7px;
    background:#f8fafb;
}

.peta-gis-analysis-list span{
    display:block;
    color:#8596a2;
    font-size:7px;
}

.peta-gis-analysis-list strong{
    display:block;
    margin-top:3px;
    color:#526f82;
    font-size:8.5px;
    line-height:1.4;
}

.peta-gis-analysis-chips{
    margin-top:8px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}

.peta-gis-analysis-chips span{
    padding:5px 7px;
    border-radius:999px;
    color:#5c778a;
    background:#eef3f6;
    font-size:7px;
}

.peta-gis-related-actions{
    margin-top:8px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:5px;
}

.peta-gis-related-actions a{
    min-height:34px;
    padding:7px 8px;
    display:flex;
    align-items:center;
    gap:6px;
    border:1px solid #dfe8ee;
    border-radius:7px;
    color:#4f7187;
    background:#fbfdfe;
    font-size:7px;
    font-weight:850;
    text-decoration:none;
}

.peta-gis-related-actions a:hover{
    border-color:#abd0e5;
    color:var(--pg-blue);
    background:#f2f9fd;
}

.peta-gis-analysis-note{
    margin:8px 2px 0;
    color:#8395a2;
    font-size:7px;
    line-height:1.45;
}

/* Info ------------------------------------------------------------------ */

.peta-gis-info{
    padding:0 0 24px;
}

.peta-gis-info-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}

.peta-gis-info-grid article{
    padding:13px;
    display:flex;
    gap:10px;
    border:1px solid var(--pg-line);
    border-radius:9px;
    background:#fff;
}

.peta-gis-info-grid article>i{
    width:34px;
    height:34px;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:var(--pg-blue);
    background:#edf7fd;
    font-size:15px;
}

.peta-gis-info-grid strong{
    display:block;
    color:#476b81;
    font-size:9px;
}

.peta-gis-info-grid p{
    margin:4px 0 0;
    color:#7b8f9e;
    font-size:7.5px;
    line-height:1.45;
}

.peta-gis-disclaimer{
    margin-top:8px;
    padding:10px 12px;
    display:flex;
    gap:8px;
    border:1px solid #e5dfcf;
    border-radius:8px;
    color:#7e6847;
    background:#fffaf2;
    font-size:7.5px;
    line-height:1.5;
}

/* Generic loading ------------------------------------------------------- */

.peta-gis-loading-mini{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#7c909f;
    font-size:7.5px;
}

/* Responsive ------------------------------------------------------------ */

@media(max-width:1180px){
    .peta-gis-workspace{
        grid-template-columns:245px minmax(0,1fr);
    }

    .peta-gis-analysis-panel{
        position:fixed;
        z-index:2200;
        top:0;
        right:0;
        width:min(360px,92vw);
        height:100vh;
        min-height:100vh;
        border-radius:0;
        transform:translateX(102%);
        transition:transform .18s ease;
        box-shadow:-14px 0 36px rgba(30,62,88,.18);
    }

    .peta-gis-analysis-panel.is-mobile-open{
        transform:translateX(0);
    }

    .peta-gis-analysis-panel .peta-gis-panel-close{
        display:block;
    }

    .peta-gis-mobile-toolbar{
        margin-bottom:7px;
        display:flex;
        gap:5px;
    }

    .peta-gis-mobile-toolbar button{
        min-height:34px;
        padding:0 10px;
        display:inline-flex;
        align-items:center;
        gap:5px;
        border:1px solid #d9e4eb;
        border-radius:7px;
        color:#587489;
        background:#fff;
        font-size:7.5px;
        font-weight:850;
    }

    #petaLayerPanelToggle{
        display:none;
    }

    #petaToolsPanelToggle{
        display:none;
    }
}

@media(max-width:820px){
    .peta-gis-shell{
        width:min(100% - 12px,1480px);
    }

    .peta-gis-topbar{
        padding-top:10px;
    }

    .peta-gis-topbar .peta-gis-shell{
        padding:11px;
        align-items:stretch;
        flex-direction:column;
    }

    .peta-gis-title{
        align-items:flex-start;
    }

    .peta-gis-title h1{
        font-size:17px;
    }

    .peta-gis-search-panel{
        width:100%;
        flex:auto;
        grid-template-columns:minmax(0,1fr) auto auto;
    }

    .peta-gis-workspace{
        grid-template-columns:1fr;
    }

    .peta-gis-layer-panel{
        position:fixed;
        z-index:2200;
        top:0;
        left:0;
        width:min(330px,92vw);
        height:100vh;
        min-height:100vh;
        border-radius:0;
        transform:translateX(-102%);
        transition:transform .18s ease;
        box-shadow:14px 0 36px rgba(30,62,88,.18);
    }

    .peta-gis-layer-panel.is-mobile-open{
        transform:translateX(0);
    }

    .peta-gis-layer-panel .peta-gis-panel-close{
        display:block;
    }

    #petaLayerPanelToggle{
        display:inline-flex;
    }

    .peta-gis-map-column{
        height:calc(100vh - 205px);
        min-height:560px;
    }

    .peta-gis-map-actions{
        overflow-x:auto;
        align-items:flex-start;
        justify-content:flex-start;
    }

    .peta-gis-map-actions .peta-gis-tool-group{
        flex:0 0 auto;
        flex-wrap:nowrap;
    }

    .peta-gis-info-grid{
        grid-template-columns:1fr;
    }
}

@media(max-width:560px){
    .peta-gis-kicker{
        width:35px;
        height:35px;
    }

    .peta-gis-title p{
        font-size:8px;
    }

    .peta-gis-search-panel{
        grid-template-columns:1fr 40px 40px;
    }

    .peta-gis-btn{
        width:40px;
        padding:0;
    }

    .peta-gis-btn span,
    .peta-gis-btn:not(.is-primary){
        font-size:0;
    }

    .peta-gis-btn i{
        font-size:12px;
    }

    .peta-gis-btn.is-primary{
        font-size:0;
    }

    .peta-gis-map-column{
        height:calc(100vh - 220px);
        min-height:520px;
    }

    .peta-gis-tool-group button span{
        display:none;
    }

    .peta-gis-tool-group button{
        width:32px;
        padding:0;
    }

    .peta-gis-statusbar{
        gap:8px;
        overflow-x:auto;
        white-space:nowrap;
    }

    .peta-gis-map-hint{
        max-width:170px;
    }

    .peta-gis-related-actions{
        grid-template-columns:1fr;
    }
}

/* Print ----------------------------------------------------------------- */

@media print{
    body.mv2-peta-gis-page{
        background:#fff!important;
    }

    .mv2-peta-gis-page header,
    .mv2-peta-gis-page footer,
    .peta-gis-topbar,
    .peta-gis-mobile-toolbar,
    .peta-gis-layer-panel,
    .peta-gis-analysis-panel,
    .peta-gis-map-actions,
    .peta-gis-info{
        display:none!important;
    }

    .peta-gis-shell,
    .peta-gis-workspace{
        width:100%!important;
        max-width:none!important;
        display:block!important;
    }

    .peta-gis-map-column{
        height:180mm!important;
        min-height:180mm!important;
        border:0!important;
        box-shadow:none!important;
    }

    #petaMap{
        height:170mm!important;
    }

    .peta-gis-statusbar{
        display:flex!important;
    }

    .peta-gis-map-hint,
    .peta-gis-map-message{
        display:none!important;
    }
}


/* Modern v2.13.6 — CAT QGIS categorized style -------------------------- */

.peta-gis-cat-legend{
    margin-top:7px;
}

.peta-gis-cat-legend-samples{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    height:13px;
    overflow:hidden;
    border:1px solid #d5dee5;
    border-radius:4px;
}

.peta-gis-cat-legend-samples i{
    display:block;
    min-width:0;
}

.peta-gis-cat-legend strong{
    display:block;
    margin-top:7px;
    color:#526f82;
    font-size:8px;
}

.peta-gis-cat-legend p{
    margin:3px 0 0;
    color:#8193a0;
    font-size:7px;
    line-height:1.45;
}

.peta-gis-cat-legend code{
    padding:1px 3px;
    border-radius:3px;
    color:#486a80;
    background:#eef3f6;
    font-size:6.8px;
}

.peta-gis-cat-legend small{
    display:block;
    margin-top:4px;
    color:#93a1ab;
    font-size:6.5px;
}