:root{color-scheme:light;--ink:#242831;--muted:#66707b;--rust:#e96f2d;--rust-dark:#c6501b;--bg:#f6f4f0;--card:#fff;--stroke:#e3e1dc;--gray:#eef0f1;--green:#167c54;--red:#b7342b;--shadow:0 3px 16px #1f283315;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:var(--gray);border-radius:10px;padding:11px 15px;font-weight:700;color:var(--ink)}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}button.primary{background:var(--rust);color:#fff}button.dark{background:#292e36;color:#fff}button.danger{background:#fbe5e1;color:var(--red)}button.ghost{background:transparent;border:1px solid var(--stroke)}button.small{font-size:13px;padding:7px 10px;border-radius:8px}a{color:var(--rust-dark);text-decoration-thickness:1px;text-underline-offset:3px}.topbar{background:#20242a;color:white;padding:19px max(20px,calc((100vw - 1100px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:4px solid var(--rust)}.brand{display:flex;gap:12px;align-items:center}.brand-icon{display:grid;place-items:center;width:43px;height:43px;background:var(--rust);font-size:35px;line-height:1;border-radius:12px;transform:rotate(-15deg)}h1{margin:0;font-size:25px;letter-spacing:-1px;line-height:1.05}h1 span{color:#ffa56c}header small{color:#c5cad1;font-size:12px;letter-spacing:.02em}.sync-badge{color:#c4cbd1;font-size:12px;border:1px solid #4f545a;border-radius:999px;padding:7px 12px}.shell{max-width:1100px;margin:0 auto;padding:19px}.tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.tabs button{background:#e5e6e6;font-size:13px;white-space:nowrap}.tabs button.active{background:#252b32;color:white;box-shadow:inset 0 -3px var(--rust)}.tab-body[hidden]{display:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin:4px 0 16px;flex-wrap:wrap}.eyebrow{display:block;letter-spacing:.15em;font-size:11px;font-weight:800;color:var(--rust-dark);margin:0 0 7px;text-transform:uppercase}.page-heading h2{margin:0;font-size:26px;letter-spacing:-.7px}.page-heading p{margin:6px 0 0}.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;box-shadow:var(--shadow);padding:20px;margin:12px 0}.card h3{margin:0 0 12px;font-size:17px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}.section-title h3{margin:0}.muted{color:var(--muted);font-size:13px}.smalltext{font-size:12px}.row{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{background:var(--card);padding:19px 18px;border-radius:14px;border:1px solid var(--stroke);box-shadow:var(--shadow)}.metric strong{font-size:31px;display:block;font-weight:800;letter-spacing:-1px}.metric span{color:var(--muted);font-size:12px;font-weight:650}.metric.accent{background:#262b32;color:white;border-color:#262b32}.metric.accent span{color:#b8bfc8}.stat-orange{color:#ff9955}.grid-vehicle{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px}.vehicle-card{padding:18px;border:1px solid var(--stroke);border-radius:14px;background:#fff;cursor:pointer;transition:transform .15s,box-shadow .15s;min-width:0}.vehicle-card:hover{box-shadow:0 5px 20px #1f283322;transform:translateY(-2px)}.vehicle-card h3{margin:8px 0 5px}.vehicle-top{display:flex;align-items:center;justify-content:space-between}.vehicle-icon{font-size:27px;background:#fef1e8;padding:7px 10px;border-radius:10px}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:8px;background:#f1f2f3;padding:5px 9px;color:#3b444d;font-size:12px;font-weight:700}.chip.orange{background:#fff0e5;color:#9c4012}.chip.green{background:#e5f5ec;color:#166c48}.chip.red{background:#ffe7e3;color:#a22d24}.chip.gold{background:#fff4d5;color:#815c11}.list-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #ebe9e6;padding:13px 0}.list-row:last-child{border:0}.list-row h4{margin:0 0 4px;font-size:15px}.list-row p{margin:4px 0}.list-row .controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.empty{padding:28px 18px;text-align:center;border:1px dashed #cdd0d1;border-radius:12px;color:#626e78;background:#faf9f7}.empty strong{display:block;color:#232930;margin-bottom:7px}.pill{font-size:11px;font-weight:700;background:#eef0f0;color:#4a5865;border-radius:100px;padding:4px 9px}.field{margin:13px 0}.field>label,fieldset>legend{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input:not([type=checkbox]),.field select,.field textarea{display:block;width:100%;border:1px solid #cfd2d2;border-radius:10px;background:white;color:var(--ink);padding:12px;min-height:45px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--rust);box-shadow:0 0 0 3px #ed773129}.field textarea{min-height:112px;resize:vertical}.field .hint{margin:4px 0 0;color:var(--muted);font-size:12px}.tip{border-left:4px solid var(--rust);background:#fff3eb;padding:12px 14px;border-radius:7px;margin:12px 0;font-size:13px;line-height:1.5}.tip.warn{background:#fff8e9;border-left-color:#dfa92a}.tip.good{background:#eaf8f0;border-left-color:#2b9161}.seg{display:flex;gap:7px;flex-wrap:wrap}.seg button.active{background:#282e37;color:#fff}.spacer{height:12px}hr{border:0;border-top:1px solid var(--stroke);margin:22px 0}.schedule-row{border-bottom:1px solid #ededeb;padding:15px 0}.schedule-row:last-child{border:0}.schedule-main{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.schedule-main h4{margin:0 0 5px}.schedule-row p{margin:6px 0}.schedule-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px}.schedule-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.status-due{color:#ad3028}.status-soon{color:#ad6a13}.status-ok{color:#17754f}.status-unknown{color:#6a7580}.searchbar{max-width:430px}.searchbar input{width:100%;border-radius:10px;padding:12px;border:1px solid #cfd2d2}.check-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:7px;margin:12px 0}.check-list label{display:flex;align-items:flex-start;gap:9px;padding:9px;background:#f7f7f5;border:1px solid #eee;border-radius:9px;font-weight:500;font-size:13px}.check-list input{margin-top:2px;flex-shrink:0}.work-box{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}details{border:1px solid var(--stroke);border-radius:11px;padding:12px 14px;margin:12px 0;background:#fbfaf8}summary{cursor:pointer;font-weight:700;font-size:13px}#flash:not(:empty){padding:11px 14px;border-radius:10px;background:#eaf8f0;border:1px solid #b5dfc4;color:#166c48;margin-bottom:10px}#flash.error{background:#fff0ed;border-color:#efbeb6;color:#a93229}footer{text-align:center;color:#9aa0a5;font-size:10px;letter-spacing:.13em;padding:35px 0 14px}footer span{color:var(--rust)}.hidden{display:none!important}@media(max-width:650px){.shell{padding:11px}.topbar{padding:15px 13px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tabs button{padding:11px 7px;font-size:12px}.card{padding:15px;border-radius:12px}.cols{grid-template-columns:1fr;gap:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.metric{padding:13px 10px}.metric strong{font-size:24px}.metric span{font-size:10px}.page-heading h2{font-size:23px}.list-row,.schedule-main{flex-direction:column;gap:9px}.list-row .controls,.schedule-actions{justify-content:flex-start}.vehicle-card{padding:15px}}@media print{.topbar,.tabs,button,footer,.no-print,#flash{display:none!important}.tab-body[hidden]{display:none}.tab-body:not([hidden]){display:block}.shell{padding:0}.card{box-shadow:none;break-inside:avoid}body{background:white}}

/* v1.2 — quieter cards, vehicle-first navigation, chronological work records */
:root{--bg:#f5f5f3;--stroke:#e0e2e3;--shadow:0 2px 12px rgba(31,40,51,.05)}
.shell{max-width:1050px}
.topbar{border-bottom-width:3px}
.tabs{gap:5px;background:#e9ebe9;border:1px solid #dee0de;border-radius:13px;padding:5px}
.tabs button{background:transparent;font-size:13px;font-weight:650;border-radius:9px;flex:1}
.tabs button.active{box-shadow:0 2px 5px #151b221a;background:#292e35;color:white}
.card{box-shadow:var(--shadow)}
.vehicle-button{appearance:none;text-align:left;display:block;width:100%;height:100%;font-weight:inherit;color:inherit}
.vehicle-button:hover,.vehicle-button:focus-visible{border-color:#d5a98e;outline:none;box-shadow:0 5px 19px rgba(39,45,51,.11)}
.vehicle-button h3{font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.vehicle-button p{margin:5px 0 14px}
.vehicle-bottom{border-top:1px solid #ececea;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:12px;color:var(--muted)}
.vehicle-bottom strong{color:#a94c1a;font-size:12px}
.garage-add-area{padding:16px 4px 6px;margin-top:28px;border-top:1px solid var(--stroke)}
.garage-add-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.garage-add-heading h3{font-size:18px;margin:0 0 5px}
.garage-add-heading p{margin:0}
.garage-form-card{margin-top:16px;max-width:800px}
.vehicle-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:linear-gradient(120deg,#fff,#fff9f3)}
.vehicle-detail-head .eyebrow{margin-bottom:8px}
.odometer-large{display:block;font-size:30px;line-height:1.2;letter-spacing:-.6px;color:#30353b}
.vehicle-detail-head .muted{margin-bottom:0;max-width:570px;overflow-wrap:anywhere}
.vehicle-work-list{display:flex;flex-direction:column}
.work-item{display:grid;grid-template-columns:minmax(138px,190px) minmax(0,1fr) auto;align-items:start;gap:12px;border-top:1px solid #edecea;padding:17px 0}
.work-item:first-child{border-top:0}
.work-item h4{margin:2px 0 7px;font-size:15px;line-height:1.4}
.work-date{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.work-date time{font-size:13px;font-weight:750;color:#3f454b}
.work-date .chip{background:#f1f2f1}
.work-content{min-width:0}
.work-content p{margin:5px 0 0;color:#59626d}
@media(max-width:650px){.tabs{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px;gap:3px}.tabs button{min-width:0;padding:10px 5px;font-size:11.5px}.work-item{grid-template-columns:minmax(0,1fr) auto;gap:9px}.work-date{grid-column:1/-1;flex-direction:row;align-items:center;gap:8px}.vehicle-detail-head .row{width:100%}.vehicle-detail-head .row button{flex:1}.odometer-large{font-size:27px}.garage-add-heading .primary{width:100%}.page-heading button{flex-shrink:0}}

/* v1.3 — large mobile-native search, per-vehicle icons, PDF-ready history */
.emoji-hint{margin:4px 0 10px}
.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin:10px 0 12px}
.emoji-choice{background:#f8f8f7;border:1.5px solid var(--stroke);padding:9px 4px;min-height:67px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border-radius:11px}
.emoji-choice span{font-size:28px;line-height:1.1}.emoji-choice small{font-size:10px;font-weight:600;color:var(--muted)}
.emoji-choice.chosen{background:#fff1e7;border-color:var(--rust);box-shadow:0 0 0 2px #e96f2d25}.emoji-choice:focus-visible{outline:3px solid #e96f2d99;outline-offset:2px}
.emoji-custom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:9px 0}.emoji-custom label{font-size:12px;font-weight:700;color:var(--muted)}
.emoji-custom input{width:200px;max-width:100%;border:1px solid #cfd2d2;border-radius:9px;padding:10px;font-size:16px;min-height:45px}
.emoji-custom #emojiPreview{display:grid;place-items:center;font-size:27px;background:#fff0e6;border-radius:10px;width:48px;height:48px}
.history-search{margin:12px 0 18px}.history-search label{display:block;font-weight:750;font-size:13px;margin-bottom:7px}
.history-search-line{display:flex;align-items:center;gap:7px;max-width:100%;position:relative}
.history-search-line input{flex:1;min-width:0;min-height:50px;border:1px solid #c4c9ce;border-radius:11px;background:#fff;color:var(--ink);padding:12px 12px 12px 38px;font-size:16px;outline:none;appearance:auto;-webkit-appearance:none;touch-action:manipulation;pointer-events:auto;user-select:text;-webkit-user-select:text}
.history-search-line input:focus{border-color:var(--rust);box-shadow:0 0 0 3px #e96f2d21}
.history-search-line .search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:22px;pointer-events:none;color:#76808a}
.search-clear{min-height:48px}.print-button{background:#f9ebdf;color:#8b441f}
#printReport{display:none}
@media(max-width:650px){.emoji-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.emoji-choice{min-height:65px}.emoji-custom input{flex:1;min-width:0}.history-search-line input{font-size:16px}.vehicle-detail-head .print-button{flex-basis:100%}}
@media print{
 @page{size:auto;margin:15mm 12mm}
 body{background:white!important;color:#16191e!important;font-family:Arial,Helvetica,sans-serif}
 body > header,body > main{display:none!important}
 #printReport{display:block!important;position:static!important;margin:0!important;padding:0!important;color:#191b1e!important;font-size:10.5pt}
 .report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:3px solid #c7652b;padding:0 0 16px}
 .report-overline{color:#7f4729;font-size:8.5pt;letter-spacing:.16em;font-weight:bold;margin:0 0 8px}
 .report-head h1{font-size:22pt;color:#20242a;margin:0 0 7px;line-height:1.25;letter-spacing:0}
 .report-head p{margin:0;color:#5c6770}.report-mark{font-size:13pt;font-weight:900;white-space:nowrap;color:#252a30;letter-spacing:-1px}.report-mark span{color:#be642f}
 .report-summary{display:flex;gap:0;border:1px solid #d7d7d7;border-radius:7px;margin:20px 0 10px}
 .report-summary div{flex:1;padding:12px 14px;border-right:1px solid #dedede}.report-summary div:last-child{border-right:0}
 .report-summary small{display:block;font-size:9pt;color:#606971;margin-bottom:5px}.report-summary strong{font-size:11.5pt;color:#20242a}
 .report-id{font-size:9pt;color:#666;margin:10px 0 18px;overflow-wrap:anywhere}
 #printReport h2{font-size:14pt;margin:21px 0 10px;border-bottom:1px solid #ddd;padding-bottom:7px}
 .report-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:9.5pt}
 .report-table th{background:#efefef;text-align:left;border-bottom:2px solid #aaa;padding:9px 8px;font-size:9pt}
 .report-table th:first-child{width:18%}.report-table th:nth-child(2){width:22%}.report-table th:nth-child(3){width:60%}
 .report-table td{border-bottom:1px solid #dedede;vertical-align:top;padding:10px 8px;word-wrap:break-word;overflow-wrap:anywhere}
 .report-table tr{break-inside:avoid;page-break-inside:avoid}
 .report-notes{margin-top:6px;white-space:pre-wrap;color:#50565c;line-height:1.45}
 .report-footer{font-size:8.5pt;color:#777;margin-top:22px;border-top:1px solid #ddd;padding-top:10px}
 .report-empty{padding:20px 0;color:#666}
}

/* v1.3.1 — iOS standalone login focus/keyboard resilience */
.account-grid.sign-in-first .account-card{order:-1}
#garageLoginForm input{font-size:16px!important;touch-action:auto;-webkit-user-select:text;user-select:text;-webkit-appearance:none;appearance:none}
#garageLoginForm input:focus{outline:2px solid #bc632d;outline-offset:1px}
.keyboard-help{background:#fffefa;margin-top:16px}
.keyboard-help p{margin-bottom:0}

/* v1.4 — Community beta. Personal garage remains unchanged. */
.beta-marker{font-size:9px;letter-spacing:.04em;border:1px solid #d7793b;color:#aa4c1c;padding:2px 4px;border-radius:4px;font-weight:800}
.tabs button.active .beta-marker{border-color:#ffa977;color:#ffa977}
.community-share{background:#fff0e4;color:#934310}
.work-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end}
.community-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:7px 0 17px;flex-wrap:wrap}
.community-top h2{font-size:27px;letter-spacing:-.6px;margin:0}
.community-top p{margin:5px 0 0}
.community-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:6px 0 10px;font-size:13px;color:#59636e}
.community-identity strong{color:#28313a}
.community-search{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.community-search .field{flex:1 1 280px;margin:0}
.community-search .field input{min-height:49px;font-size:16px;appearance:none;-webkit-appearance:none}
.community-search button{min-height:49px}
#communityKindFilter{border:1px solid #d2d5d4;border-radius:9px;padding:8px;background:#fff;min-height:39px}
.community-feed-tabs{margin:15px 0;border-bottom:1px solid var(--stroke);display:flex;gap:8px}
.community-feed-tabs button{background:transparent;border-radius:0;color:#64717c;padding:11px 9px;border-bottom:3px solid transparent}
.community-feed-tabs button.selected{border-color:var(--rust);color:#232831}
.community-post-card{border-bottom:1px solid #e7e8e8;padding:21px 0 20px}
.community-post-card:last-child{border-bottom:0}
.community-card-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:#7a8189}
.community-post-card h3{font-size:18px;line-height:1.38;margin:10px 0 8px}
.community-title-button{font-size:inherit;font-weight:750;background:transparent;border:0;padding:0;color:#222c35;text-align:left;line-height:inherit}
.community-title-button:hover{text-decoration:underline;text-decoration-color:var(--rust)}
.community-card-summary{color:#47515c;font-size:14px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 12px}
.community-meta-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.community-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.community-follow-manage{margin:18px 0;background:#fff}
.community-follow-form{margin:15px 0}
.community-follow-inputs,.community-vehicle-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#followJobFields[hidden],#followVehicleFields[hidden]{display:none!important}
.community-follow-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.follow-chip{background:#f9ebde;color:#693913;display:inline-flex;align-items:center;gap:7px;border-radius:9px;font-size:12px;padding:5px 7px 5px 10px;max-width:100%;overflow-wrap:anywhere}
.follow-x{padding:2px 7px;background:#f8d5bd;border-radius:5px;font-size:18px;line-height:1.2}
.community-narrow{max-width:780px}
.community-consent{display:flex;align-items:flex-start;gap:9px;border:1px solid #efcaad;background:#fff7f0;padding:13px;border-radius:11px;line-height:1.5;margin:17px 0;font-size:13px}
.community-consent input{margin-top:3px;flex-shrink:0;width:18px;height:18px}
.community-back{margin:9px 0}
.community-thread h3{font-size:24px;letter-spacing:-.4px;margin:15px 0 9px;line-height:1.25}
.community-thread-body{margin:18px 0 16px;font-size:15px;line-height:1.7}
.community-thread-actions{margin-top:18px;padding-top:14px;border-top:1px solid #eee}
.community-media{width:100%;max-width:760px;max-height:420px;object-fit:contain;border:1px solid #dedcda;border-radius:12px;background:#f3f3f3;display:block;margin:12px 0}
.community-reply{border-bottom:1px solid #e6e8e7;padding:16px 0}
.community-reply:last-of-type{border-bottom:0}
.community-reply-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px;font-size:14px}
.community-reply .row{justify-content:flex-end;margin-top:8px}
.community-footer-note{color:#818991;font-size:12px;line-height:1.6;padding:10px 4px}
#garageSignupForm input{font-size:16px!important;touch-action:auto;-webkit-user-select:text;user-select:text}
@media(max-width:650px){
 .community-top{gap:9px}
 .community-top .row{width:100%}
 .community-top .row button{flex:1}
 .community-post-card h3{font-size:17px}
 .community-search button{flex:1}
 .community-follow-inputs,.community-vehicle-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .community-vehicle-fields .field:last-child{grid-column:1/-1}
 .work-actions{justify-content:flex-start}
 .community-thread h3{font-size:21px}
 .community-media{max-height:290px}
}
@media print{.community-footer-note{display:none}}

@media(max-width:650px){#tabs button:last-child:nth-child(7){grid-column:1/-1}}

/* v1.5 Community follow controls and person discovery */
.community-card-follow{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.community-card-follow .follow-action{font-size:11px;padding:7px 9px}
.community-member-search{border-top:1px solid var(--stroke);margin-top:18px;padding-top:13px}
.community-member-search h3{margin:3px 0 6px;font-size:15px}
.member-result{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #e8e7e4;padding:11px 0}
.member-result:last-child{border-bottom:none}
.member-avatar{font-size:22px}
.member-result .follow-action{margin-left:auto}
.community-follow-manage .hint{font-size:12px;color:var(--muted);margin:7px 0}
.community-follow-list{border-top:1px solid var(--stroke);padding-top:14px}
.community-thread-actions{display:flex;flex-wrap:wrap}
@media(max-width:650px){.account-grid{display:flex;flex-direction:column;gap:0}.account-grid .account-card,.account-grid .backup-card{width:100%}.member-result .follow-action{margin-left:0}}


/* v1.6 — community member profiles, live lookup and threaded comment replies */
.community-name-link{background:transparent;padding:0;border-radius:0;color:var(--rust-dark);font-size:inherit;font-weight:750;text-align:left;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#d4b09b;overflow-wrap:anywhere}
.community-name-link:hover{text-decoration-color:currentColor}
.community-identity .community-name-link{vertical-align:baseline}
.member-result-info{display:flex;flex-direction:column;gap:3px;flex:1 1 150px;min-width:0}
.member-result-info .muted{font-size:11px}
.community-profile-card{background:linear-gradient(130deg,#fff,#fff9f3)}
.community-profile-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.community-large-avatar{display:grid;place-items:center;flex:none;font-size:39px;background:#f9e9db;border-radius:18px;width:78px;height:78px}
.community-profile-main h2{font-size:25px;margin:0 0 4px;overflow-wrap:anywhere}
.community-profile-main p{margin:0}
.community-profile-bio{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--stroke);border-radius:12px}
.community-profile-actions{border-top:1px solid var(--stroke);padding-top:15px;margin-top:20px}
.community-reply-list{display:flex;flex-direction:column;gap:0;margin:12px 0 18px}
.community-reply-list .community-reply{margin-left:calc(var(--reply-depth,0) * 19px);padding:13px 13px 13px 15px;border:0;border-left:3px solid #e3b89c;border-bottom:1px solid #eceae8;background:linear-gradient(95deg,#fffbf7,#fff);border-radius:0 10px 10px 0;min-width:0}
.community-reply-list .community-reply:nth-child(even){background:#fbfaf8}
.reply-parent-note{display:block;font-size:12px;color:#6f7780;margin-bottom:9px}
.reply-to-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 13px;background:#fff0e5;border:1px solid #eac1a3;border-radius:10px;margin-bottom:10px;font-size:13px}
.reply-to-bar[hidden]{display:none!important}
.community-reply .reply-actions{justify-content:flex-start;gap:6px}
.community-reply-author{overflow-wrap:anywhere}
@media(max-width:650px){.community-reply-list .community-reply{margin-left:calc(var(--reply-depth,0) * 11px);padding:12px 9px 12px 11px}.community-large-avatar{width:61px;height:61px;font-size:31px}.community-profile-main h2{font-size:21px}.community-reply .reply-actions .follow-action{font-size:11px;padding:6px 9px}}

/* v1.7 — discreet notification bell; no extra main navigation tab */
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.gl-bell{position:relative;background:#343a42;color:white;border:1px solid #61666d;min-width:46px;height:43px;padding:7px 11px;border-radius:12px;font-size:22px;display:grid;place-items:center;flex:none}
.gl-bell:focus-visible{outline:3px solid #f4a66e;outline-offset:2px}
.gl-bell-count{position:absolute;top:-7px;right:-7px;background:#f28643;color:#26190f;min-width:20px;height:20px;border-radius:99px;padding:1px 5px;border:2px solid #20242a;font-size:11px;line-height:16px;font-weight:900;display:grid;place-items:center}
.gl-bell[hidden],.gl-bell-count[hidden],.gl-notification-panel[hidden],.gl-mention-results[hidden]{display:none!important}
.gl-notification-panel{margin:-7px 0 19px}
.gl-notifications-card{padding:18px 19px;background:linear-gradient(115deg,#fff,#fffaf7);border-color:#e7c6b1}
.gl-notifications-card .section-title{align-items:flex-start}
.gl-notifications-card h3{margin:3px 0 4px;font-size:20px}
.gl-notifications-card .section-title .row{justify-content:flex-end}
.gl-notify-help{margin:6px 0 9px;line-height:1.55}
.gl-notice-list{max-height:530px;overflow:auto;border-top:1px solid #e8e8e6}
.gl-notice{display:flex;gap:9px;text-align:left;width:100%;align-items:flex-start;background:#fff;border:0;border-bottom:1px solid #ecedea;border-radius:0;padding:14px 11px;font-weight:400;font-size:13px;line-height:1.45}
.gl-notice:hover,.gl-notice:focus-visible{background:#fff4ea}
.gl-notice.gl-unread{background:#fff3e9}
.gl-notice-dot{width:12px;color:#d76626;flex:none}
.gl-notice-content{flex:1;min-width:0}
.gl-notice-content strong{font-weight:800}
.gl-notice-title{display:block;color:#2d3540;font-size:13px;margin:4px 0;font-weight:750}
.gl-notice-preview{display:block;font-size:12px;color:#5d6670;overflow-wrap:anywhere}
.gl-notice small{display:block;color:#8a8f94;margin-top:5px;font-size:11px}
.gl-notification-target{box-shadow:inset 0 0 0 2px #d66d34!important;background:#fff1e6!important;transition:background .2s}

/* v1.7 — @member autocomplete in posts and comments */
.gl-mention-box{position:relative;min-width:0}
.gl-mention-results{position:relative;z-index:3;background:#fff;border:1px solid #d5c5b8;border-radius:11px;box-shadow:0 9px 20px #292e3414;max-height:230px;overflow-y:auto;margin:5px 0 0;padding:5px}
.gl-mention-results .muted{margin:9px}
.gl-mention-choice{display:flex;align-items:center;width:100%;background:transparent;border-radius:7px;padding:10px;gap:11px;text-align:left;font-size:13px}
.gl-mention-choice:hover,.gl-mention-choice:focus-visible{background:#fdf0e5}
.gl-mention-choice span{font-size:21px}.gl-mention-choice strong{flex:1;min-width:0;overflow-wrap:anywhere}
.gl-mention-choice small{font-size:11px;color:var(--muted);font-weight:500}
.gl-mention-link{display:inline;background:#fff0e3;border-radius:5px;border:1px solid #ecc3a3;color:#a34c19;padding:0 4px;font-weight:800;font-size:inherit;vertical-align:baseline;line-height:inherit}
.gl-mention-link:hover{text-decoration:underline}

/* v1.7 — separate follow categories in feed and manage section */
.gl-follow-feed-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 11px}
.gl-follow-feed-tabs button{background:#f1f0ed;border:1px solid #e2dfda;border-radius:20px;font-size:12px;padding:8px 12px}
.gl-follow-feed-tabs button.selected{background:#322e2d;border-color:#322e2d;color:#fff}
.gl-follow-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 5px}
.gl-follow-group{background:#fbfaf8;border:1px solid #e8e2dd;border-radius:12px;padding:12px;min-width:0}
.gl-follow-group-head{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-bottom:10px;border-bottom:1px solid #e6e3df;font-size:13px}
.gl-follow-group .community-follow-list{border-top:0;padding-top:7px;margin-top:0;display:flex;flex-direction:column;align-items:flex-start}
.gl-follow-group .follow-chip{max-width:100%;flex-wrap:wrap}
.gl-follow-group .muted{font-size:12px;margin:5px 0}
@media(max-width:750px){.gl-follow-groups{grid-template-columns:1fr}.gl-follow-group .community-follow-list{flex-direction:row}}
@media(max-width:650px){.topbar{flex-wrap:wrap}.top-actions{margin-left:auto;gap:7px}.top-actions .sync-badge{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-notifications-card{padding:14px}.gl-notifications-card .section-title .row{justify-content:flex-start}.gl-notice{padding:13px 7px}.gl-mention-choice{padding:12px 9px;min-height:43px}}
@media print{.gl-notification-panel{display:none!important}}

/* v1.8 — personal vehicle photos and attachments stay private */
.garage-photo-host{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:#f8eee7;color:#8c4e2d;border:1px solid #ead8c9;flex:none}
.garage-photo-tile{width:64px;height:55px;border-radius:11px}
.garage-photo-fallback{font-size:29px;line-height:1}
.garage-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.garage-photo-detail{width:175px;height:120px;border-radius:12px}
.garage-detail-vehicle-photo{flex:none}
.garage-detail-vehicle-photo .garage-photo-fallback{font-size:45px}
.garage-media-details{margin:16px 0;background:#fcfaf8;border:1px solid #e8dfd9;border-radius:13px;padding:14px 16px}
.garage-media-details summary{font-size:14px;color:#333b42;min-height:28px}
.garage-media-details .hint{font-size:12px;color:#66707b;line-height:1.55}
.garage-form-photo,.garage-current-avatar{margin:12px 0}
.garage-checkbox{display:flex;align-items:center;gap:9px;margin:12px 0;font-size:13px;font-weight:600}
.garage-selected-photo{display:flex;gap:12px;align-items:center;margin-top:8px}
.garage-photo-selected{max-height:130px;max-width:min(100%,220px);object-fit:cover;border-radius:10px;border:1px solid #ddd}
.garage-existing-files{padding:9px 0;margin-top:6px;border-top:1px solid #e9e4df}
.garage-existing-file{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;flex-wrap:wrap;border-bottom:1px solid #ede8e4}
.garage-existing-file label{font-size:12px;display:inline-flex;align-items:center;gap:5px}
.garage-existing-file button{overflow-wrap:anywhere;max-width:100%;text-align:left}
.garage-file-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:9px 0 3px}
.garage-file-btn{text-align:left;overflow-wrap:anywhere;max-width:100%;font-weight:650}
.garage-file-btn small{font-size:10px;color:#72808c;font-weight:500;white-space:nowrap}

/* Public profile photos, always next to public display names */
.community-name-with-avatar{display:inline-flex;align-items:center;gap:5px;max-width:100%;vertical-align:middle;line-height:1.3}
.community-avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;vertical-align:middle;background:#fae9db;border:1px solid #ebd8c8;border-radius:50%}
.community-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.community-avatar-small{width:27px;height:27px;font-size:17px}
.community-avatar-big{width:82px;height:82px;font-size:39px;border-radius:20px}
.community-name-link{vertical-align:middle;overflow-wrap:anywhere;min-width:0}
.community-reply-author .community-name-with-avatar,.community-card-bottom .community-name-with-avatar{font-weight:700}
.community-profile-card .community-avatar-big{flex:none}
.member-result .member-result-info{flex:1;min-width:0}
@media(max-width:650px){.garage-photo-detail{width:110px;height:86px}.garage-photo-tile{width:57px;height:52px}.community-avatar-big{width:65px;height:65px;font-size:33px}.community-avatar-small{width:25px;height:25px}.garage-media-details{padding:12px}.community-name-with-avatar{gap:4px}}
@media print{.garage-file-list,.garage-media-details{display:none!important}}


/* GARAGE LOG / THE SERVICE BOOK — DESIGN SYSTEM 02
   A contemporary workshop ledger, not a generic dashboard. */
:root{
 color-scheme:light;
 --bg:#ecefe9;--ink:#162a2b;--muted:#66736e;--rust:#ce603c;--rust-dark:#a8492d;
 --card:#fdfcf7;--stroke:#cbd2cc;--gray:#e1e8e1;--green:#316b51;--red:#b33d32;
 --shadow:none;--s-ink:#152628;--s-secondary:#253839;--s-cream:#f8f6ec;--s-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
 --s-heading:"Arial Narrow","Liberation Sans Narrow","Aptos Narrow",Arial,sans-serif;
 font-family:"Helvetica Neue",Arial,system-ui,sans-serif;
 background:var(--bg);color:var(--ink);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.servicebook-app{background:var(--bg);color:var(--ink);margin:0;min-width:320px}
button,input,textarea,select{font-family:inherit}
button{transition:background .14s,border-color .14s,transform .14s,box-shadow .14s;box-shadow:none}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e9a47c;outline-offset:3px}
button:hover{filter:none}
button.primary{background:var(--rust);border:1px solid var(--rust);border-radius:2px;color:#fff;letter-spacing:.015em;min-height:44px;padding:12px 18px;font-size:13px}
button.primary:hover{background:#b74c2a;border-color:#b74c2a}
button.ghost{background:transparent;color:var(--ink);border:1px solid var(--stroke);border-radius:2px}
button.ghost:hover{background:#e7ece4;border-color:#aebeb4}
button.small{border-radius:2px;min-height:36px;padding:8px 11px;font-size:12px;font-weight:700}
button.danger{border-radius:2px}
a{color:var(--rust-dark)}
.layout-root{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh;align-items:stretch}
.workshop-sidebar{background:var(--s-ink);color:#f3f4eb;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-height:680px;overflow:auto;z-index:10;border-right:1px solid #415352}
.brand-lockup{background:transparent!important;display:flex;align-items:center;gap:12px;border:0!important;border-radius:0;padding:32px 18px 25px;text-align:left;color:#fff!important;min-height:110px;width:100%}
.brand-lockup:hover{background:#233536!important}
.brand-symbol{width:56px;height:57px;background:var(--rust);color:#f7f2e5;display:grid;place-items:center;flex:none;position:relative;clip-path:polygon(0 0,86% 0,100% 14%,100% 100%,14% 100%,0 86%);font-family:var(--s-heading)}
.brand-symbol b{font-size:25px;letter-spacing:-2px;font-weight:900;transform:translateY(-1px)}.brand-symbol b span{font-size:14px;color:#f9ceb1;margin:0 1px}.brand-symbol i{position:absolute;width:20px;border-top:2px solid #f4b795;bottom:8px;right:9px}
.brand-words{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.brand-words strong{font-family:var(--s-heading);font-stretch:condensed;font-size:23px;line-height:1;letter-spacing:-1.2px}.brand-words strong span{font-weight:300;color:#ebb090}.brand-words small{margin-top:6px;font-family:var(--s-mono);letter-spacing:.09em;font-size:8.5px;color:#c3d0c9}
.sidebar-edition{border-top:1px solid #385051;border-bottom:1px solid #385051;margin:0 17px 32px;padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:4px;font-family:var(--s-mono);font-size:9px;letter-spacing:.02em;color:#c8d2c9}.sidebar-edition b{color:#e58c68;font-weight:600}
.sidebar-nav-label{margin:0 22px 13px;font-family:var(--s-mono);font-size:10px;letter-spacing:.15em;color:#8daca5}.sidebar-nav-label span{padding-left:4px;color:#da7653}
#tabs.tabs{display:flex;flex-direction:column;gap:2px;padding:0 13px;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
#tabs.tabs button{width:100%;display:flex;align-items:center;text-align:left;gap:13px;min-height:49px;padding:9px 12px;border:1px solid transparent;border-left:3px solid transparent;background:transparent;color:#b6c9c4;font-size:13px;font-weight:620;border-radius:0;box-shadow:none;flex:none;letter-spacing:0}
#tabs.tabs button .gl-icon{width:19px;height:19px;flex:none;opacity:.87}#tabs.tabs button span{flex:1}#tabs.tabs button small{font-family:var(--s-mono);font-size:9px;color:#78918d}
#tabs.tabs button[data-tab="community"] small{color:#ea9976}
#tabs.tabs button:hover{background:#263b3b;color:#fff}#tabs.tabs button.active{background:#304342;border-left-color:var(--rust);color:#fff}#tabs.tabs button.active .gl-icon{color:#ffae7e}#tabs.tabs button.active small{color:#e9a17e}
.sidebar-bottom{margin:auto 17px 0;display:flex;align-items:center;gap:13px;padding:24px 3px 15px;border-top:1px solid #3c5150;min-width:0}.sidebar-bottom-mark{border-radius:100%;width:33px;height:33px;border:1px solid #637a75;display:grid;place-items:center;color:#a6be7b;font-size:17px}.sidebar-bottom strong{display:block;font-family:var(--s-mono);font-size:9px;letter-spacing:.14em;color:#bccdc7;margin-bottom:6px}.sidebar-bottom .sync-badge{border:0;padding:0;font-family:var(--s-mono);font-size:10px;line-height:1.35;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bdd9c7!important;background:none}
.sidebar-fineprint{font-family:var(--s-mono);font-size:8.5px;letter-spacing:.075em;line-height:1.6;margin:0 20px 24px;color:#78918c}
.workspace{min-width:0;display:flex;flex-direction:column}.topbar{background:var(--s-cream);color:var(--ink);padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:nowrap;height:81px;min-height:81px;border:0;border-bottom:1px solid #d7ddd4;position:relative;z-index:4;box-shadow:none}
.desktop-top-heading{display:flex;flex-direction:column;gap:6px;min-width:0}.desktop-top-heading .top-label{font-family:var(--s-mono);font-size:11px;letter-spacing:.09em;font-weight:800}.desktop-top-heading .label-separator{color:var(--rust);margin:0 7px}.desktop-top-heading small{font-family:var(--s-mono);font-size:9px;color:#71837c;letter-spacing:.055em}
.top-actions{display:flex;align-items:center;gap:14px;flex-wrap:nowrap;min-width:0}.top-issue{font-family:var(--s-mono);font-size:9px;letter-spacing:.08em;color:#82908b;white-space:nowrap}.top-issue b{color:var(--rust-dark)}
.topbar .gl-bell{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;background:transparent;color:var(--ink);border:1px solid #d3d9d1;border-radius:2px;display:grid;place-items:center;box-shadow:none}.topbar .gl-bell:hover{background:#e8ece5}.gl-bell .gl-icon{width:20px;height:20px}.topbar .gl-bell-count{background:var(--rust);color:white;border-color:var(--s-cream);font-family:var(--s-mono)}
.top-account{display:flex;align-items:center;gap:8px;background:#e7ede5;padding:12px 14px;border-radius:2px;border:1px solid #ced8cf;color:#344b44;font-family:var(--s-mono);font-weight:700;font-size:10px;letter-spacing:.065em;min-height:44px}.top-account:hover{background:#dae5dc}.top-account .gl-icon{width:17px;height:17px}
.mobile-brand{display:none}.shell{width:min(1280px,100%);max-width:none;margin:0 auto;padding:0 42px 26px;flex:1;min-width:0}.workspace-topline{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #cbd2c7;padding:19px 0 14px;font-family:var(--s-mono);font-size:9px;letter-spacing:.11em;color:#697f73}.workshop-label{color:#a64e36;font-weight:700}
#flash:not(:empty){margin:18px 0 0;padding:12px 15px;border-radius:2px;border:1px solid #a8c8ac;background:#e0eddd;color:#2f6948;font-size:13px}#flash.error{background:#f9e5dc;border-color:#e4b5a1;color:#963b2c}
.tab-body{padding-top:28px;min-height:270px}.tab-body[hidden]{display:none!important}
.servicebook-footer{margin-top:50px;padding:25px 0 7px;border-top:1px solid #c9d2c9;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:var(--s-mono);font-size:9px;letter-spacing:.11em;color:#88988c}.servicebook-footer b{color:var(--rust)}
.mobile-dock,.mobile-more-panel,.mobile-more-backdrop{display:none}.gl-icon{width:20px;height:20px;display:inline-block;vertical-align:middle}
/* Type, section rhythm, and utility labels */
h1,h2,h3,h4{color:var(--ink)}.page-heading{margin:0 0 28px;align-items:flex-end;gap:20px;padding-bottom:20px;border-bottom:1px solid #c9d3c9;min-height:90px}.page-heading h2{font-family:var(--s-heading);font-weight:900;font-size:clamp(35px,4vw,56px);line-height:1;letter-spacing:-2px;margin:0;color:var(--ink);text-transform:uppercase}.page-heading .muted{font-size:13px;line-height:1.55;max-width:670px;margin-top:12px}.heading-action{flex:none}.eyebrow,.section-index{display:block;font-family:var(--s-mono);font-size:10px;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#a94e34;margin:0 0 11px}
.workshop-section{margin:40px 0 51px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:21px;padding-bottom:17px;border-bottom:1px solid #bdc9be}.section-head h2{font-family:var(--s-heading);font-size:clamp(27px,3vw,39px);line-height:1;font-weight:900;letter-spacing:-1.4px;text-transform:uppercase;margin:0}.section-head h2 sup{font-family:var(--s-mono);font-size:13px;letter-spacing:0;color:#a35b44;vertical-align:top;margin-left:8px}.section-index{margin-bottom:8px}.section-link{border:0;background:none;padding:9px 0 4px;font-family:var(--s-mono);font-size:11px;font-weight:800;color:var(--rust-dark);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.section-link span{font-size:17px;margin-left:5px}.section-link:hover{text-decoration:underline}
.muted{color:var(--muted)}.smalltext{font-size:12px}.chip{font-family:var(--s-mono);font-size:10px;letter-spacing:.015em;font-weight:650;border-radius:2px;background:#e6ece5;border:1px solid #d8e2d8;color:#37504a;padding:6px 9px}.chip.orange{background:#f8e4d9;color:#99492f;border-color:#f0c9b5}.chip.green{background:#e3eee4}.chip.red{background:#f7e0dd}.chip.gold{background:#f5edcf}
.card{background:var(--card);border:1px solid #d6dcd2;border-radius:2px;padding:24px;margin:15px 0;box-shadow:none}.card h3{font-family:var(--s-heading);font-size:21px;letter-spacing:-.35px;font-weight:800}.section-title{padding-bottom:12px;border-bottom:1px solid #dce2d9;margin-bottom:11px}.section-title h3{margin:0}.empty{border-radius:2px;border:1px dashed #bac5bb;background:#f5f7f0;padding:33px;color:#586b5e}.empty strong{font-family:var(--s-heading);font-size:23px;letter-spacing:-.3px;color:var(--ink)}
details{background:#f5f7f0;border-radius:2px;border:1px solid #d4ded2;padding:14px 16px;margin:15px 0}summary{color:#2b4640;min-height:24px;font-size:13px}
.field{margin:15px 0}.field>label{font-family:var(--s-mono);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:800;color:#4c5e56;margin:0 0 8px}.field input:not([type=checkbox]),.field select,.field textarea,.searchbar input,.history-search-line input{border:1px solid #c6d1c4;background:#fffef9;border-radius:2px;box-shadow:none;color:var(--ink);font-size:16px;min-height:46px}.field input:focus,.field textarea:focus,.field select:focus,.history-search-line input:focus,.searchbar input:focus{border-color:var(--rust);box-shadow:0 0 0 3px #d2633f1c;outline:0}.field textarea{min-height:135px;line-height:1.55}.tip{border-radius:2px;background:#f8ebdd;border-left:3px solid var(--rust)}.tip.warn{background:#f7ecda}.tip.good{background:#e5efe5;border-left-color:#598765}.list-row{border-color:#dfe5dc}.list-row h4{font-family:var(--s-heading);font-size:19px}
/* Overview hero: service ledger meets instrument panel */
.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.77fr);background:var(--s-ink);color:#f5f5e9;min-height:355px;overflow:hidden;position:relative;border:1px solid #243c3d}
.dashboard-hero:before{content:"";position:absolute;inset:0;opacity:.24;background:repeating-linear-gradient(115deg,transparent 0,transparent 18px,#4c6963 19px,transparent 20px);pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,#000 67%,transparent 100%)}
.hero-copy{position:relative;padding:45px 43px 42px;z-index:1}.hero-copy .eyebrow{color:#eba783;font-size:10px;letter-spacing:.14em}.hero-copy .eyebrow b{color:#e5ebdd;padding:0 4px;font-weight:400}.hero-rule{width:42px;height:3px;background:var(--rust);margin:22px 0 16px}.hero-copy h2{color:#f6f6e9;font-family:var(--s-heading);font-size:clamp(56px,5.5vw,88px);line-height:.99;letter-spacing:-2.5px;font-weight:900;margin:0;text-transform:uppercase}.hero-copy h2 em{color:#df8260;font-style:normal}.hero-copy p{font-size:14px;color:#c4d0ca;line-height:1.65;max-width:440px;margin:20px 0 25px}.hero-cta{gap:13px}.hero-cta button.primary{background:var(--rust);color:#fff;padding:12px 18px}.hero-cta button.primary span{margin-left:10px}.hero-secondary{background:none;color:#e8eee4;border:0;border-bottom:1px solid #9eaca6;border-radius:0;padding:12px 2px;font-size:12px;font-weight:750}.hero-secondary:hover{color:#fff;border-color:#fff}
.hero-instrument{border-left:1px solid #3d5453;background:radial-gradient(circle at 75% 10%,#304b4a 0%,#1b3132 45%,#152728 100%);padding:31px 29px 22px;position:relative;display:flex;flex-direction:column;min-width:0}.instrument-id{display:flex;justify-content:space-between;gap:5px;font-family:var(--s-mono);font-size:9px;letter-spacing:.08em;color:#b7c9bf}.instrument-id span{color:#e58b69}.instrument-main{display:flex;align-items:flex-end;gap:17px;margin:20px 0 24px}.instrument-main strong{font-family:var(--s-heading);font-size:clamp(104px,11.2vw,166px);line-height:.78;letter-spacing:-9px;color:#f2f1e2;font-weight:900}.instrument-main span{font-family:var(--s-mono);font-size:10px;line-height:1.5;letter-spacing:.12em;color:#bed0c4;padding-bottom:10px}.instrument-rule{height:4px;background:linear-gradient(90deg,var(--rust) 0 40%,#647e71 40% 54%,#385451 54% 100%);margin-top:auto}.instrument-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}.instrument-grid>div{display:flex;flex-direction:column;gap:4px;border-right:1px solid #3a5250}.instrument-grid>div:last-child{border:0;padding-left:13px}.instrument-grid small{color:#91a7a0;font-family:var(--s-mono);font-size:9px;letter-spacing:.05em}.instrument-grid strong{font-family:var(--s-heading);font-size:35px;color:#ebefde;line-height:1.1}.instrument-footer{color:#78988d;font-family:var(--s-mono);font-size:8px;letter-spacing:.1em;margin-top:22px}
/* Vehicle index: image-first plates rather than repeated white widgets */
.grid-vehicle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.vehicle-card.vehicle-button{background:#fdfcf7;border:1px solid #cbd5cb;border-radius:2px;overflow:hidden;display:flex;flex-direction:column;padding:0;min-width:0;min-height:305px;box-shadow:0 3px 0 #cbd3c8;transform:none;transition:border-color .18s,box-shadow .18s,transform .18s}
.vehicle-card.vehicle-button:hover,.vehicle-card.vehicle-button:focus-visible{transform:translateY(-2px);border-color:#a9664e;box-shadow:0 5px 0 #d4ab95;outline:none}
.vehicle-art{height:160px;background:repeating-linear-gradient(90deg,#dfe6dc 0,#dfe6dc 1px,transparent 1px,transparent 42px),linear-gradient(120deg,#e6eae0,#cfdacb);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.vehicle-art::after{content:"";height:2px;background:#aec0b1;position:absolute;bottom:25px;left:22px;right:22px;opacity:.65}.vehicle-art .garage-photo-host{display:block;width:100%;height:100%;border:0;border-radius:0;background:none}.vehicle-art .garage-photo-host .garage-photo-fallback{display:grid;place-items:center;height:100%;width:100%;font-size:77px;filter:grayscale(.15)}.vehicle-art .vehicle-icon{width:100%;height:100%;display:grid;place-items:center;background:none;border:0;border-radius:0;padding:0;font-size:77px;position:relative;z-index:1;filter:grayscale(.18)}.vehicle-art .garage-photo-img{width:100%;height:100%;object-fit:cover}.vehicle-art .unit-number{position:absolute;top:14px;left:16px;background:var(--s-ink);color:#e7f0e1;padding:7px 10px;font-family:var(--s-mono);font-size:9px;letter-spacing:.05em;z-index:3}.vehicle-art-lines{position:absolute;right:0;bottom:0;width:62px;height:20px;background:repeating-linear-gradient(135deg,var(--rust) 0,var(--rust) 5px,#f8e3d4 5px,#f8e3d4 10px);opacity:.78;z-index:3}
.vehicle-card-main{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px 20px 15px}.vehicle-kicker{font-family:var(--s-mono);font-size:10px;letter-spacing:.08em;color:#af583c}.vehicle-kicker b{color:#95a9a1}.vehicle-card-title{font-family:var(--s-heading);font-weight:900;font-size:28px;letter-spacing:-.8px;line-height:1.1;color:var(--ink);text-transform:uppercase}.vehicle-card-subtitle{font-size:12px;color:#65766e;line-height:1.45}
.vehicle-bottom{margin:auto 20px 0;padding:12px 0 15px;border-top:1px solid #dbe2d8;display:grid;grid-template-columns:1.2fr .7fr 24px;gap:9px;align-items:center;width:calc(100% - 40px);min-width:0}.vehicle-bottom>span{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.vehicle-bottom small{font-family:var(--s-mono);font-size:8px;white-space:nowrap;letter-spacing:.07em;color:#87968c}.vehicle-bottom strong{color:#213d38;font-family:var(--s-mono);font-size:12px;font-weight:800;overflow-wrap:anywhere}.vehicle-bottom .vehicle-arrow{font-size:27px;display:block;color:var(--rust-dark);line-height:1.0;align-self:center;text-align:right}
.garage-add-area{background:#f1f5ed;border:1px dashed #a9b9aa;margin-top:27px;padding:19px 21px}.garage-add-heading h3{font-family:var(--s-heading);text-transform:uppercase;font-size:23px;letter-spacing:-.4px}.garage-add-heading p{font-size:12px}.garage-form-card{max-width:100%;border-top:3px solid var(--rust);margin:18px 0 2px;background:var(--card)}.garage-form-card h3{font-size:25px}.emoji-choice{border-radius:2px!important}.emoji-choice.chosen{border-color:var(--rust);background:#fff0e7}.emoji-custom input{border-radius:2px}
/* Vehicle cover, service-history page with left margin numbers and rules */
.file-back{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 19px}.file-back span{font-family:var(--s-mono);font-size:10px;letter-spacing:.065em;color:#7d9084}.file-back button{border-radius:2px}
.service-cover{background:var(--s-ink);color:#f5f5ea;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(235px,.8fr);min-height:325px;overflow:hidden;border:1px solid #183537}.cover-copy{padding:35px 37px 34px;position:relative;z-index:2;display:flex;flex-direction:column}.cover-label{font-family:var(--s-mono);font-size:10px;color:#dbaa8e;letter-spacing:.08em}.cover-label b{margin-left:12px}.cover-copy h2{font-family:var(--s-heading);font-weight:900;font-size:clamp(37px,4.2vw,63px);color:#fff8e9;letter-spacing:-1.4px;line-height:1.02;text-transform:uppercase;margin:21px 0 10px;overflow-wrap:anywhere}.cover-copy>p{font-size:13px;color:#adcbc0;margin:0 0 23px}.cover-stats{display:flex;gap:31px;margin:4px 0 23px;flex-wrap:wrap}.cover-stats>div{display:flex;flex-direction:column;gap:7px}.cover-stats small{font-family:var(--s-mono);font-size:9px;color:#8baba0;letter-spacing:.12em}.cover-stats strong{font-family:var(--s-mono);font-size:19px;color:#f3f4e6}.cover-buttons{gap:9px;margin-top:auto}.cover-buttons .ghost{color:#f0f2e6;border-color:#7a8f84;background:#263b3c}.cover-buttons .ghost:hover{background:#365152}.cover-buttons button{min-height:42px}.cover-image{min-height:280px;background:linear-gradient(150deg,#80948b,#2c4847);position:relative;overflow:hidden;border-left:1px solid #34504e;display:grid;place-items:center}.cover-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#122829a8,transparent 35%)}.cover-image .garage-photo-host{width:100%;height:100%;border:0;border-radius:0;background:transparent}.cover-image .garage-photo-img{height:100%;width:100%;object-fit:cover}.cover-image .garage-photo-fallback{display:grid;place-items:center;height:100%;font-size:112px;opacity:.85}.cover-image .garage-detail-photo{font-size:112px;background:none;padding:0;border-radius:0}.cover-image-caption{position:absolute;bottom:18px;left:20px;color:#e6eee2;z-index:2;font-family:var(--s-mono);font-size:9px;letter-spacing:.15em}.cover-specs{display:flex;gap:20px;flex-wrap:wrap;background:#dce6d9;border:1px solid #c7d6c5;padding:12px 17px;font-family:var(--s-mono);font-size:10px;color:#51685e}.cover-specs span{display:flex;gap:9px;flex-wrap:wrap}.cover-specs b{color:#213b33}
.record-paper{background:#fdfcf8;border:1px solid #d1dbd0;padding:5px 30px}.service-record{display:grid;grid-template-columns:36px minmax(105px,156px) minmax(0,1fr);gap:18px;padding:23px 0;border-bottom:1px solid #dde3d8;position:relative}.service-record:last-child{border-bottom:none}.service-rail{display:flex;flex-direction:column;align-items:center;gap:14px;position:relative}.service-rail:after{content:"";position:absolute;top:31px;bottom:-28px;left:50%;border-left:1px solid #cad5c9;z-index:0}.service-record:last-child .service-rail:after{display:none}.service-seq{font-family:var(--s-mono);font-size:10px;color:#b55c3e;letter-spacing:.035em}.service-point{position:relative;z-index:1;width:9px;height:9px;border:2px solid var(--rust);background:#fdfcf8;border-radius:50%}.service-date{display:flex;flex-direction:column;gap:9px;padding-top:3px}.service-date time{font-size:13px;font-weight:750}.service-odometer{font-family:var(--s-mono);font-size:11px;color:#65796c}.service-description{min-width:0}.service-description h4{font-family:var(--s-heading);font-weight:900;font-size:21px;text-transform:uppercase;letter-spacing:-.2px;margin:0 0 10px}.service-description .work-box{font-size:13px;line-height:1.65;color:#53655b}.service-actions{margin-top:14px;display:flex;gap:6px;flex-wrap:wrap}.service-actions .community-share{border:1px solid #efcdbb;border-radius:2px}.service-order{font-family:var(--s-mono);font-size:9px;color:#6c8173;letter-spacing:.09em}.service-order b{color:var(--rust-dark);margin-left:7px;font-size:17px}
/* Recent log / combined history */
.recent-board{border-top:2px solid var(--s-ink);background:#f8f9f2}.recent-line{display:grid;grid-template-columns:36px minmax(0,1fr) 155px 33px;align-items:center;gap:13px;padding:16px 16px;border-bottom:1px solid #cdd9cb}.recent-index{font-family:var(--s-mono);color:#bc674d;font-size:11px}.recent-description{display:flex;flex-direction:column;gap:5px;min-width:0}.recent-description strong{font-family:var(--s-heading);font-size:19px;line-height:1.2}.recent-description small{color:#687a6d;font-size:12px}.recent-when{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-family:var(--s-mono);font-size:10px}.recent-when strong{color:#315448;font-size:11px}.recent-line>button{background:none;padding:6px;font-size:22px;color:var(--rust-dark)}
#history>.card{padding:18px 24px}.history-search{max-width:680px}.history-search label{font-family:var(--s-mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.history-search-line{max-width:100%}.history-search-line .search-clear{background:#dce7db}.history-entry{display:grid;grid-template-columns:39px minmax(0,1fr) minmax(100px,174px);gap:17px;padding:22px 0;border-top:1px solid #d9e2d7;align-items:start}.history-entry-index{color:#b8684a;font-family:var(--s-mono);font-size:11px;padding-top:3px}.history-entry-meta{display:flex;gap:10px;flex-wrap:wrap;font-family:var(--s-mono);font-size:10px;color:#76887b;text-transform:uppercase;line-height:1.5}.history-entry-meta span{color:#ad5238;font-weight:800}.history-entry-main{min-width:0}.history-entry-main h4{font-family:var(--s-heading);font-size:22px;text-transform:uppercase;letter-spacing:-.4px;margin:10px 0 7px}.history-entry-main .work-box{font-size:13px;line-height:1.65;color:#5b6c61;margin:0}.history-entry-aside{display:flex;align-items:flex-end;flex-direction:column;gap:16px}.history-entry-aside>strong{font-family:var(--s-mono);font-size:12px;white-space:nowrap;color:#375c4b}.history-entry-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
/* Forms, schedules, public community — same language but distinct layouts */
#new>.card{max-width:790px!important;border-top:3px solid var(--rust);padding:28px}#new>.card form>.row{border-top:1px solid #dce4d8;margin-top:20px;padding-top:19px}#new .garage-media-details{background:#eff3e9;border:1px solid #cbd9c6}.garage-file-btn{border:1px solid #d6e0d2;background:#eef4eb;border-radius:2px}.garage-selected-photo,.garage-photo-selected{border-radius:2px!important}.garage-media-details{border-radius:2px}.schedule-row{border-color:#dce4d9}.schedule-row h4{font-family:var(--s-heading);font-size:21px}.account-card{border-top:3px solid var(--rust)}.account-grid .card{margin-top:0}.account-card h3,.backup-card h3{font-size:25px}.account-card .tip.good{background:#e4eee4}
.community-top{position:relative;padding:10px 0 25px;border-bottom:2px solid var(--s-ink);margin-bottom:15px;align-items:flex-end}.community-top .eyebrow{color:#a64d33}.community-top h2{font-family:var(--s-heading);font-size:clamp(38px,5vw,62px);font-weight:900;text-transform:uppercase;line-height:1;letter-spacing:-2px}.community-top h2 .chip{vertical-align:middle;letter-spacing:.09em;font-size:9px;margin-left:7px}.community-top p{font-size:13px;max-width:465px;line-height:1.5;margin-top:11px}.community-top .row{gap:7px}.community-identity{padding:10px 0 16px;border-bottom:1px solid #d6dfd5;color:#61776a}.community-identity .community-avatar{border-radius:2px}.community-identity .community-name-link{font-size:13px}
#community>.card{background:var(--card);border:1px solid #d2dcd1;padding:22px 25px}.community-search{background:#ecf1e8;padding:13px;border:1px solid #d0ddce}.community-search .field{min-width:0}.community-search input{background:#fdfcf8}.community-feed-tabs{margin:19px 0 0;gap:0;border-bottom:1px solid #becfbd}.community-feed-tabs button{padding:14px 18px;font-family:var(--s-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.community-feed-tabs button.selected{border-color:var(--rust);color:var(--rust-dark);font-weight:900}.community-results{display:block}.community-post-card{display:grid;grid-template-columns:58px minmax(0,1fr);gap:15px;border-bottom:1px solid #d5dfd3;padding:28px 0 22px;min-width:0}.community-post-card:last-child{border-bottom:0}.community-post-code{font-family:var(--s-heading);font-weight:900;font-size:39px;line-height:1;color:#c45b3d;display:flex;flex-direction:column;gap:8px;text-align:left}.community-post-code small{font-family:var(--s-mono);font-weight:600;letter-spacing:.06em;font-size:8px;color:#92a297;line-height:1.5}.community-post-content{min-width:0}.community-card-meta{font-family:var(--s-mono);font-size:10px;letter-spacing:.03em;color:#77887a}.community-post-type{font-weight:900;color:#a65336;letter-spacing:.10em}.community-post-card h3{font-family:var(--s-heading);font-size:25px;line-height:1.2;margin:12px 0 10px;font-weight:850;letter-spacing:-.3px}.community-title-button{font-weight:850;color:var(--ink);font-family:inherit}.community-title-button:hover{color:var(--rust-dark)}.community-card-summary{color:#5c6c60;font-size:13px;line-height:1.65;max-width:720px}.community-meta-tags{margin:14px 0}.community-card-bottom{border-top:1px solid #e3e8df;padding-top:11px;margin-top:15px}.community-card-bottom .community-name-with-avatar{gap:8px}.community-card-bottom .community-avatar{width:25px;height:25px}.community-card-follow{gap:7px;margin-top:12px}.community-card-follow .follow-action{border-radius:2px;font-size:11px}.community-follow-manage{border-radius:2px;margin-top:23px;background:#eef3e9;border-color:#ced9c9}.community-follow-manage summary{font-family:var(--s-mono);font-size:11px;letter-spacing:.045em;text-transform:uppercase}.gl-follow-group{background:#fbfcf7;border-radius:2px;border-color:#d2dfd0}.gl-follow-group-head{font-family:var(--s-mono);font-size:11px}.community-vehicle-fields,.community-follow-inputs{gap:11px}.community-profile-card{border-top:3px solid var(--rust)!important}.community-profile-main h2{font-family:var(--s-heading);font-size:37px}.community-thread{border-top:3px solid var(--rust)!important}.community-thread h3{font-family:var(--s-heading);font-size:clamp(26px,3vw,37px)}.community-reply-list .community-reply{border-left:2px solid #bf7657;background:#f3f6ef;border-radius:0}.community-reply-list .community-reply:nth-child(even){background:#f0f4eb}.community-reply-author,.reply-parent-note{font-size:12px}.gl-notification-panel{margin:18px 0}.gl-notifications-card{background:#fdfcf7;border-top:3px solid var(--rust)}.gl-notice{border-radius:0}.gl-mention-results{border-radius:2px}.gl-mention-choice{border-radius:2px}.gl-follow-feed-tabs button{border-radius:2px;background:#eaf0e6}.gl-follow-feed-tabs button.selected{background:var(--s-ink);color:#fff}
/* Comfortable touch targets / reduced motion */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:1100px){.layout-root{grid-template-columns:218px minmax(0,1fr)}.brand-lockup{padding:25px 11px;gap:9px}.brand-symbol{width:47px;height:51px}.brand-words strong{font-size:21px}.sidebar-edition{font-size:8px}.topbar{padding:0 26px}.shell{padding:0 26px 25px}.dashboard-hero{grid-template-columns:minmax(0,1.4fr) minmax(220px,.75fr)}.hero-copy{padding:38px 28px}.hero-instrument{padding:26px 18px}.instrument-main strong{font-size:118px;letter-spacing:-7px}.instrument-main{gap:11px}.instrument-main span{font-size:9px}}
@media(max-width:800px){.layout-root{display:block}.workshop-sidebar{display:none}.workspace{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:7px;border:0;background:none;padding:0;color:var(--ink);font-size:19px;font-weight:950;font-family:var(--s-heading);letter-spacing:-1.05px}.mobile-brand>span:last-child>span{color:var(--rust)}.mobile-brand-mark{display:grid;place-items:center;width:38px;height:38px;clip-path:polygon(0 0,83% 0,100% 17%,100% 100%,17% 100%,0 83%);background:var(--rust);color:#fefaf2;font-size:15px;letter-spacing:-1.5px;font-weight:850}.desktop-top-heading{display:none}.topbar{height:61px;min-height:61px;padding:0 20px;background:var(--s-cream);box-shadow:0 1px 0 #d4ddd3}.top-issue{display:none}.top-account{width:43px;height:43px;padding:0;display:grid;place-items:center}.top-account span{display:none}.topbar .gl-bell{width:43px;min-width:43px;height:43px}.shell{padding:0 22px 108px}.workspace-topline{padding:12px 0;font-size:8px}.tab-body{padding-top:20px}.mobile-dock{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:60;left:0;right:0;bottom:0;min-height:68px;padding:7px 10px calc(8px + env(safe-area-inset-bottom,0px));gap:3px;background:#132627;border-top:2px solid #3b514c;box-shadow:0 -6px 28px #0a1a1b1b}.mobile-dock button{border:0;border-top:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:51px;color:#aec3b7;font-size:10px;font-weight:700;padding:4px 0;border-radius:0}.mobile-dock button .gl-icon{width:21px;height:21px}.mobile-dock button span{white-space:nowrap}.mobile-dock button.active{color:#fcf5ea;border-top-color:var(--rust);background:#233b3a}.mobile-dock button[data-mobile-tab="new"]{background:#d26844;color:#fff;border-top-color:#f4ac8d;transform:translateY(-5px);min-height:55px;border-radius:2px}.mobile-dock button[data-mobile-tab="new"].active{background:#a8472c}.mobile-more-backdrop:not([hidden]){display:block;position:fixed;z-index:61;inset:0;background:#0b1919aa}.mobile-more-panel:not([hidden]){display:block;position:fixed;z-index:62;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:13px;right:13px;background:#fafaf4;border:1px solid #cbd5c8;padding:12px;box-shadow:0 15px 40px #0b191965}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d2dcd1;margin:1px 4px 8px;padding:5px 1px 11px;font-family:var(--s-mono);font-size:10px;letter-spacing:.05em;color:#4d6658}.mobile-more-header button{min-height:32px;font-size:25px;line-height:1;background:transparent;padding:1px 9px}.mobile-more-panel>button{width:100%;background:transparent;border-radius:0;border-bottom:1px solid #e0e7de;text-align:left;display:flex;gap:13px;align-items:center;padding:16px 13px;font-size:14px}.mobile-more-panel>button .gl-icon{color:var(--rust-dark)}.mobile-more-panel>button:hover{background:#eaf1e9}.mobile-more-panel[hidden],.mobile-more-backdrop[hidden]{display:none!important}.servicebook-footer{display:none}.dashboard-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.hero-copy h2{font-size:clamp(51px,8vw,73px)}.hero-instrument{padding:25px 16px}.instrument-main{display:block}.instrument-main strong{display:block;font-size:112px}.instrument-main span{display:block;font-size:9px;margin-top:15px}.instrument-grid strong{font-size:28px}}
@media(max-width:610px){.shell{padding:0 14px 116px}.topbar{padding:0 14px}.mobile-brand{font-size:18px}.top-actions{gap:7px}.workspace-topline{font-size:7.5px;letter-spacing:.055em}.topline-right{max-width:48%;text-align:right}.tab-body{padding-top:18px}.page-heading{margin-bottom:17px;gap:12px;min-height:0;align-items:flex-start;padding-bottom:16px}.page-heading h2{font-size:37px;letter-spacing:-1.3px}.page-heading .eyebrow{font-size:9px;margin-bottom:8px}.page-heading .muted{margin-top:8px;font-size:12px}.heading-action{width:100%}.heading-action button{max-width:100%}.card{margin:11px 0;padding:16px}.card h3{font-size:19px}.dashboard-hero{grid-template-columns:1fr;min-height:auto}.dashboard-hero:before{mask-image:none;opacity:.05}.hero-copy{padding:27px 22px 28px}.hero-copy .eyebrow{font-size:8.5px}.hero-rule{margin:14px 0 10px}.hero-copy h2{font-size:clamp(47px,13vw,64px);letter-spacing:-1.8px}.hero-copy p{font-size:12.5px;margin:17px 0 20px;line-height:1.55}.hero-cta{gap:10px}.hero-cta button{font-size:11.5px}.hero-instrument{padding:16px 21px 17px;min-height:0;border-left:0;border-top:1px solid #3a5452;display:grid;grid-template-columns:100px 1fr;column-gap:12px;align-items:center}.instrument-id{grid-column:1/-1;margin-bottom:11px;font-size:8px}.instrument-main{margin:0;display:flex;align-items:flex-end;gap:7px}.instrument-main strong{font-size:62px;letter-spacing:-4px;line-height:.9}.instrument-main span{font-size:8px;letter-spacing:.04em;margin:0;padding:0 0 5px}.instrument-rule{display:none}.instrument-grid{margin:0;gap:9px}.instrument-grid>div{gap:6px}.instrument-grid>div:last-child{padding-left:8px}.instrument-grid small{font-size:7px}.instrument-grid strong{font-size:24px}.instrument-footer{grid-column:1/-1;margin-top:12px;font-size:7px}.workshop-section{margin:31px 0 39px}.section-head{margin-bottom:13px;padding-bottom:12px}.section-head h2{font-size:29px}.section-index{font-size:8.5px;margin-bottom:7px}.section-link{font-size:9px}.grid-vehicle{grid-template-columns:1fr;gap:14px}.vehicle-card.vehicle-button{min-height:0}.vehicle-art{height:145px}.vehicle-card-main{padding:14px 17px 12px}.vehicle-card-title{font-size:25px}.vehicle-bottom{padding:11px 0 12px;width:calc(100% - 34px);margin:0 17px}.vehicle-art .garage-photo-fallback,.vehicle-art .vehicle-icon{font-size:71px}.recent-line{grid-template-columns:24px minmax(0,1fr) 26px;gap:9px;padding:15px 10px}.recent-description strong{font-size:17px}.recent-description small{font-size:11px}.recent-when{grid-column:2/-1;grid-row:2;align-items:flex-start;flex-direction:row;gap:11px;font-size:9px}.recent-line>button{grid-column:3;grid-row:1;font-size:20px}.recent-index{font-size:10px}.file-back{margin-bottom:10px}.file-back span{font-size:8px;text-align:right}.service-cover{grid-template-columns:1fr}.cover-copy{padding:24px 22px 25px}.cover-copy h2{font-size:39px;letter-spacing:-.8px;margin:13px 0 8px}.cover-copy>p{font-size:11px;margin-bottom:15px}.cover-stats{gap:18px;margin:0 0 19px}.cover-stats strong{font-size:15px}.cover-buttons{flex-wrap:wrap;gap:7px}.cover-buttons button{font-size:11px;padding:10px 12px}.cover-image{min-height:120px;height:155px;border-left:0;border-top:1px solid #48605b}.cover-image .garage-photo-fallback,.cover-image .garage-detail-photo{font-size:85px}.cover-image-caption{font-size:8px;bottom:10px;left:14px}.cover-specs{padding:9px 11px;font-size:9px}.record-paper{padding:0 13px}.service-record{grid-template-columns:23px minmax(0,1fr);gap:7px 11px;padding:19px 0}.service-rail{grid-row:1/3;grid-column:1}.service-date{grid-column:2;grid-row:1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px}.service-date time{font-size:11px}.service-odometer{font-size:10px}.service-description{grid-column:2;grid-row:2}.service-description h4{font-size:18px;margin:2px 0 6px}.service-description .work-box{font-size:12px}.service-actions .small{min-height:34px}.service-seq{font-size:9px}.service-rail:after{top:25px;bottom:-23px}.history-entry{grid-template-columns:22px minmax(0,1fr);gap:7px 9px;padding:19px 0}.history-entry-index{font-size:9px}.history-entry-meta{font-size:9px}.history-entry-main h4{font-size:20px;margin:7px 0}.history-entry-aside{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.history-entry-aside>strong{font-size:10px}.history-entry-actions button{font-size:11px}.history-search-line input{font-size:16px}.community-top{padding:4px 0 17px;align-items:flex-start}.community-top h2{font-size:37px;letter-spacing:-.9px}.community-top .row{width:100%}.community-top .row button{font-size:11px;min-height:41px}.community-top p{font-size:12px}.community-post-card{grid-template-columns:31px minmax(0,1fr);gap:9px;padding:23px 0}.community-post-code{font-size:30px}.community-post-code small{font-size:6px;line-height:1.4;letter-spacing:0}.community-post-card h3{font-size:20px;margin:9px 0}.community-card-meta{font-size:9px}.community-card-summary{font-size:12px;line-height:1.55}.community-card-bottom{align-items:flex-start}.community-card-bottom .row{gap:5px}.community-card-follow .follow-action{font-size:10px;padding:6px}.community-feed-tabs button{font-size:10px;padding:11px 12px}#community>.card{padding:15px}.community-search{padding:8px}.community-search .field{flex-basis:100%}.community-search button{flex:1;min-height:42px}.gl-follow-groups{gap:8px}.community-vehicle-fields,.community-follow-inputs{grid-template-columns:1fr}.gl-notice{padding:11px 6px}.gl-notifications-card{padding:12px}.gl-notifications-card h3{font-size:20px}#new>.card{padding:17px!important}.garage-form-card{padding:18px}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(69px,1fr))}.field input:not([type=checkbox]),.field select,.field textarea{font-size:16px}.cols{grid-template-columns:1fr}.account-grid{grid-template-columns:1fr}.mobile-dock button{font-size:9px}.mobile-dock button span{letter-spacing:0}}
@media print{.workshop-sidebar,.topbar,.mobile-dock,.mobile-more-panel,.mobile-more-backdrop,.workspace-topline,.servicebook-footer,.gl-notification-panel{display:none!important}.layout-root,.workspace{display:block!important}.shell{padding:0!important}.tab-body{display:none!important}#printReport{display:block!important}#printReport .report-head h1{color:#18282b!important}.servicebook-app{background:#fff!important}}


/* GARAGE LOG / SERVICE BOOK — DESIGN EDITION 2.1 */
/* A photo is a vehicle hero, not a badge: ensure card photo has its own rendering layer. */
.vehicle-art > .garage-photo-host{position:absolute!important;inset:0;display:block!important;width:100%!important;height:100%!important;z-index:1;isolation:isolate}
.vehicle-art > .garage-photo-host .garage-photo-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:1;z-index:2}
.vehicle-art > .garage-photo-host .garage-photo-fallback{position:absolute;inset:0;display:grid;place-items:center}
.vehicle-art .unit-number,.vehicle-art .vehicle-art-lines{z-index:3}
/* Full-service account icon uses a recognizable head-and-shoulders silhouette. */
.top-account:hover,.top-account:focus-visible{border-color:var(--rust);background:#f4e5d7}
/* New/never-opened posts surface prominently without interrupting reading. */
.community-post-card.garage-post-fresh{position:relative;border-left:3px solid #c56746;background:linear-gradient(94deg,#fff0e4 0,#fafbf5 31%,transparent 100%);padding-left:15px;padding-right:12px;box-shadow:inset 0 1px 0 #edc4ac}
.garage-new-marker{display:inline-block;font-family:var(--s-mono,monospace);color:#9b472c;font-weight:900;font-size:10px;letter-spacing:.075em;background:#ffe8d5;border:1px solid #edc3a9;padding:4px 6px;margin-left:11px}
/* No dropdown to start a discussion: deliberate three-way choice. */
.community-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.gl-inbox-button{position:relative;min-height:43px;border:1px solid #b2c6b6;background:#f8fcf5;color:#203f38;padding:10px 13px;font-size:12px;font-weight:800;border-radius:2px;white-space:nowrap}
.gl-inbox-button:hover,.gl-inbox-button:focus-visible{background:#e8efe7;border-color:#639582}
.gl-dm-unread:not([hidden]){display:inline-grid;place-items:center;background:#bd512f;color:white;border-radius:999px;min-width:21px;height:21px;padding:0 5px;font-size:10px;margin-left:5px}
.garage-post-create:not([hidden]){margin:12px 0 18px;border:1px solid #bccbb8;background:#eef2e9;padding:14px 15px}
.gl-create-intro{font-family:var(--s-mono,monospace);letter-spacing:.08em;font-size:10px;color:#536b60;margin:0 0 10px}
.gl-post-create-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.gl-post-create-choices button{border:1px solid #b9cab9;background:#fdfcf8;padding:15px;text-align:left;border-radius:2px;min-height:84px;transition:background .13s,border-color .13s}
.gl-post-create-choices button:hover,.gl-post-create-choices button:focus-visible{border-color:#d26745;background:#fff2e8}
.gl-post-create-choices b,.gl-post-create-choices small{display:block}.gl-post-create-choices b{font-size:14px;color:#273d35}.gl-post-create-choices small{font-size:11px;color:#60736b;margin-top:7px;line-height:1.3}
.gl-post-kind-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gl-kind-choice{border:1px solid #bac9b6;background:#fbfcf7;text-align:left;min-height:73px;padding:12px;border-radius:2px}
.gl-kind-choice.selected{border:2px solid #b95739;background:#fff0e5;box-shadow:0 2px 0 #b9573926}
.gl-kind-choice b,.gl-kind-choice small{display:block}.gl-kind-choice b{font-size:13px;color:#273d35}.gl-kind-choice small{margin-top:6px;font-size:10px;color:#60766a}
.gl-feed-type-pills{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px;margin-bottom:2px}
.gl-feed-type-pills button{border:1px solid #cad6c7;background:#f5f9f1;font-size:11px;font-weight:700;padding:9px 12px;min-height:38px;border-radius:2px}
.gl-feed-type-pills button.selected{background:#213936;color:#fff;border-color:#213936}
.garage-profile-subnav{display:flex;gap:4px;border-bottom:2px solid #d6dfd3;margin:14px 0}
.garage-profile-subnav button{border:0;border-bottom:3px solid transparent;padding:14px 17px;font-size:13px;background:transparent;border-radius:0;color:#607469}
.garage-profile-subnav button.selected{font-weight:850;color:#a04d31;border-bottom-color:#c76543}
.garage-profile-subnav span{padding:2px 7px;background:#e6eee2;border-radius:999px;font-size:11px;margin-left:4px}
.gl-notice-row{display:flex;align-items:stretch;border-bottom:1px solid #dde5da;gap:4px;min-width:0}
.gl-notice-row .gl-notice{flex:1;min-width:0;border-bottom:0}
.gl-notice-delete{display:grid;place-items:center;width:38px;flex:0 0 38px;background:transparent;color:#8b6153;border:0;font-size:16px;padding:5px}
.gl-notice-delete:hover,.gl-notice-delete:focus-visible{background:#ffe8dc;color:#a43c25}
/* Private messaging lives in Community, not another permanent tab. */
.garage-dm-workspace{background:#fafbf6;border:1px solid #d2decf;margin:17px 0 28px;min-height:350px;overflow:hidden}
.garage-dm-header{background:#eef2e9;border-bottom:2px solid #273f3b;padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.garage-dm-header h2{font-family:var(--s-heading,'Arial Narrow',sans-serif);text-transform:uppercase;font-size:34px;line-height:1;letter-spacing:-.5px;margin:4px 0}
.garage-dm-header h2 small{font-family:var(--s-mono,monospace);font-size:10px;letter-spacing:0;font-weight:600;color:#a14f33}
.garage-dm-search{padding:20px 21px;border-bottom:1px solid #dee6d8}
.garage-dm-search>label,.garage-dm-compose>label{display:block;font-size:12px;font-weight:800;color:#455e52;margin-bottom:9px}
.garage-dm-search>input{border:1px solid #afc2b3;background:#fff;width:100%;height:45px;padding:10px 13px;font-size:16px;border-radius:2px}
.garage-dm-results{margin-top:8px;max-height:260px;overflow:auto}
.garage-dm-person{display:flex;align-items:center;gap:12px;min-height:62px;padding:12px 14px;background:#fff;border:0;border-bottom:1px solid #dce5d9;border-radius:0;text-align:left;width:100%;color:#273d32}
.garage-dm-person:hover{background:#edf2e8}.garage-dm-person>.community-avatar{flex:none;width:40px;height:40px}
.garage-dm-person>span:nth-child(2){flex:1;min-width:0}.garage-dm-person strong{display:block;font-size:14px;overflow-wrap:anywhere}.garage-dm-person small{display:block;color:#64786a;font-size:11px;margin-top:4px;line-height:1.4}
.garage-dm-conversations{padding:16px 21px 26px}.garage-dm-conversations h3{font-size:22px;margin:8px 0 13px;font-family:var(--s-heading)}
.garage-dm-peer{display:flex;gap:11px;align-items:center;min-width:0}.garage-dm-peer .community-avatar{width:46px;height:46px;flex:none}.garage-dm-peer strong{display:block;font-size:16px;overflow-wrap:anywhere}.garage-dm-peer small{font-family:var(--s-mono,monospace);font-size:9px;color:#627b6e;letter-spacing:.06em}
.garage-dm-thread{height:min(57vh,560px);min-height:260px;overflow:auto;display:flex;flex-direction:column;gap:13px;padding:24px 21px;background:repeating-linear-gradient(0deg,#f9faf5 0,#f9faf5 43px,#f0f4ec 44px)}
.garage-dm-message{max-width:84%;align-self:flex-start;min-width:95px}.garage-dm-message.mine{align-self:flex-end}
.garage-dm-message-card{border:1px solid #c9d9cb;border-radius:3px;background:#fff;padding:13px 15px;overflow-wrap:anywhere;white-space:pre-wrap}
.garage-dm-message.mine .garage-dm-message-card{background:#e4eddf;border-color:#adcaaf}.garage-dm-message-card p{margin:0;font-size:14px;line-height:1.6}
.garage-dm-message>small{font-size:10px;color:#718074;display:block;margin-top:5px}.garage-dm-message.mine>small{text-align:right}
.garage-dm-file{margin-top:9px}.garage-dm-file button{font-size:11px;text-align:left;white-space:normal;overflow-wrap:anywhere}.garage-dm-attachment-photo{max-width:270px;max-height:240px;min-height:80px;display:grid;place-items:center;margin:8px 0;background:#e4ebe1;color:#36564b}.garage-dm-attachment-photo img{max-width:100%;max-height:235px;object-fit:contain}
.garage-dm-blank{margin:auto;padding:25px 10px;text-align:center;max-width:300px}.garage-dm-blank strong,.garage-dm-blank span{display:block}.garage-dm-blank strong{font-family:var(--s-heading);font-size:25px}.garage-dm-blank span{font-size:13px;color:#65776b;margin-top:12px;line-height:1.6}
.garage-dm-compose{padding:18px 21px 17px;background:#f2f5ed;border-top:1px solid #cfdccf}.garage-dm-compose textarea{width:100%;min-height:88px;border:1px solid #b8c9b8;background:white;font-size:16px;padding:11px;border-radius:2px;resize:vertical}
.garage-dm-compose-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:9px}.garage-dm-file-picker{cursor:pointer;font-size:12px;font-weight:800;color:#36584d;border:1px solid #a8bdad;background:#fff;padding:12px 15px;border-radius:2px;min-height:40px}.garage-dm-file-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.garage-dm-selected-file{font-size:11px;flex:1;color:#6b7d6d;overflow-wrap:anywhere}.garage-dm-compose .hint{margin:11px 0 0;font-size:10px}
@media(max-width:700px){
 .community-top .community-toolbar{width:100%;justify-content:space-between}
 .community-toolbar>*{flex:1;text-align:center}
 .gl-post-create-choices{grid-template-columns:1fr;gap:6px}
 .gl-post-create-choices button{min-height:54px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center;gap:9px}
 .gl-post-create-choices small{margin-top:0;text-align:right}
 .gl-post-kind-options{gap:5px}.gl-kind-choice{padding:10px 7px;min-height:70px}.gl-kind-choice b{font-size:11px}.gl-kind-choice small{font-size:9px}
 .gl-feed-type-pills button{padding:9px 10px;font-size:10px}
 .garage-dm-workspace{margin:10px 0 22px}.garage-dm-header{padding:13px 12px}.garage-dm-search{padding:14px 12px}.garage-dm-conversations{padding:13px 12px}.garage-dm-thread{padding:14px 11px;height:50vh;min-height:260px}.garage-dm-message{max-width:90%}.garage-dm-compose{padding:12px}.garage-dm-compose-bottom{gap:7px}.garage-dm-file-picker{padding:11px;font-size:11px}
 .community-post-card.garage-post-fresh{padding-left:8px;padding-right:3px}.garage-new-marker{font-size:9px;margin-left:7px}
 .gl-notifications-card .section-title{flex-wrap:wrap}.gl-notifications-card .section-title .row{width:100%;flex-wrap:wrap}
}


/* GARAGE LOG v2.2 — refined interactions; inherits Service Book visual identity. */
/* The card's actual vehicle photo sits in its own painted layer above art texture. */
.vehicle-art{isolation:isolate}
.vehicle-art>.garage-photo-host{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background:#d5ded4!important;border:0!important;overflow:hidden;z-index:2!important}
.vehicle-art>.garage-photo-host>.garage-photo-img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;opacity:1!important;visibility:visible!important;z-index:2!important}
.vehicle-art>.garage-photo-host>.garage-photo-fallback{position:absolute;inset:0;display:grid;place-items:center}
.vehicle-art>.garage-photo-host.garage-photo-ready{background:none!important}
.vehicle-art .unit-number,.vehicle-art .vehicle-art-lines{z-index:4!important;pointer-events:none}
/* Narrow, discreet service-history search — the input is never replaced while typing. */
.service-search-strip{display:flex;align-items:center;gap:9px;padding:9px 12px;margin:0 0 10px;border:1px solid #cbd8ca;background:#f1f5ed;max-width:410px;min-height:41px}
.service-search-strip>span{font-size:24px;line-height:1;color:#7a8c7b}
.service-search-strip>input{flex:1;min-width:0;width:100%;border:0;background:transparent;box-shadow:none;outline:none;font-size:14px;color:#243d34;padding:4px 0;appearance:none;border-radius:0}
.service-search-strip>input::placeholder{color:#829186}
.service-search-strip>input:focus{box-shadow:none}
.service-search-strip:focus-within{outline:2px solid #bf6749;outline-offset:2px}
.service-search-strip>small{font-family:var(--s-mono,monospace);font-size:10px;color:#607667;white-space:nowrap}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
/* Standalone profile controls: visible immediately when opening your own profile. */
.v22-profile-nav{display:flex;align-items:center;gap:5px;margin:15px 0 20px;border-bottom:2px solid #d4ddce;flex-wrap:wrap}
.v22-profile-nav button{border:0;border-bottom:3px solid transparent;background:transparent;padding:13px 16px;margin-bottom:-2px;color:#506b5b;font-size:13px;min-height:43px;font-weight:650}
.v22-profile-nav button.current{border-bottom-color:#b75b3d;color:#94452e;background:#f3e9df}
.v22-profile-nav button span{font-size:10px;padding:3px 7px;border-radius:20px;background:#e3ecde}
.v22-profile-overview,.v22-follow-panel{border:1px solid #cddace;background:#f9fbf5;padding:24px;max-width:900px}
.v22-profile-head{display:flex;align-items:center;gap:19px}
.v22-profile-head>.community-avatar{width:85px;height:85px;flex:none;border-radius:100%}
.v22-profile-head h2,.v22-follow-panel h2{font-family:var(--s-heading,'Arial Narrow',sans-serif);font-size:clamp(27px,5vw,41px);letter-spacing:-.5px;text-transform:uppercase;margin:6px 0 10px;line-height:1}
.v22-profile-head p{margin:0 0 6px;white-space:pre-wrap;line-height:1.5;color:#445b4e}
.v22-profile-head small{font-size:11px;color:#6c806f}
.v22-profile-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.v22-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d9e4d8;border-bottom:1px solid #d9e4d8}
.v22-profile-stats>div{display:grid;gap:4px;text-align:center;padding:17px 8px;border-right:1px solid #d9e4d8}
.v22-profile-stats>div:last-child{border:0}
.v22-profile-stats b{font-family:var(--s-mono,monospace);font-size:23px;color:#264339}
.v22-profile-stats small{font-family:var(--s-mono,monospace);font-size:10px;color:#6b7c70}
.v22-profile-privacy{margin-bottom:0;padding-top:9px}
.v22-follow-panel>.community-follow-manage{margin-top:16px}
/* Dismissible private-message notification, separate from the DM unread counter. */
.gl-notice-row.gl-dm-alert{background:linear-gradient(90deg,#fff0e4,#fffdf6);border-left:3px solid #bf6843}
.gl-notice-row.gl-dm-alert .gl-notice-title{font-size:14px;color:#803b28}
/* Thread scroll stays stable while polling; only this panel scrolls. */
.garage-dm-thread{overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scroll-behavior:auto}
@media(max-width:610px){.service-search-strip{max-width:100%;margin-bottom:9px}.v22-profile-overview,.v22-follow-panel{padding:17px}.v22-profile-nav{gap:0}.v22-profile-nav button{font-size:11px;padding:11px 9px;flex:1}.v22-profile-head{align-items:flex-start;gap:13px}.v22-profile-head>.community-avatar{width:62px;height:62px}.v22-profile-head h2{font-size:28px}.v22-profile-actions button{flex-grow:1}.v22-profile-stats>div{padding:12px 4px}}

/* Count lives above the Messages button and remains after dismissing the bell alert. */
.gl-inbox-button .gl-dm-unread:not([hidden]){position:absolute;top:-9px;right:-8px;margin:0;box-shadow:0 0 0 2px #fafbf6;z-index:2}


/* Garage Log 2.3 — iOS garage photo compositor & push settings */
.vehicle-art{isolation:isolate}
.vehicle-art>.garage-photo-host{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;z-index:2!important;overflow:hidden!important;display:block!important;transform:translateZ(0)}
.vehicle-art>.garage-photo-host img.garage-photo-img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;max-width:none!important;opacity:1!important;z-index:2!important;transform:translateZ(0)}
.vehicle-art>.garage-photo-host .garage-photo-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.vehicle-art>.unit-number,.vehicle-art>.vehicle-art-lines{z-index:4}
.push-settings{margin:14px 0;border-top:3px solid var(--rust);}
.push-settings .push-state{font-size:13px;color:var(--muted);line-height:1.55;margin:10px 0}
.push-settings .push-options{display:flex;flex-direction:column;gap:8px;margin:15px 0}
.push-settings .push-options label{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px}
.push-settings .push-options input{accent-color:var(--rust)}
.push-settings .push-actions{display:flex;gap:8px;flex-wrap:wrap}
.push-settings .push-status{font-size:12px;color:var(--muted);margin-top:8px}
.v23-self-profile{border-top:3px solid var(--rust);margin-top:16px}
.v23-self-profile .community-profile-header{align-items:center}
.v23-self-profile .community-profile-main h2{word-break:break-word}
.v23-self-posts{margin-top:18px}
.v23-self-posts .community-results{display:grid;gap:10px}
@media(max-width:650px){.vehicle-art>.garage-photo-host{min-height:145px}.vehicle-art>.garage-photo-host img{display:block}}


/* Garage Log v2.5 — robust full-bleed vehicle artwork on mobile and desktop. */
.vehicle-card.vehicle-button { align-items: stretch!important; width:100%!important; max-width:100%; }
.vehicle-card.vehicle-button>.vehicle-art { position:relative!important; display:block!important; flex:0 0 174px!important; width:100%!important; min-width:100%!important; max-width:100%!important; height:174px!important; min-height:174px!important; align-self:stretch!important; overflow:hidden!important; isolation:isolate; background:#d6e0d5; }
.vehicle-art>.garage-photo-host { display:block!important; position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; border:0!important; transform:none!important; z-index:1!important; }
.vehicle-art>.garage-photo-host img.garage-photo-img { position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; max-width:none!important; opacity:1!important; transform:none!important; }
.vehicle-art>.vehicle-icon { position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; width:100%!important; height:100%!important; min-height:100%!important; font-size:86px!important; padding:0!important; margin:0!important; text-align:center!important; background:none!important; }
.vehicle-art>.garage-photo-host .garage-photo-fallback { position:absolute!important; inset:0!important; display:grid!important; place-items:center!important; height:100%!important; width:100%!important; font-size:80px!important; text-align:center!important; }
.vehicle-art>.unit-number { z-index:4!important; top:14px;left:16px; }
.vehicle-art>.vehicle-art-lines { z-index:4!important; }
@media(max-width:610px){.vehicle-card.vehicle-button>.vehicle-art {flex-basis:172px!important;height:172px!important;min-height:172px!important}}
.garage-dm-person.garage-dm-has-unread { border-left:4px solid var(--rust); padding-left:10px; background:#f2f7ed; }
.garage-dm-person.garage-dm-has-unread>span:nth-child(2)>strong { font-weight:900;color:#132e2b;font-size:1.06em; }
.garage-dm-unread-label { font-weight:800!important;color:#ac5035!important; }
.garage-dm-peer-link { border:0!important; background:transparent!important;padding:4px!important;text-align:left!important;cursor:pointer;max-width:100%;border-radius:3px!important; }
.garage-dm-peer-link:hover,.garage-dm-peer-link:focus-visible { background:#dceadd!important;outline:2px solid #a9bdaa; }
.garage-dm-peer-link strong { text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px; }
.garage-dm-peer-link:hover strong { text-decoration-color:currentColor; }


/* GARAGE LOG 2.6 — one restrained layer of functional refinements */
.gl26-view-switch{display:flex;gap:0;align-items:center;border:1px solid #aab6ae;background:#f5f7ef;flex:0 0 auto}
.gl26-view-switch button{border:0;border-radius:0;background:transparent;color:#3d554e;padding:10px 13px;font:700 .76rem 'Arial Narrow',system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.gl26-view-switch button.chosen{background:#1b3333;color:#fff}
body.gl26-compact #vehicles .grid-vehicle{display:grid;grid-template-columns:1fr!important;gap:7px!important}
body.gl26-compact #vehicles .vehicle-card.vehicle-button{display:grid!important;grid-template-columns:110px minmax(0,1fr) 125px;grid-template-rows:1fr!important;align-items:center!important;min-height:106px!important;padding:0!important}
body.gl26-compact #vehicles .vehicle-card>.vehicle-art{grid-column:1;grid-row:1;width:110px!important;min-width:110px!important;max-width:110px!important;height:106px!important;min-height:106px!important;flex:0 0 110px!important}
body.gl26-compact #vehicles .vehicle-art>.garage-photo-host,body.gl26-compact #vehicles .vehicle-art>.vehicle-icon{height:100%!important}
body.gl26-compact #vehicles .vehicle-art>.unit-number{font-size:.59rem;top:5px;left:5px}
body.gl26-compact #vehicles .vehicle-card-main{grid-column:2;grid-row:1;text-align:left;padding:12px!important;min-width:0;overflow:hidden}
body.gl26-compact #vehicles .vehicle-card-title{font-size:1.25rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.gl26-compact #vehicles .vehicle-card-subtitle{font-size:.82rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.gl26-compact #vehicles .vehicle-bottom{grid-column:3;grid-row:1;display:block!important;padding:12px!important;border:0!important;min-width:0}
body.gl26-compact #vehicles .vehicle-bottom>span{display:block;margin-bottom:9px}
body.gl26-compact #vehicles .vehicle-bottom small{font-size:.6rem!important;white-space:nowrap}
body.gl26-compact #vehicles .vehicle-bottom strong{font-size:.8rem!important;white-space:nowrap}
body.gl26-compact #vehicles .vehicle-arrow{display:none}
.gl26-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gl26-notice-card{background:#f4f6ef;border:1px solid #c9d2c7;padding:21px;display:flex;flex-direction:column;gap:9px}
.gl26-notice-card>b{font-size:.75rem;letter-spacing:.12em;color:#ad603a}
.gl26-action-line{width:100%;border:0;border-bottom:1px solid #ced6ca;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;text-align:left;border-radius:0}
.gl26-action-line span:first-child{display:flex;flex-direction:column;gap:4px}.gl26-action-line strong{font-size:1rem}.gl26-action-line small{color:#647771}
.gl26-notice-card .small{align-self:flex-start}
.gl26-repeat{color:#955039!important;border-color:#c2a490!important;white-space:nowrap}
.gl26-reminder-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 16px}
.gl26-reminder-suggest span{font-size:.77rem;flex:1;min-width:180px}
.community-post-card{position:relative}.gl26-bookmark{position:absolute;right:17px;top:10px;z-index:1;background:#f2f4ec;border:1px solid #ccd3c8;color:#4e6058;font-size:.78rem;padding:5px 10px;border-radius:2px}
.gl26-bookmark.is-saved{color:#9e5439;background:#f5e8d7;border-color:#d9b39a}
.gl26-collections{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.gl26-collections button{border-radius:3px;border:1px solid #adbdaf;background:#e7eee5;padding:8px 10px;color:#263a36}
.gl26-collections button.chosen{background:#1c3634;color:white}.gl26-search-tools{border:1px solid #bdccc2;background:#f4f7ef;padding:14px;margin:12px 0 18px}
.gl26-search-tools summary{font-size:.82rem;font-weight:800;letter-spacing:.03em;cursor:pointer}
.gl26-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:16px 0}
.gl26-filter-grid label{font-size:.77rem;font-weight:700;color:#354d48}
.gl26-filter-grid input{display:block;width:100%;box-sizing:border-box;margin-top:5px}
.gl26-filter-grid .gl26-filter-job{grid-column:span 2}
.gl26-search-tools>small{display:block;margin-top:12px;color:#607a70}
.gl26-own-showcase,.gl26-member-showcase{margin-top:18px}.gl26-showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:11px;margin:16px 0}
.gl26-public-car{background:#f3f6f0;border:1px solid #cbd5ca;padding:17px}.gl26-public-car h4{margin:8px 0;font-size:1.15rem}.gl26-public-car p{margin-top:10px;font-size:.9rem;color:#526860}.gl26-public-car small{display:block;color:#697b73}
.gl26-project-link{text-align:left;border:0;background:transparent;color:#244740;font:inherit;font-weight:900;padding:0;text-decoration:underline;text-decoration-color:#c89775;text-underline-offset:4px}
.gl26-safety-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.gl26-report-post{display:flex;justify-content:flex-end;margin-bottom:12px}
.gl26-chat-tools{border:1px solid #c4d1c6;background:#f4f6ef;padding:9px 12px;margin:6px 0}.gl26-chat-tools summary{font-size:.84rem;cursor:pointer;font-weight:700}
.gl26-chat-tools label{display:block;font-size:.77rem;margin-top:13px}.gl26-chat-tools input{width:100%;margin-top:6px}
.gl26-search-result{width:100%;display:flex;flex-direction:column;gap:3px;padding:9px;border:0;border-bottom:1px solid #dae0d9;text-align:left;background:transparent;color:#254038}
.gl26-search-result span{font-size:.9rem}.gl26-search-result small{color:#647b72}.gl26-search-preview{background:#fff;border:1px solid #b8c8bd;padding:12px;margin:9px 0}
.gl26-reply-strip{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:#f4eddf;border-left:3px solid #a86141;margin-bottom:8px}
.gl26-reply-strip span{display:flex;flex-direction:column;gap:3px}.gl26-reply-strip small{font-size:.79rem;color:#526860}
.gl26-message-quote{padding:6px 10px;background:#dde6dc;border-left:3px solid #bd7856;display:flex;flex-direction:column;gap:3px;margin-bottom:9px;color:#263c35}
.gl26-message-quote small{font-size:.79rem;max-width:100%;overflow-wrap:anywhere}
.gl26-reply-action{font-size:.69rem!important;padding:4px 7px!important;border:0!important;background:transparent!important;color:#60766f!important}
.gl26-highlight{outline:3px solid #c16b48;outline-offset:2px}
.gl26-lightbox{position:fixed;z-index:30000;inset:0;background:rgba(2,12,12,.96);display:flex;align-items:center;justify-content:center;padding:20px}
.gl26-lightbox img{max-width:96vw;max-height:87vh;object-fit:contain;touch-action:pinch-zoom}.gl26-lightbox button{position:absolute;top:max(18px,env(safe-area-inset-top));right:18px;border:1px solid #fff;background:#1c2929;color:white;padding:12px}
.gl26-backup-card{margin-top:25px}.gl26-backup-card p{max-width:750px}
.gl26-modal{position:fixed;z-index:24000;inset:0;background:rgba(0,11,12,.73);display:flex;justify-content:center;align-items:center;padding:16px;overflow-y:auto}
.gl26-modal-panel{max-width:570px;width:100%;max-height:90vh;overflow-y:auto}.gl26-modal-panel label{display:block;margin:12px 0}.gl26-modal-panel input{margin-right:9px}
.gl26-share-list{margin:24px 0;padding:15px;background:#f6f7f2;border:1px solid #bdcabe}.gl26-share-row{display:flex;gap:15px;align-items:center;justify-content:space-between;border-bottom:1px solid #dbe2d8;padding:10px 0}
.gl26-public-book{display:none}
body.gl26-sharing .layout-root,body.gl26-sharing .mobile-dock,body.gl26-sharing #printReport{display:none!important}
body.gl26-sharing .gl26-public-book{display:block;min-height:100vh;padding:30px 18px;background:#eff1eb;color:#1b3532;font-family:system-ui,sans-serif}
.gl26-public-inner{margin:0 auto;max-width:860px;background:white;padding:36px 45px;border-top:7px solid #b36c4e}
.gl26-public-inner header{margin-bottom:22px}.gl26-public-inner h1{font-size:2.4rem;line-height:1.13;margin:12px 0}.gl26-public-inner header>span{font-size:.77rem;letter-spacing:.16em;color:#ad6346}
.gl26-public-jobs{margin:28px 0}.gl26-public-jobs article{border-top:1px solid #cfd8d1;padding:16px 0}.gl26-public-jobs h3{margin:8px 0}.gl26-public-jobs small{margin-left:12px}.gl26-public-jobs footer,.gl26-public-inner footer{font-size:.8rem;color:#566b62}
.gl26-project-page .eyebrow{display:block;margin-top:16px}.gl26-project-page h2{font-size:2rem}.gl26-project-page .community-results{margin-top:15px}
.gl26-print-photo{max-width:220px;max-height:170px;object-fit:contain;margin:7px 8px 0 0;display:inline-block;break-inside:avoid}.gl26-print-notes{white-space:pre-wrap;margin:6px 0 0}
@media (max-width:760px){.gl26-overview-grid{grid-template-columns:1fr}.gl26-filter-grid{grid-template-columns:1fr 1fr}.gl26-filter-grid .gl26-filter-job{grid-column:span 2}.gl26-public-inner{padding:22px}.gl26-bookmark{top:6px;right:6px}}
@media (max-width:430px){body.gl26-compact #vehicles .vehicle-card.vehicle-button{grid-template-columns:86px minmax(0,1fr) 95px!important;min-height:100px!important}body.gl26-compact #vehicles .vehicle-card>.vehicle-art{width:86px!important;min-width:86px!important;height:100px!important;min-height:100px!important}body.gl26-compact #vehicles .vehicle-card-main{padding:7px!important}body.gl26-compact #vehicles .vehicle-bottom{padding:6px!important}body.gl26-compact #vehicles .vehicle-card-title{font-size:1.05rem!important}body.gl26-compact #vehicles .vehicle-bottom small{font-size:.52rem!important}body.gl26-compact #vehicles .vehicle-bottom strong{font-size:.72rem!important}.gl26-view-switch{margin-left:auto}}
@media print{body.gl26-sharing .gl26-public-book{padding:0;background:white}body.gl26-sharing .gl26-public-inner{box-shadow:none;border:0;padding:0;max-width:none}body.gl26-sharing .gl26-public-inner .row{display:none!important}#printReport .gl26-print-photo{break-inside:avoid}}

.gl26-vehicle-health{display:inline-block;margin:0 0 6px;font-size:.63rem!important;letter-spacing:.08em;font-weight:850;color:#386a4c}.gl26-vehicle-health.due{color:#a33e2b}.gl26-vehicle-health.soon{color:#a76a2d}
.gl26-blocked-list{margin:20px 0;padding:16px;background:#f5f6f1;border:1px solid #bfccbf}.gl26-block-line{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #cfd8cb;padding:9px 0}

.gl26-saved-item{border-bottom:1px solid #c6d2c4;padding-bottom:15px}.gl26-saved-item>.small{margin-top:7px}


/* Garage Log 2.7 — service-file polish, workshop projects and touch-friendly controls */
.gl27-garage-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}
.gl27-control-label{font-size:.66rem;font-weight:800;letter-spacing:.13em;color:#789187}
.gl27-switch{display:flex;border:1px solid #adbcaf;background:#f5f7f1;padding:3px;gap:3px}
.gl27-switch button{border:0;border-radius:0!important;background:transparent;color:#36514b;padding:9px 13px;font-size:.77rem;font-weight:750;white-space:nowrap;min-height:40px}
.gl27-switch button.selected{background:#1a3432;color:#fff;box-shadow:inset 0 -2px #c97d57}
#vehicles .page-heading{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px}
#vehicles .page-heading .heading-main{flex:1 1 210px}
.gl27-status-help{font-size:.78rem;display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:#536a60;margin:5px 0 15px}
.gl27-status-help button{font-size:.78rem;color:#ac6044;text-decoration:underline;background:transparent;border:0;padding:3px;min-height:35px}
.gl27-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#8e9a98}.gl27-dot.orange{background:#c27942}.gl27-dot.green{background:#39825a}
.gl27-status{display:inline-flex;align-items:center;gap:7px;font-size:.63rem;line-height:1.3;font-weight:850;letter-spacing:.085em;margin-bottom:7px;color:#6c7e77}
.gl27-status i{width:7px;height:7px;background:currentColor;display:inline-block;border-radius:50%;flex:0 0 auto}
.gl27-status-due{color:#aa4b39}.gl27-status-soon{color:#b87b36}.gl27-status-okay{color:#377a55}.gl27-status-pending{color:#947550}.gl27-status-none{color:#839088}
/* Compact view remains genuinely compact on desktop and mobile. */
body.gl26-compact #vehicles .vehicle-card.vehicle-button{height:auto!important;box-shadow:none!important}
body.gl26-compact #vehicles .grid-vehicle{gap:8px!important}
body.gl26-compact #vehicles .vehicle-art img{object-fit:cover!important}
body.gl26-compact #vehicles .vehicle-card-main{display:flex;flex-direction:column;justify-content:center}
body.gl26-compact #vehicles .vehicle-card-title{max-width:100%}
@media(max-width:640px){
 #vehicles .page-heading{align-items:flex-start}
 .gl27-garage-controls{width:100%;margin-left:0;justify-content:space-between;order:3}
 .gl27-control-label{display:none}
 .gl27-switch{width:100%}.gl27-switch button{flex:1;text-align:center}
 .gl27-status-help{font-size:.7rem;margin:3px 0 10px}
}
.gl27-project-hub{margin-top:26px;margin-bottom:32px}
.gl27-section-note{font-size:.83rem;color:#5c746b;margin:6px 0 18px}
.gl27-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:13px}
.gl27-project-card{background:#eef2ec;border:1px solid #c7d2c8;border-top:4px solid #bf7953;display:flex;flex-direction:column;min-height:155px;padding:21px 22px;gap:9px}
.gl27-project-label{font-size:.65rem;letter-spacing:.14em;font-weight:900;color:#a86546;display:flex;justify-content:space-between}
.gl27-project-card h3{font-size:1.38rem;line-height:1.15;margin:0;color:#24423b}
.gl27-project-card p{font-size:.84rem;color:#576e64;margin:0 0 12px}
.gl27-project-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}
.gl27-project-actions button{border:1px solid #a5baaa;background:#fff;color:#305148;font-weight:800;padding:10px 12px;font-size:.78rem;min-height:41px}
.gl27-project-actions .gl27-update-button{background:#24463d;color:#fff;border-color:#24463d}
.gl27-project-empty{padding:26px;background:#eef2ea;border:1px dashed #abbcad;grid-column:1/-1}.gl27-project-empty b{font-size:1.16rem;color:#27443e}.gl27-project-empty p{color:#5b7067;max-width:420px}
.gl27-feed-project-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;margin:0 0 15px;border:1px solid #c6d3c8;background:#eef2ec;flex-wrap:wrap}
.gl27-feed-project-link>span{display:flex;flex-direction:column;gap:4px}
.gl27-feed-project-link b{font-size:.76rem;letter-spacing:.08em;color:#375449}
.gl27-feed-project-link small{font-size:.8rem;color:#61796c}
.gl27-project-compose{padding:15px;border:1px solid #bdccb9;background:#f1f6ed;margin:16px 0}
.gl27-project-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.gl27-project-quick button{background:#fff;border:1px solid #b9c9b8;text-align:left;display:flex;flex-direction:column;gap:7px;padding:13px;color:#26483e;min-height:85px}
.gl27-project-quick button b{font-size:.87rem}.gl27-project-quick button small{font-size:.76rem;color:#688174}
.gl27-compose-project{border-left:4px solid #b86d4a;background:#eef3ea;padding:12px 16px;display:flex;flex-direction:column;gap:3px;margin-bottom:17px}
.gl27-compose-project b{font-size:.76rem;letter-spacing:.08em;color:#314e46}.gl27-compose-project span{font-size:.8rem;color:#5c7569}
.gl27-modal{z-index:24005}.gl27-modal .gl26-modal-panel{max-width:680px;padding:26px;background:#fbfcf8;border-top:5px solid #b87453}
.gl27-modal h2{font-size:1.6rem;color:#263e36;margin:9px 0 14px}.gl27-modal p{line-height:1.55;color:#587268}
.gl27-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.gl27-modal-head button{padding:10px 14px;background:transparent;border:1px solid #b5c6bb;color:#30463d}
.gl27-collection-choices{border:1px solid #bccdc0;margin:15px 0;padding:14px}.gl27-collection-choices legend{font-size:.77rem;font-weight:850;letter-spacing:.07em}
.gl27-collection-option{padding:11px 12px!important;display:flex!important;align-items:center;gap:12px;background:#f0f4ec;border:1px solid #d1dcd1;margin:5px 0!important;font-weight:750;cursor:pointer}
.gl27-collection-option:has(input:checked){background:#e2eddf;border-color:#71987b}.gl27-collection-option input{accent-color:#32674a;min-width:18px;height:18px}
.gl27-modal .row{gap:10px;flex-wrap:wrap}
.gl27-pdf-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.gl27-anchor-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 15px!important;font-size:.87rem;font-weight:800;text-decoration:none!important;border:1px solid #9eab9d;color:#26473e}
.gl27-anchor-button.primary{color:white;border-color:#ad6449}
@media(max-width:540px){.gl27-project-quick{grid-template-columns:1fr}.gl27-project-quick button{min-height:64px}.gl27-project-grid{grid-template-columns:1fr}.gl27-modal .gl26-modal-panel{padding:16px}.gl27-pdf-actions{flex-direction:column}.gl27-pdf-actions>*{width:100%;box-sizing:border-box}}


/* Garage Log 2.8: readable compact cards, project-first composer and consistent profile. */
html,body{overscroll-behavior-x:none;overflow-x:clip}
/* Remove the hazard stripes on every photo and emoji card, not just compact mode. */
.vehicle-card.vehicle-button .vehicle-art-lines{display:none!important}
/* Compact mode: the original three-column design clipped stats on phone widths. */
@media(max-width:760px){
 body.gl26-compact #vehicles .grid-vehicle{grid-template-columns:minmax(0,1fr)!important;width:100%;min-width:0}
 body.gl26-compact #vehicles .vehicle-card.vehicle-button{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;grid-template-rows:minmax(78px,auto) auto!important;min-height:135px!important;height:auto!important;width:100%!important;max-width:100%!important;overflow:hidden!important;align-items:stretch!important}
 body.gl26-compact #vehicles .vehicle-card>.vehicle-art{grid-column:1!important;grid-row:1 / 3!important;width:92px!important;max-width:92px!important;min-width:0!important;height:100%!important;min-height:135px!important;max-height:none!important;align-self:stretch!important}
 body.gl26-compact #vehicles .vehicle-card-main{grid-column:2!important;grid-row:1!important;padding:9px 12px 3px!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;gap:3px!important;justify-content:flex-start!important}
 body.gl26-compact #vehicles .vehicle-card-main .gl27-status{font-size:clamp(.59rem,2.55vw,.69rem)!important;letter-spacing:.01em;line-height:1.2;white-space:normal!important;overflow-wrap:anywhere}
 body.gl26-compact #vehicles .vehicle-kicker{font-size:.63rem!important;line-height:1.2}
 body.gl26-compact #vehicles .vehicle-card-title{font-size:clamp(1.08rem,4.8vw,1.35rem)!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-overflow:ellipsis}
 body.gl26-compact #vehicles .vehicle-card-subtitle{font-size:.74rem!important;line-height:1.28;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;text-overflow:ellipsis}
 body.gl26-compact #vehicles .vehicle-bottom{grid-column:2!important;grid-row:2!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:3px 10px 0!important;padding:5px 0 9px!important;display:grid!important;grid-template-columns:minmax(0,1.17fr) minmax(0,.88fr) 19px!important;gap:5px!important;align-self:end!important;overflow:visible!important}
 body.gl26-compact #vehicles .vehicle-bottom>span{min-width:0!important;max-width:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
 body.gl26-compact #vehicles .vehicle-bottom small{font-size:clamp(.52rem,2.1vw,.61rem)!important;letter-spacing:0!important;white-space:normal!important;line-height:1.2!important}
 body.gl26-compact #vehicles .vehicle-bottom strong{font-size:clamp(.69rem,2.9vw,.83rem)!important;line-height:1.3;white-space:normal!important;overflow-wrap:anywhere!important}
 body.gl26-compact #vehicles .vehicle-arrow{font-size:1.3rem!important;line-height:1!important;align-self:center!important}
 body.gl26-compact #vehicles .vehicle-art .unit-number{font-size:.56rem!important;max-width:85px!important;white-space:normal}
 body.gl26-compact #vehicles .vehicle-art .garage-photo-fallback,body.gl26-compact #vehicles .vehicle-art .vehicle-icon{font-size:3.4rem!important}
}
@media(max-width:360px){body.gl26-compact #vehicles .vehicle-card.vehicle-button{grid-template-columns:78px minmax(0,1fr)!important}body.gl26-compact #vehicles .vehicle-card>.vehicle-art{width:78px!important;max-width:78px!important}body.gl26-compact #vehicles .vehicle-card-main{padding-left:9px!important;padding-right:8px!important}}
/* Dedicated, intentionally distinct project update editor. */
.gl28-journal-editor{max-width:850px;margin:6px auto 30px}
.gl28-journal-banner{background:#193330;color:#f4f2e8;padding:28px 28px 23px;border-top:5px solid #c27554;position:relative}
.gl28-journal-banner .eyebrow{display:block;color:#dba78c;font-size:.69rem;letter-spacing:.15em;margin:15px 0 12px}
.gl28-journal-banner h2{margin:0 0 8px;font-size:clamp(1.7rem,5vw,3rem);color:#fff7e8;line-height:1.05}
.gl28-journal-banner p{margin:0 0 12px;font-size:.88rem;color:#c5d6cc;line-height:1.5}
.gl28-back-project{border:1px solid #7c9d8d;background:#274740;color:#fff;padding:9px 13px;font-size:.8rem;font-weight:750}
.gl28-project-vehicle-note{margin-top:15px;background:#2a4b42;padding:9px 13px;font-size:.79rem;color:#f6e6c9;display:inline-block}
.gl28-journal-paper{background:#faf9f3;border:1px solid #c8d2c6;border-top:0;padding:30px 28px 32px}
.gl28-journal-paper>.eyebrow{color:#a35b40;font-size:.68rem;letter-spacing:.13em}
.gl28-journal-paper h3{font-size:1.65rem;color:#213a35;margin:7px 0 22px}
.gl28-update-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 25px}
.gl28-update-types button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:77px;text-align:left;white-space:normal;padding:12px!important;background:#edf2ec;border:1px solid #b5c8b6;color:#24463d}
.gl28-update-types button.selected,.gl28-update-types button[aria-pressed=true]{background:#24473d!important;color:#fff!important;border-color:#24473d}
.gl28-update-types button b{font-size:.86rem}.gl28-update-types button small{font-size:.74rem;line-height:1.3;opacity:.8}
.gl28-journal-paper textarea{min-height:175px}
.gl28-more-detail{margin:14px 0 20px;border:1px solid #c6d4c4;padding:12px 15px;background:#f1f5ed}
.gl28-project-compose-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.gl28-project-compose-actions button{min-height:46px}
.gl28-project-linked{font-family:var(--s-mono,monospace);color:#547567;line-height:1.4;font-size:.7rem}
.gl27-project-actions .gl28-link-button{background:transparent;border:1px solid #c7d3c6;color:#426859}
.gl28-project-vehicle-info{border:1px solid #bdcfc1;background:#e5efe4;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.81rem;color:#36594a;margin:15px 0}
/* Every profile panel uses identical navigation widths and the same back label. */
.gl28-profile-toolbar{margin:0 0 24px}
.gl28-profile-back{border:1px solid #b8c6bb;background:transparent;padding:11px 15px;color:#26413b;font-weight:750;font-size:.88rem;margin:0 0 16px}
.gl28-profile-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;border-bottom:2px solid #cdd8cb;padding:0 0 12px}
.gl28-profile-tabs button{min-width:0;min-height:48px;white-space:normal;word-break:normal;padding:11px 8px;border:1px solid transparent;background:transparent;color:#547368;font-weight:750;font-size:.82rem;line-height:1.25;text-align:center}
.gl28-profile-tabs button.current{background:#f5e9df;color:#9e4e31;border-color:#e7ccb9;box-shadow:0 4px #bd6f4d}
@media(max-width:620px){.gl28-journal-banner{padding:20px 17px}.gl28-journal-paper{padding:20px 15px}.gl28-update-types{grid-template-columns:1fr}.gl28-update-types button{min-height:55px!important}.gl28-profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gl28-profile-tabs button{font-size:.87rem}.gl28-profile-toolbar{margin-bottom:15px}}

.gl28-update-types button.selected b,.gl28-update-types button.selected small,.gl28-update-types button[aria-pressed="true"] b,.gl28-update-types button[aria-pressed="true"] small{color:#fff!important}
.gl28-journal-paper .community-consent{display:flex!important;align-items:flex-start;gap:11px}
.gl28-journal-paper .community-consent span{flex:1;min-width:0;line-height:1.55}

.gl28-public-meta-check{display:flex!important;align-items:flex-start;gap:10px;font-size:.83rem;color:#436056;margin:16px 0 21px!important}
.gl28-public-meta-check input{flex:none;margin-top:3px!important}


/* Garage Log 2.9 — polished tappable topic tags, without turning posts into link walls. */
.gl29-search-tag{display:inline-flex!important;align-items:center;gap:6px;cursor:pointer;max-width:100%;white-space:normal;text-align:left;border:1px solid #c7d4c7;color:#315447;background:#eaf0e8;line-height:1.25;padding:7px 10px;font-size:.77rem;font-weight:750}
.gl29-search-tag:hover,.gl29-search-tag:focus-visible{border-color:#b36e4c;background:#f8eee6;color:#9e4b30;outline-offset:2px}
.gl29-search-tag span{font-size:1rem;color:#a55a3e}
.gl29-project-danger{margin:10px 0 0;display:flex;justify-content:flex-end;border-top:1px solid #d3dcd0;padding-top:10px}
.gl29-project-danger button{font-size:.74rem!important;color:#8d4940!important;background:transparent!important;border:0!important;text-decoration:underline}
.gl29-project-page-delete{margin-top:28px;padding-top:16px;border-top:1px solid #d7dfd5;display:flex;justify-content:flex-end}
/* The count and status panel remains; only decorative panel labels were removed. */
.instrument-main{margin-top:0}
@media(max-width:610px){.hero-instrument{grid-template-columns:minmax(92px,.65fr) minmax(0,1.35fr)}.gl29-search-tag{font-size:.72rem}}

.gl29-video-optional{border:1px solid #c6d3c7;padding:11px 14px;margin:12px 0 17px;background:#f1f4ef}.gl29-video-optional summary{cursor:pointer;color:#31564b;font-weight:800;font-size:.83rem}.gl29-video-optional .field{margin-top:12px;margin-bottom:0}.gl29-video-reference{border-left:3px solid #b86d4c;padding:12px 14px;background:#f2f4ed;margin:18px 0!important;display:flex;gap:5px 12px;flex-wrap:wrap;align-items:center}.gl29-video-reference a{font-weight:800;color:#985136}.gl29-video-reference small{color:#66756d;font-size:.76rem}


/* Garage Log 2.10 — readability & navigation polish. No database change. */
.gl210-inbox-header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.gl210-inbox-start{display:flex;align-items:center;gap:17px;min-width:0;flex-wrap:wrap}
.gl210-inbox-start>div{min-width:0}
.gl210-community-back{align-self:center;white-space:nowrap}
.gl210-inbox-refresh{margin-left:auto}
.garage-icon-details{margin:16px 0 19px;padding:12px 15px;border:1px solid #cbd7cd;background:#f5f7f2}
.garage-icon-details>summary{cursor:pointer;font-weight:800;color:#385b4f;padding:3px 0}
.garage-icon-details>.hint{margin:10px 0 4px}
.garage-icon-details .field{margin-bottom:0}
/* Desktop compact garage: separate vehicle identification from stats instead of
   forcing both into a narrow three-column row. */
@media(min-width:761px){
 body.gl26-compact #vehicles .vehicle-card.vehicle-button{
   grid-template-columns:120px minmax(0,1fr)!important;
   grid-template-rows:minmax(56px,auto) auto!important;
   align-items:stretch!important;min-height:140px!important;
   height:auto!important;width:100%!important;max-width:100%!important;
   overflow:hidden!important
 }
 body.gl26-compact #vehicles .vehicle-card>.vehicle-art{
   grid-column:1!important;grid-row:1/3!important;
   height:100%!important;min-height:140px!important;
   width:120px!important;min-width:120px!important;max-width:120px!important
 }
 body.gl26-compact #vehicles .vehicle-card-main{
   grid-column:2!important;grid-row:1!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   box-sizing:border-box!important;padding:14px 17px 5px!important;gap:4px!important
 }
 body.gl26-compact #vehicles .vehicle-card-title{
   max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;
   font-size:1.45rem!important;line-height:1.13!important
 }
 body.gl26-compact #vehicles .vehicle-card-subtitle{
   white-space:normal!important;overflow-wrap:anywhere!important;font-size:.84rem!important;line-height:1.3!important
 }
 body.gl26-compact #vehicles .vehicle-card-main .gl27-status{
   white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.3!important
 }
 body.gl26-compact #vehicles .vehicle-bottom{
   grid-column:2!important;grid-row:2!important;display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   width:calc(100% - 34px)!important;max-width:calc(100% - 34px)!important;
   margin:7px 17px 10px!important;padding:8px 0 0!important;
   border-top:1px solid #d9e2d8!important;gap:12px!important;
   box-sizing:border-box!important;align-self:end!important
 }
 body.gl26-compact #vehicles .vehicle-bottom>span{
   margin:0!important;min-width:0!important;max-width:100%!important;display:flex!important;
   flex-direction:column!important;overflow:visible!important
 }
 body.gl26-compact #vehicles .vehicle-bottom small{
   font-size:.65rem!important;line-height:1.25!important;white-space:normal!important
 }
 body.gl26-compact #vehicles .vehicle-bottom strong{
   font-size:.91rem!important;white-space:normal!important;overflow-wrap:anywhere!important
 }
 body.gl26-compact #vehicles .vehicle-arrow{display:none!important}
}
@media(max-width:760px){
 /* Overview always uses compact cards on phones, independent of My Garage view setting. */
 #home .grid-vehicle{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;width:100%;min-width:0}
 #home .vehicle-card.vehicle-button{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-rows:minmax(76px,auto) auto!important;min-height:136px!important;height:auto!important;max-width:100%!important;width:100%!important;align-items:stretch!important;overflow:hidden!important}
 #home .vehicle-card>.vehicle-art{grid-column:1!important;grid-row:1/3!important;width:96px!important;max-width:96px!important;min-width:0!important;height:100%!important;min-height:136px!important;max-height:none!important;align-self:stretch!important}
 #home .vehicle-card-main{grid-column:2!important;grid-row:1!important;min-width:0!important;max-width:100%!important;padding:11px 13px 4px!important;box-sizing:border-box!important;gap:4px!important;overflow:hidden!important}
 #home .vehicle-card-title{font-size:clamp(1.06rem,4.7vw,1.35rem)!important;line-height:1.12!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
 #home .vehicle-card-subtitle{font-size:.77rem!important;line-height:1.25!important;white-space:normal!important;overflow-wrap:anywhere!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important}
 #home .vehicle-card-main .gl27-status{font-size:.66rem!important;line-height:1.25!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
 #home .vehicle-bottom{grid-column:2!important;grid-row:2!important;align-self:end!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)!important;gap:10px!important;width:calc(100% - 26px)!important;max-width:calc(100% - 26px)!important;margin:4px 13px 0!important;padding:7px 0 10px!important;box-sizing:border-box!important;overflow:visible!important}
 #home .vehicle-bottom>span{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 #home .vehicle-bottom small{font-size:clamp(.55rem,2.2vw,.65rem)!important;white-space:normal!important;letter-spacing:0!important;line-height:1.2!important}
 #home .vehicle-bottom strong{font-size:clamp(.76rem,2.9vw,.94rem)!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.25!important}
 #home .vehicle-arrow{display:none!important}
 #home .vehicle-art .unit-number{font-size:.58rem!important;max-width:88px!important}
 #home .vehicle-art .garage-photo-fallback,#home .vehicle-art .vehicle-icon{font-size:3.5rem!important}
 /* Give the three overview counts distinct breathing room. */
 .hero-instrument{grid-template-columns:minmax(0,.88fr) minmax(0,1.38fr)!important;gap:24px!important;padding:21px 18px!important;align-items:center!important}
 .instrument-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:11px!important;min-width:0}
 .instrument-main strong{font-size:clamp(59px,16vw,77px)!important;line-height:.94!important;letter-spacing:-3px!important}
 .instrument-main span{font-size:9px!important;line-height:1.45!important;letter-spacing:.055em!important;margin:0!important;padding:0!important}
 .instrument-grid{margin:0!important;padding-left:18px!important;border-left:1px solid #52706b;gap:13px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;min-width:0!important}
 .instrument-grid>div{min-width:0!important;gap:8px!important;padding:0!important;border:0!important}
 .instrument-grid>div:last-child{padding:0!important}
 .instrument-grid small{font-size:clamp(7px,1.95vw,9px)!important;letter-spacing:.025em!important;white-space:normal!important;overflow-wrap:normal!important;line-height:1.3!important}
 .instrument-grid strong{font-size:clamp(23px,6.25vw,32px)!important;line-height:1.1!important}
 .gl210-inbox-start{gap:10px}
 .gl210-community-back{padding:10px 12px}
}
@media(max-width:375px){
 #home .vehicle-card.vehicle-button{grid-template-columns:83px minmax(0,1fr)!important}
 #home .vehicle-card>.vehicle-art{width:83px!important;max-width:83px!important}
 #home .vehicle-card-main{padding:8px 10px 3px!important}
 #home .vehicle-bottom{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:3px 10px 0!important;gap:6px!important}
 .hero-instrument{gap:15px!important;padding:18px 14px!important}
 .instrument-grid{gap:9px!important;padding-left:12px!important}
}
/* Compact cards are entirely tappable; the arrow is unnecessary and must not
   occupy a third grid row (earlier broad span styles could override it). */
@media(min-width:761px){body.gl26-compact #vehicles .vehicle-bottom>.vehicle-arrow{display:none!important}}
@media(max-width:760px){#home .vehicle-bottom>.vehicle-arrow{display:none!important}}
/* Garage Log v2.11 — Community Board Refresh. All selectors scoped to Community. */
#community .gl211-project-shortcut{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:13px;background:#e8eee5;border:1px solid #d2ddd0;padding:12px 16px;margin:12px 0}
#community .gl211-project-shortcut>div:first-child{display:flex;flex-direction:column;gap:2px}
#community .gl211-project-shortcut small{font:700 9px/1.4 var(--s-mono,monospace);letter-spacing:.12em;color:#a45a40}
#community .gl211-project-shortcut strong{font-size:15px;color:#1c3936}
#community .gl211-project-buttons{display:flex;gap:7px;flex-wrap:wrap}
#community .gl211-project-buttons button{background:#f8faf5;border:1px solid #bccfc0;border-radius:3px;padding:8px 12px;color:#26433c;font-size:12px}
#community .gl211-board{background:#fbfaf6;border:1px solid #d4ded3;padding:18px 20px;margin:0 0 15px;min-width:0}
#community .gl211-search{margin:0;padding:0;border:0;background:transparent}
#community .gl211-search>label{display:block;color:#485e55;font-family:var(--s-mono,monospace);text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:800;margin-bottom:8px}
#community .gl211-search-row{display:flex;align-items:center;position:relative;min-width:0;gap:8px}
#community .gl211-search-row input{flex:1;min-width:0;width:100%;height:46px;border:1px solid #bccbc0;background:#fff;padding:10px 13px 10px 38px;color:#233a36;font-size:15px;border-radius:3px}
#community .gl211-search-row input:focus{outline:2px solid #a65e42;outline-offset:1px}
#community .gl211-search-icon{position:absolute;left:11px;font-size:24px;line-height:1;color:#788e82;pointer-events:none}
#community .gl211-search-row .primary{height:46px;white-space:nowrap;padding:0 16px;font-size:12px;border-radius:3px}
#community .gl211-board-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #cfdbce;margin:12px 0 0}
#community .gl211-nav-tabs{display:flex;min-width:0;gap:17px}
#community .gl211-nav-tabs button{padding:13px 4px 12px;background:transparent;border-radius:0;border-bottom:3px solid transparent;color:#65776d;font-size:13px;font-weight:750;white-space:nowrap}
#community .gl211-nav-tabs button.selected{color:#1a3935;border-bottom-color:#be6645}
#community .gl211-nav-tabs button>span{background:#e5ebe2;padding:1px 5px;border-radius:8px;font-size:10px}
#community .gl211-filter-toggle{padding:7px 10px;border-radius:3px;background:#edf2e9;color:#344c42;border:1px solid #cbd6c8;font-size:12px;white-space:nowrap}
#community .gl211-filter-toggle.selected{border-color:#bb7958;color:#964c32;background:#f8efe9}
#community .gl211-filter-toggle b{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#c26444;color:#fff;min-width:17px;height:17px;font-size:10px}
#community .gl211-filter-panel{padding:13px 15px 15px;background:#eff4eb;border:1px solid #d0ddce;border-top:0}
#community .gl211-filter-caption{font:800 10px/1.5 var(--s-mono,monospace);letter-spacing:.10em;color:#526b60}
#community .gl211-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0}
#community .gl211-filter-grid label{font-size:12px;font-weight:700;color:#3f594c;min-width:0}
#community .gl211-filter-grid input{width:100%;min-width:0;box-sizing:border-box;border:1px solid #becdbd;background:white;padding:9px;font-size:14px;margin-top:5px;border-radius:3px}
#community .gl211-filter-job{grid-column:span 2}
#community .gl211-filter-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
#community .gl211-filter-actions button{font-size:12px;padding:9px 12px;border-radius:3px}
#community .gl211-applied{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:10px 0}
#community .gl211-applied span{display:inline-flex;padding:4px 8px;background:#e8eee7;border:1px solid #cad7c7;color:#385b4b;font-size:11px;font-weight:700}
#community .gl211-applied button{background:transparent;color:#a75d41;padding:5px;font-size:11px;text-decoration:underline}
#community .gl211-post-types{display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 10px}
#community .gl211-post-types button{font-size:11px;font-weight:750;padding:8px 10px;min-height:36px;border:1px solid #d1dbce;background:#f3f6ef;color:#50635a;border-radius:3px}
#community .gl211-post-types button.selected{background:#203e39;color:#fff;border-color:#203e39}
#community .gl211-results-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:9px 0 0;padding:9px 0;border-bottom:1px solid #d5dfd3;font-family:var(--s-mono,monospace);font-size:10px;letter-spacing:.09em;font-weight:800;color:#587266}
#community .gl211-results-heading small{font-family:system-ui,sans-serif;font-size:11px;letter-spacing:0;font-weight:500;color:#687b70}
#community .gl211-feed-results{display:flex;flex-direction:column;gap:0}
#community .gl211-feed-results .gl211-post{display:block;position:relative;cursor:pointer;padding:17px 15px 14px;margin:0;background:#fff;border:0;border-bottom:1px solid #d9e2d7;box-shadow:none;min-width:0;transition:background .15s ease}
#community .gl211-feed-results .gl211-post:nth-child(even){background:#fafbf7}
#community .gl211-feed-results .gl211-post:hover{background:#f4f7f1}
#community .gl211-feed-results .gl211-post:focus-visible{outline:2px solid #b96344;outline-offset:-2px}
#community .gl211-feed-results .gl211-post.garage-post-fresh{background:#fff6ed;border-left:3px solid #c66845;padding-left:12px;padding-right:15px;box-shadow:none}
#community .gl211-feed-results .gl211-post.garage-post-fresh:hover{background:#fff0e1}
#community .gl211-card-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0;margin:0 0 7px}
#community .gl211-post-label{display:inline-flex;align-items:center;gap:5px;border-left:3px solid #bc6b48;padding:4px 8px;background:#f8eee7;color:#9d4b34;text-transform:uppercase;letter-spacing:.07em;font-family:var(--s-mono,monospace);font-weight:850;font-size:10px;white-space:nowrap}
#community .gl211-question .gl211-post-label{background:#eaf1eb;border-color:#54826d;color:#2b6854}
#community .gl211-discussion .gl211-post-label{background:#eaf0f0;border-color:#6f8585;color:#3e6669}
#community .gl211-project .gl211-post-label{background:#f2e9dc;border-color:#97724b;color:#80613b}
#community .gl211-card-top time{font-family:var(--s-mono,monospace);font-size:10px;color:#7b8b80;margin-left:auto;white-space:nowrap;letter-spacing:0}
#community .gl211-card-top .garage-new-marker{background:#f3d9c6;color:#985031;padding:3px 5px;font-size:9px;letter-spacing:.06em;margin-left:0}
#community .gl211-card-body{display:block;min-width:0}
#community .gl211-card-body:has(.gl211-photo-frame){display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:15px;align-items:center}
#community .gl211-post-text{min-width:0}
#community .gl211-post h3{font-family:var(--s-heading,system-ui),sans-serif;font-weight:850;font-size:clamp(18px,2.1vw,22px);line-height:1.2;letter-spacing:-.25px;margin:7px 0 6px;overflow-wrap:anywhere}
#community .gl211-post .community-title-button{font-family:inherit;font-size:inherit;color:#233a35;text-align:left;line-height:inherit;white-space:normal;overflow-wrap:anywhere}
#community .gl211-post .community-title-button:hover{color:#a74d31}
#community .gl211-byline{font-size:12px;color:#5d756a;margin:0 0 7px;min-height:22px;display:flex;align-items:center}
#community .gl211-byline .community-name-with-avatar{gap:7px}
#community .gl211-byline .community-name-link{color:#43594e;text-decoration:none;font-weight:750;font-size:12px}
#community .gl211-byline .community-name-link:hover{text-decoration:underline}
#community .gl211-post .community-card-summary{font-size:13px;line-height:1.55;color:#50675a;margin:5px 0 9px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
#community .gl211-photo-frame{display:block;width:110px;height:94px;overflow:hidden;background:#e8eee7;border:1px solid #c8d3c5;border-radius:3px}
#community .gl211-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}
#community .gl211-project-line{margin:7px 0 8px}
#community .gl211-project-line button{background:transparent;color:#866442;border:0;padding:0;text-decoration:underline;text-decoration-color:#c5af98;text-underline-offset:2px;font-size:12px;font-weight:700;text-align:left}
#community .gl211-tag-row .community-meta-tags{display:flex;gap:6px;margin:8px 0 0;flex-wrap:wrap}
#community .gl211-tag-row .gl29-search-tag{background:#f0f3ee;color:#466357;border-color:#d2ded2;padding:5px 8px;font-size:11px;font-weight:700;border-radius:2px;max-width:100%}
#community .gl211-tag-row .gl29-search-tag span{font-size:12px}
#community .gl211-card-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px;padding-top:9px;border-top:1px solid #e5ebe3;min-width:0}
#community .gl211-attachment{font-size:11px;color:#718176;line-height:1.35;overflow-wrap:anywhere}
#community .gl211-foot-actions{display:flex;gap:7px;align-items:center;flex:none}
#community .gl211-save,#community .gl211-open{border:1px solid #d5ddd2;background:#f5f8f2;border-radius:3px;color:#3d594c;font-size:11px;padding:7px 10px;font-weight:750;white-space:nowrap;position:static;inset:auto}
#community .gl211-save.saved{border-color:#ddbea9;color:#a45735;background:#f8eade}
#community .gl211-open{background:#223e38;color:#fff;border-color:#223e38}
#community .gl211-follow-actions{margin:8px 0 0;padding:0;background:transparent;border:0;border-radius:0}
#community .gl211-follow-actions>summary{display:inline-flex;font-size:10px;color:#738679;font-weight:650;padding:5px 0;letter-spacing:0;text-transform:none}
#community .gl211-follow-actions .community-card-follow{margin:4px 0 0;padding:7px 0 2px;border-top:1px dashed #d8e0d5}
#community .gl211-follow-actions .follow-action{padding:7px 9px;background:#edf2eb;font-size:11px}
#community .gl211-more{text-align:center;padding:18px 0 4px}
#community .gl211-more button{border:1px solid #c5d3c5;background:#ecf1e9;border-radius:3px;padding:11px 18px;font-weight:800;color:#29483c}
/* Reuse of cards in saved posts and members' profiles: keep them styled but never
   force the feed layout onto unrelated panels. */
#community .gl26-saved-item>.gl211-post{display:block;position:relative;border:1px solid #d5dfd3;background:#fff;padding:14px;margin:12px 0}
#community .gl26-saved-item>.gl211-post .gl211-card-body:has(.gl211-photo-frame){grid-template-columns:minmax(0,1fr) 100px}
@media(max-width:750px){
 #community .gl211-board{padding:13px 12px}
 #community .gl211-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #community .gl211-filter-job{grid-column:1/-1}
 #community .gl211-feed-results .gl211-post{padding:15px 9px 13px}
 #community .gl211-feed-results .gl211-post.garage-post-fresh{padding-left:7px;padding-right:9px}
 #community .gl211-card-body:has(.gl211-photo-frame){grid-template-columns:minmax(0,1fr) 88px;gap:10px}
 #community .gl211-photo-frame{width:88px;height:82px}
 #community .gl211-post h3{font-size:20px;margin:7px 0 5px}
 #community .gl211-post .community-card-summary{font-size:12px}
 #community .gl211-results-heading{margin-top:6px}
}
@media(max-width:390px){
 #community .gl211-project-shortcut{padding:11px;gap:8px}
 #community .gl211-project-shortcut strong{font-size:13px}
 #community .gl211-project-buttons button{padding:7px;font-size:11px}
 #community .gl211-nav-tabs{gap:10px}
 #community .gl211-nav-tabs button{font-size:11px}
 #community .gl211-search-row .primary{padding:0 11px}
 #community .gl211-card-body:has(.gl211-photo-frame){grid-template-columns:minmax(0,1fr) 75px;gap:8px}
 #community .gl211-photo-frame{width:75px;height:75px}
 #community .gl211-post h3{font-size:18px}
 #community .gl211-attachment{font-size:10px}
 #community .gl211-save,#community .gl211-open{padding:7px 8px;font-size:10px}
 #community .gl211-card-foot{gap:6px}
 #community .gl211-foot-actions{gap:4px}
}
@media(prefers-reduced-motion:reduce){#community .gl211-post{transition:none}}
/* The same post renderer is used in member profiles, saved collections, and
   project journals. Avoid the original two-column R/Q/D code layout there. */
#community .gl211-post{display:block;grid-template-columns:none;min-width:0;position:relative;padding:16px 14px;background:#fff;border:1px solid #d9e2d7;margin:9px 0}
#community .gl211-feed-results .gl211-post{margin:0;border:0;border-bottom:1px solid #d9e2d7;padding:17px 15px 14px}
#community .gl26-saved-item>.gl211-post{margin:12px 0;padding:14px;border:1px solid #d9e2d7}
@media(max-width:750px){#community .gl211-feed-results .gl211-post{padding:15px 9px 13px}}

/* v2.12 — Public project cover/gallery and clearer post actions. */
#community .gl211-follow-actions{margin-top:12px}
#community .gl211-follow-actions>summary{
 display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#223f37!important;
 background:#eef3eb;border:1px solid #b9cbb9;border-radius:4px;
 padding:9px 12px;font-size:12px;font-weight:800;letter-spacing:0;
 min-height:38px;list-style:none;max-width:100%;box-sizing:border-box;
}
#community .gl211-follow-actions>summary::-webkit-details-marker{display:none}
#community .gl211-follow-actions>summary:hover{background:#e4ece0;border-color:#8fa995}
#community .gl211-follow-actions[open]>summary{background:#dfeadd;border-color:#779e83;color:#183a2c!important}
#community .gl212-follow-symbol{display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;border-radius:3px;background:#285c43;color:white;font-size:14px}
#community .gl211-follow-actions[open] .gl212-follow-symbol{background:#9b5d3e}
#community .gl212-follow-chevron{font-size:16px;margin-left:auto;transition:transform .15s}
#community .gl211-follow-actions[open] .gl212-follow-chevron{transform:rotate(180deg)}
#community .gl211-follow-actions .community-card-follow{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #c7d8c8;border-top:none;background:#f5f8f2;padding:11px;margin-top:0}
#community .gl211-follow-actions .gl212-follow-choice{display:inline-flex;align-items:center;text-align:left;white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:39px;padding:9px 11px;background:#a95a39!important;border:1px solid #8d492e!important;color:#fff!important;font-size:12px!important;font-weight:800!important;line-height:1.3;border-radius:4px}
#community .gl211-follow-actions .gl212-follow-choice.ghost{background:#dcebe0!important;border-color:#5d9271!important;color:#1b5938!important}
#community .gl211-follow-actions .gl212-follow-choice:focus-visible{outline:3px solid #243a30;outline-offset:2px}

/* Each public project has its own opt-in photo album, not an automatic private garage import. */
.gl27-project-card.gl212-with-cover{overflow:hidden}
.gl212-project-cover{margin:-1px -1px 14px;height:155px;overflow:hidden;border-bottom:1px solid #d6ded3;background:#e1e7de}
.gl212-project-cover img,.gl212-profile-cover img,.gl212-project-hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
.gl212-profile-cover{width:100%;height:140px;margin:0 0 12px;overflow:hidden;background:#e1e7de}
.gl212-project-hero-photo{width:100%;height:clamp(175px,29vw,320px);overflow:hidden;margin:13px 0 18px;border-radius:3px;background:#e7ebe4}
.gl212-project-gallery{margin:20px 0 24px;border-top:1px solid #d3ded1;border-bottom:1px solid #d3ded1;padding:16px 0 17px;min-width:0}
.gl212-gallery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.gl212-gallery-head h3{font-size:22px!important;margin:2px 0 0!important}
.gl212-gallery-head h3 small{font-size:12px;color:#718576}
.gl212-gallery-note{color:#597666;letter-spacing:.1em;font:700 10px var(--s-mono,monospace)}
.gl212-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(154px,1fr));gap:11px;align-items:start;min-width:0}
.gl212-photo-tile{position:relative;min-width:0;background:#f9faf5;border:1px solid #d2ded0;border-radius:4px;overflow:hidden}
.gl212-photo-tile.is-cover{border-color:#b57957}
.gl212-photo-image{display:block;border:0;padding:0;background:#e4ebe4;width:100%;height:138px;cursor:zoom-in}
.gl212-photo-image img{display:block;width:100%;height:100%;object-fit:cover}
.gl212-photo-caption{display:block;padding:8px 8px 3px;font-size:11px;color:#465c51;overflow-wrap:anywhere;line-height:1.5}
.gl212-photo-cover-tag{position:absolute;top:6px;left:6px;background:#173b35;color:white;font:800 9px var(--s-mono,monospace);letter-spacing:.1em;padding:5px 7px}
.gl212-photo-controls{display:flex;gap:5px;flex-wrap:wrap;padding:6px}
.gl212-photo-controls button{font-size:11px;flex:1;min-height:32px;border:1px solid #b6c6b7;border-radius:3px;padding:4px 7px;color:#244339;background:#ecf2e9;font-weight:700}
.gl212-photo-controls button.danger{color:#a14c34;background:#f9ede6;border-color:#dbb6a6}
.gl212-photo-add{margin-top:14px;padding:0;border:1px solid #c5d4c2;background:#f2f6ee;border-radius:4px}
.gl212-photo-add>summary{padding:12px 13px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800;color:#28523c;cursor:pointer;list-style:none;font-size:13px}
.gl212-photo-add>summary::-webkit-details-marker{display:none}
.gl212-photo-add[open]>summary{border-bottom:1px solid #d1ddcb}
.gl212-photo-add form{padding:12px 14px 16px}
.gl212-upload-count{font-size:11px;font-weight:700;color:#5f766a}
.gl212-photo-empty{font-size:13px;line-height:1.6;color:#637769;margin:3px 0}
.gl212-gallery-warning{color:#9b5133!important;font-weight:700}
.gl212-project-photo-link{border:1px solid #c7d7cc!important;background:#edf3ec!important;color:#244c3b!important}
.gl212-viewer{position:fixed;z-index:999999;inset:0;padding:56px 18px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:rgba(10,22,23,.96)}
.gl212-viewer img{display:block;max-width:min(100%,1100px);max-height:calc(100dvh - 145px);object-fit:contain}
.gl212-viewer p{color:#f4f5ed;font-size:13px;text-align:center;margin:0;max-width:720px}
.gl212-viewer-close{position:absolute;top:max(18px,env(safe-area-inset-top));right:20px;border:1px solid #a8b7b0;border-radius:50%;background:#e8eee8;color:#17342a;width:42px;height:42px;font-size:20px;cursor:pointer}

/* Make the existing post composer purpose-first: text fields before optional vehicle specs. */
#community .gl212-compose-details{border:1px solid #cad7c6;border-radius:4px;background:#f0f5eb;margin:14px 0;padding:0}
#community .gl212-compose-details>summary{display:flex;gap:8px;align-items:center;padding:13px;list-style:none;cursor:pointer;color:#244939;font-size:13px;font-weight:850}
#community .gl212-compose-details>summary::-webkit-details-marker{display:none}
#community .gl212-compose-details>summary span{margin-left:auto;color:#6f8274;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-family:var(--s-mono,monospace)}
#community .gl212-compose-details-body{padding:0 13px 12px}
.gl212-project-chooser{display:flex;flex-direction:column;gap:9px}
.gl212-project-chooser>button{text-align:left;display:flex;flex-direction:column;gap:4px;background:#eef3eb;color:#204333;border:1px solid #c6d6c5;padding:12px;border-radius:3px;cursor:pointer}
.gl212-project-chooser>button b{font-size:14px}
.gl212-project-chooser>button small{color:#597066;font-size:12px}
.gl212-project-chooser>button:hover{background:#e4eee2}
@media(max-width:610px){
 .gl212-project-cover{height:132px}
 .gl212-project-hero-photo{height:195px}
 .gl212-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gl212-photo-image{height:115px}
 #community .gl211-follow-actions>summary{font-size:11px;padding:9px 10px}
 #community .gl211-follow-actions .gl212-follow-choice{width:100%;font-size:11px!important}
 .gl212-photo-controls button{font-size:10px}
}
@media(max-width:355px){.gl212-photo-grid{grid-template-columns:1fr 1fr}.gl212-photo-image{height:98px}}
@media(prefers-reduced-motion:reduce){#community .gl212-follow-chevron{transition:none}}

/* Garage Log v2.12.3: restrained account update panel */
.garage-app-update-card{border-top:3px solid var(--rust);max-width:850px}
.garage-app-update-card .section-title{display:flex;align-items:center;gap:12px}
.garage-app-update-card .section-title h3{margin:0}
.garage-app-version{font:700 11px var(--s-mono,monospace);letter-spacing:.07em;color:var(--ink);padding:7px 10px;background:#e4ebe3;border:1px solid #cbd6c9}
.garage-app-update-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
.garage-app-update-row button{min-height:44px}
.garage-app-mode{color:#506357;font-size:12px;font-weight:650}
.garage-app-update-status{color:#58685e;font-size:12px;line-height:1.45;margin:12px 0 0}
.garage-app-update-status.warn{color:#a33b23}
.garage-install-tips{margin-top:12px;background:#f6f7f0;border:1px solid #cbd6c9}
.garage-install-tips p{font-size:13px;line-height:1.6;margin:10px 0 0}
@media(max-width:650px){.garage-app-update-card{max-width:100%}.garage-app-update-row button{flex:1 1 190px}}
\n\n/* Garage Log v2.13 — final interface refinement: scanability, rhythm, and tap targets. */
/* The working vehicle-card modes, service-book artwork and PWA controls remain untouched. */
#history .gl213-history-month{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0 0;padding:11px 12px;background:#e8eee6;border-left:4px solid #a85c3d;color:#223c34}
#history .gl213-history-month:first-child{margin-top:10px}
#history .gl213-history-month strong{font:850 13px var(--s-heading,system-ui,sans-serif);letter-spacing:.01em;text-transform:uppercase}
#history .gl213-history-month small{font:750 10px var(--s-mono,monospace);color:#667c70;white-space:nowrap}
#history .history-entry{border-top:1px solid #e1e8db;padding:19px 5px;transition:background .15s}
#history .history-entry:hover{background:#f6f8f1}
#history .history-entry-meta{gap:5px 13px}
#history .history-entry-main h4{line-height:1.18;overflow-wrap:anywhere}
#history .history-entry-aside{gap:10px}
#history .history-entry-aside>strong{color:#345b47;padding:5px 9px;background:#edf3ec;border:1px solid #d9e6d7}
#history .history-entry-actions{gap:5px;align-items:center}
#history .history-entry-actions button{min-height:36px}
#history .gl213-view-vehicle{color:#385b4b!important;background:#edf3eb!important;border:1px solid #c5d6c7!important}
.gl213-empty{text-align:center;border:1px dashed #bfd0c2;background:#f8faf5;padding:36px 18px;margin:10px 0}
.gl213-empty-icon{display:block;font-size:28px;margin-bottom:8px}
.gl213-empty h3{font:850 22px var(--s-heading,system-ui,sans-serif);margin:0 0 6px;color:#203b31}
.gl213-empty p{font-size:13px;line-height:1.5;color:#65776d;margin:0 auto 15px;max-width:370px}
.gl213-empty button{min-height:40px}
#schedule .gl213-reminder-pulse{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:9px;margin:18px 0 9px}
#schedule .gl213-pulse-cell{display:flex;align-items:baseline;gap:10px;min-width:0;border:1px solid #d3dfd3;background:#f3f7f0;padding:11px 12px;color:#385746}
#schedule .gl213-pulse-cell strong{font:850 27px var(--s-heading,system-ui,sans-serif);line-height:1}
#schedule .gl213-pulse-cell span{font-weight:750;font-size:11px}
#schedule .gl213-pulse-due{border-left:3px solid #a74739}
#schedule .gl213-pulse-soon{border-left:3px solid #c18540}
#schedule .gl213-pulse-ok{border-left:3px solid #4d8560}
#schedule .gl213-reminder{padding:19px 17px;margin:12px 0;background:#fff;border:1px solid #dce5da;border-left:4px solid #91a99a}
#schedule .gl213-reminder.gl213-due{border-left-color:#ac463b}
#schedule .gl213-reminder.gl213-soon{border-left-color:#cb8d41}
#schedule .gl213-reminder.gl213-ok{border-left-color:#4d8a63}
#schedule .gl213-reminder-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#schedule .gl213-reminder-heading{min-width:0;flex:1}
#schedule .gl213-reminder-heading h4{font-size:21px;line-height:1.2;margin:0 0 7px;overflow-wrap:anywhere}
#schedule .gl213-reminder-interval{font-size:12px;color:#587066}
#schedule .gl213-status{flex-shrink:0;font:800 10px var(--s-mono,monospace);letter-spacing:.04em;color:#396348;background:#e5f1e7;border:1px solid #bfd7c4;padding:7px 9px}
#schedule .gl213-due .gl213-status{color:#963d30;background:#faeae5;border-color:#efc8be}
#schedule .gl213-soon .gl213-status{color:#8b5c1d;background:#f8efdf;border-color:#e9d2aa}
#schedule .gl213-next-due{display:flex;gap:11px;align-items:center;flex-wrap:wrap;background:#f1f5ec;padding:12px 15px;margin:15px 0 11px;border:1px solid #e2e9df}
#schedule .gl213-next-due>span{display:flex;flex-direction:column;gap:5px;min-width:0}
#schedule .gl213-next-due small{font:750 9px var(--s-mono,monospace);color:#6b8172;letter-spacing:.075em}
#schedule .gl213-next-due strong{font:850 17px var(--s-heading,system-ui,sans-serif);color:#274637;overflow-wrap:anywhere}
#schedule .gl213-or{font:750 10px var(--s-mono,monospace);color:#9aab9b;align-self:center}
#schedule .gl213-reminder-origin{font-size:12px;color:#617568;line-height:1.5;margin:8px 0!important}
#schedule .gl213-reminder-note{font-size:12px;color:#587062;background:#f8faf5;border-left:2px solid #bbcdb9;padding:7px 11px;margin:11px 0!important}
#schedule .gl213-no-due{font-size:12px;color:#9b6246;margin:12px 0}
#schedule .gl213-reminder-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:14px}
#schedule .gl213-reminder-actions button{min-height:38px;font-size:12px}
#schedule .gl213-reminder-actions button.ghost{color:#65796b;background:#fbfcf7}
#vehicles .cover-buttons .gl213-reminder-link{color:#f0f2e6;border-color:#7a8f84;background:#263b3c}
#vehicles .cover-buttons .gl213-reminder-link:hover{background:#365152}
#vehicles .service-record{scroll-margin-top:70px}
#vehicles .service-date time{color:#233e35;font-weight:850}
#vehicles .service-description h4{line-height:1.18;overflow-wrap:anywhere}
#vehicles .service-actions{gap:7px}
#vehicles .service-actions button{min-height:35px}
/* Conversation list first, with a discoverable but space-saving member search. */
#community .gl213-new-message{margin:0;border:0;border-bottom:1px solid #dbe6db;border-radius:0;background:#ecf2e9;padding:0}
#community .gl213-new-message>summary{display:flex;align-items:center;gap:9px;min-height:51px;padding:11px 19px;color:#24493a;font-size:14px;font-weight:850;list-style:none}
#community .gl213-new-message>summary::-webkit-details-marker{display:none}
#community .gl213-new-message>summary>span{color:#fff;background:#a86042;display:grid;place-items:center;min-width:24px;height:24px;font-size:19px}
#community .gl213-new-message>summary>small{margin-left:auto;color:#6f8474;font-size:11px;font-weight:650}
#community .gl213-new-message[open]>summary{border-bottom:1px solid #cfddca}
#community .gl213-new-message .garage-dm-search{background:#f8faf4;padding:14px 19px}
#community .garage-dm-conversations>h3{display:flex;align-items:center;gap:10px;margin-bottom:12px}
#community .garage-dm-conversations>h3 small{font:800 11px var(--s-mono,monospace);color:#577361;background:#eaf2e8;padding:5px 9px}
#community .garage-dm-person{min-height:66px;gap:13px;padding:12px 15px}
#community .garage-dm-person.garage-dm-has-unread{background:#f0f7ed;border-left:4px solid #b66b44}
#community .garage-dm-unread-label{font-weight:850;color:#8f4e30!important}
#community .garage-dm-person:focus-visible{outline:2px solid #a35a3c;outline-offset:-3px}
#community .garage-dm-compose{background:#f7faf4;border-top:1px solid #d9e3d7}
#community .garage-dm-message-card{overflow-wrap:anywhere}
/* Account pages: consistent spacing and a clear hierarchy without extra settings. */
#settings .page-heading{margin-bottom:20px}
#settings .account-grid{gap:16px}
#settings .account-grid .card{margin:0;min-width:0}
#settings .account-card,#settings .backup-card{padding:22px}
#settings .account-card>h3,#settings .backup-card>h3,#settings .gl26-backup-card>h3{font-size:23px;line-height:1.15;margin:0 0 13px}
#settings .push-settings{margin-top:24px;padding-top:20px;border-top:1px solid #cbd8ca}
#settings .backup-card .row{gap:9px}
#settings .backup-card .row button{min-height:42px}
#settings .gl26-backup-card{margin-top:17px}
#settings .garage-app-update-card{max-width:none}
#settings .garage-app-update-row{align-items:center}
/* Focus and touch accessibility in the main workshop screens. */
#history button:focus-visible,#schedule button:focus-visible,#vehicles button:focus-visible,#community .gl213-new-message>summary:focus-visible,#settings button:focus-visible{outline:3px solid #bb6b44;outline-offset:2px}
@media(max-width:760px){
 #history .history-entry{padding:15px 1px}
 #history .gl213-history-month{margin-top:21px;padding:10px 11px}
 #history .history-entry-aside{align-items:center;flex-wrap:wrap}
 #history .history-entry-actions{justify-content:flex-start}
 #schedule .gl213-reminder{margin:9px 0;padding:16px 13px}
 #schedule .gl213-reminder-heading h4{font-size:18px}
 #schedule .gl213-reminder-top{align-items:flex-start;gap:8px}
 #schedule .gl213-status{font-size:9px;max-width:105px;text-align:center;white-space:normal}
 #schedule .gl213-next-due{gap:8px;padding:11px;margin:13px 0 9px}
 #schedule .gl213-next-due strong{font-size:15px}
 #schedule .gl213-pulse-cell{flex-direction:column;gap:4px;padding:9px 8px;align-items:flex-start}
 #schedule .gl213-pulse-cell strong{font-size:25px}
 #schedule .gl213-pulse-cell span{font-size:10px}
 #community .gl213-new-message>summary{padding:11px 13px}
 #community .gl213-new-message .garage-dm-search{padding:13px}
 #settings .account-card,#settings .backup-card{padding:17px}
 #settings .account-card>h3,#settings .backup-card>h3{font-size:21px}
}
@media(max-width:365px){#schedule .gl213-pulse-cell{padding:8px 7px}#schedule .gl213-status{max-width:91px;font-size:8px}}
@media(prefers-reduced-motion:reduce){#history .history-entry{transition:none}}

#history .gl213-history-month small{margin-left:auto;padding-left:12px}
#schedule .gl213-or{margin:0 7px;flex:0 0 auto}


/* Garage Log v2.13.1 — a dedicated, readable Following manager and a feed whose
   card headers distinguish repair logs, questions, discussions and build updates. */
#community .gl2131-follow-page{display:flex;flex-direction:column;gap:16px;min-width:0}
#community .gl2131-follow-hero{border:1px solid #ced9ce;background:linear-gradient(130deg,#e9f0e7,#f8faf5);padding:22px 24px;min-width:0}
#community .gl2131-follow-hero h2{font:850 clamp(26px,3vw,36px)/1.1 var(--s-heading,system-ui,sans-serif);margin:8px 0 9px;color:#20382f}
#community .gl2131-follow-hero p{font-size:13px;line-height:1.6;color:#52665b;max-width:650px;margin:0 0 17px}
#community .gl2131-follow-stats{display:flex;gap:9px;flex-wrap:wrap}
#community .gl2131-follow-stats>div{display:flex;align-items:baseline;gap:8px;padding:10px 15px;border:1px solid #c5d5c7;background:#fff;min-width:108px;flex:1}
#community .gl2131-follow-stats strong{font:850 26px/1 var(--s-heading,system-ui,sans-serif);color:#24503c}
#community .gl2131-follow-stats span{font-size:11px;font-weight:750;color:#576e5f}
#community .gl2131-follow-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:9px;border-bottom:1px solid #d0dacf}
#community .gl2131-follow-toolbar h3{font:850 23px var(--s-heading,system-ui,sans-serif);margin:0;color:#1e3932}
#community .gl2131-follow-toolbar h3 span{font:800 12px var(--s-mono,monospace);color:#5c7967;padding:4px 6px;background:#e5ece2}
#community .gl2131-follow-filters{display:flex;gap:5px;flex-wrap:wrap}
#community .gl2131-follow-filters button{background:#edf2eb;border:1px solid #ccd9cc;color:#315344;padding:9px 11px;font-size:11px;font-weight:800;border-radius:3px;min-height:38px}
#community .gl2131-follow-filters button.selected{background:#233f37;color:#fff;border-color:#233f37}
#community .gl2131-follow-filters span{margin-left:3px;opacity:.8}
#community .gl2131-follow-groups{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
#community .gl2131-follow-section{border:1px solid #d2ded0;background:#fff;min-width:0;padding:0 0 5px}
#community .gl2131-follow-section[hidden]{display:none!important}
#community .gl2131-follow-section-head{display:flex;justify-content:space-between;align-items:start;gap:12px;background:#f0f5ec;padding:14px 15px;border-bottom:1px solid #d7e1d4}
#community .gl2131-follow-section-head h3{margin:0;font:850 19px var(--s-heading,system-ui,sans-serif);color:#244639}
#community .gl2131-follow-section-head p{font-size:11px;line-height:1.5;margin:4px 0 0;color:#637568}
#community .gl2131-follow-section-head>span{border-radius:3px;background:#d9e8d7;color:#265840;font:850 12px var(--s-mono,monospace);padding:5px 8px}
#community .gl2131-follow-lines{display:flex;flex-direction:column;min-width:0}
#community .gl2131-follow-line{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 14px;border-bottom:1px solid #edf1e9}
#community .gl2131-follow-line:last-child{border-bottom:0}
#community .gl2131-follow-icon{display:flex;align-items:center;justify-content:center;background:#edf3e9;border:1px solid #d7e4d5;width:34px;height:34px;flex:none;font-size:17px}
#community .gl2131-follow-label{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px;overflow-wrap:anywhere}
#community .gl2131-follow-label strong{font-size:13px;color:#233e33;font-weight:850;overflow-wrap:anywhere}
#community .gl2131-follow-label .community-name-link{font-size:13px;font-weight:850;color:#24503c;white-space:normal;text-align:left}
#community .gl2131-follow-label small{font-size:10px;color:#677c70;line-height:1.4}
#community .gl2131-unfollow{background:#fbf4ef;border:1px solid #dab5a4;border-radius:3px;color:#985137;font-size:11px;min-height:36px;font-weight:800;padding:7px 9px;white-space:nowrap}
#community .gl2131-unfollow span{font-size:16px;margin-left:3px;vertical-align:-1px}
#community .gl2131-unfollow:hover{background:#f8e3d9}
#community .gl2131-follow-empty{padding:23px 15px;font-size:12px;line-height:1.6;color:#677a6c}
#community .gl2131-follow-add{border:1px solid #cad9c9;background:#fbfcf8;min-width:0}
#community .gl2131-add-heading{background:#eef3eb;padding:17px 20px 13px;border-bottom:1px solid #d2dfd0}
#community .gl2131-add-heading h3{font:850 22px var(--s-heading,system-ui,sans-serif);margin:6px 0;color:#254438}
#community .gl2131-add-heading p{font-size:12px;color:#586d5e;margin:0;line-height:1.55}
#community .gl2131-follow-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
#community .gl2131-follow-add-form{padding:17px 20px 22px;min-width:0}
#community .gl2131-follow-add-form+.gl2131-follow-add-form{border-left:1px solid #d5dfd1}
#community .gl2131-follow-add-form h4{font:850 17px var(--s-heading,system-ui,sans-serif);margin:0 0 12px;color:#233c32}
#community .gl2131-follow-add-form .community-search{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:0;background:transparent;border:none;margin:0}
#community .gl2131-follow-add-form .community-search .field{flex:1;min-width:170px}
#community .gl2131-follow-add-form .community-follow-form{background:transparent;border:none;padding:0;margin:0}
#community .gl2131-follow-add-form .community-follow-inputs{display:grid;gap:9px}
#community .gl2131-follow-add-form input,#community .gl2131-follow-add-form select{min-width:0;max-width:100%;box-sizing:border-box}
#community .gl2131-member-results{margin-top:12px}
#community .gl2131-follow-shortcut{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#eff4ed;border:1px solid #cadac9;padding:13px 16px;margin:15px 0 2px}
#community .gl2131-follow-shortcut>div{display:flex;flex-direction:column;gap:4px}
#community .gl2131-follow-shortcut strong{font-size:13px;color:#244b39}
#community .gl2131-follow-shortcut small{font-size:11px;color:#596f5e;line-height:1.5}
#community .gl2131-follow-shortcut button{border:1px solid #456e54;background:#244a39;color:#fff;border-radius:3px;font-size:12px;font-weight:800;padding:10px 14px;min-height:38px}
/* Distinctive, compact post cards. Each type gets its own full-width header and
   vertical accent; nothing depends on colour alone. */
#community .gl2131-post{--gl2131-accent:#b45e3c;--gl2131-tint:#f8ede5;--gl2131-text:#854b35;border-left:4px solid var(--gl2131-accent)!important}
#community .gl2131-post.gl211-question{--gl2131-accent:#3d8163;--gl2131-tint:#eaf4eb;--gl2131-text:#286144}
#community .gl2131-post.gl211-discussion{--gl2131-accent:#537d87;--gl2131-tint:#eaf1f2;--gl2131-text:#375e67}
#community .gl2131-post.gl211-project{--gl2131-accent:#9d7941;--gl2131-tint:#f6f0e4;--gl2131-text:#76552b}
#community .gl211-feed-results{gap:9px}
#community .gl211-feed-results .gl2131-post{background:#fff!important;border:1px solid #d6e0d6!important;border-left:4px solid var(--gl2131-accent)!important;margin:0;padding:14px 15px 12px;box-shadow:0 1px 1px rgba(20,60,35,.035)}
#community .gl211-feed-results .gl2131-post.garage-post-fresh{box-shadow:0 0 0 1px #daab7f}
#community .gl2131-post .gl2131-type-header{background:var(--gl2131-tint);border-bottom:1px solid #dfe6df;padding:10px 12px;margin:-14px -15px 11px;min-height:29px;gap:8px}
#community .gl2131-post .gl211-post-label{background:#fff!important;border:1px solid var(--gl2131-accent)!important;border-left:4px solid var(--gl2131-accent)!important;color:var(--gl2131-text)!important;padding:5px 9px;font-size:10px;letter-spacing:.045em}
#community .gl2131-post .gl2131-post-purpose{font:750 10px var(--s-mono,monospace);color:var(--gl2131-text);letter-spacing:.06em;opacity:.92}
#community .gl2131-post .gl211-card-top time{color:#536e5c;font-weight:650}
#community .gl2131-post h3{font-size:clamp(19px,2.15vw,23px);margin:7px 0}
#community .gl2131-post .community-card-summary{color:#425a4e;font-size:13px;line-height:1.55;margin:7px 0 10px}
#community .gl2131-post .gl211-card-foot{margin-top:12px}
#community .gl2131-post .gl211-post-label span{font-size:13px}
#community .gl2131-post:focus-visible{outline:3px solid var(--gl2131-accent);outline-offset:1px}
#community .gl2131-post:hover{box-shadow:0 2px 8px rgba(27,58,43,.06)}
#community .gl26-saved-item>.gl2131-post{padding:14px;border-left:4px solid var(--gl2131-accent)!important}
#community .gl26-saved-item>.gl2131-post .gl2131-type-header{margin:-14px -14px 11px}
@media(max-width:760px){
 #community .gl2131-follow-add-grid{grid-template-columns:1fr}
 #community .gl2131-follow-add-form+.gl2131-follow-add-form{border-left:0;border-top:1px solid #d5dfd1}
 #community .gl2131-follow-toolbar{align-items:stretch}
 #community .gl2131-follow-filters{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 #community .gl2131-follow-filters button{padding:9px 5px;font-size:10px}
 #community .gl211-feed-results .gl2131-post{padding:13px 11px 12px}
 #community .gl2131-post .gl2131-type-header{margin:-13px -11px 9px;padding:9px 10px}
 #community .gl2131-post .gl2131-post-purpose{font-size:9px;letter-spacing:0}
 #community .gl2131-post h3{font-size:19px}
 #community .gl2131-post .gl211-card-top time{margin-left:auto}
}
@media(max-width:390px){
 #community .gl2131-post .gl2131-post-purpose{display:none}
 #community .gl2131-follow-hero{padding:17px 14px}
 #community .gl2131-follow-stats>div{min-width:0;padding:9px 8px;gap:5px}
 #community .gl2131-follow-stats span{font-size:10px}
 #community .gl2131-follow-stats strong{font-size:21px}
 #community .gl2131-follow-add-form{padding:15px 13px}
 #community .gl2131-follow-line{padding:10px;gap:7px}
 #community .gl2131-unfollow{padding:6px 7px}
}
@media(prefers-reduced-motion:reduce){#community .gl2131-post{transition:none}}
@media(max-width:760px){
 #community .gl2131-follow-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 #community .gl2131-follow-stats>div{min-width:0;justify-content:center;padding:10px 5px}
 #community .gl2131-follow-add-form .community-search{flex-direction:column;align-items:stretch}
 #community .gl2131-follow-add-form .community-search .field{width:100%;min-width:0}
 #community .gl2131-follow-add-form .community-search button{width:100%}
}


/* Garage Log v2.14 — streamlined log editor inspired by a compact service-entry UI. */
#new .gl214-log-shell{max-width:770px;margin:0 auto 38px;color:#1b3130}
#new .gl214-log-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:16px 0 18px}
#new .gl214-log-heading h2{font-family:var(--s-heading,inherit);font-size:clamp(32px,5.2vw,47px);line-height:1;letter-spacing:-.025em;margin:4px 0 10px;text-transform:uppercase;color:#1b3130}
#new .gl214-log-heading p{font-size:13px;color:#687870;line-height:1.5;margin:0;max-width:440px}
#new .gl214-log-close{background:transparent;border:1px solid #cbd6c9;font-size:12px;padding:10px 14px;white-space:nowrap;border-radius:4px}
#new .gl214-log-form{border:1px solid #cad6cb;border-top:4px solid #be6344;background:#fffdf8;box-shadow:4px 5px 0 #d5ddd3;padding:24px;max-width:100%;margin-bottom:34px}
#new .gl214-log-section-label{display:flex;align-items:center;gap:9px;color:#55716a;font-family:var(--s-mono,ui-monospace,monospace);font-size:11px;letter-spacing:.115em;font-weight:800;margin:4px 0 11px}
#new .gl214-log-section-label span{color:#ab583a;letter-spacing:.03em}
#new .gl214-log-section-label em{margin-left:auto;font-size:10px;font-style:normal;letter-spacing:.02em;color:#8b9891}
#new .gl214-vehicle-picker{display:flex;align-items:center;gap:15px;padding:9px 13px 9px 9px;background:#ecf1ea;border:1px solid #c9d6c9;position:relative;min-height:89px;margin-bottom:22px}
#new .gl214-vehicle-picker:focus-within{outline:2px solid #b75b3b;outline-offset:2px}
#new .gl214-vehicle-art{width:98px;height:72px;flex:none;background:#d7dfd7;border:1px solid #d1dad0;position:relative;overflow:hidden;display:grid;place-items:center}
#new .gl214-vehicle-art .gl214-vehicle-emoji{font-size:42px;line-height:1}
#new .gl214-vehicle-art>.garage-photo-host{display:block!important;position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#d7dfd7}
#new .gl214-vehicle-art>.garage-photo-host img{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
#new .gl214-vehicle-art .garage-photo-fallback{width:100%;height:100%;display:grid;place-items:center;font-size:42px}
#new .gl214-vehicle-caption{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
#new .gl214-vehicle-caption strong{font-size:17px;line-height:1.25;letter-spacing:-.02em;color:#1b3130;overflow-wrap:anywhere}
#new .gl214-vehicle-caption span{font-size:12px;color:#78897e;overflow-wrap:anywhere}
#new .gl214-vehicle-chevron{font-size:28px;line-height:1;color:#a75a3c;align-self:center;padding:0 4px 5px}
#new .gl214-vehicle-picker>select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}
#new .gl214-log-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:0 0 23px}
#new .gl214-log-form .field{min-width:0;margin:0}
#new .gl214-log-form .field>label{display:block;font-size:12px;color:#536b61;font-weight:800;letter-spacing:.01em;margin:0 0 7px}
#new .gl214-log-form input:not([type=checkbox]):not([type=file]),#new .gl214-log-form textarea{width:100%;min-width:0;background:#f1f4ef;color:#1c3330;border:1px solid #cbd6cc;border-radius:3px;padding:12px 13px;box-shadow:none;font-size:16px;line-height:1.4}
#new .gl214-log-form input:focus-visible,#new .gl214-log-form textarea:focus-visible{outline:2px solid #b86245;outline-offset:2px}
#new .gl214-log-form input[type=date]{min-height:50px;color-scheme:light;-webkit-appearance:auto}
#new .gl214-log-form input[type=number]{min-height:50px;text-align:right;font-variant-numeric:tabular-nums}
#new .gl214-title-field{margin:0 0 17px!important}
#new .gl214-title-field input{min-height:54px;font-weight:700}
#new .gl214-notes-field{margin:0 0 24px!important}
#new .gl214-notes-field label small{font-size:11px;font-weight:500;color:#87958d}
#new .gl214-notes-field textarea{min-height:118px;resize:vertical;line-height:1.55}
#new .gl214-photos-label{margin-bottom:14px}
#new .gl214-file-grid{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;margin:0 0 6px}
#new .gl214-new-files{display:contents}
#new .gl214-file-tile,#new .gl214-file-add{width:93px;min-height:109px;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none;position:relative}
#new .gl214-file-art,#new .gl214-file-add{height:79px;width:93px;border:1px solid #c9d4ca;background:#e4ebe4;display:grid;place-items:center;overflow:hidden}
#new .gl214-file-art{font-size:28px}
#new .gl214-file-art>img{width:100%;height:100%;object-fit:cover}
#new .gl214-file-art>.garage-photo-host{position:relative;display:block;width:100%;height:100%}
#new .gl214-file-art>.garage-photo-host img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#new .gl214-file-tile small{font-size:10px;color:#61736a;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
#new .gl214-file-add{justify-content:center;cursor:pointer;color:#a55b3e;background:#f2f3ec;border:1px dashed #b4c6b7;gap:1px;padding:5px}
#new .gl214-file-add>span{font-size:36px;font-weight:400;line-height:1}
#new .gl214-file-add>small{font-size:10px;text-align:center;font-weight:700;line-height:1.2;color:#566b60}
#new .gl214-file-add:hover{background:#e4eee4;border-color:#ad5b3e}
#new .gl214-file-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#new .gl214-file-input:focus-visible + .gl214-files-hint{outline:2px solid #a55b3e;outline-offset:2px}
#new .gl214-remove-file{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:700;color:#a2452e;cursor:pointer;margin-top:1px}
#new .gl214-remove-file input{width:15px;height:15px;margin:0;accent-color:#a2452e}
#new .gl214-files-hint{font-size:11px;color:#728579;line-height:1.5;margin:10px 0 20px}
#new .gl214-work-reminders{border:1px solid #d2ddd2;background:#f5f7f1;padding:11px 13px;margin:4px 0 20px;font-size:13px}
#new .gl214-work-reminders summary{cursor:pointer;color:#38594e;font-weight:800}
#new .gl214-work-reminders summary>span{color:#829188;font-size:11px;font-weight:500;margin-left:6px}
#new .gl214-work-reminders .muted{font-size:11px}
#new .gl214-log-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-top:1px solid #d4ddd3;padding-top:20px;margin-top:18px}
#new .gl214-log-actions .primary{background:#bb6444;color:white;min-height:48px;font-size:14px;padding:12px 24px}
#new .gl214-log-actions .ghost{min-height:48px;background:transparent;border:1px solid #cbd6cd}
#settings .account-card>.garage-app-update-card{margin-top:23px;border:1px solid #cbd7ca;border-top:3px solid #be6344;box-shadow:none;background:#f6f8f3;padding:17px 16px;max-width:none}
#settings .account-card>.garage-app-update-card .garage-app-update-row{margin-top:10px}
@media(max-width:650px){
 #new .gl214-log-shell{padding-bottom:12px}
 #new .gl214-log-heading{gap:10px;margin:6px 0 14px}
 #new .gl214-log-heading h2{font-size:33px}
 #new .gl214-log-heading p{font-size:11px}
 #new .gl214-log-close{padding:9px 10px;font-size:11px}
 #new .gl214-log-form{padding:16px 14px 18px;box-shadow:3px 4px 0 #d5ddd3}
 #new .gl214-vehicle-picker{gap:10px;padding:8px;min-height:80px}
 #new .gl214-vehicle-art{width:73px;height:63px}
 #new .gl214-vehicle-caption strong{font-size:14px}
 #new .gl214-vehicle-caption span{font-size:11px}
 #new .gl214-log-facts{gap:9px}
 #new .gl214-log-form input:not([type=checkbox]):not([type=file]){padding:10px 9px;font-size:16px}
 #new .gl214-log-form .field>label{font-size:11px}
 #new .gl214-file-tile,#new .gl214-file-add{width:78px}
 #new .gl214-file-art,#new .gl214-file-add{width:78px;height:73px}
}
@media(max-width:355px){#new .gl214-log-facts{grid-template-columns:1fr}#new .gl214-vehicle-art{width:65px}#new .gl214-log-form{padding:13px 10px}#new .gl214-log-heading h2{font-size:29px}}


/* Garage Log 2.15 — reference-inspired service-entry form, without V3 styling. */
#new .gl215-log-shell{max-width:610px;margin:0 auto 34px;color:#202a28}
#new .gl215-log-topbar{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:8px;min-height:56px;margin:0 0 13px}
#new .gl215-log-topbar h2{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:20px;font-weight:780;text-transform:none;letter-spacing:-.035em;margin:0;text-align:center;line-height:1.2;color:#1b2928}
#new .gl215-back{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#1f302c;padding:8px;cursor:pointer}
#new .gl215-icon{display:block;width:20px;height:20px;flex:none}
#new .gl215-back .gl215-icon{width:24px;height:24px}
#new .gl215-top-save{border:0;border-radius:11px;background:#ce6730;color:white;min-height:37px;padding:8px 10px;font-size:12px;font-weight:750;box-shadow:0 2px 7px #ae5d352b;cursor:pointer}
#new .gl215-top-save:disabled{opacity:.55;cursor:wait}
#new .gl215-log-form{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0 0 24px!important;margin:0!important}
#new .gl215-vehicle-picker{background:#303735!important;border:1px solid #303735!important;min-height:72px!important;border-radius:13px!important;box-shadow:0 4px 8px rgba(21,30,27,.11);padding:7px!important;gap:11px!important;margin:0 0 24px!important;overflow:hidden}
#new .gl215-vehicle-picker .gl214-vehicle-art{width:92px!important;height:61px!important;border:0!important;border-radius:8px!important;overflow:hidden;background:#48524d}
#new .gl215-vehicle-picker .gl214-vehicle-caption{gap:3px!important}
#new .gl215-vehicle-picker .gl214-vehicle-caption strong{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#fff!important;font-size:14px!important;line-height:1.25;font-weight:760;white-space:normal}
#new .gl215-vehicle-picker .gl214-vehicle-caption span{color:#d1d8d1!important;font-size:11px!important;line-height:1.35}
#new .gl215-vehicle-picker .gl214-vehicle-chevron{padding:0!important;color:#e6ede4!important}
#new .gl215-vehicle-picker .gl214-vehicle-chevron svg{width:19px;height:19px}
#new .gl215-log-form .field>label,#new .gl215-photos-heading label{display:block;font:750 12px system-ui,-apple-system,Segoe UI,sans-serif;color:#25302d;letter-spacing:0;margin:0 0 8px}
#new .gl215-required{color:#d36c33}
#new .gl215-log-form .gl214-title-field{margin:0 0 17px!important}
#new .gl215-input-wrap{position:relative;min-width:0}
#new .gl215-input-wrap>.gl215-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#53625d;pointer-events:none;z-index:1}
#new .gl215-log-form .gl215-input-wrap>input{width:100%!important;border:1px solid #d6d8d1!important;border-radius:13px!important;background:#fcfaf5!important;color:#222f2c!important;min-height:44px!important;line-height:1.4!important;font:500 14px system-ui,-apple-system,Segoe UI,sans-serif!important;box-shadow:0 1px 3px rgba(21,38,31,.035)!important;padding:10px 11px 10px 39px!important;min-width:0!important}
#new .gl215-title-field .gl215-input-wrap>input{font-weight:600!important}
#new .gl215-log-facts{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px!important}
#new .gl215-log-facts .gl215-input-wrap>input[type=date]{color-scheme:light;font-size:13px!important;padding:9px 7px 9px 35px!important}
#new .gl215-log-facts .gl215-input-wrap>input[type=number]{padding:9px 28px 9px 35px!important;text-align:right;font-variant-numeric:tabular-nums;font-size:13px!important}
#new .gl215-odo-unit{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;color:#78867a;pointer-events:none}
#new .gl215-notes-field{margin:0 0 20px!important}
#new .gl215-notes-field textarea{border:1px solid #d6d8d1!important;border-radius:13px!important;background:#fcfaf5!important;padding:12px!important;font:500 14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif!important;min-height:103px!important;color:#24302d!important}
#new .gl215-photos-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
#new .gl215-photos-heading label{margin:0}
#new .gl215-photo-count{font-size:12px;font-weight:700;color:#53665a;font-variant-numeric:tabular-nums}
#new .gl215-photo-count.gl215-overlimit{color:#b63d27}
#new .gl215-file-grid{display:flex;align-items:flex-start;gap:7px!important;flex-wrap:wrap;margin:0 0 3px!important}
#new .gl215-file-grid .gl214-new-files{display:contents}
#new .gl215-file-tile,#new .gl215-file-add{width:74px!important;height:74px!important;min-height:74px!important;flex:none;position:relative;margin:0!important;display:block;border-radius:10px!important;overflow:hidden}
#new .gl215-file-tile .gl214-file-art{width:100%!important;height:100%!important;border:1px solid #d8d8cf!important;border-radius:10px!important;background:#e7e5dd;overflow:hidden}
#new .gl215-file-tile .garage-photo-host{width:100%!important;height:100%!important}
#new .gl215-file-tile img{width:100%;height:100%;object-fit:cover}
#new .gl215-file-remove{position:absolute;top:3px;right:3px;z-index:5;display:grid;place-items:center;width:21px;height:21px;line-height:1;border-radius:99px;border:0;background:rgba(25,32,31,.82);color:white!important;font-size:18px;font-weight:650;padding:0;cursor:pointer}
#new label.gl215-file-remove input{position:absolute;inset:0;appearance:none;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}
#new .gl215-file-remove:has(input:checked){background:#b74d2c}
#new .gl215-file-remove:has(input:focus-visible){outline:2px solid #fff;outline-offset:1px}
#new .gl215-file-tile.gl215-marked .gl214-file-art{opacity:.42}
#new .gl215-file-add{display:grid!important;place-items:center;border:1px dashed #cf996f!important;background:#fff9f2!important;color:#d26a34!important;cursor:pointer;padding:0!important}
#new .gl215-file-add span:first-child{font-size:34px;line-height:1;font-weight:300}
#new .gl215-files-hint{margin:7px 0 19px!important;font-size:10px!important;color:#718076}
#new .gl215-log-actions{display:block!important;border:0!important;margin-top:17px!important;padding:0!important}
#new .gl215-log-actions>.primary{width:100%;min-height:50px;border:0;border-radius:999px;background:linear-gradient(180deg,#e5792f,#d2601e);font-size:14px;font-weight:800;box-shadow:0 3px 10px #c7652838}
#new .gl215-delete-entry{display:block;border:0;background:transparent;color:#a54830;margin:12px auto 0;font-size:12px;text-decoration:underline;padding:10px}
#new .gl214-work-reminders{margin:10px 0 19px!important;background:#f6f7f1;border:1px solid #d9ded6;border-radius:9px;padding:12px}
#new .gl214-work-reminders summary{color:#3c544b;font-size:12px}
#new .gl214-reminder-suggest[hidden]{display:none!important}
/* Community media: show the *whole image*, keeping original proportions on the feed and thread. */
#community .gl211-card-body:has(.gl215-post-photo){display:block!important;grid-template-columns:none!important}
#community .gl215-post-photo{display:block;width:100%;height:auto;max-width:100%;margin:13px 0 4px;overflow:visible;background:transparent;border:0;min-width:0}
#community .gl215-post-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px;border:1px solid #d9dfd8}
#community .community-media{height:auto!important;max-height:none!important;max-width:100%;object-fit:contain!important}
#community .gl215-foot-info{display:flex;gap:10px;align-items:center;margin-right:auto;min-width:0}
#community .gl215-comment-counter{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:750;color:#415e51;white-space:nowrap;font-variant-numeric:tabular-nums}
#community .gl215-comment-icon{width:17px;height:17px}
#community .gl211-card-foot:has(.gl215-foot-info){flex-wrap:wrap}
#community .gl211-card-foot:has(.gl215-foot-info)>.gl211-attachment{display:none}
/* Numbered FILE labels removed from the Garage and Overview vehicle cards. */
#home .vehicle-art>.unit-number,#vehicles .vehicle-art>.unit-number{display:none!important}
@media(max-width:700px){
 #new .gl215-log-shell{max-width:560px;padding:0 1px 15px}
 #new .gl215-log-topbar{margin:0 0 11px;grid-template-columns:44px minmax(0,1fr) 54px}
 #new .gl215-log-topbar h2{font-size:17px}
 #new .gl215-vehicle-picker{margin-bottom:18px!important}
 #new .gl215-vehicle-picker .gl214-vehicle-art{width:78px!important;height:58px!important}
 #new .gl215-vehicle-picker .gl214-vehicle-caption strong{font-size:12px!important}
 #new .gl215-vehicle-picker .gl214-vehicle-caption span{font-size:10px!important}
 #new .gl215-file-tile,#new .gl215-file-add{width:67px!important;height:68px!important;min-height:68px!important}
 #new .gl215-log-facts{gap:9px}
 #new .gl215-log-facts .gl215-input-wrap>input[type=date]{font-size:12px!important}
 #new .gl215-log-facts .gl215-input-wrap>input[type=number]{font-size:12px!important}
 #new .gl215-log-form .gl215-input-wrap>input{font-size:14px!important}
 #community .gl215-post-photo{margin:11px 0 3px}
 #community .gl215-comment-counter{font-size:12px}
}
@media(max-width:360px){
 #new .gl215-file-tile,#new .gl215-file-add{width:61px!important;height:63px!important;min-height:63px!important}
 #new .gl215-log-facts .gl215-input-wrap>.gl215-icon{width:15px;height:15px;left:8px}
 #new .gl215-log-facts .gl215-input-wrap>input[type=date]{padding-left:27px!important;font-size:11px!important}
 #new .gl215-log-facts .gl215-input-wrap>input[type=number]{padding-left:28px!important;font-size:11px!important}
 #community .gl211-card-foot .gl211-foot-actions{flex-wrap:wrap;justify-content:flex-end}
}

/* Final 2.14.1 form alignment to the supplied phone reference. */
#new .gl215-log-form .gl214-notes-field textarea{border:1px solid #d6d8d1!important;border-radius:13px!important;background:#fcfaf5!important;padding:12px!important;font:500 14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif!important;min-height:103px!important;color:#24302d!important}
@media(max-width:700px){
 body:has(#new:not([hidden])) .topbar,body:has(#new:not([hidden])) .workspace-topline{display:none!important}
 body:has(#new:not([hidden])) #appMain{padding-top:4px}
 #new .gl215-log-shell{padding-bottom:125px}
}

/* Warm, calm service-entry canvas only while the Log screen is open. */
body:has(#new:not([hidden])){background:#f7f4ed}
body:has(#new:not([hidden])) #appMain{background:#f7f4ed}


/* Garage Log v2.15.1 — same-width facts, unit controls and compact actions. */
#new .gl2151-mileage-label{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:22px;margin-bottom:7px}
#new .gl2151-mileage-label label{margin:0!important;min-width:0;white-space:nowrap}
#new #eOdoUnit{background:#e9eee8;color:#30463d;font-size:11px;font-weight:800;border:1px solid #cbd8ce;border-radius:6px;padding:2px 3px;min-width:48px;max-width:66px;line-height:1.2;min-height:25px;cursor:pointer}
#new .gl215-log-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:end}
#new .gl215-log-facts>.field{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column}
#new .gl215-log-facts>.field>label{min-height:22px;display:flex;align-items:center;margin:0 0 7px!important}
#new .gl215-log-facts .gl215-input-wrap{display:flex;min-height:48px!important;height:48px!important;width:100%;min-width:0;align-items:center}
#new .gl215-log-facts .gl215-input-wrap>input{display:block;width:100%!important;min-width:0!important;max-width:100%!important;min-height:48px!important;height:48px!important;box-sizing:border-box!important;border-radius:13px!important}
#new .gl215-log-facts .gl215-input-wrap>input[type=date]{appearance:auto;-webkit-appearance:auto;padding-right:5px!important;font-size:12px!important;text-align:left!important}
#new .gl215-log-facts .gl215-input-wrap>#eOdo{padding-left:34px!important;padding-right:27px!important;text-align:right;font-variant-numeric:tabular-nums;font-size:12px!important;appearance:none;-webkit-appearance:none}
#new .gl2151-input-unit{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:#60746a;font-size:10px;font-weight:800}
#schedule .gl2151-reminder-picker{position:relative;display:flex;align-items:center;gap:11px;min-height:74px;max-width:100%;padding:7px;margin:0;border:1px solid #354440;background:#303735;color:white;border-radius:13px;overflow:hidden}
#schedule .gl2151-reminder-picker .gl214-vehicle-art{width:89px;height:60px;flex:none;position:relative;border-radius:8px;overflow:hidden;background:#4a564f;display:grid;place-items:center}
#schedule .gl2151-reminder-picker .garage-photo-host{position:relative;width:100%;height:100%;display:block}
#schedule .gl2151-reminder-picker .garage-photo-host img{width:100%;height:100%;object-fit:cover}
#schedule .gl2151-reminder-picker .gl214-vehicle-caption{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#schedule .gl2151-reminder-picker .gl214-vehicle-caption strong{color:#fff;font-size:13px;line-height:1.3;overflow-wrap:anywhere}
#schedule .gl2151-reminder-picker .gl214-vehicle-caption span{color:#d2dbd5;font-size:11px}
#schedule .gl2151-reminder-picker .gl214-vehicle-chevron{flex:none;color:#dce8df}
#schedule .gl2151-reminder-picker #mVehicle{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:4}
#schedule .gl2151-reminder-picker:focus-within{outline:2px solid #bf7652;outline-offset:2px}
#history .history-entry{grid-template-columns:25px minmax(0,1fr) auto;gap:11px;padding:12px 1px}
#history .history-entry-main h4{font-size:17px;line-height:1.3;margin:5px 0}
#history .history-entry-main .work-box{font-size:12px;line-height:1.45;max-height:3em;overflow:hidden}
#history .history-entry-aside{align-items:flex-end;gap:8px}
#history .history-entry-aside>strong{font-size:11px;padding:4px 6px}
#history .gl2151-history-files{margin:6px 0;padding:6px 9px;border-radius:5px}
#history .gl2151-history-files summary{font-size:11px}
#vehicles .service-record{padding:13px 0;gap:10px}
#vehicles .service-description h4{font-size:17px;line-height:1.3;margin:0 0 6px}
#vehicles .service-description .work-box{line-height:1.45;font-size:12px}
.gl2151-history-actions{position:relative;margin:0;padding:0;border:0;background:transparent;flex:none;align-self:flex-start;min-width:87px}
.gl2151-history-actions>summary{display:flex;align-items:center;justify-content:center;border:1px solid #cbd8cf;background:#e8efe8;border-radius:6px;padding:7px 8px;font-size:11px;font-weight:800;min-height:31px;color:#38584a;list-style:none;cursor:pointer}
.gl2151-history-actions>summary::-webkit-details-marker{display:none}
.gl2151-history-actions>summary:after{content:'⌄';font-size:15px;margin-left:5px}
.gl2151-history-actions[open]>summary{background:#dce9dc}
.gl2151-history-menu{display:flex;flex-wrap:wrap;gap:6px;padding:8px;border:1px solid #ccd9ce;background:#f8fbf6;border-radius:7px;min-width:170px;margin-top:4px}
.gl2151-history-menu button{font-size:11px;min-height:32px;flex:1;white-space:nowrap}
#settings .gl2151-backup-stack{display:flex;flex-direction:column;gap:12px;min-width:0}
#settings .gl2151-backup-stack>.card{width:100%;margin:0!important}
@media(max-width:700px){
 #new .gl215-log-facts{gap:8px!important}
 #new .gl215-log-facts .gl215-input-wrap>input[type=date]{font-size:11px!important;padding-left:27px!important}
 #new .gl215-log-facts .gl215-input-wrap>.gl215-icon{left:8px;width:15px;height:15px}
 #new .gl215-log-facts .gl215-input-wrap>#eOdo{font-size:12px!important;padding-left:25px!important;padding-right:23px!important}
 #new .gl2151-mileage-label label{font-size:11px!important}
 #new #eOdoUnit{font-size:10px;max-width:54px;min-width:43px;padding:2px}
 #history .history-entry{grid-template-columns:20px minmax(0,1fr);gap:7px}
 #history .history-entry-aside{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
 #history .history-entry-main h4{font-size:17px}
 #vehicles .gl2151-history-actions{margin-top:8px}
 #schedule .gl2151-reminder-picker .gl214-vehicle-art{width:72px;height:55px}
}
@media(max-width:360px){
 #new .gl215-log-facts .gl215-input-wrap>input[type=date]{font-size:10px!important;padding-left:24px!important}
 #new .gl215-log-facts .gl215-input-wrap>#eOdo{font-size:11px!important;padding-left:23px!important}
 #new .gl2151-mileage-label label{font-size:10px!important}
}
/* Keep the numeric reading visually separate from its unit on narrow phones. */
#new .gl215-log-facts .gl215-input-wrap>#eOdo{padding-right:37px!important}
@media(max-width:700px){#new .gl215-log-facts .gl215-input-wrap>#eOdo{padding-right:34px!important}}
@media(max-width:360px){#new .gl215-log-facts .gl215-input-wrap>#eOdo{padding-right:31px!important}}