/* Shared WRS interface system. Navigation and top-header markup remain unchanged. */
body.new-wrs-preview { --wrs-ink: #223f35; --wrs-muted: #718078; --wrs-green: #2f8c63; --wrs-green-dark: #173f35; --wrs-border: #e2eae5; --wrs-surface: #f5f8f6; }
.new-wrs-preview .main-content { color: var(--wrs-ink); background: var(--wrs-surface); min-height: 100vh; }
.new-wrs-preview .main-content .page-content { padding-top: 98px; }
.new-wrs-preview .main-content > .page-content > .container-fluid { max-width: 1700px; padding-left: 28px; padding-right: 28px; }
.new-wrs-preview .main-content h1, .new-wrs-preview .main-content h2, .new-wrs-preview .main-content h3, .new-wrs-preview .main-content h4, .new-wrs-preview .main-content h5, .new-wrs-preview .main-content h6 { color: var(--wrs-ink); letter-spacing: -.025em; }
.new-wrs-preview .main-content h1 { font-size: 27px; font-weight: 600; }.new-wrs-preview .main-content h2 { font-size: 23px; }
.new-wrs-preview .main-content .card { border: 1px solid var(--wrs-border); border-radius: 14px; box-shadow: 0 3px 12px rgba(28,64,45,.025); margin-bottom: 24px; }
.new-wrs-preview .main-content .card-body { padding: 26px; }
.new-wrs-preview .main-content .card-header { background: #fff; border-color: var(--wrs-border); padding: 20px 26px; border-radius: 14px 14px 0 0; }
.new-wrs-preview .main-content .card-title { font-size: 17px; font-weight: 600; margin-bottom: 16px; }
.new-wrs-preview .main-content .card-title-desc, .new-wrs-preview .main-content .text-muted { color: var(--wrs-muted) !important; }
.new-wrs-preview .main-content a:not(.btn):not(.page-link):not(.dropdown-item):not(.nav-link):not(.badge) { color: #287454; }
.new-wrs-preview .main-content a:not(.btn):hover { color: #164e35; }
.new-wrs-preview .main-content .table { font-size: 13px; color: #354d42; margin-bottom: 16px; border-color: var(--wrs-border); }
.new-wrs-preview .main-content .table thead, .new-wrs-preview .main-content .table-light { --bs-table-bg: #f3f7f4; --bs-table-color: #667b6d; background: #f3f7f4; }
.new-wrs-preview .main-content .table th { font-weight: 600; }
.new-wrs-preview .main-content .table thead th { font-size: 11px; letter-spacing: .025em; vertical-align: middle; padding: 15px 14px; border-bottom: 1px solid var(--wrs-border); }
.new-wrs-preview .main-content .table td, .new-wrs-preview .main-content .table tbody th { padding: 14px; vertical-align: middle; border-color: #eaf0ec; }
.new-wrs-preview .main-content .table-hover > tbody > tr:hover { --bs-table-accent-bg: #f4f9f5; color: #254936; }
.new-wrs-preview .main-content .table-bordered { border-color: var(--wrs-border); }
.new-wrs-preview .main-content .table-responsive { border-radius: 9px; scrollbar-width: thin; }
.new-wrs-preview .main-content .btn { border-radius: 7px; padding: 9px 15px; font-size: 12px; font-weight: 500; box-shadow: none; transition: background-color .15s,border-color .15s; }
.new-wrs-preview .main-content .btn-sm { padding: 6px 10px; font-size: 11px; }
.new-wrs-preview .main-content .btn-primary, .new-wrs-preview .main-content .btn-success { background: var(--wrs-green); border-color: var(--wrs-green); color: #fff; }
.new-wrs-preview .main-content .btn-primary:hover, .new-wrs-preview .main-content .btn-success:hover { background: #246e4d; border-color: #246e4d; }
.new-wrs-preview .main-content .btn-outline-primary, .new-wrs-preview .main-content .btn-outline-success { color: #287454; border-color: #93b7a1; background: #fff; }
.new-wrs-preview .main-content .btn-outline-primary:hover, .new-wrs-preview .main-content .btn-outline-success:hover { background: #edf6ef; color: #194d32; }
.new-wrs-preview .main-content .btn-outline-secondary, .new-wrs-preview .main-content .btn-light { color: #556b5e; border-color: #d7e1da; background: #f8faf8; }
.new-wrs-preview .main-content .btn-outline-info { color: #28736d; border-color: #94bcb7; }.new-wrs-preview .main-content .btn-outline-info:hover { background: #e8f4f1; }
.new-wrs-preview .main-content .btn-danger, .new-wrs-preview .main-content .btn-outline-danger { border-color: #c87d73; }.new-wrs-preview .main-content .btn-danger { background: #b9564b; }
.new-wrs-preview .main-content .form-control, .new-wrs-preview .main-content .form-select, .new-wrs-preview .main-content input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]), .new-wrs-preview .main-content select, .new-wrs-preview .main-content textarea { border: 1px solid #d9e4dc; border-radius: 7px; background-color: #fff; color: #2f493b; font-size: 13px; padding: 9px 12px; }
.new-wrs-preview .main-content input:focus, .new-wrs-preview .main-content select:focus, .new-wrs-preview .main-content textarea:focus { border-color: #71a487; outline: none; box-shadow: 0 0 0 3px rgba(47,140,99,.09); }
.new-wrs-preview .main-content .form-control:disabled, .new-wrs-preview .main-content input:disabled { background: #f0f3f1; color: #7c8980; }
.new-wrs-preview .main-content .form-label, .new-wrs-preview .main-content label { font-size: 12px; font-weight: 500; color: #58705f; }
.new-wrs-preview .main-content .form-check-input:checked { background-color: var(--wrs-green); border-color: var(--wrs-green); }
.new-wrs-preview .main-content .input-group .form-control { min-width: 100px; }
.new-wrs-preview .main-content .input-group .btn { border-radius: 0 7px 7px 0; }
.new-wrs-preview .main-content textarea { min-height: 96px; }
.new-wrs-preview .main-content .line-update-form .form-control, .new-wrs-preview .main-content .line-update-form .form-select { min-width: 95px; }
.new-wrs-preview .main-content #datepicker6 > table { min-width: 1050px; }
.new-wrs-preview .main-content .alert { border-radius: 9px; padding: 14px 18px; font-size: 13px; }
.new-wrs-preview .main-content .alert-info { background: #eef7f3; border-color: #d6e9dd; color: #3a6a50; }
.new-wrs-preview .main-content .alert-warning { background: #fcf7ed; border-color: #efe2c6; color: #856b3e; }
.new-wrs-preview .main-content .badge { border-radius: 5px; padding: 5px 8px; font-weight: 500; }
.new-wrs-preview .main-content .nav-tabs { border-bottom-color: var(--wrs-border); }.new-wrs-preview .main-content .nav-tabs .nav-link { color: #667d6d; border-radius: 8px 8px 0 0; }.new-wrs-preview .main-content .nav-tabs .nav-link.active { color: #246c4b; border-color: var(--wrs-border) var(--wrs-border) #fff; }
.new-wrs-preview .main-content .pagination { gap: 4px; }.new-wrs-preview .main-content .page-link { border: 1px solid var(--wrs-border); border-radius: 6px; color: #476c54; }.new-wrs-preview .main-content .page-item.active .page-link { background: var(--wrs-green); border-color: var(--wrs-green); color: #fff; }
.new-wrs-preview .modal-content { border: 1px solid var(--wrs-border); border-radius: 14px; }.new-wrs-preview .modal-header { border-bottom-color: var(--wrs-border); padding: 20px 24px; }.new-wrs-preview .modal-body { padding: 24px; }
.new-wrs-preview .main-content .dropdown-menu { border: 1px solid var(--wrs-border); border-radius: 9px; box-shadow: 0 10px 30px #214c3314; }
.new-wrs-preview .main-content .accordion-item { border-color: var(--wrs-border); }.new-wrs-preview .main-content .accordion-button:not(.collapsed) { color: #2d6c49; background: #eff7f1; }
.new-wrs-preview .main-content .bg-light { background: #f1f6f2 !important; }
.new-wrs-preview .main-content .text-primary { color: #2d805a !important; }
.new-wrs-preview .main-content .wrs-overview h1 { font-weight: 500; }.new-wrs-preview .main-content .wrs-overview .overview-panel-heading h2 { font-size: 16px; }.new-wrs-preview .main-content .wrs-overview .overview-metric h2 { font-size: clamp(21px,2vw,32px); }.new-wrs-preview .main-content .overview-metric-primary h2 { color: #fff; }
@media(max-width:767px) { .new-wrs-preview .main-content > .page-content > .container-fluid { padding: 0 16px; }.new-wrs-preview .main-content .card-body { padding: 20px 16px; }.new-wrs-preview .main-content .card-title { font-size: 16px; }.new-wrs-preview .main-content h1 { font-size: 23px; }.new-wrs-preview .main-content .table td { padding: 12px 10px; }.new-wrs-preview .main-content .btn { padding: 8px 12px; }.new-wrs-preview .main-content .page-content { padding-top: 92px; } }
@media(prefers-reduced-motion:reduce) { .new-wrs-preview .main-content * { transition: none !important; scroll-behavior: auto !important; } }
/* Standalone sign-in page shares the same color, spacing and form system. */
.new-wrs-signin { min-height: 100vh; display: grid; grid-template-columns: 1.05fr 1fr; background: #f5f8f6; color: #223f35; }
.new-wrs-signin-story { background: #173f35; color: #fff; padding: clamp(32px,6vw,100px); display: flex; flex-direction: column; justify-content: space-between; gap: 50px; }
.new-wrs-signin-story img { max-width: 230px; height: auto; }.new-wrs-signin-kicker { color: #a9cfbb; font-size: 11px; text-transform: uppercase; letter-spacing: 2px; }
.new-wrs-signin-story h1 { color: #fff; font-size: clamp(34px,4vw,60px); font-weight: 400; line-height: 1.15; letter-spacing: -2px; margin: 22px 0; }.new-wrs-signin-story p { max-width: 400px; color: #b7d3c3; font-size: 16px; line-height: 1.8; }.new-wrs-signin-story small { color: #a4bfb1; }
.new-wrs-signin-panel { display: flex; align-items: center; justify-content: center; padding: 40px; }.new-wrs-signin-form { width: 100%; max-width: 380px; }.new-wrs-signin-form h2 { font-size: 28px; letter-spacing: -.7px; }.new-wrs-signin-form > p { color: #7a8a80; margin: 12px 0 32px; }.new-wrs-signin-form .form-control { border: 1px solid #d6e2d9; border-radius: 7px; padding: 12px; }.new-wrs-signin-form label { font-size: 12px; color: #536e5c; margin-bottom: 8px; }.new-wrs-signin-form .btn-primary { background: #2f8c63; border-color: #2f8c63; border-radius: 7px; padding: 12px; }.new-wrs-signin-form a { color: #2f8c63; }.new-wrs-signin-form .form-check { margin: 20px 0; }.new-wrs-signin-footer { margin-top: 28px; font-size: 12px; text-align: center; color: #7a8a80; }
@media(max-width:900px) { .new-wrs-signin { grid-template-columns: 1fr; }.new-wrs-signin-story { padding: 28px; gap: 24px; }.new-wrs-signin-story img { width: 160px; }.new-wrs-signin-story h1 { font-size: 32px; }.new-wrs-signin-story small { display: none; }.new-wrs-signin-panel { padding: 36px 24px; } }
.new-wrs-preview .main-content .avatar-title.bg-primary { background: #edf6f0 !important; color: #2f8c63 !important; border: 1px solid #dceadf; border-radius: 10px !important; }
.new-wrs-preview .main-content .avatar-title .text-success { color: #2f8c63 !important; }
.new-wrs-preview .main-content .btn-info { background: #3e867b; border-color: #3e867b; color: #fff; }
.new-wrs-preview .main-content .btn-info:hover { background: #2d6e63; border-color: #2d6e63; }
.new-wrs-signin-form #div_id_username, .new-wrs-signin-form #div_id_password { margin-bottom: 20px; }

/* One horizontal action menu for the claim editor. */
.new-wrs-preview .claim-actions { border-bottom: 1px solid var(--wrs-border); margin: -4px 0 24px; padding-bottom: 14px; overflow-x: auto; }
.new-wrs-preview .claim-actions ul { display: flex; align-items: center; gap: 6px; list-style: none; margin: 0; padding: 0; width: max-content; }
.new-wrs-preview .claim-actions li + li { border-left: 1px solid var(--wrs-border); padding-left: 6px; }
.new-wrs-preview .claim-actions form { margin: 0; }
.new-wrs-preview .claim-actions a, .new-wrs-preview .claim-actions button { display: block; background: transparent; border: 0; border-radius: 6px; padding: 9px 12px; color: #31634b; font-size: 13px; font-weight: 500; line-height: 1.5; white-space: nowrap; text-decoration: none; cursor: pointer; }
.new-wrs-preview .claim-actions a:hover, .new-wrs-preview .claim-actions button:hover { background: #edf5ef; color: #174b30; }
.new-wrs-preview .claim-actions a:focus-visible, .new-wrs-preview .claim-actions button:focus-visible { outline: 2px solid #2f8c63; outline-offset: 2px; }

/* The current dealership connects the dark rail to the workspace surface. */
.new-wrs-preview #sidebar-menu { padding-right: 0; }
.new-wrs-preview #sidebar-menu ul li.current-dealership > a,
.new-wrs-preview #sidebar-menu ul li.current-dealership > a:hover { background: var(--wrs-surface) !important; color: var(--wrs-green-dark) !important; border-radius: 10px 0 0 10px; margin-left: 12px; padding-left: 12px; box-shadow: inset 3px 0 0 #34a56f; font-weight: 600; }
.new-wrs-preview #sidebar-menu ul li.current-dealership > a i { color: #2f8c63 !important; }
.new-wrs-preview #sidebar-menu ul li.current-dealership > a span { color: var(--wrs-green-dark) !important; }
/* Keep the icon rail readable in the existing collapsed-sidebar mode. */
body.new-wrs-preview.vertical-collpsed #sidebar-menu ul li.current-dealership > a { margin-left: 0; padding-left: 20px; border-radius: 0; }
body.new-wrs-preview.vertical-collpsed .vertical-menu #sidebar-menu ul li.current-dealership:hover > a span { background: var(--wrs-surface); }