.ridecost-app{--rc-blue:#0b63ce;--rc-blue2:#eaf3ff;--rc-text:#172233;--rc-muted:#68778b;--rc-line:#dfe7f0;--rc-bg:#f4f7fb;--rc-danger:#d83a52;max-width:1180px;margin:18px auto;padding:0 12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;color:var(--rc-text);box-sizing:border-box}.ridecost-app *{box-sizing:border-box}.rc-login-screen{min-height:65vh;display:grid;place-items:center}.rc-login-card{width:min(430px,100%);text-align:center;background:#fff;border:1px solid var(--rc-line);border-radius:24px;padding:34px;box-shadow:0 16px 42px rgba(20,45,80,.10)}.rc-login-card .rc-brand-mark{margin:0 auto 16px}.rc-login-card p{color:var(--rc-muted);line-height:1.65}.rc-app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#0b63ce,#084b9a);color:#fff;padding:16px 18px;border-radius:20px 20px 0 0}.rc-brand{display:flex;align-items:center;gap:12px}.rc-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--rc-blue);font-weight:900;letter-spacing:-1px;box-shadow:0 6px 14px rgba(0,0,0,.12)}.rc-brand strong{display:block;font-size:20px;line-height:1.2}.rc-brand small{display:block;opacity:.88;margin-top:4px}.rc-header-right{display:flex;align-items:center;gap:10px;font-size:13px}.rc-icon-btn{border:0;background:rgba(255,255,255,.16);color:#fff;width:38px;height:38px;border-radius:11px;cursor:pointer;font-size:20px}.rc-alert{position:sticky;top:10px;z-index:30;margin:10px 0;padding:12px 14px;border-radius:12px;background:#15263d;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.16)}.rc-tabs{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--rc-line);border-top:0;position:sticky;top:0;z-index:20;box-shadow:0 8px 24px rgba(14,38,68,.06)}.rc-tabs button{border:0;background:#fff;padding:13px 8px;color:#5f6d80;font-weight:700;cursor:pointer;border-bottom:3px solid transparent}.rc-tabs button.is-active{color:var(--rc-blue);border-bottom-color:var(--rc-blue);background:#f8fbff}.rc-panel{display:none;padding-top:14px}.rc-panel.is-active{display:block}.rc-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #d7e7fa;border-radius:20px;margin-bottom:14px}.rc-hero h1{margin:4px 0 6px;font-size:28px}.rc-hero p{margin:0;color:var(--rc-muted)}.rc-kicker{display:block;color:var(--rc-blue);font-weight:800;font-size:12px;letter-spacing:.04em;margin-bottom:3px}.rc-period-row{display:flex;gap:8px;margin:8px 0 14px;flex-wrap:wrap}.rc-period-row button{border:1px solid var(--rc-line);background:#fff;color:#536176;border-radius:999px;padding:8px 15px;font-weight:700;cursor:pointer}.rc-period-row button.is-active{background:var(--rc-blue);border-color:var(--rc-blue);color:#fff}.rc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.rc-summary{margin-bottom:14px}.rc-metric{background:#fff;border:1px solid var(--rc-line);border-radius:16px;padding:15px;box-shadow:0 4px 16px rgba(20,45,80,.04)}.rc-metric small{display:block;color:var(--rc-muted);margin-bottom:7px}.rc-metric strong{font-size:22px;letter-spacing:-.02em}.rc-metric.rc-emphasis{background:#edf7ef;border-color:#cfe9d4}.rc-card{background:#fff;border:1px solid var(--rc-line);border-radius:18px;padding:18px;box-shadow:0 5px 18px rgba(20,45,80,.05);margin-bottom:14px}.rc-card h2{margin:0 0 8px;font-size:19px}.rc-card h3{margin:14px 0 10px}.rc-card p{line-height:1.6}.rc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rc-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.rc-section-head p,.rc-muted{color:var(--rc-muted);font-size:13px;margin:0 0 12px}.rc-link-btn{border:0;background:transparent;color:var(--rc-blue);font-weight:800;cursor:pointer;white-space:nowrap}.rc-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rc-stack-form{display:grid;gap:11px}.rc-form-grid label,.rc-stack-form label{display:grid;gap:6px;font-size:13px;color:#526174;font-weight:700}.rc-form-grid input,.rc-form-grid select,.rc-stack-form input,.rc-stack-form select{width:100%;border:1px solid #ccd8e7;border-radius:11px;background:#fff;color:var(--rc-text);padding:11px 12px;font-size:15px;min-height:44px}.rc-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important}.rc-check input{width:auto!important;min-height:auto!important}.rc-hourly-chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.rc-hourly-chips button{border:1px solid var(--rc-line);background:#fff;border-radius:999px;padding:6px 12px;cursor:pointer}.rc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.rc-btn{border:1px solid #c9d5e5;background:#fff;color:#25374d;border-radius:11px;padding:10px 15px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.rc-btn-primary{background:var(--rc-blue);border-color:var(--rc-blue);color:#fff}.rc-btn-danger{background:var(--rc-danger);border-color:var(--rc-danger);color:#fff}.rc-btn-light{background:#fff}.rc-btn-large{min-width:180px;padding:13px 18px;font-size:16px}.rc-live-dot{background:#eef3f8;border:1px solid var(--rc-line);padding:8px 11px;border-radius:999px;font-size:12px;color:#526174;white-space:nowrap}.rc-live{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0;padding:15px;background:#0e1f33;color:#fff;border-radius:16px}.rc-live div{padding:8px;text-align:center}.rc-live span{display:block;font-size:12px;opacity:.72}.rc-live strong{display:block;font-size:20px;margin-top:5px}.rc-settlement{border-top:1px solid var(--rc-line);margin-top:16px;padding-top:10px}.rc-result{margin-top:14px;background:#edf7ef;border:1px solid #cfe9d4;border-radius:14px;padding:14px;line-height:1.7}.rc-list-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #eef2f6;font-size:13px}.rc-list-row:last-child{border-bottom:0}.rc-list-row span{color:#607086}.rc-empty{padding:24px 8px;text-align:center;color:#8a98aa}.rc-privacy-note{margin:12px 0;background:#fff7df;border:1px solid #f0dfaa;border-radius:12px;padding:10px 12px;font-size:12px;color:#6a5724}.rc-info-card{background:#f8fbff}.rc-record-cards{display:grid;gap:10px}.rc-record-card{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:10px;padding:12px;border:1px solid #e7edf5;border-radius:13px}.rc-record-card strong{display:block}.rc-record-card small{color:var(--rc-muted)}.rc-maintain-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f6}.rc-maintain-row:last-child{border-bottom:0}.rc-maintain-row .is-due{color:#c03845;font-weight:800}.rc-maintain-row .is-ok{color:#24743a;font-weight:800}.rc-table-wrap{overflow:auto}.rc-table{width:100%;border-collapse:collapse;min-width:970px;font-size:12px}.rc-table th,.rc-table td{padding:10px 9px;border-bottom:1px solid #e8eef5;text-align:right;white-space:nowrap}.rc-table th:first-child,.rc-table td:first-child,.rc-table th:nth-child(2),.rc-table td:nth-child(2){text-align:left}.rc-chart{display:flex;align-items:flex-end;gap:5px;min-height:210px;padding:20px 8px 4px;border-top:1px solid #eef2f6;margin-top:18px;overflow-x:auto}.rc-bar-wrap{min-width:28px;flex:1;display:grid;grid-template-rows:1fr auto;gap:6px;height:170px;align-items:end}.rc-bar{width:100%;min-height:2px;background:linear-gradient(180deg,#2b7ddd,#0b63ce);border-radius:6px 6px 2px 2px}.rc-bar-label{font-size:9px;text-align:center;color:#7c8998;white-space:nowrap}.rc-app-footer{display:flex;justify-content:space-between;gap:10px;color:#76869a;font-size:11px;padding:4px 4px 20px}.rc-stats-grid{margin-top:12px}.rc-header-right span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.ridecost-app{padding:0 8px;margin:8px auto}.rc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-two-col{grid-template-columns:1fr}.rc-tabs{grid-template-columns:repeat(3,1fr);position:static}.rc-live{grid-template-columns:repeat(2,1fr)}.rc-app-header{border-radius:16px 16px 0 0}.rc-hero{padding:18px}.rc-hero h1{font-size:23px}.rc-record-card{grid-template-columns:1.2fr .8fr}.rc-record-card>div:last-child{grid-column:1/-1}.rc-app-footer{flex-direction:column}.rc-header-right span{display:none}}
@media(max-width:560px){.ridecost-app{padding:0;margin:0}.rc-app-header{border-radius:0;padding:13px}.rc-brand strong{font-size:17px}.rc-brand small{font-size:10px}.rc-brand-mark{width:36px;height:36px;border-radius:11px}.rc-tabs button{font-size:12px;padding:11px 5px}.rc-panel{padding:10px 8px 0}.rc-grid{gap:8px}.rc-metric{padding:12px}.rc-metric strong{font-size:18px}.rc-form-grid{grid-template-columns:1fr}.rc-hero{align-items:flex-start;flex-direction:column;border-radius:16px}.rc-hero .rc-btn{width:100%}.rc-card{padding:14px;border-radius:14px}.rc-live{gap:4px}.rc-live strong{font-size:18px}.rc-list-row{grid-template-columns:1fr 1fr}.rc-list-row b{grid-column:1/-1}.rc-maintain-row{grid-template-columns:1fr auto}.rc-maintain-row span:nth-child(2){grid-column:1/-1;grid-row:2}.rc-btn-large{width:100%}.rc-actions{display:grid;grid-template-columns:1fr}.rc-section-head{gap:8px}.rc-period-row{overflow-x:auto;flex-wrap:nowrap}.rc-period-row button{flex:0 0 auto}.rc-login-card{margin:16px}}

/* 1.0.0 RC1 desktop / standalone shell */
body.ridecost-standalone-body{margin:0;background:#eef3f8;min-height:100vh}
body.ridecost-standalone-body .ridecost-standalone-wrap{min-height:100vh;padding:18px}
body.ridecost-standalone-body #wpadminbar{display:none!important}
.ridecost-app{max-width:1440px;width:100%;margin:0 auto;padding:0}
.rc-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px}
.rc-shell>main{min-width:0}
.rc-tabs{display:flex;flex-direction:column;align-self:start;position:sticky;top:18px;border:1px solid var(--rc-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px rgba(14,38,68,.06)}
.rc-tabs button{width:100%;text-align:left;border-bottom:1px solid #edf1f6;border-left:4px solid transparent;padding:15px 18px;font-size:14px}
.rc-tabs button:last-child{border-bottom:0}
.rc-tabs button.is-active{border-bottom-color:#edf1f6;border-left-color:var(--rc-blue)}
.rc-panel{padding-top:0}
.rc-app-header{border-radius:18px;padding:17px 20px;box-shadow:0 8px 24px rgba(11,99,206,.15)}
.rc-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
.rc-hero{margin-bottom:16px}
.rc-onboarding{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff7df;border:1px solid #efd68f;border-radius:18px;padding:18px 20px;margin-bottom:16px}
.rc-onboarding[hidden]{display:none!important}
.rc-onboarding h2{margin:2px 0 6px;font-size:20px}
.rc-onboarding p{margin:0;color:#6d5b2b}
.rc-connection{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.13);font-size:12px}
.rc-connection.is-ok{background:rgba(42,180,100,.2)}
.rc-connection.is-bad{background:rgba(216,58,82,.28)}
.rc-fatal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:14px 16px;border-radius:14px;background:#fff0f2;border:1px solid #efbdc5;color:#802332}
.rc-fatal[hidden]{display:none!important}
.rc-fatal span{flex:1;min-width:260px}
.rc-fuel-status{margin-top:16px;padding:12px;border-radius:12px;background:#eef6ff;border:1px solid #d7e7fa;color:#37506d;font-weight:700;font-size:13px}
.rc-btn-ghost-danger{background:#fff;border-color:#efbdc5;color:#b62d43}

@media(max-width:900px){
  body.ridecost-standalone-body .ridecost-standalone-wrap{padding:0}
  .ridecost-app{margin:0 auto;padding:0 8px}
  .rc-shell{display:block;margin-top:0}
  .rc-tabs{display:grid;grid-template-columns:repeat(3,1fr);position:static;border-radius:0;box-shadow:0 8px 24px rgba(14,38,68,.06)}
  .rc-tabs button{text-align:center;border-left:0;border-bottom:3px solid transparent;padding:13px 8px}
  .rc-tabs button.is-active{border-left:0;border-bottom-color:var(--rc-blue)}
  .rc-panel{padding-top:14px}
  .rc-onboarding{align-items:flex-start;flex-direction:column}
}
.rc-tabs button.is-locked{opacity:.72;position:relative}
.rc-tabs button.is-locked::after{content:'🔒';font-size:11px;margin-left:5px}
.rc-plan-badge{font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;background:#eaf3ff;color:#0b63ce;border:1px solid #bfd8f7}