.apr-agent-portal { max-width: 980px; margin: 0 auto; }
.apr-ap-controls { display:flex; gap:16px; align-items:flex-end; flex-wrap:wrap; }
.apr-ap-controls label { display:block; min-width: 260px; }
.apr-ap-controls span { display:block; font-size: 12px; opacity:.75; margin-bottom:6px; }
.apr-ap-search { display:flex; gap:8px; }
.apr-ap-search input { flex:1; }
.apr-ap-block { margin-top: 18px; }
.apr-ap-table { width:100%; border-collapse: collapse; }

.apr-ap-table code { font-size: 12px; }
.apr-agent-portal:not(.apr-ready) .apr-ap-block { display:none; }
.apr-ap-block { display:none; }


.apr-ap-send {
	background-color:#FF7E83 !important;
}
/* ===========================
   Alerts / Notices (Portal)
   =========================== */

.apr-alert,
.apr-portal-notice{
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #111827;
  border-radius: 12px;
  padding: 12px 14px;
  margin: 12px 0;
  font-size: 14px;
  line-height: 1.35;
}

.apr-alert-warning,
.apr-portal-notice[data-type="warning"]{
  border-color: #f59e0b;
  background: #fffbeb;
  color: #92400e;
}

.apr-portal-notice[data-type="success"]{
  border-color: #10b981;
  background: #ecfdf5;
  color: #065f46;
}

.apr-portal-notice[data-type="error"]{
  border-color: #ef4444;
  background: #fef2f2;
  color: #991b1b;
}

/* Disabled actions */
.apr-ap-table button[disabled],
.apr-ap-table select[disabled],
.apr-ap-table .is-disabled{
  opacity: .55;
  cursor: not-allowed !important;
  pointer-events: none;
}

.apr-ap-table em{
  color: #6b7280;
  font-style: normal;
}

/* ===========================
   APR Agent Portal – Branded
   Palette:
   #ffffff  (base)
   #066aab  (primary)
   #FF7E83  (accent / danger)
   #E0EFFB  (soft background)
   =========================== */

/* Container */
.apr-agent-portal{
  max-width: 1100px;
  margin: 0 auto;
  color: #066aab;
}

/* Controls header (agency + city code + search) */
.apr-agent-portal .apr-ap-controls{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: end;
  padding: 16px;
  border-radius: 18px;
}

/* Label layout */
.apr-agent-portal .apr-ap-controls label{
  display: grid;
  gap: 8px;
  margin: 0;
}

.apr-agent-portal .apr-ap-controls label > span{
  font-size: 22px;
  font-weight: 700;
  color: #09498B;
	opacity: 1;
}

/* Inputs */
.apr-agent-portal select,
.apr-agent-portal input[type="text"]{
  width: 100%;
  height: 46px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid rgba(6,106,171,.35);
  background: #ffffff;
  font-size: 16px;
  color: #4c4c4c;
  outline: none;
  transition: box-shadow .15s ease, border-color .15s ease;
}

.apr-agent-portal select:focus,
.apr-agent-portal input[type="text"]:focus{
  border-color: #066aab;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

/* City code search inline */
.apr-agent-portal .apr-ap-search{
  display: grid;
  grid-template-columns: 1fr 54px;
  gap: 10px;
  align-items: center;
}

.apr-agent-portal #apr-ap-search-btn{
  height: 46px;
  border: 0;
  border-radius: 14px;
  cursor: pointer;
  background: #066aab;
  color: #ffffff;
  font-weight: 700;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .1);
  transition: transform .08s ease, box-shadow .2s ease, opacity .2s ease;
}

.apr-agent-portal #apr-ap-search-btn:hover{
  opacity: .95;
  box-shadow: 0 14px 26px rgba(6,106,171,.15);
}

.apr-agent-portal #apr-ap-search-btn:active{
  transform: translateY(1px);
}

/* Notices */
.apr-agent-portal .apr-portal-notice{
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: #E0EFFB;
  font-size: 13px;
  line-height: 1.35;
  color: #066aab;
  border: 1px solid rgba(6,106,171,.18);
}

.apr-agent-portal .apr-portal-notice.is-error{
  background: rgba(255,126,131,.18);
  color: #8b1f2a;
  border-color: rgba(255,126,131,.35);
}

/* Blocks (Resultado / Otras / Finalizadas) */
.apr-agent-portal .apr-ap-block{
  margin-top: 18px;
  background: #ffffff;
  border-radius: 20px;
  padding: 18px;
  /*box-shadow: 0 3px 10px 4px rgba(0, 0, 0, 0.05);*/
}

/* Block titles */
.apr-agent-portal .apr-ap-block h3{
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #09498B;
  display: flex;
  align-items: center;
  gap: 10px;
}

.apr-agent-portal .apr-ap-block h3 .iconcus{
  color: #09498B;
}
.apr-agent-portal  table thead:first-child tr:first-child th {
    border-top: 0px solid #ccc;
}
/* Tables */
.apr-agent-portal .apr-ap-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #e1e1e1 !important;
}

.apr-agent-portal .apr-ap-table thead th{
  background: rgb(185 219 255 / 44%); /* accent header like your status table */
  font-weight: 600;
  font-size: 16px;
  color: #09498B;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(6,106,171,.14);
}

.apr-agent-portal .apr-ap-table td{
  padding: 12px 14px;
  font-size: 15px;
  color: #4c4c4c;
  border-top: 1px solid #ffffff;
}

.apr-agent-portal .apr-ap-table tbody tr:hover td{
  background: rgba(6,106,171,.04);
}

/* Zebra rows (keep your existing intention but scoped) */
.apr-agent-portal .apr-ap-table tbody tr:nth-child(odd) td{
  background-color: rgba(224,239,251,.35);
}

/* Code styling */
.apr-agent-portal .apr-ap-table code{
  display: inline-flex;
  color: #4c4c4c;
  font-size: 15px;
	font-weight: 600;
}

/* Response select */
.apr-agent-portal .apr-ap-response{
  height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(6,106,171,.25);
  background: #ffffff;
  padding: 8px 10px;
  font-size: 13.5px;
  color: #4c4c4c;
}

/* Primary action buttons */
.apr-agent-portal .apr-ap-send{
  height: 40px;
  padding: 0 14px;
  border: 0;
  border-radius: 12px;
  cursor: pointer;
  background: #066aab;
  color: #ffffff;
  font-weight: 700;
  transition: transform .08s ease, opacity .2s ease, box-shadow .2s ease;
}

.apr-agent-portal .apr-ap-send:hover{
  opacity: .95;
	border: 0;
}

.apr-agent-portal .apr-ap-send:active{
  transform: translateY(1px);
}

/* Cancel row controls */
.apr-agent-portal .apr-ap-cancel{
  height: 38px;
  padding: 0 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,126,131,.55);
  background: rgba(255,126,131,.18);
  color: #8b1f2a;
  font-weight: 700;
  cursor: pointer;
  transition: opacity .2s ease, transform .08s ease;
}

.apr-agent-portal .apr-ap-cancel:disabled{
  opacity: .45;
  cursor: not-allowed;
}

.apr-agent-portal .apr-ap-cancel-check{
  width: 18px;
  height: 18px;
  accent-color: #066aab; /* modern browsers */
}

/* Final states */
.apr-agent-portal em{
  color: #066aab;
  font-style: normal;
  font-weight: 700;
}

.apr-agent-portal .apr-ap-table td:nth-child(4){
  font-weight: 700;
  color: #4c4c4c;
}
.apr-agent-portal table td, .apr-agent-portal table th {
    border: 0px solid #f1f0f0;
}

/* Responsive */
@media (max-width: 900px){
  .apr-agent-portal .apr-ap-controls{
    grid-template-columns: 1fr;
  }
  .apr-agent-portal .apr-ap-search{
    grid-template-columns: 1fr 54px;
  }
}

/* Mobile table (optional: keeps table readable) */
@media (max-width: 560px){
	.apr-agent-portal .apr-ap-table {
    	border: 0px solid #e1e1e1 !important;
	}
  .apr-agent-portal .apr-ap-table thead{
    display: none;
  }

  .apr-agent-portal .apr-ap-table,
  .apr-agent-portal .apr-ap-table tbody,
  .apr-agent-portal .apr-ap-table tr,
  .apr-agent-portal .apr-ap-table td{
    display: block;
    width: 100%;
  }
.apr-agent-portal .apr-ap-table td {
    padding: 2px 10px;
}
    .apr-agent-portal .apr-ap-table tr {
        margin-bottom: 12px;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid rgb(6 106 171 / 94%);
		padding: 10px;
    }

  .apr-agent-portal .apr-ap-table td{
    border: 0;
    border-top: 1px solid #ffffff;
    background: #ffffff !important;
  }

  .apr-agent-portal .apr-ap-table tbody tr:nth-child(odd) td{
    background: #ffffff !important;
  }
}