/* 榮陞大興 — v27 葭白大改版（覆蓋層，不動主程式 bundle）
   配色：葭白底 #FDF6E9 ＋ 翠虬主色 #465A33 ＋ 蔻梢 #71AF7D／栀子 #EDCE76／秋香 #937858 ＋ 黑。 */
:root { color-scheme: light; }
/* 預設邊框：葭白底上用翠虬淡線（特定 .border-* 仍會覆蓋）。 */
*, ::before, ::after { border-color: rgba(70,90,51,.16); }
hr { border-color: rgba(70,90,51,.14); }
/* ── 基底：葭白底 ＋ 近黑暖字 ── */
html, body { background: #FDF6E9 !important; color: #232318; }
/* ── 面（卡片/區塊）：白卡浮在葭白上 ＋ 奶油層次 ── */
.bg-white   { background-color: #FFFFFF !important; }
.bg-gray-50 { background-color: #FBF3E2 !important; }
.bg-gray-100{ background-color: #F4EAD3 !important; }
.bg-gray-200{ background-color: #ECDFC3 !important; }
.bg-gray-300{ background-color: #E0D0AE !important; }
.bg-slate-50 { background-color: #FBF3E2 !important; }
.bg-slate-100{ background-color: #F2E8D6 !important; }
.bg-gray-800{ background-color: #465A33 !important; }
.bg-gray-900{ background-color: #3B4D2B !important; }
/* ── 文字：葭白底維持深字 ── */
.text-black,
.text-gray-900{ color: #232318 !important; }
.text-gray-800{ color: #2F2F22 !important; }
.text-gray-700{ color: #43432F !important; }
.text-gray-600{ color: #5A5A44 !important; }
.text-gray-500{ color: #79795F !important; }
.text-gray-400{ color: #94937A !important; }
.text-gray-300{ color: #A9A88D !important; }
.text-slate-600{ color: #51614A !important; }
.text-slate-500{ color: #6A7A62 !important; }
/* ── 主色 翠虬 #465A33 ── */
.text-brand, .hover\:text-brand:hover { color: #465A33 !important; }
.text-\[\#0E4D3A\] { color: #465A33 !important; }
.border-brand, .hover\:border-brand:hover { border-color: #465A33 !important; }
.divide-brand > :not([hidden]) ~ :not([hidden]) { border-color: #465A33 !important; }
.ring-\[\#0E4D3A\] { --tw-ring-color: #465A33 !important; }
.border-\[\#0E4D3A\] { border-color: #465A33 !important; }
.bg-brand, .hover\:bg-brand:hover { background-color: #465A33 !important; color: #FDF6E9 !important; }
/* ── 邊框/分隔線：暖綠淡線 ── */
.border-gray-50 { border-color: rgba(70,90,51,.08) !important; }
.border-gray-100{ border-color: rgba(70,90,51,.12) !important; }
.border-gray-200{ border-color: rgba(70,90,51,.18) !important; }
.border-gray-300{ border-color: rgba(70,90,51,.30) !important; }
.divide-y > :not([hidden]) ~ :not([hidden]) { border-color: rgba(70,90,51,.12); }
/* ── 彩色提示底（栀子／蔻梢／秋香 系淡彩）── */
.bg-red-50  { background-color: #FBE9E6 !important; }
.bg-red-100 { background-color: #F6D9D4 !important; }
.bg-rose-50 { background-color: #FBE7EA !important; }
.bg-rose-100{ background-color: #F6D2D9 !important; }
.bg-amber-50 { background-color: #FBF1D6 !important; }
.bg-amber-100{ background-color: #F7E7BC !important; }
.bg-yellow-100{ background-color: #F7E7BC !important; }
.bg-green-50, .hover\:bg-green-50:hover { background-color: #EAF2E4 !important; }
.bg-green-100{ background-color: #D8E8CE !important; }
.bg-blue-50  { background-color: #E8EEF3 !important; }
.bg-blue-100 { background-color: #D8E3EC !important; }
.bg-indigo-100{ background-color: #E2E2F0 !important; }
.text-red-600, .text-red-500 { color: #C0392B !important; }
.text-red-400 { color: #CF5A4E !important; }
.text-rose-700, .text-rose-600, .text-rose-500 { color: #B83B54 !important; }
.text-green-700, .text-green-600 { color: #3B6B2E !important; }
.border-red-100 { border-color: #F0CFC9 !important; }
.border-red-200 { border-color: #E6B8B0 !important; }
.border-green-100{ border-color: #CFE0C2 !important; }
.border-green-200{ border-color: #B6CDA4 !important; }
/* amber/yellow → 秋香；blue/indigo 文字 */
[class*="text-amber-7"], [class*="text-amber-8"], [class*="text-yellow-7"], [class*="text-yellow-8"] { color: #937858 !important; }
[class*="text-blue-6"], [class*="text-blue-7"] { color: #3F6EA3 !important; }
[class*="text-indigo-6"], [class*="text-indigo-7"] { color: #5B5FA6 !important; }
/* ── 帶透明度淺色面 ── */
.bg-white\/95 { background-color: rgba(255,255,255,.95) !important; }
.bg-gray-50\/50 { background-color: rgba(70,90,51,.05) !important; }
.bg-amber-50\/60 { background-color: rgba(237,206,118,.30) !important; }
.bg-red-50\/40 { background-color: rgba(192,57,43,.10) !important; }
.bg-brand\/5  { background-color: rgba(70,90,51,.07) !important; }
.bg-brand\/10 { background-color: rgba(70,90,51,.12) !important; }
.bg-brand\/80 { background-color: rgba(70,90,51,.85) !important; }
.bg-gray-900\/95 { background-color: rgba(43,42,32,.92) !important; }
/* ── inline style 淺色背景（暖調化）── */
[style*="rgb(238, 241, 245)"] { background-color: #F2E8D6 !important; }
[style*="rgb(231, 240, 236)"] { background-color: #E6F0DE !important; }
[style*="rgb(231, 237, 251)"] { background-color: #E2E8F2 !important; }
[style*="rgb(251, 243, 214)"] { background-color: #FBF1D6 !important; }
[style*="rgb(254, 249, 195)"] { background-color: #FBF1D6 !important; }
[style*="rgb(224, 231, 255)"] { background-color: #E6E6F2 !important; }
[style*="background: rgb(255, 255, 255)"],
[style*="background-color: rgb(255, 255, 255)"],
[style*="background:#fff"], [style*="background: #fff"],
[style*="background-color:#fff"], [style*="background-color: #fff"] { background-color: #FFFFFF !important; }
/* ── inline style 文字色 ── */
[style*="color: rgb(14, 77, 58)"]  { color: #465A33 !important; } /* 品牌綠→翠虬 */
[style*="color: rgb(55, 48, 163)"] { color: #5B5FA6 !important; } /* 晚班/靛藍 */
[style*="color: rgb(133, 77, 14)"] { color: #937858 !important; } /* 早班/秋香 */
[style*="color: rgb(122, 92, 0)"]  { color: #937858 !important; } /* 留資料/秋香 */
[style*="color: rgb(29, 78, 216)"] { color: #3F6EA3 !important; } /* 訊息/藍 */
[style*="color: rgb(71, 85, 105)"] { color: #51614A !important; } /* slate-600 */
/* 試乘時間軸「其他人」灰條 */
.bg-slate-400 { background-color: #B9B89A !important; }
[style*="background: rgb(148, 163, 184)"],
[style*="background-color: rgb(148, 163, 184)"] { background-color: #B9B89A !important; }
/* ── hover 灰階 ── */
.hover\:bg-gray-50:hover { background-color: #F4EAD3 !important; }
.hover\:bg-white:hover   { background-color: #FFFDF8 !important; }
/* ── 表單控件：白底深字 ── */
input, select, textarea {
  background-color: #FFFFFF !important;
  color: #2B2A20 !important;
  border-color: rgba(70,90,51,.30) !important;
}
/* 控件尺寸一致化 */
input, select, textarea {
  box-sizing: border-box;
  line-height: 1.3;
  vertical-align: middle;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: none;
  appearance: none;
  min-height: 0;
}
input::-webkit-date-and-time-value { margin: 0; line-height: 1.3; }
input::-webkit-datetime-edit { padding: 0; }
input::-webkit-datetime-edit-fields-wrapper { padding: 0; }
input[class*="text-xs"], select[class*="text-xs"] { height: 28px !important; }
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
  margin: 0; padding: 0;
  filter: none; /* 白底上小日曆圖示維持原色 */
}
input::placeholder, textarea::placeholder { color: #9A9A7E !important; }
input[type="checkbox"], input[type="radio"] { accent-color: #465A33; }
/* ── 品牌字「榮陞大興」：翠虬↔秋香 沉穩漸層光影 ── */
header span.font-bold.text-brand {
  background: linear-gradient(
    132deg,
    #465A33 0%,
    #5E7544 28%,
    #937858 50%,
    #5E7544 72%,
    #465A33 100%
  );
  background-size: 220% 220%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .6));
  letter-spacing: .06em;
  font-weight: 800 !important;
  animation: rsMetalSheen 7s ease-in-out infinite alternate;
}
@keyframes rsMetalSheen {
  from { background-position: 0% 30%; }
  to   { background-position: 100% 70%; }
}
/* ── 搜尋鈕：手機放大成可按的膠囊 ── */
@media (max-width: 767px) {
  header button.shrink-0.border.rounded-lg {
    flex: 0 0 auto;
    width: 38px;
    height: 38px;
    min-height: 38px;
    padding: 0 !important;
    border-radius: 999px !important;
    position: relative;
    font-size: 0 !important;
  }
  header button.shrink-0.border.rounded-lg::before {
    content: "";
    position: absolute;
    left: 10px;
    top: 9px;
    width: 13px;
    height: 13px;
    border: 2px solid #465A33;
    border-radius: 50%;
  }
  header button.shrink-0.border.rounded-lg::after {
    content: "";
    position: absolute;
    left: 22px;
    top: 22px;
    width: 8px;
    height: 2.5px;
    background: #465A33;
    border-radius: 2px;
    transform: rotate(45deg);
    transform-origin: left center;
  }
}
/* ── 手機底部選單：放大觸控目標 ── */
@media (max-width: 767px) {
  nav.fixed.bottom-0 {
    padding-bottom: env(safe-area-inset-bottom);
  }
  nav.fixed.bottom-0 a,
  nav.fixed.bottom-0 button {
    font-size: 14.5px !important;
    min-height: 52px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    letter-spacing: .02em;
  }
  main { padding-bottom: 92px !important; }
}
/* ── 快速建客圓鈕：翠虬立體鈕面 ＋ 純白「+」 ── */
button.fixed.rounded-full.bg-brand {
  background: radial-gradient(circle at 30% 26%, #5E7544, #465A33 72%) !important;
  box-shadow:
    0 10px 24px rgba(70, 90, 51, .35),
    inset 0 1px 0 rgba(255, 255, 255, .30),
    inset 0 -3px 6px rgba(0, 0, 0, .18) !important;
}
button.fixed.rounded-full.bg-brand::before,
button.fixed.rounded-full.bg-brand::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}
button.fixed.rounded-full.bg-brand::before { width: 24px; height: 4.5px; }
button.fixed.rounded-full.bg-brand::after  { width: 4.5px; height: 24px; }
/* ── 隱藏各頁標題下的說明文字 ── */
main p[class*="text-gray-400"]:not(:has(input,select,button,textarea,a)),
main div[class*="text-gray-400"][class*="text-xs"]:not(:has(input,select,button,textarea,a)),
main div[class*="text-gray-400"][class*="text-[11px]"]:not(:has(input,select,button,textarea,a)),
main p[class*="text-gray-500"][class*="text-xs"]:not(:has(input,select,button,textarea,a)) {
  display: none !important;
}
main div[class*="rounded-lg"][class*="border"][class*="p-3"] div[class*="text-gray-400"] {
  display: block !important;
}
/* ── 試乘「使用中」區塊縮小 ── */
main section[class*="border-red-200"][class*="bg-red-50"] {
  border-width: 1px !important;
  border-radius: 12px !important;
  font-size: 12px;
}
main section[class*="border-red-200"][class*="bg-red-50"] > * { padding-top: 6px !important; padding-bottom: 6px !important; }
/* ── 陰影（葭白底上柔和暖影）── */
.shadow, .shadow-sm, .shadow-md, .shadow-lg,
.hover\:shadow-sm:hover, .hover\:shadow-md:hover {
  --tw-shadow-color: rgba(70,90,51,.16);
  --tw-shadow: var(--tw-shadow-colored);
}
/* 共用試乘車卡=紅色（蓋過白卡）*/
.rs-shared-card{background-color:#FCE9E6!important;border:2px solid #EF4444!important}
.rs-shared-card input,.rs-shared-card select{border:1px solid #EF4444!important}
.rs-shared-card .rs-retire{color:#3B6B2E!important;border-color:#3B6B2E!important}
/* 試乘車卡:欄位邊框低調,點選才翠虬,退役淡化 */
.rs-tcard input,.rs-tcard select,.rs-tcard button{border-color:rgba(70,90,51,.25)!important}
.rs-tcard input:focus,.rs-tcard select:focus{border-color:#465A33!important}
.rs-tcard .rs-retire{color:#C0392B!important}
.rs-tcard{outline:2px solid #465A33!important;outline-offset:2px!important;box-shadow:none!important}
.rs-tcard-shared{outline-color:#EF4444!important;box-shadow:none!important}

.rs-cust-modal{padding:16px!important}
.rs-cust-panel{height:auto!important;max-height:82vh!important}
.rs-cust-panel .sticky.top-0{position:static!important}

/* 行事曆：休假當天整格深紅 */
.bg-white.rs-offday{background:#FBEAEA!important;color:#7A2E2E!important}
.bg-white.rs-offday .text-red-400{color:#FFD9D9!important}