/* Dark Blue Theme Override */

/* Main background - dark blue */
html, body {
  background: #0a1628 !important;
  background-color: #0a1628 !important;
}

/* Page and content containers */
#page, #content, .container {
  background: #0a1628 !important;
  background-color: #0a1628 !important;
}

/* Header and navigation */
#header, #mainmenu {
  background: #0d1d35 !important;
  background-color: #0d1d35 !important;
}

/* Tables - slightly lighter blue */
.table, table, table.items {
  background: #0d1d35 !important;
}

.table th, table th, table.items th {
  background: #0f2342 !important;
  color: #fff !important;
  border-color: #1a3a5c !important;
}

.table td, table td, table.items td {
  background: #0d1d35 !important;
  color: #e0e0e0 !important;
  border-color: #1a3a5c !important;
}

/* Alternating table rows */
.table tr:nth-child(even) td,
table tr:nth-child(even) td {
  background: #0a1628 !important;
}

/* Grid view */
.grid-view, .grid-view .items {
  background: #0a1628 !important;
}

.grid-view .keys, .grid-view .pager {
  background: #0d1d35 !important;
  border-color: #1a3a5c !important;
}

/* Forms and inputs */
input[type=text], input[type=password], input[type=email], 
input[type=number], textarea, select {
  background: #0d1d35 !important;
  color: #e0e0e0 !important;
  border: 1px solid #1a3a5c !important;
}

input[type=text]:focus, input[type=password]:focus, 
textarea:focus, select:focus {
  border-color: #2a5a8c !important;
  box-shadow: 0 0 0 2px rgba(42,90,140,0.25) !important;
}

/* Buttons */
input[type=submit], button, .button {
  background: #1a3a5c !important;
  color: #e0e0e0 !important;
  border: 1px solid #2a5a8c !important;
}

input[type=submit]:hover, button:hover, .button:hover {
  background: #2a5a8c !important;
  border-color: #3a6a9c !important;
}

/* Search forms */
.search-form, div.search-form {
  background: #0d1d35 !important;
  border: 1px solid #1a3a5c !important;
}

/* Links */
a {
  color: #5a9adc !important;
}

a:hover, a:focus {
  color: #7abafc !important;
}

/* Breadcrumbs */
.breadcrumbs {
  color: #aaa !important;
}

.breadcrumbs a {
  color: #7abafc !important;
}

/* Ensure all divs, spans use dark blue */
div, span, section {
  background-color: transparent !important;
}

/* Content area specific */
#content {
  background: #0a1628 !important;
}

/* Footer */
#footer {
  background: #0d1d35 !important;
  border-color: #1a3a5c !important;
}

/* Script link styling */
.script-link {
    color: #5a9adc !important;
    text-decoration: none !important;
    padding: 4px 8px !important;
    border: 1px solid #5a9adc !important;
    border-radius: 3px !important;
    font-size: 11pt !important;
    display: inline-block !important;
}

.script-link:hover {
    color: #7abafc !important;
    background: #1a3a5c !important;
    border-color: #7abafc !important;
}

/* Script link styling */
.script-link {
    color: #5a9adc !important;
    text-decoration: none !important;
    padding: 4px 8px !important;
    border: 1px solid #5a9adc !important;
    border-radius: 3px !important;
    font-size: 11pt !important;
    display: inline-block !important;
}

.script-link:hover {
    color: #7abafc !important;
    background: #1a3a5c !important;
    border-color: #7abafc !important;
}

/* Active tab styling - dark blue font */
#mainmenu ul li.active a,
#mainmenu ul li a:hover {
  color: #0d1d35 !important;
  background-color: #5a9adc !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* Non-active tabs */
#mainmenu ul li a {
  color: #b0b0b0 !important;
  background-color: transparent !important;
}
/* Font Size Override - Increase all fonts by ~40% */

/* Base body font size increase */
body {
    font-size: 12pt !important;
    font-size: 12pt !important;
    line-height: 1.6 !important;
}

/* Headings - increase by 40% */
h1 { font-size: 2.8em !important; }
h2 { font-size: 2.2em !important; }
h3 { font-size: 1.9em !important; }
h4 { font-size: 1.6em !important; }
h5 { font-size: 1.3em !important; }
h6 { font-size: 1.2em !important; }

/* Paragraphs and text */
p, div, span, li, td, th, label {
    font-size: inherit;
}

/* Tables - ensure readability */
table, table.items, .grid-view table {
    font-size: 11pt !important;
}

table th, table.items th, .grid-view th {
    font-size: 12pt !important;
    font-weight: bold !important;
}

table td, table.items td, .grid-view td {
    font-size: 11pt !important;
}

/* Forms - larger input text */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
textarea,
select {
    font-size: 12pt !important;
    padding: 8px !important;
}

/* Buttons */
input[type=submit],
button,
.button,
a.button {
    font-size: 12pt !important;
    padding: 10px 20px !important;
}

/* Navigation menu */
#mainmenu ul li a {
    font-size: 12pt !important;
    padding: 10px 15px !important;
}

/* Grid view summary and pager */
.grid-view .summary,
.grid-view .pager {
    font-size: 11pt !important;
}

/* Breadcrumbs */
.breadcrumbs {
    font-size: 11pt !important;
}

/* Footer */
#footer {
    font-size: 12pt !important;
}

/* Logo */
#logo {
    font-size: 250% !important;
}

/* Search forms */
.search-form label,
.search-form input,
.search-form select {
    font-size: 12pt !important;
}

/* Detail view */
.detail-view th,
.detail-view td {
    font-size: 11pt !important;
}

/* List view */
.list-view .title {
    font-size: 16pt !important;
}

/* Error messages and alerts */
.errorMessage,
.errorSummary,
.flash-error,
.flash-success,
.flash-notice {
    font-size: 12pt !important;
}

/* Links */
a {
    font-size: inherit;
}

/* Ensure minimum font size for all elements */
* {
    min-height: 0;
}
/* AGGRESSIVE: Remove ALL white and light backgrounds */

/* Universal background override */
* {
  background-image: none !important;
}

/* All divs, spans, and containers */
div, span, section, article, aside, nav, header, footer {
  background: transparent !important;
  background-color: transparent !important;
}

/* Specific overrides for common white background classes */
.container, .span-24, .span-23, .span-22, .span-21, .span-20,
.span-19, .span-18, .span-17, .span-16, .span-15, .span-14,
.span-13, .span-12, .span-11, .span-10, .span-9, .span-8,
.span-7, .span-6, .span-5, .span-4, .span-3, .span-2, .span-1 {
  background: transparent !important;
  background-color: transparent !important;
}

/* Search forms - most aggressive */
.search-form, div.search-form, .grid-view .search-form,
form.search-form, #search-form {
  background: #0a0a0a !important;
  background-color: #0a0a0a !important;
  border: 1px solid #333 !important;
}

/* All rows and columns */
.row, .column, .columns, div.row, div.column {
  background: transparent !important;
  background-color: transparent !important;
}

/* Content areas */
#content, .content, #page, .page {
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove Blueprint CSS backgrounds */
.prepend-top, .append-bottom, .box {
  background: transparent !important;
}

/* Grid view specific */
.grid-view, .grid-view .items, .grid-view table {
  background: transparent !important;
}

/* Form elements containers */
.form, form, fieldset {
  background: transparent !important;
}

/* Any remaining white or light backgrounds */
[style*="background: white"],
[style*="background: #fff"],
[style*="background: #FFF"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: #FFF"] {
  background: transparent !important;
  background-color: transparent !important;
}

/* Make page wider */
.container, #page {
  width: 95% !important;
  max-width: none !important;
  margin: 0 auto !important;
}

/* Wider content area */
#content {
  width: 100% !important;
  max-width: none !important;
  padding: 20px 40px !important;
}

/* Wider tables */
table, .grid-view table {
  width: 100% !important;
}

/* Remove Blueprint CSS width constraints */
.span-24 {
  width: 100% !important;
  margin: 0 !important;
}
/* Force scrollable behavior even with browser automation */
html, body {
    overflow: auto !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    height: auto !important;
    min-height: 100vh !important;
}

body {
    position: relative !important;
}

/* Ensure content is scrollable */
#page {
    overflow: visible !important;
    height: auto !important;
    min-height: 100vh !important;
}

#content {
    overflow: visible !important;
    height: auto !important;
}

/* Override any fixed positioning that might prevent scrolling */
* {
    position: static !important;
}

/* Allow specific elements to have their intended positioning */
#header, #mainmenu {
    position: relative !important;
}

/* Ensure tables and large content are scrollable */
table, .grid-view, .detail-view {
    overflow: auto !important;
}
/* PHP Scripts table layout fix */

/* Make the page wider for scripts */
.scripts-page #page {
    width: 98% !important;
    max-width: none !important;
}

#scripts-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

#scripts-table th,
#scripts-table td {
    padding: 10px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Column widths */
#scripts-table th:nth-child(1),
#scripts-table td:nth-child(1) {
    width: 50px;
}

#scripts-table th:nth-child(2),
#scripts-table td:nth-child(2) {
    width: 120px;
}

#scripts-table th:nth-child(3),
#scripts-table td:nth-child(3) {
    width: 80px;
}

#scripts-table th:nth-child(4),
#scripts-table td:nth-child(4) {
    /* Script Name */
    width: 25%;
    white-space: normal;
    word-break: break-word;
}

#scripts-table th:nth-child(5),
#scripts-table td:nth-child(5) {
    /* Domain/Company */
    width: 20%;
    white-space: normal;
    word-break: break-word;
}

#scripts-table th:nth-child(6),
#scripts-table td:nth-child(6) {
    /* Modified */
    width: 150px;
}

#scripts-table th:nth-child(7),
#scripts-table td:nth-child(7) {
    /* Size */
    width: 80px;
}

#scripts-table th:nth-child(8),
#scripts-table td:nth-child(8) {
    /* Link */
    width: 120px;
}

/* Responsive table wrapper */
.scripts-table-wrapper {
    overflow-x: auto;
    width: 100%;
    margin-bottom: 20px;
}

/* Better text wrapping for long names */
#scripts-table td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Prevent all tables from overflowing page width */

/* Main page container */
#page {
    overflow-x: hidden;
    max-width: 100%;
}

/* All tables */
table.items,
#tasks-table,
#scripts-table,
#task-model-grid,
.items {
    max-width: 100%;
    overflow-x: auto;
    display: block;
    table-layout: fixed;
    word-wrap: break-word;
}

/* Table wrapper for horizontal scroll if needed */
.table-wrapper {
    overflow-x: auto;
    max-width: 100%;
    margin-bottom: 20px;
}

/* Ensure table cells don't overflow */
table.items th,
table.items td,
.items th,
.items td {
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 300px;
}

/* Allow specific columns to be wider */
table.items th:first-child,
table.items td:first-child {
    max-width: 80px;
}

/* Make sure CGridView tables don't overflow */
.grid-view table {
    max-width: 100%;
    table-layout: fixed;
}

.grid-view {
    overflow-x: auto;
    max-width: 100%;
}

/* Responsive table container */
@media (max-width: 1200px) {
    table.items,
    .items {
        font-size: 10pt;
    }
    
    table.items th,
    table.items td,
    .items th,
    .items td {
        padding: 6px 8px;
    }
}

/* Ensure pagination doesn't break */
.pagination {
    overflow-x: auto;
    white-space: nowrap;
}

/* Fix for very long text in cells */
table.items td a,
.items td a {
    word-break: break-word;
    overflow-wrap: break-word;
}