/* JobLik 0.33.82
   Responsive contract for changes introduced in 0.33.75–0.33.81 + gallery identity refinement. */
:root{--jl82-navy:#10293d;--jl82-orange:#ff7900;--jl82-line:#dbe5ee;--jl82-soft:#f5f9fc}

/* ---------- 0.33.81 gallery header refinement ---------- */
@media(min-width:901px){
  .asn-panel-gallery .asn-panel-top-gallery{
    grid-template-columns:minmax(0,1fr) 235px!important;
    min-height:152px!important;
    padding:12px 0 12px 12px!important;
  }
  .asn-panel-gallery .asn-gallery-showroom-summary{
    border-inline-start:0!important;
    padding:12px 22px 12px 18px!important;
  }
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card{
    grid-template-columns:minmax(245px,.88fr) minmax(420px,1.62fr) 190px!important;
    gap:12px!important;
    min-height:126px!important;
    padding:8px 10px 8px 12px!important;
    background:#fff!important;
    border-radius:14px 0 0 14px!important;
  }
  /* Separator belongs between showroom identity and gallery identity, not on the card edge. */
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card:before{display:none!important}
  .asn-panel-gallery .agi-title{
    position:relative!important;
    padding:8px 18px 8px 12px!important;
    border-inline-start:4px solid var(--jl82-orange)!important;
    justify-content:center!important;
  }
  .asn-panel-gallery .agi-title strong{font-size:17px!important;line-height:1.55!important}
  .asn-panel-gallery .agi-title small{font-size:10px!important;line-height:1.75!important}

  /* Link and unique code are one coherent information panel, link first then code. */
  .asn-panel-gallery .agi-fields{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    align-self:stretch!important;
    border:1px solid var(--jl82-line)!important;
    border-radius:14px!important;
    background:var(--jl82-soft)!important;
    overflow:hidden!important;
  }
  .asn-panel-gallery .agi-link-field{order:1!important}
  .asn-panel-gallery .agi-code-field{order:2!important;border-top:1px solid #e1e9f0!important}
  .asn-panel-gallery .agi-field{
    flex:1 1 50%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    min-height:54px!important;
    margin:0!important;
    padding:7px 11px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
  }
  .asn-panel-gallery .agi-field>span{margin:0 0 4px!important;font-size:9px!important}
  .asn-panel-gallery .agi-field>div{min-width:0!important;gap:10px!important}
  .asn-panel-gallery .agi-field b,.asn-panel-gallery .agi-field a{font-size:11px!important;line-height:1.55!important}
  .asn-panel-gallery .agi-field button{
    min-width:44px!important;min-height:34px!important;padding:5px 9px!important;border-radius:9px!important;
  }
  .asn-panel-gallery .agi-qr-wrap{
    min-width:190px!important;min-height:110px!important;padding:8px 10px!important;border-radius:14px!important;
  }
  .asn-panel-gallery .agi-qr-wrap img{width:82px!important;height:82px!important}
}

@media(max-width:1220px) and (min-width:901px){
  .asn-panel-gallery .asn-panel-top-gallery{grid-template-columns:minmax(0,1fr) 205px!important}
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card{grid-template-columns:minmax(215px,.82fr) minmax(330px,1.45fr) 165px!important;gap:9px!important}
  .asn-panel-gallery .agi-qr-wrap{min-width:165px!important}
}

/* ---------- Mobile contract: public header introduced/changed in 0.33.75 ---------- */
@media(max-width:900px){
  html,body.public-body{max-width:100%;overflow-x:hidden}
  body.public-body .v064-header{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;padding-inline:10px!important;gap:7px!important}
  body.public-body .v064-logo{flex:0 0 auto!important}
  body.public-body .v064-nav{min-width:0!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
  body.public-body .v064-nav::-webkit-scrollbar{display:none!important}
  body.public-body .v064-header-actions{
    min-width:0!important;max-width:100%!important;display:flex!important;align-items:center!important;gap:6px!important;
    overflow-x:auto!important;overflow-y:visible!important;overscroll-behavior-inline:contain!important;scrollbar-width:none!important;
  }
  body.public-body .v064-header-actions::-webkit-scrollbar{display:none!important}
  body.public-body .v064-header-actions>*{flex:0 0 auto!important;max-width:none!important}
  body.public-body .v064-header-actions>.account-center{order:-100!important}
  body.public-body .v064-header-actions .account-center-trigger,
  body.public-body .v064-header-actions .v064-auth,
  body.public-body .v064-header-actions .v064-theme-button,
  body.public-body .v064-header-actions .public-locale-select,
  body.public-body .v064-header-actions .public-locale-select select{min-height:40px!important;height:40px!important;box-sizing:border-box!important}
  body.public-body .v064-header-actions .showroom-shortcut,
  body.public-body .v064-header-actions .search-shortcut{white-space:nowrap!important;padding-inline:11px!important}
  body.public-body .v064-header-actions .v064-theme-button{width:40px!important;min-width:40px!important}
}

/* ---------- Mobile contract: showroom setup 0.33.76–0.33.78 ---------- */
@media(max-width:900px){
  .asn-setup-v77{width:100%!important;max-width:100%!important;padding:12px 9px 34px!important;overflow:hidden!important}
  .asn-setup-v77 .asw-head{gap:10px!important}
  .asn-setup-v77 .asw-head-copy,.asn-setup-v77 .asw-card,.asn-setup-v77 .asw-stage-wrap,.asn-setup-v77 .asw-stage{min-width:0!important;max-width:100%!important}
  .asn-setup-v77 .asw-steps{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  .asn-setup-v77 .asw-steps::-webkit-scrollbar{display:none!important}
  .asn-setup-v77 .asw-steps button{flex:1 0 122px!important;min-width:122px!important;scroll-snap-align:start!important}
  .asn-setup-v77 .asw-grid{grid-template-columns:minmax(0,1fr)!important}
  .asn-setup-v77 .asw-grid>*{min-width:0!important;max-width:100%!important}
  .asn-setup-v77 input,.asn-setup-v77 select,.asn-setup-v77 textarea{max-width:100%!important;min-width:0!important}
  .asn-setup-v77 .asw-map-board{width:100%!important;max-width:100%!important;height:260px!important}
  .asn-setup-v77 .asw-schedule-row{width:100%!important;min-width:0!important}
  .asn-setup-v77 .asw-photo-grid{width:100%!important;min-width:0!important}
  .asn-setup-v77 .asw-actions{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
  .asn-setup-v77 .asw-combo-panel{max-width:calc(100vw - 20px)!important}
}
@media(max-width:560px){
  .asn-setup-v77 .asw-steps button{flex-basis:108px!important;min-width:108px!important}
  .asn-setup-v77 .asw-stage{padding-inline:11px!important}
  .asn-setup-v77 .asw-stage-banner{border-radius:12px!important}
  .asn-setup-v77 .asw-photo-grid{grid-template-columns:1fr!important}
  .asn-setup-v77 .asw-photo-preview{height:145px!important}
}

/* ---------- Mobile contract: showroom owner panel 0.33.78+ ---------- */
@media(max-width:900px){
  .asn-panel{width:100%!important;max-width:100%!important;padding:12px 9px 34px!important;overflow:hidden!important}
  .asn-panel .asn-panel-top{width:100%!important;max-width:100%!important;min-width:0!important;padding:13px!important}
  .asn-panel .asn-panel-shell{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;gap:10px!important;overflow:visible!important}
  .asn-panel .asn-workspace{order:2!important;width:100%!important;min-width:0!important;max-width:100%!important}
  .asn-panel .asn-rail{
    order:1!important;position:sticky!important;position:-webkit-sticky!important;top:0!important;z-index:60!important;
    width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;
    display:flex!important;align-items:center!important;gap:5px!important;padding:7px!important;border-radius:12px!important;
    overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important;
  }
  .asn-panel .asn-rail::-webkit-scrollbar{display:none!important}
  .asn-panel .asn-rail-title{display:none!important}
  .asn-panel .asn-rail>a{flex:0 0 auto!important;min-height:40px!important;margin:0!important;padding:8px 10px!important;font-size:11px!important}
  .asn-panel .asn-section-head{width:100%!important;min-width:0!important}
  .asn-panel .asn-primary-link{width:100%!important;text-align:center!important}
  .asn-panel .asn-inline-add,.asn-panel .asn-price-grid,.asn-panel .asn-sale-box form{grid-template-columns:1fr!important}
  .asn-panel .asn-publication-table,.asn-panel .asn-sales-table{width:100%!important;max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain!important}
  .asn-panel .asn-publication-table>div,.asn-panel .asn-sales-table>div{min-width:0!important}
}

/* Gallery identity in owner panel: compact two-column mobile then single-column phones. */
@media(max-width:900px){
  .asn-panel-gallery .asn-panel-top-gallery{display:flex!important;flex-direction:column!important;gap:9px!important;padding:10px!important;min-width:0!important}
  .asn-panel-gallery .asn-gallery-showroom-summary{order:1!important;width:100%!important;min-width:0!important;padding:4px 5px 9px!important;border:0!important}
  .asn-panel-gallery .asn-gallery-top-identity{order:2!important;width:100%!important;min-width:0!important}
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card{
    display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important;gap:8px!important;width:100%!important;min-width:0!important;
    margin:0!important;padding:9px!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;
  }
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card:before{display:none!important}
  .asn-panel-gallery .agi-title{
    grid-column:1/-1!important;grid-row:1!important;min-width:0!important;padding:6px 7px 8px!important;
    border:0!important;border-bottom:3px solid var(--jl82-orange)!important;
  }
  .asn-panel-gallery .agi-fields{
    grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important;gap:0!important;min-width:0!important;
    border:1px solid var(--jl82-line)!important;border-radius:12px!important;background:var(--jl82-soft)!important;overflow:hidden!important;
  }
  .asn-panel-gallery .agi-link-field{order:1!important}
  .asn-panel-gallery .agi-code-field{order:2!important;border-top:1px solid #e1e9f0!important}
  .asn-panel-gallery .agi-field{min-width:0!important;border:0!important;border-radius:0!important;background:transparent!important;padding:7px 9px!important}
  .asn-panel-gallery .agi-field>div{min-width:0!important}
  .asn-panel-gallery .agi-field a,.asn-panel-gallery .agi-field b{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .asn-panel-gallery .agi-qr-wrap{
    grid-column:2!important;grid-row:2!important;min-width:0!important;min-height:100%!important;padding:7px!important;
    flex-direction:column!important;justify-content:center!important;text-align:center!important;border-radius:12px!important;
  }
  .asn-panel-gallery .agi-qr-wrap img{width:70px!important;height:70px!important}
  .asn-panel-gallery .asn-gallery-statusbar{width:100%!important;max-width:100%!important;min-width:0!important;flex-direction:column!important;align-items:stretch!important}
  .asn-panel-gallery .asn-gallery-status-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
}
@media(max-width:560px){
  .asn-panel-gallery .asn-gallery-top-identity>.agi-card{grid-template-columns:1fr!important}
  .asn-panel-gallery .agi-title,.asn-panel-gallery .agi-fields,.asn-panel-gallery .agi-qr-wrap{grid-column:1!important;grid-row:auto!important}
  .asn-panel-gallery .agi-qr-wrap{flex-direction:row!important;justify-content:flex-start!important;text-align:right!important}
  .asn-panel-gallery .asn-gallery-status-actions{grid-template-columns:1fr!important}
}

/* ---------- Public showroom / public and partner galleries 0.33.79+ ---------- */
@media(max-width:900px){
  .asn-public-showroom,.asn-partner-public,.asn-directory{width:100%!important;max-width:100%!important;min-width:0!important;padding-inline:9px!important;overflow:hidden!important}
  .asn-public-showroom .agi-card,.asn-partner-public .agi-card{max-width:100%!important;min-width:0!important}
  .asn-public-showroom .asn-public-hero,.asn-partner-public .asn-partner-head{max-width:100%!important;min-width:0!important}
  .asn-listing-grid,.asn-partner-listings{min-width:0!important}
}

/* ---------- Admin rail level 2/3 mobile hardening (0.33.80+) ---------- */
@media(max-width:760px){
  body.admin-body .cne-shell{max-width:min(90vw,360px)!important;width:min(90vw,360px)!important}
  body.admin-body .cne-level2,body.admin-body .cne-level3{width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important}
  body.admin-body .cne-level2-body,body.admin-body .cne-level3-body{width:100%!important;min-width:0!important}
  body.admin-body .cne-level2-item,body.admin-body .cne-level3-item{width:100%!important;min-width:0!important}
  body.admin-body .cne-level2-item span,body.admin-body .cne-level3-item span{min-width:0!important}
  body.admin-body .cne-level2-item b,body.admin-body .cne-level3-item b{white-space:normal!important;overflow-wrap:anywhere!important}
  body.admin-body .cne-level2-item small,body.admin-body .cne-level3-item small{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
}