:root {
  --bg: #f7f4ef;
  --ink: #171717;
  --accent: #ff7a59;
  --card: #ffffff;
  --muted: #666666;
}

html, body {
  margin: 0;
  padding: 0;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
  background: radial-gradient(circle at top left, #fff0e6, #f7f4ef 55%, #efe7dd 100%);
  color: var(--ink);
}

.site-header {   display: flex;   justify-content: space-between;   align-items: center;   padding: 0 24px;   min-height: 56px;   background: #fff;   border-bottom: 1px solid #eee; }

.site-header .brand {   font-weight: 700;   letter-spacing: 0.5px;   text-decoration: none;   color: var(--ink); }

.site-header .brand:visited, .site-header .brand:hover, .site-header .brand:active {   color: var(--ink);   text-decoration: none; }

.site-header nav a {   margin-left: 12px;   text-decoration: none;   color: var(--ink); }

.container {   max-width: 1200px;   margin: 24px auto;   padding: 0 16px 40px; }

.container.container-full {   max-width: none;   margin: 0;   padding: 0; }

.card {   background: var(--card);   padding: 16px;   border-radius: 12px;   box-shadow: 0 8px 18px rgba(0,0,0,0.06);   margin-bottom: 16px; }

.card.success {   border: 1px solid #b7e4c7;   background: #f1fff7; }

.card.warning {   border: 1px solid #ffd6a5;   background: #fff8ee; }

.card.success h3 {   margin: 0 0 6px;   font-size: 18px; }

.card.success .btn {   width: 100%;   margin-top: 10px; }  button, .btn {   background: var(--accent);   color: #fff;   border: none;   padding: 8px 12px;   border-radius: 8px;   cursor: pointer;   text-decoration: none; }

.btn.ghost {   background: #222; }

.lead {   font-size: 16px;   margin-bottom: 12px; }

.hidden {   display: none; }

.toggle-row {   display: flex;   gap: 12px;   margin-bottom: 12px; }

.toggle-item {   display: inline-flex;   align-items: center;   gap: 6px;   padding: 6px 10px;   border-radius: 999px;   background: #f2f2f2;   font-weight: 600; }

.field {   margin-bottom: 14px; }

.input-group {   display: flex;   gap: 8px;   align-items: center; }

.input-group input {   flex: 1; }

.input-group .detail-input {   max-width: 140px; }

.input-group .btn {   min-width: 92px; }

.pretty-input {   height: 42px;   border-radius: 10px;   border: 1px solid #ddd;   padding: 0 12px;   background: #fff;   color: #111;   width: 100%; }
.pretty-input[readonly] {   background: #f7f7f7; }
.pretty-group .btn {   height: 42px;   min-width: 96px; }
.pretty-group {   align-items: center; }
.pretty-group .detail-input {   max-width: 160px; }


.grid {   display: grid;   grid-template-columns: 1fr 1fr;   gap: 16px; }

.address-row {   display: flex;   gap: 8px; }

.address-row input[readonly] {   background: #f7f7f7; }

.form-stack {   display: flex;   flex-direction: column;   gap: 10px; }

.form-row {   display: flex;   align-items: center;   gap: 12px; }

.form-row label {   min-width: 120px;   color: var(--muted);   font-weight: 600; }

.form-row input, .form-row select {   height: 36px; }

.form-row > input, .form-row > select, .form-row .address-row {   flex: 1; }

.form-row .btn {   min-width: 96px;   height: 36px; }

.address-actions {   display: flex;   gap: 8px;   margin-top: 8px; }

.divider {   height: 1px;   background: #eee;   margin: 12px 0; }

.map-box {   width: 100%;   height: 360px;   border-radius: 12px;   border: 1px solid #eee; }

.map-label {   padding: 6px 8px;   font-size: 12px; }

.pin-label {   background: #111;   color: #fff;   border: 2px solid #fff;   border-radius: 999px;   padding: 3px 8px;   font-size: 12px;   font-weight: 700;   letter-spacing: 0.2px;   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);   white-space: nowrap;   box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35); }

.company-label {   background: #0f8b5f;   color: #fff;   border: 2px solid #fff;   border-radius: 999px;   padding: 3px 8px;   font-size: 12px;   font-weight: 700;   letter-spacing: 0.2px;   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);   white-space: nowrap;   box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35); }

.modal {   position: fixed;   inset: 0;   background: rgba(0, 0, 0, 0.4);   display: flex;   align-items: center;   justify-content: center;   z-index: 1000; }

.modal.hidden {   display: none; }

.form-actions {   display: flex;   justify-content: flex-end;   margin-top: 6px; }

.loading {   position: fixed;   inset: 0;   background: rgba(0, 0, 0, 0.4);   display: flex;   align-items: center;   justify-content: center;   z-index: 1200; }

.loading.hidden {   display: none; }

.loading-card {   background: #fff;   border-radius: 14px;   padding: 18px 22px;   display: flex;   gap: 12px;   align-items: center;   box-shadow: 0 12px 24px rgba(0,0,0,0.18); }

.spinner {   width: 22px;   height: 22px;   border-radius: 50%;   border: 3px solid #f0d2b8;   border-top-color: var(--accent);   animation: spin 0.9s linear infinite; }

@keyframes spin {   to { transform: rotate(360deg); } }

.company-list {   display: flex;   flex-direction: column;   gap: 8px;   max-height: 240px;   overflow: auto;   margin-top: 10px; }

.company-item {   text-align: left;   padding: 8px 10px;   border-radius: 8px;   border: 1px solid #eee;   background: #fafafa;   cursor: pointer; }

.modal-search input {   flex: 1; }

.icon-btn {   min-width: 42px;   height: 42px;   border-radius: 10px;   border: 1px solid #ddd;   background: #f7f7f7;   color: #222;   cursor: pointer;   font-size: 14px; }

.menu-header {   display: flex;   justify-content: space-between;   align-items: flex-start;   gap: 16px; }

.menu-title {   margin: 0 0 4px;   font-size: 18px;   font-weight: 700; }

.menu-address {   font-weight: 700; }

.menu-title-block {   display: flex;   flex-direction: column; }

.menu-detail-line {   font-weight: 500;   color: var(--muted);   font-size: 13px;   margin-top: 4px;   margin-bottom: 0; }

.menu-title-row {   display: flex;   align-items: center;   gap: 10px;   flex-wrap: wrap; }

.menu-change {   font-size: 13px;   color: var(--muted);   text-decoration: none;   padding: 4px 8px;   border-radius: 999px;   background: #f2f2f2; }

.menu-change.floating {   position: absolute;   right: 16px;   top: 16px; }

.menu-header {   position: relative; }

.menu-subtitle {   color: var(--muted);   font-weight: 600;   margin-bottom: 8px; }

.menu-meta {   display: flex;   gap: 14px;   flex-wrap: wrap;   color: var(--muted);   font-size: 14px;   margin-top: 12px;   line-height: 1.4; }

.menu-meta span {   margin-bottom: 2px; }

.menu-badges {   display: flex;   gap: 8px;   flex-wrap: wrap; }

.tag {   background: #fff1e6;   color: #b85f46;   padding: 4px 10px;   border-radius: 999px;   font-weight: 700;   font-size: 12px; }

.slot-status {   display: flex;   gap: 8px;   flex-wrap: wrap; }

.slot-chip {   background: #f2f2f2;   color: #333;   padding: 6px 10px;   border-radius: 999px;   font-size: 13px; }

.menu-grid {   display: grid;   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));   gap: 16px; }

.dp-progress {   display: grid;   gap: 8px; }

.dp-progress-header {   display: flex;   justify-content: space-between;   font-weight: 600;   gap: 8px; }

.dp-progress-count {   color: var(--accent);   font-weight: 700; }

.dp-progress-bar {   height: 10px;   background: #f0f0f0;   border-radius: 999px;   overflow: hidden; }

.dp-progress-fill {   height: 100%;   background: linear-gradient(90deg, #ff7a59, #ffb59f); }

.dp-progress-hint {   color: var(--muted);   font-size: 12px; }
.dp-progress-foot {   display: flex;   align-items: center;   justify-content: space-between;   gap: 8px;   flex-wrap: wrap; }

.menu-card {   background: var(--card);   border-radius: 16px;   box-shadow: 0 10px 20px rgba(0,0,0,0.06);   display: grid;   grid-template-columns: 120px 1fr;   gap: 16px;   padding: 14px; }

.menu-thumb {   background: linear-gradient(135deg, #f0d2b8, #f8eee4);   border-radius: 14px;   min-height: 120px;   background-size: cover;   background-position: center; }

.menu-info {   display: flex;   flex-direction: column;   gap: 8px; }

.menu-tag {   background: #ffe9df;   color: #c96a52;   font-weight: 700;   font-size: 12px;   padding: 4px 8px;   border-radius: 999px;   width: fit-content; }

.menu-name {   margin: 0;   font-size: 16px; }

.menu-price {   font-size: 18px;   font-weight: 700;   display: flex;   gap: 8px;   align-items: center; }

.menu-price-sale {   color: #e4572e; }

.menu-price-original {   color: #999;   text-decoration: line-through;   font-weight: 600;   font-size: 14px; }

.menu-rating {   font-size: 13px;   color: var(--muted);   display: flex;   gap: 6px;   align-items: center; }

.menu-order {   display: flex;   align-items: flex-end; }

.menu-order label {   display: flex;   flex-direction: column;   gap: 4px;   font-size: 12px;   color: var(--muted); }

.menu-order select, .menu-order input {   height: 34px; }

.qty-field {   width: 100%; }

.qty-control {   display: inline-grid;   grid-template-columns: 28px 56px 28px;   gap: 6px;   align-items: center; }

.qty-control input {   text-align: center;   padding: 0; }

.qty-btn {   height: 30px;   border-radius: 8px;   background: #f0f0f0;   border: 1px solid #ddd;   cursor: pointer;   font-weight: 700;   color: #222;   font-size: 16px;   line-height: 1;   display: inline-flex;   align-items: center;   justify-content: center; }

.qty-btn[data-qty="1"] {   background: #ffe5dc;   border-color: #ffb59f;   color: #c84c2a; }

.menu-checkout {   position: sticky;   bottom: 12px;   z-index: 5;   margin-top: 16px; }

.menu-order-summary {   font-weight: 600;   margin-bottom: 10px; }

.menu-order-actions {   display: flex;   flex-direction: column;   gap: 10px; }

.slot-label {   font-size: 13px;   color: var(--muted);   font-weight: 600; }

.slot-options {   display: grid;   grid-template-columns: repeat(3, 1fr);   gap: 8px; }

.slot-option {   display: flex;   align-items: center;   justify-content: center;   gap: 6px;   padding: 8px 10px;   border-radius: 10px;   border: 1px solid #e6e6e6;   background: #fafafa;   cursor: pointer;   font-weight: 600; }

.slot-option input {   display: none; }

.slot-option input:checked + span {   color: #fff;   background: var(--accent);   border-radius: 8px;   padding: 4px 8px; }

.cta-btn {   width: 100%;   padding: 12px 14px;   font-size: 15px;   border-radius: 12px; }

.menu-order-summary:empty {   display: none; }

.confirm-card {   display: grid;   gap: 12px; }

.confirm-header {   display: flex;   justify-content: space-between;   align-items: center;   gap: 12px; }

.confirm-title {   font-size: 20px;   font-weight: 700; }

.confirm-subtitle {   color: var(--muted);   font-size: 13px;   margin-top: 4px; }

.confirm-section {   display: grid;   gap: 10px; }

.confirm-section-title {   margin: 0;   font-size: 15px;   font-weight: 700; }

.confirm-row {   display: grid;   grid-template-columns: 80px 1fr;   gap: 8px;   align-items: center; }

.confirm-label {   color: var(--muted);   font-size: 13px;   font-weight: 600; }

.confirm-value {   font-weight: 600; }

.confirm-amount {   display: flex;   justify-content: space-between;   align-items: center;   padding: 10px 12px;   border-radius: 12px;   background: #f8f3ee;   font-weight: 700; }

.confirm-options {   display: grid;   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));   gap: 10px; }

.confirm-radio {   display: flex;   align-items: center;   gap: 8px;   padding: 10px 12px;   border-radius: 10px;   border: 1px solid #e6e6e6;   background: #fafafa;   cursor: pointer;   font-weight: 600; }
.confirm-radio span {   font-size: 14px;   white-space: nowrap; }
.confirm-radio.disabled {   opacity: 0.55;   cursor: not-allowed; }

.confirm-radio input:checked + span {   color: #fff;   background: var(--accent);   padding: 4px 10px;   border-radius: 8px; }

.confirm-textarea {   display: grid;   gap: 6px;   font-size: 13px;   color: var(--muted);   font-weight: 600; }

.confirm-textarea textarea {   border-radius: 10px;   border: 1px solid #ddd;   padding: 8px 10px;   font-family: inherit;   resize: vertical; }

.confirm-form {   display: grid;   gap: 12px; }

@media (max-width: 700px) {   .menu-header {     flex-direction: column;   }

.menu-card {     grid-template-columns: 1fr;   }

.menu-order {     grid-template-columns: 1fr 1fr;   }

.confirm-header {     flex-direction: column;     align-items: flex-start;   }

.confirm-row {     grid-template-columns: 1fr;   } }

.list-rows {   margin: 0;   padding: 0; }

.list-rows li {   list-style: none;   padding: 12px 8px;   border-bottom: 1px solid #eee; }

.row-item {   display: grid;   grid-template-columns: minmax(0, 1fr) auto;   align-items: center;   gap: 12px;   white-space: nowrap; }

.row-meta {   min-width: 0; }

.row-meta span {   color: var(--muted);   margin-left: 6px; }

.dp-meta {   display: grid;   grid-template-columns: 60px minmax(0, 2.2fr) minmax(0, 1.6fr) 120px 120px 120px;   gap: 8px;   align-items: center; }

.meta-cell {   min-width: 0; }

.meta-label {   font-size: 12px;   color: var(--muted); }

.meta-value {   font-size: 14px;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; }

.meta-value.full {   overflow: visible;   text-overflow: clip;   white-space: normal; }

.row-actions {   display: flex;   gap: 8px;   align-items: center;   flex-wrap: nowrap;   max-width: none; }

.row-actions .inline-form, .row-actions form {   margin: 0;   display: flex;   align-items: center; }

.row-actions .btn, .row-actions button {   min-width: 72px; }

.actions {   display: flex;   gap: 8px;   align-items: center; }

.inline-form {   display: flex;   gap: 6px;   align-items: center;   flex-wrap: nowrap; }

.inline-form input, .inline-form select {   max-width: 150px; }

.menu-admin-form {   display: grid;   gap: 10px;   grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));   align-items: center; }
.menu-admin-form .btn {   height: 42px; }
.menu-lookup-row {
  display: flex;
  gap: 8px;
  grid-column: 1 / -1;
  align-items: center;
}
.menu-admin-list {   padding: 12px; }
.menu-admin-row {   display: grid;   grid-template-columns: minmax(0, 1fr) auto;   gap: 12px;   align-items: center; }
.menu-edit-form {   display: grid;   gap: 8px;   grid-template-columns: 56px minmax(160px, 1.6fr) repeat(4, minmax(120px, 1fr)) minmax(160px, 1.2fr) minmax(140px, 1fr) auto;   align-items: center; }
.menu-order-cell {   font-weight: 700;   color: #666;   text-align: center; }
.menu-created-cell {   font-size: 12px;   color: var(--muted);   text-align: center; }
.menu-edit-form .btn {   height: 42px;   justify-self: start;   white-space: nowrap; }
.menu-file-input {   height: 42px; }
.menu-delete-form {   display: flex;   align-items: center; }
.menu-delete-form .btn {   height: 42px;   min-width: 72px; }


@media (min-width: 1400px) {   .container {     max-width: 1600px;   } }

@media (max-width: 900px) {   .grid {     grid-template-columns: 1fr;   }

.address-row {     flex-direction: column;   }

.form-row {     flex-direction: column;     align-items: flex-start;   }

.form-row label {     min-width: 0;   }

.row-item {     flex-wrap: wrap;     white-space: normal;   }

.dp-meta {     grid-template-columns: 1fr;   }

.meta-value {     white-space: normal;   }

.row-actions {     width: 100%;     justify-content: flex-start;     max-width: 100%;   }

.inline-form {     flex-wrap: wrap;   }

.toggle-row {     flex-direction: column;     align-items: stretch;   }

.toggle-item {     justify-content: space-between;   }

.input-group {     flex-direction: column;     align-items: stretch;   }

.input-group .btn {     width: 100%;   }

.input-group input,   .input-group select {     width: 100%;   }

.input-group .detail-input {     max-width: none;   }

.form-actions {     justify-content: stretch;   }

.form-actions .btn {     width: 100%;   }

.menu-header {     flex-direction: column;   } }

@media (max-width: 720px) {
  .menu-admin-row {     grid-template-columns: 1fr;   }
  .menu-edit-form {     grid-template-columns: 1fr;   }
  .menu-order-cell, .menu-created-cell {     text-align: left;   }
  .menu-delete-form {     justify-content: flex-start;   }
}

.modal-content {   background: #fff;   padding: 16px;   border-radius: 12px;   width: min(420px, 92vw);   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }

.company-list {   max-height: 260px;   overflow-y: auto;   border: 1px solid #eee;   border-radius: 10px;   margin-top: 10px;   padding: 6px;   background: #fafafa; }

.company-item {   width: 100%;   text-align: left;   background: #fff;   border: 1px solid #eee;   border-radius: 8px;   padding: 8px 10px;   margin-bottom: 6px;   cursor: pointer; }

.company-item:hover {   border-color: #222; }

.empty {   color: var(--muted);   padding: 10px; }

.modal-actions {   display: flex;   gap: 8px;   margin-top: 12px;   justify-content: flex-end; }

.date-quick {   display: flex;   gap: 8px;   flex-wrap: wrap;   margin-top: -4px;   margin-bottom: 8px; }
.date-chip {   border: 1px solid #e6e6e6;   background: #fafafa;   color: #333;   border-radius: 999px;   padding: 6px 10px;   cursor: pointer;   font-weight: 600;   font-size: 12px; }
.date-chip:hover {   border-color: #222; }

.phone-row {   display: flex;   gap: 8px;   align-items: center; }

.phone-row input {   width: 100px;   text-align: center; }

.alert {   background: #fff3cd;   padding: 8px 12px;   border-radius: 8px; }

.tag {   background: #000;   color: #fff;   padding: 2px 6px;   border-radius: 6px;   margin-left: 6px;   font-size: 12px; }

.hint {   color: var(--muted); }

.auth-hero {   position: relative;   border-radius: 16px;   overflow: hidden;   min-height: 220px;   display: flex;   align-items: center;   padding: 24px;   background:     linear-gradient(120deg, rgba(22, 20, 16, 0.75), rgba(22, 20, 16, 0.4)),     url("https://images.unsplash.com/photo-1504674900247-0877df9cc836?auto=format&fit=crop&w=1600&q=80")       center/cover no-repeat;   color: #fff; }

.auth-hero.full-bg {   min-height: 520px;   padding: 32px;   display: grid;   grid-template-columns: minmax(0, 1fr) minmax(0, 360px);   align-items: end;   gap: 24px; }

.auth-shell.floating {   position: static;   margin-top: 0;   grid-template-columns: minmax(0, 360px); }

.auth-hero-content {   max-width: 520px; }

.hero-title {   margin: 0 0 8px;   font-size: 24px;   line-height: 1.35;   display: flex;   flex-direction: column;   gap: 4px; }

.hero-title span {   display: block; }

.hero-brand {   font-size: 30px;   font-weight: 800; }

.auth-eyebrow {   font-size: 12px;   letter-spacing: 1.2px;   text-transform: uppercase;   opacity: 0.8;   margin: 0 0 8px; }

.auth-subtitle {   margin: 0;   opacity: 0.9;   font-size: 14px; }

.auth-shell {   display: grid;   grid-template-columns: minmax(0, 420px);   gap: 16px;   margin-top: 16px; }

.auth-card {   background: rgba(255,255,255,0.94);   border-radius: 16px;   padding: 20px;   box-shadow: 0 10px 20px rgba(0,0,0,0.08);   display: grid;   gap: 14px;   color: #111; }

.auth-card h2 {   margin: 0;   font-size: 18px; }

.auth-form {   display: grid;   gap: 10px; }

.auth-form input {   height: 42px;   border-radius: 10px;   border: 1px solid #ddd;   padding: 0 12px;   background: #fff;   color: #111;   width: 100%; }

.auth-btn {   width: 100%;   height: 44px;   font-weight: 700; }

.signup-form .hint {   margin-top: -4px;   font-size: 12px; }

.auth-card .phone-row-compact {   gap: 6px; }

.auth-card .phone-row-compact input {   width: 88px;   height: 40px;   border-radius: 10px;   border: 1px solid #ddd; }

.auth-card .phone-row-compact span {   color: var(--muted);   font-weight: 600; }
.auth-card .phone-row-compact input::placeholder {   color: #b3b3b3;   transition: opacity 0.15s ease; }
.auth-card .phone-row-compact input:hover::placeholder,
.auth-card .phone-row-compact input:focus::placeholder {   opacity: 0; }

.auth-links {   display: flex;   justify-content: space-between;   font-size: 13px;   gap: 10px;   flex-wrap: wrap; }

.auth-links a {   color: #333;   text-decoration: none; }

.auth-links .muted {   color: var(--muted); }

.auth-resend {   margin: 0; }

.order-list {   display: grid;   gap: 12px; }

.order-card {   display: grid;   gap: 12px; }

.order-card-header {   display: flex;   justify-content: space-between;   align-items: center;   gap: 12px; }

.order-id {   font-weight: 700; }

.order-date {   color: var(--muted);   font-size: 13px; }

.order-status {   font-size: 12px;   font-weight: 700;   padding: 4px 10px;   border-radius: 999px;   background: #f2f2f2; }

.order-status.paid {   background: #e8f7ef;   color: #1f7a4e; }
.order-status.delivered {   background: #e8f2ff;   color: #1f4f9e; }

.order-status.pending {   background: #fff3cd;   color: #9a6b11; }

.order-status.canceled, .order-status.canceled_min, .order-status.payment_failed {   background: #ffe4e0;   color: #b23b2a; }

.order-meta {   display: grid;   gap: 6px; }

.order-line {   display: flex;   justify-content: space-between;   gap: 12px;   font-size: 14px; }

.order-line span {   color: var(--muted);   font-weight: 600; }

.order-actions {   display: flex;   gap: 10px;   flex-wrap: wrap;   align-items: center; }

.review-form {   display: flex;   gap: 8px;   flex-wrap: wrap;   align-items: center; }

.review-form input[type="number"] {   width: 80px; }

.review-form input[type="text"] {   min-width: 180px; }

@media (max-width: 768px) {   .grid { grid-template-columns: 1fr; }

.auth-hero {     min-height: 200px;     padding: 18px;   }

.auth-shell {     grid-template-columns: 1fr;   }

.auth-hero.full-bg {     min-height: 520px;     grid-template-columns: 1fr;     align-items: start;   }

.auth-shell.floating {     position: static;     margin-top: 0;     width: 100%;   } }


.review-form-block {   display: grid;   gap: 12px; }
.review-form-block label {   display: grid;   gap: 6px;   font-size: 13px;   color: var(--muted);   font-weight: 600; }
.review-form-block input, .review-form-block textarea {   border-radius: 10px;   border: 1px solid #ddd;   padding: 8px 10px;   font-family: inherit; }

.order-actions form {   margin: 0; }
.order-actions .btn {   width: 120px;   height: 36px;   padding: 0 12px;   font-size: 13px;   line-height: 36px;   white-space: nowrap;   display: inline-flex;   align-items: center;   justify-content: center; }

.order-note {   font-size: 13px;   font-weight: 600;   padding: 8px 10px;   border-radius: 10px;   background: #f7f7f7; }
.order-note.canceled {   background: #ffe4e0;   color: #b23b2a; }
.order-note.delivered {   background: #e8f2ff;   color: #1f4f9e; }


.summary-table {   width: 100%;   border-collapse: collapse;   margin-top: 10px;   font-size: 13px; }
.summary-table th, .summary-table td {   padding: 8px 10px;   border-bottom: 1px solid #eee;   text-align: left;   white-space: nowrap; }
.summary-table th {   color: var(--muted);   font-weight: 700;   background: #fafafa; }
.summary-table tr:last-child td {   border-bottom: none; }


.share-btn {   font-size: 11px;   padding: 4px 8px;   border-radius: 999px;   white-space: nowrap; }

.auth-form label {   color: #111;   font-weight: 600; }

@media (max-width: 480px) {
  .confirm-radio {   padding: 8px 10px; }
  .confirm-radio span {   font-size: 13px; }
  .dp-progress-header {   flex-wrap: wrap; }
  .confirm-options {   grid-template-columns: 1fr; }
}