*{
    box-sizing:border-box;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
    color-adjust: exact !important;
  }
  body{
    margin:0;
    background:#e9e9e9;
    font-family:Arial, Helvetica, sans-serif;
    color:#111;
  }

  .toolbar{
    position:sticky;
    top:0;
    z-index:999;
    background:#111;
    color:#fff;
    padding:12px 18px;
    display:flex;
    gap:10px;
    justify-content:center;
    align-items:center;
  }

  .toolbar button{
    border:0;
    background:#0b6f9f;
    color:white;
    padding:10px 18px;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    border-radius:3px;
  }

  .toolbar button:hover{background:#084f72}

  .page{
    width:794px;
    min-height:1123px;
    margin:14px auto;
    background:#fff;
    padding:24px 34px 46px;
    position:relative;
    box-shadow:0 0 12px rgba(0,0,0,.25);
    page-break-after:always;
  }

  .header{
    display:grid;
    grid-template-columns: 1.5fr .85fr 1fr;
    align-items:center;
    column-gap:18px;
    border-bottom:2px solid #2f6f95;
    padding-bottom:8px;
    margin-bottom:12px;
  }

  .logo-block{
    display:flex;
    align-items:center;
  }

  .logo-block img{
    width:260px;
    height:auto;
    object-fit:contain;
  }

  .company-info{
    font-size:10px;
    line-height:1.35;
    width:auto;
    display:contents;
  }

  .company-info > div{
    min-width:0;
  }

  .company-info input{
    font-size:12px;
    padding:1px 0;
  }

  .company-info b{color:#111;}

  .cover-title{
    text-align:center;
    margin-top:210px;
  }

  .cover-title h1{
    font-size:24px;
    letter-spacing:.8px;
    margin-bottom:18px;
  }

  .cover-title p{
    font-size:14px;
    line-height:1.7;
    max-width:540px;
    margin:auto;
  }

  h1{
    text-align:center;
    font-size:18px;
    margin:14px 0 12px;
    letter-spacing:.5px;
  }

  h2{
    text-align:center;
    font-size:16px;
    margin:22px 0 12px;
    letter-spacing:.4px;
  }

  h3{
    font-size:15px;
    margin:16px 0 8px;
  }

  p,li{
    font-size:13px;
    line-height:1.55;
  }

  table{
    width:100%;
    border-collapse:collapse;
    margin-bottom:16px;
  }

  th,td{
    border:1px solid #222;
    padding:7px 7px;
    font-size:14px;
    vertical-align:middle;
  }

  th{
    background:#c9c9c9;
    font-weight:bold;
    text-align:center;
  }

  .label{
    background:#c9c9c9;
    font-weight:bold;
    width:23%;
  }

  .field{
    min-height:24px;
    font-weight:bold;
  }

  input, textarea, select{
    width:100%;
    border:0;
    outline:none;
    background:transparent;
    font-family:inherit;
    font-size:14px;
    font-weight:600;
    color:#111;
  }

  input{
    border-bottom:1px dashed #999;
    padding-bottom:2px;
  }

  textarea{
    resize:vertical;
    min-height:34px;
    line-height:1.4;
  }

  .center input,
  .center textarea,
  .center select{
    text-align:center;
  }

  .status-select{
    font-weight:700;
  }

  .status-verified select{color:#3a9b64}
  .status-major select{color:#e00000}
  .status-minor select{color:#f26b00}
  .status-inaccessible select{color:#d9a600}
  .status-insufficiency select{color:#111}

  .legend{
    border:1px solid #222;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:7px 9px;
    margin:8px 0 18px;
    font-size:11.5px;
    gap:8px;
  }

  .legend-item{
    display:flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
  }

  .box{
    width:28px;
    height:18px;
    border:2px solid #222;
    display:inline-block;
    print-color-adjust: exact !important;
    -webkit-print-color-adjust: exact !important;
  }

  .green{background:#37996b !important;border-color:#37996b}
  .red{background:red !important;border-color:red}
  .orange{background:#ff6a00 !important;border-color:#ff6a00}
  .yellow{background:#ffd11a !important;border-color:#d9a600}
  .white{background:#fff !important;border-color:#222}


  .small td,.small th{font-size:13px}
  .sl{width:48px;text-align:center}

  .evidence-box{
    border:2px solid #111;
    min-height:420px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#777;
    overflow:hidden;
    position:relative;
    background:#fafafa;
    margin-top:20px;
  }

  .evidence-box input[type=file]{
    position:absolute;
    inset:0;
    opacity:0;
    cursor:pointer;
  }

  .evidence-box img{
    max-width:100%;
    max-height:420px;
    display:none;
  }

  .evidence-box span{
    font-size:15px;
    line-height:1.5;
  }

  .note-box{
    border:1px solid #222;
    padding:14px 16px;
    margin:14px 0;
    font-size:13px;
    line-height:1.55;
  }

  .legal h3{
    text-transform:uppercase;
    font-size:14px;
    margin-top:20px;
    margin-bottom:8px;
  }

  .legal ul{
    margin-top:4px;
    margin-bottom:8px;
    padding-left:20px;
  }

  .footer{
    position:absolute;
    left:34px;
    right:34px;
    bottom:22px;
    font-size:10.5px;
    line-height:1.35;
  }

  .footer a{color:#003bd1}

  @media print{
    @page{
      size:A4;
      margin:0;
    }
    html, body{
      background:white !important;
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important;
    }
    .toolbar{display:none}
    .page{
      margin:0;
      width:794px;
      min-height:1123px;
      box-shadow:none;
      page-break-after:always;
    }
    .page:last-child{page-break-after:auto}
    .evidence-box input[type=file]{display:none}
  }