/* Final confirmed G03/G04. Only the two-account platform VEHICLE detail. */
#appView .is-compact-platform-detail {
  color: #102b43;
  background: #f8fafc;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
}
#appView .is-compact-platform-detail .pdd-page-head {
  display: block;
  position: relative;
  z-index: 6;
  min-height: 0;
  padding: 0 0 12px;
  background: transparent;
  border: 0;
  overflow: visible;
}
#appView .is-compact-platform-detail .pdd-back {
  min-height: 32px;
  padding: 5px 12px;
  margin-bottom: 12px;
  font-size: 13px;
}
#appView .is-compact-platform-detail .pdd-page-head #orderDetailClose {
  position: static;
  inset: auto;
  display: inline-flex;
  width: auto;
  min-width: 0;
  min-height: 32px;
  padding: 5px 12px;
  margin: 0 0 12px;
  font-size: 13px;
}
#appView .is-compact-platform-detail .pdd-identity h2 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin: 0;
  font-size: 30px;
  line-height: 1.3;
  color: #102b43;
}
#appView .is-compact-platform-detail .pdd-identity-state {
  padding: 5px 14px;
  font-size: 14px;
  border-radius: 999px;
  background: #fcedce;
  color: #86591b;
}
#appView .is-compact-platform-detail .pdd-identity p {
  margin: 2px 0 0;
  color: #687b91;
  font-size: 14px;
}
#appView .is-compact-platform-detail .pdd-mobile-meta {
  display: none;
}
#appView .is-compact-platform-detail .pdd-head-tools {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
}
#appView .is-compact-platform-detail .pdd-page-head:has(.order-detail-danger-menu[open]) {
  z-index: 6;
}
#appView .is-compact-platform-detail .pdd-head-tools > summary {
  list-style: none;
  padding: 5px 12px;
  cursor: pointer;
  border: 1px solid #dce3eb;
  border-radius: 6px;
  background: white;
  color: #6d7c8d;
}
#appView .is-compact-platform-detail .pdd-head-tools > div {
  position: absolute;
  right: 0;
  top: 36px;
  display: grid;
  gap: 8px;
  min-width: 200px;
  padding: 14px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: white;
  box-shadow: 0 6px 20px #102b4320;
}
#appView .is-compact-platform-detail .order-detail-tabs {
  gap: 16px;
  padding: 0;
  border-bottom: 1px solid #e0e6ed;
  min-height: 44px;
  background: transparent;
}
#appView .is-compact-platform-detail .order-detail-tabs button {
  flex: 0 0 auto;
  height: 44px;
  padding: 0 20px;
  font-size: 14px;
  color: #536c86;
}
#appView .is-compact-platform-detail .order-detail-tabs button.is-active {
  color: #102b43;
}
#appView .is-compact-platform-detail .order-detail-content {
  padding: 18px 0 12px;
}
#appView .is-compact-platform-detail .pdd-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 14px;
}
#appView .is-compact-platform-detail .pdd-card {
  min-width: 0;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 3px #15354d05;
}
#appView .is-compact-platform-detail .pdd-wide,
#appView .is-compact-platform-detail .pdd-facts {
  grid-column: 1/-1;
}
#appView .is-compact-platform-detail .pdd-icon,
#appView .is-compact-platform-detail .cad-icon {
  display: inline-block;
  flex: none;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
#appView .is-compact-platform-detail h3 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #0e2640;
  font-size: 16px;
  font-weight: 750;
}
#appView .is-compact-platform-detail .pdd-card > header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  padding: 0;
  border: 0;
}
#appView .is-compact-platform-detail .pdd-facts dl {
  display: grid;
  grid-template-areas: 'people area date' 'department salutation price' 'platform number .';
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px 30px;
  margin: 0;
}
#appView .is-compact-platform-detail .pdd-fact {
  display: grid;
  grid-template-columns: 20px 70px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#appView .is-compact-platform-detail .pdd-fact dt {
  color: #6a7d91;
  font-size: 13px;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .pdd-fact dd {
  margin: 0;
  color: #102b43;
  font-size: 14px;
  font-weight: 650;
  overflow-wrap: anywhere;
}
#appView .is-compact-platform-detail .pdd-fact .pdd-icon {
  color: #6e8196;
  width: 16px;
  height: 16px;
}
#appView .is-compact-platform-detail .pdd-fact-people {
  grid-area: people;
}
#appView .is-compact-platform-detail .pdd-fact-department {
  grid-area: department;
}
#appView .is-compact-platform-detail .pdd-fact-platform {
  grid-area: platform;
}
#appView .is-compact-platform-detail .pdd-fact-area {
  grid-area: area;
}
#appView .is-compact-platform-detail .pdd-fact-salutation {
  grid-area: salutation;
}
#appView .is-compact-platform-detail .pdd-fact-number {
  grid-area: number;
}
#appView .is-compact-platform-detail .pdd-fact-date {
  grid-area: date;
  grid-template-columns: 20px 70px minmax(0, 1fr);
}
#appView .is-compact-platform-detail .pdd-fact-price {
  grid-area: price;
}
#appView .is-compact-platform-detail .pdd-mobile-heading {
  display: none;
}
#appView .is-compact-platform-detail .pdd-itinerary-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 13px;
}
#appView .is-compact-platform-detail .pdd-itinerary-table th,
#appView .is-compact-platform-detail .pdd-itinerary-table td {
  padding: 8px 12px;
  border: 1px solid #e1e8f0;
  text-align: left;
  vertical-align: top;
}
#appView .is-compact-platform-detail .pdd-itinerary-table th {
  background: #edf2f6;
  color: #203b55;
  font-size: 12px;
  font-weight: 650;
}
#appView .is-compact-platform-detail .pdd-itinerary-table th:first-child {
  width: 33%;
}
#appView .is-compact-platform-detail .pdd-daily-view {
  margin-left: auto;
}
#appView .is-compact-platform-detail .pdd-daily-view > summary {
  color: #2364a9;
  list-style: none;
  cursor: pointer;
  font-size: 13px;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .pdd-daily-view[open] {
  width: 100%;
}
#appView .is-compact-platform-detail .pdd-daily-view[open] > div {
  padding: 12px;
  margin-top: 8px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
}
#appView .is-compact-platform-detail .pdd-itinerary header:has(.pdd-daily-view[open]) {
  flex-wrap: wrap;
}
#appView .is-compact-platform-detail .pdd-service-pills {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}
#appView .is-compact-platform-detail .pdd-service-pill {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid #e3e8ed;
  border-radius: 24px;
  background: #f3f6f8;
  color: #738196;
  font-size: 13px;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .pdd-service-pill.is-included {
  border-color: #edca81;
  background: #fff0cb;
  color: #543a13;
}
#appView .is-compact-platform-detail {
  --pdd-solid-vehicle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M6 3h12l3 7v9h-2v3h-3v-3H8v3H5v-3H3v-9l3-7Zm2 2-2 5h12l-2-5H8ZM5 13v3h3v-3H5Zm11 0v3h3v-3h-3Z'/%3E%3C/svg%3E");
  --pdd-solid-guide: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 2h2v20H4V2Zm2 2c5-4 9 4 14 0v9c-5 4-9-4-14 0V4Z'/%3E%3C/svg%3E");
  --pdd-solid-tickets: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M2 5h20v5a3 3 0 0 0 0 6v3H2v-3a3 3 0 0 0 0-6V5Zm10 1v3h2V6h-2Zm0 5v3h2v-3h-2Zm0 5v2h2v-2h-2Z'/%3E%3C/svg%3E");
  --pdd-solid-hotel: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' fill-rule='evenodd' d='M3 2h13v7h5v12h2v1H1v-1h2V2Zm4 3v3h2V5H7Zm4 0v3h2V5h-2Zm-4 5v3h2v-3H7Zm4 0v3h2v-3h-2Zm-4 5v3h2v-3H7Zm4 0v3h2v-3h-2Zm-3 4v3h3v-3H8Zm9-7v3h2v-3h-2Zm0 5v3h2v-3h-2Z'/%3E%3C/svg%3E");
  --pdd-solid-person: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle fill='black' cx='12' cy='6' r='4'/%3E%3Cpath fill='black' d='M3 22v-3a9 9 0 0 1 18 0v3H3Z'/%3E%3C/svg%3E");
}
#appView .is-compact-platform-detail .pdd-service-pill:nth-child(1),
#appView .is-compact-platform-detail .pdd-arrangement:nth-child(-n + 2) {
  --pdd-service-icon: var(--pdd-solid-vehicle);
}
#appView .is-compact-platform-detail .pdd-service-pill:nth-child(3),
#appView .is-compact-platform-detail .pdd-arrangement:nth-child(3) {
  --pdd-service-icon: var(--pdd-solid-guide);
}
#appView .is-compact-platform-detail .pdd-service-pill:nth-child(4) {
  --pdd-service-icon: var(--pdd-solid-tickets);
}
#appView .is-compact-platform-detail .pdd-service-pill:nth-child(5),
#appView .is-compact-platform-detail .pdd-arrangement:nth-child(5) {
  --pdd-service-icon: var(--pdd-solid-hotel);
}
#appView
  .is-compact-platform-detail
  :is(.pdd-service-pill:not(:nth-child(2)), .pdd-arrangement:not(:nth-child(4)))
  > .pdd-icon {
  background-color: currentColor;
  mask: var(--pdd-service-icon) center / contain no-repeat;
}
#appView
  .is-compact-platform-detail
  :is(.pdd-service-pill:not(:nth-child(2)), .pdd-arrangement:not(:nth-child(4)))
  > .pdd-icon
  > * {
  display: none;
}
#appView .is-compact-platform-detail {
  --pdd-header-people: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%228%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M2%2021v-3a7%207%200%200%201%2014%200v3ZM17%2013a5%205%200%200%201%205%205v3h-4v-3a9%209%200%200%200-1-5Z%22%2F%3E%3C%2Fsvg%3E');
  --pdd-header-document: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5%202h9l5%205v15H5V2Zm9%202v4h4Zm-6%208h8v2H8Zm0%205h8v2H8Z%22%2F%3E%3C%2Fsvg%3E');
  --pdd-header-cube: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20d%3D%22m12%202%209%205v10l-9%205-9-5V7Z%20M3%207l9%205%209-5%20M12%2012v10%22%2F%3E%3C%2Fsvg%3E');
  --pdd-header-file: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%202h9l5%205v15H5V2Zm9%200v5h5M8%2012h8M8%2017h8%22%2F%3E%3C%2Fsvg%3E');
  --pdd-header-money: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cmask%20id%3D%22m%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20fill%3D%22white%22%2F%3E%3Cpath%20d%3D%22m8%206%204%205%204-5M12%2011v8M8%2012h8M8%2015h8%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20fill%3D%22none%22%2F%3E%3C%2Fmask%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%20mask%3D%22url(%23m)%22%2F%3E%3C%2Fsvg%3E');
}
#appView .is-compact-platform-detail :is(.pdd-services, .pdd-reception) > header > h3 > .pdd-icon {
  --pdd-header-icon: var(--pdd-header-people);
}
#appView .is-compact-platform-detail .pdd-fees > summary > .pdd-icon {
  --pdd-header-icon: var(--pdd-header-money);
}
#appView .is-compact-platform-detail :is(.pdd-services, .pdd-reception) > header > h3 > .pdd-icon,
#appView .is-compact-platform-detail .pdd-fees > summary > .pdd-icon {
  background-color: currentColor;
  mask: var(--pdd-header-icon) center / contain no-repeat;
}
#appView
  .is-compact-platform-detail
  :is(.pdd-services, .pdd-reception)
  > header
  > h3
  > .pdd-icon
  > *,
#appView .is-compact-platform-detail .pdd-fees > summary > .pdd-icon > * {
  display: none;
}
@media (max-width: 760px) {
  #appView .is-compact-platform-detail .pdd-services > header > h3 > .pdd-icon {
    --pdd-header-icon: var(--pdd-header-cube);
  }
  #appView .is-compact-platform-detail .pdd-fees > summary > .pdd-icon {
    --pdd-header-icon: var(--pdd-header-file);
  }
  #appView .is-compact-platform-detail .pdd-facts > h3 > .pdd-icon {
    background-color: currentColor;
    mask: var(--pdd-header-document) center / contain no-repeat;
  }
  #appView .is-compact-platform-detail .pdd-facts > h3 > .pdd-icon > * {
    display: none;
  }
}
@media (min-width: 761px) {
  #appView .is-compact-platform-detail .pdd-internal > summary > .pdd-icon {
    background-color: currentColor;
    mask: var(--pdd-header-file) center / contain no-repeat;
  }
  #appView .is-compact-platform-detail .pdd-internal > summary > .pdd-icon > * {
    display: none;
  }
}

#appView .is-compact-platform-detail .pdd-requirements-editor {
  margin-left: auto;
}
#appView .is-compact-platform-detail .pdd-requirements-editor > summary {
  list-style: none;
  cursor: pointer;
  padding: 8px 14px;
  border-radius: 5px;
  background: #b88a35;
  color: #fff;
  font-size: 13px;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .pdd-requirements-editor[open] {
  flex: 1 0 100%;
  width: 100%;
}
#appView .is-compact-platform-detail .pdd-services > header:has(.pdd-requirements-editor[open]) {
  flex-wrap: wrap;
}
#appView .is-compact-platform-detail .pdd-requirements-editor form {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #e0e6ee;
  border-radius: 6px;
}
#appView .is-compact-platform-detail .pdd-requirements-editor .oc-requirements-heading {
  display: none;
}
#appView .is-compact-platform-detail .pdd-requirements-editor .oc-service-options {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
#appView .is-compact-platform-detail .pdd-requirements-editor .oc-requirements {
  padding: 0;
  border: 0;
}
#appView .is-compact-platform-detail .pdd-requirements-editor fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
#appView .is-compact-platform-detail .pdd-requirements-editor form > button {
  display: block;
  margin: 12px 0 0 auto;
}
#appView .is-compact-platform-detail .pdd-arrangements {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, auto);
  grid-auto-flow: column;
  gap: 14px 30px;
  margin: 0;
}
#appView .is-compact-platform-detail .pdd-arrangement {
  display: grid;
  grid-template-columns: 22px 70px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  font-size: 14px;
}
#appView .is-compact-platform-detail .pdd-arrangement dt,
#appView .is-compact-platform-detail .pdd-arrangement .pdd-icon {
  color: #6b7d8f;
}
#appView .is-compact-platform-detail .pdd-arrangement dd {
  margin: 0;
  color: #163148;
}
#appView .is-compact-platform-detail .pdd-note > summary,
#appView .is-compact-platform-detail .pdd-fees > summary {
  display: flex;
  gap: 12px;
  align-items: center;
  list-style: none;
  font-size: 15px;
  cursor: pointer;
}
#appView .is-compact-platform-detail .pdd-note > summary > span {
  margin-left: 8px;
  color: #657890;
}
#appView .is-compact-platform-detail .pdd-note[open] > summary > span,
#appView .is-compact-platform-detail .pdd-internal > summary > span {
  display: none;
}
#appView .is-compact-platform-detail .pdd-note-body {
  margin-top: 12px;
  padding: 10px 14px;
  background: #f3f6f8;
  border-radius: 5px;
  color: #536d83;
  font-size: 13px;
  white-space: pre-wrap;
}
#appView .is-compact-platform-detail .pdd-internal .pdd-note-body {
  white-space: normal;
}
#appView .is-compact-platform-detail .pdd-internal .order-reception-notes {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
}
#appView .is-compact-platform-detail .pdd-internal .order-reception-notes > header {
  padding: 0;
  min-height: 0;
}
#appView .is-compact-platform-detail .pdd-internal .order-reception-notes > header strong {
  display: none;
}
#appView .is-compact-platform-detail .pdd-internal .order-reception-notes > header small {
  color: #536d83;
  font-size: 13px;
}
#appView .is-compact-platform-detail .pdd-fees > summary::after {
  content: '⌄';
  margin-left: auto;
  color: #536d83;
}
#appView .is-compact-platform-detail .pdd-fees dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 16px 0 0;
}
#appView .is-compact-platform-detail .pdd-fees dd {
  margin: 8px 0 0;
  color: #536d83;
  white-space: pre-wrap;
}
#appView .is-compact-platform-detail .pdd-tools {
  padding: 8px 16px;
  color: #647b91;
  font-size: 12px;
}
#appView .is-compact-platform-detail .pdd-tools > summary {
  cursor: pointer;
}
#appView .is-compact-platform-detail .pdd-tools > div {
  padding-top: 12px;
}
#appView .is-compact-platform-detail .order-detail-action-bar {
  display: none;
}
#appView
  .is-compact-platform-detail:has([data-dirty='true'], #orderItineraryForm)
  .order-detail-action-bar {
  display: flex;
}
#appView .is-compact-platform-detail .ctrip-associated-page {
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  display: grid;
  gap: 14px;
}
#appView .is-compact-platform-detail .cad-list,
#appView .is-compact-platform-detail .cad-form {
  padding: 12px 14px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
  background: #fff;
  margin: 0;
}
#appView .is-compact-platform-detail .cad-list > header,
#appView .is-compact-platform-detail .cad-form > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px;
}
#appView .is-compact-platform-detail .cad-list > header > button {
  background: #b78a34;
  color: white;
  border: 0;
  border-radius: 5px;
  padding: 8px 18px;
  min-height: 34px;
}
#appView .is-compact-platform-detail .cad-desktop-list table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  background: white;
}
#appView .is-compact-platform-detail .cad-desktop-list :is(th, td) {
  padding: 9px 14px;
  border: 1px solid #e0e8ef;
  font-size: 13px;
  vertical-align: middle;
}
#appView .is-compact-platform-detail .cad-desktop-list th {
  background: #edf2f6;
  color: #3c5670;
  text-align: left;
  font-size: 12px;
}
#appView .is-compact-platform-detail .cad-desktop-list th:nth-child(1) {
  width: 17%;
}
#appView .is-compact-platform-detail .cad-desktop-list th:nth-child(2) {
  width: 18%;
}
#appView .is-compact-platform-detail .cad-desktop-list th:nth-child(3) {
  width: 26%;
}
#appView .is-compact-platform-detail .cad-desktop-list th:nth-child(4) {
  width: 11%;
}
#appView .is-compact-platform-detail .cad-desktop-list td {
  overflow-wrap: anywhere;
}
#appView .is-compact-platform-detail .cad-desktop-list td:first-child .cad-icon {
  margin-right: 12px;
  color: #667e95;
}
#appView .is-compact-platform-detail .cad-list > header .cad-icon[data-cad-icon='linked'] {
  --pdd-associated-icon: var(--pdd-header-document);
}
#appView
  .is-compact-platform-detail
  :is(.cad-desktop-list, .cad-mobile-list)
  .cad-icon[data-cad-icon='guide'] {
  --pdd-associated-icon: var(--pdd-solid-person);
}
#appView
  .is-compact-platform-detail
  :is(.cad-desktop-list, .cad-mobile-list)
  .cad-icon[data-cad-icon='hotel'] {
  --pdd-associated-icon: var(--pdd-solid-hotel);
}
#appView .is-compact-platform-detail .cad-list > header .cad-icon[data-cad-icon='linked'],
#appView
  .is-compact-platform-detail
  :is(.cad-desktop-list, .cad-mobile-list)
  .cad-icon:is([data-cad-icon='guide'], [data-cad-icon='hotel']) {
  background-color: currentColor;
  mask: var(--pdd-associated-icon) center / contain no-repeat;
}
#appView .is-compact-platform-detail .cad-list > header .cad-icon[data-cad-icon='linked'] > *,
#appView
  .is-compact-platform-detail
  :is(.cad-desktop-list, .cad-mobile-list)
  .cad-icon:is([data-cad-icon='guide'], [data-cad-icon='hotel'])
  > * {
  display: none;
}
#appView .is-compact-platform-detail .cad-desktop-list td > small {
  display: block;
}
#appView .is-compact-platform-detail [data-link-price] {
  font-weight: 750;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .cad-mobile-list {
  display: none;
}
#appView .is-compact-platform-detail .cad-totals {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 14px;
  padding: 14px;
  border-radius: 6px;
  background: #fcf8ef;
}
#appView .is-compact-platform-detail .cad-totals > div {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
#appView .is-compact-platform-detail .cad-totals > div + div {
  border-left: 1px solid #dce3e9;
}
#appView .is-compact-platform-detail .cad-totals strong {
  font-size: 22px;
  color: #8f611c;
}
#appView .is-compact-platform-detail .cad-team-strip {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 10px 14px;
  background: #f1f5f8;
  border-radius: 5px;
  color: #536f88;
  font-size: 14px;
}
#appView .is-compact-platform-detail .cad-team-strip strong {
  color: #102b43;
}
#appView .is-compact-platform-detail .cad-team-strip small {
  color: #8ba4ba;
  font-size: 12px;
}
#appView .is-compact-platform-detail .cad-form-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px 20px;
  margin-top: 14px;
}
#appView .is-compact-platform-detail .cad-form-grid > label,
#appView .is-compact-platform-detail .cad-dates {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  color: #173a58;
  font-size: 13px;
}
#appView .is-compact-platform-detail .cad-form-grid > label > span:first-child,
#appView .is-compact-platform-detail .cad-dates > span {
  white-space: nowrap;
}
#appView .is-compact-platform-detail .cad-form-grid b {
  color: #d74032;
}
#appView .is-compact-platform-detail .cad-types {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  min-width: 0;
}
#appView .is-compact-platform-detail .cad-types legend {
  float: left;
  padding: 0;
  font-size: 13px;
  white-space: nowrap;
}
#appView .is-compact-platform-detail .cad-types > div {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
#appView .is-compact-platform-detail .cad-types label {
  position: relative;
}
#appView .is-compact-platform-detail .cad-types input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
#appView .is-compact-platform-detail .cad-types label > span {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  padding: 8px 14px;
  border: 1px solid #e3e9ef;
  border-radius: 28px;
  background: #f4f7fa;
  color: #536e89;
  font-size: 13px;
}
#appView .is-compact-platform-detail .cad-types input:checked + span {
  background: #fff0cf;
  border-color: #bf9143;
  color: #7c5417;
}
#appView .is-compact-platform-detail .cad-types input:focus-visible + span {
  outline: 2px solid #b78935;
  outline-offset: 3px;
}
#appView .is-compact-platform-detail .cad-order-number {
  grid-column: span 3;
}
#appView .is-compact-platform-detail .cad-dates {
  grid-column: span 3;
}
#appView .is-compact-platform-detail .cad-price,
#appView .is-compact-platform-detail .cad-people,
#appView .is-compact-platform-detail .cad-area {
  grid-column: span 2;
}
#appView .is-compact-platform-detail .cad-description {
  grid-column: 1/-1;
  grid-template-columns: 1fr !important;
}
#appView .is-compact-platform-detail .cad-form :is(input:not([type='radio']), select, textarea) {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  border: 1px solid #dce4ee;
  border-radius: 5px;
  background: #fff;
  color: #102b43;
  padding: 7px 12px;
  font-size: 14px;
  box-shadow: none;
}
#appView .is-compact-platform-detail .cad-form textarea {
  min-height: 70px;
  resize: vertical;
}
#appView .is-compact-platform-detail .cad-date-range {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
#appView .is-compact-platform-detail .cad-date-range input {
  width: 0;
  flex: 1;
  min-width: 0;
}
#appView .is-compact-platform-detail .cad-area-control {
  display: grid;
  gap: 8px;
  min-width: 0;
}
#appView .is-compact-platform-detail .cad-area-control [hidden] {
  display: none !important;
}
#appView .is-compact-platform-detail .cad-form > footer {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
#appView .is-compact-platform-detail .cad-form > footer > button {
  background: #b68a35;
  color: #fff;
  border: 0;
  border-radius: 5px;
  padding: 10px 24px;
  min-height: 40px;
  font-size: 14px;
}
#appView .is-compact-platform-detail .cad-form > [role='alert']:empty {
  display: none;
}
#appView .is-compact-platform-detail .cad-row-actions {
  display: inline-block;
  position: relative;
  float: right;
  margin-left: 8px;
}
#appView .is-compact-platform-detail .cad-row-actions > summary {
  list-style: none;
  cursor: pointer;
  color: #7b8da0;
}
#appView .is-compact-platform-detail .cad-row-actions > div {
  position: absolute;
  right: 0;
  z-index: 4;
  display: grid;
  gap: 5px;
  width: 115px;
  padding: 8px;
  border: 1px solid #dce5ee;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 5px 15px #15354d12;
}
#appView .is-compact-platform-detail .cad-list .is-canceled {
  opacity: 0.65;
}
@media (min-width: 761px) {
  #appView:has(.is-compact-platform-detail) .topbar {
    display: none;
  }
  #appView:has(.is-compact-platform-detail) .main-content {
    padding: 14px 24px 24px;
  }
  #appView .is-compact-platform-detail .pdd-facts {
    padding: 18px 24px;
  }
  #appView .is-compact-platform-detail .pdd-facts dl {
    background: linear-gradient(
      90deg,
      transparent calc(33.333% - 12px),
      #e0e7ef calc(33.333% - 12px),
      #e0e7ef calc(33.333% - 11px),
      transparent calc(33.333% - 11px),
      transparent calc(66.666% - 4px),
      #e0e7ef calc(66.666% - 4px),
      #e0e7ef calc(66.666% - 3px),
      transparent calc(66.666% - 3px)
    );
  }
}
@media (max-width: 760px) {
  #appView .is-compact-platform-detail {
    height: 100%;
    max-height: 100dvh;
    border-radius: 0;
  }
  #appView .is-compact-platform-detail .pdd-page-head {
    padding: 14px 16px 12px;
  }
  #appView .is-compact-platform-detail .pdd-back {
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 13px;
  }
  #appView .is-compact-platform-detail .pdd-page-head #orderDetailClose {
    min-height: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 13px;
  }
  #appView .is-compact-platform-detail .pdd-identity h2 {
    font-size: 24px;
    gap: 14px;
  }
  #appView .is-compact-platform-detail .pdd-identity-state {
    font-size: 13px;
    padding: 3px 12px;
  }
  #appView .is-compact-platform-detail .pdd-identity > p {
    display: none;
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    font-size: 12px;
    color: #536e89;
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span:nth-child(-n + 3) {
    display: inline-flex;
    align-items: center;
    gap: 4px;
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span:nth-child(-n + 3)::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: currentColor;
    mask: var(--pdd-meta-icon) center / contain no-repeat;
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span:first-child {
    --pdd-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0ZM4 22v-3a8 8 0 0 1 16 0v3'/%3E%3C/svg%3E");
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span:nth-child(2) {
    --pdd-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M3 3h9l9 9-9 9-9-9V3ZM7 7h1'/%3E%3C/svg%3E");
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span:nth-child(3) {
    --pdd-meta-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.8' d='M4 15v5M20 15v5M3 15V9l3-5h12l3 5v6ZM3 10h18M6 14h1M17 14h1'/%3E%3C/svg%3E");
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta > span + span {
    border-left: 1px solid #d3dce5;
    padding-left: 8px;
  }
  #appView .is-compact-platform-detail .pdd-mobile-meta .pdd-head-number {
    margin-left: auto;
    border: 0;
    padding: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  #appView .is-compact-platform-detail .pdd-head-tools {
    right: 16px;
    top: 12px;
  }
  #appView .is-compact-platform-detail .order-detail-tabs {
    margin: 0 16px;
    padding: 0;
    background: #fff;
    border: 1px solid #edf1f5;
    border-radius: 6px;
  }
  #appView .is-compact-platform-detail .order-detail-tabs button {
    flex: 1;
    height: 44px;
    font-size: 16px;
    padding: 0;
  }
  #appView .is-compact-platform-detail .order-detail-tabs button.is-active::after {
    left: 28%;
    right: 28%;
  }
  #appView .is-compact-platform-detail .order-detail-content {
    padding: 14px 16px 90px;
  }
  #appView .is-compact-platform-detail .pdd-overview {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  #appView .is-compact-platform-detail .pdd-card {
    padding: 12px;
    border-radius: 8px;
  }
  #appView .is-compact-platform-detail :is(.pdd-note, .pdd-fees):not([open]) {
    padding-block: 6px;
  }
  #appView .is-compact-platform-detail :is(.pdd-note, .pdd-fees) > summary {
    min-height: 44px;
  }
  #appView .is-compact-platform-detail .pdd-service-pill:nth-child(2),
  #appView .is-compact-platform-detail .pdd-arrangement:nth-child(4) {
    --pdd-service-icon: var(--pdd-solid-person);
  }
  #appView
    .is-compact-platform-detail
    :is(.pdd-service-pill:nth-child(2), .pdd-arrangement:nth-child(4))
    > .pdd-icon {
    background-color: currentColor;
    mask: var(--pdd-service-icon) center / contain no-repeat;
  }
  #appView
    .is-compact-platform-detail
    :is(.pdd-service-pill:nth-child(2), .pdd-arrangement:nth-child(4))
    > .pdd-icon
    > * {
    display: none;
  }
  #appView .is-compact-platform-detail .pdd-mobile-heading {
    display: flex;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dfe6ee;
  }
  #appView .is-compact-platform-detail .pdd-facts dl {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'people salutation' 'department number' 'platform price' 'area price' 'date date';
    gap: 10px 20px;
  }
  #appView .is-compact-platform-detail .pdd-facts dl::before {
    content: '';
    grid-column: 1;
    grid-row: 1 / 5;
    justify-self: end;
    width: 1px;
    background: #dfe6ee;
    transform: translateX(10px);
    pointer-events: none;
  }
  #appView .is-compact-platform-detail .pdd-fact {
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 8px;
  }
  #appView .is-compact-platform-detail .pdd-fact > .pdd-icon {
    display: none;
  }
  #appView .is-compact-platform-detail .pdd-fact dt {
    font-size: 13px;
  }
  #appView .is-compact-platform-detail .pdd-fact dd {
    font-size: 14px;
    font-weight: 500;
  }
  #appView .is-compact-platform-detail .pdd-fact-price {
    align-content: start;
    align-items: baseline;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 8px;
  }
  #appView .is-compact-platform-detail .pdd-fact-price dd {
    font-size: 23px;
    color: #8a5a22;
    font-weight: 750;
  }
  #appView .is-compact-platform-detail .pdd-fact-date {
    padding-top: 10px;
    margin-top: 2px;
    border-top: 1px solid #e0e7ef;
  }
  #appView .is-compact-platform-detail .pdd-card h3 {
    font-size: 16px;
  }
  #appView .is-compact-platform-detail .pdd-itinerary-table th {
    display: none;
  }
  #appView .is-compact-platform-detail .pdd-itinerary-table td {
    padding: 8px;
    font-size: 13px;
  }
  #appView .is-compact-platform-detail .pdd-itinerary-table td:first-child {
    width: 31%;
    background: #f6f8fa;
  }
  #appView .is-compact-platform-detail .pdd-daily-view > summary {
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .pdd-service-pills {
    gap: 5px;
  }
  #appView .is-compact-platform-detail .pdd-service-pill {
    min-height: 34px;
    gap: 4px;
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .pdd-service-pill .pdd-icon {
    width: 16px;
    height: 16px;
  }
  #appView .is-compact-platform-detail .pdd-requirements-editor > summary {
    padding: 6px 8px;
    background: white;
    border: 1px solid #bc8930;
    color: #9a681c;
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .pdd-requirements-editor .oc-service-options {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  #appView .is-compact-platform-detail .pdd-arrangements {
    column-gap: 16px;
    row-gap: 12px;
  }
  #appView .is-compact-platform-detail .pdd-arrangement {
    grid-template-columns: 18px 38px minmax(0, 1fr);
    gap: 7px;
    font-size: 13px;
  }
  #appView .is-compact-platform-detail .pdd-arrangement .pdd-icon {
    width: 18px;
    height: 18px;
  }
  #appView .is-compact-platform-detail .pdd-fees {
    order: 6;
  }
  #appView .is-compact-platform-detail .pdd-special {
    order: 7;
  }
  #appView .is-compact-platform-detail .pdd-internal {
    order: 8;
  }
  #appView .is-compact-platform-detail .pdd-tools {
    order: 9;
  }
  #appView .is-compact-platform-detail .pdd-note > summary::after {
    content: '⌄';
    margin-left: auto;
    color: #536d83;
  }
  #appView .is-compact-platform-detail .pdd-fees dl {
    grid-template-columns: 1fr;
  }
  #appView .is-compact-platform-detail .cad-desktop-list {
    display: none;
  }
  #appView .is-compact-platform-detail .cad-mobile-list {
    display: grid;
    gap: 12px;
  }
  #appView .is-compact-platform-detail .cad-mobile-list > article {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    padding: 12px;
    border: 1px solid #e0e7ef;
    border-radius: 8px;
    background: #fff;
  }
  #appView .is-compact-platform-detail .cad-service-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    background: #f3f6fa;
    border: 1px solid #e2e9f0;
    border-radius: 6px;
    color: #60748e;
  }
  #appView .is-compact-platform-detail .cad-mobile-list article header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
  }
  #appView .is-compact-platform-detail .cad-mobile-list article header strong {
    font-size: 16px;
  }
  #appView .is-compact-platform-detail .cad-mobile-list article header b {
    color: #8d5a1b;
    font-size: 18px;
  }
  #appView .is-compact-platform-detail .cad-mobile-list article p {
    margin: 4px 0;
    color: #607794;
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  #appView .is-compact-platform-detail .cad-mobile-list article p i {
    display: inline-block;
    height: 12px;
    border-left: 1px solid #ccd8e4;
    margin: 0 8px;
    vertical-align: middle;
  }
  #appView .is-compact-platform-detail .cad-list > header h3 {
    font-size: 16px;
  }
  #appView .is-compact-platform-detail .cad-list > header > button {
    background: white;
    color: #a26917;
    border: 1px solid #b7832c;
    font-size: 12px;
    padding: 6px 10px;
  }
  #appView .is-compact-platform-detail .cad-totals {
    padding: 12px 4px;
  }
  #appView .is-compact-platform-detail .cad-totals > div {
    gap: 8px;
    font-size: 12px;
    flex-wrap: wrap;
  }
  #appView .is-compact-platform-detail .cad-totals strong {
    font-size: 20px;
  }
  #appView .is-compact-platform-detail .cad-team-strip {
    background: transparent;
    padding: 4px 0;
    gap: 14px;
  }
  #appView .is-compact-platform-detail .cad-team-strip small {
    background: #f1f5f8;
    padding: 3px 8px;
    border-radius: 15px;
  }
  #appView .is-compact-platform-detail .cad-form-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }
  #appView .is-compact-platform-detail .cad-types {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
  }
  #appView .is-compact-platform-detail .cad-types > div {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }
  #appView .is-compact-platform-detail .cad-types label > span {
    min-width: 0;
    min-height: 32px;
    padding: 6px 3px;
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .cad-types label .cad-icon {
    display: none;
  }
  #appView .is-compact-platform-detail .cad-form-grid > label,
  #appView .is-compact-platform-detail .cad-dates {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 8px;
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .cad-order-number,
  #appView .is-compact-platform-detail .cad-dates,
  #appView .is-compact-platform-detail .cad-area,
  #appView .is-compact-platform-detail .cad-description {
    grid-column: 1/-1;
  }
  #appView .is-compact-platform-detail .cad-price,
  #appView .is-compact-platform-detail .cad-people {
    grid-column: span 2;
  }
  #appView .is-compact-platform-detail .cad-price,
  #appView .is-compact-platform-detail .cad-people {
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 6px !important;
  }
  #appView .is-compact-platform-detail .cad-description {
    grid-template-columns: 92px minmax(0, 1fr) !important;
    align-items: start;
  }
  #appView .is-compact-platform-detail .cad-description > span:first-child {
    white-space: normal !important;
  }
  #appView .is-compact-platform-detail .cad-form-grid > label.cad-area > span:first-child {
    white-space: normal;
    line-height: 1.4;
  }
  #appView .is-compact-platform-detail .cad-form :is(input:not([type='radio']), select, textarea) {
    font-size: 16px;
    padding: 7px 9px;
    min-height: 36px;
  }
  #appView .is-compact-platform-detail .cad-date-range {
    gap: 6px;
  }
  #appView .is-compact-platform-detail .cad-date-range input {
    font-size: 12px;
  }
  #appView .is-compact-platform-detail .cad-date-range input::-webkit-date-and-time-value {
    font-size: 12px;
    text-align: left;
  }
  #appView .is-compact-platform-detail .cad-form > footer > button {
    font-size: 14px;
    min-height: 38px;
    padding: 8px 16px;
  }
}

/* Confirmed G03/G04 mobile metadata: ordinary blue-grey, not legacy gold captions. */
@media (max-width: 760px) {
  #appView .is-compact-platform-detail .pdd-page-head .pdd-mobile-meta > span {
    color: #536e89;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
  }
}

/* Confirmed G04: complete YYYY/MM/DD within the approved same-row date range.
   archive-design.css mobile form rule uses !important, so font needs the scoped
   override too. Keep the original native date inputs and calendar pickers. */
@media (max-width: 760px) {
  #appView .is-compact-platform-detail .cad-form .cad-date-range input[type='date'] {
    font-size: 12px !important;
    padding-inline: 4px;
  }
  #appView
    .is-compact-platform-detail
    .cad-form
    .cad-date-range
    input[type='date']::-webkit-datetime-edit {
    font-size: 12px !important;
    padding: 0;
  }
  #appView
    .is-compact-platform-detail
    .cad-form
    .cad-date-range
    input[type='date']::-webkit-date-and-time-value {
    font-size: 12px !important;
    text-align: left;
  }
}

#appView .is-compact-platform-detail .cad-text-count {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
}
#appView .is-compact-platform-detail .cad-text-count textarea {
  padding-bottom: 20px;
}
#appView .is-compact-platform-detail .cad-text-count-value {
  position: absolute;
  inset-inline-end: 8px;
  bottom: 4px;
  color: #7c99ba;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  pointer-events: none;
}