:root{--nav:#11263f;--accent:#e86f2d;--bg:#f3f5f7;--panel:#fff;--text:#1b2633;--muted:#6d7885;--line:#dce2e8;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:#145b94;text-decoration:none}a:hover{text-decoration:underline}.topbar{height:64px;background:var(--nav);display:flex;align-items:center;padding:0 24px;gap:24px;color:#fff}.brand{font-size:21px;font-weight:800;color:#fff;white-space:nowrap}.global-search{flex:1}.global-search input{width:100%;max-width:520px;background:#fff}.topbar nav{display:flex;align-items:center;gap:16px}.topbar nav a,.link-button{color:#fff;font-size:14px}.topbar nav form{margin:0}.link-button{border:0;background:none;padding:0;cursor:pointer}.container{max-width:1500px;margin:0 auto;padding:28px}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:18px}.page-head h1,h1{margin:0 0 5px}.page-head p{margin:0;color:var(--muted)}.button,button{display:inline-block;border:1px solid #b9c3cd;background:#fff;color:var(--text);padding:10px 14px;border-radius:6px;cursor:pointer;font-weight:700}.button+.button{margin-left:8px}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;margin-bottom:22px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.panel h2{font-size:18px;margin:0 0 16px}.stats{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.stat span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.stat strong{font-size:25px}.stat.danger strong{color:var(--danger)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}td small,.record small,.task-row small,.activity small{display:block;color:var(--muted);margin-top:4px}input,select,textarea{width:100%;border:1px solid #bcc7d1;border-radius:6px;padding:10px 11px;font:inherit;background:#fff}textarea{min-height:90px;resize:vertical}label{font-size:13px;font-weight:700;display:block}label input,label select,label textarea{margin-top:6px}.stack{display:grid;gap:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}.form-actions{grid-column:1/-1}.inline{display:grid;grid-template-columns:2fr .7fr 1fr;gap:8px}.inline-form{display:flex;align-items:end;gap:12px}.inline-form label{min-width:240px}.filters{display:flex;gap:10px;margin-bottom:18px}.filters input{max-width:420px}.filters select{max-width:260px}.record{border-top:1px solid var(--line);padding:12px 0}.record:first-of-type{border-top:0}.record p{margin:0;white-space:pre-wrap}.task-row{display:flex;align-items:flex-start;gap:10px;border-top:1px solid var(--line);padding:11px 0}.task-row:first-of-type{border-top:0}.check{border:0;background:none;padding:0;font-size:21px;color:var(--accent)}.done{text-decoration:line-through;color:var(--muted)}.activity{border-top:1px solid var(--line);padding:10px 0;font-size:14px}.badge{display:inline-block;padding:4px 8px;background:#e8eef4;border-radius:999px;font-size:12px}.flash{padding:12px 15px;border-radius:6px;margin-bottom:15px;background:#e7f5ec;border:1px solid #abd5ba}.flash.error{background:#fdecea;border-color:#f0b7b1;color:#8e1b12}.login-card{max-width:430px;margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:10px;padding:34px}.login-card p{color:var(--muted);margin-top:0;margin-bottom:25px}details{margin-top:15px}summary{cursor:pointer;font-weight:700;margin-bottom:12px}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto;margin:0}@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}.topbar{height:auto;flex-wrap:wrap;padding:14px}.topbar nav{width:100%;overflow:auto}.container{padding:18px}.form-grid{grid-template-columns:1fr}.inline-form{display:grid}.global-search{order:3;width:100%}}@media(max-width:600px){.stats{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.filters{flex-direction:column}.panel{overflow:auto}.topbar nav{gap:12px}.form-grid .wide,.form-actions{grid-column:auto}}

/* Version 2 production workflow */
.stats-6{grid-template-columns:repeat(6,minmax(135px,1fr))}.stat small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.section-head h2{margin:0}.muted{color:var(--muted)}.table-wrap{overflow:auto}.row-danger{background:#fff4f2}.row-danger td:first-child{border-left:4px solid var(--danger)}.production-filters{align-items:center}.production-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:14px;align-items:flex-start}.production-column{background:#e9edf1;border:1px solid #d2d9e0;border-radius:10px;min-width:305px;width:305px;flex:0 0 305px;max-height:calc(100vh - 190px);display:flex;flex-direction:column}.production-column-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border-bottom:1px solid #d2d9e0;background:#f7f8fa;border-radius:10px 10px 0 0}.production-column-head h2{font-size:15px;margin:0}.production-column-head span{background:#dce3e9;border-radius:999px;min-width:27px;text-align:center;padding:4px 8px;font-size:12px;font-weight:700}.production-cards{padding:10px;overflow-y:auto}.job-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;margin-bottom:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.job-card-overdue{border-left:5px solid var(--danger)}.job-card-top{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.job-card p{margin:8px 0 3px;font-size:14px}.job-card small{display:block;color:var(--muted);font-size:12px;line-height:1.35}.alert-badge{background:#fde7e4;color:#9d2118;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.age-line{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:12px}.age-meter{height:6px;background:#e6eaee;border-radius:999px;overflow:hidden;margin:5px 0}.age-meter span{display:block;height:100%;background:var(--accent)}.job-card-overdue .age-meter span{background:var(--danger)}.job-card-meta{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.empty-column{color:var(--muted);text-align:center;padding:20px 0}.status-form{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.4fr auto;gap:12px;align-items:end}.schedule-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.schedule-strip div{background:#f7f8fa;border-radius:6px;padding:10px}.schedule-strip span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;margin-bottom:5px}.schedule-strip strong{font-size:13px}.checklist-add{display:grid;grid-template-columns:.7fr 1.7fr auto;gap:8px;margin-bottom:12px}.history-item{border-top:1px solid var(--line);padding:12px 0}.history-item:first-of-type{border-top:0}.history-item>span{margin-left:8px;color:var(--muted);font-size:12px}.history-item p{margin:6px 0;white-space:pre-wrap}.history-item small{display:block;color:var(--muted)}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mapping-item{border:1px solid var(--line);border-radius:6px;padding:10px;background:#fafbfc}.mapping-item span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;word-break:break-word}.mapping-item strong{display:block;margin-top:5px;font-size:13px;word-break:break-word}.wide-table{max-height:650px}.wide-table table{min-width:max-content}.wide-table td{max-width:320px;white-space:normal;word-break:break-word}
@media(max-width:1250px){.stats-6{grid-template-columns:repeat(3,1fr)}.status-form{grid-template-columns:repeat(2,1fr)}.status-form button{grid-column:1/-1}.mapping-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.stats-6{grid-template-columns:1fr}.schedule-strip{grid-template-columns:1fr 1fr}.checklist-add{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr}.production-column{min-width:280px;width:280px;flex-basis:280px}}

/* Version 3 imports, permissions, reporting, and saved views */
.user-chip{font-size:11px;color:#cbd5df;white-space:nowrap}.stats-9{grid-template-columns:repeat(3,minmax(175px,1fr))}.stats-5{grid-template-columns:repeat(5,minmax(145px,1fr))}.filters-wrap{flex-wrap:wrap}.filters-wrap input,.filters-wrap select{max-width:235px}.saved-view-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-3px 0 18px}.saved-view{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 5px 4px 10px}.saved-view form{margin:0}.saved-view button{border:0;background:transparent;padding:0 5px;color:var(--muted);font-size:17px}.saved-view-bar details{margin:0}.saved-view-bar summary{margin:0;font-size:13px}.save-view-form{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:7px}.save-view-form input{width:220px}.secondary-input{margin-top:7px!important}.job-summary-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:10px;margin-bottom:18px}.job-summary-grid>div{background:#f7f8fa;border-radius:7px;padding:11px}.job-summary-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;margin-bottom:5px}.job-summary-grid strong{font-size:13px}.danger-text{color:var(--danger)}.description-box{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.description-box p{white-space:pre-wrap;margin-bottom:0}.mapping-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mapping-form-grid label{font-size:12px;text-transform:none}.import-run-panel{border-left:5px solid var(--accent)}.warning-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:12px;margin:0}.rollback-panel{border-left:5px solid var(--danger)}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.user-edit-card{border-top:1px solid var(--line);padding:16px 0}.user-edit-card:first-of-type{border-top:0}.user-edit-card .form-grid{grid-template-columns:1fr 1.3fr 1fr 1.2fr}.user-edit-card small{color:var(--muted)}.permission-key{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.permission-key h3{font-size:15px}.permission-key p{font-size:13px;color:var(--muted)}pre{white-space:pre-wrap;word-break:break-word;max-width:640px;max-height:300px;overflow:auto;background:#f6f8fa;padding:10px;border-radius:5px;font-size:11px}
@media(max-width:1300px){.job-summary-grid{grid-template-columns:repeat(4,1fr)}.mapping-form-grid{grid-template-columns:repeat(3,1fr)}.stats-9{grid-template-columns:repeat(3,1fr)}.stats-5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.job-summary-grid,.mapping-form-grid,.user-edit-card .form-grid{grid-template-columns:1fr 1fr}.stats-9,.stats-5{grid-template-columns:repeat(2,1fr)}.save-view-form{display:grid}.save-view-form input{width:100%}}
@media(max-width:560px){.job-summary-grid,.mapping-form-grid,.stats-9,.stats-5,.user-edit-card .form-grid{grid-template-columns:1fr}}

/* Version 4 end-to-end sales and handoff workflow */
.stats-8{grid-template-columns:repeat(4,minmax(160px,1fr))}.sales-board{max-height:none}.sales-column{max-height:calc(100vh - 270px)}.sales-value{display:flex;justify-content:space-between;align-items:center;margin:12px 0 7px;padding-top:10px;border-top:1px solid var(--line)}.sales-value strong{font-size:18px}.sales-value span{font-size:12px;color:var(--muted)}.appointment-strip{display:flex;gap:10px;overflow:auto;padding-bottom:4px}.appointment-chip{display:flex;flex-direction:column;min-width:190px;background:#f7f8fa;border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--text)}.appointment-chip span{font-size:13px;margin:5px 0}.appointment-chip small{color:var(--muted)}.warning-panel{border-left:5px solid #d97706}.confirm-duplicate{background:#fff7ed;border:1px solid #fed7aa;border-radius:7px;padding:14px}.large-action{font-size:16px;padding:13px 20px}.appointment-card{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:14px 0}.appointment-card:first-of-type{border-top:0}.appointment-card p{margin:6px 0}.appointment-card details{min-width:190px;margin:0}.compact-form{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.opportunity-status-form{grid-template-columns:1fr 1fr 2fr auto}.wide-status{min-width:280px}.handoff-link{margin-top:16px;padding:12px;background:#edf6ff;border-radius:7px}.appointment-agenda{max-width:1100px}.agenda-row{display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);color:var(--text)}.agenda-row:first-of-type{border-top:0}.agenda-row time{font-weight:800;color:var(--nav)}.agenda-row div{display:flex;flex-direction:column}.agenda-row span:not(.badge){font-size:13px;margin-top:3px}.agenda-row small{color:var(--muted);margin-top:4px}.requirement-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.requirement-row:first-of-type{border-top:0}.requirement-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.requirement-icon.passed{background:#dcfce7;color:#166534}.requirement-icon.missing{background:#fee2e2;color:#991b1b}.handoff-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.submit-handoff,.handoff-alert{border-left:5px solid var(--accent)}.handoff-card{border-left:5px solid #2563eb}.handoff-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.handoff-actions form{display:flex;align-items:end;gap:8px;margin:0}.handoff-actions select{min-width:220px}.handoff-actions input{min-width:260px}.activity p{white-space:pre-wrap;margin:6px 0}.stats-8 .stat strong{font-size:24px}
@media(max-width:1200px){.stats-8{grid-template-columns:repeat(2,1fr)}.opportunity-status-form{grid-template-columns:1fr 1fr}.opportunity-status-form button{grid-column:1/-1}.wide-status{min-width:0}.handoff-checks{grid-template-columns:1fr}}
@media(max-width:700px){.stats-8{grid-template-columns:1fr}.agenda-row{grid-template-columns:1fr;gap:5px}.handoff-actions,.handoff-actions form{display:grid;width:100%}.handoff-actions select,.handoff-actions input{min-width:0}.appointment-card{display:block}}

/* WARNER360_CALENDAR_REPAIR_START */
.calendar-controls{padding:16px 18px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.calendar-nav,.calendar-view-switch{display:flex;align-items:center;gap:7px}.calendar-nav .button,.calendar-view-switch .button{margin:0}.calendar-view-switch .button.active{background:var(--nav);border-color:var(--nav);color:#fff}.calendar-filters{display:grid;grid-template-columns:150px repeat(3,minmax(180px,1fr)) auto;align-items:end;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.calendar-filter-actions{display:flex;gap:7px}.calendar-filter-actions .button{margin:0}.calendar-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.legend-item{display:inline-flex;align-items:center;border-left:5px solid #64748b;background:#f8fafc;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:700}.calendar-scroll{overflow:auto;margin-bottom:22px;border:1px solid var(--line);border-radius:9px;background:#fff}.month-calendar{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));min-width:1050px}.calendar-weekday{padding:11px 10px;background:#eef2f6;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.calendar-day-cell{min-height:150px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.calendar-day-cell.outside-month{background:#f7f8fa}.calendar-day-cell.today{box-shadow:inset 0 0 0 2px var(--accent)}.calendar-day-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.calendar-day-head a{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:var(--text);font-weight:800}.calendar-day-cell.today .calendar-day-head a{background:var(--accent);color:#fff}.calendar-day-head span{font-size:10px;color:var(--muted)}.calendar-day-appointments{display:grid;gap:5px}.calendar-appointment{display:block;border-left:5px solid #64748b;background:#f8fafc;border-radius:5px;padding:7px 8px;color:var(--text);min-width:0}.calendar-appointment:hover{text-decoration:none;background:#eef2f6}.calendar-appointment time{font-size:11px;font-weight:800;margin-right:5px}.calendar-appointment-title{font-size:12px;font-weight:700}.calendar-appointment small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-appointment.compact{padding:5px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-appointment.compact time,.calendar-appointment.compact .calendar-appointment-title{font-size:10px}.calendar-more{font-size:11px;font-weight:700;padding:3px 5px}.status-scheduled{border-left-color:#2563eb}.status-confirmed{border-left-color:#059669}.status-completed{border-left-color:#64748b}.status-cancelled{border-left-color:#b42318;background:#fff4f2}.status-no-show{border-left-color:#d97706;background:#fff7ed}.week-calendar{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));min-width:1540px}.week-day-column{min-height:500px;border-right:1px solid var(--line);background:#fff}.week-day-column.today{background:#fffaf6}.week-day-column>header{padding:13px;border-bottom:1px solid var(--line);background:#f7f8fa}.week-day-column.today>header{box-shadow:inset 0 3px 0 var(--accent)}.week-day-column header a{display:flex;flex-direction:column;color:var(--text)}.week-day-column header span{font-size:11px;text-transform:uppercase;color:var(--muted)}.week-day-column header strong{font-size:15px;margin-top:3px}.week-day-column header small{display:block;color:var(--muted);margin-top:5px}.week-day-list{display:grid;gap:8px;padding:10px}.calendar-empty{color:var(--muted);font-size:13px;padding:12px;margin:0}.day-appointment-row{display:grid;grid-template-columns:110px 1fr 180px;gap:18px;align-items:start;border-top:1px solid var(--line);border-left:5px solid #64748b;padding:16px 14px;color:var(--text)}.day-appointment-row:hover{text-decoration:none;background:#f8fafc}.day-appointment-row:first-of-type{border-top:0}.day-appointment-time{display:flex;flex-direction:column}.day-appointment-time strong{font-size:18px}.day-appointment-time span{font-size:12px;color:var(--muted);margin-top:3px}.day-appointment-details{display:flex;flex-direction:column}.day-appointment-details>strong{font-size:15px}.day-appointment-details>span{font-size:13px;margin-top:4px}.day-appointment-details small{color:var(--muted);margin-top:5px;white-space:pre-wrap}.day-appointment-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.day-appointment-meta small{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.calendar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-filter-actions{align-self:end}.day-appointment-row{grid-template-columns:90px 1fr 140px}}
@media(max-width:700px){.calendar-toolbar{align-items:stretch}.calendar-nav,.calendar-view-switch{width:100%;overflow:auto}.calendar-nav .button,.calendar-view-switch .button{white-space:nowrap}.calendar-filters{grid-template-columns:1fr}.calendar-filter-actions{width:100%}.calendar-filter-actions>*{flex:1;text-align:center}.day-appointment-row{grid-template-columns:1fr;gap:8px}.day-appointment-meta{align-items:flex-start}}
.calendar-section-tabs{display:flex;gap:8px;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.calendar-section-tabs a{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text);font-weight:700}
.calendar-section-tabs a:hover{text-decoration:none;background:#f7f8fa}
.calendar-section-tabs a.active{background:var(--nav);border-color:var(--nav);color:#fff}
.production-calendar-job{border-left-color:#475569}
.production-calendar-job.stage-preconstruction,.legend-item.stage-preconstruction,.production-day-row.stage-preconstruction{border-left-color:#7c3aed}
.production-calendar-job.stage-ready-to-schedule,.legend-item.stage-ready-to-schedule,.production-day-row.stage-ready-to-schedule{border-left-color:#0891b2}
.production-calendar-job.stage-scheduled,.legend-item.stage-scheduled,.production-day-row.stage-scheduled{border-left-color:#2563eb}
.production-calendar-job.stage-in-progress,.legend-item.stage-in-progress,.production-day-row.stage-in-progress{border-left-color:#059669}
.production-calendar-job.stage-punch-list,.legend-item.stage-punch-list,.production-day-row.stage-punch-list{border-left-color:#d97706}
.production-calendar-job.stage-on-hold,.legend-item.stage-on-hold,.production-day-row.stage-on-hold{border-left-color:#b42318;background:#fff4f2}
.production-calendar-job.stage-complete{border-left-color:#64748b;background:#f8fafc}
@media(max-width:700px){.calendar-section-tabs{overflow:auto}.calendar-section-tabs a{white-space:nowrap}.page-actions{width:100%}.page-actions .button{flex:1;text-align:center}}
/* WARNER360_CALENDAR_REPAIR_END */


/* Warner360 address lookup restore */
.address-lookup-container{position:relative;width:100%}
.address-lookup-container input{width:100%}
.address-lookup-menu{position:absolute;z-index:1000;left:0;right:0;top:calc(100% - 1.15rem);background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.18);overflow:hidden}
.address-lookup-results{display:flex;flex-direction:column}
.address-lookup-results button{appearance:none;border:0;border-bottom:1px solid #e2e8f0;background:#fff;text-align:left;padding:11px 13px;font:inherit;color:#0f172a;cursor:pointer}
.address-lookup-results button:hover,.address-lookup-results button.active{background:#eff6ff}
.address-attribution{padding:7px 12px;text-align:right;font-size:.72rem;color:#64748b;background:#f8fafc;font-weight:600}
.address-lookup-status{display:block;margin-top:5px;color:#64748b;font-size:.78rem}
.address-lookup-status.success{color:#166534}
.address-lookup-status.error{color:#b91c1c}


/* Warner360 restored sales appointment slots */
.fixed-sales-slot-picker{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr);gap:10px 14px;width:100%;margin-top:6px;padding:12px;border:1px solid #bfd4f7;border-radius:10px;background:#f7fbff}
.fixed-sales-slot-picker label{margin:0}.fixed-sales-slot-note{grid-column:1/-1;color:var(--muted,#64748b)}
.fixed-sales-slot-override{grid-column:1/-1;display:flex;align-items:end;gap:10px;flex-wrap:wrap}.fixed-slot-override-reason{flex:1 1 260px}.fixed-sales-slot-picker.manual-mode{display:block}
.smart-scheduling{border:1px solid #bfd4f7;border-radius:10px;background:#f7fbff;padding:14px;margin-top:4px}.smart-scheduling-head{display:flex;align-items:end;gap:12px;justify-content:space-between;flex-wrap:wrap}.smart-scheduling-head>div{flex:1 1 260px}.smart-scheduling-head strong{display:block;color:#174ea6;font-size:14px}.smart-scheduling-head small{display:block;color:var(--muted);margin-top:3px}.smart-scheduling-head label{min-width:135px;margin:0}.smart-scheduling-head .button{margin:0}.smart-scheduling-status{font-size:12px;color:var(--muted);margin-top:10px}.smart-scheduling-status.success{color:#166534}.smart-scheduling-status.warning{color:#9a5a04}.smart-scheduling-status.error{color:#b42318}.smart-scheduling-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.smart-suggestion-card{appearance:none;width:100%;border:1px solid #d3dfef;border-radius:9px;background:#fff;padding:11px;text-align:left;color:var(--text);cursor:pointer;display:flex;flex-direction:column;gap:8px}.smart-suggestion-card:hover{border-color:#6ea3ed;background:#f8fbff}.smart-suggestion-card.recommended{box-shadow:inset 4px 0 0 #2563eb}.smart-suggestion-card.selected{border-color:#166534;background:#f0fdf4;box-shadow:inset 4px 0 0 #16a34a}.smart-suggestion-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.smart-suggestion-datetime strong,.smart-suggestion-datetime span{display:block}.smart-suggestion-datetime strong{font-size:13px}.smart-suggestion-datetime span{font-size:12px;margin-top:2px;color:#334155}.smart-suggestion-fit{border-radius:999px;background:#e8f1ff;color:#174ea6;font-size:10px;font-weight:800;padding:4px 7px;white-space:nowrap}.smart-suggestion-meta{display:flex;flex-direction:column;gap:2px;font-size:12px}.smart-suggestion-meta span{color:var(--muted);line-height:1.35}.smart-suggestion-foot{font-size:10px;color:#64748b;border-top:1px solid #e5eaf0;padding-top:7px}
@media(max-width:800px){.smart-scheduling-results{grid-template-columns:1fr}.smart-scheduling-head{align-items:stretch}.smart-scheduling-head label,.smart-scheduling-head .button{width:100%}}
@media(max-width:700px){.fixed-sales-slot-picker{grid-template-columns:1fr}.fixed-sales-slot-note,.fixed-sales-slot-override{grid-column:1}}


/* Warner360 sales slot picker v2 */
.fixed-sales-slot-picker-v2{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.35fr);gap:14px 18px;width:100%;margin-top:6px;padding:14px;border:1px solid #bfd4f7;border-radius:12px;background:#f7fbff}
.fixed-sales-slot-picker-v2 label,.fixed-sales-slot-picker-v2 fieldset{margin:0}.fixed-sales-slot-picker-v2 fieldset{border:0;padding:0;min-width:0}.fixed-sales-slot-picker-v2 legend{font-weight:700;margin-bottom:7px}.fixed-sales-date-control{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:8px;align-items:center;margin-top:6px}.fixed-sales-date-control input[type=date]{width:100%;min-height:46px}.fixed-sales-calendar-button{min-height:46px;padding:0 14px;border:1px solid #9fb5d4;border-radius:8px;background:#fff;color:#15324f;font-weight:700;cursor:pointer;white-space:nowrap}.fixed-sales-calendar-button:hover{background:#eef6ff;border-color:#2563eb}.fixed-sales-time-buttons{display:grid;grid-template-columns:repeat(5,minmax(52px,1fr));gap:7px}.fixed-sales-time-button{min-height:46px;border:1px solid #9fb5d4;border-radius:8px;background:#fff;color:#15324f;font-weight:800;cursor:pointer}.fixed-sales-time-button:hover{background:#eef6ff;border-color:#2563eb}.fixed-sales-time-button.selected{background:#2563eb;border-color:#2563eb;color:#fff;box-shadow:0 0 0 2px rgba(37,99,235,.14)}.fixed-sales-time-section.has-error{outline:2px solid rgba(180,35,24,.24);outline-offset:5px;border-radius:6px}.fixed-sales-time-error{min-height:18px;margin-top:5px;color:#b42318;font-size:12px;font-weight:700}.fixed-sales-slot-picker-v2 .fixed-sales-slot-note{grid-column:1/-1;color:var(--muted,#64748b);line-height:1.35}.fixed-sales-slot-picker-v2 .fixed-sales-slot-override{grid-column:1/-1}.fixed-sales-slot-picker-v2.manual-mode{display:block}
@media(max-width:920px){.fixed-sales-slot-picker-v2{grid-template-columns:1fr}.fixed-sales-slot-picker-v2 .fixed-sales-slot-note,.fixed-sales-slot-picker-v2 .fixed-sales-slot-override{grid-column:1}.fixed-sales-time-buttons{grid-template-columns:repeat(3,minmax(72px,1fr))}}
@media(max-width:560px){.fixed-sales-date-control{grid-template-columns:1fr}.fixed-sales-calendar-button{width:100%}.fixed-sales-time-buttons{grid-template-columns:repeat(2,minmax(90px,1fr))}}

/* WARNER360_MFA_QR */
.mfa-enrollment-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(280px,1fr);gap:24px;align-items:start;margin:20px 0}.mfa-qr-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:center}.mfa-qr-card img{display:block;width:240px;height:240px;max-width:100%;image-rendering:pixelated}.mfa-qr-card p{margin:0;color:var(--muted);font-size:13px}.mfa-setup-instructions h3{margin-top:0}.mfa-setup-instructions ol{padding-left:22px}.mfa-setup-instructions li{margin-bottom:9px}.mfa-manual-setup{margin-top:18px;padding:13px 15px;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.mfa-manual-setup summary{cursor:pointer;font-weight:700}.mfa-manual-setup p{margin:10px 0 0;overflow-wrap:anywhere}.mfa-verification-form{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:760px){.mfa-enrollment-grid{grid-template-columns:1fr}.mfa-qr-card{padding:14px}.mfa-qr-card img{width:220px;height:220px}}

/* WARNER360_OPPORTUNITY_LAYOUT_FIX_START */
.opportunity-detail-main-grid{
  grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);
  align-items:start;
}
.opportunity-detail-main-grid>.panel,
.opportunity-detail-main-grid .form-grid>*{
  min-width:0;
}
.opportunity-detail-main-grid .fixed-sales-slot-picker-v2{
  grid-column:1/-1;
  width:100%;
  max-width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);
}
.opportunity-detail-main-grid .fixed-sales-slot-picker-v2>*,
.opportunity-detail-main-grid .fixed-sales-date-section,
.opportunity-detail-main-grid .fixed-sales-time-section,
.opportunity-detail-main-grid .fixed-sales-date-control,
.opportunity-detail-main-grid .fixed-sales-time-buttons,
.opportunity-detail-main-grid .fixed-sales-slot-override,
.opportunity-detail-main-grid .fixed-slot-override-reason{
  min-width:0;
}
.opportunity-detail-main-grid .fixed-sales-time-buttons{
  grid-template-columns:repeat(auto-fit,minmax(64px,1fr));
}
.opportunity-detail-main-grid .fixed-sales-time-button{
  padding-left:8px;
  padding-right:8px;
}
.opportunity-detail-main-grid .fixed-sales-slot-override{
  width:100%;
}
.opportunity-detail-main-grid .fixed-slot-override-reason{
  flex:1 1 240px;
}
@media(max-width:1200px){
  .opportunity-detail-main-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .opportunity-detail-main-grid .fixed-sales-slot-picker-v2{
    grid-template-columns:1fr;
  }
  .opportunity-detail-main-grid .fixed-sales-slot-picker-v2 .fixed-sales-slot-note,
  .opportunity-detail-main-grid .fixed-sales-slot-picker-v2 .fixed-sales-slot-override{
    grid-column:1;
  }
  .opportunity-detail-main-grid .fixed-sales-date-control{
    grid-template-columns:1fr;
  }
  .opportunity-detail-main-grid .fixed-sales-calendar-button{
    width:100%;
  }
  .opportunity-detail-main-grid .fixed-sales-time-buttons{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .opportunity-detail-main-grid .fixed-sales-slot-override{
    align-items:stretch;
    flex-direction:column;
  }
  .opportunity-detail-main-grid .fixed-slot-override-reason{
    width:100%;
    flex-basis:auto;
  }
}
/* WARNER360_OPPORTUNITY_LAYOUT_FIX_END */

/* WARNER360 SETTINGS PAGE LAYOUT START */
.settings-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  margin: 22px 0 8px;
}

.settings-card {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 158px;
  flex-direction: column;
  justify-content: flex-start;
  padding: 22px 54px 22px 22px;
  overflow: hidden;
  border: 1px solid #d5dee7;
  border-radius: 12px;
  background: #ffffff;
  color: #1b2633;
  text-decoration: none !important;
  box-shadow: 0 2px 7px rgba(17, 38, 63, 0.06);
  transition:
    border-color 140ms ease,
    box-shadow 140ms ease,
    transform 140ms ease;
}

.settings-card::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 4px;
  background: linear-gradient(90deg, #1f4e79, #3974a8);
  content: "";
}

.settings-card::after {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 28px;
  height: 28px;
  border: 1px solid #c9d7e4;
  border-radius: 50%;
  background: #eef4f9;
  color: #1f4e79;
  content: "›";
  font-size: 25px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  transform: translateY(-50%);
}

.settings-card strong {
  display: block;
  margin: 0 0 10px;
  color: #11263f;
  font-size: 17px;
  font-weight: 800;
  line-height: 1.3;
}

.settings-card span {
  display: block;
  color: #5f6f7f;
  font-size: 14px;
  line-height: 1.55;
}

.settings-card:hover {
  border-color: #8fafca;
  box-shadow: 0 8px 22px rgba(17, 38, 63, 0.12);
  text-decoration: none;
  transform: translateY(-2px);
}

.settings-card:hover::after {
  border-color: #1f4e79;
  background: #1f4e79;
  color: #ffffff;
}

.settings-card:focus-visible {
  outline: 3px solid rgba(31, 78, 121, 0.28);
  outline-offset: 3px;
}

@media (max-width: 1120px) {
  .settings-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .settings-card-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .settings-card {
    min-height: 0;
    padding: 20px 50px 20px 18px;
  }
}
/* WARNER360 SETTINGS PAGE LAYOUT END */

/* WARNER360 HANDOFF HARDENING START */
.handoff-page-actions{display:flex;gap:8px;flex-wrap:wrap}.handoff-status-banner{background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:9px;padding:16px 18px;margin-bottom:22px}.handoff-status-banner>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.handoff-status-banner.status-returned{border-left-color:var(--danger)}.handoff-status-banner.status-accepted{border-left-color:#198754}.handoff-progress{height:9px;background:#e8eef4;border-radius:999px;overflow:hidden;margin-top:13px}.handoff-progress span{display:block;height:100%;background:var(--accent);border-radius:999px}.handoff-overview-grid{display:grid;grid-template-columns:minmax(340px,.85fr) minmax(520px,1.15fr);gap:22px}.handoff-requirement-list{max-height:610px;overflow:auto;padding-right:5px}.handoff-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.handoff-summary-grid.compact{grid-template-columns:repeat(6,minmax(105px,1fr))}.handoff-summary-grid>div{background:#f7f9fb;border:1px solid #e5ebf1;border-radius:8px;padding:12px}.handoff-summary-grid>div.wide{grid-column:1/-1}.handoff-summary-grid span,.handoff-readonly-grid span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px}.handoff-source-status{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}.handoff-source-status>div{border:1px solid var(--line);border-radius:7px;padding:10px}.handoff-source-status strong,.handoff-source-status span{display:block}.handoff-source-status span{font-size:12px;margin-top:4px}.handoff-source-status .source-ok{background:#f0fdf4;border-color:#bbf7d0}.handoff-source-status .source-missing{background:#fef2f2;border-color:#fecaca}.handoff-source-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.handoff-form{margin-bottom:22px}.handoff-form-section{border-top:4px solid #dbe8f4}.handoff-form-section .field-help{display:block;color:var(--muted);font-weight:400;margin-top:6px}.handoff-save-bar{position:sticky;bottom:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#102a43;color:#fff;border-radius:10px;padding:15px 18px;box-shadow:0 9px 24px rgba(15,35,55,.24)}.handoff-save-bar span{display:block;color:#dbe7f2;font-size:12px;margin-top:3px}.handoff-save-bar button{white-space:nowrap}.locked-handoff-panel{border-left:5px solid #64748b}.handoff-readonly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.handoff-readonly-grid>div{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:14px}.handoff-readonly-grid p{white-space:pre-wrap;margin:0}.handoff-review-panel{border-left:5px solid #7c3aed}.handoff-review-list{display:grid;gap:8px}.review-item{display:grid;grid-template-columns:auto minmax(250px,1fr) minmax(220px,.8fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;padding:10px}.review-item.complete{background:#f0fdf4;border-color:#bbf7d0}.review-item small{display:block;color:var(--muted);margin-top:4px}.handoff-review-actions{margin-top:18px}.inset-panel{margin:0;box-shadow:none;background:#f8fafc}.inset-panel h3{margin:0}.correction-card{border:1px solid var(--line);border-left:4px solid #f59e0b;border-radius:8px;padding:14px;margin-top:12px}.correction-card.open{border-left-color:var(--danger);background:#fffafa}.correction-card.resolved{border-left-color:#198754;background:#f8fff9}.correction-card p{white-space:pre-wrap}.accepted-handoff-panel{border-left:5px solid #198754}.handoff-stats.stats-6{grid-template-columns:repeat(6,minmax(120px,1fr))}.handoff-queue-card{display:flex;justify-content:space-between;gap:18px;border:1px solid var(--line);border-left:5px solid #2563eb;border-radius:9px;padding:16px;margin-top:12px;background:#fff}.handoff-queue-card.overdue{border-left-color:var(--danger);background:#fffafa}.handoff-queue-main{min-width:0;flex:1}.handoff-queue-main h3{margin:0 0 4px}.handoff-queue-main p{margin:0;color:var(--muted)}.handoff-queue-actions{display:flex;align-items:center}.accepted-handoff-history{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px;margin-bottom:22px}.accepted-handoff-history summary{margin:0}.accepted-handoff-history[open] summary{margin-bottom:12px}button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1250px){.handoff-overview-grid{grid-template-columns:1fr}.handoff-source-status{grid-template-columns:repeat(3,1fr)}.handoff-summary-grid.compact{grid-template-columns:repeat(3,1fr)}.handoff-stats.stats-6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.handoff-summary-grid,.handoff-readonly-grid,.handoff-source-status,.handoff-summary-grid.compact{grid-template-columns:1fr}.handoff-stats.stats-6{grid-template-columns:repeat(2,1fr)}.handoff-save-bar,.handoff-queue-card{position:static;display:grid}.review-item{grid-template-columns:auto 1fr}.review-item input,.review-item button{grid-column:1/-1}.handoff-page-actions{width:100%}}
@media(max-width:520px){.handoff-stats.stats-6{grid-template-columns:1fr}}
/* WARNER360 HANDOFF HARDENING END */

/* WARNER360 EASTERN 12-HOUR TIME START */
.crm-timezone-indicator {
  margin-left: auto;
  padding: 3px 9px;
  border: 1px solid rgba(31, 78, 121, 0.22);
  border-radius: 999px;
  background: rgba(238, 244, 249, 0.9);
  color: #36536f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.01em;
  white-space: nowrap;
}

input[type="datetime-local"][data-crm-timezone] {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 720px) {
  .crm-timezone-indicator {
    display: none;
  }
}
/* WARNER360 EASTERN 12-HOUR TIME END */

/* WARNER360 FEEDBACK TRACKER AND CLICKABLE CARDS START */
.js-clickable-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.js-clickable-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,35,55,.12);border-color:#8eb6da}.js-clickable-card:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.clickable-table-row:hover td{background:#f3f8fd}.clickable-stat{display:block;color:inherit;text-decoration:none}.clickable-stat:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(15,35,55,.1)}
.feedback-stats{grid-template-columns:repeat(7,minmax(110px,1fr))}.feedback-card-list{display:grid;gap:12px}.feedback-card{display:block;border:1px solid var(--line);border-left:5px solid #2563eb;border-radius:10px;padding:15px;background:#fff;color:inherit;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.feedback-card:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(15,35,55,.1)}.feedback-card strong,.feedback-card small{display:block}.feedback-card small{color:var(--muted);margin-top:6px}.feedback-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.feedback-id{font-weight:800;color:#334155}.feedback-status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800;background:#e2e8f0;color:#334155}.feedback-status.status-new{background:#fee2e2;color:#991b1b}.feedback-status.status-triaged{background:#ffedd5;color:#9a3412}.feedback-status.status-planned{background:#e0e7ff;color:#3730a3}.feedback-status.status-in-progress{background:#dbeafe;color:#1d4ed8}.feedback-status.status-testing{background:#fef3c7;color:#92400e}.feedback-status.status-completed{background:#dcfce7;color:#166534}.feedback-status.status-declined,.feedback-status.status-duplicate{background:#f1f5f9;color:#475569}.feedback-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px;margin-bottom:18px}.feedback-detail-grid .description-box p,.feedback-timeline p{white-space:pre-wrap}.feedback-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-bottom:18px}.feedback-timeline{display:grid;gap:10px}.feedback-timeline article{border-left:4px solid #94a3b8;background:#f8fafc;border-radius:8px;padding:13px 15px}.feedback-timeline article div{display:flex;justify-content:space-between;gap:12px}.feedback-timeline article small{color:var(--muted)}.feedback-timeline article p{margin:8px 0 0}.feedback-privacy-note{font-size:14px;color:var(--muted)}
@media(max-width:1200px){.feedback-stats{grid-template-columns:repeat(4,minmax(110px,1fr))}}@media(max-width:850px){.feedback-detail-grid{grid-template-columns:1fr}.feedback-comment-form{grid-template-columns:1fr}.feedback-stats{grid-template-columns:repeat(2,minmax(110px,1fr))}}@media(max-width:520px){.feedback-stats{grid-template-columns:1fr}}
/* WARNER360 FEEDBACK TRACKER AND CLICKABLE CARDS END */

/* WARNER360 SMART SALES SCHEDULER START */
.smart-scheduling-disclaimer{
  display:block;
  margin-top:10px;
  color:var(--muted);
  line-height:1.4;
}
.smart-scheduling-results:empty{
  display:none;
}
.smart-suggestion-card{
  min-height:132px;
}
.smart-suggestion-card:focus-visible{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:2px;
}
.smart-suggestion-person{
  font-weight:700;
  color:#1e3a5f;
}
.smart-suggestion-route{
  color:#475569;
}
.smart-scheduling-status.loading{
  color:#174ea6;
}
.smart-scheduling-status.success{
  color:#166534;
}
.smart-scheduling-status.warning{
  color:#9a5a04;
}
.smart-scheduling-status.error{
  color:#b42318;
}
@media (max-width:760px){
  .smart-scheduling-results{
    grid-template-columns:1fr;
  }
  .smart-scheduling-head label,
  .smart-scheduling-head .button{
    width:100%;
  }
}
/* WARNER360 SMART SALES SCHEDULER END */

/* WARNER360 CLICKABLE WORK METRICS START */
.stat-link{
  display:block;
  color:var(--text);
  cursor:pointer;
  text-decoration:none;
  transition:
    transform .12s ease,
    border-color .12s ease,
    box-shadow .12s ease,
    background-color .12s ease;
}
.stat-link:hover{
  color:var(--text);
  text-decoration:none;
  transform:translateY(-2px);
  border-color:#9fb4ca;
  background:#fbfdff;
  box-shadow:0 6px 16px rgba(17,38,63,.10);
}
.stat-link:focus-visible{
  outline:3px solid rgba(37,99,235,.28);
  outline-offset:2px;
}
.stat-link:active{
  transform:translateY(0);
}
#daily-action-queue,
#tasks-overdue,
#tasks-today,
#sales-follow-up-queue{
  scroll-margin-top:88px;
}
/* WARNER360 CLICKABLE WORK METRICS END */

/* WARNER360 SALES FOLLOWUP CARD LAYOUT START */
.followup-card-list{
  display:grid;
  gap:12px;
}
.followup-card{
  display:block;
  width:100%;
  box-sizing:border-box;
  padding:14px 16px;
  text-decoration:none;
}
.followup-card:hover{
  text-decoration:none;
}
.followup-card strong,
.followup-card small{
  display:block;
}
.followup-card strong{
  min-width:0;
  overflow-wrap:anywhere;
}
.followup-card small{
  margin-top:5px;
  line-height:1.35;
  color:var(--muted);
}
.followup-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.followup-card-head .badge{
  flex:0 0 auto;
  white-space:nowrap;
}
@media (max-width:720px){
  .followup-card-head{
    display:block;
  }
  .followup-card-head .badge{
    display:inline-block;
    margin-top:7px;
  }
}
/* WARNER360 SALES FOLLOWUP CARD LAYOUT END */

/* WARNER360 FEEDBACK IMAGE ATTACHMENTS START */
.feedback-image-upload{
  display:grid;
  gap:8px;
}
.feedback-image-upload label{
  display:grid;
  gap:7px;
  max-width:720px;
}
.feedback-image-upload input[type="file"]{
  width:100%;
  box-sizing:border-box;
  padding:12px;
  border:1px dashed #9fb4ca;
  border-radius:10px;
  background:#f8fbff;
}
.feedback-image-upload small{
  color:var(--muted);
  line-height:1.4;
}
.feedback-attachments{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #d8e0e8;
}
.feedback-attachment-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:14px;
}
.feedback-attachment-card{
  display:block;
  padding:10px;
  border:1px solid #d8e0e8;
  border-radius:12px;
  background:#fff;
  color:var(--text);
  text-decoration:none;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;
}
.feedback-attachment-card:hover{
  transform:translateY(-2px);
  border-color:#9fb4ca;
  box-shadow:0 6px 16px rgba(17,38,63,.10);
  text-decoration:none;
}
.feedback-attachment-card img{
  display:block;
  width:100%;
  height:220px;
  object-fit:contain;
  border-radius:8px;
  background:#eef3f8;
}
.feedback-attachment-card span,
.feedback-attachment-card small{
  display:block;
  overflow-wrap:anywhere;
}
.feedback-attachment-card span{
  margin-top:9px;
  font-weight:700;
}
.feedback-attachment-card small{
  margin-top:4px;
  color:var(--muted);
}
/* WARNER360 FEEDBACK IMAGE ATTACHMENTS END */

/* WARNER360 ROLE PERMISSION MATRIX START */
.user-card-list{
  display:grid;
  gap:14px;
}
.role-summary-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:12px;
}
.role-summary-grid article{
  padding:14px;
  border:1px solid #d8e0e8;
  border-radius:10px;
  background:#f8fbff;
}
.role-summary-grid strong,
.role-summary-grid small{
  display:block;
}
.role-summary-grid small{
  margin-top:5px;
  color:var(--muted);
  line-height:1.4;
}
.role-permission-notice{
  border-left:4px solid #2d6fa3;
}
.role-permission-notice p{
  margin-bottom:0;
}
.role-permission-scroll{
  overflow:auto;
  border:1px solid #d8e0e8;
  border-radius:12px;
  background:#fff;
}
.role-permission-table{
  width:100%;
  min-width:1450px;
  border-collapse:separate;
  border-spacing:0;
}
.role-permission-table th,
.role-permission-table td{
  padding:12px;
  border-right:1px solid #e2e8ef;
  border-bottom:1px solid #e2e8ef;
  vertical-align:top;
  text-align:center;
}
.role-permission-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#edf4fa;
}
.role-permission-table .permission-name-column,
.role-permission-table tbody th{
  position:sticky;
  left:0;
  z-index:1;
  width:245px;
  text-align:left;
  background:#f8fbff;
}
.role-permission-table thead .permission-name-column{
  z-index:3;
  background:#e5eff8;
}
.role-permission-table th span,
.role-permission-table th small,
.role-permission-table tbody th strong,
.role-permission-table tbody th small{
  display:block;
}
.role-permission-table th small,
.role-permission-table tbody th small{
  margin-top:5px;
  color:var(--muted);
  font-weight:400;
  line-height:1.35;
}
.permission-checkbox{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
}
.permission-checkbox input{
  width:18px;
  height:18px;
}
.permission-locked{
  background:#f2f4f6;
}
.permission-locked .permission-checkbox{
  cursor:not-allowed;
  color:var(--muted);
}
.role-permission-actions{
  position:sticky;
  bottom:0;
  padding:12px;
  border:1px solid #d8e0e8;
  border-radius:10px;
  background:rgba(255,255,255,.96);
  box-shadow:0 -4px 12px rgba(17,38,63,.06);
}
/* WARNER360 ROLE PERMISSION MATRIX END */

/* WARNER360 ASSIGNMENT QUEUE LAYOUT START */
.assignment-queue-panel{
  overflow:hidden;
}
.assignment-queue-panel .assignment-queue-count{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin:4px 10px 4px 0;
  padding:7px 10px;
  border:1px solid #d8e0e8;
  border-radius:999px;
  background:#f8fbff;
  text-decoration:none;
  line-height:1.2;
}
.assignment-queue-column{
  min-width:0;
}
.assignment-queue-column .assignment-queue-item{
  display:block;
  box-sizing:border-box;
  width:100%;
  margin:0 0 10px;
  padding:11px 12px;
  border:1px solid #d8e0e8;
  border-radius:10px;
  background:#fff;
  line-height:1.4;
  text-decoration:none;
  overflow-wrap:anywhere;
  word-break:normal;
}
.assignment-queue-column .assignment-queue-item:hover{
  border-color:#9fb4ca;
  background:#f8fbff;
  text-decoration:none;
}
.assignment-queue-column .assignment-queue-item:last-child{
  margin-bottom:0;
}
@media (max-width:900px){
  .assignment-queue-panel .grid-3,
  .assignment-queue-panel .three-column-grid{
    grid-template-columns:1fr;
  }
}
/* WARNER360 ASSIGNMENT QUEUE LAYOUT END */

/* WARNER360 DEPARTMENT THEMES START */
body{
  --w360-dept-accent:#255b87;
  --w360-dept-dark:#153a5a;
  --w360-dept-soft:#eef5fb;
  --w360-dept-soft-strong:#dcebf7;
  --w360-dept-border:#b8cee0;
  --w360-dept-rgb:37,91,135;
}

/* Sales: blue */
body[data-department="sales"]{
  --w360-dept-accent:#2563eb;
  --w360-dept-dark:#1e40af;
  --w360-dept-soft:#eff6ff;
  --w360-dept-soft-strong:#dbeafe;
  --w360-dept-border:#93c5fd;
  --w360-dept-rgb:37,99,235;
}

/* Office administration: violet */
body[data-department="office"]{
  --w360-dept-accent:#7c3aed;
  --w360-dept-dark:#5b21b6;
  --w360-dept-soft:#f5f3ff;
  --w360-dept-soft-strong:#ede9fe;
  --w360-dept-border:#c4b5fd;
  --w360-dept-rgb:124,58,237;
}

/* Production: amber */
body[data-department="production"]{
  --w360-dept-accent:#d97706;
  --w360-dept-dark:#92400e;
  --w360-dept-soft:#fff7ed;
  --w360-dept-soft-strong:#ffedd5;
  --w360-dept-border:#fdba74;
  --w360-dept-rgb:217,119,6;
}

/* Field operations: green */
body[data-department="field"]{
  --w360-dept-accent:#15803d;
  --w360-dept-dark:#166534;
  --w360-dept-soft:#f0fdf4;
  --w360-dept-soft-strong:#dcfce7;
  --w360-dept-border:#86efac;
  --w360-dept-rgb:21,128,61;
}

/* Marketing: teal */
body[data-department="marketing"]{
  --w360-dept-accent:#0f766e;
  --w360-dept-dark:#115e59;
  --w360-dept-soft:#f0fdfa;
  --w360-dept-soft-strong:#ccfbf1;
  --w360-dept-border:#5eead4;
  --w360-dept-rgb:15,118,110;
}

/* Accounting: emerald */
body[data-department="accounting"]{
  --w360-dept-accent:#047857;
  --w360-dept-dark:#065f46;
  --w360-dept-soft:#ecfdf5;
  --w360-dept-soft-strong:#d1fae5;
  --w360-dept-border:#6ee7b7;
  --w360-dept-rgb:4,120,87;
}

/* Warranty and closeout: rose */
body[data-department="warranty"]{
  --w360-dept-accent:#be123c;
  --w360-dept-dark:#9f1239;
  --w360-dept-soft:#fff1f2;
  --w360-dept-soft-strong:#ffe4e6;
  --w360-dept-border:#fda4af;
  --w360-dept-rgb:190,18,60;
}

/* System administration: purple */
body[data-department="administration"]{
  --w360-dept-accent:#6d28d9;
  --w360-dept-dark:#4c1d95;
  --w360-dept-soft:#faf5ff;
  --w360-dept-soft-strong:#f3e8ff;
  --w360-dept-border:#d8b4fe;
  --w360-dept-rgb:109,40,217;
}

/* Reports and management: slate-indigo */
body[data-department="reports"]{
  --w360-dept-accent:#4338ca;
  --w360-dept-dark:#312e81;
  --w360-dept-soft:#eef2ff;
  --w360-dept-soft-strong:#e0e7ff;
  --w360-dept-border:#a5b4fc;
  --w360-dept-rgb:67,56,202;
}

/* Command center and general CRM: Warner blue */
body[data-department="command"]{
  --w360-dept-accent:#255b87;
  --w360-dept-dark:#153a5a;
  --w360-dept-soft:#eef5fb;
  --w360-dept-soft-strong:#dcebf7;
  --w360-dept-border:#b8cee0;
  --w360-dept-rgb:37,91,135;
}

body[data-department]{
  background:
    linear-gradient(
      180deg,
      var(--w360-dept-soft) 0,
      rgba(255,255,255,0) 250px
    ),
    var(--bg,#f4f7fa);
}

body[data-department] .department-context-bar{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  margin:0 0 14px;
  padding:7px 12px;
  border:1px solid var(--w360-dept-border);
  border-left:5px solid var(--w360-dept-accent);
  border-radius:999px;
  background:var(--w360-dept-soft);
  color:var(--w360-dept-dark);
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 2px 8px rgba(var(--w360-dept-rgb),.08);
}

body[data-department] .department-context-dot{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--w360-dept-accent);
  box-shadow:0 0 0 4px rgba(var(--w360-dept-rgb),.13);
}

body[data-department] .page-head{
  border-bottom:2px solid var(--w360-dept-border);
  padding-bottom:12px;
}

body[data-department] .page-head h1,
body[data-department] .page-head h2{
  color:var(--w360-dept-dark);
}

body[data-department] .page-head::before{
  content:"";
  display:block;
  width:52px;
  height:5px;
  margin-bottom:9px;
  border-radius:999px;
  background:var(--w360-dept-accent);
}

body[data-department] .panel{
  border-color:color-mix(in srgb, var(--w360-dept-border) 65%, #d8e0e8);
}

body[data-department] .panel > h2:first-child,
body[data-department] .panel > h3:first-child,
body[data-department] .section-head h2,
body[data-department] .section-head h3{
  color:var(--w360-dept-dark);
}

body[data-department] button.primary,
body[data-department] .button.primary,
body[data-department] input[type="submit"].primary{
  border-color:var(--w360-dept-dark);
  background:var(--w360-dept-accent);
  color:#fff;
}

body[data-department] button.primary:hover,
body[data-department] .button.primary:hover,
body[data-department] input[type="submit"].primary:hover{
  filter:brightness(.92);
}

body[data-department] input:focus,
body[data-department] select:focus,
body[data-department] textarea:focus{
  border-color:var(--w360-dept-accent);
  box-shadow:0 0 0 3px rgba(var(--w360-dept-rgb),.15);
  outline:none;
}

body[data-department] table thead th{
  background:var(--w360-dept-soft);
  color:var(--w360-dept-dark);
  border-bottom-color:var(--w360-dept-border);
}

body[data-department] .department-nav-link{
  position:relative;
  background:rgba(var(--w360-dept-rgb),.10);
  color:var(--w360-dept-dark);
}

body[data-department] .department-nav-link::after{
  content:"";
  position:absolute;
  right:8px;
  bottom:3px;
  left:8px;
  height:3px;
  border-radius:999px;
  background:var(--w360-dept-accent);
}

body[data-department] .badge.primary,
body[data-department] .pill.primary{
  border-color:var(--w360-dept-border);
  background:var(--w360-dept-soft-strong);
  color:var(--w360-dept-dark);
}

@media (max-width:700px){
  body[data-department] .department-context-bar{
    margin-bottom:10px;
    font-size:11px;
  }

  body[data-department] .department-nav-link::after{
    right:4px;
    left:4px;
  }
}
/* WARNER360 DEPARTMENT THEMES END */

/* THREESIXOH_CHECKBOX_RADIO_NORMALIZATION_V1
   Prevent generic text-input rules from enlarging checkbox and radio controls.
*/
input[type="checkbox"],
input[type="radio"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  max-width: 18px !important;
  max-height: 18px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 18px !important;
  vertical-align: middle !important;
  box-shadow: none !important;
  cursor: pointer;
  accent-color: #00a7a5;
}

input[type="checkbox"] {
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  border-radius: 3px !important;
}

input[type="radio"] {
  appearance: auto !important;
  -webkit-appearance: radio !important;
  border-radius: 50% !important;
}

input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
  cursor: not-allowed;
  opacity: .58;
}

label.checkbox,
label.check-row,
label.check-label,
label.ack,
label.accounting-check,
label.permission-checkbox,
label:has(> input[type="checkbox"]),
label:has(> input[type="radio"]) {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

label.checkbox > input[type="checkbox"],
label.check-row > input[type="checkbox"],
label.check-label > input[type="checkbox"],
label.ack > input[type="checkbox"],
label.accounting-check > input[type="checkbox"],
label.permission-checkbox > input[type="checkbox"],
label:has(> input[type="checkbox"]) > input[type="checkbox"],
label:has(> input[type="radio"]) > input[type="radio"] {
  margin-top: 1px !important;
}

td input[type="checkbox"],
td input[type="radio"],
.tso-select-column input[type="checkbox"],
.checkbox-cell input[type="checkbox"] {
  display: block !important;
  margin: 0 auto !important;
}

.tso-select-column,
.checkbox-cell {
  width: 58px;
  min-width: 58px;
  text-align: center;
}


/* THREESIXOH_NEXT_ACTION_ACCOUNTABILITY_V1 */
.required-mark{font-size:.72rem;font-weight:800;color:#b91c1c;text-transform:uppercase;letter-spacing:.04em}
.tso-accountability-kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.tso-accountability-flags{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tso-accountability-flag{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;font-size:.72rem;font-weight:800;line-height:1.1;border:1px solid transparent}
.tso-accountability-flag.tone-danger{background:#fef2f2;color:#991b1b;border-color:#fecaca}
.tso-accountability-flag.tone-warning{background:#fffbeb;color:#92400e;border-color:#fde68a}
.tso-accountability-flag.tone-good{background:#ecfdf5;color:#166534;border-color:#bbf7d0}
.tso-next-action-card{display:grid;gap:4px;padding:10px 12px;border:1px solid #dbe3ea;border-radius:10px;background:#f8fafc}
.tso-next-action-card span,.tso-last-activity span,.tso-accountability-current span{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.tso-next-action-card strong{font-size:.86rem;line-height:1.35;color:#142f46}
.tso-next-action-card.is-overdue{border-color:#fecaca;background:#fef2f2}
.tso-last-activity{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.78rem}.tso-last-activity strong{font-weight:700;color:#475569;text-align:right}
.tso-accountability-panel{border-left:5px solid #00a7a5}.tso-accountability-panel.has-flags{border-left-color:#f59e0b}
.tso-accountability-current{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.tso-accountability-current>div{display:grid;gap:5px;padding:12px;border:1px solid #dbe3ea;border-radius:10px;background:#f8fafc}.tso-accountability-current .tso-accountability-action{grid-column:span 2}.tso-accountability-current strong{line-height:1.35;color:#142f46}
.tso-accountability-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(280px,2fr) auto;gap:12px;align-items:end}.tso-accountability-form label{display:grid;gap:6px;font-weight:700}.tso-accountability-form textarea{min-height:78px}.tso-accountability-form button{min-height:44px}
.tso-followup-board-six{grid-template-columns:repeat(3,minmax(260px,1fr))}
@media(max-width:1100px){.tso-accountability-form{grid-template-columns:1fr 1fr}.tso-accountability-form .tso-accountability-action{grid-column:1/-1}.tso-followup-board-six{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:700px){.tso-accountability-current{grid-template-columns:1fr}.tso-accountability-current .tso-accountability-action{grid-column:auto}.tso-accountability-form,.tso-followup-board-six{grid-template-columns:1fr}.tso-accountability-form .tso-accountability-action{grid-column:auto}}

/* THREESIXOH ACTION CENTER START */
.tso-action-center {
  margin-bottom: 18px;
}

.tso-action-center-head {
  align-items: flex-start;
}

.tso-action-center-head p {
  margin: 4px 0 0;
  font-size: 13px;
  opacity: 0.72;
}

.tso-action-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0;
}

.tso-action-stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-left-width: 4px;
  border-radius: 10px;
  background: rgba(148, 163, 184, 0.07);
  color: inherit;
  text-decoration: none;
  transition:
    transform 120ms ease,
    border-color 120ms ease,
    background 120ms ease;
}

.tso-action-stat:hover {
  transform: translateY(-1px);
  background: rgba(148, 163, 184, 0.12);
}

.tso-action-stat span {
  overflow: hidden;
  font-size: 12px;
  font-weight: 700;
  opacity: 0.76;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tso-action-stat strong {
  font-size: 24px;
  line-height: 1;
}

.tso-action-red {
  border-left-color: #dc2626;
}

.tso-action-blue {
  border-left-color: #2563eb;
}

.tso-action-orange {
  border-left-color: #f59e0b;
}

.tso-action-purple {
  border-left-color: #8b5cf6;
}

.tso-action-teal {
  border-left-color: #0d9488;
}

.tso-action-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.tso-action-column {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 11px;
  background: rgba(148, 163, 184, 0.05);
}

.tso-action-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}

.tso-action-column-head h3 {
  margin: 0;
  font-size: 14px;
}

.tso-action-column-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
  font-size: 12px;
  font-weight: 800;
}

.tso-warning-dot {
  background: #f59e0b;
}

.tso-info-dot {
  background: #0d9488;
}

@media (max-width: 1100px) {
  .tso-action-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .tso-action-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .tso-action-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* THREESIXOH ACTION CENTER END */

/* THREESIXOH PRIORITY FOCUS START */
.tso-priority-focus {
  margin-bottom: 18px;
}

.tso-priority-focus-head {
  align-items: flex-start;
}

.tso-priority-focus-head h2 {
  margin-bottom: 3px;
}

.tso-priority-focus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin-top: 15px;
}

.tso-priority-group {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.05);
}

.tso-priority-group-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}

.tso-priority-group-head h3 {
  margin: 0;
  font-size: 14px;
}

.tso-priority-group-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 27px;
  height: 27px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
  font-size: 12px;
  font-weight: 800;
}

.tso-priority-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 7px;
  padding: 10px 11px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 4px solid rgba(148, 163, 184, 0.5);
  border-radius: 9px;
  background: rgba(148, 163, 184, 0.04);
  color: inherit;
  text-decoration: none;
  transition:
    transform 120ms ease,
    background 120ms ease,
    border-color 120ms ease;
}

.tso-priority-item:hover {
  transform: translateY(-1px);
  background: rgba(148, 163, 184, 0.1);
}

.tso-priority-item > span {
  min-width: 0;
}

.tso-priority-item strong {
  display: block;
  font-size: 13px;
  line-height: 1.25;
}

.tso-priority-item small {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  font-size: 11px;
  opacity: 0.7;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tso-priority-item b {
  flex: 0 0 auto;
  min-width: 30px;
  font-size: 20px;
  line-height: 1;
  text-align: right;
}

.tso-priority-item.is-warning {
  border-left-color: #f59e0b;
  background: rgba(245, 158, 11, 0.07);
}

.tso-priority-item.is-critical {
  border-left-color: #dc2626;
  background: rgba(220, 38, 38, 0.07);
}

@media (max-width: 680px) {
  .tso-priority-focus-grid {
    grid-template-columns: 1fr;
  }

  .tso-priority-item small {
    white-space: normal;
  }
}
/* THREESIXOH PRIORITY FOCUS END */

/* THREESIXOH SALES ACCOUNTABILITY REVIEW START */
.tso-sales-accountability-review {
  margin-bottom: 18px;
}

.tso-sales-review-head {
  align-items: flex-start;
}

.tso-sales-review-head h2 {
  margin-bottom: 3px;
}

.tso-sales-review-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(300px, 2fr);
  gap: 14px;
  margin-top: 15px;
}

.tso-sales-review-column {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.23);
  border-radius: 12px;
  background: rgba(148, 163, 184, 0.05);
}

.tso-sales-review-column-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.tso-sales-review-column-head h3 {
  margin: 0;
  font-size: 14px;
}

.tso-sales-review-column-head small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  opacity: 0.7;
}

.tso-sales-review-column-head > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.16);
  font-size: 12px;
  font-weight: 800;
}

.tso-sales-review-list {
  display: grid;
  gap: 8px;
}

.tso-sales-review-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(125px, 0.65fr);
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 4px solid #f59e0b;
  border-radius: 10px;
  background: rgba(148, 163, 184, 0.04);
  color: inherit;
  text-decoration: none;
  transition:
    transform 120ms ease,
    background 120ms ease,
    border-color 120ms ease;
}

.tso-sales-review-item:hover {
  transform: translateY(-1px);
  border-color: rgba(59, 130, 246, 0.45);
  background: rgba(148, 163, 184, 0.1);
}

.tso-sales-review-item-main,
.tso-sales-review-next {
  min-width: 0;
}

.tso-sales-review-item-main > strong,
.tso-sales-review-next > strong {
  display: block;
  overflow: hidden;
  font-size: 13px;
  line-height: 1.3;
  text-overflow: ellipsis;
}

.tso-sales-review-item-main > small {
  display: block;
  margin-top: 3px;
  font-size: 11px;
  opacity: 0.72;
}

.tso-sales-review-next {
  text-align: right;
}

.tso-sales-review-next > span {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 700;
  opacity: 0.62;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.tso-sales-review-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

.tso-sales-review-flags span {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 2px 7px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.09);
  font-size: 10px;
  font-weight: 800;
}

.tso-sales-review-flags .tone-danger,
.tso-sales-review-flags .tone-critical {
  border-color: rgba(220, 38, 38, 0.35);
  background: rgba(220, 38, 38, 0.1);
}

.tso-sales-review-flags .tone-warning {
  border-color: rgba(245, 158, 11, 0.4);
  background: rgba(245, 158, 11, 0.1);
}

@media (max-width: 950px) {
  .tso-sales-review-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .tso-sales-review-item {
    grid-template-columns: 1fr;
  }

  .tso-sales-review-next {
    text-align: left;
  }
}
/* THREESIXOH SALES ACCOUNTABILITY REVIEW END */

