/* _content/CleanArchitecture.Blazor.Server.UI/Components/Header/NavBarComponent.razor.rz.scp.css */
[b-8ex0hp1cid](.bottom-nav) {
  padding: 0.8rem 0;
  border-top: 1px solid #e0e0e0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[b-8ex0hp1cid](.bottom-nav) button {
  background-color: unset;
  box-shadow: unset;
}
[b-8ex0hp1cid](.text-center) {
  text-align: center;
}
[b-8ex0hp1cid](.mud-grid) {
  flex-wrap: nowrap !important;
}
[b-8ex0hp1cid](.mud-grid-item-xs-3) {
  min-width: calc(100% / 12 * 3);
}
[b-8ex0hp1cid](.map-container) {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
[b-8ex0hp1cid](#leafletMap) {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
}
[b-8ex0hp1cid](.bottom-panel) {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 56px;
  border-radius: 16px;
  padding: 16px;
  z-index: 9999;
  background-color: white;
}
[b-8ex0hp1cid](.Cancellation) {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-8ex0hp1cid](.fab-add) {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-8ex0hp1cid](.fab-gps) {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
[b-8ex0hp1cid](.mud-drawer .mud-drawer-content) {
  overflow: hidden;
}
[b-8ex0hp1cid] .bottom-nav {
  padding: 0.8rem 0;
  border-top: 1px solid #e0e0e0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[b-8ex0hp1cid] .bottom-nav button {
  background-color: unset;
  box-shadow: unset;
}
[b-8ex0hp1cid] .text-center {
  text-align: center;
  cursor: pointer;
}
[b-8ex0hp1cid] .mud-grid {
  flex-wrap: nowrap !important;
}
[b-8ex0hp1cid] .mud-grid-item-xs-3 {
  min-width: calc(100% / 12 * 3);
}
[b-8ex0hp1cid] .map-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
[b-8ex0hp1cid] #leafletMap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
}
[b-8ex0hp1cid] .bottom-panel {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 56px;
  border-radius: 16px;
  padding: 16px;
  z-index: 9999;
  background-color: white;
}
[b-8ex0hp1cid] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-8ex0hp1cid] .fab-add {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-8ex0hp1cid] .fab-gps {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
[b-8ex0hp1cid] .mud-drawer .mud-drawer-content {
  overflow: hidden;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Components/PlateNumber/PlateNumber.razor.rz.scp.css */
/* =============================================
   PlateNumber — Iranian License Plate Component
   Scoped CSS (Blazor CSS Isolation)
   ============================================= */

/* --- Plate Container --- */
.plate-container[b-op6ledgq5n] {
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 0.375rem;
    border: 1px solid #9ca3af; /* border-secondary */
    background-color: #f9fafb; /* bg-basic-backfield */
    font-family: 'Dana', 'Vazirmatn', 'Tahoma', sans-serif;
}

.plate-editable[b-op6ledgq5n] {
    height: 3rem; /* h-12 */
}

.plate-display[b-op6ledgq5n] {
    height: 3rem; /* h-10 */
}

/* --- Plate Content (main area) --- */
.plate-content[b-op6ledgq5n] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}

/* --- Common Input Styles --- */
.plate-input[b-op6ledgq5n] {
    width: 100%;
    background: transparent;
    text-align: center;
    font-weight: 700;
    color: #374151; /* text-secondary-dark */
    outline: none;
    border: none;
    padding: 0;
    font-family: inherit;
}

.plate-editable .plate-input[b-op6ledgq5n] {
    font-size: 1.25rem; /* text-xl */
}

.plate-display .plate-input[b-op6ledgq5n] {
    font-size: 1rem; /* text-base */
}

.plate-input[b-op6ledgq5n]::placeholder {
    color: #9ca3af;
}

.plate-input:disabled[b-op6ledgq5n] {
    opacity: 1; /* Keep text visible when disabled */
    -webkit-text-fill-color: currentColor;
}

/* --- PlateIranCode Section --- */
.plate-iran-code-section[b-op6ledgq5n] {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #9ca3af; /* border-l border-secondary — in RTL this visually separates from serial */
    padding: 0 0.25rem;
}

.iran-code-editable[b-op6ledgq5n] {
    width: 3rem; /* w-12 */
    padding-top: 0.5rem;
}

.iran-code-display[b-op6ledgq5n] {
    width: 8.5rem; /* w-10 */
    padding-top: 0.25rem;
}

.iran-text-icon[b-op6ledgq5n] {
    width: 100%;
    height: auto;
}

.plate-input-iran-code[b-op6ledgq5n] {
    flex-shrink: 0;
}

/* --- PlateSerial --- */
.plate-input-serial[b-op6ledgq5n] {
    flex-shrink: 1;
}

/* --- PlateLetter --- */
.plate-letter-button[b-op6ledgq5n] {
    display: flex;
    height: 100%;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0 0.25rem;
    font-family: inherit;
}

.plate-letter-button:focus[b-op6ledgq5n] {
    background-color: rgba(209, 213, 219, 0.3); /* focus:bg-basic-stroke/30 */
}

.plate-letter-display[b-op6ledgq5n] {
    display: flex;
    height: 100%;
    width: 2.5rem;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
}

.plate-letter-text[b-op6ledgq5n] {
    font-weight: 700;
    font-size: 1rem;
}

.plate-letter-placeholder[b-op6ledgq5n] {
    color: #9ca3af; /* text-text-lowlight */
}

.chevron-icon[b-op6ledgq5n] {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    color: #9ca3af;
}

/* --- PlateRegionCode --- */
.plate-input-region-code[b-op6ledgq5n] {
    color: #6b7280; /* text-secondary */
}

/* --- Flag Section --- */
.plate-flag-section[b-op6ledgq5n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #043198;
    padding: 0.375rem;
    min-width: 2rem;
}

.iran-flag[b-op6ledgq5n] {
    width: 100%;
    height: 0.75rem;
    display: flex;
    flex-direction: column;
    border-radius: 1px;
    overflow: hidden;
}

.flag-stripe[b-op6ledgq5n] {
    flex: 1;
}

.flag-green[b-op6ledgq5n] {
    background-color: #009b3a;
}

.flag-white[b-op6ledgq5n] {
    background-color: #ffffff;
}

.flag-red[b-op6ledgq5n] {
    background-color: #c8102e;
}

.country-label[b-op6ledgq5n] {
    display: flex;
    flex-direction: column;
    text-align: left;
    font-weight: 700;
    font-size: 8px;
    color: #ffffff;
    line-height: 1;
}

/* =============================================
   Letter Picker Modal (replaces Drawer)
   ============================================= */
.letter-picker-backdrop[b-op6ledgq5n] {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    animation: fadeIn-b-op6ledgq5n 0.15s ease-out;
}

.letter-picker-panel[b-op6ledgq5n] {
    width: 100%;
    max-width: 28rem;
    max-height: 70vh;
    overflow-y: auto;
    background-color: #ffffff;
    border-radius: 1rem 1rem 0 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.15);
    animation: slideUp-b-op6ledgq5n 0.2s ease-out;
}

.letter-picker-header[b-op6ledgq5n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem 0.5rem;
    direction: rtl;
}

.letter-picker-header h3[b-op6ledgq5n] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'Dana', 'Vazirmatn', 'Tahoma', sans-serif;
}

.letter-picker-close[b-op6ledgq5n] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    background: transparent;
    border-radius: 9999px;
    cursor: pointer;
    color: #6b7280;
}

.letter-picker-close:hover[b-op6ledgq5n] {
    background-color: #f3f4f6;
}

.letter-picker-grid[b-op6ledgq5n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
    padding: 1rem;
    direction: rtl;
}

.letter-option[b-op6ledgq5n] {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    background-color: #ffffff;
    font-size: 1.125rem;
    font-weight: 500;
    font-family: 'Dana', 'Vazirmatn', 'Tahoma', sans-serif;
    cursor: pointer;
    transition: all 0.15s ease;
    color: #111827;
}

.letter-option:hover[b-op6ledgq5n] {
    background-color: #f3f4f6;
    border-color: #d1d5db;
}

.letter-option-selected[b-op6ledgq5n] {
    background-color: #3b82f6;
    border-color: #3b82f6;
    color: #ffffff;
}

.letter-option-selected:hover[b-op6ledgq5n] {
    background-color: #2563eb;
    border-color: #2563eb;
}

/* --- Animations --- */
@keyframes fadeIn-b-op6ledgq5n {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes slideUp-b-op6ledgq5n {
    from { transform: translateY(100%); }
    to   { transform: translateY(0); }
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/BusinessProfile/CreateBusinessProfile.razor.rz.scp.css */
.full-screen-container[b-ucpkwqyaxz] {
  height: 100dvh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
[b-ucpkwqyaxz] .mud-stepper-button-next .mud-button-label {
  color: transparent;
  position: relative;
  height: unset !important;
}
[b-ucpkwqyaxz] .mud-stepper-button-next .mud-button-label::after {
  content: "تایید و ادامه";
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
[b-ucpkwqyaxz] .stepper-container {
  flex-grow: 1;
}
[b-ucpkwqyaxz] .mud-stepper-nav {
  width: 40%;
  margin: 0 auto;
  position: absolute;
  top: 8%;
  left: 50%;
  transform: translate(-50%, -50%);
}
[b-ucpkwqyaxz] .page-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 45px 16px 50px 16px;
  background-color: white;
  box-shadow: 0 0 6px 1px #e5e5e5;
}
[b-ucpkwqyaxz] .cancel-button {
  color: #d32f2f;
  cursor: pointer;
}
[b-ucpkwqyaxz] .page-title {
  font-weight: bold;
}
[b-ucpkwqyaxz] .mud-button-filled.mud-button-filled-primary {
  color: var(--mud-palette-primary-text);
  --mud-ripple-color: var(--mud-palette-primary-text);
  background-color: #64A63B;
}
[b-ucpkwqyaxz] .mud-button-root.mud-stepper-button-previous span,
[b-ucpkwqyaxz] .mud-button-root.mud-stepper-button-next span,
[b-ucpkwqyaxz] .mud-button-root.mud-stepper-button-complete span {
  font-size: 20px;
  width: 190px;
}
[b-ucpkwqyaxz] .mud-button-root .mud-icon-root {
  font-size: 40px;
}
[b-ucpkwqyaxz] .mud-stepper-button-previous {
  background-color: transparent;
  border: 0 solid;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0), 0 2px 2px 0 rgba(0, 0, 0, 0), 0 1px 5px 0 rgba(0, 0, 0, 0);
}
[b-ucpkwqyaxz] .mud-secondary {
  background-color: #1D2742 !important;
}
[b-ucpkwqyaxz] span.mud-typography.mud-typography-caption {
  color: white;
}
[b-ucpkwqyaxz] .mud-button-filled:disabled {
  color: var(--mud-palette-action-disabled);
  box-shadow: none;
  background-color: transparent !important;
}
@media (max-width: 844px) {
  [b-ucpkwqyaxz] .full-screen-container {
    overflow: auto;
  }
  [b-ucpkwqyaxz] .mud-stepper-nav {
    width: 100%;
    padding-bottom: 1rem;
    position: relative;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  [b-ucpkwqyaxz] .page-header {
    padding: 2rem 1rem 1rem 1rem;
  }
  [b-ucpkwqyaxz] .stepper-container {
    flex-grow: 1;
    overflow: auto;
  }
  [b-ucpkwqyaxz] .mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
    display: flex;
    padding: initial;
  }
  [b-ucpkwqyaxz] .mud-stepper .mud-stepper-nav .mud-step .mud-step-label .mud-step-label-content-title {
    line-height: var(--mud-typography-body2-lineheight);
    font-size: 0.5rem;
  }
  [b-ucpkwqyaxz] .mud-button-filled.mud-button-filled-primary {
    width: 100%;
  }
  [b-ucpkwqyaxz] .mud-stepper .mud-stepper-nav.mud-stepper-nav-scrollable {
    overflow: visible !important;
  }
}
[b-ucpkwqyaxz] .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
[b-ucpkwqyaxz] .mud-step-completed .mud-step-label .mud-primary {
  background-color: #4285F4 !important;
  box-shadow: 0px 0px 0px 6px rgba(66, 133, 244, 0.3);
}
[b-ucpkwqyaxz] .mud-step-label-active .mud-step-label-icon .mud-primary {
  background-color: #1D2742 !important;
}
[b-ucpkwqyaxz] .mud-step-label-active .mud-step-label-icon .mud-typography-caption {
  color: white !important;
}
[b-ucpkwqyaxz] .mud-step-label .mud-typography-caption {
  color: white !important;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/CarSkill/Components/MobileCarSkillListComponent.razor.rz.scp.css */
[b-xm3rbi20sg] b {
  color: #1D2747;
}
[b-xm3rbi20sg] .full-screen-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
}
[b-xm3rbi20sg] .mud-card-actions {
  z-index: 999;
  position: sticky;
  bottom: 0;
  right: 0;
  width: 100%;
  background: white;
}
[b-xm3rbi20sg] .green-button {
  background-color: #64A63B !important;
  color: white;
  border-radius: 4px;
  padding: 12px !important;
  width: 100%;
}
[b-xm3rbi20sg] .skills-stack {
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px;
  padding-bottom: 4rem;
}
[b-xm3rbi20sg] .Paper-Skill {
  border-radius: 10px;
  width: 100%;
  margin: 12px;
  border: 1px solid #80808029;
}
[b-xm3rbi20sg] .skill-car-title,
[b-xm3rbi20sg] .skill-car-content {
  width: 100%;
}
[b-xm3rbi20sg] .skill-car-title p,
[b-xm3rbi20sg] .skill-car-content p {
  color: #1D2742;
  font-size: 14px;
  font-weight: 700;
}
[b-xm3rbi20sg] .btn-save-skill {
  background: #64A63B !important;
}
[b-xm3rbi20sg] .div-btn-save-skill {
  padding-block: 16px;
  position: sticky;
  bottom: 0;
  background-color: white;
}
[b-xm3rbi20sg] .drawer-header {
  position: sticky;
  top: -1px;
  background-color: white;
  z-index: 20;
}
[b-xm3rbi20sg] .mud-drawer.mud-drawer-temporary.mud-drawer-pos-bottom.mud-drawer--open {
  bottom: 0 !important;
  position: fixed !important;
}
[b-xm3rbi20sg] .mud-drawer-animated {
  transition: transform 0.4s ease, opacity 0.4s ease;
}
[b-xm3rbi20sg] .mud-drawer--closed {
  opacity: 0;
  transform: translateY(100%);
}
[b-xm3rbi20sg] .mud-drawer--open {
  opacity: 1;
  transform: translateY(0);
}
[b-xm3rbi20sg] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-xm3rbi20sg] .mud-icon-button.mud-button {
  background: transparent;
  border: none;
  box-shadow: none;
}
[b-xm3rbi20sg] .is-main-skill {
  font-size: 12px !important;
}
[b-xm3rbi20sg] .sub-item-link {
  align-items: flex-start;
  margin-inline-start: 4px !important;
}
[b-xm3rbi20sg] .sub-skill-description {
  font-size: 10px;
  font-weight: 400;
  color: #c1c1c1;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/DashboardVendor/Components/PreRegistrationVendorScreenComponent.razor.rz.scp.css */
[b-750t9vj396] .greeting-section .mud-paper,
[b-750t9vj396] .banner-section .mud-card {
  background-color: unset;
  box-shadow: unset;
}
[b-750t9vj396] .info-section button {
  background-color: #64A63B;
  color: white;
}
[b-750t9vj396] .info-section button:hover {
  background-color: #548F31;
  color: white !important;
}
[b-750t9vj396] .info-section.wizard .mud-paper {
  width: 100%;
}
[b-750t9vj396] .wizard-section {
  width: 100%;
  padding-left: 24px;
  padding-top: 24px;
}
[b-750t9vj396] .wizard-section .mud-stepper {
  position: relative;
}
[b-750t9vj396] .wizard-section .mud-stepper-nav {
  background-color: white;
  justify-content: space-evenly;
}
[b-750t9vj396] .wizard-section .mud-stepper-nav-connector {
  flex: none !important;
}
[b-750t9vj396] .wizard-section .mud-stepper-content {
  margin-top: 24px;
  background-color: white;
  padding: 0;
}
[b-750t9vj396] .wizard-section .mud-stepper-button-next,
[b-750t9vj396] .wizard-section .mud-stepper-button-previous {
  overflow: unset;
  box-shadow: none;
  background-color: unset !important;
}
[b-750t9vj396] .wizard-section .mud-stepper-button-next:hover,
[b-750t9vj396] .wizard-section .mud-stepper-button-previous:hover {
  background-color: unset;
}
[b-750t9vj396] .wizard-section .mud-stepper-button-next .mud-button-label,
[b-750t9vj396] .wizard-section .mud-stepper-button-previous .mud-button-label {
  font-size: 0;
  position: relative;
}
[b-750t9vj396] .wizard-section .mud-stepper-button-next .mud-button-label svg,
[b-750t9vj396] .wizard-section .mud-stepper-button-previous .mud-button-label svg {
  fill: #5a5252;
}
[b-750t9vj396] .wizard-section .mud-stepper-button-next .mud-button-label::after,
[b-750t9vj396] .wizard-section .mud-stepper-button-previous .mud-button-label::after {
  content: "مرحله بعد";
  color: #7e7e7e;
  position: absolute;
  top: 50%;
  right: -109px;
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  font-size: 16px;
}
[b-750t9vj396] .wizard-section .mud-stepper-actions {
  display: none;
}
[b-750t9vj396] .banner-section .mud-card-content {
  padding: 0;
}
[b-750t9vj396] .banner-section img {
  width: 100%;
}
[b-750t9vj396] .rtl-list {
  direction: rtl;
  text-align: right;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
[b-750t9vj396] .rtl-list .mud-list {
  width: 100%;
  text-align: right;
  direction: rtl;
}
[b-750t9vj396] .rtl-list .rtl-list-item {
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  text-align: right !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
[b-750t9vj396] .rtl-list .rtl-list-item .mud-list-item-icon {
  margin-left: 0 !important;
  margin-right: 16px !important;
  order: 2;
  align-self: flex-start;
}
[b-750t9vj396] .rtl-list .rtl-list-item .mud-list-item-text {
  text-align: right !important;
  order: 1;
  flex: 1;
  direction: rtl;
  width: 100%;
}
[b-750t9vj396] .step-description .rtl-list {
  align-items: flex-end !important;
}
[b-750t9vj396] .step-description .rtl-list .mud-list-item {
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
[b-750t9vj396] .mud-step-completed .mud-step-label .mud-primary {
  background-color: #4285F4 !important;
  box-shadow: 0px 0px 0px 6px rgba(66, 133, 244, 0.3);
}
[b-750t9vj396] .mud-step-label-active .mud-step-label-icon .mud-primary {
  background-color: #1D2742 !important;
}
[b-750t9vj396] .mud-step-label-active .mud-step-label-icon .mud-typography-caption {
  color: white !important;
}
[b-750t9vj396] .mud-step-label .mud-typography-caption {
  color: white !important;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/DashboardVendor/DashboardVendor.razor.rz.scp.css */
[b-38kdetlyj5] .greeting-section .mud-paper,
[b-38kdetlyj5] .banner-section .mud-card {
  background-color: unset;
  box-shadow: unset;
}
[b-38kdetlyj5] .info-section button {
  background-color: #64A63B;
  color: white;
}
[b-38kdetlyj5] .info-section button:hover {
  background-color: #548F31;
  color: white !important;
}
[b-38kdetlyj5] .info-section.wizard .mud-paper {
  width: 100%;
}
[b-38kdetlyj5] .wizard-section {
  width: 100%;
  padding-left: 24px;
  padding-top: 24px;
}
[b-38kdetlyj5] .wizard-section .mud-stepper {
  position: relative;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-nav {
  background-color: white;
  justify-content: space-evenly;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-nav-connector {
  flex: none !important;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-content {
  margin-top: 24px;
  background-color: white;
  padding: 0;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-button-next,
[b-38kdetlyj5] .wizard-section .mud-stepper-button-previous {
  overflow: unset;
  box-shadow: none;
  background-color: unset !important;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-button-next:hover,
[b-38kdetlyj5] .wizard-section .mud-stepper-button-previous:hover {
  background-color: unset;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-button-next .mud-button-label,
[b-38kdetlyj5] .wizard-section .mud-stepper-button-previous .mud-button-label {
  font-size: 0;
  position: relative;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-button-next .mud-button-label svg,
[b-38kdetlyj5] .wizard-section .mud-stepper-button-previous .mud-button-label svg {
  fill: #5a5252;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-button-next .mud-button-label::after,
[b-38kdetlyj5] .wizard-section .mud-stepper-button-previous .mud-button-label::after {
  content: "مرحله بعد";
  color: #7e7e7e;
  position: absolute;
  top: 50%;
  right: -109px;
  transform: translateX(-50%) translateY(-50%);
  white-space: nowrap;
  font-size: 16px;
}
[b-38kdetlyj5] .wizard-section .mud-stepper-actions {
  display: none;
}
[b-38kdetlyj5] .banner-section .mud-card-content {
  padding: 0;
}
[b-38kdetlyj5] .banner-section img {
  width: 100%;
}
[b-38kdetlyj5] .rtl-list {
  direction: rtl;
  text-align: right;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}
[b-38kdetlyj5] .rtl-list .mud-list {
  width: 100%;
  text-align: right;
  direction: rtl;
}
[b-38kdetlyj5] .rtl-list .rtl-list-item {
  flex-direction: row-reverse !important;
  justify-content: flex-start !important;
  text-align: right !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
[b-38kdetlyj5] .rtl-list .rtl-list-item .mud-list-item-icon {
  margin-left: 0 !important;
  margin-right: 16px !important;
  order: 2;
  align-self: flex-start;
}
[b-38kdetlyj5] .rtl-list .rtl-list-item .mud-list-item-text {
  text-align: right !important;
  order: 1;
  flex: 1;
  direction: rtl;
  width: 100%;
}
[b-38kdetlyj5] .step-description .rtl-list {
  align-items: flex-end !important;
}
[b-38kdetlyj5] .step-description .rtl-list .mud-list-item {
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/MarketMap/MarketMap.razor.rz.scp.css */
/* استفاده از ::deep برای اعمال استایل‌ها در کامپوننت‌های فرزند */
[b-hf2vhfy65s] .map-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
[b-hf2vhfy65s] #leafletMap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
  /* بالای BottomNav */
}
[b-hf2vhfy65s] .bottom-panel {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 56px;
  border-radius: 16px;
  padding: 16px;
  z-index: 9999;
  background-color: white;
}
[b-hf2vhfy65s] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-hf2vhfy65s] .fab-add {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-hf2vhfy65s] .fab-gps {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
/* تنظیمات MudBlazor Drawer */
[b-hf2vhfy65s] .mud-drawer ::deep .mud-drawer-content {
  overflow: hidden;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/MarketMap/SupervisorMarketerMap.razor.rz.scp.css */
/* استفاده از ::deep برای اعمال استایل‌ها در کامپوننت‌های فرزند */
[b-s6z09qi9ov] .map-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
[b-s6z09qi9ov] #leafletMap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 56px;
  /* بالای BottomNav */
}
[b-s6z09qi9ov] .bottom-panel {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 56px;
  border-radius: 16px;
  padding: 16px;
  z-index: 9999;
  background-color: white;
}
[b-s6z09qi9ov] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-s6z09qi9ov] .fab-add {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-s6z09qi9ov] .fab-gps {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
/* تنظیمات MudBlazor Drawer */
[b-s6z09qi9ov] .mud-drawer ::deep .mud-drawer-content {
  overflow: hidden;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Orders/InvoiceDetailDrawer.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   InvoiceDetailDrawer – CSS Isolation
   Uses MudDrawer (Anchor.Bottom, Temporary)
   ═══════════════════════════════════════════════════ */
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/Orders/OrderDetailPage.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════
   OrderDetailPage – CSS Isolation
   Only custom styles not handled by MudBlazor
   ═══════════════════════════════════════════════════ */

/* ── Item Bullet ── */
[b-gr0tent8b2] .odp-item-bullet {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1D2742;
    flex-shrink: 0;
}

/* ── License Plate ── */
[b-gr0tent8b2] .odp-plate {
    display: flex;
    flex-direction: row;
    border: 0.583px solid #D9DCE0;
    border-radius: 3.5px;
    overflow: hidden;
    height: 28px;
    direction: ltr;
}

[b-gr0tent8b2] .odp-plate-iran-box {
    background: #043198;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3px;
    width: 19px;
    gap: 1px;
}

[b-gr0tent8b2] .odp-plate-flag {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[b-gr0tent8b2] .odp-plate-flag-green {
    height: 2.33px;
    background: #29A445;
}

[b-gr0tent8b2] .odp-plate-flag-white {
    height: 2.33px;
    background: #FEFEFE;
}

[b-gr0tent8b2] .odp-plate-flag-red {
    height: 2.33px;
    background: #BD0027;
}

[b-gr0tent8b2] .odp-plate-ir-text {
    font-size: 4.67px;
    font-weight: 700;
    color: white;
    line-height: 1;
    text-align: center;
}

[b-gr0tent8b2] .odp-plate-main {
    display: flex;
    flex: 1;
    align-items: center;
    background: #F7F9FC;
    border: 0.583px solid #1D2742;
    border-radius: 3.5px;
    height: 28px;
    overflow: hidden;
}

[b-gr0tent8b2] .odp-plate-irancode {
    border-left: 0.583px solid #1D2742;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 28px;
    gap: 3px;
    padding: 4px 2px;
    box-sizing: border-box;
}

[b-gr0tent8b2] .odp-plate-irancode-label {
    font-size: 6px;
    font-weight: 700;
    color: #1D2742;
    line-height: 1;
}

[b-gr0tent8b2] .odp-plate-irancode-num {
    font-size: 9.33px;
    font-weight: 700;
    color: #1D2742;
    line-height: 1;
}

[b-gr0tent8b2] .odp-plate-nums {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
}

[b-gr0tent8b2] .odp-plate-num-cell {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    color: #1D2742;
    line-height: 1;
}

[b-gr0tent8b2] .odp-plate-num-cell.region {
    width: 37px;
}

[b-gr0tent8b2] .odp-plate-num-cell.letter {
    width: 23px;
}

[b-gr0tent8b2] .odp-plate-num-cell.serial {
    width: 41px;
}

/* ── Footer ── */
[b-gr0tent8b2] .odp-footer {
    position: sticky;
    bottom: 0;
    background: white;
    padding: 0 16px 16px 16px;
    width: 100%;
    box-sizing: border-box;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/RerportMarketer/ReportMarketer.razor.rz.scp.css */
/* File: [ComponentName].razor.css (Blazor CSS Isolation)
   Use CSS isolation file instead of inline <style> for styles to apply correctly.
*/
/* Deep selector to pierce component boundaries */
[b-j5ywwge0aw] .summary-card {
  height: 100%;
  transition: transform 0.2s ease-in-out;
}
[b-j5ywwge0aw] .summary-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
[b-j5ywwge0aw] .performance-table {
  background: white;
}
[b-j5ywwge0aw] .dashboard-vendor .greeting-section {
  margin-bottom: 1rem;
}
[b-j5ywwge0aw] .mud-progress-linear-content {
  transform: scaleX(-1);
}
/* Ensure this file is named exactly: [YourComponentName].razor.css */
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/VendorCalls/Components/SearchHeader.razor.rz.scp.css */
.search-header-container[b-8gkzqgzu2s] {
    width: 100%;
    box-sizing: border-box;
}

/* Status Bar Styles */
.status-bar[b-8gkzqgzu2s] {
    height: 30px;
}

/* Typography - DanaFaNum Font Styles */
.dana-mobile-16-medium[b-8gkzqgzu2s] {
    font-family: 'DanaFaNum', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

.dana-mobile-14-medium[b-8gkzqgzu2s] {
    font-family: 'DanaFaNum', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
}

.dana-mobile-12-medium[b-8gkzqgzu2s] {
    font-family: 'DanaFaNum', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 1;
}

.dana-mobile-12-regular[b-8gkzqgzu2s] {
    font-family: 'DanaFaNum', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
}

/* Color Styles from Figma Design System */
.color-secondary-dark[b-8gkzqgzu2s] {
    color: #1D2742;
}

.color-text-normal[b-8gkzqgzu2s] {
    color: #1D2742;
}

.color-text-lowlight[b-8gkzqgzu2s] {
    color: #61687B;
}

.color-basic-soft-gray[b-8gkzqgzu2s] {
    color: #8E93A1;
}

.bg-basic-white[b-8gkzqgzu2s] {
    background: #FFFFFF;
}

.bg-basic-off-white[b-8gkzqgzu2s] {
    background: #F3F4F5;
}

/* Border Color */
.border-light-gray[b-8gkzqgzu2s] {
    border-color: #D9DCE0;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/VendorManualOrder/VendorManualOrder.razor.rz.scp.css */
[b-ar95mfbkfm] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-ar95mfbkfm] .fab-add {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-ar95mfbkfm] .fab-gps {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
/* تنظیمات MudBlazor Drawer */
[b-ar95mfbkfm] .mud-drawer ::deep .mud-drawer-content {
  overflow: hidden;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/VendorMarketer/EditVendorByMarketer.razor.rz.scp.css */
/* File: EditVendorByMarketer.razor.css (Blazor CSS Isolation)
   Use CSS isolation file instead of inline <style> for styles to apply correctly.
*/
/* Deep selector to pierce component boundaries */
[b-khad2ki3e8] .vendor-action-button {
  width: 100%;
}
[b-khad2ki3e8] .vendor-action-button-approve {
  background-color: #64A63B !important;
}
[b-khad2ki3e8] .vendor-action-button-reject {
  background-color: #EC3D4F !important;
}
[b-khad2ki3e8] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-khad2ki3e8] .vendor-action-button:disabled,
[b-khad2ki3e8] .vendor-action-button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #c0c0c0 !important;
  color: #666666 !important;
}
/* MudTabs panels overflow */
[b-khad2ki3e8] .mud-tabs-panels {
  overflow: auto;
  padding-bottom: 4rem;
}
/* Ensure this file is named exactly: EditVendorByMarketer.razor.css */
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/VendorOrder/VendorOrder.razor.rz.scp.css */
[b-x50l3w7gz1] .Cancellation {
  background: transparent;
  border: none;
  box-shadow: none;
  color: #EC3D4F;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
}
[b-x50l3w7gz1] .fab-add {
  position: fixed;
  bottom: 7rem;
  left: 2rem;
  z-index: 1000;
  background-color: #64A63B;
}
[b-x50l3w7gz1] .fab-gps {
  position: fixed;
  bottom: 7rem;
  right: 2rem;
  z-index: 1000;
  background-color: #ffffff;
}
/* تنظیمات MudBlazor Drawer */
[b-x50l3w7gz1] .mud-drawer ::deep .mud-drawer-content {
  overflow: hidden;
}
/* _content/CleanArchitecture.Blazor.Server.UI/Pages/VendorReviews/V2/EditVendorReviewV2.razor.rz.scp.css */
.spinner_loading[b-4vaqdu691c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}