/* Last Codex task to create or modify this file: Review Jeep dashboard history | Task date made: 2026-11-04 | Task ID: 01a1a78f-6ef9-7f13-aca4-99fd056ffa3d | Change summary: Repair a malformed font-import remnant that hid theme colors; give issue details a solid background and larger, higher-contrast text. */
@import url('/fonts.css');
:root{--bg:#f6f5ef;--ink:#20281e;--muted:#73796d;--line:#e1e3d8;--olive:#4d603b;--accent:#dce5bc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button{color:inherit}a{color:var(--olive)}.shell{display:flex;min-height:100vh}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:#fcfcf8;border-right:1px solid var(--line);padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;font-size:22px;font-weight:800;letter-spacing:1px;cursor:pointer}.brandicon{font-size:35px;line-height:1}.brandicon span{color:#95a66e}.brand div>span{display:block;font-size:8px;letter-spacing:2px;margin-top:5px;font-weight:600}.sidecaption{font-size:10px;letter-spacing:1.6px;color:#909587;margin:53px 13px 15px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:13px;border:0;background:none;padding:13px 14px;text-align:left;border-radius:6px;color:#68705f}nav button.active{background:#e9eddc;color:#3c502a;font-weight:700}nav small{margin-left:auto;background:#d5dfbd;padding:2px 7px;border-radius:4px}.sidebottom{margin-top:auto;padding:35px 12px 0;font-size:10px;letter-spacing:1.2px;color:#6a745c}.dot,.sync i{display:inline-block;width:6px;height:6px;background:#7d9562;border-radius:50%;margin-right:7px}.sidebottom p{font-size:13px;line-height:1.8;letter-spacing:0;color:#858b7e}.sidebottom>span{font-size:8px;color:#a3a99b}main{margin-left:228px;flex:1;min-width:0}header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:11px;color:var(--muted)}header>span:first-of-type{display:flex;gap:12px;align-items:center}header b{font-weight:500;color:var(--ink)}.sync{font-size:10px;max-width:45%}.content{max-width:1500px;margin:auto;padding:36px 42px 20px}.pagetitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:18px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#7f896e}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:38px;line-height:1.1;margin:10px 0}p{line-height:1.65}.pagetitle p{margin:9px 0 0;color:var(--muted);font-size:12px}.primary{background:var(--olive);color:white;border:0;border-radius:5px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;font-size:12px}.hero{background:#293524;color:#eff1dc;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;min-height:270px;padding:28px 35px;position:relative;overflow:hidden;background-image:linear-gradient(105deg,#283324,#35422b)}.heroeyebrow{font-size:9px;letter-spacing:2px;color:#b7c197}.hero h2{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:1px;font-size:77px;line-height:1;margin:15px 0 0;font-weight:800}.hero h2>span{font-size:24px;vertical-align:top;margin-left:12px;color:#a2b184;font-weight:500}.hero p{font-size:12px;color:#bbc5a8;margin:12px 0}.heropills{display:flex;gap:7px;flex-wrap:wrap}.heropills span{border:1px solid #62714e;border-radius:3px;padding:5px 8px;font-size:8px;letter-spacing:.7px}.hero button{border:0;background:none;color:#d3dfb9;padding:0;display:flex;align-items:center;gap:15px;font-size:10px;margin-top:23px}.jeep{display:flex;flex-direction:column;justify-content:center;position:relative}.jeep svg{width:100%;filter:drop-shadow(0 12px 12px #15201055)}.jeep>span{text-align:right;font-size:6px;letter-spacing:1.2px;color:#8d9b79}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 35px}.stats button{background:#fcfcf8;border:1px solid var(--line);border-radius:7px;padding:18px;text-align:left}.stats button>span{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#79806f;gap:6px}.stats strong{display:block;font:600 36px 'Barlow Condensed',sans-serif;margin:10px 0 7px}.stats em{font:12px 'DM Sans',sans-serif;margin-left:7px;color:#919788;font-style:normal}.stats strong.swap{font-size:29px;margin:14px 0 10px}.stats small{font-size:9px;color:#7c8474}.sectionheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.sectionheading h2{font-size:18px;margin:0}.sectionheading h2 span{font-size:10px;background:#e6e9dd;padding:3px 7px;margin-left:7px;border-radius:4px;color:#737c64}.sectionheading p{font-size:11px;color:var(--muted);margin:6px 0 0}.textbutton{border:0;background:none;display:flex;gap:8px;font-size:11px;color:var(--olive)}.toolbar{display:flex;gap:9px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;background:#fff;padding:8px 12px;flex:1;color:#92998a;max-width:420px}.search input{border:0;background:none;outline:none;width:100%;font-size:11px}.toolbar select,.export{border:1px solid var(--line);background:#fcfcf8;border-radius:5px;padding:9px 12px;font-size:10px}.export{margin-left:auto;display:flex;align-items:center;gap:7px}.records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.record{border:1px solid var(--line);border-radius:7px;padding:20px;text-align:left;background:#fff;display:flex;flex-direction:column;min-height:235px;transition:box-shadow .2s,transform .2s}.record:hover{box-shadow:0 6px 20px #27341b12;transform:translateY(-2px)}.recordtop{display:flex;justify-content:space-between;align-items:center;gap:8px}.badge{font-size:8px;letter-spacing:.4px;padding:4px 7px;border-radius:3px;background:#f2e9d4;color:#856637}.badge.confirmed{background:#e8eeda;color:#5b713e}.badge.tentative{background:#e9edf0;color:#657585}.priority{font-size:8px;color:#92988b}.priority.high{color:#aa6b4e}.record h3{font-size:15px;line-height:1.4;display:flex;justify-content:space-between;gap:10px;margin:17px 0 8px}.record h3 svg{flex-shrink:0;color:#9aa18e}.record p{font-size:11px;color:#78806f;margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.recordfoot{margin-top:auto;border-top:1px solid #eff0e9;padding-top:12px;display:flex;justify-content:space-between;gap:7px;font-size:8px;color:#7d8673}.recordfoot i{display:inline-block;border:1px solid #b3bba5;border-radius:50%;height:6px;width:6px;margin-right:5px}.recordfoot i.done{background:#6f8b4d}.bottomcall{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#edefe3;border:1px solid #e1e5d4;padding:22px;border-radius:6px;margin-top:25px}.bottomcall>div{display:flex;align-items:center;gap:17px}.bottomcall h3{font-size:13px;margin:0}.bottomcall p{font-size:10px;margin:5px 0 0;color:#7e8670}.bottomcall button{display:flex;align-items:center;gap:10px;background:#fcfcf7;border:1px solid #dce1ce;padding:10px 12px;border-radius:4px;font-size:10px;white-space:nowrap}footer{margin-top:35px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8d9580;font-size:7px;letter-spacing:.6px}.infobar,.roadbanner{background:#e9eddd;border:1px solid #dce2cd;border-radius:6px;padding:18px;margin-bottom:25px;font-size:12px;line-height:1.7}.roadbanner{display:flex;flex-wrap:wrap;gap:20px;align-items:center}.roadbanner p{width:100%;margin:0;color:#77816a}.empty{padding:50px;text-align:center;color:var(--muted)}.overlay{position:fixed;inset:0;z-index:10;background:#14200fc0;display:flex;justify-content:flex-end;backdrop-filter:blur(3px)}.editor{background:var(--bg);width:620px;max-width:100%;height:100dvh;overflow:auto;padding:28px}.edithead{display:flex;gap:20px;justify-content:space-between;margin-bottom:25px}.edithead h2{font-size:24px;line-height:1.3}.edithead button{background:none;border:0;align-self:flex-start}.editor form{display:grid;gap:18px}.editor label{display:grid;gap:7px;font-size:11px;color:#69725f}.editor input,.editor select,.editor textarea{width:100%;border:1px solid #d7ddcd;background:white;border-radius:5px;padding:11px;color:var(--ink);font-size:13px}.editor textarea{resize:vertical;line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.editfooter{position:sticky;bottom:-28px;background:var(--bg);padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line)}.editfooter span{font-size:10px;color:var(--muted)}.mobilemenu{display:none}
@media(min-width:1500px){.content{padding:40px 55px}.hero{min-height:310px}.hero h2{font-size:92px}}@media(max-width:1150px){.sidebar{width:195px}main{margin-left:195px}.content{padding:26px}.records{grid-template-columns:repeat(2,1fr)}.stats{gap:8px}.stats button{padding:14px}.hero{padding:25px}.hero h2{font-size:66px}header{padding:0 26px}}@media(max-width:760px){.sidebar{display:none;z-index:8;width:235px;box-shadow:5px 0 25px #0003}.sidebar.show{display:flex}main{margin:0}.mobilemenu{display:block;background:none;border:0;padding:0}header{padding:0 18px;height:62px;gap:12px}.sync{font-size:8px;max-width:40%}header>span:first-of-type{font-size:9px;gap:4px}.content{padding:25px 17px}.pagetitle{align-items:flex-start}.pagetitle h1{font-size:31px}.eyebrow{font-size:7px;letter-spacing:1.3px}.primary{padding:11px;font-size:10px}.hero{grid-template-columns:1fr;padding:25px}.hero h2{font-size:72px}.jeep{max-width:450px;margin:-8px 0 -5px}.jeep svg{max-height:180px}.jeep>span{font-size:5px}.stats{grid-template-columns:1fr 1fr;margin-bottom:28px;gap:10px}.records{grid-template-columns:1fr}.stats button{padding:16px}.stats strong{font-size:34px}.stats small{font-size:8px}.toolbar{flex-wrap:wrap}.search{max-width:none;min-width:100%;padding:11px}.toolbar select{flex:1}.record{min-height:215px}.record p{font-size:12px}.record h3{font-size:17px}.recordfoot,.badge,.priority{font-size:10px}.sectionheading h2{font-size:17px}.sectionheading p{font-size:10px}.bottomcall{align-items:flex-start;flex-direction:column}.bottomcall p{font-size:11px}footer{flex-direction:column;font-size:7px;line-height:1.8;gap:8px}.editor{padding:20px}.fields{gap:12px}.editfooter{bottom:-20px}.roadbanner{gap:9px;font-size:11px}.roadbanner span{width:100%}}

.owneractions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.owneractions .sync{max-width:none}.owneractions>a{font-size:11px;white-space:nowrap}.owneractions form{margin:0}.publicdetails{display:grid;grid-template-columns:1fr 1fr;gap:16px}.publicdetails dt{font-size:11px;color:var(--muted)}.publicdetails dd{margin:5px 0 0;line-height:1.5}.recordtext{white-space:pre-wrap;overflow-wrap:anywhere}.editor h3{font-size:14px;margin-top:28px}@media(max-width:760px){.owneractions{gap:8px}.owneractions .sync{display:none}.owneractions>a{font-size:10px}.publicdetails{grid-template-columns:1fr}}

.hero>div:first-child{align-self:center}.jeep .bucketphoto{display:block;width:min(100%,240px);height:auto;max-height:none;object-fit:contain;margin:0 auto;border-radius:6px}.jeep>span{text-align:center;margin-top:10px;font-size:7px;line-height:1.6}@media(max-width:760px){.jeep{margin:24px auto 0;width:100%;max-width:320px}.jeep .bucketphoto{width:min(100%,280px)}.jeep>span{font-size:7px}}

.hero h2>span{display:block;vertical-align:baseline;margin:10px 0 0;font-size:clamp(18px,1.7vw,24px);line-height:1.25;letter-spacing:.5px;white-space:nowrap}

.editor{background:var(--bg,#f6f5ef);color:var(--ink,#20281e);font-size:16px;line-height:1.7;box-shadow:-12px 0 40px #0003}.editor .edithead h2{font-size:28px;line-height:1.3}.editor .eyebrow{font-size:11px;color:#586447}.editor h3{font-size:17px;color:#20281e}.editor .recordtext{font-size:16px;line-height:1.8;color:#20281e}.publicdetails dt{font-size:13px;color:#56614c}.publicdetails dd{font-size:16px;color:#20281e}.editor .editfooter{background:var(--bg,#f6f5ef)}.editor .editfooter span{font-size:13px;color:#56614c}.editor label{font-size:13px;color:#56614c}.editor input,.editor select,.editor textarea{font-size:16px}.editor .primary{font-size:14px;padding:12px 18px}
