.mechanic-record{color-scheme:light;color:#122e34;background:#f4f6f2;min-width:0;font-family:system-ui,sans-serif}.mechanic-record *{box-sizing:border-box}.mechanic-record [hidden]{display:none!important}.mechanic-record h3,.mechanic-record h4,.mechanic-record p{margin:0}.mechanic-record button{font-family:inherit;cursor:pointer}.mechanic-record button:focus-visible,.mechanic-record summary:focus-visible{outline:3px solid #9a6200;outline-offset:3px}
.mechanic-record .phone-vehicle{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mechanic-record .phone-vehicle h3{font-size:25px;line-height:1.15;letter-spacing:-.04em}
.mechanic-record .phone-vehicle p{font-size:11px;color:#4b655f;margin-top:3px}
.mechanic-record .travel-badge{background:#deeee7;color:#285f52;font-size:10px;font-weight:700;padding:5px 8px;border-radius:20px;white-space:nowrap}
.mechanic-record .phone-tabs{display:flex;gap:3px;border-bottom:1px solid #ccd8d1;margin:12px 0}
.mechanic-record .phone-tabs button{flex:1;min-height:48px;border:0;border-bottom:3px solid transparent;background:transparent;color:#48645e;font-size:12px;padding:8px;font-weight:650}
.mechanic-record .phone-tabs button[aria-pressed=true]{color:#122e34;border-bottom-color:#007a6a}
.mechanic-record .vehicle-photo{position:relative;border-radius:13px;overflow:hidden;background:#e0e9e2;height:115px;margin-bottom:12px}
.mechanic-record .vehicle-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.mechanic-record .vehicle-photo span{position:absolute;bottom:6px;left:8px;background:#f4f6f2ef;padding:3px 7px;border-radius:5px;font-size:9px;color:#24433d}
.mechanic-record .phone-telemetry{padding:12px;background:#e6eee8;border:1px solid #ccdbd2;border-radius:13px}
.mechanic-record .telemetry-heading strong{display:block;font-size:12px}
.mechanic-record .telemetry-heading small{font-size:10px;color:#4b655f}
.mechanic-record .telemetry-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0 5px}
.mechanic-record .telemetry-pair b{display:block;font-size:24px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums}
.mechanic-record .telemetry-pair span{display:block;font-size:10px;color:#4b655f}
.mechanic-record .phone-telemetry>p{font-size:11px;color:#3b5a51;margin-top:7px}
.mechanic-record .phone-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}
.mechanic-record h4{font-size:14px;line-height:1.4}
.mechanic-record .phone-section-title>span{font-size:10px;color:#546c63}
.mechanic-record .attention-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:64px;padding:10px;border:1px solid #dacbaa;background:#f4ebd8;border-radius:11px;color:#122e34;text-align:left;margin-top:7px}
.mechanic-record .attention-button strong,.mechanic-record .attention-button small{display:block}
.mechanic-record .attention-button strong{font-size:12px}
.mechanic-record .attention-button small{font-size:10px;color:#795719;margin-top:3px}
.mechanic-record .attention-button>span:last-child{font-size:20px}
.mechanic-record .phone-note{font-size:11px;line-height:1.55;color:#526b61;margin:10px 0}
.mechanic-record .part-record{border:1px solid #ccdad1;border-radius:12px;margin-top:10px;background:#fff;overflow:hidden}
.mechanic-record .part-record summary{list-style:none;min-height:70px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:7px;cursor:pointer}
.mechanic-record .part-record summary::-webkit-details-marker{display:none}
.mechanic-record .part-record summary strong{display:block;font-size:12px}
.mechanic-record .part-record summary small{display:block;color:#526b61;font-size:10px;margin-top:3px}
.mechanic-record .part-status{font-size:9px;font-weight:750;white-space:nowrap;background:#e8eeea;padding:4px 6px;border-radius:5px;color:#466058}
.mechanic-record .part-status.is-attention{background:#f6e4bd;color:#785010}
.mechanic-record .part-evidence{padding:12px;border-top:1px solid #d7e0d9;font-size:11px}
.mechanic-record .part-evidence>p{line-height:1.6;color:#466058}
.mechanic-record .part-evidence dl{margin:12px 0 0}
.mechanic-record .part-evidence dl>div{border-top:1px solid #e1e7e2;padding:8px 0}
.mechanic-record .part-evidence dt{font-size:10px;color:#526b61}
.mechanic-record .part-evidence dd{margin:2px 0 0;font-weight:650;overflow-wrap:anywhere}
.mechanic-record .meter-note{padding:12px;border-radius:10px;background:#e6eee8;font-size:11px;margin-top:15px}
.mechanic-record .meter-note b,.mechanic-record .meter-note span{display:block}
.mechanic-record .meter-note span{color:#526b61;margin-top:6px}
.mechanic-record .history-list{list-style:none;margin:15px 0;padding:0 0 0 13px;border-left:1px solid #bbd0c5}
.mechanic-record .history-list li{position:relative;padding:0 0 22px 4px}
.mechanic-record .history-list li::before{content:'';position:absolute;left:-18px;top:5px;width:8px;height:8px;border-radius:50%;background:#007a6a}
.mechanic-record .history-list small{font-size:10px;color:#526b61}
.mechanic-record .history-list strong{display:block;font-size:12px;margin:4px 0}
.mechanic-record .history-list p{font-size:11px;color:#466058;line-height:1.6}
.mechanic-record .phone-tabs{position:sticky;top:-4px;z-index:3;background:#f4f6f2;box-shadow:0 -8px 0 #f4f6f2}.mechanic-record .vehicle-photo{height:92px}.mechanic-record .attention-button{min-height:56px}.mechanic-record .part-record{scroll-margin-top:68px}.mechanic-record .phone-vehicle>div{min-width:0}.mechanic-record .phone-vehicle h3,.mechanic-record .phone-vehicle p{overflow-wrap:anywhere}.mechanic-record .travel-badge{max-width:45%;white-space:normal;overflow-wrap:anywhere}.mechanic-record .phone-tabs button{min-width:48px}.mechanic-record .vehicle-photo img{display:block}