/* Canonical reference: docs/Referencia_Home_Aprovada.jpg */
.cc-home{display:block;color:var(--cc-text);width:100%;max-width:875px;margin:0 auto}
.cc-owner-line{display:flex;align-items:center;gap:12px;margin:7px 0 14px;min-width:0}
.cc-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#dbe9fa;background:linear-gradient(135deg,#36485c,#1b293b);border:1px solid #415166}
.cc-avatar .icon{height:25px;width:25px;stroke-width:2.2}
.cc-owner-title{flex:1;min-width:0}
.cc-owner-title h1{font-size:19px;line-height:1.25;font-weight:740;letter-spacing:-.035em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cc-owner-title p{font-size:12px;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.cc-odometer{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(140deg,var(--cc-surface-hi),var(--cc-surface));border:1px solid var(--cc-stroke);border-radius:15px;color:var(--cc-text);padding:8px 11px;min-height:55px;min-width:122px;text-align:left}
.cc-odometer>.icon{color:var(--cc-muted);width:23px;height:23px}
.cc-odometer span{display:flex;flex-direction:column;gap:1px;white-space:nowrap}
.cc-odometer small{font-size:11px;line-height:1.2;color:var(--cc-muted)}
.cc-odometer strong{font-size:17px;line-height:1.25;letter-spacing:-.04em}
.cc-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 72% 23%,rgba(32,90,78,.32),transparent 60%),linear-gradient(130deg,#102922 0%,#0d2926 40%,#092123 100%);border:1px solid #275247;border-radius:20px;min-height:196px;padding:18px 14px 12px;box-shadow:0 8px 24px #0002}
[data-theme=light] .cc-hero{background:linear-gradient(135deg,#dff6ea,#e9f7f5);border-color:#b5dfd0}
.cc-hero-upper{display:flex;align-items:center;gap:10px;min-height:88px;position:relative;isolation:isolate}
.cc-hero-symbol{width:41px;height:41px;background:var(--cc-teal);color:#092d24;display:grid;place-items:center;border-radius:50%;flex-shrink:0;z-index:2}
.cc-hero-symbol .icon{width:23px;height:23px;stroke-width:2.5}
.cc-hero-copy{z-index:2;max-width:66%;min-width:0}
.cc-hero-copy h2{font-size:18px;line-height:1.2;color:var(--cc-teal);letter-spacing:-.045em}
.cc-hero-copy p{font-size:11px;line-height:1.4;color:#bacac6;margin-top:6px}
[data-theme=light] .cc-hero-copy p{color:#3e5b53}
.cc-moto-image{z-index:1;object-fit:contain;object-position:center;pointer-events:none;position:absolute;right:-20px;bottom:-1px;max-width:66%;width:265px;height:118px;filter:saturate(.86) contrast(1.06)}
.cc-hero-link{position:absolute;right:1px;top:0;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#152f34bb;border:1px solid #31535b;color:#cfe4eb;z-index:3}
.cc-hero-progress{position:relative;z-index:3;border-radius:13px;background:#152732e6;padding:10px 12px 9px;margin-top:10px}
[data-theme=light] .cc-hero-progress{background:#ceeae1}
.cc-hero-line{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5;color:#eaf3f3}
[data-theme=light] .cc-hero-line{color:#25413b}
.cc-hero-line strong{font-size:12px}
.cc-hero-line>span{font-size:11px;color:#b5c9d0}
[data-theme=light] .cc-hero-line>span{color:#446a60}
.cc-hero-line.small{margin-top:5px}
.cc-track{height:8px;background:#394b56;border-radius:999px;margin-top:9px;overflow:hidden}
.cc-track>div{height:100%;background:linear-gradient(90deg,#55e3ac,#68edc4);border-radius:999px;transition:width .22s ease-out}
.cc-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 2px 9px}
.cc-section-head h2{font-size:21px;font-weight:740;letter-spacing:-.04em;line-height:1.2}
.cc-more{display:inline-flex;align-items:center;gap:5px;min-height:32px;background:var(--cc-surface-hi);border:1px solid var(--cc-stroke);color:var(--cc-muted);padding:4px 10px 4px 12px;border-radius:999px;font-size:11px;white-space:nowrap}
.cc-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cc-quick-card{display:block;position:relative;text-align:left;min-width:0;min-height:112px;padding:11px 10px 10px;border-radius:15px;border:1px solid var(--cc-stroke);background:linear-gradient(145deg,var(--cc-surface-hi),var(--cc-surface));color:var(--cc-text);box-shadow:0 5px 13px rgb(0 0 0 / 12%);transition:transform .15s ease-out,border-color .15s ease-out}
.cc-quick-card:active,.cc-action:active{transform:scale(.975)}
.cc-quick-card:hover{border-color:#486376}
.cc-card-top{display:flex;align-items:flex-start;gap:5px;min-height:37px}
.cc-card-top .cc-item-icon{height:21px;width:21px;flex-shrink:0;margin-top:1px;color:#c0d4ea}
.cc-card-top strong{flex:1;min-width:0;font-size:11.6px;font-weight:690;line-height:1.25;letter-spacing:-.025em}
.cc-card-top>.cc-chip{flex-shrink:0}
.cc-chevron{color:var(--cc-muted);margin-top:2px}
.cc-quick-card .cc-chevron{display:none}
.cc-chip{display:inline-flex;align-items:center;justify-content:center;background:#2d3a46;border-radius:999px;white-space:nowrap;padding:3px 6px;min-height:21px;color:#d2dfeb;font-size:9.3px;font-weight:740;line-height:1.3}
.cc-chip.is-ok,.cc-chip.is-completed{background:#6ee6b0;color:#102d24}
.cc-chip.is-soon{background:#ffb45a;color:#32210f}
.cc-chip.is-due,.cc-chip.is-overdue{background:#ff7e88;color:#38191f}
.cc-chip.is-unknown{background:#304559;color:#dbeafa}
[data-theme=light] .cc-chip.is-unknown{background:#d9e6ed;color:#3a5567}
.cc-dual-axis{display:grid;grid-template-columns:1fr 1fr;margin-top:9px;gap:0;min-width:0}
.cc-axis{display:flex;align-items:start;gap:5px;min-width:0}
.cc-axis+.cc-axis{border-left:1px solid var(--cc-stroke);padding-left:8px}
.cc-axis>.icon{height:15px;width:15px;flex-shrink:0;color:#9caec2;margin-top:1px}
.cc-axis>div{min-width:0;display:flex;flex-direction:column}
.cc-axis b{font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap}
.cc-axis small{font-size:9.2px;color:var(--cc-muted);line-height:1.35;white-space:normal}
.cc-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.cc-action{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;gap:9px;min-height:73px;padding:9px 3px;border-radius:15px;border:1px solid #315069;background:linear-gradient(145deg,#162e45,#192c3e);color:#f2f6fd;font-size:11px;font-weight:700;transition:transform .15s}
.cc-action .icon{width:23px;height:23px;color:#77c4fc;stroke-width:2.2}
.cc-action span{text-align:center;white-space:nowrap;font-size:10.5px}
.cc-action-fuel{border-color:#295e4e;background:linear-gradient(140deg,#103e2f,#142f2d)}
.cc-action-fuel .icon{color:#70e5b6}
.cc-action-service{border-color:#364660;background:linear-gradient(140deg,#283243,#202b3a)}
.cc-action-service .icon{color:#d1d8ed}
.cc-alert-panel{border-radius:17px;border:1px solid var(--cc-stroke);background:linear-gradient(130deg,var(--cc-surface-hi),var(--cc-surface));overflow:hidden}
.cc-alert-row{width:100%;display:flex;align-items:center;gap:9px;text-align:left;color:var(--cc-text);padding:10px 11px;border:0;background:transparent;min-height:52px}
.cc-alert-row+.cc-alert-row{border-top:1px solid var(--cc-stroke)}
.cc-alert-dot{width:9px;height:9px;border-radius:50%;background:#77bff7;flex-shrink:0}
.cc-alert-dot.is-soon{background:#ffb45a}.cc-alert-dot.is-due,.cc-alert-dot.is-overdue{background:#ff7e88}.cc-alert-dot.is-ok{background:#6fe2b4}
.cc-alert-ico{width:19px;height:19px;flex-shrink:0;color:#b8cde2}
.cc-alert-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.cc-alert-copy strong{font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-alert-copy small{font-size:10px;line-height:1.3;color:var(--cc-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cc-alert-chevron{width:13px;height:13px;color:var(--cc-muted)}
.cc-alert-empty{padding:14px;color:var(--cc-muted);display:flex;gap:10px;align-items:center;font-size:12px}
.cc-source-note{margin:12px 3px 0;color:var(--faint);font-size:10.5px;line-height:1.5}
@media(min-width:701px){.cc-home{max-width:765px}.cc-owner-line{margin-top:14px}.cc-hero{min-height:208px}.cc-hero-upper{min-height:100px}.cc-moto-image{width:350px;max-width:55%;height:146px;right:12px}.cc-quick-card{min-height:122px;padding:16px}.cc-card-top strong{font-size:15px}.cc-quick-grid{gap:13px}.cc-chip{font-size:11px;padding:5px 9px}.cc-axis b{font-size:14px}.cc-axis small{font-size:11px}.cc-action{min-height:95px}.cc-action span{font-size:13px}}
@media(max-width:375px){.cc-owner-line{gap:7px}.cc-avatar{width:38px;height:38px}.cc-owner-title h1{font-size:16px}.cc-owner-title p{font-size:11px}.cc-odometer{min-width:105px;gap:6px;padding:6px 8px}.cc-odometer strong{font-size:15px}.cc-hero-copy h2{font-size:16px}.cc-quick-grid{gap:7px}.cc-quick-card{padding:9px 7px;min-height:113px}.cc-card-top .cc-item-icon{height:17px;width:17px}.cc-card-top strong{font-size:10.6px}.cc-chip{font-size:8px;padding:3px 4px}.cc-axis{gap:3px}.cc-axis+.cc-axis{padding-left:5px}.cc-axis>.icon{width:13px;height:13px}.cc-axis b{font-size:11px}.cc-axis small{font-size:8.7px}.cc-action-row{gap:5px}.cc-action span{font-size:9px}.cc-alert-row{gap:6px;padding:10px 7px}.cc-alert-copy strong{font-size:11px}.cc-alert-row .cc-chip{display:none}}
@media(max-width:339px){.cc-quick-grid{grid-template-columns:1fr}.cc-quick-card{min-height:85px}.cc-card-top strong{font-size:12px}.cc-action-row{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.cc-track>div,.cc-quick-card,.cc-action{transition:none!important}}

/* Second visual calibration: avoid hero art/text intersection at 360–412px */
@media(max-width:700px){.cc-hero-copy{max-width:61%;}.cc-hero-copy h2{font-size:17px;white-space:normal}.cc-moto-image{width:232px;max-width:59%;right:-23px;bottom:-5px}.cc-hero-copy p{max-width:180px}.cc-hero-upper{min-height:88px}.cc-hero-link{right:1px;top:-4px}}
@media(max-width:375px){.cc-hero-copy h2{font-size:15px}.cc-moto-image{max-width:57%;right:-28px}}
@media(max-width:700px){.cc-moto-image{right:-43px}}

/* v0.2.1 | Calibração compacta segundo Home_Referencia_Oficial.png */
@media(max-width:700px){
  .cc-home{max-width:440px}
  .cc-owner-line{margin:0 0 9px;gap:9px}
  .cc-avatar{width:38px;height:38px}
  .cc-avatar .icon{width:21px;height:21px}
  .cc-owner-title h1{font-size:15.5px;letter-spacing:-.025em;line-height:1.2}
  .cc-owner-title p{font-size:10.5px;line-height:1.3}
  .cc-odometer{min-height:42px;min-width:100px;gap:5px;padding:6px 9px;border-radius:13px}
  .cc-odometer>.icon{width:19px;height:19px}
  .cc-odometer small{font-size:10px}
  .cc-odometer strong{font-size:14px}
  .cc-hero{border-radius:18px;min-height:163px;padding:11px 11px 10px}
  .cc-hero-upper{min-height:74px;gap:8px}
  .cc-hero-symbol{width:37px;height:37px}
  .cc-hero-symbol .icon{width:21px;height:21px}
  .cc-hero-copy{max-width:63%}
  .cc-hero-copy h2{font-size:15.4px;line-height:1.14;letter-spacing:-.03em}
  .cc-hero-copy p{font-size:10.5px;margin-top:3px;line-height:1.25;max-width:170px}
  .cc-moto-image{width:213px;max-width:58%;height:100px;right:-34px;bottom:-6px}
  .cc-hero-link{width:29px;height:29px;right:0;top:-3px}
  .cc-hero-progress{padding:7px 10px;margin-top:5px;border-radius:11px}
  .cc-hero-line{font-size:11px;line-height:1.35}
  .cc-hero-line strong{font-size:11px}
  .cc-hero-line>span{font-size:10px}
  .cc-hero-line.small{margin-top:3px}
  .cc-track{height:6px;margin-top:6px}
  .cc-section-head{margin:12px 2px 6px}
  .cc-section-head h2{font-size:17px;letter-spacing:-.035em}
  .cc-more{min-height:28px;padding:2px 8px;font-size:10.5px}
  .cc-quick-grid{gap:7px}
  .cc-quick-card{min-height:93px;border-radius:13px;padding:8px 7px 7px}
  .cc-card-top{gap:4px;min-height:30px}
  .cc-card-top .cc-item-icon{height:17px;width:17px}
  .cc-card-top strong{font-size:10.5px;line-height:1.18;letter-spacing:-.015em;font-weight:680}
  .cc-card-top .cc-chip{align-self:flex-start}
  .cc-chip{font-size:8.4px;line-height:1.2;min-height:18px;padding:3px 5px}
  .cc-dual-axis{margin-top:5px}
  .cc-axis{gap:4px}
  .cc-axis+.cc-axis{padding-left:7px}
  .cc-axis>.icon{width:13px;height:13px}
  .cc-axis b{font-size:10.7px;line-height:1.25}
  .cc-axis small{font-size:9px;line-height:1.25}
  .cc-action-row{gap:7px}
  .cc-action{min-height:61px;padding:7px 2px;gap:5px;border-radius:13px}
  .cc-action .icon{height:20px;width:20px}
  .cc-action span{font-size:9.7px;letter-spacing:-.02em}
  .cc-alert-panel{border-radius:14px}
  .cc-alert-row{min-height:43px;padding:7px 8px;gap:7px}
  .cc-alert-dot{width:8px;height:8px}
  .cc-alert-ico{height:17px;width:17px}
  .cc-alert-copy strong{font-size:10.7px}
  .cc-alert-copy small{font-size:9.5px}
  .cc-alert-row .cc-chip{font-size:8.5px}
}
@media(max-width:365px){
  .cc-owner-title h1{font-size:14px}.cc-owner-title p{font-size:9.8px}
  .cc-avatar{width:34px;height:34px}
  .cc-odometer{min-width:96px}
  .cc-quick-card{padding:7px 6px;min-height:95px}
  .cc-card-top strong{font-size:10px}
  .cc-chip{font-size:7.6px;padding:2px 3px}
  .cc-axis{gap:2px}.cc-axis+.cc-axis{padding-left:5px}
  .cc-axis b{font-size:10px}.cc-axis small{font-size:8.3px}
  .cc-action span{font-size:9px}
}
@media(max-width:700px){
  .cc-quick-card:focus-visible,.cc-action:focus-visible,.cc-alert-row:focus-visible,.cc-more:focus-visible{outline:2px solid var(--cc-teal);outline-offset:2px}
  .cc-quick-card,.cc-more,.cc-action,.cc-alert-row{touch-action:manipulation}
}