.row { display: flex; gap: 12px; flex-wrap: wrap; align-items: end; }
    .field { display: flex; flex-direction: column; gap: 6px; }
    input[type="number"] { padding: 8px; width: 180px; }
    button { padding: 10px 14px; cursor: pointer; }
    .error { color: #b00020; margin-top: 8px; }
    .note  { color: #555; margin-top: 8px; font-size: 13px; }

    table { width: 100%; border-collapse: collapse; margin-top: 16px; }
    th, td { border: 1px solid #ddd; padding: 8px; text-align: center; }
    th { background: #f5f5f5; }
    td.left { text-align: left; }
    .muted { color: #777; }

    .radio-group {
      display: flex; gap: 14px; align-items: center;
      border: 1px solid #ddd; border-radius: 6px; padding: 8px 10px;
    }
    .radio-group label { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; }

    tr.is-late td { background: #fff6f6; }
    tr.is-late td.rate { font-weight: 700; }
    tr.is-selected td { outline: 2px solid #333; outline-offset: -2px; }
    tr:hover td { background: #f9fbff; cursor: pointer; }

    .summary {
      margin-top: 14px;
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 12px 14px;
      background: #fafafa;
    }
    .summary h3 { margin: 0 0 8px 0; font-size: 16px; }
    .summary-grid {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 10px;
    }
    .summary-item {
      border: 1px solid #e5e5e5;
      border-radius: 8px;
      padding: 10px;
      background: #fff;
      text-align: left;
    }
    .summary-item .k { font-size: 12px; color: #666; margin-bottom: 6px; }
    .summary-item .v { font-size: 16px; font-weight: 700; }
    .summary-meta { margin-top: 8px; color: #666; font-size: 13px; }
    .summary-sep { margin: 10px 0; border-top: 1px dashed #ddd; }
	
	.field .calc-input{
	  border: 1px solid #bbb !important;
	  border-radius: 6px;
	  padding: 8px 10px;
	  background: #fff;
	  color: #111;

	  /* часто рамку “з'їдає” appearance/outline */
	  -webkit-appearance: none;
	  appearance: none;

	  box-shadow: none !important;
	  outline: none;
	}

	/* рамка/підсвітка при фокусі */
	.field .calc-input:focus{
	  border-color: #333 !important;
	  box-shadow: 0 0 0 3px rgba(0,0,0,0.08) !important;
	}