/*
 * Nova 4 upgrade notes (docs/upgrade/phase4-status.md):
 *
 * - The :root colour-variable block that used to live here (--primary,
 *   --primary-dark, --primary-70/50/30/10) is gone. Nova 4 does not read
 *   those variable names; it generates --colors-primary-{shade} from
 *   config/nova.php's 'brand.colors', which is where this app's orange
 *   brand colour (#ef8301) now lives.
 * - --logo and --sidebar-icon are also gone: confirmed absent from Nova 4's
 *   own compiled CSS (public/vendor/nova/app.css) - Nova 4 restructured
 *   sidebar icons as named heroicons rather than CSS-variable-driven SVG
 *   fills, so neither variable does anything under Nova 4.
 * - .btn-default, .btn-primary, a.text-primary and .btn-default .fill-current
 *   are deleted: no element in any of the 16 custom components carries those
 *   class names any more (they were replaced with Nova 4's own button/link
 *   utility classes - see phase4-status.md), so these rules could never
 *   match anything.
 * - .form-input-bordered renamed to .form-control-bordered, matching the
 *   same rename applied across the components (confirmed from Nova 4's own
 *   vendor/laravel/nova/resources/js/fields/Form/TextField.vue).
 */

:root {
  font-family: 'Hind Guntur', sans-serif;
}

.vrs-logo-dark {
  display: none;
}
.dark .vrs-logo-light {
  display: none;
}
.dark .vrs-logo-dark {
  display: block;
}

/* Nova uses this layout for login, forgot password, and password reset. */
#app > .py-6.px-1.md\:px-2.lg\:px-6 {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  padding: 2rem 1rem;
  background-color: #fff;
}
#app > .py-6.px-1.md\:px-2.lg\:px-6::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url('/img/vrscop-bg.jpg') center / 100% auto no-repeat;
  pointer-events: none;
}
.dark #app > .py-6.px-1.md\:px-2.lg\:px-6 {
  background-color: #0f172a;
}
.dark #app > .py-6.px-1.md\:px-2.lg\:px-6::before {
  filter: invert(1) hue-rotate(180deg);
  mix-blend-mode: screen;
  opacity: .85;
}
#app > .py-6.px-1.md\:px-2.lg\:px-6 .mx-auto.max-w-sm svg {
  width: 220px;
  height: auto;
}
#app > .py-6.px-1.md\:px-2.lg\:px-6 form {
  width: min(25rem, 100%);
  border: 1px solid #e2e8f0;
  background-color: rgba(255, 255, 255, .96);
  box-shadow: 0 20px 50px rgba(15, 23, 42, .16);
  backdrop-filter: blur(4px);
}
#app > .py-6.px-1.md\:px-2.lg\:px-6 form h2 {
  color: #0f172a;
}
.dark #app > .py-6.px-1.md\:px-2.lg\:px-6 form {
  border-color: #475569;
  background-color: rgba(30, 41, 59, .95);
}
.dark #app > .py-6.px-1.md\:px-2.lg\:px-6 form h2 {
  color: #f8fafc;
}
@media (max-width: 640px) {
  #app > .py-6.px-1.md\:px-2.lg\:px-6::before {
    background-size: auto 100%;
    opacity: .4;
  }
}

.py-6{
    padding-top: .7rem;
    padding-bottom: .7rem;
}
label[for=Advanced]
{
    font-weight: bold;
    color: rgb(239, 131, 1);
}

label[for=vrspartner_c_id], label[for=claims_owner_id], label[for=vrscompany_id], label[for=userservicing_id], label[for=date_of_assignment],
label[for=date_of_loss_claim], label[for=gp_data], label[for=line_of_business], label[for=cause_of_loss], label[for=subperils],
label[for=loss_desc], label[for=currency_val], label[for=current_reserv_damage]
{
    font-weight: bold;
}
textarea.form-control-bordered.h-auto{
 height: 170px!important;
}

input[type="file"] {
  background-color: #ef8301 !important;
  color: #fff !important;
}
.form-input .items-center {
  color: black;
}
.dark .form-input .items-center,
.dark select.form-input,
.dark select.form-input option {
  color: #f9fafb;
}
.dark select.form-input option {
  background-color: #1e293b;
}
ul.list-reset {
  display: block !important;
}

#claim-positions a {
  display: none !important;
}
.py-4 p,
#attachments p {
  display: block;
  margin-right: 10px;
}
.py-4 p a,
#attachments p a {
  color: #ef8301 !important;
}
div.py-6 button,
#attachments button {
  background-color: #ef8301 !important;
  color: #fff !important;
}

#nova {
  position: relative;
}
div.js-cookie-consent.cookie-consent {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -1px 8px 1px rgba(0, 0, 0, 0.09);
  padding: 15px;
  text-align: center
}
div.js-cookie-consent.cookie-consent .js-cookie-consent-agree.cookie-consent__agree {
  background-color: #ff7c00;
  color: white;
  padding: 13px;
  margin-left: 15px;
}
.w-sidebar {
  background-color: #fff;
}

.pl-search,
.w-search {
  height: 40px !important;
}

/* Keep Nova's license status link out of the application header. */
#nova header a[href="https://nova.laravel.com/licenses"] {
  display: none !important;
}

.vrs-attachment-list {
  display: grid;
  gap: .75rem;
}
.vrs-attachment-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.vrs-attachment-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.vrs-attachment-row .vrs-attachment-delete,
#attachments .vrs-attachment-delete {
  flex: none;
  padding: .3rem .75rem;
  border: 1px solid #dc2626;
  border-radius: .375rem;
  background: transparent !important;
  color: #b91c1c !important;
  font-weight: 600;
}
.dark .vrs-attachment-row .vrs-attachment-delete,
.dark #attachments .vrs-attachment-delete {
  border-color: #f87171;
  color: #fca5a5 !important;
}
.vrs-attachment-delete:disabled {
  opacity: .5;
  cursor: wait;
}

/* Claim tabs: section labels and a denser edit form for wide screens. */
.vrs-claim-section {
  padding: 1.25rem 0 .65rem;
  border-top: 1px solid #e2e8f0;
}
.vrs-claim-fields > :has(.vrs-claim-section) {
  border-top: 0 !important;
}
.vrs-claim-fields > :first-child .vrs-claim-section {
  border-top: 0;
}
.vrs-claim-section h3 {
  margin: 0;
  color: #1e293b;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}
.vrs-claim-section p {
  margin: .25rem 0 0;
  color: #64748b;
  font-size: .875rem;
  line-height: 1.4;
}
.dark .vrs-claim-section {
  border-top-color: #475569;
}
.dark .vrs-claim-section h3 {
  color: #f8fafc;
}
.dark .vrs-claim-section p {
  color: #94a3b8;
}

form .vrs-claim-fields:not(.vrs-claim-loss) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 1rem;
  padding: 0 1.25rem 1.5rem;
}
form .vrs-claim-fields:not(.vrs-claim-loss) > * {
  min-width: 0;
  border-top: 0 !important;
}
form .vrs-claim-fields:not(.vrs-claim-loss) > :has(.vrs-claim-section),
form .vrs-claim-fields:not(.vrs-claim-loss) > :has(textarea) {
  grid-column: 1 / -1;
}
form .vrs-claim-fields:not(.vrs-claim-loss) > :has(.vrs-claim-section) > div {
  padding: 0 !important;
}
form .vrs-claim-fields:not(.vrs-claim-loss) > :not(:has(.vrs-claim-section)) {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  padding: .75rem 1rem .9rem !important;
  border-bottom: 1px solid #e2e8f0;
}
form .vrs-claim-fields:not(.vrs-claim-loss) > :not(:has(.vrs-claim-section)) > div {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
form .vrs-claim-fields:not(.vrs-claim-loss) label {
  color: #334155;
  font-weight: 600;
}
.dark form .vrs-claim-fields:not(.vrs-claim-loss) > :not(:has(.vrs-claim-section)) {
  border-bottom-color: #334155;
}
.dark form .vrs-claim-fields:not(.vrs-claim-loss) label {
  color: #e2e8f0;
}

@media (max-width: 1199px) {
  form .vrs-claim-fields:not(.vrs-claim-loss) {
    grid-template-columns: minmax(0, 1fr);
  }
}