/* Orchard Design System — User Admin Tables & Search Results */

/* --- Page Layout --- */
#pageContentFull {
    width: 100%;
    max-width: 1200px;
    margin: 1rem 0 2rem;
    padding: 0 1rem;
}
#pageContentFull1 {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    padding-bottom: 10px;
    float: left;
    clear: both;
}
#pageContentFull #text { margin-left: 0; margin-bottom: 0; padding-bottom: 0; }
#pageContentFull #text p { padding: 0; margin: 0 0 0.5rem; }

#pageTitleFull { margin: 0; }
#pageTitleFull h1 {
    font-family: "Source Serif 4", Georgia, serif;
    font-size: clamp(1.5rem, 4vw, 2rem);
    font-weight: 700;
    color: var(--color-heading, #031018);
    text-align: left;
    margin: 0;
    padding: 1rem 0 0.5rem 1rem;
    width: auto;
    float: none;
}
#pageTitleFull h1 img { display: none; }
.pageTitleBrdr {
    border-bottom: 2px solid var(--border-accent, #8fb3a3);
    margin: 0 0 1rem 0;
}

/* --- Orchard Data Table (shared by all search/view pages) --- */
table.orchard-table {
    width: 100%;
    border-collapse: collapse;
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
}
table.orchard-table thead th {
    background: var(--bg-accent, #e2eae4);
    color: var(--color-heading, #031018);
    font-weight: 700;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-accent, #8fb3a3);
    border-right: 1px solid #fff;
    white-space: nowrap;
}
table.orchard-table thead th:last-child { border-right: none; }
table.orchard-table tbody td {
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-light, #d5d5d5);
    vertical-align: top;
    color: var(--color-body, #38424b);
}
table.orchard-table tbody tr:nth-child(even) { background: var(--bg-page, #f5f8fa); }
table.orchard-table tbody tr:hover { background: var(--bg-light, #e8e6e2); }
table.orchard-table a {
    color: var(--color-link, #12443b);
    text-decoration: underline;
    font-weight: 600;
}
table.orchard-table a:hover { color: var(--color-link-hover, #863213); }

/* --- Legacy table IDs (override old fixed widths) --- */
table#searchresults {
    width: 100%;
    max-width: 1200px;
    margin: 0;
    clear: both;
}
table#searchresults th {
    background: var(--bg-accent, #e2eae4);
    color: var(--color-heading, #031018);
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-accent, #8fb3a3);
    border-right: 1px solid #fff;
    vertical-align: middle;
}
table#searchresults th:last-child { border-right: none; }
table#searchresults td {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-light, #d5d5d5);
    vertical-align: middle;
}
table#searchresults tbody tr:nth-child(even) { background: var(--bg-page, #f5f8fa); }
table#searchresults tbody tr:hover { background: var(--bg-light, #e8e6e2); }
table#searchresults a { color: var(--color-link, #12443b); font-weight: 600; }
table#searchresults a:hover { color: var(--color-link-hover, #863213); }

table#searchresults td#resultsInfoTop,
table#searchresults td#resultsInfoTop1 {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    border: none;
}
table#searchresults td#resultsInfoBtm {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--border-light, #d5d5d5);
    border-bottom: none;
}

#dataentrywidthu {
    width: 100%;
    max-width: 1200px;
    text-align: left;
    font-size: 0.875rem;
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    padding: 0;
    vertical-align: middle;
    clear: both;
    margin: 0 0 1.5rem;
    line-height: 1.5;
    border-collapse: collapse;
}
#dataentrywidthu th {
    background: var(--bg-accent, #e2eae4);
    color: var(--color-heading, #031018);
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-weight: 700;
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: .04em;
    text-align: left;
    padding: 0.75rem 1rem;
    border-bottom: 2px solid var(--border-accent, #8fb3a3);
    border-right: 1px solid #fff;
    vertical-align: middle;
}
#dataentrywidthu th:last-child { border-right: none; }
#dataentrywidthu td {
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--border-light, #d5d5d5);
    vertical-align: top;
}
#dataentrywidthu tbody tr:nth-child(even) { background: var(--bg-page, #f5f8fa); }
#dataentrywidthu tbody tr:hover { background: var(--bg-light, #e8e6e2); }
#dataentrywidthu a { color: var(--color-link, #12443b); font-weight: 600; }
#dataentrywidthu a:hover { color: var(--color-link-hover, #863213); }

/* --- Sort Controls & Results Info --- */
.resultsInfoRightTop, .resultsInfoRightBtm { float: right; margin: 0 0.5rem 0 0; }
.resultsInfoRightTop a, .resultsInfoRightBtm a {
    color: var(--color-link, #12443b);
    font-weight: 600;
    text-decoration: underline;
    padding-left: 0.5rem;
}
.resultsInfoRightTop a:hover { color: var(--color-link-hover, #863213); }
.resultsInfoLeftTop, .resultsInfoLeftBtm { font-weight: 600; float: left; margin-left: 0; }
.resultsInfoLeftBtm { font-weight: normal; }

/* --- Pagination Banner --- */
.pagebanner, div.pagebanner {
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
    color: var(--color-body, #38424b);
    float: left;
}
span.pagebanner { font-family: "Montserrat", "Open Sans", Arial, sans-serif; font-size: 0.875rem; float: left; padding-left: 1rem; }
span.pagelinks { font-family: "Montserrat", "Open Sans", Arial, sans-serif; font-size: 0.875rem; float: right; padding-right: 1rem; }

/* --- Action Buttons Area --- */
#resultsButton {
    text-align: right;
    margin: 1rem 0;
    clear: both;
}

/* --- Form Search Inputs --- */
form#SearchCriteria input { width: 202px; }

/* --- Misc Utilities --- */
.marginTop10 { margin-top: 10px; }
.marginBtm5 { margin-bottom: 5px; }
.labels { vertical-align: top; }
.labelcolor { background-color: var(--bg-accent, #e2eae4); }
.grayDivider { border-top: 1px solid var(--border-light, #d5d5d5); }
.extraBorderTop1 { border-top: 1px solid var(--border-light, #d5d5d5); }
.padleft { margin-left: -40px; }
.padleft1 { margin-left: 8px; }
.padleftreturn { margin-left: 11px; }
.hidden-label { position: absolute; left: 0; top: -100px; width: 1px; height: 1px; overflow: hidden; }
tr.grey, tr.even { background-color: var(--bg-page, #f5f8fa); }

/* --- Button Widths (legacy compat) --- */
button.xxxxlong { width: 113px; }
button.xlong { width: 164px; }
button.save { width: 56px; }
button.xxlong { width: 193px; }
button.xxxlong { width: 244px; }
button.report { width: 120px; }
button.buttonNoPad { margin-left: 0; }

#tablesubButtons { clear: none; float: right; padding: 0; margin: 0; }
#tablesubButtonsSingle { clear: none; float: left; padding: 0; margin: 0; }
td#helpLink { text-align: right; height: 25px; padding: 0; margin: 0; }
td#helpLink a { float: right; }
td#buttonInstructions { text-align: left; height: 25px; padding: 0; margin: 0; }

/* --- Error Messages --- */
div.errorMessage, .alertMessage, .alertCopy {
    font-weight: bold;
    color: var(--color-error, #B01116);
    margin: 0 0 10px;
    padding: 0;
}
.errorIcon { padding-right: 10px; text-align: right; vertical-align: top; float: left; }
#tableError { width: auto; max-width: 500px; float: left; padding-bottom: 10px; padding-top: 6px; }
#tableError p { font-size: 100%; padding: 10px 0 0; margin: 0; }

/* --- Data Entry Tables (form layouts) --- */
#dataentry3 { width: 100%; max-width: 546px; clear: both; margin: 0 0 20px; }
#dataentry3 td, #dataentry3 th { font-size: 0.875rem; padding: 4px 10px; }
#dataentry3 .labels { text-align: left; padding: 0 10px; vertical-align: middle; background-color: var(--bg-accent, #e2eae4); width: 225px; }
#dataentry3 .fields { width: auto; }

#dataentrywidth { width: 100%; max-width: 370px; text-align: left; font-size: 0.875rem; padding: 5px 10px; vertical-align: middle; clear: both; margin: 0 0 27px; line-height: 1.5; }
#dataentrywidth td { padding: 4px 10px; }
#dataentrywidth th { background-color: var(--bg-accent, #e2eae4); font-weight: 700; font-size: 0.875rem; text-align: left; padding: 2px 5px 3px 13px; vertical-align: middle; }

#dataentrywidthstaff { width: 100%; max-width: 723px; text-align: left; font-size: 0.875rem; padding: 5px 10px; vertical-align: middle; clear: both; margin: 0 0 27px; line-height: 1.5; }
#dataentrywidthstaff td { padding: 4px 10px; }
#dataentrywidthstaff th { font-weight: 700; font-size: 0.875rem; }

#dataentrychk, #dataentrychk2 { width: 100%; max-width: 546px; text-align: left; font-size: 0.875rem; padding: 5px 10px; vertical-align: middle; clear: both; margin: 0 0 10px; line-height: 1.5; }
#dataentrychk td, #dataentrychk2 td { padding: 4px 10px; }

/* --- Checkbox Table --- */
#checkboxmod { width: 100%; max-width: 546px; clear: both; }
#checkboxmod td { padding: 4px 10px; }
#checkboxmod .labels { text-align: left; padding: 0 10px; vertical-align: middle; background-color: var(--bg-accent, #e2eae4); width: 225px; }
#checkboxmod .fields { width: auto; }

/* --- Staff Links --- */
#stafflinks ul { padding: 0; margin: 0; }
#stafflinks li { font-size: 0.875rem; line-height: 1.6; padding: 0 0 8px; list-style-type: none; }

/* --- Help Links --- */
#helplinks { width: 147px; float: right; clear: none; margin: 0 10px 6px 0; padding: 0 0 3px 10px; }
#helplinks li { list-style-type: none; margin-left: -20px; }
#rightnavlinks { clear: both; float: left; margin-top: 5px; padding-right: 10px; padding-left: 18px; }
#rightnavlinks ul { padding: 0; margin: 0; }
#rightnavlinks li { font-size: 0.875rem; line-height: 1.6; padding: 0 0 8px; list-style: none; }
#rightnavlinks h3 { padding-bottom: 8px; }

/* --- Checkbox List --- */
#chkboxli ul { padding: 0; margin: 0; }
#chkboxli li { font-size: 0.875rem; line-height: 1.4; padding: 0 0 5px; list-style-type: none; }

/* --- Select Width --- */
select { width: 184px; }
input, select, .rbfield { font: 100% "Montserrat", "Open Sans", Arial, sans-serif; }

/* --- Login Help --- */
.loginHelp { border: 0; padding: 0; margin: 0; }
h1.loginHelpHeader { padding: 0; margin: 15px 0 0 61px; }
ul.loginHelpList { font-size: 0.875rem; line-height: 1.6; margin: 0 20px 0 73px; padding: 5px; padding-top: 10px; }

/* --- Orchard Form Styling (dataentry2 report/search forms) --- */
#dataentry2 caption {
    text-align: left;
    padding: 0.75rem 0;
    border-bottom: 2px solid var(--border-accent, #8fb3a3);
    font-family: "Source Serif 4", Georgia, serif;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--color-heading, #031018);
}
#dataentry2 th.labels {
    text-align: right;
    font-weight: 640;
    font-size: clamp(0.875rem, 4vw, 1rem);
    padding: 0.625rem 0.75rem 0.625rem 0;
    vertical-align: middle;
    white-space: nowrap;
    width: auto;
    border: none;
    background: none;
}
#dataentry2 td.fields {
    padding: 0.625rem 0;
    vertical-align: middle;
}
#dataentry2 input[type="text"],
#dataentry2 input[type="password"],
#dataentry2 select {
    padding: 0 1.25rem;
    border: 0.0625rem solid #8d8d8d;
    border-radius: 4px;
    height: 3.125rem;
    font-size: 1rem;
    font-family: "Montserrat", "Open Sans", Arial, sans-serif;
    color: var(--color-body, #38424b);
    width: auto;
    min-width: 16rem;
}
#dataentry2 input[type="text"]:focus,
#dataentry2 input[type="password"]:focus,
#dataentry2 select:focus {
    outline: 0.125rem solid var(--gta-green, #07493d);
    outline-offset: 2px;
}
#dataentry2 select[multiple] {
    height: auto;
    min-height: 5rem;
    padding: 0.5rem;
}
#dataentry2 input[type="radio"],
#dataentry2 input[type="checkbox"] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: var(--gta-green, #07493d);
    vertical-align: middle;
    margin-right: 0.375rem;
}
#dataentry2 td#buttonCell {
    padding-top: clamp(1.5rem, 3vw, 2.5rem);
    border: none;
}
#dataentry2 #tableButtons {
    float: none;
    display: flex;
    gap: 0.75rem;
    margin: 0;
}
#dataentry2 .pageContentBrdr {
    border-bottom: 2px solid var(--color-error, #B01116);
    padding-bottom: 0.75rem;
    margin-bottom: 0.5rem;
}
#dataentry2 .genErrorText {
    color: var(--color-error, #B01116);
    font-weight: 600;
}
#dataentry2 .errorIcon img { display: none; }
#dataentry2 .errorIcon::before {
    content: "⚠";
    font-size: 1.25rem;
    color: var(--color-error, #B01116);
}
#dataentry2 td.required { display: none; }
