/* Auto-generated by scripts/css_mechanical_split.py
   Source: portal-valuation_part_01.css
   Part 2/2 - load order critical.
   Do not reorder or merge without re-running the splitter. */

  .valuation-modal-card{
    width:min(100%, 980px);
    max-height:min(92vh, 940px);
    overflow:auto;
    position:relative;
    background:
      linear-gradient(180deg,
        var(--surface) 0%,
        var(--surface) 12%,
        color-mix(in srgb, var(--surface) 88%, rgb(var(--brand-rgb)) 12%) 52%,
        color-mix(in srgb, var(--surface) 78%, rgb(var(--brand-rgb)) 22%) 100%);
    border:1px solid rgba(var(--brand-rgb), .18);
    border-radius:28px;
    box-shadow:0 24px 60px rgba(15,23,42,.22);
  }

  .valuation-modal-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(circle at 82% 26%, rgba(var(--brand-rgb), .10) 0%, rgba(var(--brand-rgb), .04) 22%, transparent 46%),
      radial-gradient(circle at 76% 78%, rgba(var(--brand-rgb), .08) 0%, rgba(var(--brand-rgb), .03) 20%, transparent 42%);
  }

  .valuation-modal-card::after{
    content:"";
    position:absolute;
    top:88px;
    right:18px;
    bottom:18px;
    width:min(42%, 360px);
    pointer-events:none;
    z-index:0;
    background-color:rgba(var(--brand-rgb), .12);
    -webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 520'><g fill='none' stroke='black' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'><path d='M70 210 L210 95 L350 210'/><path d='M105 192 V390 H315 V192'/><path d='M175 390 V285 H245 V390'/><rect x='125' y='225' width='42' height='42' rx='8'/><rect x='255' y='225' width='42' height='42' rx='8'/><path d='M88 430 H340'/><path d='M95 430 C125 385,165 360,205 360 C252 360,287 332,322 280'/><rect x='248' y='146' width='26' height='54' rx='6'/><rect x='118' y='456' width='26' height='24' rx='4'/><rect x='162' y='434' width='26' height='46' rx='4'/><rect x='206' y='408' width='26' height='72' rx='4'/><rect x='250' y='384' width='26' height='96' rx='4'/></g></svg>");
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center right;
    -webkit-mask-size:contain;
    mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 520'><g fill='none' stroke='black' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'><path d='M70 210 L210 95 L350 210'/><path d='M105 192 V390 H315 V192'/><path d='M175 390 V285 H245 V390'/><rect x='125' y='225' width='42' height='42' rx='8'/><rect x='255' y='225' width='42' height='42' rx='8'/><path d='M88 430 H340'/><path d='M95 430 C125 385,165 360,205 360 C252 360,287 332,322 280'/><rect x='248' y='146' width='26' height='54' rx='6'/><rect x='118' y='456' width='26' height='24' rx='4'/><rect x='162' y='434' width='26' height='46' rx='4'/><rect x='206' y='408' width='26' height='72' rx='4'/><rect x='250' y='384' width='26' height='96' rx='4'/></g></svg>");
    mask-repeat:no-repeat;
    mask-position:center right;
    mask-size:contain;
    opacity:.95;
  }

  
  .valuation-modal-illustration{
    display:none !important;
  }

  .valuation-modal-card::before,
  .valuation-modal-card::after{
    content:none !important;
  }

.valuation-modal-card > *{
    position:relative;
    z-index:2;
  }

  .valuation-modal-head{
    position:sticky;
    top:0;
    z-index:3;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:22px 22px 16px;
    background:
      linear-gradient(180deg,
        var(--surface) 0%,
        color-mix(in srgb, var(--surface) 90%, rgb(var(--brand-rgb)) 10%) 100%);
    backdrop-filter:none;
    border-bottom:1px solid rgba(var(--brand-rgb), .18);
  }

  .valuation-modal-head h3{
    margin:0;
    font-family:var(--font-display);
    font-size:28px;
    line-height:1.02;
    color:var(--ink-strong);
  }

  .valuation-modal-head p{
    margin:8px 0 0;
    color:var(--muted);
    font-size:14px;
    line-height:1.6;
    max-width:760px;
  }

  .valuation-close{
    min-width:42px;
    min-height:42px;
    border-radius:999px;
    border:1px solid var(--line);
    background:var(--surface);
    color:var(--ink-strong);
    font-size:20px;
    line-height:1;
    cursor:pointer;
  }

  .valuation-modal-body{
    position:relative;
    padding:22px;
    background:transparent;
    overflow:hidden;
  }

  .valuation-modal-body::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(90deg,
        rgba(255,255,255,.88) 0%,
        rgba(255,255,255,.82) 26%,
        rgba(255,255,255,.66) 46%,
        rgba(255,255,255,.40) 66%,
        rgba(255,255,255,.12) 100%),
      url('/media/properties/photos/Astana_city_vision-1300x700.jpg') center right / cover no-repeat;
    filter:none;
    opacity:.42;
    transform:none;
    pointer-events:none;
    z-index:0;
  }

  .valuation-modal-body-inner{
    position:relative;
    z-index:1;
    background:transparent;
    border-radius:22px;
    padding:0;
  }

  .valuation-form-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px;
  }

  .valuation-field{
    display:flex;
    flex-direction:column;
    gap:7px;
  }

  .valuation-field.full{grid-column:1 / -1}

  .valuation-field label{
    font-family:var(--font-display);
    font-size:13px;
    font-weight:600;
    color:var(--ink-strong);
  }

  .valuation-modal-body .ui-input,
  .valuation-modal-body input[type="text"],
  .valuation-modal-body input[type="email"],
  .valuation-modal-body input[type="number"],
  .valuation-modal-body select,
  .valuation-modal-body textarea{
    width:100%;
    min-height:48px;
    height:48px;
    padding:0 16px;
    border-radius:18px;
    border:1px solid var(--line);
    background:var(--surface);
    color:var(--ink-strong);
    font-family:var(--font-body);
    font-size:14px;
    line-height:1.2;
    outline:none;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none;
  }

  .valuation-modal-body textarea,
  .valuation-modal-body .ui-input[name$="notes"],
  .valuation-modal-body .ui-input[name$="message"]{
    min-height:128px;
    height:auto;
    padding:14px 16px;
    resize:vertical;
    line-height:1.5;
  }

  .valuation-modal-body .ui-input:focus,
  .valuation-modal-body input[type="text"]:focus,
  .valuation-modal-body input[type="email"]:focus,
  .valuation-modal-body input[type="number"]:focus,
  .valuation-modal-body select:focus,
  .valuation-modal-body textarea:focus{
    border-color:rgba(var(--brand-rgb), .30);
    box-shadow:0 0 0 4px rgba(var(--brand-rgb), .10);
  }

  .valuation-modal-body .valuation-field{
    min-width:0;
  }

  .valuation-modal-body .valuation-check{
    min-height:48px;
    border-radius:18px;
    background:var(--surface);
    border:1px solid var(--line);
  }

  .valuation-modal-body .valuation-check span{
    color:var(--ink-strong);
    font-size:14px;
  }

  .valuation-modal-body .valuation-actions{
    padding-top:4px;
  }

  .valuation-modal-body .valuation-preview{
    background:
      linear-gradient(180deg,
        var(--surface) 0%,
        color-mix(in srgb, var(--surface) 90%, rgb(var(--brand-rgb)) 10%) 100%);
    border:1px solid rgba(var(--brand-rgb), .16);
  }

  .valuation-modal-body .valuation-kv{
    border-radius:18px;
  }

  .valuation-checks{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:10px 14px;
  }

  .valuation-check{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:42px;
    padding:0 14px;
    border-radius:16px;
    border:1px solid var(--line);
    background:var(--surface);
  }

  .valuation-check input{
    width:16px;
    height:16px;
  }

  .valuation-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
    margin-top:20px;
  }

  .valuation-preview{
    margin-top:18px;
    padding:18px;
    border-radius:20px;
    border:1px solid rgba(var(--brand-rgb), .18);
    background:var(--surface);
  }

  .valuation-preview h3{
    margin:0 0 12px;
    font-size:20px;
    font-family:var(--font-display);
    color:var(--ink-strong);
  }

  .valuation-preview-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px 14px;
  }

  .valuation-kv{
    padding:12px 14px;
    border-radius:16px;
    background:var(--surface);
    border:1px solid var(--line);
  }

  .valuation-kv small{
    display:block;
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    margin-bottom:4px;
  }

  .valuation-kv strong{
    color:var(--ink-strong);
    font-size:14px;
  }

  @media (max-width:1180px){
    .valuation-hero-grid{grid-template-columns:1fr}
  }

  @media (max-width:1080px){
    .valuation-layout{grid-template-columns:1fr}
  }

  @media (max-width:760px){
    .valuation-form-grid,
    .valuation-preview-grid,
    .valuation-checks,
    .valuation-diagram-row{
      grid-template-columns:1fr;
    }

    .valuation-diagram-arrow{transform:rotate(90deg)}
    .valuation-modal{padding:12px}
  }

  /* FIX VALUTA MODAL AGENT — real template fix */

  /*
    Il modal deve stare sopra pagina/menu/filtri e non sparire dietro layer sticky.
  */
  .valuation-modal{
    position:fixed !important;
    inset:0 !important;
    z-index:50000 !important;
    display:none !important;
    align-items:center !important;
    justify-content:center !important;
    padding:18px !important;
    background:rgba(12,22,18,.62) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    overflow:auto !important;
  }

  .valuation-modal.is-open{
    display:flex !important;
  }

  .valuation-modal[hidden]{
    display:none !important;
  }

  .valuation-modal-card{
    position:relative !important;
    z-index:50001 !important;
    width:min(980px, 100%) !important;
    max-height:calc(100vh - 36px) !important;
    overflow:hidden !important;
  }