/* Shared presentation for the operational panel; excludes WordPress and print views. */
.ita-autosave { padding: 12px; margin-bottom: 16px; border: 1px solid #c5d8ec; border-radius: 10px; background: #eef7f4; color: #163b30; font-size: 14px; }
.ita-autosave small { display: block; margin-top: 5px; color: #536b80; }
.ita-autosave [hidden] { display: none !important; }
.ita-photo-gallery { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.ita-photo-gallery img { width: 100px; height: 100px; object-fit: cover; border-radius: 10px; }
.ita-acta-photos input[type=file] { width: 100%; padding: 16px; box-sizing: border-box; border: 1px dashed #9cb9d8; border-radius: 12px; background: #f4f8fc; }
.ita-quick-agency [hidden] { display: none !important; }
.ita-quick-agency .ita-quick-panel { margin-top: 16px; padding: 16px; border: 1px solid #d8e4ef; border-radius: 12px; background: #f7fafd; }
.ita-quick-agency label { display: grid; gap: 6px; margin-bottom: 14px; font-size: 14px; }
.ita-quick-agency :is(input,select,textarea) { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px 12px; border: 1px solid #c5d8ec; border-radius: 10px; background: #fff; color: #10354e; font: inherit; }
.ita-quick-agency [data-technician-panel] { margin-top: 16px; }
.ita-unified-history [hidden] { display: none !important; }
.ita-history-filters, .ita-history-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 14px 0; }
.ita-history-filters input { flex: 1; min-width: 180px; }
.ita-history-filters :is(input,select), .ita-history-pagination button { padding: 10px 12px; border: 1px solid #c5d8ec; border-radius: 10px; background: #fff; color: #10354e; font: inherit; }
.ita-history-pagination button:disabled { opacity: .45; }
.ita-history-table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 13px; }
.ita-history-table :is(th,td) { text-align: left; vertical-align: top; padding: 10px 8px; border-bottom: 1px solid #e1eaf2; overflow-wrap: anywhere; }
.ita-history-table th { background: #edf4fa; }
.ita-history-table th:nth-child(3) { width: 30%; }
@media(max-width: 780px) {
 .ita-history-table, .ita-history-table tbody { display: block; }
 .ita-history-table thead { display: none; }
 .ita-history-table tr { display: block; border: 1px solid #d8e4ef; border-radius: 12px; margin-bottom: 10px; padding: 8px; }
 .ita-history-table td { display: grid; grid-template-columns: 95px minmax(0,1fr); gap: 8px; border: 0; padding: 5px; }
 .ita-history-table td::before { content: attr(data-label); font-weight: 600; color: #536b80; }
}
#ita-detail-edit-form [hidden] { display: none !important; }
#ita-detail-edit-form .ita-agency-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 520px) { #ita-detail-edit-form .ita-agency-facts { grid-template-columns: minmax(0, 1fr); } }
#ita-detail-edit-form input[data-detail-input], #ita-detail-edit-form select { width: 100%; min-width: 0; box-sizing: border-box; padding: 10px; border: 1px solid #b9cfe5; border-radius: 9px; background: #fff; color: #10354e; font: inherit; }
#ita-detail-edit-form > label, #ita-detail-edit-form > .ita-actions { margin-top: 16px; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-panel { gap: 12px; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-panel label { font-size: 13px; font-weight: 600; gap: 7px; min-width: 0; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-panel :is(select,input[data-agency-filter-search]) { height: 46px; min-height: 46px; padding: 10px 12px; border: 1px solid #c5d8ec; border-radius: 12px; background: #fff; font-size: 14px; font-weight: 400; color: #10354e; margin: 0; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-actions { grid-column: 1 / -1; display: flex; align-items: center; gap: 10px; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-actions :is(button,a) { display: inline-flex; align-items: center; justify-content: center; width: auto; min-height: 44px; padding: 10px 18px; border: 1px solid #c5d8ec; border-radius: 12px; font-size: 14px; font-weight: 600; line-height: 1.2; text-decoration: none; background: #fff; color: #10354e; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-actions .ita-filter-apply { background: #0c2b44; border-color: #0c2b44; color: #fff; }
@media(max-width: 600px) {
    .ita-panel-wrap .ita-app-main .ita-agency-filter-actions > :is(button,a) { flex: 1; padding-inline: 10px; }
}
.ita-agency-filter-panel .ita-agency-filter-help { grid-column: 1 / -1; color: #536b80; font-size: 12px; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-panel input[data-agency-filter-search] { display: block; width: 100%; min-width: 0; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid #c5d8ec; border-radius: 12px; background: #fff; color: #10354e; font: inherit; }
.ita-panel-wrap .ita-app-main .ita-agency-filter-panel input[data-agency-filter-search]:focus { outline: 2px solid #72aceb; outline-offset: 1px; }
.ita-agency-detail-card .ita-agency-detail-heading { margin-bottom: 22px; }
.ita-agency-detail-card .ita-agency-title-row { display: flex; align-items: center; gap: 10px; }
.ita-panel-wrap .ita-app-main .ita-agency-title-row h1 { flex: 1; min-width: 0; margin: 0; font-size: clamp(24px, 3vw, 38px); line-height: 1.15; }
.ita-panel-wrap .ita-app-main .ita-detail-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; min-width: 40px; padding: 0; border: 1px solid #d5e3ef; border-radius: 10px; background: #edf4fa; color: #10354e; vertical-align: middle; text-decoration: none; }
.ita-panel-wrap .ita-app-main .ita-detail-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.ita-panel-wrap .ita-app-main .ita-detail-icon:hover { background: #dcecf9; }
.ita-panel-wrap .ita-app-main .ita-detail-icon:focus-visible { outline: 2px solid #1769bd; outline-offset: 3px; }
.ita-panel-wrap .ita-app-main .ita-detail-phone { margin-left: 6px; }
.ita-panel-wrap.ita-agency-delete-page .ita-app-main .ita-panel-header { display: block; }
.ita-panel-wrap.ita-agency-delete-page .ita-app-main .ita-panel-header > div:first-child { margin-bottom: 14px; }
.ita-panel-wrap .ita-app-main .ita-agency-single-trash { display: inline-flex; flex: 1 1 0; min-width: 0; margin: 0; padding: 0; }
.ita-panel-wrap .ita-app-main .ita-row-trash { color: #a32121 !important; }
.ita-panel-wrap .ita-app-main .ita-bulk-table { table-layout: fixed; width: 100%; min-width: 0 !important; }
.ita-panel-wrap .ita-app-main .ita-bulk-table th:first-child { width: 72px; }
.ita-panel-wrap .ita-app-main .ita-bulk-table th:nth-child(2) { width: 80px; }
.ita-panel-wrap .ita-app-main .ita-bulk-table td { overflow-wrap: anywhere; }
.ita-bulk-table input[type=checkbox] { width: 20px; height: 20px; accent-color: #1769bd; }
@media (max-width: 600px) {
    .ita-panel-wrap .ita-app-main .ita-bulk-table thead { display: none; }
    .ita-panel-wrap .ita-app-main .ita-bulk-table, .ita-panel-wrap .ita-app-main .ita-bulk-table tbody { display: block; }
    .ita-panel-wrap .ita-app-main .ita-bulk-table tr { display: grid; grid-template-columns: 40px minmax(0,1fr); padding: 10px; border-bottom: 1px solid #dce6ef; }
    .ita-panel-wrap .ita-app-main .ita-bulk-table td { display: block; padding: 4px; border: 0; }
    .ita-panel-wrap .ita-app-main .ita-bulk-table td:first-child { grid-row: 1 / 4; }
    .ita-panel-wrap .ita-app-main .ita-bulk-table td:not(:first-child) { grid-column: 2; }
}
.ita-bulk-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 14px; margin: 14px 0; border: 1px solid #dce6ef; border-radius: 12px; background: #fff; font-size: 14px; }
.ita-bulk-toolbar label { display: flex; align-items: center; gap: 8px; }
.ita-bulk-toolbar small { flex-basis: 100%; color: #536b80; }
.ita-bulk-toolbar button:disabled { opacity: .45; cursor: not-allowed; }
.ita-panel-wrap .ita-app-main .ita-agency-row-actions .ita-bulk-checkbox, .ita-bulk-toolbar input[type=checkbox] { width: 18px !important; height: 18px !important; min-width: 18px !important; padding: 0 !important; margin: 0 !important; flex: 0 0 18px; accent-color: #1769bd; }
.ita-panel-wrap .ita-app-main .ita-import-box h2 { font-size: 22px; }
.ita-panel-wrap .ita-app-main .ita-import-box :is(p,li,summary) { font-size: 14px; line-height: 1.5; }
.ita-panel-wrap .ita-app-main [data-import-preview] { overflow-wrap: anywhere; }
.ita-panel-wrap .ita-app-main [data-import-preview] h3 { font-size: 18px; }
.ita-panel-wrap .ita-app-main .ita-import-agencies-form button:disabled { opacity: .5; cursor: not-allowed; }
.ita-agency-search-results { max-height: 280px; overflow-y: auto; }
.ita-agency-search-results button { display: block; width: 100%; padding: 12px; border: 1px solid #dce6ef; background: #fff; color: #163954; text-align: left; font-size: 14px; cursor: pointer; }
.ita-agency-search-results button:hover, .ita-agency-search-results button:focus { background: #edf5ff; }
.ita-service-create-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.ita-service-create-option { display: block; padding: 24px; border: 1px solid #dce6ef; border-radius: 16px; background: #fff; color: #163954; text-decoration: none; }
.ita-service-create-option:hover { border-color: #1671e8; background: #f5f9ff; }
.ita-service-create-option > span { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; background: #edf5ff; color: #1769bd; font-size: 26px; }
.ita-service-create-option h2 { font-size: 22px; margin: 16px 0 8px; }
.ita-service-create-option p { font-size: 14px; line-height: 1.5; margin: 0 0 20px; color: #536b80; }
.ita-service-create-option strong { font-size: 14px; color: #1769bd; }
.ita-panel-wrap .ita-app-main { min-width: 0; }
.ita-panel-wrap .ita-app-main .ita-panel-card { padding: clamp(18px, 2.2vw, 30px); border-radius: 22px; }
.ita-panel-wrap .ita-app-main .ita-panel-header { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-bottom: 22px; }
.ita-panel-wrap .ita-app-main .ita-panel-header > div:first-child { flex: 1 1 300px; min-width: 0; }
.ita-panel-wrap .ita-app-main .ita-panel-header h1 { margin: 0 0 8px; font-size: clamp(26px, 2.6vw, 38px); line-height: 1.15; letter-spacing: -.035em; overflow-wrap: anywhere; }
.ita-panel-wrap .ita-app-main .ita-eyebrow { margin: 0 0 9px; font-size: 11px; letter-spacing: .13em; }
.ita-panel-wrap .ita-app-main .ita-intro { margin: 0; max-width: 760px; font-size: 15px; line-height: 1.5; color: #536b80; }
.ita-panel-wrap .ita-app-main .ita-version-pill { font-size: 11px; padding: 4px 8px; vertical-align: middle; }
.ita-panel-wrap .ita-app-main .ita-actions { gap: 8px; flex-wrap: wrap; }
.ita-panel-wrap .ita-app-main .ita-actions:empty { display: none; }
.ita-panel-wrap .ita-app-main :is(.ita-primary-button, .ita-secondary-button, .ita-danger-button) { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 42px; padding: 10px 14px; box-sizing: border-box; border-radius: 10px; font-size: 14px; font-weight: 700; line-height: 1.3; text-align: center; text-decoration: none; box-shadow: none; }
.ita-panel-wrap .ita-app-main .ita-secondary-button { background: #eef3f8; color: #163954; }
.ita-panel-wrap .ita-app-main .ita-primary-button { background: #0b2945; color: #fff; }
.ita-panel-wrap .ita-app-main .ita-filter-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 12px; margin: 16px 0; border: 1px solid #dce6ef; border-radius: 13px; background: #f7fafc; }
.ita-panel-wrap .ita-app-main .ita-filter-bar input[type=search] { flex: 2 1 240px; min-width: 0; width: auto; }
.ita-panel-wrap .ita-app-main .ita-filter-bar select { flex: 1 1 150px; min-width: 0; width: auto; }
.ita-panel-wrap .ita-app-main .ita-filter-bar :is(input:not([type=hidden]), select, button) { min-height: 42px; margin: 0; padding: 9px 12px; box-sizing: border-box; border-radius: 9px; font-size: 14px; }
.ita-panel-wrap .ita-app-main .ita-filter-bar button { flex: 0 0 auto; box-shadow: none; }
.ita-panel-wrap .ita-app-main .ita-table-summary { margin: 14px 0; font-size: 14px; color: #536b80; }
.ita-panel-wrap .ita-app-main .ita-empty-state { padding: 28px 22px; min-height: 0; margin: 16px 0 0; border: 1px solid #dce6ef; border-radius: 15px; background: #fff; }
.ita-panel-wrap .ita-app-main .ita-empty-state h2 { margin: 0 0 10px; font-size: 22px; line-height: 1.3; }
.ita-panel-wrap .ita-app-main .ita-empty-state p { margin: 0 0 16px; max-width: 620px; font-size: 14px; line-height: 1.5; color: #536b80; }
.ita-panel-wrap .ita-app-main .ita-empty-state .ita-actions { margin: 12px 0 0; }
.ita-panel-wrap .ita-app-main .ita-form-grid { gap: 16px; }
.ita-panel-wrap .ita-app-main .ita-form-field { min-width: 0; }
.ita-panel-wrap .ita-app-main .ita-form-field > label { margin-bottom: 6px; font-size: 14px; line-height: 1.4; }
.ita-panel-wrap .ita-app-main .ita-form-field > :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { max-width: 100%; box-sizing: border-box; border-radius: 10px; font-size: 15px; padding: 10px 12px; }
.ita-panel-wrap .ita-app-main .ita-form-field textarea { min-height: 100px; }
.ita-panel-wrap .ita-app-main :is(.ita-notice-success,.ita-notice-error) { margin: 12px 0 18px; padding: 13px 16px; font-size: 14px; line-height: 1.5; border-radius: 10px; }
.ita-panel-wrap .ita-app-main .ita-table-scroll:not(.ita-agencias-table-compact) { max-width: 100%; overflow-x: auto; border: 1px solid #dce6ef; border-radius: 12px; }
.ita-panel-wrap .ita-app-main .ita-data-table:not(.ita-agencias-excel-table) { width: 100%; border-collapse: collapse; }
.ita-panel-wrap .ita-app-main .ita-data-table:not(.ita-agencias-excel-table) :is(th,td) { padding: 10px 12px; font-size: 13px; line-height: 1.4; vertical-align: top; }
.ita-panel-wrap .ita-app-main .ita-data-table:not(.ita-agencias-excel-table) th { color: #526a80; background: #f1f6fa; font-size: 12px; }
.ita-panel-wrap .ita-app-main .ita-data-table:not(.ita-agencias-excel-table) tbody tr:hover { background: #f7faff; }
.ita-panel-wrap .ita-app-main .ita-inline-form { gap: 6px; flex-wrap: wrap; }
.ita-panel-wrap .ita-app-main .ita-inline-form :is(select,button) { font-size: 12px; border-radius: 7px; }
.ita-panel-wrap .ita-app-main .ita-config-tabs { flex-wrap: wrap; gap: 7px; margin: 14px 0 20px; }
.ita-panel-wrap .ita-app-main .ita-config-tabs a { padding: 9px 12px; border-radius: 9px; font-size: 13px; }
.ita-panel-wrap .ita-app-main .ita-config-list-head { flex-wrap: wrap; gap: 12px; }
.ita-panel-wrap .ita-app-main .ita-config-list-head h2 { font-size: 20px; }
.ita-panel-wrap .ita-app-main .ita-config-list-head p { font-size: 14px; }
.ita-panel-wrap .ita-app-main .ita-email-empty { padding: 22px; }
.ita-panel-wrap .ita-app-main .ita-email-empty h3 { font-size: 22px; }
.ita-panel-wrap .ita-app-main .ita-email-empty p { font-size: 14px; line-height: 1.5; }
.ita-panel-wrap .ita-app-main .ita-email-empty small { font-size: 12px; line-height: 1.5; }
.ita-panel-wrap .ita-app-main .ita-rendiciones-empty { min-height: 220px; padding: 24px; }
.ita-panel-wrap .ita-app-main .ita-rendiciones-empty h2 { font-size: 23px; }
.ita-panel-wrap .ita-app-main .ita-rendiciones-summary > div { min-height: 76px; padding: 14px 16px; }
.ita-panel-wrap .ita-app-main .ita-permission-table :is(th,td) { padding: 9px 12px; font-size: 13px; }
.ita-panel-wrap .ita-app-main .ita-permission-table tbody th small { display: none; }
.ita-panel-wrap .ita-app-main .ita-permission-switch input:focus-visible + span { outline: 3px solid #85b7ee; outline-offset: 3px; }
.ita-panel-wrap :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #85b7ee; outline-offset: 3px; }
.ita-panel-wrap .ita-side-section-items .ita-side-link { padding-top: 10px; padding-bottom: 10px; }
.ita-panel-wrap .ita-side-nav { scrollbar-width: thin; scrollbar-color: #3d5870 transparent; }
.ita-panel-wrap .ita-app-main .ita-ui-help { margin: 14px 0; padding: 12px 15px; background: #f1f6fa; border-radius: 11px; }
.ita-panel-wrap .ita-app-main .ita-ui-help > summary { cursor: pointer; font-size: 14px; font-weight: 700; color: #24465f; }
.ita-panel-wrap .ita-app-main .ita-ui-help pre { max-width: 100%; overflow-x: auto; font-size: 12px; }
.ita-panel-wrap .ita-app-main .ita-ui-row-options summary { cursor: pointer; color: #1769bd; font-size: 13px; padding: 6px 0; }
.ita-panel-wrap .ita-app-main .ita-ui-row-options[open] { padding: 8px; border-radius: 8px; background: #f2f6fa; }
.ita-panel-wrap .ita-app-main .ita-ui-row-options form { margin: 8px 0; }
.ita-panel-wrap .ita-app-main .ita-history-actions { min-width: 90px; }
/* Desktop column widths must not constrain the agency cards. */
@media (max-width: 899px) {
    .ita-panel-wrap .ita-app-main .ita-agencias-table-compact .ita-agencias-excel-table .ita-agency-edit-row td { width: auto !important; min-width: 0 !important; max-width: none !important; justify-self: stretch; text-align: left !important; }
    .ita-panel-wrap .ita-app-main .ita-agencias-table-compact .ita-agency-edit-row.is-editing .ita-cell-display { display: none !important; }
    .ita-panel-wrap .ita-app-main .ita-agencias-table-compact .ita-agency-edit-row .ita-cell-input { min-width: 0; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 700px) {
    .ita-panel-wrap .ita-app-main .ita-permission-table-scroll { max-height: 65vh; overflow: auto; }
    .ita-panel-wrap .ita-app-main .ita-permission-table { min-width: 580px; table-layout: fixed; }
    .ita-panel-wrap .ita-app-main .ita-permission-table thead th:first-child { width: 140px; }
    .ita-panel-wrap .ita-app-main .ita-permission-table tbody th:not([colspan]) { position: sticky; left: 0; z-index: 1; background: #f5f8fb; }
    .ita-panel-wrap .ita-app-main .ita-permission-table thead th { position: sticky; top: 0; z-index: 2; }
    .ita-panel-wrap .ita-app-main .ita-permission-table :is(th,td) { padding: 9px 7px; font-size: 12px; overflow-wrap: anywhere; }
    .ita-panel-wrap .ita-app-main .ita-agency-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ita-panel-wrap .ita-app-main .ita-agencias-table-compact .ita-agencias-excel-table tbody tr.ita-agency-edit-row { grid-template-columns: minmax(0, 1fr); }
    .ita-panel-wrap .ita-app-main .ita-agencias-table-compact .ita-agency-edit-row td { grid-column: 1 / -1; }
    .ita-panel-wrap .ita-app-main .ita-panel-card { padding: 17px; border-radius: 17px; }
    .ita-panel-wrap .ita-app-main .ita-panel-header > div:first-child { flex-basis: 100%; }
    .ita-panel-wrap .ita-app-main .ita-filter-bar input[type=search] { flex-basis: 100%; }
    .ita-panel-wrap .ita-app-main .ita-filter-bar select { flex-basis: calc(50% - 10px); }
    .ita-panel-wrap .ita-app-main .ita-form-grid { grid-template-columns: minmax(0,1fr); }
    .ita-panel-wrap .ita-app-main .ita-empty-state { padding: 22px 17px; }
    .ita-panel-wrap .ita-app-main :is(.ita-config-note,.ita-template-variables) { font-size: 13px; overflow-wrap: anywhere; }
}