:root {
        --red: #e83745;
        --red-dark: #bd2534;
        --ink: #202124;
        --muted: #72757b;
        --line: #e8e8e8;
        --soft: #faf9f7;
        --warm: #fff7ed;
        --butter: #fff0b8;
        --sage: #d9efc7;
        --lilac: #ead9f6;
        --pink: #ffd7df;
        --shadow: 0 12px 35px rgba(28, 26, 23, 0.08);
        --ease: cubic-bezier(0.23, 1, 0.32, 1);
      }
      * {
        box-sizing: border-box;
        scrollbar-width: thin;
        scrollbar-color: rgba(32, 33, 36, 0.22) transparent;
      }
      *::-webkit-scrollbar {
        width: 4px;
        height: 4px;
      }
      *::-webkit-scrollbar-track {
        background: transparent;
      }
      *::-webkit-scrollbar-thumb {
        background: rgba(32, 33, 36, 0.22);
        border-radius: 4px;
      }
      
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        background: #fff;
        color: var(--ink);
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        line-height: 1.45;
      }
      button,
      input,
      select,
      textarea {
        font: inherit;
      }
      button {
        cursor: pointer;
        border: 0;
      }
      .hidden {
        display: none !important;
      }
      .order-help-btn { margin-left: 8px; padding: 8px 11px; border: 1px solid #f3b35b; border-radius: 8px; background: #fff8ed; color: #9a5b00; font-weight: 700; font-size: 12px; }
      .support-help-options { display: grid; gap: 10px; margin-top: 12px; }
      .support-help-options button { width: 100%; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--ink); text-align: left; font-weight: 650; }
      
      .support-chat-shell { display: flex; flex-direction: column; min-height: 520px; max-height: 78vh; }
      .support-chat-messages { flex: 1; min-height: 300px; overflow: auto; padding: 18px 4px; background: #fafafa; }
      .support-chat-msg { max-width: 78%; margin: 0 0 12px; padding: 9px 11px; border-radius: 12px; background: #fff; border: 1px solid #eee; }
      .support-chat-msg.mine { margin-left: auto; background: #fff0f1; border-color: #ffd4d8; }
      .support-chat-msg small, .support-chat-msg time { display: block; color: var(--muted); font-size: 11px; }
      .support-chat-msg p { margin: 4px 0; white-space: pre-wrap; overflow-wrap: anywhere; }
      .support-chat-compose { display: flex; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }
      .support-chat-compose input { flex: 1; min-width: 0; padding: 11px; border: 1px solid var(--line); border-radius: 9px; }
      .support-chat-compose button { width: 44px; border-radius: 9px; background: var(--red); color: #fff; font-size: 18px; }
      .seller-support-panel { margin-top: 18px; }
      .seller-support-message { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 12px; border-bottom: 1px solid var(--line); }
      .seller-support-message p { margin: 4px 0 0; color: var(--muted); font-size: 13px; }

      /* Imagens ImgBB: mantém o espaço reservado, mostra carregamento suave
         e troca para a URL original automaticamente se o CDN falhar. */
      .imgbb-image {
        display: block;
        background-color: #f7e7e8;
        background-image: linear-gradient(90deg, #f7e7e8 0%, #fff4f4 42%, #f7e7e8 84%);
        background-size: 220% 100%;
        animation: imgbb-placeholder-shimmer 1.25s linear infinite;
        transition: opacity 0.18s ease;
      }
      .imgbb-image.is-loaded,
      .imgbb-image.imgbb-image-error {
        background-image: none;
        animation: none;
      }
      .imgbb-image.imgbb-image-error {
        opacity: 0.9;
      }
      @keyframes imgbb-placeholder-shimmer {
        from { background-position: 120% 0; }
        to { background-position: -120% 0; }
      }
      @media (prefers-reduced-motion: reduce) {
        .imgbb-image { animation: none; }
      }
      .page {
        min-height: 100vh;
      }
      .topbar {
        height: 72px;
        border-bottom: 1px solid #eee;
        background: #fff;
        display: flex;
        align-items: center;
        position: sticky;
        top: 0;
        z-index: 20;
      }
      .topbar-inner {
        width: min(1240px, calc(100% - 44px));
        margin: auto;
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
      }
      .topbar-left {
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
        flex-shrink: 0;
      }
      .topbar-right {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-left: auto;
        flex-shrink: 0;
      }
      body.is-seller .search,
      body.is-seller .cart-cluster {
        display: none !important;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 9px;
        text-decoration: none;
        color: var(--ink);
        white-space: nowrap;
        background: transparent;
      }
      .brand img {
        width: 120px;
        height: 34px;
        object-fit: contain;
        display: block;
        transform: translateX(-32px) scale(1.85);
        transform-origin: left center;
      }
      .brand-word {
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        letter-spacing: -0.06em;
        font-size: 19px;
      }
      .brand-word span {
        color: var(--red);
      }
      .nav {
        display: flex;
        gap: 22px;
        color: #777;
        font-size: 14px;
        white-space: nowrap;
      }
      .nav button {
        background: transparent;
        color: inherit;
        padding: 8px 0;
        position: relative;
      }
      
      .search {
        height: 44px;
        flex: 1;
        max-width: 420px;
        display: flex;
        align-items: center;
        background: #f7f7f7;
        border-radius: 10px;
        padding: 0 14px;
        color: var(--red);
        gap: 10px;
      }
      .search input {
        border: 0;
        background: transparent;
        outline: none;
        width: 100%;
        font-size: 14px;
        color: var(--ink);
      }
      .search input::placeholder {
        color: #a8a8aa;
      }
      .address {
        display: flex;
        align-items: center;
        gap: 8px;
        white-space: nowrap;
        color: #666;
        font-size: 13px;
        max-width: 220px;
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        background: transparent;
        padding: 6px 4px;
      }
      .address svg {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        stroke: #888;
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .address strong {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #555;
        font-weight: 600;
      }
      .icon-btn {
        background: transparent;
        color: var(--red);
        position: relative;
        padding: 6px;
      }
      .header-icon.has-photo {
        padding: 0;
        border-radius: 50%;
        overflow: hidden;
      }
      .topbar-avatar {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        object-fit: cover;
        display: block;
      }
      .header-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .cart-cluster {
        display: flex;
        align-items: center;
        gap: 8px;
        border-left: 1px solid var(--line);
        padding-left: 16px;
      }
      .cart-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        line-height: 1.2;
        color: #444;
        font-size: 12px;
      }
      .cart-copy strong {
        font-size: 14px;
        color: #3b1f1f;
      }
      .cart-trigger {
        display: flex;
        background: transparent;
        padding: 0;
      }
      .cart-trigger svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: var(--red);
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .deposit-mini {
        display: block;
        background: transparent;
        color: var(--red);
        font-size: 11px;
        font-weight: 700;
        padding: 0;
        letter-spacing: 0.04em;
        text-transform: uppercase;
      }
      .notification-trigger {
        margin-left: 2px;
      }
      .notification-count,
      .merchant-count {
        font-style: normal;
        font-size: 9px;
        width: 15px;
        height: 15px;
        top: 0;
        right: 0;
      }
      .cart-count {
        position: absolute;
        top: -5px;
        right: -8px;
        background: var(--red);
        color: #fff;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        font-size: 8px;
        display: grid;
        place-items: center;
        font-weight: 700;
      }
      .cart-count.hidden {
        display: none !important;
      }
      .container {
        width: min(1080px, calc(100% - 44px));
        margin: 0 auto;
      }
      .hero {
        padding: 36px 0 28px;
      }
      .eyebrow {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.12em;
        color: var(--red);
        font-weight: 700;
        margin: 0 0 8px;
      }
      .hero h1 {
        font-family: "Outfit", sans-serif;
        font-size: 28px;
        letter-spacing: -0.055em;
        margin: 0 0 24px;
        line-height: 1.15;
      }
      .categories {
        display: flex;
        gap: 28px;
        overflow: auto;
        padding: 4px 4px 16px;
      }
      .category {
        min-width: 82px;
        text-align: center;
        background: transparent;
        color: #696969;
        font-size: 14px;
      }
      .category .cat-img {
        width: 76px;
        height: 76px;
        border-radius: 8px;
        margin: 0 auto 10px;
        display: grid;
        place-items: center;
        overflow: hidden;
        transition:
          transform 0.18s var(--ease),
          box-shadow 0.18s var(--ease);
      }
      
      .category.selected,
      .category.selected span {
        color: #696969 !important;
        font-weight: 700;
      }
      .cat-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
      }
      .category-placeholder {
        font-family: "Outfit", sans-serif;
        font-size: 34px;
        font-weight: 700;
        line-height: 1;
        color: currentColor;
        opacity: 0.78;
      }
      .cat-img {
        border: 1px solid rgba(255, 255, 255, 0.7);
      }
      .cat-burger {
        background: var(--pink);
      }
      .cat-pizza {
        background: #ffe1d0;
      }
      .cat-sweet {
        background: var(--butter);
      }
      .cat-acai {
        background: var(--lilac);
      }
      .cat-combo {
        background: var(--sage);
      }
      .cat-salty {
        background: #ffe8a9;
      }
      .cat-drink {
        background: #d8eff7;
      }
      .cat-pharmacy {
        background: #dceff1;
      }
      .pharmacy-mark {
        font-size: 31px;
        color: #2c9298;
        font-weight: 700;
      }
      .filters {
        display: flex;
        gap: 10px;
        overflow: auto;
        padding: 10px 0 22px;
        border-bottom: 1px solid #f3f3f3;
      }
      .filter {
        height: 34px;
        border: 1px solid #ddd;
        border-radius: 20px;
        background: #fff;
        color: #636363;
        padding: 0 16px;
        white-space: nowrap;
        font-size: 13px;
        display: flex;
        gap: 6px;
        align-items: center;
        transition: 0.18s var(--ease);
      }
      
      .section-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        margin: 28px 0 16px;
      }
      .section-head h2 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        letter-spacing: -0.035em;
        margin: 0;
      }
      .section-head p {
        font-size: 14px;
        color: var(--muted);
        margin: 0;
      }
      .stores {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
      }
      
        .section-create-row {
          grid-template-columns: 1fr;
          gap: 10px;
        }
        .section-create-row button {
          width: 100%;
        }
        .stores {
          grid-template-columns: 1fr;
        }
      
      .stores-loading {
        display: grid;
        place-items: center;
        min-height: 190px;
        padding: 28px;
        border: 1px solid #eee;
        border-radius: 14px;
        color: var(--muted);
        text-align: center;
      }
      .stores-loading > div {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
      }
      .stores-loading-spinner {
        width: 30px;
        height: 30px;
        border: 3px solid #f0d9dc;
        border-top-color: var(--red);
        border-radius: 50%;
        animation: stores-spin 0.8s linear infinite;
        margin: 0 auto 12px;
      }
      @keyframes stores-spin {
        to {
          transform: rotate(360deg);
        }
      }
      .store-card {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 14px 16px;
        border: 1px solid #eee;
        border-radius: 14px;
        transition: 0.2s var(--ease);
        cursor: pointer;
      }
      
      .store-card.has-offer {
        border-color: #f6d9d9;
        background: linear-gradient(90deg, #fff 0%, #fffafa 100%);
      }
      
      .store-badges {
        display: flex;
        gap: 6px;
        flex-wrap: wrap;
        margin-top: 9px;
      }
      .store-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        border-radius: 999px;
        padding: 5px 9px;
        font-size: 11px;
        font-weight: 700;
        line-height: 1;
        white-space: nowrap;
      }
      .store-badge.coupon {
        background: #fff0b8;
        color: #7b5b00;
      }
      .store-badge.promotion {
        background: #ffe1e5;
        color: #b4232f;
      }
      .store-badge-icon {
        font-size: 12px;
      }
      .store-cover {
        height: 76px;
        width: 88px;
        border-radius: 10px;
        object-fit: cover;
        background: var(--warm);
      }
      .store-copy h3 {
        font-size: 17px;
        margin: 0 0 8px;
        font-weight: 700;
      }
      .store-meta {
        font-size: 14px;
        color: var(--muted);
        display: flex;
        gap: 7px;
        align-items: center;
        flex-wrap: wrap;
        line-height: 1.45;
      }
      .order-track-card {
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 14px 16px;
        background: var(--soft);
        margin-bottom: 14px;
      }
      .order-cancel-row {
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        flex-wrap: wrap;
      }
      .order-cancel-btn {
        border: 1px solid #f2c2c2;
        background: #fff;
        color: var(--red-dark);
        font-weight: 700;
        font-size: 13px;
        border-radius: 999px;
        padding: 8px 14px;
        cursor: pointer;
        transition: 0.15s;
      }
      
      .order-cancel-hint {
        font-size: 12px;
        color: var(--muted);
      }
      select.small-outline option.opt-cancel {
        color: var(--red-dark);
        font-weight: 700;
      }
      .order-track-card.pinned {
        border-color: #f6d9d9;
        background: linear-gradient(180deg, #fffafa 0%, #fff 100%);
      }
      .order-track-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 12px;
      }
      .order-track-head strong {
        font-size: 14px;
      }
      .order-track-pin {
        font-size: 10px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--red-dark);
        background: #ffe1e5;
        border-radius: 999px;
        padding: 4px 8px;
        white-space: nowrap;
      }
      .order-track-sub {
        margin: 0 0 14px;
        color: var(--muted);
        font-size: 13px;
      }
      .order-steps {
        display: flex;
        align-items: flex-start;
        padding: 4px 2px 0;
      }
      .order-step {
        flex: 1;
        text-align: center;
        position: relative;
        font-size: 11px;
        color: var(--muted);
        font-weight: 600;
        line-height: 1.3;
        padding: 0 2px;
      }
      .order-step .dotmark {
        position: relative;
        z-index: 2;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 2px solid var(--line);
        background: #fff;
        margin: 0 auto 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 13px;
        line-height: 1;
        color: transparent;
        box-shadow: 0 0 0 4px #fff;
        transition: 0.25s var(--ease);
      }
      .order-step::before,
      .order-step::after {
        content: "";
        position: absolute;
        top: 16px;
        height: 3px;
        border-radius: 999px;
        background: var(--line);
        width: calc(50% - 19px);
        z-index: 1;
      }
      .order-step::before {
        left: 2px;
      }
      .order-step::after {
        right: 2px;
      }
      .order-step:first-child::before,
      .order-step:last-child::after {
        display: none;
      }
      .order-step.done .dotmark {
        border-color: #2e9d50;
        background: #2e9d50;
        color: #fff;
      }
      .order-step.current .dotmark {
        border-color: var(--red);
        background: var(--red);
        color: #fff;
        box-shadow: 0 0 0 4px #fff, 0 0 0 8px rgba(232, 55, 69, 0.14);
      }
      .order-step.done,
      .order-step.current {
        color: var(--ink);
      }
      .order-step.reached::before {
        background: #2e9d50;
      }
      .order-step.filled::after {
        background: #2e9d50;
      }
      .order-step.cancelled .dotmark {
        border-color: var(--red-dark);
        background: var(--red-dark);
        color: #fff;
      }
      .order-track-live {
        margin-top: 12px;
        font-size: 12px;
        color: var(--muted);
        display: flex;
        align-items: center;
        gap: 6px;
      }
      .order-track-live i {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #2e9d50;
        display: inline-block;
        animation: trackPulse 1.4s infinite;
      }
      .status-dot {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        vertical-align: middle;
        margin-right: 2px;
      }
      .status-dot.green {
        background: #2e9d50;
      }
      .status-dot.yellow {
        background: #d9a512;
      }
      .status-dot.gray {
        background: #9a9a9a;
      }
      @keyframes trackPulse {
        0%,
        100% {
          opacity: 1;
        }
        50% {
          opacity: 0.25;
        }
      }
      .store-rating-count {
        font-size: 13px;
        color: var(--muted);
        font-weight: 600;
      }
      .rating {
        color: #df9d00;
        font-weight: 700;
      }
      .dot {
        color: #c5c5c5;
      }
      .store-open {
        margin-left: auto;
        color: #4f8c42;
        font-size: 12px;
        background: #eff9eb;
        border-radius: 20px;
        padding: 7px 12px;
        white-space: nowrap;
      }
      .divider {
        height: 1px;
        background: #f3f3f3;
        margin: 22px 0;
      }
      .shop-view {
        padding: 18px 0 72px;
      }
      .shop-hero {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 18px 6px 22px;
        position: relative;
        border-bottom: 0;
      }
      .shop-hero img {
        flex-shrink: 0;
      }
      .shop-hero img {
        width: 136px;
        height: 136px;
        object-fit: cover;
        border-radius: 16px;
        border: 0;
        box-shadow: none;
        background: #fff;
      }
      .shop-hero h1 {
        font-family: "Outfit", sans-serif;
        font-size: 28px;
        letter-spacing: -0.06em;
        margin: 0 0 8px;
      }
      .shop-hero p {
        margin: 0 0 5px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.5;
      }
      .shop-hero-copy {
        padding-bottom: 4px;
      }
      .back-link {
        color: var(--red);
        font-weight: 700;
        background: transparent;
        margin-bottom: 16px;
        padding: 0;
        font-size: 14px;
      }
      .shop-layout {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        padding-top: 6px;
      }
      .menu-title {
        font-family: "Outfit", sans-serif;
        font-size: 22px;
        margin: 0 0 10px;
      }
      .menu-category-bar {
        position: sticky;
        top: 72px;
        z-index: 12;
        display: flex;
        gap: 6px;
        overflow-x: auto;
        padding: 10px 12px;
        margin: 0 0 38px;
        background: rgba(255, 255, 255, 0.97);
        border: 1px solid #eee;
        border-radius: 12px;
        box-shadow: 0 5px 16px rgba(28, 26, 23, 0.07);
        scrollbar-width: thin;
      }
      .menu-category-link {
        flex: 0 0 auto;
        background: transparent;
        color: #666;
        padding: 9px 14px;
        border-bottom: 2px solid transparent;
        border-radius: 8px;
        white-space: nowrap;
        font-size: 14px;
        font-weight: 600;
        transition: 0.18s var(--ease);
      }
      
      .menu-section {
        margin-bottom: 32px;
        scroll-margin-top: 145px;
      }
      .menu-section h3 {
        font-size: 17px;
        margin: 0 0 12px;
      }
      .products {
        display: grid;
        gap: 4px;
      }
      .product {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px 0;
        border-bottom: 1px solid #f1f1f1;
      }
      .product.promo {
        background: #fff8ee;
        border-left: 3px solid #e29a27;
        padding-left: 12px;
      }
      .product.is-unavailable {
        opacity: 0.5;
      }
      .product-admin-promo {
        background: #fffaf0;
        border-radius: 8px;
        padding: 10px;
      }
      .promo-section-title {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        color: #b06b00;
        margin: 20px 0 8px;
      }
      .menu-section-title {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        margin: 20px 0 8px;
      }
      .danger-outline {
        color: #b4232f;
        border-color: #f1c4c8;
      }
      .product img {
        width: 104px;
        height: 86px;
        border-radius: 12px;
        object-fit: cover;
        background: #f7e7e8;
      }
      .product-copy {
        flex: 1;
      }
      .product-copy h4 {
        margin: 0 0 6px;
        font-size: 16px;
      }
      .product-copy p {
        margin: 0 0 8px;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.45;
        max-width: 420px;
      }
      .price {
        font-weight: 700;
        font-size: 14px;
      }
      .price .promo-price {
        color: var(--red);
        font-weight: 700;
      }
      .price del {
        color: var(--muted);
        font-weight: 500;
        margin-left: 7px;
      }
      .add-btn {
        width: 38px;
        height: 38px;
        border: 1.5px solid #f0c9cd;
        color: var(--red);
        background: #fff;
        border-radius: 50%;
        padding: 0;
        display: inline-grid;
        place-items: center;
        line-height: 0;
        transition: 0.15s var(--ease);
        flex-shrink: 0;
      }
      .add-btn svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2.2;
        stroke-linecap: round;
      }
      
      .order-box {
        border: 1px solid #e9e9e9;
        border-radius: 14px;
        padding: 20px;
        position: sticky;
        top: 90px;
        height: max-content;
        background: #fff;
      }
      .order-box h3 {
        margin: 0 0 14px;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
      }
      .empty-cart {
        text-align: center;
        color: var(--muted);
        padding: 24px 8px;
        font-size: 14px;
        line-height: 1.5;
      }
      .cart-line {
        display: flex;
        gap: 10px;
        align-items: center;
        padding: 12px 0;
        border-bottom: 1px solid #f1f1f1;
      }
      .cart-line-copy {
        flex: 1;
      }
      .cart-line-copy strong {
        display: block;
        font-size: 14px;
      }
      .cart-line-copy small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.45;
      }
      .cart-line-copy small + small {
        margin-top: 4px;
        color: var(--ink);
        font-weight: 600;
      }
      .qty {
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .qty button {
        width: 26px;
        height: 26px;
        border-radius: 50%;
        border: 1px solid #ddd;
        background: #fff;
        color: var(--red);
        line-height: 0;
        display: inline-grid;
        place-items: center;
        padding: 0;
        font-size: 16px;
      }
      .totals {
        border-top: 1px solid #eee;
        margin-top: 12px;
        padding-top: 12px;
        font-size: 14px;
      }
      .total-row {
        display: flex;
        justify-content: space-between;
        margin: 8px 0;
      }
      .total-row.final {
        font-weight: 700;
        font-size: 16px;
        margin-top: 14px;
      }
      .primary {
        width: 100%;
        height: 46px;
        background: var(--red);
        color: #fff;
        border-radius: 8px;
        font-weight: 700;
        transition: 0.16s var(--ease);
        margin-top: 14px;
        font-size: 14px;
      }
      .outline {
        width: 100%;
        height: 42px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 8px;
        color: #555;
        font-weight: 600;
        margin-top: 10px;
      }
      .footer {
        border-top: 1px solid var(--line);
        background: #fff;
        padding: 34px 0 30px;
        color: var(--muted);
        font-size: 13px;
      }
      .footer-inner {
        display: flex;
        justify-content: space-between;
      }
      .site-footer {
        padding: 6px 0 0;
      }
      .site-footer-card {
        background: #fff;
        border: 0;
        border-radius: 0;
        padding: 30px 0 22px;
        color: var(--ink);
        box-shadow: none;
      }
      .site-footer-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 30px;
      }
      .footer-kicker {
        display: block;
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        letter-spacing: 0.22em;
        font-size: 12px;
        color: var(--red);
        margin-bottom: 12px;
      }
      .footer-logo {
        height: 42px;
        width: auto;
        object-fit: contain;
        display: block;
        margin-bottom: 16px;
      }
      .footer-brand h2 {
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: -0.05em;
        margin: 0 0 12px;
        color: var(--ink);
        max-width: 20ch;
      }
      .footer-brand p {
        margin: 0;
        color: var(--muted);
        font-size: 13.5px;
        line-height: 1.6;
        max-width: 34ch;
      }
      .footer-col h3 {
        font-family: "Outfit", sans-serif;
        font-size: 14px;
        margin: 0 0 16px;
        color: var(--ink);
        letter-spacing: -0.02em;
      }
      .footer-col ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: grid;
        gap: 10px;
      }
      .footer-link {
        background: transparent;
        border: 0;
        padding: 0;
        text-align: left;
        color: #4c4f55;
        font-family: inherit;
        font-size: 13.5px;
        cursor: pointer;
        transition: color 0.18s var(--ease);
      }
      
      .footer-bottom {
        margin-top: 30px;
        border-top: 1px solid var(--line);
        padding-top: 18px;
        display: flex;
        justify-content: space-between;
        gap: 12px;
        color: var(--muted);
        font-size: 12.5px;
      }
      .legal-doc h3 {
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        letter-spacing: -0.04em;
        margin: 0 0 8px;
      }
      .legal-doc p {
        margin: 0 0 7px;
        font-size: 13px;
        line-height: 1.45;
        color: #3c3d40;
      }
      .legal-doc .legal-note {
        margin-top: 8px;
        border-top: 1px solid #eee;
        padding-top: 8px;
        color: var(--muted);
        font-size: 11.5px;
      }
      .drawer-head.legal-head {
        margin-bottom: 2px;
      }
      .drawer-head.legal-head .close {
        width: 30px;
        height: 30px;
        font-size: 22px;
      }
      .overlay.box .drawer {
        padding: 16px 18px 14px;
      }
      .seller-shell {
        padding: 32px 0 72px;
      }
      .seller-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 20px;
        margin-bottom: 28px;
      }
      .seller-top h1 {
        font-family: "Outfit", sans-serif;
        font-size: 28px;
        letter-spacing: -0.055em;
        margin: 0 0 8px;
      }
      .seller-top p {
        margin: 0;
        color: var(--muted);
        font-size: 14px;
        line-height: 1.5;
      }
      .seller-badge {
        background: #fff0f1;
        color: var(--red);
        border-radius: 20px;
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
      }
      .seller-nav {
        display: flex;
        gap: 4px;
        overflow: auto;
        border-bottom: 1px solid var(--line);
        margin-bottom: 24px;
      }
      .seller-tab {
        background: transparent;
        padding: 14px 18px;
        color: var(--muted);
        white-space: nowrap;
        border-bottom: 2px solid transparent;
        font-size: 14px;
      }
      .seller-tab.active {
        color: var(--red);
        border-color: var(--red);
        font-weight: 700;
      }
      .metric-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-bottom: 24px;
      }
      .metric {
        border: 1px solid #ededed;
        border-radius: 12px;
        padding: 18px;
        background: #fff;
      }
      .metric small {
        color: var(--muted);
        display: block;
        margin-bottom: 10px;
        font-size: 13px;
      }
      .metric strong {
        font-family: "Outfit", sans-serif;
        font-size: 24px;
      }
      .metric.accent {
        background: var(--warm);
        border-color: #ffe5d5;
      }
      .seller-panel {
        border: 1px solid #ededed;
        border-radius: 14px;
        padding: 24px;
        background: #fff;
      }
      .history-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: 18px;
        flex-wrap: wrap;
      }
      .history-filter {
        display: flex;
        align-items: flex-end;
        gap: 8px;
        flex-wrap: wrap;
      }
      .history-filter label {
        display: grid;
        gap: 5px;
        color: var(--muted);
        font-size: 12px;
        font-weight: 700;
      }
      .history-filter input {
        height: 38px;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 0 10px;
        color: var(--ink);
        background: #fff;
      }
      .history-filter button {
        height: 38px;
      }
      .history-summary {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        margin: 18px 0;
      }
      .history-summary .metric {
        padding: 14px;
      }
      .history-summary .metric small {
        margin-bottom: 5px;
      }
      .history-summary .metric strong {
        font-size: 20px;
      }
      .history-profit {
        background: var(--warm);
        border-color: #ffe5d5;
      }
      .history-profit strong {
        color: var(--red);
      }
      .seller-panel h2 {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        margin: 0 0 6px;
      }
      .seller-panel > p {
        margin: 0 0 8px;
      }
      .seller-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;
      }
      .seller-table th {
        text-align: left;
        color: var(--muted);
        font-weight: 600;
        border-bottom: 1px solid var(--line);
        padding: 12px 10px;
      }
      .seller-table td {
        padding: 14px 10px;
        border-bottom: 1px solid #f2f2f2;
        vertical-align: middle;
      }
      .status {
        display: inline-flex;
        border-radius: 20px;
        padding: 5px 9px;
        font-size: 12px;
        font-weight: 700;
        background: #f2f2f2;
        color: #666;
      }
      .status.received {
        background: #fff1d1;
        color: #956900;
      }
      .status.preparing {
        background: #e9f2ff;
        color: #2763a4;
      }
      .status.out {
        background: #eee5ff;
        color: #7046a4;
      }
      .status.done {
        background: #eaf8e5;
        color: #4f8c42;
      }
      .status.held {
        background: #fff1d1;
        color: #956900;
      }
      .status.released {
        background: #eaf8e5;
        color: #4f8c42;
      }
      .status.paid {
        background: #eaf8e5;
        color: #4f8c42;
      }
      .status.cancelled {
        background: #fff0f1;
        color: #a62f3b;
      }
      .status.pending {
        background: #e9f2ff;
        color: #2763a4;
      }
      .cash-freight-value {
        color: var(--red);
        font-weight: 700;
      }
      .cash-payment-label {
        color: var(--red);
        font-weight: 700;
      }
      /* SDFOOD-CHANGE: destaque visual para pedidos pagos via PIX. */
      .pix-payment-label {
        color: #176c3c;
        font-weight: 700;
      }
      .cash-settlement-note {
        display: block;
        color: #7c5b00;
        font-size: 12px;
        line-height: 1.35;
        margin-top: 4px;
      }
      .cash-order-summary {
        background: #fff8df;
        border: 1px solid #f0d37a;
        border-radius: 10px;
        padding: 12px;
        margin: 12px 0;
        font-size: 14px;
      }
      .cash-order-summary strong {
        display: block;
        color: #7c5b00;
        margin-bottom: 6px;
      }
      .cash-order-summary span {
        display: block;
        margin-top: 3px;
      }
      .delivery-code {
        font-family: "Outfit", sans-serif;
        letter-spacing: 0.18em;
        font-size: 22px;
        background: #111;
        color: #fff;
        border-radius: 10px;
        padding: 12px 16px;
        display: inline-block;
      }
      .seller-actions {
        display: flex;
        gap: 12px;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 18px;
      }
      .small-primary {
        height: 38px;
        background: var(--red);
        color: #fff;
        border-radius: 8px;
        padding: 0 14px;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
      }
      .small-outline {
        height: 36px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        border: 1px solid #ddd;
        background: #fff;
        color: #555;
        border-radius: 8px;
        padding: 0 12px;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
        white-space: nowrap;
        vertical-align: middle;
      }
      .store-info-actions {
        display: flex;
        align-items: center;
        gap: 10px;
        flex-wrap: wrap;
      }
      .store-info-actions .small-outline {
        margin: 0;
        font-style: normal;
      }
      .product-admin {
        display: flex;
        align-items: stretch;
        gap: 16px;
        padding: 16px 4px;
        border-bottom: 1px solid #f1f1f1;
      }
      .product-admin:last-child {
        border-bottom: 0;
      }
      .product-admin img {
        width: 108px;
        height: 108px;
        border-radius: 14px;
        object-fit: cover;
        align-self: center;
        flex-shrink: 0;
        background: #fff1f2;
      }
      .product-admin > div {
        flex: 1;
        min-width: 0;
      }
      .product-admin strong {
        display: block;
        font-size: 16px;
        margin-bottom: 4px;
      }
      .product-admin small {
        color: var(--muted);
        font-size: 14px;
      }
      .product-admin .product-stock-meta {
        display: flex;
        flex-direction: column;
        gap: 3px;
        margin-top: 5px;
      }
      .product-admin .product-stock-meta span {
        display: block;
      }
      .product-admin-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        flex-shrink: 0;
      }
      .bar-chart {
        display: flex;
        align-items: end;
        gap: 9px;
        height: 140px;
        border-bottom: 1px solid #eee;
        padding: 0 10px;
      }
      .bar {
        flex: 1;
        background: #ffd7dc;
        border-radius: 5px 5px 0 0;
        min-height: 12px;
        position: relative;
      }
      .bar span {
        position: absolute;
        bottom: -22px;
        font-size: 10px;
        color: var(--muted);
        left: 50%;
        transform: translateX(-50%);
      }
      .two-col {
        display: grid;
        grid-template-columns: 1.3fr 0.7fr;
        gap: 16px;
      }
      .product-editor-form .two-col {
        grid-template-columns: 1fr 1fr;
      }
      .overlay {
        position: fixed;
        inset: 0;
        background: rgba(20, 17, 16, 0.32);
        z-index: 50;
        display: flex;
        justify-content: flex-end;
      }
      .overlay.box {
        justify-content: center;
        align-items: center;
        padding: 16px;
      }
      .overlay.box .drawer {
        height: auto;
        max-height: 90vh;
        width: min(420px, 100%);
        border-radius: 16px;
        box-shadow: var(--shadow);
      }
      .overlay.login {
        justify-content: center;
        align-items: center;
        padding: 16px;
        background-image: none;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }
      .overlay.login .drawer {
        height: auto;
        max-height: 90vh;
        width: min(440px, 100%);
        border-radius: 16px;
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 18px 55px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(3px);
      }
      .overlay.lightbox {
        justify-content: center;
        align-items: stretch;
        padding: 0;
      }
      .product-lightbox {
        width: min(760px, 100%);
        height: 100%;
        background: #fff;
        overflow: auto;
        box-shadow: 0 0 40px rgba(0, 0, 0, 0.18);
      }
      .product-lightbox-photo {
        width: 100%;
        min-height: 58vh;
        background: #111;
        display: flex;
        align-items: center;
        justify-content: center;
      }
.product-lightbox-photo img {
        width: 100%;
        height: auto;
        max-height: 78vh;
        object-fit: contain;
        display: block;
      }
      .photo-viewer {
        position: fixed;
        inset: 0;
        z-index: 200;
        background: rgba(12, 10, 10, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 28px;
        cursor: zoom-out;
      }
      .photo-viewer img {
        max-width: 94vw;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
        border-radius: 14px;
        box-shadow: 0 30px 80px rgba(0, 0, 0, 0.55);
        background: #fff;
        cursor: default;
      }
.photo-viewer-close {
        position: absolute;
        top: 10px;
        right: 14px;
        width: 60px;
        height: 60px;
        background: transparent;
        color: #fff;
        font-size: 44px;
        font-weight: 300;
        line-height: 1;
        border: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
      }
      
      .product-hit img,
      .product-lightbox-photo img {
        cursor: zoom-in;
      }
      .product-lightbox-body {
        padding: 22px 24px 36px;
      }
      .product-lightbox-body h2 {
        font-family: "Outfit", sans-serif;
        font-size: 26px;
        letter-spacing: -0.04em;
        margin: 0 0 10px;
      }
      .product-hit {
        cursor: pointer;
        background: transparent;
        padding: 0;
        text-align: left;
        display: flex;
        align-items: center;
        gap: 16px;
        flex: 1;
        min-width: 0;
        color: inherit;
      }
      .product-hit img {
        width: 104px;
        height: 86px;
        border-radius: 12px;
        object-fit: cover;
        background: #f7e7e8;
        flex-shrink: 0;
      }
      .drawer {
        height: 100%;
        background: #fff;
        width: min(440px, 100%);
        padding: 28px;
        overflow-y: auto;
        box-shadow: -15px 0 40px rgba(0, 0, 0, 0.12);
        animation: slide 0.25s var(--ease);
      }
      @keyframes slide {
        from {
          transform: translateX(35px);
          opacity: 0.6;
        }
        to {
          transform: none;
          opacity: 1;
        }
      }
      .drawer-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 24px;
        gap: 12px;
      }
      .drawer-head h2 {
        font-family: "Outfit", sans-serif;
        margin: 0;
        font-size: 22px;
      }
      .close {
        background: transparent;
        border-radius: 0;
        width: 40px;
        height: 40px;
        color: #777;
        flex-shrink: 0;
        font-size: 30px;
        line-height: 1;
        display: grid;
        place-items: center;
        padding: 0;
      }
      .form-grid {
        display: grid;
        gap: 18px;
      }
      #couponForm {
        gap: 16px;
      }
      #couponForm .field {
        min-width: 0;
      }
      #couponForm .two-col {
        align-items: start;
      }
      #couponForm .primary {
        margin-top: 6px;
        min-height: 48px;
        font-weight: 700;
      }
      #couponProductsBox > label {
        margin-bottom: 2px;
      }
      .hours-editor {
        display: grid;
        gap: 5px;
        margin-top: 12px;
        border: 1px solid var(--line);
        border-radius: 8px;
        padding: 9px;
        background: #fff;
        overflow-x: auto;
      }
      .hours-row {
        display: grid;
        grid-template-columns: 150px 86px 86px;
        gap: 8px;
        align-items: center;
        padding: 2px 0;
        min-width: 338px;
      }
      .hours-day {
        display: flex !important;
        align-items: center;
        gap: 7px;
        width: 150px;
        min-width: 150px;
        font-size: 13px;
        font-weight: 500;
        margin: 0;
        white-space: nowrap;
      }
      .hours-day input {
        width: 15px;
        height: 15px;
        min-width: 15px;
        flex: 0 0 15px;
        margin: 0;
        accent-color: var(--red);
      }
      .hours-row input[type="time"] {
        padding: 6px 5px;
        font-size: 12px;
        border-radius: 6px;
      }
      .store-hours {
        margin: 12px 0 0;
        padding: 10px 12px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--soft);
      }
      .store-hours h3 {
        font-family: "Outfit", sans-serif;
        font-size: 14px;
        margin: 0 0 5px;
      }
      .store-hours-list {
        display: block;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.35;
      }
      .store-hours-list span {
        display: block;
        margin: 2px 0;
      }
      .store-hours-list b {
        font-weight: 600;
      }
      .store-hours-list strong {
        color: var(--ink);
        font-weight: 600;
        margin-left: 5px;
      }
      
        .store-hours {
          padding: 9px 11px;
        }
      
      
        .hours-editor {
          margin-top: 12px;
        }
        .hours-row {
          grid-template-columns: 150px 82px 82px;
          min-width: 330px;
        }
        .hours-day {
          width: 150px;
          min-width: 150px;
        }
        .store-hours-list {
          grid-template-columns: 1fr;
        }
      
      .section-create-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: end;
        gap: 10px;
        margin-top: 12px;
      }
      .section-create-row input {
        min-width: 0;
        margin: 0 !important;
      }
      .section-create-row button {
        min-height: 42px;
        margin: 0;
        padding: 0 16px;
        white-space: nowrap;
      }
      #productSection {
        width: 100%;
        margin-top: 2px;
      }
      .field label {
        display: block;
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 8px;
        color: var(--ink);
      }
      .form-section-heading {
        display: flex;
        align-items: center;
        gap: 8px;
        border-top: 1px solid var(--line);
        padding-top: 18px;
        margin-top: 8px;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
      }
      .form-section-heading::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 2px;
        background: var(--red);
        display: inline-block;
      }
      .map-help,
      .field-help,
      .upload-note {
        display: block;
        color: var(--muted);
        font-size: 13px;
        line-height: 1.45;
        margin-top: 6px;
      }
      .image-upload-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        min-height: 92px;
        padding: 18px;
        border: 1px dashed var(--line);
        border-radius: 10px;
        background: var(--soft);
        color: var(--muted);
        font-size: 14px;
      }
      .image-upload-spinner {
        width: 22px;
        height: 22px;
        border: 3px solid #ead9dc;
        border-top-color: var(--red);
        border-radius: 50%;
        animation: imageUploadSpin 0.8s linear infinite;
      }
      @keyframes imageUploadSpin {
        to {
          transform: rotate(360deg);
        }
      }
      .field input,
      .field textarea,
      .field select {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 12px 14px;
        outline: none;
        background: #fff;
        font-size: 14px;
      }
      .field input:focus,
      .field textarea:focus,
      .field select:focus {
        border-color: #b7bac1;
        box-shadow: 0 0 0 3px rgba(32, 33, 36, 0.06);
      }
      .settings-card {
        border: 1px solid #ededed;
        border-radius: 12px;
        padding: 16px;
        display: grid;
        gap: 14px;
        background: var(--soft);
      }
      .settings-title {
        font-weight: 700;
        font-size: 14px;
      }
      .check-row {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-weight: 500;
      }
      .zone-table {
        display: grid;
        gap: 8px;
        margin-top: 10px;
      }
      .zone-table .check-row {
        display: grid;
        grid-template-columns: 24px 1fr 100px;
        gap: 8px;
        align-items: center;
      }
      .zone-table input[data-delivery-zone-fee] {
        width: 100%;
        height: 36px;
        min-width: 0;
        padding: 6px 8px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background: #fff;
      }
      .zone-table input[data-delivery-zone] {
        width: 18px;
        height: 18px;
      }
      .check-row input {
        width: 18px;
        height: 18px;
        accent-color: var(--red);
      }
      .auth-switch {
        text-align: center;
        color: var(--muted);
        font-size: 14px;
        margin: 16px 0 0;
      }
      .auth-switch button {
        background: transparent;
        color: var(--red);
        font-weight: 700;
      }
      .profile-avatar {
        width: 72px;
        height: 72px;
        object-fit: cover;
        border-radius: 50%;
        background: var(--pink);
        display: block;
        margin: 0 auto 13px;
      }
      .profile-avatar.clickable {
        cursor: pointer;
      }
      .toast {
        position: fixed;
        bottom: 22px;
        left: 50%;
        transform: translateX(-50%) translateY(14px);
        background: #242424;
        color: #fff;
        padding: 12px 18px;
        border-radius: 8px;
        font-size: 14px;
        opacity: 0;
        pointer-events: none;
        transition: 0.22s var(--ease);
        z-index: 100;
      }
      .toast.show {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
      }
      .wallet-card {
        background: var(--warm);
        border: 1px solid #ffe5d5;
        border-radius: 12px;
        padding: 16px;
        text-align: center;
        margin-bottom: 16px;
      }
      .wallet-card small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        margin-bottom: 6px;
      }
      .wallet-card strong {
        font-family: "Outfit", sans-serif;
        font-size: 26px;
        display: block;
      }
      .wallet-card .primary {
        margin-top: 12px;
      }
      .metric-deposit {
        margin-top: 12px;
        width: 100%;
      }
      .seller-banner {
        width: 100%;
        height: 168px;
        object-fit: cover;
        border-radius: 16px;
        display: block;
        margin-bottom: 18px;
        background: var(--warm);
      }
      .media-frame {
        display: grid;
        gap: 8px;
      }
      .media-preview-logo {
        width: 120px;
        height: 120px;
        object-fit: cover;
        border-radius: 16px;
        background: #f4f4f4;
        border: 1px solid #eee;
        display: block;
      }
      .media-preview-banner {
        width: 100%;
        height: 132px;
        object-fit: cover;
        border-radius: 12px;
        background: #f4f4f4;
        border: 1px solid #eee;
        display: block;
      }
      .crop-stage {
        position: relative;
        overflow: hidden;
        background: #1c1a17;
        border-radius: 12px;
        touch-action: none;
        cursor: grab;
        width: 100%;
      }
      
      .crop-stage.logo-crop {
        aspect-ratio: 1;
        max-height: 280px;
      }
      .crop-stage.banner-crop {
        aspect-ratio: 3/1;
        margin-top: 4px;
      }
      .crop-stage img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        user-select: none;
        pointer-events: none;
        max-width: none;
      }
      .crop-label {
        font-size: 13px;
        font-weight: 700;
        margin: 4px 0 8px;
      }
      .product-checks {
        display: grid;
        gap: 6px;
        max-height: 220px;
        overflow: auto;
        padding: 6px;
        border: 1px solid var(--line);
        border-radius: 10px;
        background: var(--soft);
      }
      .product-checks .check-row {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 10px;
        border-radius: 8px;
        background: #fff;
        border: 1px solid transparent;
        font-size: 14px;
        font-weight: 500;
        color: var(--ink);
        cursor: pointer;
        transition: border-color 0.15s var(--ease), background 0.15s var(--ease);
      }
      
      .product-checks .check-row:has(input:checked) {
        border-color: rgba(232, 55, 69, 0.45);
        background: #fff5f6;
      }
      .product-checks .check-row input[type="checkbox"] {
        flex-shrink: 0;
        width: 17px;
        height: 17px;
        min-height: 0;
        margin: 0;
        padding: 0;
        accent-color: var(--red);
        cursor: pointer;
      }
      .field input[type="checkbox"],
      .field input[type="radio"] {
        width: auto;
        min-height: 0;
        padding: 0;
      }

      .overlay,
      .drawer,
      .addon-builder,
      .addon-group-editor,
      .addon-group-options {
        overflow-x: hidden;
      }
      .drawer {
        max-width: 100vw;
      }
      .addon-builder {
        display: grid;
        gap: 14px;
        min-width: 0;
      }
      .addon-group-editor {
        border: 1px solid #e5e5e5;
        border-radius: 12px;
        padding: 14px;
        background: #fcfbfa;
        min-width: 0;
      }
      .addon-group-head {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        align-items: start;
      }
      .addon-group-options {
        display: grid;
        gap: 8px;
        margin-top: 12px;
        min-width: 0;
      }
      .addon-option-editor {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 105px) 34px;
        gap: 8px;
        align-items: center;
        min-width: 0;
      }
      .addon-option-editor input {
        padding: 9px 10px !important;
        font-size: 14px !important;
      }
      .addon-option-editor button {
        height: 34px;
        border-radius: 7px;
        background: #fff0f1;
        color: var(--red);
        font-weight: 700;
      }
      .addon-group-settings {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 8px;
        margin-top: 10px;
      }
      .addon-group-settings label {
        font-size: 12px;
        color: var(--muted);
        font-weight: 600;
      }
      .addon-group-settings input,
      .addon-group-settings select {
        width: 100%;
        border: 1px solid #ddd;
        border-radius: 7px;
        padding: 8px;
        font-size: 13px;
        background: #fff;
      }
      .addon-preview-note {
        background: #f1f8f2;
        color: #337345;
        border-radius: 8px;
        padding: 10px 12px;
        font-size: 13px;
        line-height: 1.45;
      }
      
        .addon-group-head {
          grid-template-columns: 1fr;
        }
        .addon-group-settings {
          grid-template-columns: 1fr 1fr;
        }
        .addon-option-editor {
          grid-template-columns: 1fr 92px 34px;
        }
      

      .order-items-button {
        display: block;
        width: 100%;
        background: transparent;
        text-align: left;
        padding: 5px 8px;
        border-radius: 7px;
        color: var(--ink);
        font-size: 13px;
        line-height: 1.45;
      }
      
      .order-items-button strong {
        font-size: 12px;
        color: var(--red);
        display: block;
        margin-top: 4px;
      }

      .addon-group-editor input,
      .addon-group-editor select,
      .addon-group-editor button {
        max-width: 100%;
        min-width: 0;
      }
      .addon-option-editor input {
        width: 100%;
        min-width: 0;
      }
      .seller-panel + .seller-panel {
        margin-top: 20px;
      }
      .seller-panel p {
        line-height: 1.55;
      }

      .store-rating-inline {
        color: #e09a00;
        font-size: 13px;
        font-weight: 700;
      }
      .rating-card {
        margin: 10px 0;
        padding: 14px;
        border: 1px solid #eee;
        border-radius: 12px;
        background: #fffaf3;
      }
      .store-hero-rating-col .rating-card {
        margin: 0;
        padding: 8px 12px;
        text-align: center;
        max-width: 210px;
      }
      .store-hero-rating-col .rating-card strong {
        font-size: 13px;
      }
      .store-hero-rating-col .rating-stars {
        justify-content: center;
        margin-top: 2px;
      }
      .store-hero-rating-col .rating-star {
        font-size: 20px;
      }
      .store-hero-rating-col .rating-card small {
        font-size: 10.5px;
        line-height: 1.25;
        display: block;
      }
      .rating-stars {
        display: flex;
        gap: 4px;
        margin-top: 8px;
      }
      .rating-star {
        background: transparent;
        color: #d8d8d8;
        font-size: 30px;
        line-height: 1;
        padding: 0;
      }
      
      .store-card.is-closed {
        opacity: 0.58;
        cursor: not-allowed;
        filter: grayscale(0.15);
        pointer-events: none;
      }
      .store-open.closed {
        background: #f2f2f2;
        color: #777;
      }
      .payment-methods {
        margin-top: 12px;
      }
      .payment-group {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        margin-top: 8px;
      }
      .payment-group b {
        width: 100%;
        font-size: 13px;
        color: var(--ink);
      }
      .payment-group span {
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 16px;
        padding: 5px 9px;
        font-size: 12px;
        color: #555;
      }
      .payment-checks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 12px;
      }
      .payment-checks .check-row {
        display: flex !important;
        align-items: center;
        margin: 0;
        gap: 10px;
      }
      .payment-checks .check-row {
        font-size: 13px;
      }
      .store-info-actions {
        display: flex;
        gap: 10px;
        flex-wrap: nowrap;
        margin: 0;
        position: absolute;
        right: -250px;
        top: 68%;
        bottom: auto;
        transform: translateY(-50%);
        white-space: nowrap;
      }
      .store-info-actions button {
        width: auto;
        padding: 0 14px;
        margin: 0;
      }
      .shop-hero-copy {
        position: relative;
        padding-right: 270px;
      }
      .store-info-modal h3 {
        margin: 0 0 10px;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
      }
      .store-info-modal .store-hours {
        margin: 0;
        border: 0;
        padding: 0;
        background: transparent;
      }
      .skeleton {
        height: 95px;
        background: linear-gradient(90deg, #fafafa, #f1f1f1, #fafafa);
        background-size: 200% 100%;
        animation: shine 1.1s infinite;
      }
      @keyframes shine {
        to {
          background-position: -200% 0;
        }
      }
      
        .metric-grid {
          grid-template-columns: repeat(2, 1fr);
        }
        .two-col {
          grid-template-columns: 1fr;
        }
        .seller-top {
          align-items: flex-start;
          flex-direction: column;
        }
        .seller-table {
          min-width: 660px;
        }
        .seller-panel {
          overflow: auto;
        }
        .topbar {
          height: auto;
          padding: 10px 0;
        }
        .topbar-inner {
          flex-wrap: wrap;
          gap: 12px;
        }
        .nav {
          order: 3;
          overflow: auto;
          width: 100%;
          gap: 18px;
        }
        .search {
          order: 2;
          min-width: 100%;
          max-width: none;
        }
        .topbar-left {
          flex-wrap: wrap;
          width: 100%;
        }
        .topbar-right {
          margin-left: auto;
        }
        .address {
          max-width: 140px;
        }
        .container {
          width: min(100% - 28px, 680px);
        }
        .hero {
          padding-top: 25px;
        }
        .categories {
          gap: 18px;
        }
        .shop-layout {
          grid-template-columns: 1fr;
          gap: 23px;
        }
        .order-box {
          position: static;
          order: -1;
        }
        .shop-banner {
          height: 168px;
          border-radius: 14px;
        }
        .shop-hero {
          margin-top: -36px;
          padding-bottom: 20px;
        }
        .shop-hero-copy {
          padding-right: 0;
        }
        .store-info-actions {
          position: static;
          margin-top: 10px;
          white-space: normal;
        }
        .shop-hero img {
          width: 78px;
          height: 78px;
        }
        .shop-hero h1 {
          font-size: 24px;
        }
        .product-admin {
          flex-wrap: wrap;
        }
        .product-admin-actions {
          width: 100%;
        }
        .footer-inner {
          display: block;
          line-height: 1.7;
        }
        .site-footer-card {
          padding: 26px 20px 18px;
          border-radius: 18px;
        }
        .site-footer-grid {
          grid-template-columns: 1fr;
          gap: 24px;
        }
        .footer-brand h2 {
          font-size: 21px;
        }
        .footer-bottom {
          display: block;
          line-height: 1.8;
        }
        .store-open {
          display: none;
        }
      
      .shop-view {
        padding: 16px 0 88px;
      }
      .store-hero-card {
        display: flex;
        align-items: center;
        gap: 18px;
        padding: 14px 0 16px;
        position: relative;
      }
      .store-hero-rating-col {
        flex: 0 0 auto;
        margin-left: auto;
      }
      .store-hero-avatar-wrap {
        position: relative;
        width: 136px;
        height: 136px;
        flex-shrink: 0;
        border-radius: 16px;
        overflow: hidden;
        background: #fdfaf6;
        border: 1px solid #f0ece6;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
      }
      .store-hero-avatar-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .store-hero-rating-badge {
        position: absolute;
        bottom: 6px;
        right: 6px;
        background: rgba(35, 35, 35, 0.78);
        backdrop-filter: blur(4px);
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        padding: 2px 7px;
        border-radius: 6px;
        display: inline-flex;
        align-items: center;
        gap: 3px;
        line-height: 1.2;
      }
      .store-hero-rating-badge .star-icon {
        color: #f59e0b;
        font-size: 11px;
      }
      .store-hero-address {
        margin: -6px 0 4px;
        color: #6b7280;
        font-size: 13.5px;
      }
      .store-hero-info {
        flex: 1;
        min-width: 0;
      }
      .store-hero-title {
        font-family: "Outfit", sans-serif;
        font-size: 23px;
        font-weight: 700;
        letter-spacing: -0.04em;
        margin: 0 0 3px;
        color: var(--ink);
      }
      .store-hero-category {
        color: #6b7280;
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 6px;
      }
      .store-hero-badges-row {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 7px;
      }
      .store-badge-status {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 12.5px;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 999px;
      }
      .store-badge-status.open {
        background: #ecfdf5;
        color: #059669;
      }
      .store-badge-status.closed {
        background: #f3f4f6;
        color: #6b7280;
      }
      .store-badge-status svg {
        width: 14px;
        height: 14px;
        fill: currentColor;
      }
      .store-badge-min {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        color: #475569;
        font-size: 12.5px;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 999px;
      }
      .store-badge-min svg {
        width: 13px;
        height: 13px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
      }
      .store-hero-actions-row {
        display: flex;
        align-items: center;
        gap: 8px;
        flex-wrap: wrap;
      }
      .store-quick-btn {
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        color: #334155;
        border-radius: 8px;
        padding: 5px 12px;
        font-size: 13px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        cursor: pointer;
        transition: all 0.16s ease;
      }
      
      .store-quick-btn svg.chevron {
        width: 11px;
        height: 11px;
        stroke: #64748b;
        stroke-width: 2.5;
        fill: none;
        transition: transform 0.15s ease;
      }
      
      .store-coupons-scroller {
        position: relative;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 4px 0 8px;
      }
      .store-coupons-wrap {
        display: flex;
        gap: 12px;
        overflow-x: auto;
        padding: 4px 2px 8px;
        margin: 0;
        scrollbar-width: none;
      }
      .store-coupons-wrap::-webkit-scrollbar {
        display: none;
      }
      .coupon-card-blue {
        position: relative;
        flex: 0 0 auto;
        width: 220px;
        min-width: 220px;
        max-width: 220px;
        height: 64px;
        padding: 0;
        overflow: hidden;
        border: 0;
        border-radius: 14px;
        background: var(--red);
        color: #fff;
        display: flex;
        align-items: stretch;
        text-align: left;
        cursor: pointer;
        box-shadow: 0 7px 17px rgba(232, 55, 69, .22);
        transition: transform .16s ease, box-shadow .16s ease;
        user-select: none;
      }
      
      .coupon-code-zone {
        position: relative;
        width: 34px;
        min-width: 34px;
        display: grid;
        place-items: center;
        border-right: 1px dashed rgba(255,255,255,.78);
      }
      .coupon-code-zone::before, .coupon-code-zone::after {
        content: "";
        position: absolute;
        right: -6px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
        background: #fff;
      }
      .coupon-code-zone::before { top: -6px; }
      .coupon-code-zone::after { bottom: -6px; }
      .coupon-code-vertical {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .12em;
        max-height: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .coupon-dot { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #fff; opacity: .86; left: 10px; }
      .coupon-dot-one { top: 17px; }
      .coupon-dot-two { bottom: 17px; }
      .coupon-main {
        min-width: 0;
        flex: 1;
        padding: 7px 6px 6px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1;
      }
      .coupon-main small { font-size: 7px; font-weight: 700; letter-spacing: .08em; opacity: .92; }
      .coupon-main strong { font-size: 9px; letter-spacing: .02em; margin-top: 3px; }
      .coupon-main b { font-family: "Outfit", sans-serif; font-size: 18px; line-height: 1; margin-top: 4px; letter-spacing: -.05em; }
      .coupon-main em { font-size: 7px; font-style: normal; opacity: .84; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
      .coupon-seal {
        align-self: center;
        width: 30px;
        height: 30px;
        margin: 0 8px 0 2px;
        border: 2px solid rgba(232,55,69,.72);
        border-radius: 50%;
        background: #fff;
        color: var(--red);
        display: grid;
        place-items: center;
        transform: rotate(-12deg);
      }
      .coupon-seal::before { content: ""; position: absolute; width: 25px; height: 25px; border: 1px dotted var(--red); border-radius: 50%; opacity: .8; }
      .coupon-seal-mark { position: relative; font-size: 14px; font-weight: 700; line-height: 1; }
      .coupon-card-blue.coupon-freight { background: var(--red); box-shadow: 0 7px 17px rgba(232, 55, 69, .22); }
      .coupon-card-blue.coupon-free { background: #8b5cf6; box-shadow: 0 7px 17px rgba(139, 92, 246, .24); }
      .coupon-card-blue.coupon-free .coupon-seal { color: #8b5cf6; border-color: rgba(139,92,246,.72); }
      .coupon-card-blue.coupon-free .coupon-seal::before { border-color: #8b5cf6; }
      .coupon-scroll-next {
        width: 30px; height: 30px; flex: 0 0 30px; border-radius: 50%; background: #fff; color: var(--ink); border: 1px solid #e8e8e8; box-shadow: 0 3px 10px rgba(28,26,23,.10); font-size: 23px; line-height: 24px; display: grid; place-items: center; padding: 0 0 3px 1px;
      }
      
      .coupon-scroll-prev { margin-right: 0; }
      .coupon-admin-ticket { flex: 0 0 auto; cursor: default; box-shadow: none; }
      
      .store-coupons-scroller { background: transparent; border: 0; box-shadow: none; }
      .store-coupons-wrap { background: transparent; border: 0; box-shadow: none; }
      .coupon-card-blue { box-shadow: none; }
      
      .coupon-card-blue.coupon-freight, .coupon-card-blue.coupon-free { box-shadow: none; }
      .coupon-scroll-next { box-shadow: none; }

      .store-tabs-bar {
        position: sticky;
        top: 72px;
        z-index: 12;
        display: flex;
        gap: 22px;
        overflow-x: auto;
        padding: 4px 4px 0;
        margin: 0 0 4px;
        background: rgba(255, 255, 255, 0.96);
        backdrop-filter: blur(8px);
        border-bottom: 1px solid #f1f5f9;
        scrollbar-width: none;
      }
      .store-tabs-bar::-webkit-scrollbar {
        display: none;
      }
      .store-tab-link {
        flex: 0 0 auto;
        background: transparent;
        color: #64748b;
        padding: 6px 2px 8px;
        font-size: 14.5px;
        font-weight: 600;
        border: 0;
        border-bottom: 3px solid transparent;
        cursor: pointer;
        white-space: nowrap;
        transition:
          color 0.15s ease,
          border-color 0.15s ease;
      }
      
      .store-tab-link.active {
        color: var(--red);
        font-weight: 700;
        border-bottom-color: var(--red);
      }
      .store-menu-section {
        margin-bottom: 36px;
        scroll-margin-top: 135px;
      }
      .store-section-header {
        margin-bottom: 14px;
      }
      .store-section-kicker {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: #94a3b8;
        font-weight: 700;
        display: block;
        margin-bottom: 3px;
      }
      .store-section-title {
        font-family: "Outfit", sans-serif;
        font-size: 20px;
        font-weight: 700;
        color: #1e293b;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 8px;
      }
      .store-title-dash {
        display: inline-block;
        width: 18px;
        height: 3px;
        background: #f97316;
        border-radius: 2px;
      }
      .store-products-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
        gap: 14px;
      }
      .product-card-modern {
        background: #fff;
        border: 1px solid #f1f5f9;
        border-radius: 14px;
        padding: 10px 12px;
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        transition:
          transform 0.16s ease,
          box-shadow 0.16s ease,
          border-color 0.16s ease;
        position: relative;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
        text-align: left;
      }
      
      .product-card-modern.is-unavailable {
        opacity: 0.52;
        cursor: not-allowed;
      }
      .product-card-modern .product-media-wrap {
        width: 86px;
        height: 78px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        flex-shrink: 0;
        background: #f8fafc;
      }
      .product-card-modern .product-media-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }
      .product-card-modern .product-promo-badge {
        position: absolute;
        top: 4px;
        left: 4px;
        background: #ea580c;
        color: #fff;
        font-size: 10px;
        font-weight: 700;
        padding: 2px 5px;
        border-radius: 4px;
        line-height: 1.1;
        letter-spacing: 0.02em;
      }
      .product-card-modern .product-info-wrap {
        flex: 1;
        min-width: 0;
      }
      .product-card-modern .product-name-modern {
        font-size: 14px;
        font-weight: 700;
        color: #1e293b;
        margin: 0 0 4px;
        line-height: 1.3;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
      }
      .product-card-modern .product-desc-modern {
        font-size: 12px;
        color: #64748b;
        margin: 0 0 6px;
        line-height: 1.35;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
      }
      .product-card-modern .product-price-modern {
        display: flex;
        align-items: baseline;
        gap: 6px;
      }
      .product-card-modern .product-price-modern del {
        font-size: 12px;
        color: #94a3b8;
        font-weight: 500;
      }
      .product-card-modern .product-price-modern strong {
        font-size: 14.5px;
        color: #1e293b;
        font-weight: 700;
      }
      .floating-cart-btn {
        position: fixed;
        bottom: 24px;
        right: 24px;
        z-index: 99;
        width: min(340px, calc(100vw - 32px));
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 18px;
        padding: 0;
        display: block;
        box-shadow: var(--shadow);
        cursor: pointer;
        overflow: hidden;
        text-align: left;
        transition:
          transform 0.18s ease,
          box-shadow 0.18s ease,
          opacity 0.2s ease;
        user-select: none;
      }
      
      
      .floating-cart-btn.hidden {
        display: none !important;
      }
      .floating-cart-head {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 14px 16px;
      }
      .floating-cart-avatar {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        object-fit: cover;
        border: 1px solid var(--line);
        flex-shrink: 0;
        background: var(--soft);
      }
      .floating-cart-info {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
      }
      .floating-cart-store {
        font-weight: 700;
        font-size: 14px;
        color: var(--ink);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .floating-cart-meta {
        font-size: 13px;
        color: var(--muted);
        display: flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
      }
      .floating-cart-meta strong {
        color: var(--red);
        font-weight: 700;
      }
      .floating-cart-action {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        background: var(--red);
        color: #fff;
        padding: 13px 16px;
        font-size: 14.5px;
        font-weight: 700;
        transition: background 0.18s ease;
      }
      
      .floating-cart-badge {
        background: #fff;
        color: var(--red);
        border-radius: 50%;
        width: 20px;
        height: 20px;
        display: grid;
        place-items: center;
        font-size: 11.5px;
        font-weight: 700;
        line-height: 1;
        flex-shrink: 0;
      }
      .floating-cart-icon {
        width: 19px;
        height: 19px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        flex-shrink: 0;
      }
      .floating-cart-text {
        white-space: nowrap;
      }

      
        .store-hero-rating-col {
          width: 100%;
          margin: 8px 0 0;
        }
        .store-hero-card {
          flex-direction: column;
          align-items: flex-start;
          gap: 14px;
        }
        .store-hero-avatar-wrap {
          width: 112px;
          height: 112px;
        }
        .store-products-grid {
          grid-template-columns: 1fr;
        }
        .floating-cart-btn {
          bottom: 14px;
          right: 14px;
          left: 14px;
          width: auto;
        }
      
      .profile-section-title { font-family: "Outfit", sans-serif; font-size: 17px; font-weight: 700; letter-spacing: -.03em; margin: 6px 0 0; }
      .favorite-addresses-section { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--line); }
      .favorite-address-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 12px; margin: 10px 0; background: #fff; }
      .favorite-address-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
      .favorite-address-copy strong { font-size: 14px; }
      .favorite-address-copy span { font-size: 13px; color: var(--muted); }
      .favorite-address-actions { display: flex; gap: 6px; flex-shrink: 0; }
      .favorite-address-actions .small-outline { padding: 7px 9px; font-size: 12px; }

      .category-icon {
        width: 74%;
        height: 74%;
        object-fit: contain;
        display: block;
        margin: auto;
        pointer-events: none;
      }
      /* ======= ÁREA DO VENDEDOR — NOVA ARQUITETURA ======= */
      .sv-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        flex-wrap: wrap;
        margin-bottom: 18px;
      }
      .sv-head-left {
        display: flex;
        align-items: center;
        gap: 14px;
      }
      .sv-head-left img {
        width: 46px;
        height: 46px;
        border-radius: 12px;
        object-fit: cover;
        border: 1px solid #e8e8e8;
      }
      .sv-hello {
        font-family: "Outfit", sans-serif;
        font-size: 22px;
        margin: 0;
        line-height: 1.2;
      }
      .sv-hello small {
        display: block;
        font-family: inherit;
        font-size: 13px;
        color: var(--muted);
        font-weight: 500;
        margin-top: 2px;
      }
      .sv-status {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        border: 1px solid #e8e8e8;
        background: #fff;
        border-radius: 999px;
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        color: var(--ink);
      }
      
      .sv-dot {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background: #22a45d;
        box-shadow: 0 0 0 3px rgba(34, 164, 93, 0.16);
      }
      .sv-dot.paused {
        background: #e8a33d;
        box-shadow: 0 0 0 3px rgba(232, 163, 61, 0.16);
      }
      .sv-dot.closed {
        background: #c9c9c9;
        box-shadow: 0 0 0 3px rgba(160, 160, 160, 0.16);
      }
      .sv-nav {
        display: flex;
        gap: 4px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 20px;
        overflow-x: auto;
        scrollbar-width: none;
      }
      .sv-nav::-webkit-scrollbar {
        display: none;
      }
      .sv-nav button {
        border: 0;
        background: none;
        padding: 12px 14px;
        font: inherit;
        font-size: 14px;
        font-weight: 600;
        color: var(--muted);
        cursor: pointer;
        border-bottom: 2px solid transparent;
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        border-radius: 8px 8px 0 0;
      }
      
      .sv-nav button.active {
        color: var(--red);
        border-bottom-color: var(--red);
      }
      .sv-count {
        background: var(--red);
        color: #fff;
        font-size: 11px;
        min-width: 18px;
        height: 18px;
        border-radius: 999px;
        display: inline-grid;
        place-items: center;
        padding: 0 5px;
        font-weight: 700;
      }
      .sv-sub {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 16px;
      }
      .sv-sub button {
        border: 1px solid #e8e8e8;
        background: #fff;
        border-radius: 999px;
        padding: 7px 14px;
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        color: var(--muted);
        cursor: pointer;
      }
      .sv-sub button.active {
        background: var(--ink);
        border-color: var(--ink);
        color: #fff;
      }
      .sv-nav-row {
        display: flex;
        align-items: center;
        gap: 8px;
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 20px;
      }
      .sv-nav-row .sv-nav {
        flex: 1;
        min-width: 0;
        border-bottom: 0;
        margin-bottom: 0;
      }
      .sv-menu-wrap {
        position: relative;
        flex-shrink: 0;
        padding-bottom: 8px;
      }
      .sv-menu-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        border: 1px solid #e8e8e8;
        background: #fff;
        color: var(--muted);
        border-radius: 10px;
        padding: 9px 12px;
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
      }
      .sv-menu-btn svg {
        width: 18px;
        height: 18px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      
      .sv-menu-btn.has-active {
        color: var(--red);
        border-color: #ffd6da;
        background: #fff0f1;
      }
      .sv-menu-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: var(--red);
        flex-shrink: 0;
      }
      .sv-menu-dropdown {
        display: none;
        position: absolute;
        top: calc(100% + 6px);
        right: 0;
        min-width: 210px;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 12px;
        box-shadow: var(--shadow);
        padding: 6px;
        z-index: 30;
      }
      .sv-menu-dropdown.open {
        display: block;
      }
      .sv-menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        border: 0;
        background: none;
        text-align: left;
        font: inherit;
        font-size: 14px;
        font-weight: 600;
        color: var(--ink);
        padding: 10px 12px;
        border-radius: 8px;
        cursor: pointer;
      }
      
      .sv-menu-item.active {
        color: var(--red);
        background: #fff0f1;
      }
      .sv-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
        margin-bottom: 22px;
      }
      .sv-card {
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        background: #fff;
        padding: 16px;
      }
      .sv-card small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        font-weight: 600;
      }
      .sv-card strong {
        display: block;
        font-family: "Outfit", sans-serif;
        font-size: 24px;
        margin-top: 6px;
        line-height: 1.1;
      }
      .sv-card.good strong {
        color: #1f8a4c;
      }
      .sv-card.warn strong {
        color: #b4762a;
      }
      .sv-metric-card {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        border-color: var(--line);
        box-shadow: 0 1px 2px rgba(28, 26, 23, 0.03);
      }
      .sv-metric-info {
        min-width: 0;
      }
      .sv-metric-cap {
        display: block;
        margin-top: 6px;
        font-size: 12px;
        color: var(--muted);
        font-weight: 500;
      }
      .sv-metric-ico {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        flex-shrink: 0;
      }
      .sv-metric-ico svg {
        width: 20px;
        height: 20px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      .sv-metric-ico.red {
        background: #fde8ea;
        color: var(--red);
      }
      .sv-metric-ico.blue {
        background: #e7eefa;
        color: #2f5fc0;
      }
      .sv-metric-ico.green {
        background: #e3f4e7;
        color: #1f8a4c;
      }
      .sv-metric-ico.lilac {
        background: #efe4f8;
        color: #8b4fc0;
      }
      .sv-section-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0 0 12px;
      }
      .sv-section-title h2 {
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        margin: 0;
        letter-spacing: -0.01em;
      }
      .sv-order {
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        background: #fff;
        padding: 14px 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        flex-wrap: wrap;
        margin-bottom: 10px;
      }
      .sv-order-main strong {
        font-size: 14px;
        display: block;
      }
      .sv-order-main small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        margin-top: 3px;
      }
      .sv-order-right {
        display: flex;
        align-items: center;
        gap: 12px;
        flex-wrap: wrap;
      }
      .sv-price {
        font-family: "Outfit", sans-serif;
        font-size: 17px;
        font-weight: 700;
      }
      .sv-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        font-weight: 700;
        border-radius: 999px;
        padding: 5px 11px;
        border: 1px solid transparent;
      }
      .sv-pill.blue {
        background: #eaf2ff;
        color: #1f5fbf;
      }
      .sv-pill.yellow {
        background: #fff5e2;
        color: #96651b;
      }
      .sv-pill.green {
        background: #e9f7ef;
        color: #1f8a4c;
      }
      .sv-pill.gray {
        background: #f3f3f3;
        color: #6b6b6b;
      }
      .sv-pill.red {
        background: var(--pink);
        color: var(--red);
      }
      .sv-modality {
        display: inline-flex;
        align-items: center;
        width: fit-content;
        margin-top: 5px;
        padding: 3px 9px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        line-height: 1.2;
      }
      .sv-modality.pickup {
        background: #fff0b8;
        color: #8a6511;
      }
      .sv-modality.delivery {
        background: #e9f2ff;
        color: #2763a4;
      }
      .sv-kcard.pickup-order {
        border: 2px solid #39a653;
        background: #bfeac8;
      }
      .sv-kcard.delivery-order {
        border: 2px solid #e83745;
        background: #ffd1d6;
      }
      .sv-kcard.pickup-order .small-outline,
      .sv-kcard.delivery-order .small-outline {
        background: rgba(255, 255, 255, 0.82);
      }
      .sv-alert {
        border: 1px solid #f2d7a8;
        background: #fffaf0;
        border-radius: 12px;
        padding: 14px 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 14px;
        flex-wrap: wrap;
        margin-bottom: 10px;
      }
      .sv-kanban {
        display: grid;
        grid-template-columns: repeat(5, minmax(190px, 1fr));
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 8px;
      }
      .sv-col {
        background: #fafafa;
        border: 1px solid #ededed;
        border-radius: 12px;
        padding: 12px;
        min-width: 190px;
      }
      .sv-col h3 {
        font-size: 12px;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        margin: 0 0 10px;
        color: var(--muted);
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      .sv-col h3 span {
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 999px;
        padding: 1px 8px;
        font-size: 11px;
        color: var(--ink);
      }
      .sv-kcard {
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        padding: 11px;
        margin-bottom: 9px;
      }
      .sv-kcard .small-primary,
      .sv-kcard .small-outline,
      .sv-kcard .pickup-completion {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 8px;
      }
      .sv-kcard .pickup-completion {
        appearance: auto;
      }
      .sv-kcard b {
        font-size: 13px;
        display: block;
      }
      .sv-kcard small {
        display: block;
        color: var(--muted);
        font-size: 12px;
        margin-top: 2px;
        line-height: 1.4;
      }
      .sv-kcard .sv-kprice {
        font-family: "Outfit", sans-serif;
        font-weight: 700;
        margin: 7px 0;
        display: block;
      }
      .sv-kcard button,
      .sv-kcard select {
        width: 100%;
        font-size: 12px;
      }
      .sv-empty {
        color: var(--muted);
        font-size: 13px;
        text-align: center;
        padding: 14px 4px;
      }
      .sv-list {
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        overflow: hidden;
        background: #fff;
      }
      .sv-row {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 13px 16px;
        border-bottom: 1px solid #f0f0f0;
      }
      .sv-row:last-child {
        border-bottom: 0;
      }
      .sv-row img {
        width: 46px;
        height: 46px;
        border-radius: 10px;
        object-fit: cover;
        flex-shrink: 0;
      }
      .sv-row .sv-grow {
        flex: 1;
        min-width: 140px;
      }
      .sv-row strong {
        display: block;
        font-size: 14px;
      }
      .sv-row small {
        display: block;
        color: var(--muted);
        font-size: 13px;
        margin-top: 2px;
      }
      .sv-row-actions {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
      }
      .sv-fin {
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1fr;
        gap: 12px;
        margin-bottom: 18px;
      }
      .sv-fin .sv-card.hero {
        background: #0f1115;
        border-color: #0f1115;
      }
      .sv-fin .sv-card.hero small {
        color: #b9bcc4;
      }
      .sv-fin .sv-card.hero strong {
        color: #fff;
        font-size: 30px;
      }
      .fin-chart-card {
        border: 1px solid #ededed;
        border-radius: 14px;
        padding: 18px 18px 8px;
        margin-bottom: 18px;
        background: #fff;
      }
      .fin-chart-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 6px;
      }
      .fin-chart-head h3 {
        margin: 0 0 4px;
        font-size: 14px;
        font-weight: 600;
        color: var(--muted);
      }
      .fin-chart-value {
        margin: 0;
        font-size: 24px;
        font-weight: 700;
        color: var(--ink);
      }
      .fin-chart-sub {
        font-size: 12px;
        font-weight: 500;
        color: var(--muted);
      }
      .fin-trend {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 13px;
        font-weight: 700;
        padding: 5px 10px;
        border-radius: 20px;
        white-space: nowrap;
        margin-top: 2px;
      }
      .fin-trend.up {
        color: #1f7a42;
        background: #e6f5ea;
      }
      .fin-trend.down {
        color: #b02a2a;
        background: #fbeaea;
      }
      .fin-chart-svg {
        width: 100%;
        height: auto;
        display: block;
        overflow: visible;
      }
      
        .sv-fin {
          grid-template-columns: repeat(2, 1fr);
        }
        .fin-chart-card {
          padding: 14px 12px 6px;
        }
      
      .sv-fin .sv-card.hero button {
        margin-top: 12px;
      }
      
        .sv-cards,
        .sv-fin {
          grid-template-columns: repeat(2, 1fr);
        }
      
      
        .sv-cards,
        .sv-fin {
          grid-template-columns: 1fr;
        }
        .sv-head {
          align-items: flex-start;
        }
      
    
      /* Isolamento das versões: o código original permanece abaixo sem remoção. */
      body[data-app-variant="customer"] [data-nav="lojista"] { display: none !important; }
      body[data-app-variant="seller"] [data-nav]:not([data-nav="lojista"]),
      body[data-app-variant="seller"] .search,
      body[data-app-variant="seller"] .cart-cluster,
      body[data-app-variant="seller"] .address,
      body[data-app-variant="seller"] #headerDepositBtn { display: none !important; }
      body[data-app-variant="seller"] #main { min-height: calc(100vh - 72px); }
      body[data-app-variant="seller"] #toggleAuth,
      body[data-app-variant="seller"] .auth-switch,
      body[data-app-variant="seller"] [data-nav="lojista"],
      body[data-app-variant="seller"] .site-footer,
      body[data-app-variant="seller"] footer.footer { display: none !important; }
      .seller-access-gate { width: min(420px, calc(100% - 44px)); margin: 70px auto; padding: 0; border: 0; border-radius: 0; box-shadow: none; text-align: center; background: #fff; }
      .seller-access-gate h1 { font-family: "Outfit", sans-serif; margin: 0 0 10px; letter-spacing: -0.04em; }
      .seller-access-gate p { color: var(--muted); margin: 0 0 24px; }
      .seller-access-gate { text-align: left; }
      .seller-gate-logo { display: block; width: auto; height: auto; margin: 0 auto 10px; color: #202124; font-family: "Outfit", sans-serif; font-size: 32px; font-weight: 700; letter-spacing: -0.07em; line-height: 1; text-align: center; }
      .seller-gate-desc { text-align: center; color: var(--muted); font-size: 14px; margin: 0 0 18px; }

      /* ===== Redesign profissional do lojista: neutros + vermelho apenas para ações ===== */
      body[data-app-variant="seller"] {
        --seller-bg: #f5f7f9;
        --seller-surface: #ffffff;
        --seller-border: #e5e9ee;
        --seller-ink: #1d2730;
        --seller-muted: #71808d;
        background: var(--seller-bg);
        color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .topbar {
        background: rgba(255, 255, 255, 0.96);
        border-bottom-color: #e5e9ee;
        box-shadow: 0 1px 0 rgba(29, 39, 48, 0.02);
      }
      body[data-app-variant="seller"] #main {
        min-height: calc(100vh - 72px);
        background: var(--seller-bg);
      }
      body[data-app-variant="seller"] .seller-shell {
        padding-top: 34px;
        padding-bottom: 70px;
      }
      body[data-app-variant="seller"] .sv-head {
        margin-bottom: 22px;
      }
      body[data-app-variant="seller"] .sv-head-left img {
        width: 48px;
        height: 48px;
        border-radius: 14px;
        border-color: var(--seller-border);
        box-shadow: 0 4px 12px rgba(29, 39, 48, 0.06);
      }
      body[data-app-variant="seller"] .sv-hello {
        color: var(--seller-ink);
        font-size: 23px;
        letter-spacing: -0.045em;
      }
      body[data-app-variant="seller"] .sv-hello small {
        color: var(--seller-muted);
        font-size: 13px;
      }
      body[data-app-variant="seller"] .sv-status,
      body[data-app-variant="seller"] .sv-menu-btn,
      body[data-app-variant="seller"] .sv-sub button {
        border-color: var(--seller-border);
        color: var(--seller-ink);
        background: var(--seller-surface);
        box-shadow: 0 2px 6px rgba(29, 39, 48, 0.025);
      }
      
      body[data-app-variant="seller"] .sv-nav-row,
      body[data-app-variant="seller"] .sv-nav {
        border-color: var(--seller-border);
      }
      body[data-app-variant="seller"] .sv-nav button {
        color: var(--seller-muted);
        border-radius: 10px 10px 0 0;
      }
      
      body[data-app-variant="seller"] .sv-nav button.active {
        color: var(--red-dark);
        border-bottom-color: var(--red);
        background: transparent;
      }
      body[data-app-variant="seller"] .sv-sub button.active {
        color: #fff;
        background: var(--seller-ink);
        border-color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .sv-card,
      body[data-app-variant="seller"] .sv-order,
      body[data-app-variant="seller"] .sv-list,
      body[data-app-variant="seller"] .sv-alert,
      body[data-app-variant="seller"] .fin-chart-card,
      body[data-app-variant="seller"] .seller-panel {
        border-color: var(--seller-border);
        box-shadow: 0 4px 16px rgba(29, 39, 48, 0.025);
      }
      body[data-app-variant="seller"] .sv-card,
      body[data-app-variant="seller"] .sv-order,
      body[data-app-variant="seller"] .sv-list,
      body[data-app-variant="seller"] .seller-panel,
      body[data-app-variant="seller"] .fin-chart-card {
        border-radius: 16px;
      }
      body[data-app-variant="seller"] .sv-card {
        padding: 18px;
      }
      body[data-app-variant="seller"] .sv-card small,
      body[data-app-variant="seller"] .fin-chart-head h3 {
        color: var(--seller-muted);
      }
      body[data-app-variant="seller"] .sv-card strong,
      body[data-app-variant="seller"] .sv-price,
      body[data-app-variant="seller"] .fin-chart-value {
        color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .sv-card.good strong {
        color: #28784f;
      }
      body[data-app-variant="seller"] .sv-card.warn strong {
        color: #9b6b28;
      }
      body[data-app-variant="seller"] .sv-fin {
        gap: 14px;
        margin-bottom: 20px;
      }
      body[data-app-variant="seller"] .sv-fin .sv-card.hero {
        background: var(--seller-ink);
        border-color: var(--seller-ink);
        box-shadow: 0 10px 24px rgba(29, 39, 48, 0.12);
        position: relative;
        overflow: hidden;
      }
      body[data-app-variant="seller"] .sv-fin .sv-card.hero::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 150px;
        right: -70px;
        top: -80px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        transform: rotate(45deg);
        pointer-events: none;
      }
      body[data-app-variant="seller"] .sv-fin .sv-card.hero small {
        color: #b7c1c9;
      }
      body[data-app-variant="seller"] .sv-fin .sv-card.hero strong {
        color: #fff;
        letter-spacing: -0.04em;
      }
      body[data-app-variant="seller"] .sv-fin .sv-card.hero .small-primary {
        position: relative;
        z-index: 1;
      }
      body[data-app-variant="seller"] .sv-pill.blue {
        color: var(--red-dark);
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .sv-pill.yellow {
        color: #8b6424;
        background: #fbf4e7;
      }
      body[data-app-variant="seller"] .sv-pill.green {
        color: #28784f;
        background: #edf7f1;
      }
      body[data-app-variant="seller"] .sv-pill.gray {
        color: #64727e;
        background: #f1f4f6;
      }
      body[data-app-variant="seller"] .sv-pill.red {
        color: var(--red-dark);
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .sv-order:has(.sv-pill.blue) {
        border-color: #efcbd0;
        box-shadow: 0 8px 20px rgba(232, 55, 69, 0.06);
      }
      body[data-app-variant="seller"] .sv-order {
        padding: 16px 18px;
      }
      body[data-app-variant="seller"] .sv-kcard,
      body[data-app-variant="seller"] .sv-col {
        border-color: var(--seller-border);
      }
      body[data-app-variant="seller"] .sv-col {
        background: #f8fafb;
      }
      body[data-app-variant="seller"] .sv-kcard {
        border-radius: 12px;
        box-shadow: 0 3px 9px rgba(29, 39, 48, 0.035);
      }
      body[data-app-variant="seller"] .courier-art {
        width: 72px;
        height: 60px;
        flex: 0 0 72px;
        display: grid;
        place-items: center;
        overflow: hidden;
        border-radius: 10px;
        background: var(--sage);
      }
      body[data-app-variant="seller"] .courier-art svg {
        width: 66px;
        height: 54px;
        display: block;
      }
      body[data-app-variant="seller"] .courier-art img {
        width: 52px;
        height: 52px;
        display: block;
        object-fit: contain;
      }
      body[data-app-variant="seller"] .sv-section-title h2 {
        color: var(--seller-ink);
        font-size: 14px;
        letter-spacing: 0.08em;
      }
      body[data-app-variant="seller"] .fin-chart-card {
        padding: 22px 22px 12px;
        margin-bottom: 20px;
        background: var(--seller-surface);
      }
      body[data-app-variant="seller"] .fin-chart-head {
        margin-bottom: 10px;
      }
      body[data-app-variant="seller"] .fin-chart-head h3 {
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }
      body[data-app-variant="seller"] .fin-chart-value {
        font-size: 26px;
        letter-spacing: -0.045em;
      }
      body[data-app-variant="seller"] .fin-chart-sub {
        color: #9aa6af;
        font-weight: 600;
      }
      body[data-app-variant="seller"] .fin-trend {
        color: #28784f;
        background: #edf7f1;
        border-radius: 9px;
        font-size: 12px;
      }
      body[data-app-variant="seller"] .seller-table th {
        color: var(--seller-muted);
        border-bottom-color: var(--seller-border);
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
      }
      body[data-app-variant="seller"] .seller-table td {
        border-bottom-color: #eef1f3;
      }
      body[data-app-variant="seller"] .small-primary,
      body[data-app-variant="seller"] .primary {
        background: var(--red);
        box-shadow: 0 5px 12px rgba(232, 55, 69, 0.12);
      }

      /* ===== Painel do lojista — referência visual lateral ===== */
      body[data-app-variant="seller"] {
        --seller-bg: #ffffff;
        --seller-surface: #ffffff;
        --seller-border: #dedede;
        --seller-ink: #3f3f42;
        --seller-muted: #77777b;
        background: var(--seller-bg);
      }
      body[data-app-variant="seller"] .topbar {
        display: none !important;
      }
      body[data-app-variant="seller"] #main {
        min-height: 100vh;
        background: var(--seller-bg);
      }
      body[data-app-variant="seller"] .seller-layout {
        display: flex;
        min-height: 100vh;
        width: 100%;
      }
      body[data-app-variant="seller"] .seller-sidebar {
        width: 174px;
        flex: 0 0 174px;
        min-height: 100vh;
        background: #ffffff;
        border-right: 1px solid #e1e1e1;
        color: #4e4e52;
      }
      body[data-app-variant="seller"] .seller-sidebar-head {
        padding: 10px 9px 12px;
        background: #ffffff;
        border-bottom: 1px solid #e2e2e2;
      }
      body[data-app-variant="seller"] .seller-sidebar-logo {
        display: block;
        width: 112px;
        height: 30px;
        object-fit: contain;
        object-position: left center;
        margin-bottom: 6px;
      }
      body[data-app-variant="seller"] .seller-sidebar-store {
        display: flex;
        align-items: center;
        gap: 6px;
        min-width: 0;
        font-size: 13px;
        font-weight: 700;
        color: #5c5c60;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      body[data-app-variant="seller"] .seller-sidebar-store i {
        width: 8px;
        height: 8px;
        flex: 0 0 8px;
        border-radius: 50%;
        background: #49a66b;
      }
      body[data-app-variant="seller"] .seller-sidebar-status {
        margin: 3px 0 0 14px;
        font-size: 10px;
        color: #87878a;
        line-height: 1.3;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav {
        padding: 7px 0;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button {
        width: 100%;
        min-height: 38px;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 9px 10px 9px 13px;
        border-left: 3px solid transparent;
        background: transparent;
        color: #4f4f53;
        text-align: left;
        font-size: 14px;
        font-weight: 500;
      }
      
      body[data-app-variant="seller"] .seller-sidebar-nav button.active {
        border-left-color: var(--red);
        background: #ffffff;
        color: var(--red);
        font-weight: 700;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav svg {
        width: 16px;
        height: 16px;
        flex: 0 0 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
        margin-left: auto;
        min-width: 16px;
        height: 16px;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .seller-content {
        flex: 1;
        min-width: 0;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-workspace {
        width: min(1010px, calc(100% - 40px));
        margin: 0 auto;
        padding: 20px 0 46px;
      }
      body[data-app-variant="seller"] .seller-content .sv-head {
        margin: 0 0 15px;
        padding: 0 2px;
      }
      body[data-app-variant="seller"] .seller-content .sv-head-left img {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-hello {
        font-size: 18px;
        color: #3d3d40;
      }
      body[data-app-variant="seller"] .seller-content .sv-hello small {
        font-size: 11px;
        color: #8a8a8d;
      }
      body[data-app-variant="seller"] .seller-content .sv-status {
        padding: 6px 10px;
        border: 1px solid #d8d8d8;
        border-radius: 3px;
        box-shadow: none;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-content .sv-nav-row {
        display: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-sub {
        display: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards {
        gap: 1px;
      }
      body[data-app-variant="seller"] .seller-content .sv-card,
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .sv-alert,
      body[data-app-variant="seller"] .seller-content .fin-chart-card {
        border-color: #dedede;
        border-radius: 0;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
      }
      body[data-app-variant="seller"] .seller-content .sv-card {
        padding: 14px 12px;
        background: #fff;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title {
        margin-top: 16px;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title h2 {
        font-size: 17px;
        letter-spacing: 0;
        color: #3c3c40;
      }
      body[data-app-variant="seller"] .seller-content .seller-panel {
        background: #fff;
        padding: 12px;
      }
      body[data-app-variant="seller"] .seller-content .seller-table th {
        font-size: 10px;
        letter-spacing: 0;
      }
      
        body[data-app-variant="seller"] .seller-sidebar {
          width: 58px;
          flex-basis: 58px;
        }
        body[data-app-variant="seller"] .seller-sidebar-head {
          padding: 9px 7px;
        }
        body[data-app-variant="seller"] .seller-sidebar-logo {
          width: 42px;
          height: 25px;
          object-position: left center;
        }
        body[data-app-variant="seller"] .seller-sidebar-store,
        body[data-app-variant="seller"] .seller-sidebar-status,
        body[data-app-variant="seller"] .seller-sidebar-nav button span,
        body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
          display: none;
        }
        body[data-app-variant="seller"] .seller-sidebar-nav button {
          justify-content: center;
          padding: 9px 0;
        }
        body[data-app-variant="seller"] .seller-workspace {
          width: calc(100% - 22px);
        }
      

      /* Métricas do painel: cartões unidos com divisórias finas */
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-fin-metrics {
        gap: 12px;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics {
        gap: 0;
        border: 1px solid #dedede;
        background: #fff;
        box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card {
        position: relative;
        min-width: 0;
        border: 0;
        border-left: 1px solid #eeeeee;
        border-radius: 0;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card:first-child {
        border-left: 0;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card:first-child::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
        height: 3px;
        background: var(--red);
      }
      /* Login dedicado: fundo 2D discreto com geometrias triangulares */
      body[data-app-variant="seller"]:has(.seller-access-gate) {
        background: #eef2f5;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .topbar {
        background: rgba(255, 255, 255, 0.82);
        backdrop-filter: blur(12px);
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) #main {
        position: relative;
        isolation: isolate;
        display: grid;
        place-items: center;
        overflow: hidden;
        min-height: calc(100vh - 72px);
        background: radial-gradient(circle at 50% 28%, rgba(255, 255, 255, 0.95), rgba(238, 242, 245, 0.72) 62%, rgba(230, 235, 239, 0.9));
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) #main::before,
      body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
        content: "";
        position: absolute;
        z-index: -1;
        pointer-events: none;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) #main::before {
        width: 420px;
        height: 420px;
        top: -180px;
        left: -120px;
        background: var(--red);
        opacity: 0.09;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        transform: rotate(18deg);
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
        width: 480px;
        height: 480px;
        right: -190px;
        bottom: -230px;
        background: var(--seller-ink);
        opacity: 0.08;
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        transform: rotate(-22deg);
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
        position: relative;
        z-index: 1;
        width: min(430px, calc(100% - 32px));
        margin: 24px auto;
        padding: 42px 38px 36px;
        border: 1px solid rgba(255, 255, 255, 0.85);
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.91);
        box-shadow: 0 24px 60px rgba(29, 39, 48, 0.12), 0 2px 8px rgba(29, 39, 48, 0.04);
        backdrop-filter: blur(14px);
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-logo {
        width: 148px;
        max-height: 56px;
        object-fit: contain;
        margin: 0 auto 10px;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
        content: "Acesso exclusivo para lojistas";
        display: block;
        margin-bottom: 7px;
        color: var(--seller-ink);
        text-align: center;
        font-size: 18px;
        font-weight: 750;
        letter-spacing: -0.035em;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
        margin-bottom: 26px;
        color: var(--seller-muted);
        font-size: 13px;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field {
        margin-bottom: 1px;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field label {
        color: var(--seller-ink);
        font-size: 12px;
        letter-spacing: 0.02em;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input {
        min-height: 46px;
        border-color: #dce2e7;
        border-radius: 11px;
        background: #fbfcfd;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input:focus {
        border-color: #d5a0a5;
        box-shadow: 0 0 0 4px rgba(232, 55, 69, 0.09);
        background: #fff;
      }
      body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .primary {
        height: 48px;
        margin-top: 8px;
        border-radius: 11px;
        font-size: 14px;
      }
      
        body[data-app-variant="seller"]:has(.seller-access-gate) #main {
          min-height: calc(100vh - 62px);
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
          padding: 34px 24px 28px;
          border-radius: 20px;
        }
        body[data-app-variant="seller"] .fin-chart-card {
          padding: 18px 14px 8px;
        }
      

    /* ===== Cards editoriais do painel: boas-vindas e curiosidade ===== */
    body[data-app-variant="seller"] .seller-content {
      background: #fbfbfc;
    }
    body[data-app-variant="seller"] .seller-workspace {
      width: min(1120px, calc(100% - 56px));
      padding: 28px 0 56px;
    }
    body[data-app-variant="seller"] .seller-sidebar {
      width: 210px;
      flex-basis: 210px;
      background: #fff;
      border-right: 1px solid #e5e7eb;
    }
    body[data-app-variant="seller"] .seller-sidebar-head {
      padding: 22px 18px 20px;
      border-bottom: 1px solid #eef0f2;
    }
    body[data-app-variant="seller"] .seller-sidebar-head::before {
      content: "SDFood";
      display: block;
      width: 150px;
      height: 40px;
      margin: 0 0 18px 2px;
      color: #202124;
      font-family: "Outfit", sans-serif;
      font-size: 28px;
      font-weight: 700;
      letter-spacing: -0.07em;
      line-height: 40px;
      white-space: nowrap;
    }
    body[data-app-variant="seller"] .seller-sidebar-store {
      font-size: 12px;
      color: #34383d;
    }
    body[data-app-variant="seller"] .seller-sidebar-status {
      color: #9299a2;
      font-size: 11px;
    }
    body[data-app-variant="seller"] .seller-sidebar-nav {
      padding: 16px 10px;
    }
    body[data-app-variant="seller"] .seller-sidebar-nav button {
      min-height: 42px;
      border: 0;
      border-radius: 10px;
      padding: 10px 12px;
      color: #606873;
      font-size: 13px;
      transition: background .18s ease, color .18s ease, transform .18s ease;
    }
    
    body[data-app-variant="seller"] .seller-sidebar-nav button.active {
      border-left: 0;
      background: #fff0f1;
      color: var(--red-dark);
      font-weight: 750;
    }
    body[data-app-variant="seller"] .seller-content .sv-head {
      align-items: center;
      margin-bottom: 26px;
      padding: 0;
    }
    body[data-app-variant="seller"] .seller-content .sv-hello {
      font-size: 27px;
      font-weight: 780;
      letter-spacing: -0.055em;
      color: #242a31;
    }
    body[data-app-variant="seller"] .seller-content .sv-hello small {
      display: block;
      margin-top: 5px;
      font-size: 13px;
      font-weight: 450;
      color: #8a929d;
    }
    body[data-app-variant="seller"] .seller-content .sv-status {
      border: 1px solid #e1e5e9;
      border-radius: 999px;
      padding: 8px 13px;
      color: #4d5964;
      background: #fff;
    }
    body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics {
      border: 0;
      gap: 12px;
      background: transparent;
      box-shadow: none;
      margin-bottom: 26px;
    }
    body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card {
      border: 1px solid #e7eaee;
      border-radius: 13px;
      box-shadow: 0 5px 16px rgba(39, 47, 56, .035);
      padding: 16px 17px;
    }
    body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card:first-child::after {
      display: none;
    }
    .sdfood-editorial-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
      gap: 14px;
      margin: 0 0 26px;
    }
    .sdfood-editorial-card {
      position: relative;
      min-height: 188px;
      overflow: hidden;
      border: 1px solid #e7eaee;
      border-radius: 16px;
      background: #fff;
      box-shadow: 0 7px 20px rgba(39, 47, 56, .045);
      padding: 24px 220px 22px 24px;
    }
    .sdfood-editorial-card.curiosity {
      padding-right: 174px;
      background: #fff9ef;
      border-color: #f4e3c5;
    }
    .sdfood-editorial-card h3 {
      max-width: 360px;
      margin: 0 0 9px;
      color: #242a31;
      font-size: 18px;
      line-height: 1.18;
      letter-spacing: -.035em;
    }
    .sdfood-editorial-card p {
      max-width: 390px;
      margin: 0 0 16px;
      color: #6f7883;
      font-size: 13px;
      line-height: 1.55;
    }
    .sdfood-editorial-card .editorial-label {
      display: inline-flex;
      margin-bottom: 9px;
      color: var(--red);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
    }
    .sdfood-editorial-card.curiosity .editorial-label {
      color: #a66b21;
    }
    .sdfood-editorial-card img {
      position: absolute;
      right: 12px;
      bottom: -10px;
      width: 190px;
      height: 190px;
      object-fit: contain;
      object-position: center bottom;
      pointer-events: none;
    }
    .sdfood-editorial-card.curiosity img {
      right: 0;
      width: 162px;
      height: 162px;
      bottom: 0;
    }
    .sdfood-editorial-card .editorial-link {
      display: inline-flex;
      align-items: center;
      min-height: 30px;
      border-radius: 8px;
      padding: 0 11px;
      color: #fff;
      background: var(--red);
      font-size: 11px;
      font-weight: 750;
    }
    .sdfood-editorial-card.curiosity .editorial-link {
      color: #825014;
      background: #ffe9bd;
    }
    
      body[data-app-variant="seller"] .seller-sidebar { width: 176px; flex-basis: 176px; }
      .sdfood-editorial-grid { grid-template-columns: 1fr; }
    
    
      body[data-app-variant="seller"] .seller-sidebar { width: 58px; flex-basis: 58px; }
      body[data-app-variant="seller"] .seller-sidebar-head::before {
        content: "SDFood";
        display: block;
        width: 52px;
        height: 30px;
        margin: 0;
        color: #202124;
        font-family: "Outfit", sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: -0.07em;
        line-height: 30px;
        white-space: nowrap;
      }
      body[data-app-variant="seller"] .seller-workspace { width: calc(100% - 28px); padding-top: 20px; }
      body[data-app-variant="seller"] .seller-content .sv-hello { font-size: 22px; }
      .sdfood-editorial-card, .sdfood-editorial-card.curiosity { min-height: 220px; padding: 20px 126px 20px 18px; }
      .sdfood-editorial-card img { width: 124px; height: 124px; right: -3px; bottom: 6px; }
      .sdfood-editorial-card.curiosity img { width: 116px; height: 116px; right: 0; bottom: 8px; }
    


      /* ===== Barra de pesquisa de pedidos ===== */
      .order-search-bar {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        padding: 14px 16px;
        box-shadow: var(--shadow);
        margin-bottom: 14px;
      }
      .order-search-box {
        display: flex;
        align-items: center;
        gap: 10px;
        background: var(--soft);
        border: 1px solid var(--line);
        border-radius: 12px;
        padding: 10px 12px;
        transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
      }
      .order-search-box:focus-within {
        box-shadow: 0 0 0 3px rgba(232, 55, 69, .12);
      }
      .order-search-box svg {
        width: 20px;
        height: 20px;
        flex: none;
        fill: none;
        stroke: var(--red);
        stroke-width: 2;
        stroke-linecap: round;
      }
      .order-search-box input {
        flex: 1;
        min-width: 0;
        border: 0;
        outline: none;
        background: transparent;
        font-size: 14px;
        color: var(--ink);
      }
      .order-search-clear {
        background: #fff;
        border: 1px solid var(--line) !important;
        border-radius: 999px;
        padding: 6px 12px;
        font-size: 13px;
        font-weight: 600;
        color: var(--muted);
      }
      
      .order-search-hint {
        margin: 8px 2px 0;
        font-size: 13px;
        color: var(--muted);
      }
    
/* =========================================================
   SDFood — UI do lojista / direção visual minimalista
   Override layer: mantém a lógica existente e só reorganiza
   a apresentação para reduzir ruído visual.
   ========================================================= */
body[data-app-variant="seller"] {
  --seller-bg: #f7f7f6;
  --seller-surface: #ffffff;
  --seller-border: #e9e9e7;
  --seller-ink: #202124;
  --seller-muted: #7b7d82;
  --seller-soft: #f3f3f1;
  background: var(--seller-bg) !important;
}

body[data-app-variant="seller"] #main,
body[data-app-variant="seller"] .seller-content {
  background: var(--seller-bg) !important;
}

body[data-app-variant="seller"] .seller-layout {
  min-height: 100vh;
  display: flex;
  align-items: stretch;
}

/* Sidebar */
body[data-app-variant="seller"] .seller-sidebar {
  width: 224px;
  flex: 0 0 224px;
  min-height: 100vh;
  position: sticky;
  top: 0;
  height: 100vh;
  background: #fff;
  border-right: 1px solid var(--seller-border);
  display: flex;
  flex-direction: column;
  color: var(--seller-ink);
}

body[data-app-variant="seller"] .seller-sidebar-head {
  padding: 22px 18px 18px;
  background: #fff;
  border-bottom: 1px solid var(--seller-border);
}

body[data-app-variant="seller"] .seller-brand-mark {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 24px;
  color: var(--seller-ink);
}

body[data-app-variant="seller"] .seller-brand-mark span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: var(--red);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.04em;
}

body[data-app-variant="seller"] .seller-brand-mark strong {
  font-size: 17px;
  letter-spacing: -.045em;
}

body[data-app-variant="seller"] .seller-sidebar-store {
  gap: 8px;
  color: #3f4145;
  font-size: 13px;
  font-weight: 700;
}

body[data-app-variant="seller"] .seller-sidebar-store i {
  width: 7px;
  height: 7px;
  flex-basis: 7px;
  background: #3aa66a;
  box-shadow: 0 0 0 3px #eaf7ef;
}

body[data-app-variant="seller"] .seller-sidebar-status {
  margin: 5px 0 0 15px;
  color: #999b9f;
  font-size: 11px;
}

body[data-app-variant="seller"] .seller-sidebar-nav {
  padding: 14px 10px;
  display: grid;
  gap: 3px;
  overflow-y: auto;
}

body[data-app-variant="seller"] .seller-sidebar-nav button {
  width: 100%;
  min-height: 42px;
  border: 0;
  border-left: 0;
  border-radius: 10px;
  padding: 0 11px;
  gap: 11px;
  color: #686b70;
  background: transparent;
  font-size: 13px;
  font-weight: 550;
  transition: background .16s ease, color .16s ease;
}

body[data-app-variant="seller"] .seller-sidebar-nav button svg {
  width: 17px;
  height: 17px;
  opacity: .82;
  stroke-width: 1.65;
}



body[data-app-variant="seller"] .seller-sidebar-nav button.active {
  background: #fff0f1;
  color: var(--red-dark);
  border-left: 0;
  font-weight: 750;
}

body[data-app-variant="seller"] .seller-sidebar-nav button.active svg {
  opacity: 1;
  stroke-width: 1.9;
}

body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
  margin-left: auto;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 7px;
  background: var(--red);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}

body[data-app-variant="seller"] .seller-sidebar-footer {
  margin-top: auto;
  padding: 14px 18px 18px;
  border-top: 1px solid var(--seller-border);
  color: #a0a1a4;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 7px;
}

body[data-app-variant="seller"] .seller-sidebar-footer-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3aa66a;
}

/* Workspace */
body[data-app-variant="seller"] .seller-workspace {
  width: min(1180px, calc(100% - 56px));
  padding: 34px 0 70px;
}

body[data-app-variant="seller"] .seller-content .sv-head {
  min-height: 58px;
  margin: 0 0 26px;
  padding: 0;
  display: flex;
  align-items: center;
}

body[data-app-variant="seller"] .seller-content .sv-hello {
  color: var(--seller-ink);
  font-size: 26px;
  line-height: 1.15;
  letter-spacing: -.055em;
  font-weight: 760;
}

body[data-app-variant="seller"] .seller-content .sv-hello small {
  margin-top: 6px;
  color: var(--seller-muted);
  font-size: 12px;
  font-weight: 450;
  letter-spacing: 0;
}

body[data-app-variant="seller"] .seller-content .sv-status {
  height: 36px;
  padding: 0 12px;
  border: 1px solid var(--seller-border);
  border-radius: 9px;
  background: #fff;
  color: #55585d;
  box-shadow: none;
  font-size: 12px;
  font-weight: 650;
}



body[data-app-variant="seller"] .sv-dot {
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px #eaf7ef;
}

/* Cards: less "dashboard grid", more calm information blocks */
body[data-app-variant="seller"] .seller-content .sv-card,
body[data-app-variant="seller"] .seller-content .seller-panel,
body[data-app-variant="seller"] .seller-content .sv-order,
body[data-app-variant="seller"] .seller-content .sv-list,
body[data-app-variant="seller"] .seller-content .sv-alert,
body[data-app-variant="seller"] .seller-content .fin-chart-card {
  border: 1px solid var(--seller-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 2px rgba(20,20,20,.025) !important;
  background: #fff;
}



body[data-app-variant="seller"] .seller-content .sv-card {
  padding: 17px;
}

body[data-app-variant="seller"] .seller-content .sv-card strong,
body[data-app-variant="seller"] .seller-content .sv-price,
body[data-app-variant="seller"] .seller-content .fin-chart-value {
  color: var(--seller-ink);
}

body[data-app-variant="seller"] .seller-content .sv-card.good strong {
  color: #2d8054;
}

body[data-app-variant="seller"] .seller-content .sv-card.warn strong {
  color: #9b702e;
}

/* Only the genuinely important action gets the red emphasis. */
body[data-app-variant="seller"] .seller-content .small-primary,
body[data-app-variant="seller"] .seller-content .primary {
  background: var(--red);
  border-color: var(--red);
  box-shadow: none;
}

body[data-app-variant="seller"] .seller-content .small-outline,
body[data-app-variant="seller"] .seller-content button:not(.small-primary):not(.primary) {
  transition: background .16s ease, border-color .16s ease, color .16s ease;
}

body[data-app-variant="seller"] .seller-content .small-outline {
  border-color: #dededc;
  color: #5e6064;
  background: #fff;
  border-radius: 8px;
}



/* Status/pills use meaning-based colors, not the brand red everywhere. */
body[data-app-variant="seller"] .sv-pill.blue,
body[data-app-variant="seller"] .status.pending {
  color: #356a9c !important;
  background: #eef5fb !important;
}
body[data-app-variant="seller"] .sv-pill.green,
body[data-app-variant="seller"] .status.done,
body[data-app-variant="seller"] .status.paid,
body[data-app-variant="seller"] .status.released {
  color: #2f7b50 !important;
  background: #edf7f1 !important;
}
body[data-app-variant="seller"] .sv-pill.yellow,
body[data-app-variant="seller"] .status.received,
body[data-app-variant="seller"] .status.held {
  color: #916d2c !important;
  background: #fbf5e7 !important;
}
body[data-app-variant="seller"] .sv-pill.gray {
  color: #687078 !important;
  background: #f1f3f4 !important;
}

/* Forms */
body[data-app-variant="seller"] .seller-content input,
body[data-app-variant="seller"] .seller-content select,
body[data-app-variant="seller"] .seller-content textarea {
  border-color: #dededc;
  border-radius: 9px;
  background: #fff;
}

body[data-app-variant="seller"] .seller-content input:focus,
body[data-app-variant="seller"] .seller-content select:focus,
body[data-app-variant="seller"] .seller-content textarea:focus {
  border-color: #c9c9c7;
  box-shadow: 0 0 0 3px rgba(232,55,69,.07);
  outline: none;
}

/* Tables */
body[data-app-variant="seller"] .seller-table {
  border-collapse: separate;
  border-spacing: 0;
}
body[data-app-variant="seller"] .seller-table th {
  background: #fafafa;
  color: #87898d;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .055em;
}
body[data-app-variant="seller"] .seller-table th,
body[data-app-variant="seller"] .seller-table td {
  border-bottom-color: #eeeeec;
}

/* Finance hero: keep one strong visual anchor, without making every button red. */
body[data-app-variant="seller"] .sv-fin .sv-card.hero {
  background: var(--seller-ink) !important;
  border-color: var(--seller-ink) !important;
  border-radius: 16px !important;
}

/* Mobile: sidebar becomes compact horizontal navigation. */

  body[data-app-variant="seller"] .seller-sidebar {
    width: 100%;
    height: auto;
    min-height: 0;
    position: sticky;
    top: 0;
    z-index: 40;
    border-right: 0;
    border-bottom: 1px solid var(--seller-border);
  }
  body[data-app-variant="seller"] .seller-layout {
    display: block;
  }
  body[data-app-variant="seller"] .seller-sidebar-head {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  body[data-app-variant="seller"] .seller-brand-mark {
    margin: 0 auto 0 0;
  }
  body[data-app-variant="seller"] .seller-brand-mark span {
    width: 28px;
    height: 28px;
  }
  body[data-app-variant="seller"] .seller-sidebar-store {
    margin-left: auto;
  }
  body[data-app-variant="seller"] .seller-sidebar-status,
  body[data-app-variant="seller"] .seller-sidebar-footer {
    display: none;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav {
    display: flex;
    overflow-x: auto;
    padding: 7px 10px;
    gap: 4px;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav button {
    width: auto;
    flex: 0 0 auto;
    padding: 0 12px;
  }
  body[data-app-variant="seller"] .seller-workspace {
    width: min(100% - 28px, 1180px);
    padding: 22px 0 50px;
  }



  body[data-app-variant="seller"] .seller-content .sv-head {
    align-items: flex-start;
    gap: 12px;
  }
  body[data-app-variant="seller"] .seller-content .sv-hello {
    font-size: 22px;
  }
  body[data-app-variant="seller"] .seller-content .sv-status {
    flex: 0 0 auto;
  }


    
/* ===== HOME DO LOJISTA — visual final inspirado no layout de referência ===== */
body[data-app-variant="seller"] .seller-content .sv-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 26px !important;
}

body[data-app-variant="seller"] .seller-content .sv-metric-card {
  min-height: 102px;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 18px 16px !important;
  background: #fff !important;
}

body[data-app-variant="seller"] .seller-content .sv-metric-info {
  min-width: 0;
}

body[data-app-variant="seller"] .seller-content .sv-metric-info > small {
  display: block;
  margin-bottom: 5px;
  color: #858a91;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.25;
}

body[data-app-variant="seller"] .seller-content .sv-metric-info > strong {
  display: block;
  color: #24262a !important;
  font-size: 24px;
  line-height: 1.05;
  letter-spacing: -.045em;
  font-weight: 780;
}

body[data-app-variant="seller"] .seller-content .sv-metric-cap {
  display: block;
  margin-top: 7px;
  color: #a0a4a9;
  font-size: 10px;
  line-height: 1.2;
}

body[data-app-variant="seller"] .seller-content .sv-metric-ico {
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #f2f4f5 !important;
  color: #777d83 !important;
}

body[data-app-variant="seller"] .seller-content .sv-metric-ico svg {
  width: 17px;
  height: 17px;
}

body[data-app-variant="seller"] .seller-content .sv-metric-card:first-child .sv-metric-ico {
  background: #fff0f1 !important;
  color: var(--red) !important;
}

/* Bloco editorial: dois cartões amplos, leves e fáceis de escanear. */
body[data-app-variant="seller"] .seller-content .sdfood-editorial-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important;
  gap: 12px !important;
  margin: 0 0 27px !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card {
  min-height: 166px !important;
  position: relative;
  overflow: hidden;
  padding: 29px 20px 17px !important;
  border: 1px solid var(--seller-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(20,20,20,.025) !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card.curiosity {
  background: #fffaf2 !important;
  border-color: #f1e2c8 !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card .editorial-label {
  display: block;
  margin-bottom: 8px;
  color: var(--red) !important;
  font-size: 9px !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .09em;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card.curiosity .editorial-label {
  color: #ad7025 !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card h3 {
  max-width: 470px;
  margin: 0 0 8px !important;
  color: #292b2f !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card p {
  max-width: 440px;
  margin: 0 !important;
  color: #6e747b !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card .editorial-link {
  position: absolute;
  left: 20px;
  bottom: 17px;
  padding: 7px 10px;
  border-radius: 7px;
  background: #f3f4f4;
  color: #656b72;
  font-size: 10px;
  font-weight: 750;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card img {
  position: absolute;
  right: 17px;
  bottom: 8px;
  width: 116px;
  max-height: 142px;
  object-fit: contain;
  object-position: bottom right;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card:first-child p {
  max-width: 400px;
  padding-right: 85px;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card.curiosity p {
  max-width: 315px;
  padding-right: 72px;
}

body[data-app-variant="seller"] .seller-content .sv-section-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

body[data-app-variant="seller"] .seller-content .sv-section-title h2 {
  margin: 0 !important;
  color: #24262a !important;
  font-size: 17px !important;
  line-height: 1.2;
  letter-spacing: -.035em;
}

/* Resumo inferior: mesma linguagem dos cards principais. */
body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards .sv-metric-card {
  min-height: 112px;
}

body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards .sv-metric-info > strong {
  font-size: 22px;
}

body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards .sv-metric-card:nth-child(1) .sv-metric-ico {
  background: #fff0f1 !important;
  color: var(--red) !important;
}

/* Header da home */
body[data-app-variant="seller"] .seller-content .sv-head {
  margin-bottom: 27px !important;
}

body[data-app-variant="seller"] .seller-content .sv-head-left {
  gap: 12px !important;
}

body[data-app-variant="seller"] .seller-content .sv-head-left img {
  width: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  object-fit: cover;
}

body[data-app-variant="seller"] .seller-content .sv-hello {
  font-size: 25px !important;
  font-weight: 780 !important;
}

body[data-app-variant="seller"] .seller-content .sv-hello small {
  display: block;
  margin-top: 5px;
  font-size: 11px !important;
  color: #969aa0 !important;
}

/* Evita que ações secundárias pareçam igualmente importantes. */
body[data-app-variant="seller"] .seller-content .small-primary:not(#sellerWithdrawBtn) {
  border-radius: 8px;
}

body[data-app-variant="seller"] .seller-content #sellerWithdrawBtn {
  min-height: 32px;
  padding: 0 14px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 750;
}

/* Desktop com bastante espaço, sem deixar a home esticada demais. */



  body[data-app-variant="seller"] .seller-content .sv-metrics,
  body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body[data-app-variant="seller"] .seller-content .sdfood-editorial-grid {
    grid-template-columns: 1fr !important;
  }



  body[data-app-variant="seller"] .seller-content .sv-metrics,
  body[data-app-variant="seller"] .seller-content .sv-section-title + .sv-cards {
    grid-template-columns: 1fr !important;
  }
  body[data-app-variant="seller"] .seller-content .sv-metric-card {
    min-height: 94px;
  }
  body[data-app-variant="seller"] .seller-content .sdfood-editorial-card {
    min-height: 185px !important;
  }


    
/* ===== Ajustes finais: espaçamento + login HD ===== */
body[data-app-variant="seller"] .seller-content .sv-section-title[style*="margin-top:22px"] {
  margin-top: 24px !important;
}

body[data-app-variant="seller"] .seller-content .sv-section-title + .seller-panel {
  margin-top: 10px !important;
}

body[data-app-variant="seller"] .overlay.login {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-color: #f7f7f6 !important;
}

body[data-app-variant="seller"] .overlay.login .drawer {
  backdrop-filter: blur(10px) saturate(110%);
  -webkit-backdrop-filter: blur(10px) saturate(110%);
}


      /* CATÁLOGO / PRODUTOS — composição alinhada à referência enviada */
      .seller-catalog-view {
        background: transparent;
        padding: 10px 0 0;
        border: none;
        box-shadow: none;
      }

      .seller-catalog-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 26px;
      }

      .seller-catalog-eyebrow {
        color: #e83745;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        margin: 0 0 8px;
      }

      .seller-catalog-title {
        color: #172033;
        font-family: "Outfit", sans-serif;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -0.035em;
        margin: 0 0 8px;
      }

      .seller-catalog-subtitle {
        color: #72798a;
        font-size: 13px;
        line-height: 1.45;
        margin: 0;
      }

      .seller-catalog-btn-new {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 41px;
        background: #f23648;
        color: #fff;
        border: none;
        border-radius: 11px;
        padding: 0 19px;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        box-shadow: 0 9px 20px rgba(232, 55, 69, 0.18);
        transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
        white-space: nowrap;
      }

      .seller-catalog-filters {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 17px;
        flex-wrap: wrap;
      }

      .seller-catalog-search-wrap {
        position: relative;
        width: 320px;
        max-width: 100%;
      }

      .seller-catalog-search {
        width: 100%;
        height: 41px;
        padding: 0 21px;
        border: 1px solid #e3e6eb;
        border-radius: 11px;
        background: #fff;
        font-size: 12px;
        color: #202124;
        outline: none;
        box-sizing: border-box;
      }

      .seller-catalog-search::placeholder { color: #6f7785; opacity: 1; }
      .seller-catalog-search:focus {
        border-color: #e83745;
        box-shadow: 0 0 0 3px rgba(232, 55, 69, 0.1);
      }

      .seller-catalog-select {
        height: 41px;
        min-width: 148px;
        padding: 0 34px 0 13px;
        border: 1px solid #e3e6eb;
        border-radius: 11px;
        background-color: #fff;
        font-size: 12px;
        color: #596273;
        outline: none;
        cursor: pointer;
      }

      .seller-catalog-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 15px;
      }

      .seller-product-card {
        min-width: 0;
        background: #fff;
        border-radius: 16px;
        border: 1px solid #f0f1f3;
        box-shadow: 0 8px 24px rgba(26, 31, 40, 0.035);
        overflow: hidden;
        cursor: pointer;
        transition: transform 0.18s ease, box-shadow 0.18s ease;
        display: flex;
        flex-direction: column;
      }

      

      .seller-product-card-img-wrap {
        width: 100%;
        height: 150px;
        background: #fafafa;
        position: relative;
        overflow: hidden;
      }

      .seller-product-card-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      .seller-product-card-body {
        min-height: 66px;
        padding: 13px 14px 14px;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 10px;
        background: #fff;
      }

      .seller-product-card-info {
        min-width: 0;
        flex: 1;
      }

      .seller-product-card-name {
        font-size: 12px;
        font-weight: 700;
        color: #1e2024;
        margin: 0 0 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .seller-product-card-category {
        font-size: 11px;
        color: #8c9099;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .seller-product-card-price {
        font-size: 11px;
        font-weight: 700;
        color: #1e2024;
        white-space: nowrap;
        flex-shrink: 0;
      }

      
        .seller-catalog-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      
      
        .seller-catalog-view { padding-top: 2px; }
        .seller-catalog-header { align-items: flex-start; margin-bottom: 22px; }
        .seller-catalog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
        .seller-catalog-search-wrap { width: 100%; }
        .seller-catalog-select { flex: 1; }
      
      
        .seller-catalog-header { flex-direction: column; }
        .seller-catalog-btn-new { width: 100%; }
        .seller-catalog-grid { grid-template-columns: 1fr; }
        .seller-product-card-img-wrap { height: 180px; }
      

      .seller-product-view-modal {
        padding: 0;
      }

      .seller-product-view-cover {
        width: 100%;
        height: 128px;
        border-radius: 12px;
        object-fit: cover;
        background: #fdf2f2;
        margin-bottom: 12px;
        display: block;
      }

      .seller-product-view-badges {
        display: flex;
        gap: 8px;
        margin-bottom: 12px;
        flex-wrap: wrap;
      }

      .seller-product-view-badge {
        font-size: 12px;
        font-weight: 600;
        padding: 4px 10px;
        border-radius: 20px;
        display: inline-block;
      }

      .seller-product-view-badge.available {
        background: #e8f5e9;
        color: #2e7d32;
      }

      .seller-product-view-badge.unavailable {
        background: #ffebee;
        color: #c62828;
      }

      .seller-product-view-badge.promo {
        background: #fff8e1;
        color: #f57f17;
      }

      .seller-product-view-title {
        font-size: 18px;
        font-weight: 700;
        color: #1e2024;
        margin: 0 0 2px;
      }

      .seller-product-view-meta {
        color: #72757b;
        font-size: 13px;
        margin-bottom: 12px;
      }

      .seller-product-view-price-row {
        display: flex;
        align-items: baseline;
        gap: 10px;
        margin-bottom: 16px;
      }

      .seller-product-view-price {
        font-size: 20px;
        font-weight: 700;
        color: #1e2024;
      }

      .seller-product-view-price-old {
        font-size: 14px;
        color: #9ca3af;
        text-decoration: line-through;
      }

      .seller-product-view-desc {
        font-size: 14px;
        line-height: 1.55;
        color: #4b5563;
        margin-bottom: 20px;
        white-space: pre-wrap;
        background: #faf9f7;
        padding: 12px 14px;
        border-radius: 10px;
      }

      .seller-product-view-specs {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
        margin-bottom: 24px;
      }

      .seller-product-view-spec-item {
        background: #f8fafc;
        border: 1px solid #f1f5f9;
        border-radius: 10px;
        padding: 10px 12px;
      }

      .seller-product-view-spec-label {
        font-size: 11px;
        color: #64748b;
        margin-bottom: 2px;
      }

      .seller-product-view-spec-val {
        font-size: 13px;
        font-weight: 600;
        color: #1e293b;
      }

      .seller-product-view-footer {
        margin-top: 10px;
        padding-top: 16px;
        border-top: 1px solid #f1f2f4;
      }

      .seller-product-view-btn-edit {
        width: 100%;
        background: #e83745;
        color: #fff;
        border: none;
        border-radius: 12px;
        padding: 0 16px;
        min-height: 44px;
        font-size: 14px;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0;
        cursor: pointer;
        transition: background 0.15s ease;
        text-align: center;
      }

      

      
        .seller-catalog-header {
          flex-direction: column;
        }

        .seller-catalog-btn-new {
          width: 100%;
          justify-content: center;
        }

        .seller-catalog-search-wrap {
          width: 100%;
        }

        .seller-product-view-specs {
          grid-template-columns: 1fr;
        }
      

      /* CONFIGURAÇÕES — visual alinhado à referência enviada */
      .seller-settings-view { padding: 10px 0 0; }
      .seller-settings-header {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: 27px;
      }
      .seller-settings-eyebrow {
        margin: 0 0 8px;
        color: #e83745;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
      }
      .seller-settings-heading {
        margin: 0 0 8px;
        color: #172033;
        font-size: 32px;
        font-weight: 700;
        line-height: 1.1;
        letter-spacing: -.035em;
      }
      .seller-settings-subtitle {
        margin: 0;
        color: #72798a;
        font-size: 13px;
      }
      body[data-app-variant="seller"] .seller-settings-save {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        min-height: 41px;
        padding: 0 18px;
        border: 0;
        border-radius: 11px;
        background: #f23648;
        color: #fff;
        box-shadow: 0 9px 20px rgba(232,55,69,.18);
        font-size: 13px;
        font-weight: 700;
        white-space: nowrap;
      }
      .seller-settings-save svg {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
      }
      .seller-settings-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
      }
      body[data-app-variant="seller"] .seller-settings-panel {
        min-height: 236px;
        padding: 24px 22px 20px;
        border: 1px solid #f0f1f3;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 10px 30px rgba(26,31,40,.04);
      }
      .seller-settings-panel h2 {
        margin: 0 0 18px;
        color: #172033;
        font-size: 14px;
        font-weight: 700;
      }
      .seller-settings-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 61px;
        gap: 18px;
        border-bottom: 1px solid #eceef1;
      }
      .seller-settings-item:last-child { border-bottom: 0; }
      .seller-settings-copy { min-width: 0; }
      .seller-settings-copy strong {
        display: block;
        margin-bottom: 3px;
        color: #111827;
        font-size: 12px;
        font-weight: 700;
      }
      .seller-settings-copy small {
        display: block;
        max-width: 360px;
        overflow: hidden;
        color: #8991a2;
        font-size: 11px;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      body[data-app-variant="seller"] .seller-settings-action {
        flex: none;
        min-width: 91px;
        min-height: 32px;
        padding: 0 13px;
        border: 1px solid #e2e6eb;
        border-radius: 10px;
        background: #fff;
        color: #526075;
        font-size: 11px;
        font-weight: 600;
      }
      
      .seller-settings-switch {
        position: relative;
        display: inline-flex;
        flex: none;
        width: 33px;
        height: 20px;
        cursor: pointer;
      }
      body[data-app-variant="seller"] .seller-settings-switch input {
        position: absolute;
        width: 1px;
        height: 1px;
        min-height: 0;
        opacity: 0;
      }
      .seller-settings-switch span {
        position: absolute;
        inset: 0;
        border-radius: 999px;
        background: #dce1e8;
        transition: background .18s ease;
      }
      .seller-settings-switch span::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 1px 3px rgba(26,31,40,.18);
        transition: transform .18s ease;
      }
      .seller-settings-switch input:checked + span { background: #f23648; }
      .seller-settings-switch input:checked + span::after { transform: translateX(13px); }
      .seller-settings-brand-row {
        display: flex;
        align-items: center;
        gap: 11px;
      }
      .seller-settings-brand-row .seller-store-logo {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        object-fit: cover;
      }
      
        .seller-settings-grid { grid-template-columns: 1fr; }
      
      
        .seller-settings-header { align-items: flex-start; flex-direction: column; }
        body[data-app-variant="seller"] .seller-settings-save { width: 100%; }
        body[data-app-variant="seller"] .seller-settings-panel { padding: 20px 17px 16px; }
      


      .coupon-admin-list-wrap { margin-top: 16px; }
      .coupon-admin-list-head h3 { margin: 0 0 4px; font-size: 14px; }
      .coupon-admin-list-head p { margin: 0; color: var(--muted); font-size: 12px; }
      .coupon-admin-list-head span { display: inline-block; margin-top: 6px; font-size: 11px; color: #E83745; font-weight: 700; }
      .coupon-admin-list { display: grid; gap: 10px; margin-top: 12px; }
      .coupon-admin-card { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 2px 10px; padding: 12px; border: 1px solid rgba(0,0,0,.08); border-radius: 16px; background: #fff; }
      .coupon-admin-card.is-inactive { opacity: .72; }
      .coupon-admin-art { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; grid-row: span 2; align-self: start; margin-top: 2px; color: #E83745; }
      .coupon-admin-art svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
      .coupon-admin-copy { min-width: 0; }
      .coupon-admin-copy strong { display: flex; align-items: center; gap: 8px; font-size: 13px; }
      .coupon-admin-copy small { display: block; color: var(--muted); font-size: 11px; }
      .coupon-admin-status { font-style: normal; font-size: 11px; padding: 2px 8px; border-radius: 999px; }
      .coupon-admin-status.on { background: #DDF5E3; color: #1E7A43; }
      .coupon-admin-status.off { background: #EEE; color: #666; }
      .coupon-admin-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
      .coupon-admin-actions button {
        border: 0 !important;
        background: #f7f8fa !important;
        color: #4b5563 !important;
        border-radius: 8px !important;
        padding: 6px 13px;
        font-family: "Outfit", sans-serif !important;
        font-size: 11.5px;
        font-weight: 600;
        cursor: pointer;
        outline: none !important;
        box-shadow: none !important;
        -webkit-font-smoothing: antialiased;
        transition: background .16s ease, color .16s ease;
      }
      
      .coupon-admin-actions button[data-remove-coupon] {
        background: #fff1f2 !important;
        color: #e83745 !important;
      }
      
      
        .coupon-admin-card { grid-template-columns: 36px minmax(0, 1fr); align-items: start; }
        .coupon-admin-actions {
          grid-column: 1 / -1 !important;
          width: 100% !important;
          display: flex !important;
          flex-wrap: nowrap !important;
          gap: 6px !important;
          margin-top: 9px !important;
        }
        .coupon-admin-actions button {
          flex: 1 1 0 !important;
          min-width: 0 !important;
          text-align: center !important;
          padding: 8px 6px !important;
          border-radius: 8px !important;
          font-family: "Outfit", sans-serif !important;
          font-size: 11.5px !important;
          font-weight: 600 !important;
          white-space: nowrap !important;
          letter-spacing: -0.2px !important;
          line-height: 1.2 !important;
        }
      
    


      /* ===== Design global do lojista: neutro, quadrado e consistente ===== */
      body[data-app-variant="seller"] {
        --seller-bg: #f8f9fa;
        --seller-surface: #ffffff;
        --seller-border: #e1e4e8;
        --seller-border-soft: #eceef0;
        --seller-ink: #30343a;
        --seller-muted: #737b84;
        --seller-soft: #f4f5f6;
        background: var(--seller-bg);
        color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .seller-layout,
      body[data-app-variant="seller"] .seller-content,
      body[data-app-variant="seller"] #main {
        background: var(--seller-bg);
      }
      body[data-app-variant="seller"] .seller-sidebar {
        background: #fff;
        border-right: 1px solid var(--seller-border);
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button,
      body[data-app-variant="seller"] .sv-nav button,
      body[data-app-variant="seller"] .sv-sub button,
      body[data-app-variant="seller"] button,
      body[data-app-variant="seller"] input,
      body[data-app-variant="seller"] select,
      body[data-app-variant="seller"] textarea {
        border-radius: 4px;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button {
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button.active {
        background: #fff0f1;
        color: #b52f3d;
        box-shadow: none;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-card,
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .sv-alert,
      body[data-app-variant="seller"] .seller-content .fin-chart-card,
      body[data-app-variant="seller"] .seller-content .settings-card,
      body[data-app-variant="seller"] .seller-content .sv-kcard,
      body[data-app-variant="seller"] .seller-content .sv-col,
      body[data-app-variant="seller"] .seller-content .product-admin,
      body[data-app-variant="seller"] .seller-content .seller-table-wrap {
        border: 1px solid var(--seller-border);
        border-radius: 4px;
        box-shadow: 0 1px 3px rgba(29, 39, 48, .055);
      }
      body[data-app-variant="seller"] .seller-content .sv-col {
        background: #fafbfb;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title {
        margin-top: 24px;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title h2,
      body[data-app-variant="seller"] .seller-content .seller-panel h2,
      body[data-app-variant="seller"] .seller-content .fin-chart-head h3 {
        color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .seller-content .sv-nav-row {
        border-bottom-color: var(--seller-border);
      }
      body[data-app-variant="seller"] .seller-content .sv-nav {
        border-bottom-color: var(--seller-border);
        gap: 2px;
      }
      body[data-app-variant="seller"] .seller-content .sv-nav button {
        border: 1px solid transparent;
        border-bottom: 2px solid transparent;
        border-radius: 4px 4px 0 0;
        color: var(--seller-muted);
        padding: 10px 14px;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-nav button.active {
        background: #fff;
        color: #b52f3d;
        border-bottom-color: var(--red);
      }
      body[data-app-variant="seller"] .seller-content .sv-sub {
        gap: 6px;
        margin-bottom: 18px;
      }
      body[data-app-variant="seller"] .seller-content .sv-sub button {
        border: 1px solid var(--seller-border);
        background: #fff;
        color: var(--seller-muted);
        box-shadow: none;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-sub button.active {
        border-color: var(--seller-ink);
        background: var(--seller-ink);
        color: #fff;
      }

      /* Drawers e modais laterais */
      body[data-app-variant="seller"] .overlay {
        background: rgba(35, 40, 45, .24);
        backdrop-filter: none;
      }
      body[data-app-variant="seller"] .overlay.box {
        padding: 20px;
      }
      body[data-app-variant="seller"] .drawer {
        width: min(460px, 100%);
        padding: 24px;
        border-left: 1px solid var(--seller-border);
        border-radius: 4px 0 0 4px;
        background: #fff;
        box-shadow: -5px 0 16px rgba(29, 39, 48, .08);
      }
      body[data-app-variant="seller"] .overlay.box .drawer {
        width: min(520px, 100%);
        max-height: 88vh;
        border: 1px solid var(--seller-border);
        border-radius: 4px;
        box-shadow: 0 9px 28px rgba(29, 39, 48, .12);
      }
      body[data-app-variant="seller"] .drawer-head {
        margin-bottom: 20px;
        padding-bottom: 14px;
        border-bottom: 1px solid var(--seller-border-soft);
      }
      body[data-app-variant="seller"] .drawer-head h2 {
        color: var(--seller-ink);
        font-size: 19px;
        letter-spacing: -.025em;
      }
      body[data-app-variant="seller"] .close,
      body[data-app-variant="seller"] .photo-viewer-close {
        border-radius: 4px;
        color: #707880;
        background: transparent;
        box-shadow: none;
      }
      
      body[data-app-variant="seller"] .form-grid {
        gap: 14px;
      }
      body[data-app-variant="seller"] .form-section-heading {
        border-top-color: var(--seller-border);
        color: var(--seller-ink);
      }
      body[data-app-variant="seller"] .form-section-heading::before {
        background: var(--red);
      }
      body[data-app-variant="seller"] .hours-editor,
      body[data-app-variant="seller"] .settings-card,
      body[data-app-variant="seller"] .addon-builder,
      body[data-app-variant="seller"] .addon-group-editor,
      body[data-app-variant="seller"] .addon-group-options {
        border-color: var(--seller-border);
        border-radius: 4px;
        background: #fafbfb;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .field input,
      body[data-app-variant="seller"] .field select,
      body[data-app-variant="seller"] .field textarea,
      body[data-app-variant="seller"] input,
      body[data-app-variant="seller"] select,
      body[data-app-variant="seller"] textarea {
        min-height: 40px;
        border: 1px solid #d9dde1;
        border-radius: 4px;
        background: #fff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] input[type="checkbox"],
      body[data-app-variant="seller"] input[type="radio"] {
        width: 17px;
        height: 17px;
        min-height: 0;
        padding: 0;
        border: 1px solid #c4cacf;
        border-radius: 4px;
        accent-color: var(--red);
        flex-shrink: 0;
      }
      body[data-app-variant="seller"] input[type="radio"] {
        border-radius: 50%;
      }
      body[data-app-variant="seller"] input:focus,
      body[data-app-variant="seller"] select:focus,
      body[data-app-variant="seller"] textarea:focus {
        border-color: #c98289;
        box-shadow: 0 0 0 2px rgba(232, 55, 69, .08);
        outline: none;
      }
      body[data-app-variant="seller"] .primary,
      body[data-app-variant="seller"] .small-primary {
        border-radius: 4px;
        background: var(--red);
        box-shadow: none;
      }
      body[data-app-variant="seller"] .outline,
      body[data-app-variant="seller"] .small-outline {
        border: 1px solid #d7dce0;
        border-radius: 4px;
        background: #fff;
        color: #59626b;
        box-shadow: none;
      }
      
      body[data-app-variant="seller"] .seller-table th {
        background: #f7f8f8;
        color: #68727c;
        border-bottom-color: var(--seller-border);
      }
      body[data-app-variant="seller"] .seller-table td {
        border-bottom-color: var(--seller-border-soft);
      }
      body[data-app-variant="seller"] .sv-pill {
        border-radius: 4px;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .sv-alert {
        background: #fffaf1;
        border-color: #ead9b8;
      }
      body[data-app-variant="seller"] .photo-viewer img,
      body[data-app-variant="seller"] .product-lightbox,
      body[data-app-variant="seller"] .product-lightbox-photo,
      body[data-app-variant="seller"] .product-lightbox-body {
        border-radius: 4px;
      }
      body[data-app-variant="seller"] .product-lightbox {
        border: 1px solid var(--seller-border);
        box-shadow: 0 10px 30px rgba(29, 39, 48, .14);
      }
      body[data-app-variant="seller"] .product-lightbox-photo {
        background: #f3f4f5;
      }
      
        body[data-app-variant="seller"] .drawer,
        body[data-app-variant="seller"] .overlay.box .drawer {
          width: 100%;
          max-height: 92vh;
          padding: 20px;
          border-radius: 4px 4px 0 0;
        }
        body[data-app-variant="seller"] .overlay.box {
          align-items: end;
          padding: 0;
        }
      
    


      /* Espaçamento entre produtos e linhas de listas do painel */
      body[data-app-variant="seller"] .seller-content .product-admin {
        margin-bottom: 12px;
        border: 1px solid var(--seller-border, #e1e4e8);
        border-radius: 4px;
        background: #fff;
      }
      body[data-app-variant="seller"] .seller-content .product-admin:last-child {
        margin-bottom: 0;
      }
      body[data-app-variant="seller"] .seller-content .product-admin + .product-admin {
        margin-top: 0;
      }
      body[data-app-variant="seller"] .seller-content .product-admin + .empty-cart,
      body[data-app-variant="seller"] .seller-content .empty-cart + .product-admin {
        margin-top: 12px;
      }
    


      /* Ajuste do personagem de boas-vindas: maior e mais centralizado */
      body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) {
        padding-right: 340px;
      }
      body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) img {
        left: 73%;
        right: auto;
        bottom: 8px;
        width: 270px;
        height: 270px;
        transform: translateX(-50%);
      }
      
        body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) {
          padding-right: 250px;
        }
        body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) img {
          left: 75%;
          width: 220px;
          height: 220px;
          bottom: 6px;
        }
      
      
        body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) {
          padding-right: 128px;
        }
        body[data-app-variant="seller"] .sdfood-editorial-card:not(.curiosity) img {
          left: auto;
          right: -6px;
          width: 148px;
          height: 148px;
          bottom: 2px;
          transform: none;
        }
      
    


        /* Orientação operacional e status visuais do motoboy */
        body[data-app-variant="seller"] .order-flow-note {
          margin: 0 0 16px;
          padding: 14px 16px;
          border: 1px solid #e1e4e8;
          border-left: 3px solid #aeb6bd;
          border-radius: 4px;
          background: #fff;
          color: #68727c;
          font-size: 13px;
          line-height: 1.55;
        }
        body[data-app-variant="seller"] .order-flow-note > strong {
          display: block;
          margin-bottom: 5px;
          color: #30343a;
          font-size: 14px;
        }
        body[data-app-variant="seller"] .order-flow-note p {
          margin: 0;
        }
        body[data-app-variant="seller"] .order-flow-note p strong {
          color: #4d565f;
        }
        body[data-app-variant="seller"] .order-flow-legend {
          display: flex;
          flex-wrap: wrap;
          gap: 10px 18px;
          margin-top: 10px;
          color: #69737c;
          font-size: 11px;
          font-weight: 650;
        }
        body[data-app-variant="seller"] .order-flow-legend span {
          display: inline-flex;
          align-items: center;
          gap: 6px;
        }
        body[data-app-variant="seller"] .legend-dot {
          width: 8px;
          height: 8px;
          display: inline-block;
          border-radius: 50%;
        }
        body[data-app-variant="seller"] .simple-guide { border-left-color: #3c9a61; }
        body[data-app-variant="seller"] .guide-steps {
          list-style: none; margin: 10px 0 0; padding: 0;
          display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        }
        body[data-app-variant="seller"] .guide-steps li { display: flex; gap: 10px; align-items: flex-start; }
        body[data-app-variant="seller"] .guide-steps li > span {
          flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%;
          background: #21824b; color: #fff; font-size: 13px; font-weight: 700;
          display: inline-flex; align-items: center; justify-content: center;
        }
        body[data-app-variant="seller"] .guide-steps b { display: block; color: #30343a; font-size: 13px; }
        body[data-app-variant="seller"] .guide-steps small { display: block; color: #68727c; font-size: 12px; line-height: 1.45; }
        body[data-app-variant="seller"] .guide-steps small b { display: inline; color: #30343a; }
        body[data-app-variant="seller"] .sv-col-help {
          margin: -2px 0 10px; color: #6b757e; font-size: 11.5px; line-height: 1.4;
        }
        body[data-app-variant="seller"] .sv-knext {
          margin: 8px 0 0; font-size: 11.5px; line-height: 1.4; color: #3f4a53;
          background: rgba(255,255,255,.72); border-radius: 6px; padding: 6px 8px;
        }
        body[data-app-variant="seller"] .legend-red { background: #c6283a; }
        body[data-app-variant="seller"] .legend-green { background: #21824b; }
        body[data-app-variant="seller"] .seller-content .sv-kcard.pickup-order {
          border-color: #d83a4a;
          background: #ffdfe3;
          box-shadow: 0 2px 5px rgba(184, 58, 69, .16);
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.pickup-order .sv-kprice {
          color: #a61f32;
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order,
        body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order.motoboy-out,
        body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order.motoboy-done {
          border-color: #3c9a61;
          background: #d9f1df;
          box-shadow: 0 2px 5px rgba(54, 126, 82, .14);
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order .sv-kprice {
          color: #176c3c;
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.motoboy-out {
          border-color: #3c9a61;
          background: #d9f1df;
          box-shadow: 0 2px 5px rgba(54, 126, 82, .14);
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.motoboy-out .sv-kprice {
          color: #176c3c;
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.motoboy-done {
          border-color: #3c9a61;
          background: #d9f1df;
          box-shadow: 0 2px 5px rgba(54, 126, 82, .14);
        }
        body[data-app-variant="seller"] .seller-content .sv-kcard.motoboy-done .sv-kprice {
          color: #176c3c;
        }
        /* Aba Pedidos: meta do cartão, estado vazio, "Ver todos" e barra de resumo */
        body[data-app-variant="seller"] .sv-kmeta {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 8px;
          margin: 8px 0 10px;
        }
        body[data-app-variant="seller"] .sv-kbadge {
          display: inline-flex;
          align-items: center;
          gap: 5px;
          padding: 3px 8px;
          border-radius: 6px;
          font-size: 10.5px;
          font-weight: 700;
        }
        body[data-app-variant="seller"] .sv-kbadge svg {
          width: 12px;
          height: 12px;
          fill: none;
          stroke: currentColor;
          stroke-width: 2;
          stroke-linecap: round;
          stroke-linejoin: round;
        }
        body[data-app-variant="seller"] .sv-kbadge.pickup {
          background: rgba(198, 40, 58, .12);
          color: #a61f32;
        }
        body[data-app-variant="seller"] .sv-kbadge.delivery {
          background: rgba(23, 108, 60, .12);
          color: #176c3c;
        }
        body[data-app-variant="seller"] .sv-ktime {
          color: #8a939c;
          font-size: 10.5px;
          font-weight: 600;
        }
        body[data-app-variant="seller"] .sv-col-empty {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 10px;
          min-height: 140px;
          padding: 18px 10px;
          color: #9aa4ad;
          text-align: center;
          font-size: 12px;
          font-weight: 600;
        }
        body[data-app-variant="seller"] .sv-col-empty svg {
          width: 34px;
          height: 34px;
          fill: none;
          stroke: #b7bfc6;
          stroke-width: 1.6;
          stroke-linecap: round;
          stroke-linejoin: round;
        }
        body[data-app-variant="seller"] .sv-col-empty p { margin: 0; }
        body[data-app-variant="seller"] .sv-col-toggle {
          display: block;
          width: 100%;
          margin-top: 8px;
          padding: 8px 10px;
          border: none;
          border-radius: 6px;
          background: transparent;
          color: #c6283a;
          font-size: 12px;
          font-weight: 700;
          cursor: pointer;
          transition: background .15s ease;
        }
        
        body[data-app-variant="seller"] .sv-kanban-footer {
          display: grid;
          grid-template-columns: minmax(92px, 1fr) repeat(4, minmax(0, 1fr));
          align-items: center;
          gap: 0;
          width: 100%;
          box-sizing: border-box;
          margin-top: 16px;
          padding: 14px 18px;
          border: 1px solid #e1e4e8;
          border-radius: 10px;
          background: #fff;
        }
        body[data-app-variant="seller"] .sv-kf-date,
        body[data-app-variant="seller"] .sv-kf-item {
          display: flex;
          align-items: center;
          gap: 10px;
          min-width: 0;
          padding: 0 16px;
          box-sizing: border-box;
        }
        body[data-app-variant="seller"] .sv-kf-date + .sv-kf-item,
        body[data-app-variant="seller"] .sv-kf-item + .sv-kf-item {
          border-left: 1px solid #eef1f3;
        }
        body[data-app-variant="seller"] .sv-kf-date strong {
          font-size: 14px;
          color: #30343a;
        }
        body[data-app-variant="seller"] .sv-kf-item > div {
          display: flex;
          flex-direction: column;
        }
        body[data-app-variant="seller"] .sv-kf-item strong {
          font-size: 14px;
          color: #22262b;
        }
        body[data-app-variant="seller"] .sv-kf-item small {
          font-size: 11px;
          color: #8a939c;
          font-weight: 600;
          line-height: 1.25;
        }
        body[data-app-variant="seller"] .sv-metric-ico.gray {
          background: #eef1f4;
          color: #68727c;
        }
        body[data-app-variant="seller"] .sv-metric-ico.yellow {
          background: #fdf3d7;
          color: #b58900;
        }
        
          body[data-app-variant="seller"] .order-flow-note { padding: 12px; }
          body[data-app-variant="seller"] .order-flow-legend { display: grid; gap: 6px; }
          body[data-app-variant="seller"] .sv-kanban-footer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 0; }
          body[data-app-variant="seller"] .sv-kf-date,
          body[data-app-variant="seller"] .sv-kf-item { padding: 0 10px; }
          body[data-app-variant="seller"] .sv-kf-item:nth-child(odd) { border-left: none; }
        
      


        /* Background do login: Flat Vector minimalista e leve */
        body[data-app-variant="seller"]:has(.seller-access-gate) {
          background: #ffffff;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .topbar {
          background: #ffffff;
          border-bottom: 1px solid #e3e6e9;
          box-shadow: none;
          backdrop-filter: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) #main {
          position: relative;
          isolation: isolate;
          min-height: 100vh;
          overflow: hidden;
          background-color: #ffffff;
          background-image: none;
          background-size: cover;
          background-position: center;
          background-repeat: no-repeat;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) #main::before,
        body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
          content: none;
          position: absolute;
          z-index: -1;
          display: none;
          pointer-events: none;
          opacity: 1;
          filter: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) #main::before {
          display: none;
          width: 330px;
          height: 330px;
          top: -165px;
          left: -105px;
          background: #f2c8cd;
          border-radius: 50%;
          clip-path: none;
          transform: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
          display: none;
          width: 380px;
          height: 380px;
          right: -185px;
          bottom: -235px;
          background: #dce4e8;
          border-radius: 50%;
          clip-path: none;
          transform: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
          width: min(430px, calc(100% - 32px));
          margin: 24px auto;
          padding: 40px 38px 34px;
          border: 1px solid #e0e4e7;
          border-radius: 10px;
          background: #ffffff;
          box-shadow: 0 8px 22px rgba(38, 45, 52, .08);
          backdrop-filter: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-logo {
          width: 148px;
          max-height: 56px;
          margin: 0 auto 10px;
          object-fit: contain;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
          color: #30363c;
          font-size: 18px;
          letter-spacing: -.03em;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
          color: #77818a;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input {
          border-color: #d9dee2;
          border-radius: 4px;
          background: #fbfcfc;
          box-shadow: none;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input:focus {
          border-color: #c98289;
          box-shadow: 0 0 0 2px rgba(232, 55, 69, .08);
          background: #fff;
        }
        body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .primary {
          border-radius: 4px;
          box-shadow: none;
        }
        
          body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
            padding: 32px 24px 28px;
            border-radius: 8px;
          }
          body[data-app-variant="seller"]:has(.seller-access-gate) #main::before {
            width: 220px;
            height: 220px;
            top: -120px;
            left: -105px;
          }
          body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
            width: 240px;
            height: 240px;
            right: -135px;
            bottom: -155px;
          }
        
      


/* ===== SDFood — login visual final ===== */
body[data-app-variant="seller"]:has(.seller-access-gate) {
  background: #e8f4fd !important;
  overflow: hidden !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .topbar,
body[data-app-variant="seller"]:has(.seller-access-gate) footer,
body[data-app-variant="seller"]:has(.seller-access-gate) .site-footer {
  display: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) #main {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 20px !important;
  overflow: hidden !important;
  background: #e8f4fd !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) #main::before,
body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) #main::before {
  width: 360px !important;
  height: 360px !important;
  top: -80px !important;
  left: -100px !important;
  background: #b3e0f7 !important;
  border-radius: 40% 60% 70% 30% / 40% 50% 60% 50% !important;
  opacity: .55 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) #main::after {
  width: 320px !important;
  height: 320px !important;
  right: -90px !important;
  bottom: -90px !important;
  background: #7dd3c0 !important;
  border-radius: 60% 40% 30% 70% / 60% 30% 70% 40% !important;
  opacity: .45 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
  position: relative !important;
  z-index: 2 !important;
  box-sizing: border-box !important;
  width: min(420px, calc(100vw - 32px)) !important;
  margin: 0 auto !important;
  padding: 42px 40px 36px !important;
  border: 1px solid #e1e8ed !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 24px 60px rgba(25, 55, 85, .10), 0 8px 24px rgba(25, 55, 85, .06) !important;
  backdrop-filter: none !important;
  text-align: center !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-logo {
  display: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
  content: "Acesse sua SD lojista" !important;
  display: block !important;
  margin: 0 0 8px !important;
  color: #000000 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 26px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  letter-spacing: -0.04em !important;
  text-align: center !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
  margin: 0 0 28px !important;
  color: #5f6b7a !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .form-grid {
  gap: 0 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field {
  position: relative !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field label {
  display: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 54px !important;
  min-height: 54px !important;
  padding: 0 16px 0 46px !important;
  border: 1.5px solid #d5dde5 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #000000 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input::placeholder {
  color: #8b97a7 !important;
  opacity: 1 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input:focus {
  border-color: #e83745 !important;
  box-shadow: 0 0 0 4px rgba(232, 55, 69, .10) !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 16px !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  pointer-events: none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field:first-of-type::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b97a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field:nth-of-type(2)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b97a7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .gate-options {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin: -4px 0 22px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .remember-me {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #000000 !important;
  cursor: pointer !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .remember-me input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  accent-color: #e83745 !important;
  cursor: pointer !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .primary {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #e83745 !important;
  color: #ffffff !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 20px rgba(232, 55, 69, .22) !important;
  transition: background .2s ease, transform .1s ease !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .forgot-password {
  display: none !important;
}

  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    padding: 34px 26px 30px !important;
    border-radius: 18px !important;
  }
  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
    font-size: 23px !important;
  }




/* ===== Correção final: login responsivo em janela menor que a tela ===== */
html, body {
  min-width: 0 !important;
}

body[data-app-variant="seller"]:has(.seller-access-gate) {
  min-height: 100vh !important;
  width: 100% !important;
}


  body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    background: #fff !important;
  }

  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(440px, calc(100vw - 32px)) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 34px 32px 30px !important;
    border: 1px solid #e8eaed !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 12px 35px rgba(25,35,50,.10) !important;
  }

  body[data-app-variant="seller"] .seller-gate-logo {
    display: none !important;
  }



  body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    min-height: 100dvh !important;
    height: 100dvh !important;
  }

  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    width: calc(100vw - 28px) !important;
    padding: 30px 22px 26px !important;
    border-radius: 14px !important;
  }




/* ===== Correção definitiva do posicionamento do login ===== */
body[data-app-variant="seller"]:has(.seller-access-gate) #main {
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  background-image: none !important;
  background-color: #fff !important;
}

body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(440px, calc(100vw - 32px)) !important;
  max-width: 440px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}


  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    width: calc(100vw - 28px) !important;
    padding: 30px 22px 26px !important;
  }




/* ===== Background enviado pelo lojista ===== */
body[data-app-variant="seller"] .topbar,
body[data-app-variant="seller"] footer.footer {
  display: none !important;
}
body[data-app-variant="seller"] #main:empty {
  min-height: 100vh !important;
  background-color: #f4f4f4 !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate),
body[data-app-variant="seller"]:has(.seller-access-gate) #main {
  background-color: #f4f4f4 !important;
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}



      /* Motoboys: ilustrações locais, sem cartões decorativos ou molduras pesadas. */
      body[data-app-variant="seller"] .courier-art-local,
      body[data-app-variant="seller"] .courier-invite-art {
        width: 72px;
        height: 60px;
        flex: 0 0 72px;
        display: grid;
        place-items: center;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
      }
      body[data-app-variant="seller"] .courier-art-local img,
      body[data-app-variant="seller"] .courier-invite-art img {
        display: block;
        width: 84px;
        height: 84px;
        object-fit: contain;
        border: 0;
        filter: drop-shadow(0 5px 7px rgba(31, 77, 122, .10));
        transform-origin: 50% 72%;
      }
      body[data-app-variant="seller"] .courier-art-local img {
        animation: courier-float 3.8s ease-in-out infinite;
      }
      body[data-app-variant="seller"] .courier-invite-art img {
        width: 78px;
        height: 78px;
        animation: invite-pulse 2.8s ease-in-out infinite;
      }
      body[data-app-variant="seller"] .courier-invite-row,
      body[data-app-variant="seller"] .product-admin:has(.courier-art-local) {
        border: 0;
        border-bottom: 1px solid #edf0f4;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 13px 0;
        transition: background-color .2s ease, transform .2s ease;
      }
      
      body[data-app-variant="seller"] .courier-invite-row strong,
      body[data-app-variant="seller"] .product-admin:has(.courier-art-local) strong {
        color: #24364b;
      }
      body[data-app-variant="seller"] .courier-invite-row small,
      body[data-app-variant="seller"] .product-admin:has(.courier-art-local) small {
        color: #77828e;
      }
      @keyframes courier-float {
        0%, 100% { transform: translateY(0) rotate(-1deg); }
        50% { transform: translateY(-4px) rotate(1deg); }
      }
      @keyframes invite-pulse {
        0%, 100% { transform: scale(1) rotate(-1deg); }
        50% { transform: scale(1.045) rotate(1deg); }
      }
      @media (prefers-reduced-motion: reduce) {
        body[data-app-variant="seller"] .courier-art-local img,
        body[data-app-variant="seller"] .courier-invite-art img { animation: none; }
      }
    


      /* Estado final: ilustração limpa, estática e alinhada acima do divisor. */
      body[data-app-variant="seller"] .courier-invite-row,
      body[data-app-variant="seller"] .product-admin:has(.courier-art-local) {
        align-items: flex-start !important;
        transition: none !important;
        transform: none !important;
      }
      
      body[data-app-variant="seller"] .courier-art-local,
      body[data-app-variant="seller"] .courier-invite-art {
        align-self: flex-start !important;
        margin-top: -24px !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
      }
      body[data-app-variant="seller"] .courier-art-local img,
      body[data-app-variant="seller"] .courier-invite-art img {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        filter: none !important;
        animation: none !important;
        transform: none !important;
        transition: none !important;
      }
      body[data-app-variant="seller"] .courier-art-local img {
        width: 84px !important;
        height: 84px !important;
      }
      body[data-app-variant="seller"] .courier-invite-art {
        margin-top: -12px !important;
      }
      body[data-app-variant="seller"] .courier-invite-art img {
        width: 78px !important;
        height: 78px !important;
      }
    


/* Corporate Memphis / Flat Design system-wide refresh. Functionality intentionally unchanged. */
:root {
  --red: #e9434f !important;
  --red-dark: #c83240 !important;
  --ink: #17233c !important;
  --muted: #6d7788 !important;
  --line: #e5e9ef !important;
  --soft: #f7f9fc !important;
  --warm: #fff5ee !important;
  --seller-bg: #f4f7fb !important;
  --seller-ink: #17233c !important;
  --seller-muted: #6d7788 !important;
  --seller-border: #dfe6ee !important;
  --shadow: 0 4px 14px rgba(23,35,60,.06) !important;
}
* { box-shadow: none; }
body {
  background: #f7f9fc !important;
  color: var(--ink) !important;
  font-family: "Outfit", sans-serif !important;
}
button, input, select, textarea { border-radius: 10px; }
button { font-weight: 700; transition: background-color .15s ease, border-color .15s ease, color .15s ease; }

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(233,67,79,.18); outline-offset: 2px; }
.topbar { height: 68px !important; border-bottom: 1px solid var(--line) !important; background: #fff !important; box-shadow: 0 2px 8px rgba(23,35,60,.04) !important; }
.topbar-inner, .container { max-width: 1180px; }
.brand-word, .hero h1, .section-head h2, .seller-content h1, .seller-content h2, .seller-content h3 { color: var(--ink); letter-spacing: -.045em; }
.nav { gap: 18px; color: #687487; }
.nav button { min-height: 38px; padding: 8px 12px; border-radius: 8px; }

.search { height: 42px; border: 1px solid var(--line); background: #f8fafc; border-radius: 10px; box-shadow: none; }
.search:focus-within { border-color: #f1a0a8; background: #fff; }
.icon-btn, .address, .cart-trigger { border-radius: 9px; }

.primary, .small-primary, button.primary, button.small-primary {
  min-height: 42px; border: 1px solid var(--red) !important; border-radius: 10px !important;
  color: #fff !important; background: var(--red) !important; box-shadow: none !important;
}
.outline, .small-outline, button.outline, button.small-outline {
  min-height: 42px; border: 1px solid #cfd7e2 !important; border-radius: 10px !important;
  color: var(--ink) !important; background: #fff !important; box-shadow: none !important;
}

.danger-outline { color: var(--red-dark) !important; border-color: #f0b4ba !important; }
input, select, textarea { min-height: 42px; border: 1px solid #dbe2eb !important; background: #fff !important; color: var(--ink) !important; box-shadow: none !important; }
textarea { min-height: 88px; }
input::placeholder, textarea::placeholder { color: #9aa4b2; }
.field label, .form-grid label { color: #48566b; font-size: 13px; font-weight: 700; }
.card, .store-card, .product-card, .seller-panel, .metric, .sv-card, .sv-kcard, .sv-col, .order-track-card, .notification-card, .modal, .drawer, .cart, .checkout-card {
  border: 1px solid var(--line) !important; border-radius: 14px !important; background: #fff !important; box-shadow: 0 4px 14px rgba(23,35,60,.045) !important;
}
.categories, .filters { scrollbar-width: none; }
.category, .filter { border-radius: 12px; }
.filter { height: 38px; border-color: #dbe2eb; background: #fff; }

.section-head { margin-top: 34px; }
.store-card, .product-card { overflow: hidden; }

.badge, .pill, .status, .sv-pill, .sv-kbadge, .order-track-pin { border-radius: 999px !important; font-weight: 700; }
.tabs, .orders-board-tabs, .seller-tabs { border-bottom: 1px solid var(--line); gap: 6px; }
.tabs button, .orders-board-tabs button, .seller-tabs button { min-height: 40px; padding: 8px 14px; border-radius: 9px 9px 0 0; color: #6d7788; background: transparent; }
.tabs button.active, .orders-board-tabs button.active, .seller-tabs button.active { color: var(--red); background: #fff1f2; }
.drawer, .modal, .overlay-panel { border: 1px solid var(--line) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 12px 35px rgba(23,35,60,.12) !important; }
.drawer-head { border-bottom: 1px solid var(--line); padding-bottom: 14px; }
.close { width: 36px; height: 36px; border-radius: 9px !important; color: var(--ink); background: #f2f5f8 !important; }

.seller-layout { background: var(--seller-bg) !important; }
.seller-sidebar { background: #fff !important; border-right: 1px solid var(--seller-border) !important; box-shadow: none !important; }
.seller-sidebar .seller-nav button, .seller-sidebar button { border-radius: 9px; color: #687487; }

.seller-content { background: var(--seller-bg) !important; }
.seller-workspace { max-width: 1180px !important; }
.seller-guidance, .seller-operation-guide, .seller-learning, .seller-shortcuts, .seller-section-heading, .seller-results-heading { border-radius: 15px !important; }
.seller-guidance, .seller-learning { border: 1px solid var(--seller-border) !important; background: #fff !important; box-shadow: 0 5px 16px rgba(23,35,60,.045) !important; }
.seller-guidance::before { background: var(--red) !important; }
.seller-flow-card, .seller-shortcut, .seller-learning-card { border: 1px solid var(--seller-border) !important; border-radius: 12px !important; background: #fff !important; box-shadow: none !important; }

.seller-shortcut-icon, .seller-flow-icon { border-radius: 10px !important; }
.sv-kanban { gap: 14px !important; }
.sv-col:not(.ob-col) { border: 0 !important; background: #fff !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
.sv-col h3 { color: var(--ink) !important; }
.sv-kcard { border: 0 !important; background: #fff !important; box-shadow: 0 2px 8px rgba(15,23,42,.04) !important; }
.sv-kcard.pickup-order { border-left: 3px solid #ef6b76 !important; }
.sv-kcard.delivery-order { border-left: 3px solid #54b88e !important; }
.sv-kactions { gap: 8px !important; }
.sv-kactions button, .sv-kactions select { border-radius: 9px !important; }
.sv-kanban-footer .sv-kf-item, .sv-kanban-footer .sv-kf-date { border: 0 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
.seller-table, table { border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.seller-table th, table th { color: #526075; background: #f5f7fa; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.seller-table td, .seller-table th, table td, table th { border-bottom: 1px solid var(--line); padding: 13px 14px; }
.seller-table tr:last-child td, table tr:last-child td { border-bottom: 0; }
.order-search-bar, .history-toolbar { border-radius: 13px; border: 1px solid var(--line); background: #fff; }
.completion-code-modal, .completion-code-actions button { border-radius: 11px !important; }
.completion-code-art-wrap { border-radius: 14px !important; background: #fff5ee !important; }
.toast { border-radius: 10px !important; background: var(--ink) !important; box-shadow: none !important; }
.bottom-nav, .mobile-nav, .footer-nav { border-top: 1px solid var(--line) !important; background: #fff !important; box-shadow: none !important; }
/* Keep flat style even where legacy declarations used gradients or glass effects. */
*, *::before, *::after { background-image: none; }

  .topbar { height: 62px !important; }
  .container { width: min(100% - 28px, 720px); }
  .seller-sidebar { border-right: 0 !important; border-bottom: 1px solid var(--seller-border) !important; }
  .seller-content { padding-bottom: 22px; }
  .seller-guidance, .seller-learning, .seller-operation-guide { border-radius: 13px !important; }


    


      /* Ajustes finais solicitados: fundo branco no painel, com contraste por bordas e ícones. */
      body[data-app-variant="seller"] {
        --seller-bg: #ffffff;
        --seller-surface: #ffffff;
        --seller-border: #e1e5ea;
        background: #ffffff !important;
      }
      body[data-app-variant="seller"] #main,
      body[data-app-variant="seller"] .seller-layout,
      body[data-app-variant="seller"] .seller-content,
      body[data-app-variant="seller"] .seller-workspace {
        background: #ffffff !important;
      }
      body[data-app-variant="seller"] .seller-sidebar {
        background: #ffffff !important;
        border-right: 1px solid #dfe4e9 !important;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-card,
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .fin-chart-card,
      body[data-app-variant="seller"] .seller-content .sdfood-editorial-card {
        background: #ffffff !important;
        border-color: #e1e5ea !important;
        box-shadow: 0 5px 16px rgba(39, 47, 56, .055) !important;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics {
        background: transparent !important;
      }
      
      /* Remove apenas imagens PNG decorativas do painel; ícones e conteúdo funcional permanecem. */
      body[data-app-variant="seller"] .sdfood-editorial-card img,
      body[data-app-variant="seller"] .seller-setup-art img,
      body[data-app-variant="seller"] .completion-code-art-wrap img {
        display: none !important;
      }
      body[data-app-variant="seller"] .seller-learning-card img {
        display: block !important;
        width: 68px !important;
        height: 68px !important;
        object-fit: contain !important;
        opacity: 1 !important;
      }
      body[data-app-variant="seller"] .seller-learning-card {
        min-height: 96px !important;
      }
      body[data-app-variant="seller"] .sdfood-editorial-card,
      body[data-app-variant="seller"] .sdfood-editorial-card.curiosity {
        padding-right: 24px !important;
      }
      body[data-app-variant="seller"] .seller-learning-card,
      body[data-app-variant="seller"] .seller-setup-art,
      body[data-app-variant="seller"] .completion-code-art-wrap {
        background: #ffffff !important;
      }
      /* Ícones vetoriais mantêm a distinção visual no fundo branco. */
      body[data-app-variant="seller"] .seller-sidebar-nav svg,
      body[data-app-variant="seller"] .sv-card svg,
      body[data-app-variant="seller"] .seller-panel svg {
        color: #e83745;
      }
    


      body[data-app-variant="seller"] .seller-learning-grid .seller-learning-card img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
        object-fit: contain !important;
      }



      body[data-app-variant="seller"] .seller-flow-card .seller-flow-icon img {
        display: block !important;
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
        max-width: 25px !important;
        max-height: 25px !important;
        object-fit: contain !important;
        object-position: center !important;
        border: 0 !important;
        border-radius: 5px !important;
      }
    


/* SDFood seller visual system — apresentação apenas; dados, IDs e listeners permanecem intactos. */
body[data-app-variant="seller"] {
  --seller-bg: #f7f8fa;
  --seller-surface: #ffffff;
  --seller-border: #e8e8e8;
  --seller-ink: #202124;
  --seller-muted: #72757b;
  --seller-red-soft: #fff1f2;
  background: var(--seller-bg) !important;
  color: var(--seller-ink);
}
body[data-app-variant="seller"] #main,
body[data-app-variant="seller"] .seller-content,
body[data-app-variant="seller"] .seller-layout { background: var(--seller-bg) !important; }
body[data-app-variant="seller"] .seller-layout { min-height: 100dvh; }
body[data-app-variant="seller"] .seller-sidebar {
  width: 244px; flex-basis: 244px; min-height: 100dvh; position: sticky; top: 0;
  background: #fff; border-right: 1px solid var(--seller-border); box-shadow: none;
}
body[data-app-variant="seller"] .seller-sidebar-head { padding: 22px 18px 18px; border-bottom: 1px solid var(--seller-border); background:#fff; }
body[data-app-variant="seller"] .seller-sidebar-brand { color: var(--seller-ink); font-size: 23px; font-weight: 750; letter-spacing: -.07em; margin-bottom: 18px; }
body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial { color: var(--red) !important; }
body[data-app-variant="seller"] .seller-sidebar-store { color: var(--seller-ink); font-size: 12px; font-weight: 650; }
body[data-app-variant="seller"] .seller-sidebar-store i,
body[data-app-variant="seller"] .seller-sidebar-footer-dot { background: #2e9d50; box-shadow: 0 0 0 3px rgba(46,157,80,.12); }
body[data-app-variant="seller"] .seller-sidebar-status { color: var(--seller-muted); font-size: 11px; }
body[data-app-variant="seller"] .seller-sidebar-nav { padding: 16px 12px; }
body[data-app-variant="seller"] .seller-nav-group + .seller-nav-group { margin-top: 17px; }
body[data-app-variant="seller"] .seller-nav-group-label { color: #9aa0a6; font-size: 10px; font-weight: 700; letter-spacing: .08em; }
body[data-app-variant="seller"] .seller-sidebar-nav button {
  min-height: 42px; margin: 2px 0; padding: 9px 10px; border-radius: 9px;
  color: var(--seller-muted); background: transparent; font-size: 13px; font-weight: 600;
  transition: background .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);
}

body[data-app-variant="seller"] .seller-sidebar-nav button.active { color: var(--red); background: var(--seller-red-soft); font-weight: 700; }
body[data-app-variant="seller"] .seller-sidebar-nav button svg { color: currentColor; background: transparent; padding: 0; width: 18px; height: 18px; stroke-width: 1.8; }
body[data-app-variant="seller"] .seller-sidebar-nav button.active svg { color: var(--red); background: transparent; }
body[data-app-variant="seller"] .seller-sidebar-footer { margin: auto 14px 16px; padding: 13px 8px 0; border-top-color: var(--seller-border); color: var(--seller-muted); }
body[data-app-variant="seller"] .seller-workspace { width: min(1180px, calc(100% - 64px)); padding: 32px 0 56px; }
body[data-app-variant="seller"] .seller-content .sv-head { margin-bottom: 24px; }
body[data-app-variant="seller"] .seller-content .sv-hello { color: var(--seller-ink); font-size: 30px; font-weight: 700; letter-spacing: -.055em; }
body[data-app-variant="seller"] .seller-content .sv-hello small { color: var(--seller-muted); font-size: 14px; font-weight: 400; letter-spacing: 0; }
body[data-app-variant="seller"] .seller-content .sv-status { border: 1px solid #dce7df; border-radius: 999px; color: #267845; background: #f3fbf5; font-size: 12px; }
body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal,
body[data-app-variant="seller"] .seller-content .sv-card,
body[data-app-variant="seller"] .seller-content .seller-shortcut,
body[data-app-variant="seller"] .seller-content .seller-learning-card,
body[data-app-variant="seller"] .seller-content .seller-panel,
body[data-app-variant="seller"] .seller-content .orders-board,
body[data-app-variant="seller"] .seller-content .seller-section-card {
  border: 1px solid var(--seller-border); border-radius: 14px; background: #fff;
  box-shadow: 0 4px 18px rgba(32,33,36,.04);
}
body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal { border-left: 0; box-shadow: 0 4px 18px rgba(32,33,36,.04); }
body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal::before { background: var(--red); }
body[data-app-variant="seller"] .seller-guidance-minimal h2 { color: var(--seller-ink); font-size: 22px; }
body[data-app-variant="seller"] .seller-guidance-minimal p { color: var(--seller-muted); }
body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art { width: 112px; height: 112px; }
body[data-app-variant="seller"] .seller-guidance-minimal .primary,
body[data-app-variant="seller"] .primary,
body[data-app-variant="seller"] button.primary { min-height: 40px; border-radius: 8px; background: var(--red); font-weight: 600; }
body[data-app-variant="seller"] .seller-operation-guide { margin-bottom: 26px; }
body[data-app-variant="seller"] .seller-operation-guide h2,
body[data-app-variant="seller"] .seller-section-heading h2 { color: var(--seller-ink); font-size: 20px; }
body[data-app-variant="seller"] .seller-operation-guide p,
body[data-app-variant="seller"] .seller-section-heading p { color: var(--seller-muted); font-size: 14px; }
body[data-app-variant="seller"] .seller-flow-card { border-color: var(--seller-border); border-radius: 12px; background:#fff; }
body[data-app-variant="seller"] .seller-flow-art { background: #fff2c7; border-radius: 10px; }
body[data-app-variant="seller"] .seller-shortcut-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
body[data-app-variant="seller"] .seller-shortcut,
body[data-app-variant="seller"] .seller-shortcut:first-child { min-height: 96px; padding: 15px; border: 1px solid var(--seller-border); border-radius: 12px; box-shadow: 0 4px 18px rgba(32,33,36,.04); }

body[data-app-variant="seller"] .seller-shortcut-icon { width: 44px; height: 44px; flex-basis: 44px; color: var(--red); background: #fff1f2; border-radius: 11px; }
body[data-app-variant="seller"] .seller-shortcut:nth-child(2) .seller-shortcut-icon { color:#8c6a13; background:#fff2c7; }
body[data-app-variant="seller"] .seller-shortcut:nth-child(3) .seller-shortcut-icon { color:#4f7f91; background:#dceff7; }
body[data-app-variant="seller"] .seller-shortcut:nth-child(4) .seller-shortcut-icon { color:#6e5595; background:#ede2f7; }
body[data-app-variant="seller"] .seller-shortcut strong { color: var(--seller-ink); font-size: 14px; }
body[data-app-variant="seller"] .seller-shortcut small { color: var(--seller-muted); font-size: 12px; }
body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card { min-height: 132px; padding: 18px; border: 1px solid var(--seller-border); border-radius: 14px; background:#fff; box-shadow: 0 4px 18px rgba(32,33,36,.04); }
body[data-app-variant="seller"] .seller-content .sv-metric-ico,
body[data-app-variant="seller"] .seller-content .sv-metric-ico.red { color: var(--red); background:#fff1f2; }
body[data-app-variant="seller"] .seller-content .sv-metric-ico.blue { color:#4f7f91; background:#dceff7; }
body[data-app-variant="seller"] .seller-content .sv-metric-ico.green { color:#2e9d50; background:#dff1d7; }
body[data-app-variant="seller"] .seller-content .sv-metric-ico.yellow { color:#a6780c; background:#fff2c7; }
body[data-app-variant="seller"] .seller-content .sv-metric-ico.lilac { color:#765999; background:#ede2f7; }
body[data-app-variant="seller"] .seller-content .sv-metric-info > small { color: var(--seller-muted); font-size: 12px; }
body[data-app-variant="seller"] .seller-content .sv-metric-info > strong { color: var(--seller-ink) !important; font-size: 27px; letter-spacing: -.04em; }
body[data-app-variant="seller"] .seller-content .sv-metric-cap { color: #8b9299; font-size: 12px; }
body[data-app-variant="seller"] .orders-board,
body[data-app-variant="seller"] .seller-panel { border-color: var(--seller-border); border-radius: 14px; background:#fff; box-shadow: 0 4px 18px rgba(32,33,36,.04); }
body[data-app-variant="seller"] .orders-board-tabs button.active { color: var(--red); border-color: var(--red); }
body[data-app-variant="seller"] .orders-kanban .sv-kcard { border-radius: 10px; box-shadow: none; }
body[data-app-variant="seller"] .orders-kanban .sv-kbadge { border-radius: 999px; }
body[data-app-variant="seller"] input,
body[data-app-variant="seller"] select,
body[data-app-variant="seller"] textarea { border-radius: 8px; border-color: #dadce0; background:#fff; }
body[data-app-variant="seller"] input:focus,
body[data-app-variant="seller"] select:focus,
body[data-app-variant="seller"] textarea:focus { box-shadow: 0 0 0 3px rgba(232,55,69,.10); outline: none; }
body[data-app-variant="seller"] .drawer,
body[data-app-variant="seller"] .modal { max-height: 100dvh; border-radius: 16px; }
body[data-app-variant="seller"] .seller-table th { background:#fafafa; color:var(--seller-muted); font-size:12px; }
body[data-app-variant="seller"] .seller-table td { height:60px; border-bottom-color:#eeeeee; }

  body[data-app-variant="seller"] .seller-shortcut-grid,
  body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
  body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }


  body[data-app-variant="seller"] .seller-sidebar { width: 72px; flex-basis:72px; }
  body[data-app-variant="seller"] .seller-sidebar-head { padding:18px 10px; }
  body[data-app-variant="seller"] .seller-sidebar-brand { font-size:0; text-align:center; }
  body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial { font-size:24px; }
  body[data-app-variant="seller"] .seller-sidebar-store,
  body[data-app-variant="seller"] .seller-sidebar-status,
  body[data-app-variant="seller"] .seller-sidebar-footer,
  body[data-app-variant="seller"] .seller-nav-group-label,
  body[data-app-variant="seller"] .seller-sidebar-nav button span:not(.sv-count) { display:none; }
  body[data-app-variant="seller"] .seller-sidebar-nav { padding:12px 8px; }
  body[data-app-variant="seller"] .seller-sidebar-nav button { justify-content:center; padding:9px; }
  body[data-app-variant="seller"] .seller-workspace { width: calc(100% - 28px); padding:22px 0 40px; }
  body[data-app-variant="seller"] .seller-content .sv-hello { font-size:25px; }
  body[data-app-variant="seller"] .seller-shortcut-grid,
  body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
  body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns:1fr; }
  body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal { padding:18px; }
  body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art,
  body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions { position: static; margin-top:12px; }




/* Assets GPT originais conectados ao produto: painel e abas compartilham a mesma identidade. */
body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art,
body[data-app-variant="seller"] .seller-setup-art img,
body[data-app-variant="seller"] .completion-code-art-wrap img,
body[data-app-variant="seller"] .seller-learning-card img { object-fit: contain !important; object-position: center !important; }
body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art { width: 124px !important; height: 116px !important; }



body[data-app-variant="seller"] .seller-dashboard-modern { display:grid; gap:16px; }
body[data-app-variant="seller"] .panel-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
body[data-app-variant="seller"] .panel-metrics .sv-card { min-height:118px; padding:17px; border:1px solid #eceef1; border-radius:12px; background:#fff; box-shadow:0 4px 18px rgba(32,33,36,.04); }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > strong { font-size:21px; letter-spacing:-.035em; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > small { color:#737b84; font-size:11px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-cap { color:#8a929b; font-size:10px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico { width:27px; height:27px; border-radius:8px; }
body[data-app-variant="seller"] .panel-card-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
body[data-app-variant="seller"] .panel-card-head h2 { margin:0; color:#202124; font-size:14px; font-weight:700; letter-spacing:-.025em; }
body[data-app-variant="seller"] .panel-card-head p { margin:4px 0 0; color:#89919a; font-size:10px; }
body[data-app-variant="seller"] .panel-chart-card,
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card { border:1px solid #eceef1; border-radius:13px; background:#fff; box-shadow:0 4px 18px rgba(32,33,36,.04); }
body[data-app-variant="seller"] .panel-chart-card { padding:16px 18px 8px; }
body[data-app-variant="seller"] .panel-legend { display:flex; align-items:center; gap:6px; color:#818994; font-size:10px; }
body[data-app-variant="seller"] .panel-legend i { width:7px; height:7px; border-radius:50%; background:#e83745; }
body[data-app-variant="seller"] .panel-chart-wrap { height:205px; margin-top:7px; }
body[data-app-variant="seller"] .panel-chart { width:100%; height:100%; overflow:visible; }
body[data-app-variant="seller"] .panel-grid-lines path { stroke:#f0f1f3; stroke-width:1; stroke-dasharray:2 3; }
body[data-app-variant="seller"] .panel-area { fill:url(#panelChartFill); }
body[data-app-variant="seller"] .panel-line { fill:none; stroke:#e83745; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
body[data-app-variant="seller"] .panel-chart circle { fill:#fff; stroke:#e83745; stroke-width:2; }
body[data-app-variant="seller"] .panel-axis-labels text { fill:#9aa1a9; font-size:9px; text-anchor:middle; }
body[data-app-variant="seller"] .panel-bottom-grid { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr); gap:16px; }
body[data-app-variant="seller"] .panel-recent-card { min-width:0; padding:16px 16px 6px; }
body[data-app-variant="seller"] .panel-actions-card { position:relative; min-width:0; padding:16px 16px 116px; overflow:hidden; }
body[data-app-variant="seller"] .panel-link { padding:0; border:0; color:#e83745; background:transparent; font-size:10px; font-weight:700; }
body[data-app-variant="seller"] .panel-table-scroll { overflow-x:auto; margin-top:14px; }
body[data-app-variant="seller"] .panel-recent-table { width:100%; min-width:540px; border-collapse:collapse; }
body[data-app-variant="seller"] .panel-recent-table th { padding:0 8px 9px; color:#9aa1a9; background:#fff; border-bottom:1px solid #f0f1f3; font-size:9px; font-weight:500; text-align:left; }
body[data-app-variant="seller"] .panel-recent-table td { padding:11px 8px; color:#626b75; border-bottom:1px solid #f2f3f4; font-size:10px; white-space:nowrap; }
body[data-app-variant="seller"] .panel-recent-table td strong { color:#3c454e; font-size:10px; }
body[data-app-variant="seller"] .panel-status { display:inline-flex; padding:4px 7px; border-radius:999px; color:#8a6812; background:#fff2c7; font-size:9px; }
body[data-app-variant="seller"] .panel-status.done, body[data-app-variant="seller"] .panel-status.completed { color:#2e7c49; background:#dff1d7; }
body[data-app-variant="seller"] .panel-status.delivery, body[data-app-variant="seller"] .panel-status.ready { color:#39748a; background:#dceff7; }
body[data-app-variant="seller"] .panel-status.received { color:#bd2534; background:#fff1f2; }
body[data-app-variant="seller"] .panel-empty-row { padding:28px!important; color:#949ba3!important; text-align:center; }
body[data-app-variant="seller"] .panel-action-list { display:grid; gap:7px; margin-top:14px; }
body[data-app-variant="seller"] .panel-action-list button { display:flex; align-items:center; gap:9px; width:100%; min-height:61px; padding:10px 4px; border:0; border-bottom:1px solid #f3f4f6; border-radius:0; color:#303840; background:transparent; text-align:left; box-shadow:none; transition:background .18s var(--ease); }

body[data-app-variant="seller"] .panel-action-list button > span:nth-child(2) { display:grid; gap:1px; min-width:0; }
body[data-app-variant="seller"] .panel-action-list strong { font-size:10px; }
body[data-app-variant="seller"] .panel-action-list small { color:#8b939b; font-size:9px; }
body[data-app-variant="seller"] .panel-action-list b { margin-left:auto; color:#c3c7cc; font-size:14px; }
body[data-app-variant="seller"] .panel-action-icon { display:grid; width:24px; height:24px; place-items:center; flex:0 0 24px; border-radius:7px; font-size:14px; font-weight:700; }
body[data-app-variant="seller"] .panel-action-icon.pink { color:#e83745; background:#fff1f2; }
body[data-app-variant="seller"] .panel-action-icon.yellow { color:#a6780c; background:#fff2c7; }
body[data-app-variant="seller"] .panel-action-icon.green { color:#2e9d50; background:#dff1d7; }
body[data-app-variant="seller"] .panel-action-art { position:absolute; right:18px; bottom:-5px; width:142px; height:105px; object-fit:contain; object-position:center bottom; }
 body[data-app-variant="seller"] .panel-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } 
 body[data-app-variant="seller"] .panel-bottom-grid { grid-template-columns:1fr; } body[data-app-variant="seller"] .panel-actions-card { padding-bottom:110px; } 
 body[data-app-variant="seller"] .panel-metrics { grid-template-columns:1fr; } body[data-app-variant="seller"] .panel-card-head { gap:8px; } 



/* Ajuste de escala da aba Painel conforme referência 1356px: somente apresentação. */
body[data-app-variant="seller"] .seller-workspace { width:min(1120px, calc(100% - 72px)); padding-top:34px; }
body[data-app-variant="seller"] .seller-content .sv-head { margin-bottom:28px; }
body[data-app-variant="seller"] .seller-content .sv-hello { font-size:32px; line-height:1.12; }
body[data-app-variant="seller"] .seller-content .sv-hello small { margin-top:8px; font-size:14px; }
body[data-app-variant="seller"] .seller-content .sv-status { min-height:40px; padding:9px 14px; font-size:13px; }
body[data-app-variant="seller"] .panel-metrics { gap:14px; }
body[data-app-variant="seller"] .panel-metrics .sv-card { min-height:138px; padding:20px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > small { font-size:13px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > strong { margin-top:8px; font-size:25px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-cap { margin-top:5px; font-size:12px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico { width:34px; height:34px; border-radius:9px; }
body[data-app-variant="seller"] .panel-chart-card { padding:20px 22px 10px; }
body[data-app-variant="seller"] .panel-card-head h2 { font-size:18px; }
body[data-app-variant="seller"] .panel-card-head p { margin-top:5px; font-size:12px; }
body[data-app-variant="seller"] .panel-legend { font-size:12px; }
body[data-app-variant="seller"] .panel-chart-wrap { height:250px; margin-top:12px; }
body[data-app-variant="seller"] .panel-axis-labels text { font-size:11px; }
body[data-app-variant="seller"] .panel-bottom-grid { gap:18px; }
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card { padding:20px 20px 10px; }
body[data-app-variant="seller"] .panel-actions-card { padding-bottom:170px; }
body[data-app-variant="seller"] .panel-link { font-size:12px; }
body[data-app-variant="seller"] .panel-recent-table { min-width:620px; }
body[data-app-variant="seller"] .panel-recent-table th { padding:0 10px 12px; font-size:11px; }
body[data-app-variant="seller"] .panel-recent-table td { padding:15px 10px; font-size:12px; }
body[data-app-variant="seller"] .panel-recent-table td strong { font-size:12px; }
body[data-app-variant="seller"] .panel-status { padding:5px 9px; font-size:11px; }
body[data-app-variant="seller"] .panel-action-list { gap:10px; margin-top:18px; }
body[data-app-variant="seller"] .panel-action-list button { min-height:60px; padding:10px 12px; gap:12px; }
body[data-app-variant="seller"] .panel-action-list strong { font-size:13px; }
body[data-app-variant="seller"] .panel-action-list small { font-size:11px; }
body[data-app-variant="seller"] .panel-action-list b { font-size:18px; }
body[data-app-variant="seller"] .panel-action-icon { width:31px; height:31px; flex-basis:31px; font-size:18px; }
body[data-app-variant="seller"] .panel-action-art { left:50%; right:auto; bottom:8px; width:220px; height:145px; transform:translateX(-50%); object-fit:contain; object-position:center bottom; }

  body[data-app-variant="seller"] .seller-workspace { width:min(100% - 48px, 980px); }


  body[data-app-variant="seller"] .seller-workspace { width:calc(100% - 28px); padding-top:24px; }
  body[data-app-variant="seller"] .seller-content .sv-hello { font-size:27px; }
  body[data-app-variant="seller"] .panel-chart-wrap { height:210px; }
  body[data-app-variant="seller"] .panel-actions-card { padding-bottom:150px; }




/* Fundo da área de trabalho cinza-claro; somente cards permanecem brancos. */
body[data-app-variant="seller"],
body[data-app-variant="seller"] #main,
body[data-app-variant="seller"] .seller-layout,
body[data-app-variant="seller"] .seller-content { background:#f4f6f8 !important; }
body[data-app-variant="seller"] .seller-workspace { background:transparent !important; }
body[data-app-variant="seller"] .seller-dashboard-modern { background:transparent; }
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card,
body[data-app-variant="seller"] .panel-chart-card,
body[data-app-variant="seller"] .panel-metrics .sv-card { background:#fff !important; }
/* Caixa de últimos pedidos alinhada ao card de ações rápidas. */
body[data-app-variant="seller"] .panel-bottom-grid { align-items:stretch; }
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card { min-height:438px; border:1px solid #e7eaee; border-radius:15px; }
body[data-app-variant="seller"] .panel-recent-card { display:flex; flex-direction:column; overflow:hidden; padding:22px 22px 12px; }
body[data-app-variant="seller"] .panel-recent-card .panel-table-scroll { flex:1; margin-top:18px; }
body[data-app-variant="seller"] .panel-recent-table { border-collapse:separate; border-spacing:0; }
body[data-app-variant="seller"] .panel-recent-table thead th { height:36px; padding:0 10px 12px; background:#fafbfc; border-bottom:1px solid #e9ecef; color:#8b939c; font-size:11px; }
body[data-app-variant="seller"] .panel-recent-table tbody tr { background:#fff; }

body[data-app-variant="seller"] .panel-recent-table td { height:58px; padding:13px 10px; border-bottom:1px solid #edf0f2; color:#68717b; font-size:12px; }
body[data-app-variant="seller"] .panel-recent-table tbody tr:last-child td { border-bottom:0; }
body[data-app-variant="seller"] .panel-recent-table td:first-child,
body[data-app-variant="seller"] .panel-recent-table th:first-child { padding-left:10px; }
body[data-app-variant="seller"] .panel-actions-card { padding:22px 22px 170px; }

  body[data-app-variant="seller"] .panel-recent-card,
  body[data-app-variant="seller"] .panel-actions-card { min-height:400px; }




/* Últimos pedidos: tabela única, cabeçalho + uma linha horizontal por pedido. */
body[data-app-variant="seller"] .panel-recent-table { display:table !important; width:100% !important; border-collapse:collapse !important; border-spacing:0 !important; table-layout:auto !important; }
body[data-app-variant="seller"] .panel-recent-table thead { display:table-header-group !important; }
body[data-app-variant="seller"] .panel-recent-table tbody { display:table-row-group !important; }
body[data-app-variant="seller"] .panel-recent-table tr { display:table-row !important; background:transparent !important; box-shadow:none !important; }
body[data-app-variant="seller"] .panel-recent-table th,
body[data-app-variant="seller"] .panel-recent-table td { display:table-cell !important; border-left:0 !important; border-right:0 !important; border-radius:0 !important; white-space:nowrap; }
body[data-app-variant="seller"] .panel-recent-table tbody td { height:58px; border-bottom:1px solid #edf0f2 !important; }
body[data-app-variant="seller"] .panel-recent-table tbody tr:last-child td { border-bottom:0 !important; }
body[data-app-variant="seller"] .panel-recent-table .panel-status { display:inline-flex !important; }



/* Somente separadores horizontais retos entre pedidos; sem caixas individuais. */
body[data-app-variant="seller"] .panel-recent-table,
body[data-app-variant="seller"] .panel-recent-table tr,
body[data-app-variant="seller"] .panel-recent-table th,
body[data-app-variant="seller"] .panel-recent-table td { background:transparent !important; box-shadow:none !important; border-radius:0 !important; }
body[data-app-variant="seller"] .panel-recent-table th { border-top:0 !important; border-left:0 !important; border-right:0 !important; border-bottom:1px solid #e6e9ed !important; }
body[data-app-variant="seller"] .panel-recent-table td { border-top:0 !important; border-left:0 !important; border-right:0 !important; border-bottom:1px solid #e6e9ed !important; }
body[data-app-variant="seller"] .panel-recent-table tbody tr:last-child td { border-bottom:0 !important; }




body[data-app-variant="seller"] .panel-action-icon { overflow:hidden; padding:0; background:transparent !important; }
body[data-app-variant="seller"] .panel-action-icon img { width:100%; height:100%; object-fit:contain; display:block; }



body[data-app-variant="seller"] .sv-metric-ico { overflow:hidden; padding:0; background:transparent !important; }
body[data-app-variant="seller"] .sv-metric-ico img { width:100%; height:100%; object-fit:contain; display:block; }



body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-line-icon { width:18px!important; height:18px!important; flex:0 0 18px!important; display:block; color:currentColor; fill:none; stroke:currentColor; stroke-width:1.6!important; stroke-linecap:round; stroke-linejoin:round; opacity:.82; transform:none!important; }
body[data-app-variant="seller"] .seller-sidebar-nav button.active .seller-nav-line-icon { opacity:1; stroke-width:1.75!important; }
 body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-line-icon { width:18px!important; height:18px!important; flex-basis:18px!important; } 



/* Escala original da navegação e hierarquia tipográfica do painel. */
body[data-app-variant="seller"] { font-family:"Outfit", sans-serif !important; }
body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-png-icon { width:22px; height:22px; flex:0 0 22px; transform:scale(1.18); transform-origin:center; opacity:.9; }
body[data-app-variant="seller"] .seller-sidebar-nav button { min-height:44px; font-family:"Outfit", sans-serif; font-size:13px; font-weight:500; }
body[data-app-variant="seller"] .seller-sidebar-nav button.active { font-weight:600; }
body[data-app-variant="seller"] .seller-nav-group-label { font-family:"Outfit", sans-serif; font-size:10px; font-weight:700; }
body[data-app-variant="seller"] .seller-sidebar-store { font-family:"Outfit", sans-serif; font-size:13px; font-weight:700; }
body[data-app-variant="seller"] .seller-sidebar-status,
body[data-app-variant="seller"] .seller-sidebar-footer { font-family:"Outfit", sans-serif; font-size:10px; }
body[data-app-variant="seller"] .seller-content .sv-hello { font-family:"Outfit", sans-serif; font-size:31px; font-weight:700; }
body[data-app-variant="seller"] .seller-content .sv-hello small { font-family:"Outfit", sans-serif; font-size:13px; font-weight:400; }
body[data-app-variant="seller"] .panel-card-head h2 { font-family:"Outfit", sans-serif; font-size:16px; font-weight: 700; }
body[data-app-variant="seller"] .panel-card-head p { font-family:"Outfit", sans-serif; font-size:11px; font-weight:400; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > small { font-family:"Outfit", sans-serif; font-size:12px; font-weight:400; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > strong { font-family:"Outfit", sans-serif; font-size:25px; font-weight:700; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-cap { font-family:"Outfit", sans-serif; font-size:10px; font-weight:400; }
body[data-app-variant="seller"] .panel-link,
body[data-app-variant="seller"] .panel-action-list button { font-family:"Outfit", sans-serif; font-size:12px; font-weight:600; }
body[data-app-variant="seller"] .panel-action-list strong { font-family:"Outfit", sans-serif; font-size:12px; font-weight:700; }
body[data-app-variant="seller"] .panel-action-list small { font-family:"Outfit", sans-serif; font-size:10px; font-weight:400; }
body[data-app-variant="seller"] .panel-recent-table th { font-family:"Outfit", sans-serif; font-size:10px; font-weight:600; }
body[data-app-variant="seller"] .panel-recent-table td { font-family:"Outfit", sans-serif; font-size:11px; font-weight:400; }
body[data-app-variant="seller"] .panel-recent-table td:first-child { font-weight:600; }
body[data-app-variant="seller"] .panel-status { font-family:"Outfit", sans-serif; font-size:10px; font-weight:600; }
body[data-app-variant="seller"] .seller-section-heading h2,
body[data-app-variant="seller"] .seller-panel h2 { font-family:"Outfit", sans-serif; }

  body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-png-icon { width:22px; height:22px; flex-basis:22px; transform:scale(1.12); }




body[data-app-variant="seller"] .seller-nav-group:first-child .seller-nav-png-icon { width:26px !important; height:26px !important; flex-basis:26px !important; transform:scale(1.16) !important; }



/* Fontes, ícones e dimensões adaptados da segunda index.
   Imagens ausentes permanecem intocadas para usar a pasta assets original. */
body[data-app-variant="seller"] { font-family:"Outfit", sans-serif !important; }
body[data-app-variant="seller"] .seller-layout { min-height:100vh; }
body[data-app-variant="seller"] .seller-sidebar { width:258px; flex:0 0 258px; padding:25px 16px 20px; }
body[data-app-variant="seller"] .seller-sidebar-head { padding:0 13px 25px; }
body[data-app-variant="seller"] .seller-sidebar-brand { font-family:"Outfit", sans-serif; font-size:19px; font-weight: 700; }
body[data-app-variant="seller"] .seller-sidebar-store { font-size:13px; }
body[data-app-variant="seller"] .seller-sidebar-status { font-size:10px; }
body[data-app-variant="seller"] .seller-sidebar-nav { padding:14px 0; gap:3px; }
body[data-app-variant="seller"] .seller-nav-group-label { padding:0 14px 10px; font-size:10px; }
body[data-app-variant="seller"] .seller-sidebar-nav button { min-height:44px; padding:0 13px; gap:12px; border-radius:12px; font-size:13px; font-weight:500; }
body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-png-icon { width:18px !important; height:18px !important; flex:0 0 18px !important; transform:none !important; object-fit:contain; }
body[data-app-variant="seller"] .seller-nav-group:first-child .seller-nav-png-icon { width:18px !important; height:18px !important; flex-basis:18px !important; transform:none !important; }
body[data-app-variant="seller"] .seller-content { min-width:0; }
body[data-app-variant="seller"] .seller-workspace { width:min(1510px,calc(100% - 84px)); padding:44px 0 60px; }
body[data-app-variant="seller"] .seller-content .sv-head { margin-bottom:28px; }
body[data-app-variant="seller"] .seller-content .sv-hello { font-family:"Outfit", sans-serif; font-size:31px; line-height:1.12; font-weight: 700; }
body[data-app-variant="seller"] .seller-content .sv-hello small { margin-top:8px; font-size:13px; }
body[data-app-variant="seller"] .seller-content .sv-status { min-height:40px; padding:9px 14px; border-radius:11px; font-size:12px; }
body[data-app-variant="seller"] .panel-metrics { gap:15px; margin-bottom:18px; }
body[data-app-variant="seller"] .panel-metrics .sv-card { min-height:142px; padding:20px; border-radius:19px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico { width:35px; height:35px; border-radius:11px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > small { font-size:12px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info > strong { margin-top:8px; font-family:"Outfit", sans-serif; font-size:25px; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-cap { font-size:10px; }
body[data-app-variant="seller"] .panel-chart-card { padding:25px 27px 18px; border-radius:21px; }
body[data-app-variant="seller"] .panel-card-head h2 { font-family:"Outfit", sans-serif; font-size:16px; font-weight: 700; }
body[data-app-variant="seller"] .panel-card-head p { font-size:11px; }
body[data-app-variant="seller"] .panel-chart-wrap { height:260px; margin-top:22px; }
body[data-app-variant="seller"] .panel-bottom-grid { grid-template-columns:minmax(0,1.55fr) minmax(290px,.8fr); gap:18px; }
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card { border-radius:21px; padding:23px; }
body[data-app-variant="seller"] .panel-actions-card { padding-bottom:150px; }
body[data-app-variant="seller"] .panel-action-list button { min-height:56px; padding:10px 12px; gap:11px; border-radius:13px; }
body[data-app-variant="seller"] .panel-action-icon { width:30px; height:30px; flex-basis:30px; border-radius:10px; }
body[data-app-variant="seller"] .panel-action-list strong { font-size:11px; }
body[data-app-variant="seller"] .panel-action-list small { font-size:10px; }
body[data-app-variant="seller"] .panel-action-art { width:78%; max-width:220px; height:126px; }

  body[data-app-variant="seller"] .seller-sidebar { width:220px; flex-basis:220px; }
  body[data-app-variant="seller"] .seller-workspace { width:calc(100% - 50px); padding-top:35px; }


  body[data-app-variant="seller"] .seller-sidebar { width:68px; flex-basis:68px; padding:18px 10px; }
  body[data-app-variant="seller"] .seller-workspace { width:calc(100% - 30px); padding-top:28px; }
  body[data-app-variant="seller"] .seller-content .sv-hello { font-size:27px; }
  body[data-app-variant="seller"] .panel-bottom-grid { grid-template-columns:1fr; }




/* Cabeçalho do painel alinhado à referência, alimentado pelos dados reais da conta. */
body[data-app-variant="seller"] .seller-content { display:flex; flex-direction:column; }
body[data-app-variant="seller"] .seller-panel-topbar {
  min-height:72px; padding:0 42px; border-bottom:1px solid #e8ebef; background:rgba(255,255,255,.92);
  display:flex; align-items:center; justify-content:space-between; gap:24px; position:sticky; top:0; z-index:12; backdrop-filter:blur(16px);
}
body[data-app-variant="seller"] .seller-breadcrumb { color:#969daa; font-size:12px; }
body[data-app-variant="seller"] .seller-breadcrumb strong { color:#202124; font-weight:700; }
body[data-app-variant="seller"] .seller-user-cluster { display:flex; align-items:center; gap:12px; min-width:0; }
body[data-app-variant="seller"] .seller-top-notification { width:36px; height:36px; display:grid; place-items:center; border:1px solid #e8ebef; border-radius:11px; color:#8c94a0; background:#fff; }
body[data-app-variant="seller"] .seller-top-notification svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body[data-app-variant="seller"] .seller-user-profile { display:flex; align-items:center; gap:10px; min-width:0; border:0; background:transparent; padding:3px; text-align:left; }
body[data-app-variant="seller"] .seller-user-profile img { width:35px; height:35px; flex:0 0 35px; border-radius:11px; object-fit:cover; }
body[data-app-variant="seller"] .seller-user-copy { display:grid; gap:2px; min-width:0; }
body[data-app-variant="seller"] .seller-user-copy strong { max-width:180px; overflow:hidden; color:#202124; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
body[data-app-variant="seller"] .seller-user-copy small { color:#20a66a; font-size:10px; white-space:nowrap; }
body[data-app-variant="seller"] .seller-user-copy small i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:currentColor; }
body[data-app-variant="seller"] .seller-profile-caret { color:#a4aab4; font-size:12px; }
body[data-app-variant="seller"] .seller-overview-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
body[data-app-variant="seller"] .seller-overview-copy { min-width:0; }
body[data-app-variant="seller"] .seller-overview-eyebrow { margin:0 0 9px; color:#e83745; font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
body[data-app-variant="seller"] .seller-overview-title { margin:0; color:#202124; font-family:"Outfit", sans-serif; font-size:31px; font-weight: 700; line-height:1.12; letter-spacing:-.05em; }
body[data-app-variant="seller"] .seller-overview-subtitle { margin:8px 0 0; color:#7a8190; font-size:13px; }
body[data-app-variant="seller"] .seller-overview-actions { display:flex; align-items:center; gap:10px; flex:0 0 auto; }
body[data-app-variant="seller"] .seller-date-control,
body[data-app-variant="seller"] .seller-new-order { height:40px; padding:0 16px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:11px; font-size:12px; font-weight:600; white-space:nowrap; }
body[data-app-variant="seller"] .seller-date-control { border:1px solid #e8ebef; color:#68717b; background:#fff; }
body[data-app-variant="seller"] .seller-date-control svg,
body[data-app-variant="seller"] .seller-new-order svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
body[data-app-variant="seller"] .seller-new-order { color:#fff; background:#e83745; box-shadow:0 7px 16px rgba(232,55,69,.15); }
body[data-app-variant="seller"] .seller-workspace { padding-top:40px; }

  body[data-app-variant="seller"] .seller-panel-topbar { min-height:64px; padding:0 15px; }
  body[data-app-variant="seller"] .seller-user-copy, body[data-app-variant="seller"] .seller-profile-caret { display:none; }
  body[data-app-variant="seller"] .seller-overview-head { align-items:flex-start; flex-direction:column; }
  body[data-app-variant="seller"] .seller-overview-actions { width:100%; }
  body[data-app-variant="seller"] .seller-date-control, body[data-app-variant="seller"] .seller-new-order { flex:1; padding:0 10px; }
  body[data-app-variant="seller"] .seller-overview-title { font-size:27px; }




/* Barra lateral fiel à referência visual; navegação e dados continuam dinâmicos. */
body[data-app-variant="seller"] .seller-sidebar {
  position:sticky; top:0; width:258px; flex:0 0 258px; height:100vh; min-height:100vh;
  display:flex; flex-direction:column; overflow:hidden; background:#fff; border-right:1px solid #e7ebf0;
  box-shadow:none;
}
body[data-app-variant="seller"] .seller-sidebar-head { padding:8px 16px 0; border:0; background:#fff; }
body[data-app-variant="seller"] .seller-sidebar-brand {
  width:max-content; margin:0 auto 48px; color:#e83745; font-family:"Outfit", sans-serif;
  font-size:20px; font-weight: 700; line-height:1; letter-spacing:0;
}
body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial { color:#20242a; }
body[data-app-variant="seller"] .seller-workspace-card {
  width:100%; min-height:67px; padding:14px 13px; border:1px solid #e6eaf0; border-radius:15px;
  background:#fbfcfd; color:#222935;
}
body[data-app-variant="seller"] .seller-workspace-card small {
  display:block; margin-bottom:5px; color:#9aa4b2; font-size:10px; font-weight: 700; line-height:1;
  letter-spacing:.1em; text-transform:uppercase;
}
body[data-app-variant="seller"] .seller-workspace-card div { display:flex; align-items:center; justify-content:space-between; gap:10px; }
body[data-app-variant="seller"] .seller-workspace-card strong {
  min-width:0; overflow:hidden; font-size:14px; font-weight: 700; text-overflow:ellipsis; white-space:nowrap;
}
body[data-app-variant="seller"] .seller-workspace-card i {
  width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:#24b879; box-shadow:0 0 0 3px rgba(36,184,121,.1);
}
body[data-app-variant="seller"] .seller-workspace-card i.paused { background:#f2a83b; }
body[data-app-variant="seller"] .seller-workspace-card i.closed { background:#a5adb8; }
body[data-app-variant="seller"] .seller-sidebar-nav { flex:1; padding:25px 16px 12px; overflow-y:auto; }
body[data-app-variant="seller"] .seller-nav-group-label {
  display:block; margin:0 14px 10px; color:#a6afbb; font-size:10px; font-weight: 700;
  letter-spacing:.1em; text-transform:uppercase;
}
body[data-app-variant="seller"] .seller-sidebar-nav button {
  position:relative; width:100%; min-height:45px; margin:2px 0; padding:0 14px; gap:13px;
  border:0; border-radius:11px; color:#7d899b; background:transparent; font-size:14px; font-weight:500;
  transition:color .18s ease, background-color .18s ease, transform .18s ease;
}
body[data-app-variant="seller"] .seller-sidebar-nav button::before {
  content:""; position:absolute; left:-16px; top:12px; width:3px; height:21px; border-radius:0 3px 3px 0;
  background:#ef3345; opacity:0; transform:scaleY(.4); transition:opacity .18s ease, transform .18s ease;
}
body[data-app-variant="seller"] .seller-sidebar-nav button svg {
  width:17px; height:17px; padding:0; border-radius:0; color:#929dab; background:transparent;
  stroke-width:1.7; transition:color .18s ease, transform .18s ease;
}


body[data-app-variant="seller"] .seller-sidebar-nav button.active { color:#ef3345; background:#fff0f2; font-weight:700; }
body[data-app-variant="seller"] .seller-sidebar-nav button.active::before { opacity:1; transform:scaleY(1); }
body[data-app-variant="seller"] .seller-sidebar-nav button.active svg { color:#ef3345; background:transparent; stroke-width:1.9; }
body[data-app-variant="seller"] .seller-sidebar-nav .sv-count { margin-left:auto; color:#fff; background:#ef3345; }
body[data-app-variant="seller"] .seller-sidebar-footer {
  display:flex; align-items:center; gap:12px; min-height:72px; margin:0 16px; padding:0 14px;
  border-top:1px solid #e7ebf0; color:#8390a1; font-size:12px;
}
body[data-app-variant="seller"] .seller-help-icon {
  width:22px; height:22px; display:grid; place-items:center; border:1px solid #ef3345; border-radius:50%;
  color:#ef3345; background:#fff7f8; font-size:13px; line-height:1;
}

  body[data-app-variant="seller"] .seller-sidebar { width:220px; flex-basis:220px; }


  body[data-app-variant="seller"] .seller-sidebar { position:fixed; top:auto; bottom:0; z-index:40; width:100%; height:64px; min-height:64px; flex-basis:auto; border:0; border-top:1px solid #e7ebf0; }
  body[data-app-variant="seller"] .seller-sidebar-head, body[data-app-variant="seller"] .seller-sidebar-footer, body[data-app-variant="seller"] .seller-nav-group-label { display:none; }
  body[data-app-variant="seller"] .seller-sidebar-nav { display:block; padding:7px 8px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; }
  body[data-app-variant="seller"] .seller-nav-group { display:flex; min-width:max-content; }
  body[data-app-variant="seller"] .seller-sidebar-nav button { width:72px; min-height:49px; margin:0; padding:4px; flex-direction:column; gap:3px; font-size:9px; }
  body[data-app-variant="seller"] .seller-sidebar-nav button::before { display:none; }




      body[data-app-variant="seller"] .seller-finance-view { color:#15171a; }
      body[data-app-variant="seller"] .seller-finance-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin:12px 0 27px; }
      body[data-app-variant="seller"] .seller-finance-eyebrow { margin:0 0 8px!important; color:#e83745!important; font-size:11px!important; font-weight: 700; letter-spacing:.12em; }
      body[data-app-variant="seller"] .seller-finance-header h1 { margin:0; color:#111318; font-family:"Outfit", sans-serif; font-size:31px; line-height:1.1; font-weight: 700; letter-spacing:-.045em; }
      body[data-app-variant="seller"] .seller-finance-header > div > p:last-child { margin:7px 0 0; color:#7b8490; font-size:14px; }
      body[data-app-variant="seller"] .seller-finance-action { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 18px; border-radius:10px; color:#fff; background:#ef3444; box-shadow:0 8px 18px rgba(232,55,69,.18); font-size:13px; font-weight:750; white-space:nowrap; }
      body[data-app-variant="seller"] .seller-finance-action span { font-size:20px; font-weight:300; line-height:1; }
      body[data-app-variant="seller"] .seller-finance-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
      body[data-app-variant="seller"] .seller-finance-kpi { min-height:142px; padding:20px; border:0; border-radius:18px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-finance-kpi small { display:block; color:#8993a2; font-size:13px; }
      body[data-app-variant="seller"] .seller-finance-kpi strong { display:block; margin-top:19px; color:#101317; font-size:27px; line-height:1.05; font-weight: 700; letter-spacing:-.045em; }
      body[data-app-variant="seller"] .seller-finance-kpi p { margin:13px 0 0; color:#98a1ad; font-size:11px; }
      body[data-app-variant="seller"] .seller-finance-kpi p.positive { color:#079a52; font-weight:750; }
      body[data-app-variant="seller"] .seller-finance-clicks { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:0 0 18px; padding:18px 20px; border:0; border-radius:16px; background:#fffaf0; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-finance-clicks small, body[data-app-variant="seller"] .seller-finance-clicks strong { display:block; }
      body[data-app-variant="seller"] .seller-finance-clicks small { color:#88754c; font-size:12px; }
      body[data-app-variant="seller"] .seller-finance-clicks strong { margin-top:3px; font-size:23px; }
      body[data-app-variant="seller"] .seller-finance-clicks p { margin:3px 0 0; color:#9a8863; font-size:11px; }
      body[data-app-variant="seller"] .seller-finance-secondary { min-height:38px; padding:0 14px; border:0; border-radius:9px; color:#77591c; background:#fff; font-size:12px; font-weight:750; box-shadow:none; }
      body[data-app-variant="seller"] .seller-finance-movements { margin-top:18px; overflow:hidden; border:0; border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(36,43,50,.045); }
      body[data-app-variant="seller"] .seller-finance-withdrawals { margin-top:18px; overflow:hidden; border:0; border-radius:16px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-finance-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:18px 23px 8px; }
      body[data-app-variant="seller"] .seller-finance-section-head h2 { margin:0; color:#101827; font-size:16px; line-height:1.2; font-weight: 700; letter-spacing:0; }
      body[data-app-variant="seller"] .seller-finance-section-head p { margin:7px 0 0; color:#98a2b3; font-size:11px; line-height:1.35; }
      body[data-app-variant="seller"] .seller-finance-section-head > span { margin-top:10px; color:#f02535; font-size:11px; line-height:1; font-weight:700; white-space:nowrap; }
      body[data-app-variant="seller"] .seller-finance-table-wrap { overflow-x:auto; padding:0 23px 20px; }
      body[data-app-variant="seller"] .seller-finance-table { width:100%; border:0!important; border-radius:0!important; border-collapse:collapse!important; table-layout:fixed; overflow:visible!important; box-shadow:none!important; }
      body[data-app-variant="seller"] .seller-finance-table th { padding:9px 8px 10px; border-bottom:1px solid #e7ebf0; color:#98a2b3; font-size:10px; line-height:1.2; font-weight:600; text-align:left; }
      body[data-app-variant="seller"] .seller-finance-table th:first-child { width:51%; }
      body[data-app-variant="seller"] .seller-finance-table th:nth-child(2) { width:16%; }
      body[data-app-variant="seller"] .seller-finance-table th:nth-child(3) { width:15%; }
      body[data-app-variant="seller"] .seller-finance-table th:last-child, body[data-app-variant="seller"] .seller-finance-table td:last-child { text-align:right; }
      body[data-app-variant="seller"] .seller-finance-table td { height:51px; padding:12px 8px; border-bottom:1px solid #edf0f3; color:#52617a; font-size:11px; line-height:1.25; vertical-align:middle; }
      body[data-app-variant="seller"] .seller-finance-table tbody tr:last-child td { border-bottom:0; }
      body[data-app-variant="seller"] .seller-finance-table td:first-child strong { display:block; overflow:hidden; color:#101827; text-overflow:ellipsis; white-space:nowrap; font-size:11px; font-weight:750; }
      body[data-app-variant="seller"] .seller-finance-table td:first-child small { display:none; }
      body[data-app-variant="seller"] .seller-finance-tag { display:inline-flex; align-items:center; min-height:22px; padding:0 10px; border-radius:999px; color:#079957; background:#e9f8ef; font-size:10px; font-weight:750; }
      body[data-app-variant="seller"] .seller-finance-tag.pending { color:#b77908; background:#fff3d7; }
      body[data-app-variant="seller"] .seller-finance-value { color:#00a85a!important; font-weight: 700; }
      body[data-app-variant="seller"] .seller-finance-empty { margin:0; padding:25px; color:#8b949f; font-size:13px; }
      body[data-app-variant="seller"] .seller-finance-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin:18px 0; }
      body[data-app-variant="seller"] .seller-finance-summary article { padding:18px 20px; border:0; border-radius:16px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-finance-summary small, body[data-app-variant="seller"] .seller-finance-summary strong { display:block; }
      body[data-app-variant="seller"] .seller-finance-summary small { color:#8b95a1; font-size:12px; }
      body[data-app-variant="seller"] .seller-finance-summary strong { margin-top:7px; color:#181b20; font-size:23px; }
      body[data-app-variant="seller"] .seller-finance-view .fin-chart-card { margin-top:18px; border:0; border-radius:18px; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-finance-withdrawals { padding-bottom:18px; }
      body[data-app-variant="seller"] .seller-finance-withdrawals > .withdraw-history, body[data-app-variant="seller"] .seller-finance-withdrawals > table, body[data-app-variant="seller"] .seller-finance-withdrawals > div:not(.seller-finance-section-head) { margin-left:22px; margin-right:22px; }
       body[data-app-variant="seller"] .seller-finance-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } 
       body[data-app-variant="seller"] .seller-finance-header { align-items:stretch; flex-direction:column; } body[data-app-variant="seller"] .seller-finance-action { align-self:flex-start; } body[data-app-variant="seller"] .seller-finance-kpis, body[data-app-variant="seller"] .seller-finance-summary { grid-template-columns:1fr; } body[data-app-variant="seller"] .seller-finance-clicks { align-items:flex-start; flex-direction:column; } body[data-app-variant="seller"] .seller-finance-movements { border-radius:16px; } body[data-app-variant="seller"] .seller-finance-section-head { padding:18px 16px 8px; } body[data-app-variant="seller"] .seller-finance-table-wrap { padding:0 16px 16px; } body[data-app-variant="seller"] .seller-finance-table { min-width:680px; } 
    


/* ===== Aba Promoções: três modalidades reais ===== */
body[data-app-variant="seller"] .promotions-page {
  display: grid;
  gap: 18px;
}
body[data-app-variant="seller"] .promotions-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 4px;
}
body[data-app-variant="seller"] .promotions-heading-copy small {
  display: block;
  margin-bottom: 8px;
  color: #e83745;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}
body[data-app-variant="seller"] .promotions-heading-copy h1 {
  margin: 0;
  color: #171a21;
  font-size: clamp(27px, 3vw, 36px);
  line-height: 1.08;
  letter-spacing: 0;
}
body[data-app-variant="seller"] .promotions-heading-copy p {
  margin: 8px 0 0;
  color: #7d8493;
  font-size: 14px;
}
body[data-app-variant="seller"] .promotions-new-button {
  min-height: 42px;
  padding: 0 18px;
  border-radius: 11px;
  background: #e83745;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  box-shadow: 0 10px 24px rgba(232, 55, 69, .2);
  transition: transform .18s ease, background .18s ease;
}
body[data-app-variant="seller"] .promotion-mode-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
body[data-app-variant="seller"] .promotion-mode-card {
  position: relative;
  min-height: 180px;
  overflow: hidden;
  padding: 24px 22px 20px;
  border-radius: 18px;
  color: #fff;
  box-shadow: 0 13px 30px rgba(23, 35, 60, .1);
}
body[data-app-variant="seller"] .promotion-mode-card::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -45px;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255, 255, 255, .26);
  border-radius: 50%;
}
body[data-app-variant="seller"] .promotion-mode-card.public { background: #d7253a; }
body[data-app-variant="seller"] .promotion-mode-card.personal { background: #354053; }
body[data-app-variant="seller"] .promotion-mode-card.freight { background: #347fcf; }
body[data-app-variant="seller"] .promotion-mode-card h2 {
  position: relative;
  z-index: 1;
  margin: 0;
  color: inherit;
  font-size: 20px;
  letter-spacing: 0;
}
body[data-app-variant="seller"] .promotion-mode-card p {
  position: relative;
  z-index: 1;
  max-width: 250px;
  min-height: 42px;
  margin: 10px 0 17px;
  color: rgba(255, 255, 255, .9);
  font-size: 12px;
  line-height: 1.5;
}
body[data-app-variant="seller"] .promotion-mode-card button {
  position: relative;
  z-index: 1;
  min-height: 35px;
  padding: 0 16px;
  border-radius: 10px;
  background: #fff;
  color: #171a21;
  font-size: 12px;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease;
}

body[data-app-variant="seller"] .promotions-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 22px;
  border: 0;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 4px 15px rgba(33,48,66,.04);
}
body[data-app-variant="seller"] .promotions-summary-head {
  grid-column: 1 / -1;
  margin-bottom: 2px;
}
body[data-app-variant="seller"] .promotions-summary-head h2 {
  margin: 0;
  color: #171a21;
  font-size: 16px;
}
body[data-app-variant="seller"] .promotions-summary-head p {
  margin: 5px 0 0;
  color: #8a91a0;
  font-size: 12px;
}
body[data-app-variant="seller"] .promotion-stat {
  padding: 16px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-app-variant="seller"] .promotion-stat small {
  display: block;
  color: #8a91a0;
  font-size: 12px;
}
body[data-app-variant="seller"] .promotion-stat strong {
  display: block;
  margin-top: 12px;
  color: #171a21;
  font-size: 25px;
  line-height: 1;
}
body[data-app-variant="seller"] .promotions-list-panel {
  margin-top: 0 !important;
}

  body[data-app-variant="seller"] .promotion-mode-grid { grid-template-columns: 1fr; }
  body[data-app-variant="seller"] .promotion-mode-card { min-height: 164px; }
  body[data-app-variant="seller"] .promotions-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }


  body[data-app-variant="seller"] .promotions-heading { align-items: stretch; flex-direction: column; }
  body[data-app-variant="seller"] .promotions-new-button { width: 100%; }
  body[data-app-variant="seller"] .promotions-summary { grid-template-columns: 1fr; padding: 16px; }

@media (prefers-reduced-motion: reduce) {
  body[data-app-variant="seller"] .promotions-new-button,
  body[data-app-variant="seller"] .promotion-mode-card button { transition: none; }
}



/* ===== Relatórios: dados reais dos pedidos ===== */
body[data-app-variant="seller"] .reports-page { display:grid; gap:24px; }
body[data-app-variant="seller"] .reports-header { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
body[data-app-variant="seller"] .reports-heading small { display:block; margin-bottom:8px; color:#e83745; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
body[data-app-variant="seller"] .reports-heading h1 { margin:0; color:#171a21; font-size:clamp(27px,3vw,36px); line-height:1.08; letter-spacing:0; }
body[data-app-variant="seller"] .reports-heading p { margin:8px 0 0; color:#7d8493; font-size:14px; }
body[data-app-variant="seller"] .reports-export { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 16px; border:0; border-radius:11px; background:#f7f8fa; color:#657087; font-size:13px; font-weight:700; }
body[data-app-variant="seller"] .reports-export svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; }
body[data-app-variant="seller"] .reports-grid { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(290px,1fr); gap:18px; }
body[data-app-variant="seller"] .report-card { min-width:0; padding:24px; border:0; border-radius:18px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
body[data-app-variant="seller"] .report-card h2 { margin:0; color:#171a21; font-size:16px; letter-spacing:0; }
body[data-app-variant="seller"] .report-card-subtitle { display:block; margin-top:5px; color:#99a0ad; font-size:12px; }
body[data-app-variant="seller"] .report-chart-wrap { min-height:265px; margin-top:22px; display:flex; align-items:flex-end; }
body[data-app-variant="seller"] .report-bars { width:100%; height:250px; overflow:visible; }
body[data-app-variant="seller"] .report-bars .bar { fill:#ed3446; }
body[data-app-variant="seller"] .report-bars .bar.muted { fill:#ef6c78; }
body[data-app-variant="seller"] .report-bars text { fill:#8b93a3; font-family:"Outfit", sans-serif; font-size:11px; }
body[data-app-variant="seller"] .report-bars .value { fill:#596173; font-weight:600; }
body[data-app-variant="seller"] .report-empty { align-self:center; width:100%; color:#8b93a3; font-size:13px; text-align:center; }
body[data-app-variant="seller"] .report-donut-wrap { display:grid; place-items:center; min-height:195px; margin-top:10px; }
body[data-app-variant="seller"] .report-donut { width:172px; height:172px; transform:rotate(-90deg); }
body[data-app-variant="seller"] .report-donut circle { fill:none; stroke-width:22; }
body[data-app-variant="seller"] .report-donut .track { stroke:#edf0f3; }
body[data-app-variant="seller"] .report-donut .delivery { stroke:#ed3446; }
body[data-app-variant="seller"] .report-donut .pickup { stroke:#f39aa2; }
body[data-app-variant="seller"] .report-legend { display:grid; gap:12px; margin-top:4px; }
body[data-app-variant="seller"] .report-legend-row { display:flex; align-items:center; gap:9px; color:#7f899c; font-size:12px; }
body[data-app-variant="seller"] .report-legend-row i { width:8px; height:8px; border-radius:50%; background:#ed3446; }
body[data-app-variant="seller"] .report-legend-row i.pickup { background:#f39aa2; }
body[data-app-variant="seller"] .report-legend-row strong { margin-left:auto; color:#657087; font-size:12px; }
body[data-app-variant="seller"] .report-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
body[data-app-variant="seller"] .report-kpi { padding:20px; border:0; border-radius:16px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
body[data-app-variant="seller"] .report-kpi small { color:#8b93a3; font-size:12px; }
body[data-app-variant="seller"] .report-kpi strong, body[data-app-variant="seller"] .report-kpi-value { display:block; margin-top:10px; color:#171a21; font-size:16px; font-weight:700; line-height:1.1; }
@media(max-width:900px){ body[data-app-variant="seller"] .reports-grid{grid-template-columns:1fr} }
@media(max-width:620px){ body[data-app-variant="seller"] .reports-header{align-items:stretch;flex-direction:column} body[data-app-variant="seller"] .reports-export{justify-content:center} body[data-app-variant="seller"] .report-kpis{grid-template-columns:1fr} body[data-app-variant="seller"] .report-card{padding:18px} }



body[data-app-variant="seller"] .seller-coupons-admin { margin-top: 2px; padding: 22px; border-radius: 18px; background: #fff; box-shadow: 0 10px 28px rgba(23,35,60,.07); scroll-margin-top: 92px; }
body[data-app-variant="seller"] .seller-coupons-admin-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:16px; }
body[data-app-variant="seller"] .seller-coupons-admin-head h2 { margin:0; color:#171a21; font-size:20px; }
body[data-app-variant="seller"] .seller-coupons-admin-head p { margin:5px 0 0; color:#7d8493; font-size:13px; }
body[data-app-variant="seller"] .seller-coupons-admin-head > span { color:#e83745; font-size:12px; font-weight:700; white-space:nowrap; }
body[data-app-variant="seller"] .seller-coupon-list { display:grid; gap:12px; }
body[data-app-variant="seller"] .seller-coupon-row { display:grid; grid-template-columns:minmax(245px, 330px) minmax(0,1fr) auto; align-items:center; gap:18px; padding:13px; border:1px solid #eee; border-radius:15px; background:#fff; transition:opacity .18s ease, border-color .18s ease; }
body[data-app-variant="seller"] .seller-coupon-row.is-inactive { opacity:.68; background:#fafafa; }
body[data-app-variant="seller"] .seller-coupon-art { min-height:108px; width:100%; border:0; box-shadow:none; cursor:default; pointer-events:none; }
body[data-app-variant="seller"] .seller-coupon-art .coupon-main { min-width:0; }
body[data-app-variant="seller"] .seller-coupon-art .coupon-main b { font-size:19px; }
body[data-app-variant="seller"] .seller-coupon-info { min-width:0; display:grid; gap:4px; }
body[data-app-variant="seller"] .seller-coupon-info small { color:#7d8493; font-size:12px; overflow-wrap:anywhere; }
body[data-app-variant="seller"] .seller-coupon-title { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
body[data-app-variant="seller"] .seller-coupon-title > strong { color:#171a21; font-size:16px; letter-spacing:.06em; }
body[data-app-variant="seller"] .seller-coupon-status { display:inline-flex; padding:4px 8px; border-radius:999px; font-size:10px; font-weight:700; }
body[data-app-variant="seller"] .seller-coupon-status.active { color:#237a42; background:#e7f6ea; }
body[data-app-variant="seller"] .seller-coupon-status.inactive { color:#777; background:#ececec; }
body[data-app-variant="seller"] .seller-coupon-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; }
body[data-app-variant="seller"] .seller-coupons-empty { display:grid; justify-items:center; gap:5px; padding:30px 16px; border:1px dashed #ddd; border-radius:14px; color:#7d8493; text-align:center; }
body[data-app-variant="seller"] .seller-coupons-empty strong { color:#343943; }
body[data-app-variant="seller"] .seller-coupons-empty p { margin:0; font-size:13px; }
body[data-app-variant="seller"] .coupon-empty-mark { display:grid; place-items:center; width:42px; height:42px; margin-bottom:4px; border-radius:12px; background:#e83745; color:#fff; font-size:24px; font-weight:700; transform:rotate(-8deg); }
 body[data-app-variant="seller"] .seller-coupon-row { grid-template-columns:1fr; gap:12px; } body[data-app-variant="seller"] .seller-coupon-actions { justify-content:flex-start; } 
 body[data-app-variant="seller"] .seller-coupons-admin { padding:16px; } body[data-app-variant="seller"] .seller-coupons-admin-head { align-items:flex-start; flex-direction:column; } body[data-app-variant="seller"] .seller-coupon-art { min-height:100px; } 



/* Entregas segue o mesmo acabamento visual dos demais painéis do vendedor. */
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel,
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .settings-card,
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .product-admin,
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .courier-invite-row {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, .04) !important;
  background: #fff !important;
}
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .product-admin,
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .courier-invite-row {
  border-radius: 13px !important;
}
html body[data-app-variant="seller"] .seller-content .seller-delivery-panel .settings-card {
  border-radius: 14px !important;
}



html body[data-app-variant="seller"] .seller-coupon-design {
  width: 250px !important;
  height: 132px !important;
  min-width: 250px !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #fce4d9 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-coupon-design img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 14px !important;
}

  html body[data-app-variant="seller"] .seller-coupon-design { width: 100% !important; min-width: 0 !important; height: 145px !important; }


  html body[data-app-variant="seller"] .seller-coupon-design { height: 132px !important; }




html body[data-app-variant="seller"] .seller-coupons-admin { padding: 16px !important; }
html body[data-app-variant="seller"] .seller-coupons-admin-head { margin-bottom: 10px !important; }
html body[data-app-variant="seller"] .seller-coupons-admin-head h2 { font-size: 18px !important; }
html body[data-app-variant="seller"] .seller-coupon-list { gap: 8px !important; }
html body[data-app-variant="seller"] .seller-coupon-row { grid-template-columns: 170px minmax(0, 1fr) auto !important; gap: 12px !important; padding: 8px !important; border-radius: 12px !important; }
html body[data-app-variant="seller"] .seller-coupon-design { width: 170px !important; min-width: 170px !important; height: 96px !important; border-radius: 10px !important; }
html body[data-app-variant="seller"] .seller-coupon-design img { border-radius: 10px !important; }
html body[data-app-variant="seller"] .seller-coupon-info { gap: 2px !important; }
html body[data-app-variant="seller"] .seller-coupon-title > strong { font-size: 14px !important; }
html body[data-app-variant="seller"] .seller-coupon-actions { gap: 5px !important; }
html body[data-app-variant="seller"] .seller-coupon-actions .small-outline { padding: 0 8px !important; min-height: 30px !important; font-size: 11px !important; }

  html body[data-app-variant="seller"] .seller-coupon-row { grid-template-columns: 140px minmax(0, 1fr) !important; gap: 10px !important; }
  html body[data-app-variant="seller"] .seller-coupon-design { width: 140px !important; min-width: 140px !important; height: 82px !important; }
  html body[data-app-variant="seller"] .seller-coupon-actions { grid-column: 1 / -1; justify-content: flex-start !important; }


  html body[data-app-variant="seller"] .seller-coupon-row { grid-template-columns: 1fr !important; }
  html body[data-app-variant="seller"] .seller-coupon-design { width: 100% !important; min-width: 0 !important; height: 112px !important; }




html body[data-app-variant="seller"] .seller-sidebar-footer {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color .18s ease, background .18s ease !important;
}

html body[data-app-variant="seller"] .seller-sidebar-footer .seller-help-icon {
  flex: 0 0 auto;
}



/* Logo fornecida pelo usuário no menu lateral do lojista. */
html body[data-app-variant="seller"] .seller-sidebar-head::before {
  content: none !important;
  display: none !important;
}
html body[data-app-variant="seller"] .seller-sidebar-brand {
  width: 200px !important;
  height: 56px !important;
  margin: 0 0 8px 2px !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}
html body[data-app-variant="seller"] .seller-sidebar-brand img {
  width: 86px !important;
  height: 48px !important;
  object-fit: contain !important;
  object-position: left center !important;
  display: block !important;
  max-width: none !important;
  transform: none !important;
  transform-origin: left center !important;
}

  html body[data-app-variant="seller"] .seller-sidebar-brand {
    width: 52px !important;
    height: 48px !important;
    margin: 0 0 8px 0 !important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-brand img {
    width: 86px !important;
    height: 48px !important;
    max-width: none !important;
    transform: none !important;
  }




/* Ajuste de tipografia das 4 badges mobile conforme solicitado */

  .store-quick-btn,
  .store-quick-btn span,
  button.store-quick-btn {
    font-family: "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    color: #334155 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
  }

@media (max-width: 390px) {
  .store-quick-btn,
  .store-quick-btn span,
  button.store-quick-btn {
    font-size: 11px !important;
  }
}



/* Estilos para o Card de Mais Vendidos */
body[data-app-variant="seller"] .panel-bestsellers-card {
  background: #ffffff !important;
  border: 1px solid #e7eaee !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
  box-shadow: 0 4px 18px rgba(32,33,36,0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-title-wrap {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  flex-shrink: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-icon svg {
  width: 16px !important;
  height: 16px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;
  background: #f8fafc !important;
  color: #94a3b8 !important;
  transition: all .2s ease !important;
}

body[data-app-variant="seller"] .panel-bestsellers-link svg {
  width: 15px !important;
  height: 15px !important;
}



body[data-app-variant="seller"] .panel-bestsellers-head h2 {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-link {
  background: none !important;
  border: none !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 4px 6px !important;
  border-radius: 6px !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}



body[data-app-variant="seller"] .panel-bestsellers-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body[data-app-variant="seller"] .panel-bestsellers-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-rank {
  width: 24px !important;
  height: 24px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
  background: #f1f5f9 !important;
  color: #475569 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-rank.rank-1 {
  background: #ffe4e6 !important;
  color: #e11d48 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-info {
  flex: 1 !important;
  min-width: 0 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-name {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-bottom: 5px !important;
  line-height: 1.25 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-bar-bg {
  width: 100% !important;
  height: 4px !important;
  background: #f1f5f9 !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

body[data-app-variant="seller"] .panel-bestsellers-bar-fill {
  height: 100% !important;
  background: #e11d48 !important;
  border-radius: 999px !important;
  transition: width 0.4s ease !important;
}

body[data-app-variant="seller"] .panel-bestsellers-stats {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  flex-shrink: 0 !important;
  min-width: 65px !important;
}

body[data-app-variant="seller"] .panel-bestsellers-qty {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.2 !important;
}

body[data-app-variant="seller"] .panel-bestsellers-val {
  font-size: 11px !important;
  color: #64748b !important;
  line-height: 1.2 !important;
  margin-top: 2px !important;
}

/* ========================================================
   Ações Rápidas: Tipografia Maior e Remoção do Espaço Vazio
   ======================================================== */
body[data-app-variant="seller"] .panel-actions-card {
  padding: 22px 22px !important;
  min-height: auto !important;
  padding-bottom: 22px !important;
}

body[data-app-variant="seller"] .panel-actions-card .panel-card-head h2 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  letter-spacing: -0.01em !important;
}

body[data-app-variant="seller"] .panel-actions-card .panel-card-head p {
  font-size: 13px !important;
  color: #64748b !important;
  margin-top: 4px !important;
}

body[data-app-variant="seller"] .panel-action-list {
  display: grid !important;
  gap: 10px !important;
  margin-top: 16px !important;
}

body[data-app-variant="seller"] .panel-action-list button {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 66px !important;
  padding: 12px 14px !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  text-align: left !important;
}



body[data-app-variant="seller"] .panel-action-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
}

body[data-app-variant="seller"] .panel-action-icon img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}

body[data-app-variant="seller"] .panel-action-list button > span:nth-child(2) {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  flex: 1 !important;
}

/* Fontes maiores para os títulos e descrições dos botões */
body[data-app-variant="seller"] .panel-action-list strong {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.25 !important;
}

body[data-app-variant="seller"] .panel-action-list small {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #64748b !important;
  line-height: 1.35 !important;
}

body[data-app-variant="seller"] .panel-action-list b {
  font-size: 18px !important;
  color: #94a3b8 !important;
  margin-left: auto !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}



/* Ilustracao das Acoes Rapidas restaurada e centralizada */
body[data-app-variant="seller"] .panel-actions-card {
  padding-bottom: 128px !important;
  position: relative !important;
  overflow: hidden !important;
}

body[data-app-variant="seller"] .panel-action-art {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 4px !important;
  transform: translateX(-50%) !important;
  width: 190px !important;
  height: 120px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  pointer-events: none !important;
}


  body[data-app-variant="seller"] .panel-actions-card { padding-bottom: 118px !important; }
  body[data-app-variant="seller"] .panel-action-art { width: 160px !important; height: 104px !important; }


/* Layout em coluna para a lateral direita (Mais vendidos + Ações rápidas) */
.panel-side-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
}



/* ========================================================
   PADRONIZAÇÃO EXATA DOS DOIS CARDS:
   Mais Vendidos (.panel-bestsellers-card)
   Ações Rápidas (.panel-actions-card)
   ======================================================== */

/* Container da coluna direita onde ambos ficam empilhados */
html body[data-app-variant="seller"] .panel-side-stack {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  width: 100% !important;
}

/* Padroniza ambos os cards com a mesma largura, borda, raio e padding */
html body[data-app-variant="seller"] .panel-bestsellers-card,
html body[data-app-variant="seller"] .panel-actions-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid #e7eaee !important;
  border-radius: 16px !important;
  padding: 20px 20px !important;
  box-shadow: 0 4px 18px rgba(32, 33, 36, 0.04) !important;
  margin: 0 !important;
  align-self: stretch !important;
}

/* Card de Mais Vendidos */
html body[data-app-variant="seller"] .panel-bestsellers-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* Card de Ações Rápidas - mesma estrutura e largura de Mais Vendidos */
html body[data-app-variant="seller"] .panel-actions-card {
  position: relative !important;
  overflow: hidden !important;
  height: auto !important;
  min-height: 380px !important;
  padding-bottom: 130px !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Cabeçalho padronizado */
html body[data-app-variant="seller"] .panel-actions-card .panel-card-head {
  margin-bottom: 14px !important;
}

html body[data-app-variant="seller"] .panel-actions-card .panel-card-head h2 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

html body[data-app-variant="seller"] .panel-actions-card .panel-card-head p {
  font-size: 13px !important;
  color: #64748b !important;
  margin: 4px 0 0 0 !important;
}

/* Lista de Ações */
html body[data-app-variant="seller"] .panel-action-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-top: 4px !important;
  width: 100% !important;
}

/* Botões das Ações Rápidas ocupando 100% da largura do card */
html body[data-app-variant="seller"] .panel-action-list button,
html body[data-app-variant="seller"] .seller-content .panel-action-list button {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 60px !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
  color: #1e293b !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: all 0.2s ease !important;
}



/* Ícone de cada ação - elegante com SVG em fallback para nunca ficar quadrado quebrado */
html body[data-app-variant="seller"] .panel-action-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  border-radius: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body[data-app-variant="seller"] .panel-action-icon.pink {
  background: #ffe4e6 !important;
  color: #e11d48 !important;
}

html body[data-app-variant="seller"] .panel-action-icon.yellow {
  background: #fef3c7 !important;
  color: #d97706 !important;
}

html body[data-app-variant="seller"] .panel-action-icon.green {
  background: #dcfce7 !important;
  color: #16a34a !important;
}

html body[data-app-variant="seller"] .panel-action-icon {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body[data-app-variant="seller"] .panel-action-icon img {
  width: 28px !important;
  height: 28px !important;
  max-width: 90% !important;
  max-height: 90% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Textos dos botões com fontes ampliadas e legíveis */
html body[data-app-variant="seller"] .panel-action-list strong,
html body[data-app-variant="seller"] .seller-content .panel-action-list strong {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  line-height: 1.25 !important;
}

html body[data-app-variant="seller"] .panel-action-list small,
html body[data-app-variant="seller"] .seller-content .panel-action-list small {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: #64748b !important;
  line-height: 1.35 !important;
}

html body[data-app-variant="seller"] .panel-action-list b {
  font-size: 17px !important;
  color: #94a3b8 !important;
  margin-left: auto !important;
}

/* Imagem da mascote no rodapé do card de ações rápidas */
html body[data-app-variant="seller"] .panel-action-art {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0px !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  width: 180px !important;
  height: 120px !important;
  object-fit: contain !important;
  object-position: center bottom !important;
  pointer-events: none !important;
}



/* Ajuste dos cartões de pedidos: ações agrupadas sem espaço vertical sobrando. */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard {
  justify-content: flex-start !important;
  align-content: flex-start !important;
  row-gap: 0 !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard .ob-row {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard .ob-refuse {
  flex: 0 0 auto !important;
  margin-top: 4px !important;
  margin-bottom: 0 !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard .ob-items {
  flex: 0 0 auto !important;
}



/* Versão mobile: um único menu inferior com quatro abas. */

  html, body { width:100%; max-width:100%; overflow-x:hidden; }
  body[data-app-variant="seller"] { padding-bottom:74px!important; }
  body[data-app-variant="seller"] .seller-layout { display:block!important; min-height:100dvh; }
  body[data-app-variant="seller"] .seller-sidebar {
    position:fixed!important; inset:auto 0 0!important; z-index:100!important;
    width:100%!important; height:70px!important; min-height:70px!important;
    padding:0!important; border:0!important; border-top:1px solid #e7ebf0!important;
    background:#fff!important; box-shadow:0 -7px 24px rgba(28,35,45,.08)!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-head,
  body[data-app-variant="seller"] .seller-sidebar-footer,
  body[data-app-variant="seller"] .seller-nav-group-label { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav {
    display:block!important; width:100%!important; height:70px!important;
    padding:5px max(6px, env(safe-area-inset-right)) max(5px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left))!important;
    overflow:visible!important;
  }
  body[data-app-variant="seller"] .seller-nav-group {
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important; min-width:0!important; height:100%!important; gap:2px!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav button {
    width:100%!important; min-width:0!important; min-height:58px!important; margin:0!important;
    padding:5px 2px!important; display:flex!important; flex-direction:column!important;
    align-items:center!important; justify-content:center!important; gap:3px!important;
    border-radius:10px!important; font-size:10px!important; line-height:1.1!important;
    white-space:nowrap!important; transform:none!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav button::before { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    width:20px!important; height:20px!important; flex:0 0 20px!important; transform:none!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
    position:absolute!important; top:2px!important; right:calc(50% - 19px)!important;
    min-width:16px!important; height:16px!important; margin:0!important; padding:0 4px!important;
    display:grid!important; place-items:center!important; font-size:8px!important;
  }
  body[data-app-variant="seller"] .seller-content { width:100%!important; min-width:0!important; }
  body[data-app-variant="seller"] .seller-panel-topbar {
    position:sticky!important; top:0!important; z-index:30!important; min-height:58px!important;
    padding:0 14px!important; background:#fff!important;
  }
  body[data-app-variant="seller"] .seller-breadcrumb { min-width:0!important; font-size:12px!important; }
  body[data-app-variant="seller"] .seller-user-copy,
  body[data-app-variant="seller"] .seller-profile-caret { display:none!important; }
  body[data-app-variant="seller"] .seller-workspace {
    width:100%!important; max-width:none!important; padding:20px 14px 28px!important;
  }
  body[data-app-variant="seller"] .seller-overview-head,
  body[data-app-variant="seller"] .seller-finance-header {
    align-items:flex-start!important; flex-direction:column!important; gap:14px!important;
  }
  body[data-app-variant="seller"] .seller-overview-actions { display:grid!important; grid-template-columns:1fr 1fr!important; width:100%!important; }
  body[data-app-variant="seller"] .seller-content .sv-metrics,
  body[data-app-variant="seller"] .seller-finance-kpis,
  body[data-app-variant="seller"] .seller-finance-summary,
  body[data-app-variant="seller"] .seller-shortcut-grid { grid-template-columns:1fr!important; }
  body[data-app-variant="seller"] .orders-board,
  body[data-app-variant="seller"] .seller-table-wrap,
  body[data-app-variant="seller"] .seller-finance-table-wrap { max-width:100%!important; overflow-x:auto!important; }
  body[data-app-variant="seller"] .seller-finance-action { width:100%!important; }




body[data-app-variant="seller"] .coupon-type-grid{display:grid;grid-template-columns:1fr;gap:10px;padding:4px 0 12px}
body[data-app-variant="seller"] .coupon-type-card{display:grid;grid-template-columns:40px 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px 10px;padding:12px;border:1px solid #ececec;border-radius:12px;background:#fff;text-align:left;color:#292929}

body[data-app-variant="seller"] .coupon-type-icon{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#fff0f1;color:#e83745}.coupon-type-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-app-variant="seller"] .coupon-type-card strong{font-size:14px}.coupon-type-card small{color:#777;font-size:11px}.coupon-type-card b{grid-column:3;grid-row:1/3;color:#e83745;font-size:11px}
body[data-app-variant="seller"] .seller-coupons-mobile{width:100%;max-width:760px}.seller-coupons-mobile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.seller-coupons-mobile-head h1{margin:0;font-size:24px}.seller-coupons-mobile-head p{margin:4px 0 0;color:#777;font-size:12px}.seller-coupons-mobile-head .seller-settings-save{white-space:nowrap}
body[data-app-variant="seller"] .coupon-mobile-list{display:grid;gap:8px}.coupon-mobile-card{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid #e9e9e9;border-radius:11px;background:#fff}.coupon-mobile-art{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#fff0f1;color:#e83745}.coupon-mobile-art svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.coupon-mobile-copy{min-width:0;display:grid;gap:2px}.coupon-mobile-copy strong{font-size:13px;letter-spacing:.04em}.coupon-mobile-copy small{color:#777;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupon-mobile-copy em{font-size:10px;color:#2d8a57;font-style:normal}.coupon-mobile-card.is-archived .coupon-mobile-copy em{color:#888}.coupon-mobile-actions{display:flex;gap:4px}.coupon-mobile-actions button{border:1px solid #e8e8e8;border-radius:12px;padding:6px 10px;background:#fff;color:#e83745;font-size:10px;font-weight:700}.coupon-mobile-history{margin-top:14px;border-top:1px solid #eee;padding-top:12px}.coupon-mobile-history summary{cursor:pointer;color:#555;font-size:12px;font-weight:700}.coupon-mobile-history summary span{color:#e83745}.seller-coupons-empty{padding:18px;border:1px dashed #ddd;border-radius:10px;color:#777;font-size:12px}.seller-account-identity{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:10px;border:1px solid #eee;border-radius:11px}.seller-account-identity img{width:42px;height:42px}.seller-account-identity div{display:grid;gap:3px}.seller-account-identity small{color:#777;font-size:11px}.seller-account-settings .seller-settings-view{padding:0}.seller-account-settings .seller-settings-header{margin-bottom:12px}.seller-account-settings .seller-settings-header h1{font-size:19px}.seller-account-settings .seller-settings-grid{grid-template-columns:1fr;gap:8px}.seller-account-settings .seller-settings-panel{padding:11px}.seller-account-settings .seller-settings-eyebrow,.seller-account-settings .seller-settings-subtitle{display:none}
@media(max-width:700px){body[data-app-variant="seller"] .seller-coupons-mobile-head{align-items:center}.seller-coupons-mobile-head h1{font-size:21px}.coupon-mobile-card{grid-template-columns:34px minmax(0,1fr);}.coupon-mobile-art{width:34px;height:34px}.coupon-mobile-actions{grid-column:2}.coupon-mobile-actions button{flex:1}.seller-account-settings .seller-settings-panel h2{font-size:13px}}




  html body[data-app-variant="seller"] #overlay.overlay .seller-account-modal-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:-14px -14px 10px!important;padding:12px 14px!important;border-bottom:1px solid #edf0f3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity{display:flex!important;align-items:center!important;gap:10px!important;margin:8px 0 10px!important;padding:0 4px!important;border:0!important;background:transparent!important;box-shadow:none!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-header{display:none!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-grid{margin-top:0!important}
  html body[data-app-variant="seller"] .coupon-hub-body{display:grid;gap:14px}
  html body[data-app-variant="seller"] .coupon-hub-choices{display:grid;gap:8px}
  html body[data-app-variant="seller"] .coupon-hub-active{display:flex;justify-content:space-between;padding:9px 11px;border:1px solid #edf0f3;border-radius:9px;color:#555}
  html body[data-app-variant="seller"] .coupon-hub-active span{color:#e83745;font-weight:700}
  html body[data-app-variant="seller"] .coupon-hub-history{border-top:1px solid #edf0f3;padding-top:10px}
  html body[data-app-variant="seller"] .coupon-hub-history summary{cursor:pointer;font-weight:700;color:#555}
  html body[data-app-variant="seller"] .coupon-hub-history summary span{color:#e83745}
  html body[data-app-variant="seller"] .coupon-history-list{display:grid;gap:7px;margin-top:9px}
  html body[data-app-variant="seller"] .coupon-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #edf0f3;border-radius:9px}
  html body[data-app-variant="seller"] .coupon-history-row div{display:grid;gap:2px;min-width:0}.coupon-history-row strong{font-size:12px}.coupon-history-row small{font-size:10px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coupon-history-row button{border:1px solid #f0d9dc;border-radius:7px;padding:6px 8px;background:#fff7f8;color:#c52f3c;font-size:10px;font-weight:700}.coupon-history-empty{margin:8px 0 0;color:#777;font-size:11px}





  /* O botão volta a aparecer no topo da conta e abre o formulário completo salvável. */
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0 2px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-heading{display:block!important;margin:0!important;font-size:16px!important;line-height:1.2!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-save{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:8px 11px!important;border:0!important;border-radius:8px!important;color:#fff!important;background:#e83745!important;font-size:11px!important;font-weight:750!important;line-height:1.1!important;white-space:nowrap!important;box-shadow:0 3px 8px rgba(232,55,69,.18)!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-save svg{width:14px!important;height:14px!important;margin-right:4px!important;stroke:currentColor!important}
  /* Compactação dos modais e cartões de entrega/retirada. */
  html body[data-app-variant="seller"] #overlay.overlay .seller-setup-modal,
  html body[data-app-variant="seller"] #overlay.overlay .seller-delivery-view,
  html body[data-app-variant="seller"] #overlay.overlay .seller-settings-view{height:auto!important;min-height:0!important;max-height:none!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-setup-modal{padding:0!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-setup-art{height:72px!important;margin:-4px -4px 10px!important;border-radius:10px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-choice-grid,
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-list{gap:7px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-choice,
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-option{min-height:0!important;padding:9px 10px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-option strong{font-size:12px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-option small{font-size:10px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-setup-note{padding:9px 10px!important;font-size:11px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-grid{gap:8px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-panel{height:auto!important;min-height:0!important}





  html body[data-app-variant="seller"] #overlay.overlay .seller-account-modal-head{margin-bottom:4px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity{flex-direction:column!important;justify-content:center!important;gap:5px!important;margin:8px 0 12px!important;padding:0!important;text-align:center!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity img{width:48px!important;height:48px!important;flex:0 0 48px!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity div{display:grid!important;justify-items:center!important;gap:3px!important;text-align:center!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity strong{font-size:12px!important;line-height:1.2!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity small{font-size:10px!important;line-height:1.2!important}





  html body[data-app-variant="seller"] #overlay.overlay .coupon-type-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;overflow:hidden!important;border-radius:10px!important;background:#fff0f1!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-choice-art{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card{grid-template-columns:42px 1fr auto!important;min-height:58px!important;padding:8px 10px!important}





  html body[data-app-variant="seller"] #overlay.overlay,
  html body[data-app-variant="seller"] #overlay.overlay button,
  html body[data-app-variant="seller"] #overlay.overlay input,
  html body[data-app-variant="seller"] #overlay.overlay select,
  html body[data-app-variant="seller"] #overlay.overlay textarea{font-family:inherit!important}
  html body[data-app-variant="seller"] #overlay.overlay .drawer-head h2{font-size:18px!important;line-height:1.2!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay .drawer-head .sd-modal-sub{font-size:12px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity strong{font-size:13px!important;line-height:1.25!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-identity small{font-size:11px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-heading{font-size:17px!important;line-height:1.2!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-panel h2{font-size:14px!important;line-height:1.25!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-copy strong{font-size:12px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-copy small{font-size:11px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-action,
  html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-save{font-size:12px!important;line-height:1.2!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card strong{font-size:13px!important;line-height:1.25!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card small{font-size:11px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card b{font-size:11px!important;line-height:1.2!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-hub-active,
  html body[data-app-variant="seller"] #overlay.overlay .coupon-hub-history summary{font-size:12px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-history-row strong{font-size:12px!important;line-height:1.25!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-history-row small{font-size:11px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .coupon-history-row button{font-size:11px!important;line-height:1.2!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-option strong{font-size:13px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay .seller-mode-option small,
  html body[data-app-variant="seller"] #overlay.overlay .seller-setup-note{font-size:11px!important;line-height:1.35!important}





  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm{font-size:13px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .field{gap:6px!important;margin-bottom:12px!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .field>label,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .field>label:not(.check-row){font-size:13px!important;line-height:1.3!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm input,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm select,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm textarea{font-size:13px!important;line-height:1.35!important;min-height:40px!important;padding:9px 10px!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm textarea{min-height:88px!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .map-help,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .field-help{font-size:11px!important;line-height:1.4!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .check-row,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .hours-day{font-size:12px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .check-row small{font-size:11px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .zone-table,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .hours-editor,
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm .payment-checks{font-size:12px!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeDetailsForm>button[type="submit"]{font-size:13px!important;min-height:42px!important;padding:10px 14px!important}




/* SDFood Modern Chat (Design fiel ao app do cliente) */
.support-chat-overlay {
  z-index: 99999 !important;
  background: #ffffff !important;
  backdrop-filter: none;
}
#overlay.support-chat-overlay .drawer {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
  background: #ffffff !important;
}

/* Header do Chat */
.support-chat-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f0f2f5 !important;
  flex: 0 0 auto !important;
}
.support-chat-back-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: #1a1a1a !important;
  cursor: pointer !important;
  padding: 0 !important;
  border: none !important;
  flex: 0 0 36px !important;
  transition: background 0.15s !important;
}

.support-chat-store-avatar {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 0 44px !important;
  border: 1px solid #f2f3f5 !important;
  background: #fff !important;
}
.support-chat-header-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.support-chat-store-name {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.support-chat-order-pill {
  font-size: 11.5px !important;
  color: #9ca3af !important;
  line-height: 1.2 !important;
}

/* Card de Pedido Fixado no topo */
.support-pinned-order-wrap {
  padding: 10px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #f0f2f5 !important;
  flex: 0 0 auto !important;
}
.support-pinned-order-card {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.03) !important;
}
.support-order-card-img-wrap {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: #f4f5f7 !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 46px !important;
  border: 1px solid #edf0f3 !important;
}
.support-order-card-real-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  display: block !important;
}
.support-order-card-fallback-icon {
  color: #ea1d2c !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.support-order-card-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.support-order-card-title {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  margin-bottom: 2px !important;
}
.support-order-card-summary {
  font-size: 12px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-bottom: 3px !important;
}
.support-order-card-price {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
.support-order-card-action {
  background: #fef2f2 !important;
  color: #ea1d2c !important;
  border: none !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  flex: 0 0 auto !important;
  transition: background 0.15s !important;
}


/* Área de Mensagens */
.support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  padding: 16px 16px 12px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}
.support-chat-date-pill {
  align-self: center !important;
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  margin: 4px 0 8px !important;
}
.support-chat-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}
.support-chat-row.theirs {
  justify-content: flex-start !important;
}
.support-chat-row.mine {
  justify-content: flex-end !important;
}
.support-chat-bubble-avatar {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  flex: 0 0 32px !important;
  margin-bottom: 18px !important;
  border: 1px solid #f0f2f5 !important;
  background: #fff !important;
}
.support-chat-bubble-wrap {
  display: flex !important;
  flex-direction: column !important;
  max-width: 78% !important;
}
.support-chat-row.mine .support-chat-bubble-wrap {
  align-items: flex-end !important;
}
.support-chat-bubble {
  padding: 11px 16px !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
  white-space: pre-wrap !important;
}
.support-chat-row.theirs .support-chat-bubble {
  background: #f3f4f6 !important;
  color: #1f2937 !important;
  border-radius: 18px 18px 18px 4px !important;
}
.support-chat-row.mine .support-chat-bubble {
  background: #7c3aed !important;
  color: #ffffff !important;
  border-radius: 18px 18px 4px 18px !important;
}
.support-chat-subtext {
  font-size: 11px !important;
  color: #9ca3af !important;
  margin-top: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
}
.support-chat-row.mine .support-chat-subtext {
  color: #9ca3af !important;
}

/* Barra de Entrada (Compose) */
.support-chat-compose-wrap {
  padding: 8px 16px max(14px, env(safe-area-inset-bottom, 14px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #f0f2f5 !important;
  flex: 0 0 auto !important;
}
.support-chat-compose-form {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.support-chat-input-pill {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 24px !important;
  padding: 11px 18px !important;
  font-size: 14px !important;
  color: #111827 !important;
  outline: none !important;
  transition: border-color 0.15s, background 0.15s !important;
}
.support-chat-input-pill:focus {
  background: #ffffff !important;
  border-color: #ea1d2c !important;
}
.support-chat-input-pill::placeholder {
  color: #9ca3af !important;
}
.support-chat-send-btn {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #ea1d2c !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  cursor: pointer !important;
  flex: 0 0 44px !important;
  transition: opacity 0.15s, transform 0.1s !important;
}


.support-chat-send-btn svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

/* Responsividade Mobile - ocupa a tela inteira em celulares */

  html body #overlay.support-chat-overlay {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
  }
  html body #overlay.support-chat-overlay .drawer {
    position: static !important;
    inset: auto !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .support-chat-header {
    padding-top: max(12px, env(safe-area-inset-top, 12px)) !important;
  }



* { font-family: "Outfit", sans-serif !important; }


/* SDFood Chat Master Mobile Fix */
#overlay.support-chat-overlay,
#overlay.overlay:has(.support-chat-shell),
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 99999 !important;
}

#overlay.support-chat-overlay > .drawer,
#overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) > .drawer {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transform: none !important;
}



.support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8f9fa !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Header */
.support-chat-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #ebecee !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.support-chat-back-btn,
#overlay.overlay:has(.support-chat-shell) #closeSupportChat,
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: #f4f5f7 !important;
  border: none !important;
  color: #1a1a1a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.support-chat-store-avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #eceff1 !important;
  background: #fff !important;
}

.support-chat-header-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-chat-store-name {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-chat-header-status {
  font-size: 12px !important;
  color: #10b981 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.support-chat-header-status::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  background: #10b981 !important;
  border-radius: 50% !important;
}

/* Card fixado do pedido */
.support-pinned-order-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.support-pinned-order-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.support-order-card-img-wrap {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.support-order-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.support-order-card-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-order-card-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-order-card-summary {
  font-size: 12px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.support-order-card-price {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e83745 !important;
  white-space: nowrap !important;
}

.support-order-card-action {
  flex: 0 0 auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: "Outfit", sans-serif !important;
}

/* Mensagens */
.support-chat-messages,
#overlay.overlay:has(.support-chat-shell) .support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: #f8f9fa !important;
  box-sizing: border-box !important;
}

.support-chat-msg-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}

.support-chat-msg-row.sent {
  justify-content: flex-end !important;
}

.support-chat-msg-row.received {
  justify-content: flex-start !important;
}

.support-chat-msg-avatar {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #e5e7eb !important;
}

.support-chat-bubble {
  max-width: 78% !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.support-chat-msg-row.sent .support-chat-bubble {
  background: #e83745 !important;
  color: #ffffff !important;
  border-bottom-right-radius: 4px !important;
}

.support-chat-msg-row.received .support-chat-bubble {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
  border-bottom-left-radius: 4px !important;
}

.support-chat-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  opacity: 0.8 !important;
}

.support-chat-msg-row.sent .support-chat-meta {
  justify-content: flex-end !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.support-chat-msg-row.received .support-chat-meta {
  justify-content: flex-start !important;
  color: #9ca3af !important;
}

/* Barra de Envio */
.support-chat-compose-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #ebecee !important;
  box-sizing: border-box !important;
}

#supportChatForm {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.support-chat-input-pill,
#supportChatInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: #f3f4f6 !important;
  border: 1px solid transparent !important;
  border-radius: 21px !important;
  font-size: 14px !important;
  color: #111827 !important;
  font-family: "Outfit", sans-serif !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.support-chat-input-pill:focus,
#supportChatInput:focus {
  background: #ffffff !important;
  border-color: #e83745 !important;
  box-shadow: 0 0 0 2px rgba(232, 55, 69, 0.15) !important;
}

.support-chat-send-btn,
#supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) .support-chat-compose button {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  background: #e83745 !important;
  border: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: transform 0.15s, background-color 0.15s !important;
  box-shadow: 0 2px 6px rgba(232, 55, 69, 0.3) !important;
}



.support-chat-send-btn svg,
#supportChatSendBtn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #ffffff !important;
}



/* SDFood Chat Master Mobile Fix */
#overlay.support-chat-overlay,
#overlay.overlay:has(.support-chat-shell),
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 99999 !important;
}

#overlay.support-chat-overlay > .drawer,
#overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) > .drawer {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transform: none !important;
}



.support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8f9fa !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Header */
.support-chat-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #ebecee !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.support-chat-back-btn,
#overlay.overlay:has(.support-chat-shell) #closeSupportChat,
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: #f4f5f7 !important;
  border: none !important;
  color: #1a1a1a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.support-chat-store-avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #eceff1 !important;
  background: #fff !important;
}

.support-chat-header-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-chat-store-name {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-chat-header-status {
  font-size: 12px !important;
  color: #10b981 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.support-chat-header-status::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  background: #10b981 !important;
  border-radius: 50% !important;
}

/* Card fixado do pedido */
.support-pinned-order-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.support-pinned-order-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.support-order-card-img-wrap {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.support-order-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.support-order-card-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-order-card-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-order-card-summary {
  font-size: 12px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.support-order-card-price {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e83745 !important;
  white-space: nowrap !important;
}

.support-order-card-action {
  flex: 0 0 auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: "Outfit", sans-serif !important;
}

/* Mensagens */
.support-chat-messages,
#overlay.overlay:has(.support-chat-shell) .support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: #f8f9fa !important;
  box-sizing: border-box !important;
}

.support-chat-msg-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}

.support-chat-msg-row.sent {
  justify-content: flex-end !important;
}

.support-chat-msg-row.received {
  justify-content: flex-start !important;
}

.support-chat-msg-avatar {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #e5e7eb !important;
}

.support-chat-bubble {
  max-width: 78% !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.support-chat-msg-row.sent .support-chat-bubble {
  background: #e83745 !important;
  color: #ffffff !important;
  border-bottom-right-radius: 4px !important;
}

.support-chat-msg-row.received .support-chat-bubble {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
  border-bottom-left-radius: 4px !important;
}

.support-chat-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  opacity: 0.8 !important;
}

.support-chat-msg-row.sent .support-chat-meta {
  justify-content: flex-end !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.support-chat-msg-row.received .support-chat-meta {
  justify-content: flex-start !important;
  color: #9ca3af !important;
}

/* Barra de Envio */
.support-chat-compose-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #ebecee !important;
  box-sizing: border-box !important;
}

#supportChatForm {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.support-chat-input-pill,
#supportChatInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: #f3f4f6 !important;
  border: 1px solid transparent !important;
  border-radius: 21px !important;
  font-size: 14px !important;
  color: #111827 !important;
  font-family: "Outfit", sans-serif !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.support-chat-input-pill:focus,
#supportChatInput:focus {
  background: #ffffff !important;
  border-color: #e83745 !important;
  box-shadow: 0 0 0 2px rgba(232, 55, 69, 0.15) !important;
}

.support-chat-send-btn,
#supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-compose button {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  background: #e83745 !important;
  border: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: transform 0.15s, background-color 0.15s !important;
  box-shadow: 0 2px 6px rgba(232, 55, 69, 0.3) !important;
}



.support-chat-send-btn svg,
#supportChatSendBtn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #ffffff !important;
}



/* Badge de status da loja na Visão Geral (sem borda, tempo real) */
.seller-overview-head {
  position: relative !important;
}

.seller-overview-status-badge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 5px 12px !important;
  border-radius: 999px !important;
  border: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}

.seller-overview-status-badge .status-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  display: inline-block !important;
}

.seller-overview-status-badge.open {
  background: #E8F8EE !important;
  color: #16A34A !important;
}

.seller-overview-status-badge.open .status-dot {
  background: #16A34A !important;
}

.seller-overview-status-badge.closed {
  background: #FFF1F2 !important;
  color: #E83745 !important;
}

.seller-overview-status-badge.closed .status-dot {
  background: #E83745 !important;
}



  /* Paleta da marca: substitui apenas o vermelho de ações e estados interativos. */
  body[data-app-variant="seller"] {
    --red: #7c3aed;
    --red-dark: #6d28d9;
    --ds-red: #7c3aed;
    --ds-red-strong: #6d28d9;
    --seller-mobile-red: #7c3aed;
    --seller-red-soft: #f3e8ff;
  }
  html body[data-app-variant="seller"] :is(
    button.primary, button.small-primary, .primary, .small-primary,
    .seller-new-order, .seller-finance-action, .seller-settings-save,
    .seller-catalog-btn-new, .promotions-new-button,
    .seller-product-view-btn-edit, .ob-accept,
    #overlay.overlay .primary, #overlay.overlay button.primary
  ) {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #fff !important;
  }
  
  html body[data-app-variant="seller"] :is(
    .seller-sidebar-nav button.active, .orders-board-tabs button.active,
    .tabs button.active, .seller-tabs button.active, .filter.active
  ) {
    color: #6d28d9 !important;
    border-color: #7c3aed !important;
    background: #f3e8ff !important;
  }
  html body[data-app-variant="seller"] button:focus-visible {
  }



/* ========================================================
   SDFood Design System Oficial (Outfit) & UI Mobile Painel
   ======================================================== */
@import url("outfit-unified.css?v=20261013-outfit-100");

*, *::before, *::after,
body, button, input, select, textarea, span, p, h1, h2, h3, h4, h5, h6, strong, em, small, div, table, th, td {
  font-family: "Outfit", sans-serif !important;
}

/* Chat Mobile Compacto */
.order-chat-drawer .chat-quick-messages,
.order-chat-drawer .chat-reply-bar,
.order-chat-drawer .chat-input-area,
.order-chat-composer,
.chat-drawer-input-row,
.chat-composer-row,
.chat-bottom-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 12px 10px !important;
  background: #ffffff !important;
  border-top: 1px solid #e8e8e8 !important;
  box-sizing: border-box !important;
}

.order-chat-drawer textarea,
.order-chat-drawer input[type="text"],
.chat-composer-input,
.chat-message-input {
  flex: 1 1 auto !important;
  min-height: 40px !important;
  max-height: 40px !important;
  height: 40px !important;
  padding: 8px 14px !important;
  border-radius: 20px !important;
  border: 1px solid #e8e8e8 !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}

.order-chat-drawer button[type="submit"],
.order-chat-drawer .chat-send-button,
.order-chat-drawer .chat-submit-btn,
.chat-composer-submit,
.chat-btn-send {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #E83745 !important;
  color: #ffffff !important;
  border: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Painel Mobile: Banner Visão Geral */
body[data-app-variant="seller"] .seller-overview-head {
  display: block !important;
  background: linear-gradient(115deg, #FFF8F4 0%, #FFF1EA 45%, #FFE8DE 100%) !important;
  border-radius: 20px !important;
  padding: 18px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-app-variant="seller"] .seller-overview-content-wrap {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  position: relative !important;
  z-index: 2 !important;
}

body[data-app-variant="seller"] .seller-overview-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

body[data-app-variant="seller"] .seller-overview-eyebrow {
  margin: 0 0 8px !important;
  color: #72757B !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

body[data-app-variant="seller"] .seller-overview-title {
  margin: 0 0 6px !important;
  color: #202124 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

body[data-app-variant="seller"] .seller-overview-subtitle {
  margin: 0 !important;
  color: #72757B !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

body[data-app-variant="seller"] .seller-overview-illustration {
  flex: 0 0 135px !important;
  max-width: 145px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-top: -10px !important;
  margin-right: -10px !important;
}

body[data-app-variant="seller"] .seller-overview-illustration img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

body[data-app-variant="seller"] .seller-overview-actions {
  margin-top: 18px !important;
  position: relative !important;
  z-index: 2 !important;
}

body[data-app-variant="seller"] .seller-new-order,
body[data-app-variant="seller"] #sellerNewCouponTop {
  width: 100% !important;
  height: 52px !important;
  background: #E83745 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 18px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(232, 55, 69, 0.25) !important;
  transition: transform 150ms ease, background 150ms ease !important;
}

body[data-app-variant="seller"] .seller-new-order .seller-btn-arrow {
  margin-left: auto !important;
  padding-right: 6px !important;
  font-size: 18px !important;
  opacity: 0.9 !important;
}

/* Card DESEMPENHO */
body[data-app-variant="seller"] .seller-sales-line-chart {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  padding: 16px !important;
  margin: 0 0 14px 0 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05) !important;
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

body[data-app-variant="seller"] .seller-sales-chart-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

body[data-app-variant="seller"] .seller-eyebrow {
  margin: 0 !important;
  color: #72757B !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body[data-app-variant="seller"] .seller-sales-chart-period {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 14px !important;
  background: #FAF9F7 !important;
  border: 1px solid #E8E8E8 !important;
  border-radius: 12px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #202124 !important;
}

body[data-app-variant="seller"] .seller-sales-chart-head h2 {
  margin: 0 0 6px !important;
  color: #202124 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

body[data-app-variant="seller"] .seller-sales-chart-head p {
  margin: 0 !important;
  color: #72757B !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body[data-app-variant="seller"] .seller-sales-bar {
  fill: rgba(232, 55, 69, 0.25) !important;
  rx: 8px !important;
  ry: 8px !important;
  transition: fill 180ms ease !important;
}

body[data-app-variant="seller"] .seller-sales-bar-group.today .seller-sales-bar,
body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-bar {
  fill: #E83745 !important;
}

body[data-app-variant="seller"] .seller-sales-bar-value {
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  fill: #202124 !important;
}

body[data-app-variant="seller"] .seller-sales-day-label {
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  fill: #72757B !important;
}

body[data-app-variant="seller"] .seller-sales-day-label.today,
body[data-app-variant="seller"] .seller-sales-day-label.selected {
  fill: #E83745 !important;
  font-weight: 700 !important;
}

body[data-app-variant="seller"] .seller-sales-day-details {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 14px 0 0 !important;
  margin-top: 14px !important;
  border: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  color: #202124 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

body[data-app-variant="seller"] .seller-sales-day-details::before {
  content: "" !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  background-image: url("../media/nav-orders.png") !important;
  background-size: 264% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Bottom Navigation Mobile */

  body[data-app-variant="seller"] .seller-sidebar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: 74px !important;
    height: 74px !important;
    background: #FFFFFF !important;
    border-top: 1px solid #E8E8E8 !important;
    border-right: none !important;
    z-index: 1000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
    padding: 0 12px !important;
    box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.04) !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-head,
  body[data-app-variant="seller"] .seller-sidebar-nav-title {
    display: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    width: 100% !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-btn {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 14px !important;
    border-radius: 14px !important;
    color: #72757B !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    background: transparent !important;
    border: none !important;
    position: relative !important;
    transition: all 180ms ease !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-btn.is-active,
  body[data-app-variant="seller"] .seller-sidebar-btn[data-seller-tab="painel"].is-active {
    background: #FFF0F2 !important;
    color: #E83745 !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-btn.is-active svg {
    stroke: #E83745 !important;
  }

  body[data-app-variant="seller"] .seller-content {
    padding-bottom: 84px !important;
  }




/*
 * SDFood Lojista — compatibilidade mobile de entrega
 * Mantém a lógica existente e garante que cada tela respeite a largura real
 * do aparelho, a área segura e a navegação inferior fixa.
 */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

html,
body {
  min-width: 0 !important;
  overflow-x: hidden !important;
}

img,
svg,
video,
canvas {
  max-width: 100%;
}


  body[data-app-variant="seller"] {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  /* O login ocupa toda a viewport e não herda o espaço da navegação do painel. */
  body[data-app-variant="seller"]:has(.seller-access-gate) {
    padding-bottom: 0 !important;
  }

  body[data-app-variant="seller"] .seller-layout,
  body[data-app-variant="seller"] .seller-content,
  body[data-app-variant="seller"] .seller-workspace,
  body[data-app-variant="seller"] .seller-dashboard-modern,
  body[data-app-variant="seller"] .seller-panel-only-orders {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-workspace {
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
  }

  body[data-app-variant="seller"] .seller-content,
  body[data-app-variant="seller"] .seller-workspace,
  body[data-app-variant="seller"] .seller-dashboard-modern,
  body[data-app-variant="seller"] .seller-panel-only-orders,
  body[data-app-variant="seller"] .seller-content > * {
    overflow-wrap: anywhere;
  }

  body[data-app-variant="seller"] :is(input, select, textarea, button) {
    max-width: 100%;
  }

  /* Evita zoom automático do iOS sem aumentar títulos e botões do painel. */
  body[data-app-variant="seller"] .seller-access-gate input,
  body[data-app-variant="seller"] .seller-access-gate select,
  body[data-app-variant="seller"] .seller-access-gate textarea {
    font-size: 16px !important;
  }

  /* Login: cartão fluido, centralizado e protegido pela safe area. */
  body[data-app-variant="seller"]:has(.seller-access-stage) #main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  body[data-app-variant="seller"] .seller-access-stage {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: max(10px, env(safe-area-inset-left)) !important;
    padding-right: max(10px, env(safe-area-inset-right)) !important;
    padding-bottom: max(22px, env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
    width: min(440px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    box-sizing: border-box !important;
  }

  /* Cards e tabelas nunca podem criar rolagem horizontal involuntária. */
  body[data-app-variant="seller"] :is(
    .seller-panel,
    .sv-card,
    .seller-shortcut,
    .seller-learning-card,
    .seller-section-card,
    .orders-board,
    .seller-catalog-view,
    .seller-finance-movements,
    .seller-finance-table-wrap,
    .panel-chart-card,
    .panel-recent-card,
    .panel-bestsellers-card,
    .panel-actions-card
  ) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Alvos de toque confortáveis, sem alterar a hierarquia visual existente. */
  body[data-app-variant="seller"] .seller-sidebar-nav button,
  body[data-app-variant="seller"] .seller-panel-topbar button {
    touch-action: manipulation;
  }


@media screen and (max-width: 390px) {
  body[data-app-variant="seller"] .seller-workspace {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}



      /* ===== Acabamento global: cartões quadrados e bordas de destaque ===== */
      .store-card,
      .order-track-card,
      .order-box,
      .seller-panel,
      .settings-card,
      .stores-loading,
      .fin-chart-card,
      .product-admin,
      .sv-card,
      .sv-order,
      .sv-list,
      .sv-alert,
      .sv-col,
      .sv-kcard {
        border-radius: 4px;
      }
      .store-card,
      .order-track-card,
      .order-box,
      .seller-panel,
      .settings-card,
      .stores-loading,
      .fin-chart-card,
      .sv-card,
      .sv-order,
      .sv-list,
      .sv-alert,
      .sv-col,
      .sv-kcard {
        box-shadow: 0 1px 4px rgba(32, 33, 36, 0.10);
      }
      .filter,
      .primary,
      .outline,
      .small-primary,
      .small-outline,
      .seller-sidebar-nav button,
      .sv-nav button,
      .sv-menu-btn,
      .sv-sub button,
      input,
      select,
      textarea {
        border-radius: 4px;
      }
      
      
      .category.selected .cat-img {
        border: 2px solid var(--red);
      }
      
      body[data-app-variant="seller"] .seller-content .sv-card,
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .sv-alert,
      body[data-app-variant="seller"] .seller-content .fin-chart-card {
        border-radius: 4px;
      }
    


      body[data-app-variant="seller"] .orders-status-filters {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin: 0 0 18px;
        padding: 6px;
        border: 1px solid #ececec;
        border-radius: 12px;
        background: #fff;
      }
      body[data-app-variant="seller"] .orders-status-filter {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-height: 38px;
        padding: 8px 13px;
        border: 1px solid transparent;
        border-radius: 8px;
        color: #656565;
        background: transparent;
        font-size: 12px;
        font-weight: 700;
        cursor: pointer;
      }
      
      body[data-app-variant="seller"] .orders-status-filter.active {
        border-color: #f2c6ca;
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .orders-status-filter b {
        min-width: 22px;
        padding: 2px 6px;
        border-radius: 999px;
        color: currentColor;
        background: rgba(232,55,69,.1);
        font-size: 11px;
        text-align: center;
      }
      
        body[data-app-variant="seller"] .orders-status-filters { overflow-x: auto; flex-wrap: nowrap; }
        body[data-app-variant="seller"] .orders-status-filter { flex: 0 0 auto; }
      
    

:root{--ticket-color:${ticketColor}}
          @page{size:80mm auto;margin:0;orphans:1;widows:1}*{box-sizing:border-box}html,body{margin:0!important;padding:0!important;width:80mm!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;background:#fff;color:var(--ticket-color);font-family:"Outfit", sans-serif}body{padding:6mm 5mm!important;font-size:14px;line-height:1.35;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ticket{text-align:left;width:100%;height:auto;min-height:0;max-height:none;page-break-after:avoid;break-after:avoid}.center{text-align:center}.brand{font-size:20px;font-weight: 700;color:var(--ticket-color)}.title{font-size:16px;font-weight:700;margin-top:10px;color:var(--ticket-color)}.code{font-size:29px;font-weight: 700;letter-spacing:2px;margin:6px 0 13px;color:var(--ticket-color)}.rule{border-top:1px dashed var(--ticket-color);margin:12px 0}.label{font-size:11px;color:var(--ticket-color);text-transform:uppercase}.value{font-weight:700}.meta{line-height:1.5}.item{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dotted #aaa}.item strong{white-space:nowrap;color:var(--ticket-color)}.total{display:flex;justify-content:space-between;font-size:19px;font-weight: 700;padding-top:11px;color:var(--ticket-color)}.muted{color:#666}.footer{text-align:center;font-size:11px;margin-top:16px;color:var(--ticket-color)}@media print{html,body{width:80mm!important;height:auto!important;min-height:0!important;max-height:none!important}.ticket{height:auto!important;min-height:0!important}.no-print{display:none!important}}


/* ===== Tela de login do lojista — somente visual/background ===== */
body[data-app-variant="seller"]:has(.seller-access-gate) {
  background:#fff !important;
  overflow:hidden;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .topbar {
  display:none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) #main {
  min-height:100vh !important;
  height:100vh !important;
  width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:relative !important;
  overflow:hidden !important;
  background:#fff !important;
  padding:0 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
  position:relative !important;
  z-index:2 !important;
  box-sizing:border-box !important;
  width:440px !important;
  max-width:calc(100vw - 32px) !important;
  min-height:438px !important;
  margin:0 !important;
  padding:34px 45px 30px !important;
  border:1px solid rgba(230,232,235,.9) !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 12px 34px rgba(28,26,23,.10) !important;
  backdrop-filter:none !important;
  text-align:left !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-logo {
  display:none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
  content:"Acesse sua SD lojista" !important;
  display:block !important;
  margin:0 0 7px !important;
  color:#17212f !important;
  text-align:left !important;
  font-family:"Outfit", sans-serif !important;
  font-size:25px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  letter-spacing:-.045em !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
  margin:0 0 28px !important;
  color:#8b95a3 !important;
  text-align:left !important;
  font-size:13px !important;
  line-height:1.5 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc {
  font-size:0 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-gate-desc::after {
  content:"" !important;
  font-size:13px !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .form-grid {
  display:grid !important;
  gap:14px !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field {
  display:block !important;
  margin:0 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field label {
  display:none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input {
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  padding:0 42px 0 58px !important;
  border:1px solid #dfe3e8 !important;
  border-radius:12px !important;
  background-color:#fff !important;
  color:#263142 !important;
  box-shadow:none !important;
  outline:none !important;
  font-size:14px !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field:first-child input {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236d7785' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M8 14h3'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:19px center !important;
  background-size:21px 21px !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field:nth-child(2) input {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%236d7785' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:19px center !important;
  background-size:21px 21px !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input::placeholder {
  color:#8b95a3 !important;
  opacity:1 !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .field input:focus {
  border-color:#c9ced5 !important;
  box-shadow:0 0 0 3px rgba(232,55,69,.07) !important;
  background-color:#fff !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .primary {
  width:100% !important;
  height:52px !important;
  margin:1px 0 0 !important;
  border-radius:10px !important;
  background:#f32136 !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:750 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  box-shadow:none !important;
}
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate .primary::after {
  content:"→" !important;
  font-size:24px !important;
  line-height:1 !important;
  font-weight:400 !important;
  transform:translateY(-1px) !important;
}

  body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    background-position:center center !important;
  }


  body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    background-position:center center !important;
  }
  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate {
    width:min(440px,calc(100vw - 28px)) !important;
    min-height:auto !important;
    padding:30px 24px 28px !important;
    border-radius:14px !important;
  }
  body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
    font-size:23px !important;
  }




/* SDFood Chat Master Mobile Fix */
#overlay.support-chat-overlay,
#overlay.overlay:has(.support-chat-shell),
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 99999 !important;
}

#overlay.support-chat-overlay > .drawer,
#overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) > .drawer {
  width: 100vw !important;
  max-width: 100vw !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transform: none !important;
}



.support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8f9fa !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

/* Header */
.support-chat-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #ebecee !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.support-chat-back-btn,
#overlay.overlay:has(.support-chat-shell) #closeSupportChat,
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 50% !important;
  background: #f4f5f7 !important;
  border: none !important;
  color: #1a1a1a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.support-chat-store-avatar {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #eceff1 !important;
  background: #fff !important;
}

.support-chat-header-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-chat-store-name {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-chat-header-status {
  font-size: 12px !important;
  color: #10b981 !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

.support-chat-header-status::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  background: #10b981 !important;
  border-radius: 50% !important;
}

/* Card fixado do pedido */
.support-pinned-order-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.support-pinned-order-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  overflow: hidden !important;
}

.support-order-card-img-wrap {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.support-order-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.support-order-card-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.support-order-card-title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
}

.support-order-card-summary {
  font-size: 12px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.support-order-card-price {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e83745 !important;
  white-space: nowrap !important;
}

.support-order-card-action {
  flex: 0 0 auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 8px !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: "Outfit", sans-serif !important;
}

/* Mensagens */
.support-chat-messages,
#overlay.overlay:has(.support-chat-shell) .support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 14px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  background: #f8f9fa !important;
  box-sizing: border-box !important;
}

.support-chat-msg-row {
  display: flex !important;
  align-items: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}

.support-chat-msg-row.sent {
  justify-content: flex-end !important;
}

.support-chat-msg-row.received {
  justify-content: flex-start !important;
}

.support-chat-msg-avatar {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #e5e7eb !important;
}

.support-chat-bubble {
  max-width: 78% !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  word-break: break-word !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

.support-chat-msg-row.sent .support-chat-bubble {
  background: #e83745 !important;
  color: #ffffff !important;
  border-bottom-right-radius: 4px !important;
}

.support-chat-msg-row.received .support-chat-bubble {
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid #e5e7eb !important;
  border-bottom-left-radius: 4px !important;
}

.support-chat-meta {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-top: 4px !important;
  font-size: 10px !important;
  opacity: 0.8 !important;
}

.support-chat-msg-row.sent .support-chat-meta {
  justify-content: flex-end !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

.support-chat-msg-row.received .support-chat-meta {
  justify-content: flex-start !important;
  color: #9ca3af !important;
}

/* Barra de Envio */
.support-chat-compose-wrap {
  flex: 0 0 auto !important;
  padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #ebecee !important;
  box-sizing: border-box !important;
}

#supportChatForm {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.support-chat-input-pill,
#supportChatInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 42px !important;
  padding: 0 16px !important;
  background: #f3f4f6 !important;
  border: 1px solid transparent !important;
  border-radius: 21px !important;
  font-size: 14px !important;
  color: #111827 !important;
  font-family: "Outfit", sans-serif !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.support-chat-input-pill:focus,
#supportChatInput:focus {
  background: #ffffff !important;
  border-color: #e83745 !important;
  box-shadow: 0 0 0 2px rgba(232, 55, 69, 0.15) !important;
}

.support-chat-send-btn,
#supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) .support-chat-compose button {
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  border-radius: 50% !important;
  background: #e83745 !important;
  border: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: transform 0.15s, background-color 0.15s !important;
  box-shadow: 0 2px 6px rgba(232, 55, 69, 0.3) !important;
}



.support-chat-send-btn svg,
#supportChatSendBtn svg {
  width: 18px !important;
  height: 18px !important;
  stroke: #ffffff !important;
}



body[data-app-variant="seller"] .seller-content .simple-guide,
body[data-app-variant="seller"] .seller-content .order-flow-note.simple-guide,
body[data-app-variant="seller"] .seller-content .guide-steps,
body[data-app-variant="seller"] .seller-content .order-flow-legend {
  display: none !important;
}

body[data-app-variant="seller"] .seller-content .sdfood-editorial-card .editorial-link,
body[data-app-variant="seller"] .seller-content .sdfood-editorial-card .small-primary,
body[data-app-variant="seller"] .seller-content .sdfood-editorial-card .small-outline {
  display: none !important;
}



body[data-app-variant="seller"] .seller-sidebar-head .seller-brand-mark {
  display: none !important;
}



      /* Abas/modais do painel: sem brilho vermelho ao selecionar ou abrir. */
      
      /* Cartão de promoção: CUPOM DE DESCONTO sempre em branco. */
      body[data-app-variant="seller"] .coupon-card-blue,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-main,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-main small,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-main strong,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-main b,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-main em,
      body[data-app-variant="seller"] .coupon-card-blue .coupon-code-vertical {
        color: #ffffff !important;
      }
    


#overlay.overlay .sd-modal-icon .sd-modal-png { display:block; width:32px; height:32px; object-fit:contain; }



/* Abertura instantânea dos modais: sem fade, slide, scale ou animação. */
#overlay.overlay,
#overlay.overlay .drawer,
#overlay.overlay .modal,
#overlay.overlay .sd-modal,
#overlay.overlay .seller-modal,
#overlay.overlay .product-lightbox{
  animation:none!important;
  transition:none!important;
}

  body:has(#overlay.overlay.is-open) #overlay.overlay > .drawer,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .sd-modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .seller-modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .product-lightbox{
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }




/* Atendimento mostra somente pedidos que ainda exigem ação. */
html body[data-app-variant="seller"] .orders-kanban .ob-col-done,
html body[data-app-variant="seller"] .orders-mobile-tab-done,
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="done"],
html body[data-app-variant="seller"] [data-order-status="done"]{display:none!important}



html body[data-app-variant="seller"] .seller-sidebar-nav .seller-orders-badge{z-index:3!important;display:grid!important;place-items:center!important;min-width:18px!important;height:18px!important;padding:0 5px!important;border:2px solid #fff!important;border-radius:999px!important;color:#fff!important;background:#e83745!important;font-size:10px!important;font-weight:800!important;line-height:1!important;box-shadow:0 2px 5px rgba(232,55,69,.25)!important}




  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form){font-size:13px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .field{gap:6px!important;margin-bottom:12px!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) label,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .field>label{font-size:13px!important;line-height:1.3!important;font-weight:700!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) input,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) select,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) textarea{font-size:13px!important;line-height:1.35!important;min-height:40px!important;padding:9px 10px!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) textarea{min-height:88px!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) small,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .map-help,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .field-help{font-size:11px!important;line-height:1.4!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .seller-modal-help{font-size:13px!important;line-height:1.4!important;margin:0!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .check-row,
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .seller-choice{font-size:13px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .seller-choice strong{font-size:13px!important;line-height:1.3!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) .seller-choice small{font-size:11px!important;line-height:1.35!important}
  html body[data-app-variant="seller"] #overlay.overlay :is(#storeDetailsForm,#storeMediaForm,#sellerPrepTimeForm,.seller-modal-form) button{font-size:13px!important;line-height:1.2!important;min-height:42px!important;padding:10px 14px!important}
  html body[data-app-variant="seller"] #overlay.overlay #storeMediaForm .sd-dropzone,
  html body[data-app-variant="seller"] #overlay.overlay #storeMediaForm .sd-modal-footer{font-size:13px!important}




/* Sem frame intermediário: abre no estado final imediatamente. */
#overlay.overlay,
#overlay.overlay::before,
#overlay.overlay .drawer,
#overlay.overlay .modal,
#overlay.overlay .sd-modal,
#overlay.overlay .seller-modal,
#overlay.overlay .product-lightbox{animation:none!important;transition:none!important}
#overlay.overlay.is-open > .drawer,
#overlay.overlay.is-open > .modal,
#overlay.overlay.is-open > .sd-modal,
#overlay.overlay.is-open > .seller-modal,
#overlay.overlay.is-open > .product-lightbox{transform:none!important;opacity:1!important;animation:none!important;transition:none!important}



html body[data-app-variant="seller"] .panel-bestsellers-icon.panel-bestsellers-alegria{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
html body[data-app-variant="seller"] .panel-bestsellers-fire-png{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;animation:none!important;transform:none!important}



html body[data-app-variant="seller"] .panel-bestsellers-icon.panel-bestsellers-alegria{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  overflow:visible!important;
}
html body[data-app-variant="seller"] .panel-bestsellers-icon.panel-bestsellers-alegria .panel-bestsellers-fire-png{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  border-radius:0!important;
}



html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-icon,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-alegria,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-icon::before,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-icon::after,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-alegria::before,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-alegria::after{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
}
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-icon.panel-bestsellers-alegria{
  width:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0!important;
}
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-fire-png{
  display:block!important;
  background:transparent!important;
  background-image:none!important;
  mix-blend-mode:normal!important;
}







html body[data-app-variant="seller"] .seller-encomenda-fields{margin-top:4px}
html body[data-app-variant="seller"] .seller-encomenda-deadline{margin-top:2px}
html body[data-app-variant="seller"] .encomenda-order{border:2px solid #8b5cf6!important;background:linear-gradient(180deg,#faf5ff 0%,#ffffff 58%)!important;position:relative}
html body[data-app-variant="seller"] .seller-encomenda-badge{display:inline-flex;align-items:center;gap:5px;margin:8px 10px 0;padding:5px 9px;border-radius:999px;background:#7c3aed;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em}
html body[data-app-variant="seller"] .seller-media-section{display:grid;gap:6px;padding:10px 0;border-bottom:1px solid #eee}
html body[data-app-variant="seller"] .seller-media-section>strong{font-size:13px}
html body[data-app-variant="seller"] :is(button.primary,button.small-primary,button.ob-accept,button.seller-settings-save,button.product-addons-add,#productModalSave){background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html body[data-app-variant="seller"] :is(button.ob-refuse,button.small-outline,button.outline){color:#7c3aed!important;border-color:#c4b5fd!important}



html body[data-app-variant="seller"] .ob-col-encomenda{background:#f3e8ff!important}
html body[data-app-variant="seller"] .ob-col-encomenda .ob-ico-box{background:#ddd6fe!important;color:#7c3aed!important}
html body[data-app-variant="seller"] .ob-col-encomenda .ob-count{background:#7c3aed!important;color:#fff!important}
html body[data-app-variant="seller"] .orders-cancelled-link{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:9px 14px;border:1px solid #ddd6fe;border-radius:10px;background:#faf5ff;color:#6d28d9;font-size:12px;font-weight:700;cursor:pointer}

html body[data-app-variant="seller"] .sv-kf-actions{grid-column:1/-1;display:flex;justify-content:flex-end}



/* Identidade roxa do painel mobile do lojista. */


html body[data-app-variant="seller"] .seller-sidebar-nav button.active::before {
  background: #7c3aed !important;
}
html body[data-app-variant="seller"] .seller-breadcrumb .seller-brand-logo-text {
  color: #6d28d9 !important;
}

html body[data-app-variant="seller"] .seller-top-notification svg,
html body[data-app-variant="seller"] #sellerTopNotification svg {
  stroke: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-top-notification .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-top-notification.has-unread::after,
html body[data-app-variant="seller"] .seller-orders-badge {
  background: #7c3aed !important;
  color: #fff !important;
  box-shadow: 0 2px 5px rgba(124,58,237,.22) !important;
}
/* O X de remover imagem fica compacto e a borda acompanha somente o botão. */
html body[data-app-variant="seller"] .sd-current-remove {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 1px solid #111827 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}



"[bad string]

          "*{box-sizing:border-box}body{margin:0;padding:32px;color:#202124;font-family:"Outfit", sans-serif;background:#fff;font-size:13px}header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;border-bottom:2px solid #e83745;padding-bottom:18px;margin-bottom:24px}h1{margin:0 0 6px;font-size:25px}h2{margin:0 0 5px;font-size:17px}p{margin:4px 0;color:#667085}.meta{text-align:right;color:#667085}.meta strong{display:block;color:#202124;font-size:14px;margin-bottom:5px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.summary article{border:1px solid #e5e7eb;border-radius:10px;padding:14px}.summary small{display:block;color:#667085;margin-bottom:6px}.summary strong{font-size:18px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#667085;background:#f8fafc}td small{display:block;color:#667085;margin-top:4px}.amount{text-align:right;font-weight:700}.empty{text-align:center;padding:28px;color:#667085}footer{margin-top:24px;padding-top:14px;border-top:1px solid #e5e7eb;color:#667085;font-size:11px}@media print{body{padding:0}header{break-inside:avoid}.summary{break-inside:avoid}button{display:none}}@media(max-width:700px){body{padding:18px}.summary{grid-template-columns:1fr}.meta{text-align:left}header{display:block}}" +
          "[bad string]



html body[data-app-variant="seller"] .setup-first-login-help {
  margin: 0 0 14px;
  padding: 13px 14px;
  border: 1px solid #f3c7cb;
  border-radius: 10px;
  background: #fff7f7;
  color: #6f2730;
  line-height: 1.5;
}
html body[data-app-variant="seller"] .setup-first-login-help strong { color: #b42318; }



      /* Painel do lojista: fluxo guiado, com a mesma operação e sem cores extras. */
      body[data-app-variant="seller"] {
        --seller-bg: #ffffff;
        --seller-surface: #ffffff;
        --seller-border: #e8e8e8;
        --seller-ink: #242424;
        --seller-muted: #6f6f6f;
        background: #ffffff;
      }
      body[data-app-variant="seller"] #main,
      body[data-app-variant="seller"] .seller-content {
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-layout {
        min-height: 100vh;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-sidebar {
        position: sticky;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 238px;
        flex: 0 0 238px;
        min-height: 100vh;
        background: #ffffff;
        border-right: 1px solid #ededed;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-sidebar-head {
        padding: 25px 21px 18px;
        background: #ffffff;
        border-bottom: 1px solid #ededed;
      }
      body[data-app-variant="seller"] .seller-sidebar-head::before {
        display: none;
      }
      body[data-app-variant="seller"] .seller-sidebar-brand {
        margin: 0 0 24px;
        color: #e83745;
        font-family: "Outfit", sans-serif;
        font-size: 26px;
        font-weight: 850;
        letter-spacing: -0.075em;
        line-height: 1;
      }
      body[data-app-variant="seller"] .seller-sidebar-store {
        align-items: flex-start;
        gap: 8px;
        color: #292929;
        font-size: 12px;
        font-weight: 750;
        line-height: 1.35;
        white-space: normal;
      }
      body[data-app-variant="seller"] .seller-sidebar-store i,
      body[data-app-variant="seller"] .seller-sidebar-footer-dot {
        width: 8px;
        height: 8px;
        margin-top: 4px;
        flex: 0 0 8px;
        background: #e83745;
      }
      body[data-app-variant="seller"] .seller-sidebar-status {
        margin: 5px 0 0 16px;
        color: #747474;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav {
        flex: 1;
        padding: 17px 12px;
      }
      body[data-app-variant="seller"] .seller-nav-group + .seller-nav-group {
        margin-top: 18px;
      }
      body[data-app-variant="seller"] .seller-nav-group-label {
        display: block;
        margin: 0 10px 7px;
        color: #777777;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .085em;
        text-transform: uppercase;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button {
        min-height: 42px;
        margin: 2px 0;
        border: 0;
        border-radius: 8px;
        padding: 9px 10px;
        color: #414141;
        font-size: 13px;
        font-weight: 650;
        transition: background .16s ease, color .16s ease;
      }
      
      body[data-app-variant="seller"] .seller-sidebar-nav button.active {
        border: 0;
        background: #fff0f1;
        color: #e83745;
        font-weight: 700;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav svg {
        width: 17px;
        height: 17px;
        stroke-width: 1.8;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
        min-width: 19px;
        height: 19px;
        padding: 0 5px;
        border-radius: 99px;
        color: #ffffff;
        background: #e83745;
        font-size: 10px;
        line-height: 19px;
      }
      body[data-app-variant="seller"] .seller-sidebar-footer {
        display: flex;
        align-items: center;
        gap: 8px;
        margin: auto 14px 16px;
        padding: 13px 9px 0;
        border-top: 1px solid #ededed;
        color: #777777;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-sidebar-footer-dot {
        margin-top: 0;
      }
      body[data-app-variant="seller"] .seller-workspace {
        width: min(1160px, calc(100% - 64px));
        padding: 34px 0 56px;
      }
      body[data-app-variant="seller"] .seller-content .sv-head {
        align-items: center;
        margin: 0 0 28px;
      }
      body[data-app-variant="seller"] .seller-content .sv-hello {
        color: #222222;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: -.055em;
      }
      body[data-app-variant="seller"] .seller-content .sv-hello small {
        margin-top: 7px;
        color: #747474;
        font-size: 13px;
        font-weight: 500;
        letter-spacing: 0;
      }
      body[data-app-variant="seller"] .seller-content .sv-status {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        padding: 9px 12px;
        color: #333333;
        background: #ffffff;
        box-shadow: none;
        font-size: 12px;
        font-weight: 700;
      }
      
      body[data-app-variant="seller"] .sv-dot,
      body[data-app-variant="seller"] .status-dot.green {
        background: #e83745;
      }
      body[data-app-variant="seller"] .sv-dot.paused,
      body[data-app-variant="seller"] .sv-dot.closed,
      body[data-app-variant="seller"] .status-dot.yellow,
      body[data-app-variant="seller"] .status-dot.gray {
        background: #777777;
      }
      body[data-app-variant="seller"] .seller-guidance {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        margin: 0 0 28px;
        padding: 25px 26px;
        border: 1px solid #e83745;
        border-radius: 14px;
        color: #ffffff;
        background: #e83745;
      }
      body[data-app-variant="seller"] .seller-eyebrow {
        display: block;
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 10px;
        font-weight: 850;
        letter-spacing: .11em;
      }
      body[data-app-variant="seller"] .seller-guidance h2 {
        margin: 0;
        color: #ffffff;
        font-family: "Outfit", sans-serif;
        font-size: 21px;
        font-weight: 700;
        letter-spacing: -.04em;
      }
      body[data-app-variant="seller"] .seller-guidance p {
        max-width: 620px;
        margin: 8px 0 0;
        color: #ffffff;
        font-size: 13px;
        line-height: 1.55;
      }
      body[data-app-variant="seller"] .seller-guidance-actions {
        display: grid;
        gap: 8px;
        min-width: 166px;
      }
      body[data-app-variant="seller"] .seller-guidance .primary {
        min-height: 40px;
        border: 1px solid #ffffff;
        border-radius: 8px;
        color: #e83745;
        background: #ffffff;
        box-shadow: none;
        font-size: 12px;
        font-weight: 700;
      }
      body[data-app-variant="seller"] .seller-quiet-action {
        min-height: 34px;
        border: 1px solid rgba(255,255,255,.65);
        border-radius: 8px;
        padding: 7px 10px;
        color: #ffffff;
        background: transparent;
        font-size: 11px;
        font-weight: 700;
      }
      
      body[data-app-variant="seller"] .seller-section-heading {
        display: flex;
        align-items: end;
        justify-content: space-between;
        margin: 0 0 12px;
      }
      body[data-app-variant="seller"] .seller-section-heading h2 {
        margin: 0;
        color: #292929;
        font-family: "Outfit", sans-serif;
        font-size: 17px;
        font-weight: 700;
        letter-spacing: -.035em;
      }
      body[data-app-variant="seller"] .seller-section-heading p {
        margin: 5px 0 0;
        color: #757575;
        font-size: 12px;
      }
      body[data-app-variant="seller"] .seller-shortcut-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
      }
      body[data-app-variant="seller"] .seller-shortcut {
        display: flex;
        align-items: center;
        gap: 10px;
        min-height: 92px;
        border: 1px solid #e9e9e9;
        border-radius: 12px;
        padding: 14px;
        color: #262626;
        background: #ffffff;
        text-align: left;
        box-shadow: none;
        transition: border-color .16s ease, background .16s ease;
      }
      
      body[data-app-variant="seller"] .seller-shortcut-icon {
        display: grid;
        width: 34px;
        height: 34px;
        flex: 0 0 34px;
        place-items: center;
        border-radius: 9px;
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-shortcut-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
      }
      body[data-app-variant="seller"] .seller-shortcut span:nth-child(2) {
        display: grid;
        min-width: 0;
        gap: 3px;
      }
      body[data-app-variant="seller"] .seller-shortcut strong {
        color: #2b2b2b;
        font-size: 13px;
      }
      body[data-app-variant="seller"] .seller-shortcut small {
        color: #747474;
        font-size: 10px;
        line-height: 1.35;
      }
      body[data-app-variant="seller"] .seller-shortcut b {
        margin-left: auto;
        color: #e83745;
        font-size: 17px;
        font-weight: 600;
      }
      body[data-app-variant="seller"] .seller-results-heading {
        margin-top: 30px;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
      body[data-app-variant="seller"] .seller-content .seller-simple-metrics {
        gap: 10px;
        margin-bottom: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card,
      body[data-app-variant="seller"] .seller-content .sv-card,
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .sv-alert,
      body[data-app-variant="seller"] .seller-content .fin-chart-card {
        border: 1px solid #e9e9e9;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card {
        min-height: 126px;
        padding: 16px;
      }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card:first-child::after {
        display: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-metric-info small,
      body[data-app-variant="seller"] .seller-content .sv-card small {
        color: #737373;
        font-size: 11px;
        font-weight: 650;
      }
      body[data-app-variant="seller"] .seller-content .sv-metric-info strong,
      body[data-app-variant="seller"] .seller-content .sv-card strong {
        color: #282828;
      }
      body[data-app-variant="seller"] .seller-content .sv-metric-cap {
        color: #777777;
      }
      body[data-app-variant="seller"] .seller-content .sv-metric-ico,
      body[data-app-variant="seller"] .seller-content .sv-metric-ico.red,
      body[data-app-variant="seller"] .seller-content .sv-metric-ico.blue,
      body[data-app-variant="seller"] .seller-content .sv-metric-ico.green,
      body[data-app-variant="seller"] .seller-content .sv-metric-ico.yellow,
      body[data-app-variant="seller"] .seller-content .sv-metric-ico.lilac {
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title {
        margin-top: 28px;
      }
      body[data-app-variant="seller"] .seller-content .sv-section-title h2,
      body[data-app-variant="seller"] .seller-content .seller-panel h2,
      body[data-app-variant="seller"] .seller-content .fin-chart-head h3 {
        color: #292929;
      }
      body[data-app-variant="seller"] .seller-content .seller-panel,
      body[data-app-variant="seller"] .seller-content .sv-list,
      body[data-app-variant="seller"] .seller-content .fin-chart-card {
        padding: 18px;
      }
      body[data-app-variant="seller"] .seller-content .sv-order,
      body[data-app-variant="seller"] .seller-content .sv-alert {
        padding: 15px;
      }
      
      body[data-app-variant="seller"] .seller-content .primary,
      body[data-app-variant="seller"] .seller-content .small-primary {
        border-radius: 8px;
        color: #ffffff;
        background: #e83745;
        box-shadow: none;
        font-weight: 750;
      }
      body[data-app-variant="seller"] .seller-content .small-outline,
      body[data-app-variant="seller"] .seller-content .outline {
        border-color: #dfdfdf;
        border-radius: 8px;
        color: #333333;
        background: #ffffff;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-pill,
      body[data-app-variant="seller"] .seller-content .sv-pill.red,
      body[data-app-variant="seller"] .seller-content .sv-pill.blue,
      body[data-app-variant="seller"] .seller-content .sv-pill.green,
      body[data-app-variant="seller"] .seller-content .sv-pill.yellow,
      body[data-app-variant="seller"] .seller-content .sv-pill.lilac {
        border: 1px solid #f1d3d6;
        color: #e83745;
        background: #fff5f5;
      }
      body[data-app-variant="seller"] .seller-content .sv-pill.gray {
        border: 1px solid #e7e7e7;
        color: #606060;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-content .seller-table th {
        color: #666666;
        background: #ffffff;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .seller-content .seller-table td {
        border-color: #eeeeee;
        color: #333333;
      }
      body[data-app-variant="seller"] .seller-content input:focus,
      body[data-app-variant="seller"] .seller-content textarea:focus,
      body[data-app-variant="seller"] .seller-content select:focus {
        border-color: #e83745;
        box-shadow: 0 0 0 3px rgba(232,55,69,.12);
      }
      body[data-app-variant="seller"] .seller-content .fin-trend,
      body[data-app-variant="seller"] .seller-content .fin-trend.up,
      body[data-app-variant="seller"] .seller-content .fin-trend.down {
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban,
      body[data-app-variant="seller"] .seller-content .sv-col {
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-content .sv-col {
        border-color: #e9e9e9;
      }
      body[data-app-variant="seller"] .seller-content .sv-col-head,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
        border-color: #eeeeee;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-content .sv-col-count,
      body[data-app-variant="seller"] .seller-content .sv-kf-item .sv-metric-ico {
        color: #e83745;
        background: #fff0f1;
      }
      
        body[data-app-variant="seller"] .seller-shortcut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      
      
        body[data-app-variant="seller"] .seller-layout { display: block; padding-bottom: 126px; }
        body[data-app-variant="seller"] .seller-sidebar {
          position: fixed;
          z-index: 30;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%;
          min-height: 0;
          height: 112px;
          border-top: 1px solid #e8e8e8;
          border-right: 0;
          box-shadow: 0 -8px 22px rgba(0,0,0,.06);
        }
        body[data-app-variant="seller"] .seller-sidebar-head,
        body[data-app-variant="seller"] .seller-sidebar-footer,
        body[data-app-variant="seller"] .seller-nav-group-label { display: none; }
        body[data-app-variant="seller"] .seller-sidebar-nav {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          flex: 1;
          padding: 8px;
          overflow: auto;
        }
        body[data-app-variant="seller"] .seller-nav-group,
        body[data-app-variant="seller"] .seller-nav-group + .seller-nav-group { display: contents; margin: 0; }
        body[data-app-variant="seller"] .seller-sidebar-nav button {
          display: grid;
          min-height: 45px;
          gap: 3px;
          place-items: center;
          margin: 0;
          padding: 4px;
          font-size: 9px;
          line-height: 1.1;
        }
        body[data-app-variant="seller"] .seller-sidebar-nav button span:not(.sv-count) { display: block; }
        body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
          position: absolute;
          margin: -27px 0 0 23px;
        }
        body[data-app-variant="seller"] .seller-workspace { width: min(100% - 30px, 620px); padding: 23px 0 28px; }
        body[data-app-variant="seller"] .seller-content .sv-head { align-items: flex-start; gap: 12px; margin-bottom: 20px; }
        body[data-app-variant="seller"] .seller-content .sv-hello { font-size: 23px; }
        body[data-app-variant="seller"] .seller-guidance { align-items: stretch; flex-direction: column; gap: 18px; padding: 21px; }
        body[data-app-variant="seller"] .seller-guidance-actions { grid-template-columns: 1fr 1fr; min-width: 0; }
        body[data-app-variant="seller"] .seller-shortcut-grid { grid-template-columns: 1fr; }
        body[data-app-variant="seller"] .seller-shortcut { min-height: 74px; }
        body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card { min-height: 112px; }
      
    


      /* Pedidos: prioridade clara, cards compactos e histórico separado da operação. */
      body[data-app-variant="seller"] .orders-board {
        margin-top: 4px;
      }
      body[data-app-variant="seller"] .orders-board-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin: 0 0 15px;
      }
      body[data-app-variant="seller"] .orders-board-head .seller-eyebrow {
        margin-bottom: 6px;
        color: #e83745;
      }
      body[data-app-variant="seller"] .orders-board-head h2 {
        margin: 0;
        color: #272727;
        font-family: "Outfit", sans-serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: -.04em;
      }
      body[data-app-variant="seller"] .orders-board-head p {
        max-width: 570px;
        margin: 5px 0 0;
        color: #737373;
        font-size: 12px;
        line-height: 1.45;
      }
      body[data-app-variant="seller"] .orders-board-tabs {
        display: flex;
        flex: 0 0 auto;
        gap: 4px;
        padding: 4px;
        border: 1px solid #e9e9e9;
        border-radius: 9px;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .orders-board-tabs button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 32px;
        border: 0;
        border-radius: 6px;
        padding: 6px 9px;
        color: #646464;
        background: transparent;
        font-size: 11px;
        font-weight: 750;
      }
      
      body[data-app-variant="seller"] .orders-board-tabs button.active {
        color: #ffffff;
        background: #e83745;
      }
      body[data-app-variant="seller"] .orders-board-tabs span {
        display: grid;
        min-width: 16px;
        height: 16px;
        place-items: center;
        border-radius: 99px;
        color: #e83745;
        background: #ffffff;
        font-size: 9px;
      }
      body[data-app-variant="seller"] .sv-kanban.orders-kanban {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
        gap: 12px;
        overflow: visible;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col {
        min-width: 0;
        padding: 13px;
        border: 1px solid #e7e7e7;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-received {
        border-color: #f0c3c8;
        background: #fffafa;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 9px;
        padding: 0 0 12px;
        border-bottom: 1px solid #ededed;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-head h3 {
        margin: 0;
        color: #323232;
        font-size: 13px;
        font-weight: 700;
        line-height: 1.25;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-help {
        margin: 4px 0 0;
        color: #747474;
        font-size: 10.5px;
        line-height: 1.4;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-count {
        display: grid;
        min-width: 23px;
        height: 23px;
        flex: 0 0 23px;
        place-items: center;
        border-radius: 99px;
        color: #e83745;
        background: #fff0f1;
        font-size: 11px;
        font-weight: 700;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-list {
        display: grid;
        gap: 9px;
        margin-top: 11px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.pickup-order,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.delivery-order,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.delivery-order.motoboy-out,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.delivery-order.motoboy-done {
        margin: 0;
        border: 1px solid #e5e5e5;
        border-radius: 9px;
        padding: 12px;
        color: #303030;
        background: #ffffff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.needs-action {
        border-color: #e83745;
        box-shadow: inset 3px 0 0 #e83745;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard b {
        color: #272727;
        font-size: 12px;
        font-weight: 850;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kprice,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.pickup-order .sv-kprice,
      body[data-app-variant="seller"] .orders-kanban .sv-kcard.delivery-order .sv-kprice {
        display: inline;
        margin: 0;
        color: #e83745;
        font-size: 14px;
        font-weight: 850;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcustomer {
        display: block;
        margin-top: 8px;
        color: #3a3a3a;
        font-size: 12px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kitems {
        display: -webkit-box;
        margin-top: 3px;
        overflow: hidden;
        color: #777777;
        font-size: 11px;
        line-height: 1.35;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kmeta {
        margin: 10px 0 0;
        padding-top: 9px;
        border-top: 1px solid #f0f0f0;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kbadge,
      body[data-app-variant="seller"] .orders-kanban .sv-kbadge.pickup,
      body[data-app-variant="seller"] .orders-kanban .sv-kbadge.delivery {
        padding: 3px 7px;
        border-radius: 5px;
        color: #e83745;
        background: #fff0f1;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-ktime {
        color: #818181;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kcompact-note {
        margin: 8px 0 0;
        color: #696969;
        font-size: 10.5px;
        line-height: 1.35;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kactions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin-top: 11px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .small-primary,
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .pickup-completion,
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-details {
        width: 100%;
        min-height: 34px;
        margin: 0;
        padding: 7px 8px;
        font-size: 10.5px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .small-primary,
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .pickup-completion,
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-details:only-child {
        grid-column: 1 / -1;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-decline,
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .needs-action .sv-details {
        min-height: 34px;
        margin: 0;
        padding: 7px 8px;
        font-size: 10.5px;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-empty {
        min-height: 152px;
        padding: 20px 10px;
        color: #858585;
        font-size: 11px;
        font-weight: 600;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-empty svg {
        stroke: #e83745;
        opacity: .58;
      }
      body[data-app-variant="seller"] .orders-kanban .sv-col-toggle {
        margin-top: 9px;
        border: 1px solid #ebebeb;
        border-radius: 7px;
        padding: 7px 9px;
        color: #e83745;
        background: #ffffff;
        font-size: 10.5px;
      }
      
      body[data-app-variant="seller"] .orders-summary {
        grid-template-columns: minmax(125px, 1.25fr) repeat(4, minmax(0, 1fr));
        margin-top: 13px;
        border-color: #e9e9e9;
        border-radius: 10px;
        padding: 12px 10px;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .orders-summary .sv-kf-date,
      body[data-app-variant="seller"] .orders-summary .sv-kf-item {
        min-height: 32px;
        padding: 0 11px;
      }
      body[data-app-variant="seller"] .orders-summary .sv-kf-date strong,
      body[data-app-variant="seller"] .orders-summary .sv-kf-item strong {
        color: #303030;
        font-size: 12px;
      }
      body[data-app-variant="seller"] .orders-summary .sv-kf-item small {
        color: #777777;
        font-size: 10px;
      }
      
        body[data-app-variant="seller"] .sv-kanban.orders-kanban { grid-template-columns: repeat(3, minmax(190px, 1fr)); }
        body[data-app-variant="seller"] .orders-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); }
        body[data-app-variant="seller"] .orders-summary .sv-kf-date { display: none; }
      
      
        body[data-app-variant="seller"] .orders-board-head { align-items: stretch; flex-direction: column; gap: 12px; }
        body[data-app-variant="seller"] .orders-board-tabs { align-self: flex-start; }
        body[data-app-variant="seller"] .sv-kanban.orders-kanban { grid-template-columns: 1fr; }
        body[data-app-variant="seller"] .orders-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 0; }
        body[data-app-variant="seller"] .orders-summary .sv-kf-item:nth-child(odd) { border-left: 0; }
      
    


      /* Resumo inicial menor, com a ilustração PNG original como detalhe visual. */
      body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal {
        position: relative;
        min-height: 118px;
        margin-bottom: 24px;
        overflow: hidden;
        border: 1px solid #e9e9e9;
        border-left: 4px solid #e83745;
        border-radius: 12px;
        padding: 20px 340px 19px 20px;
        color: #2b2b2b;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-eyebrow {
        margin-bottom: 6px;
        color: #e83745;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal h2 {
        color: #292929;
        font-size: 20px;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal p {
        margin-top: 5px;
        color: #747474;
        font-size: 12px;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art {
        position: absolute;
        right: 156px;
        bottom: -8px;
        width: 154px;
        height: 128px;
        object-fit: contain;
        object-position: center bottom;
        pointer-events: none;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions {
        position: absolute;
        top: 50%;
        right: 18px;
        min-width: 120px;
        transform: translateY(-50%);
      }
      body[data-app-variant="seller"] .seller-guidance-minimal .primary {
        min-height: 35px;
        border-color: #e83745;
        color: #ffffff;
        background: #e83745;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-quiet-action {
        min-height: 30px;
        border-color: #e3e3e3;
        color: #5d5d5d;
        background: #ffffff;
        font-size: 10px;
      }
      

      /* Retorno do quadro original de pedidos, agora com paleta mais calma. */
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) {
        grid-template-columns: repeat(5, minmax(190px, 1fr));
        gap: 10px;
        padding-bottom: 4px;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col {
        padding: 12px;
        border: 1px solid #e8e8e8;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col h3 {
        color: #333333;
        font-size: 12px;
        font-weight: 700;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col h3 span {
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col-help {
        min-height: 46px;
        margin: 7px 0 10px;
        color: #747474;
        font-size: 10.5px;
        line-height: 1.38;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-out,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-done {
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        padding: 11px;
        background: #ffffff;
        box-shadow: none;
      }
      
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard b {
        color: #292929;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard small {
        color: #747474;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kprice,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order .sv-kprice,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order .sv-kprice {
        color: #e83745;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kmeta {
        margin: 8px 0;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge.pickup,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge.delivery {
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-ktime {
        color: #828282;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-knext {
        min-height: 32px;
        margin-top: 7px;
        color: #636363;
        background: #fafafa;
        font-size: 10.5px;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col-empty {
        min-height: 140px;
        color: #858585;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col-empty svg {
        stroke: #e83745;
        opacity: .55;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) {
        margin-top: 12px;
        border-color: #e8e8e8;
        border-radius: 10px;
        background: #ffffff;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-kf-item strong,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-kf-date strong {
        color: #303030;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-metric-ico,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-metric-ico.blue,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-metric-ico.green,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-metric-ico.yellow,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer:not(.orders-summary) .sv-metric-ico.lilac {
        color: #e83745;
        background: #fff0f1;
      }
      
        body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal {
          min-height: 128px;
          padding: 18px 145px 72px 18px;
        }
        body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art {
          right: 7px;
          bottom: 1px;
          width: 140px;
          height: 118px;
          opacity: .72;
        }
        body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions {
          top: auto;
          right: auto;
          bottom: 15px;
          left: 18px;
          display: flex;
          min-width: 0;
          transform: none;
        }
        body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions button {
          min-width: 108px;
        }
      
    


      /* Verde indica operação do motoboy ou loja online; vermelho, ação da loja. */
      body[data-app-variant="seller"] .seller-sidebar-store i,
      body[data-app-variant="seller"] .seller-sidebar-footer-dot,
      body[data-app-variant="seller"] .sv-dot:not(.paused):not(.closed),
      body[data-app-variant="seller"] .status-dot.green {
        background: #2f9e5b;
      }
      body[data-app-variant="seller"] .sv-dot:not(.paused):not(.closed) {
        box-shadow: 0 0 0 3px rgba(47,158,91,.16);
      }

      /* Aprendizado guiado: poucos atalhos, ilustrações leves e movimento discreto. */
      body[data-app-variant="seller"] .seller-learning { margin:0 0 27px; padding:18px; border:1px solid var(--seller-border); border-radius:15px; background:linear-gradient(135deg,#fff 0%,#fff9f6 100%); box-shadow:0 8px 24px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-learning-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:13px; }
      body[data-app-variant="seller"] .seller-learning-head h2 { margin:0; color:var(--seller-ink); font-size:20px; letter-spacing:-.035em; }
      body[data-app-variant="seller"] .seller-learning-head p { margin:4px 0 0; color:var(--seller-muted); font-size:13px; }
      body[data-app-variant="seller"] .seller-learning-mark { padding:6px 9px; border-radius:999px; color:#bd2534; background:#fff0f2; font-size:11px; font-weight: 700; white-space:nowrap; }
      body[data-app-variant="seller"] .seller-learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
      body[data-app-variant="seller"] .seller-learning-card { position:relative; display:grid; grid-template-columns:30px 62px 1fr 18px; align-items:center; gap:9px; min-width:0; min-height:92px; padding:10px; overflow:hidden; border:1px solid transparent; border-radius:12px; text-align:left; background:#fff; color:var(--seller-ink); box-shadow:0 4px 14px rgba(33,48,66,.045); transition:box-shadow .22s var(--ease),border-color .22s var(--ease); }
      
      body[data-app-variant="seller"] .seller-learning-card img { width:62px; height:62px; min-width:62px; min-height:62px; aspect-ratio:1 / 1; object-fit:contain; object-position:center; display:block; animation:none !important; transform:none !important; }
      body[data-app-variant="seller"] .seller-learning-number { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:#fff; background:var(--red); font-size:12px; font-weight: 700; }
      body[data-app-variant="seller"] .seller-learning-card strong { display:block; font-size:13px; line-height:1.2; }
      body[data-app-variant="seller"] .seller-learning-card small { display:block; margin-top:4px; color:#7f8995; font-size:11px; line-height:1.3; }
      body[data-app-variant="seller"] .seller-learning-card b { color:var(--red); font-size:18px; }
       body[data-app-variant="seller"] .seller-learning-grid { grid-template-columns:1fr; } body[data-app-variant="seller"] .seller-learning-card { grid-template-columns:30px 72px 1fr 18px; } body[data-app-variant="seller"] .seller-learning-card img { width:62px; height:62px; min-width:62px; min-height:62px; } 
      body[data-app-variant="seller"] .completion-code-modal { width:min(100%,430px); }
      body[data-app-variant="seller"] .completion-code-art-wrap { display:grid; place-items:center; height:145px; margin:0 0 10px; border-radius:14px; background:#fff7ed; overflow:hidden; }
      body[data-app-variant="seller"] .completion-code-art { width:170px; height:170px; object-fit:contain; display:block; }
      body[data-app-variant="seller"] .completion-code-lead { margin:8px 0 0; font-size:18px; font-weight: 700; color:var(--ink); }
      body[data-app-variant="seller"] .completion-code-help { margin:4px 0 12px; }
      body[data-app-variant="seller"] .completion-code-input { width:100%; min-height:48px; padding:12px 14px; border:1px solid #d9dde2; border-radius:10px; outline:none; font-size:18px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
      body[data-app-variant="seller"] .completion-code-input:focus { box-shadow:0 0 0 3px rgba(232,55,69,.12); }
      body[data-app-variant="seller"] .completion-code-actions { display:flex; align-items:stretch; gap:8px; width:100%; }
      body[data-app-variant="seller"] .completion-code-actions button { width:0; flex:1 1 0; min-width:0; min-height:44px; height:44px; margin:0; padding:0 10px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; white-space:nowrap; }

      /* Editor de adicionais: campos e ações alinhados em qualquer largura. */
      .addon-group-editor { width:100%; box-sizing:border-box; border-radius:14px !important; background:#fff !important; }
      .addon-group-head { grid-template-columns:minmax(0,1fr) 142px; align-items:end; }
      .addon-group-head .field { min-width:0; }
      .addon-group-head [data-remove-addon-group] { width:142px; min-width:0; min-height:42px; height:42px; margin:0; padding:0 10px; display:flex; align-items:center; justify-content:center; white-space:nowrap; }
      .addon-group-settings { grid-template-columns:repeat(3,minmax(0,1fr)); align-items:end; }
      .addon-group-settings label { display:flex; flex-direction:column; gap:6px; min-width:0; }
      .addon-group-settings input, .addon-group-settings select { min-height:42px; height:42px; box-sizing:border-box; }
      .addon-group-editor [data-add-addon-option] { width:100%; min-height:42px; margin-top:12px !important; display:flex; align-items:center; justify-content:center; }
      .addon-option-editor button { width:34px; min-width:34px; height:42px; min-height:42px; display:flex; align-items:center; justify-content:center; border:1px solid #f0b4ba; }
      
        .addon-group-head { grid-template-columns:1fr; align-items:stretch; }
        .addon-group-head [data-remove-addon-group] { width:100%; }
        .addon-group-settings { grid-template-columns:1fr; }
        .addon-option-editor { grid-template-columns:minmax(0,1fr) 92px 42px; }
      
      /* Cards de pedido totalmente coloridos: vermelho para retirada, verde para entrega. */
      body[data-app-variant="seller"] .seller-content .sv-kcard.pickup-order { background:#fff0f2 !important; border:1px solid #e9434f !important; border-left:3px solid #d93646 !important; }
      body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order { background:#effaf5 !important; border:1px solid #48ad88 !important; border-left:3px solid #2f9e78 !important; }
      body[data-app-variant="seller"] .seller-content .sv-kcard.pickup-order .sv-kbadge { color:#c83240 !important; background:#ffdfe3 !important; }
      body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order .sv-kbadge { color:#287d61 !important; background:#d7f2e5 !important; }
      body[data-app-variant="seller"] .seller-content .sv-kcard.pickup-order .sv-knext { background:#ffe6e9 !important; }
      body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order .sv-knext { background:#ddf5e9 !important; }
      body[data-app-variant="seller"] .seller-courier-tour-shade { position:fixed; inset:0; z-index:80; pointer-events:none; background:rgba(22,23,28,.72); transition:background .2s ease; }
      body[data-app-variant="seller"] .seller-courier-tour-card { position:fixed; z-index:82; width:min(390px,calc(100vw - 32px)); right:28px; top:50%; transform:translateY(-50%); padding:22px; border-radius:18px; background:#fff; box-shadow:0 22px 60px rgba(0,0,0,.25); pointer-events:auto; }
      body[data-app-variant="seller"] .seller-courier-tour-card h3 { margin:0 0 8px; font-size:19px; letter-spacing:-.03em; }
      body[data-app-variant="seller"] .seller-courier-tour-card p { margin:0 0 14px; color:var(--muted); font-size:14px; line-height:1.55; }
      body[data-app-variant="seller"] .seller-courier-tour-card img { width:100%; height:142px; object-fit:cover; border-radius:13px; margin-bottom:15px; display:block; }
      body[data-app-variant="seller"] .seller-courier-tour-close { position:absolute; right:10px; top:8px; width:34px; height:34px; border-radius:50%; background:#f5f5f5; color:#555; font-size:24px; line-height:1; }
      body[data-app-variant="seller"] .seller-courier-tour-action { width:100%; }
      body[data-app-variant="seller"] .seller-courier-tour-actions { display:grid; gap:9px; margin-top:4px; }
      body[data-app-variant="seller"] .seller-settings-tour-card { left:28px; right:auto; }
      body[data-app-variant="seller"] .seller-coupons-tour-card { left:28px; right:auto; }
      body[data-app-variant="seller"] .seller-products-tour-card { left:28px; right:auto; }
      body[data-app-variant="seller"] .settings-tour-target,
      body[data-app-variant="seller"] .orders-tour-target { box-shadow:none !important; filter:none !important; animation:none !important; transition:none !important; outline:none !important; background:transparent !important; border-color:transparent !important; }
      body[data-app-variant="seller"] .seller-completion-tour-card { left:50%; right:auto; top:50%; transform:translate(-50%, -50%); }
      /* Os tutoriais usam apenas a luz do overlay; os botões não recebem efeitos próprios. */
      
      
      
      

       body[data-app-variant="seller"] .seller-completion-tour-card { left:16px; right:16px; top:auto; bottom:18px; transform:none; } 
      body[data-app-variant="seller"] .courier-tour-target,
      body[data-app-variant="seller"] .finance-tour-target,
      body[data-app-variant="seller"] .coupons-tour-target,
      body[data-app-variant="seller"] .products-tour-target { animation:none !important; outline:none !important; }
      body[data-app-variant="seller"] .coupons-tour-target,
      body[data-app-variant="seller"] .products-tour-target { position:relative; z-index:81 !important; box-shadow:0 0 24px 8px rgba(232,55,69,.34), 0 12px 30px rgba(232,55,69,.2) !important; }
       body[data-app-variant="seller"] .seller-coupons-tour-card, body[data-app-variant="seller"] .seller-products-tour-card { left:16px; right:16px; } 
      body[data-app-variant="seller"] .settings-tour-target { position:relative; z-index:81 !important; box-shadow:0 0 24px 8px rgba(232,55,69,.34), 0 12px 30px rgba(232,55,69,.2) !important; }
      body[data-app-variant="seller"] .courier-tour-target,
      body[data-app-variant="seller"] .finance-tour-target,
      body[data-app-variant="seller"] .coupons-tour-target,
      body[data-app-variant="seller"] .products-tour-target { box-shadow:none !important; filter:drop-shadow(0 0 13px rgba(232,55,69,.62)) !important; animation:none !important; transition:none !important; outline:none !important; }
      

       body[data-app-variant="seller"] .seller-settings-tour-card { left:16px; right:16px; } 
      body[data-app-variant="seller"] .courier-tour-target { position:relative; z-index:81 !important; box-shadow:0 0 24px 8px rgba(232,55,69,.34), 0 12px 30px rgba(232,55,69,.2) !important; }
       body[data-app-variant="seller"] .seller-courier-tour-card { right:16px; left:16px; width:auto; top:auto; bottom:18px; transform:none; } 
      body[data-app-variant="seller"] .seller-setup-modal { width:min(100%,520px); }
      body[data-app-variant="seller"] .seller-setup-art { height:112px; margin:-8px -8px 16px; border-radius:14px; background:#fff5ee; overflow:hidden; display:flex; align-items:center; justify-content:center; }
      body[data-app-variant="seller"] .seller-setup-art img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
      body[data-app-variant="seller"] .seller-choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
      body[data-app-variant="seller"] .seller-choice { min-height:48px; padding:11px 12px; display:flex; align-items:center; gap:9px; border:1px solid #dfe6ee; border-radius:10px; background:#fff; color:var(--ink); font-weight:700; cursor:pointer; }
      body[data-app-variant="seller"] .seller-choice:has(input:checked) { border-color:var(--red); background:#fff0f2; color:#c83240; }
      body[data-app-variant="seller"] .seller-choice input { min-height:0; accent-color:var(--red); }
       body[data-app-variant="seller"] .seller-choice-grid { grid-template-columns:1fr; } 
      body[data-app-variant="seller"] .seller-mode-list { display:grid; gap:9px; }
      body[data-app-variant="seller"] .seller-mode-option { display:flex; align-items:flex-start; gap:10px; padding:12px; border:1px solid #dfe6ee; border-radius:11px; background:#fff; cursor:pointer; }
      body[data-app-variant="seller"] .seller-mode-option:has(input:checked) { border-color:var(--red); background:#fff0f2; }
      body[data-app-variant="seller"] .seller-mode-option input { flex:0 0 auto; min-height:0; margin-top:3px; accent-color:var(--red); }
      body[data-app-variant="seller"] .seller-mode-option span { display:grid; gap:3px; }
      body[data-app-variant="seller"] .seller-mode-option strong { color:var(--ink); font-size:14px; }
      body[data-app-variant="seller"] .seller-mode-option small { color:var(--muted); font-size:12px; line-height:1.4; }
      body[data-app-variant="seller"] .seller-setup-note { display:grid; gap:4px; padding:11px 12px; border-radius:10px; color:#287d61; background:#effaf5; font-size:13px; line-height:1.4; }
      body[data-app-variant="seller"] .seller-setup-note strong { color:#216b54; }
      /* Explicação curta na home para o lojista iniciante. */
      body[data-app-variant="seller"] .seller-operation-guide {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin: 0 0 25px;
        padding: 18px 20px;
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-operation-guide .seller-eyebrow {
        margin-bottom: 5px;
        color: #e83745;
        font-size: 10px;
      }
      body[data-app-variant="seller"] .seller-operation-guide h2 {
        margin: 0;
        color: #303030;
        font-family: "Outfit", sans-serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -.035em;
      }
      body[data-app-variant="seller"] .seller-operation-guide p {
        margin: 4px 0 0;
        color: #747474;
        font-size: 11px;
        line-height: 1.45;
      }
      body[data-app-variant="seller"] .seller-flow-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(170px, 1fr));
        gap: 9px;
        min-width: 420px;
      }
      body[data-app-variant="seller"] .seller-flow-card {
        display: flex;
        align-items: center;
        gap: 9px;
        min-height: 62px;
        padding: 10px;
        border: 1px solid #e8e8e8;
        border-radius: 9px;
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-flow-icon {
        display: grid;
        width: 31px;
        height: 31px;
        flex: 0 0 31px;
        place-items: center;
        border-radius: 8px;
      }
      body[data-app-variant="seller"] .seller-flow-icon svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
      }
      body[data-app-variant="seller"] .seller-flow-card strong,
      body[data-app-variant="seller"] .seller-flow-card small {
        display: block;
      }
      body[data-app-variant="seller"] .seller-flow-card strong {
        color: #333333;
        font-size: 11px;
      }
      body[data-app-variant="seller"] .seller-flow-card small {
        margin-top: 3px;
        color: #737373;
        font-size: 10px;
        line-height: 1.35;
      }
      body[data-app-variant="seller"] .seller-flow-card.store-flow {
        border-color: #f0c3c8;
        background: #fff8f8;
      }
      body[data-app-variant="seller"] .seller-flow-card.store-flow .seller-flow-icon {
        color: #e83745;
        background: #fff0f1;
      }
      body[data-app-variant="seller"] .seller-flow-card.courier-flow {
        border-color: #bee5cc;
        background: #f4fcf6;
      }
      body[data-app-variant="seller"] .seller-flow-card.courier-flow .seller-flow-icon {
        color: #247c46;
        background: #dff3e5;
      }

      /* No quadro: loja em vermelho e motoboy em verde, como na versão anterior. */
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order {
        border-color: #df4957;
        background: #fff0f2;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order .sv-kprice {
        color: #c82e3d;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order .sv-knext {
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-out,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-done {
        border-color: #42a565;
        background: #e0f4e5;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order .sv-kprice,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-out .sv-kprice,
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-done .sv-kprice {
        color: #19713b;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order .sv-knext {
        background: #ffffff;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge.pickup {
        color: #b92736;
        background: #ffdce1;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge.delivery {
        color: #19713b;
        background: #ccebd5;
      }
      
        body[data-app-variant="seller"] .seller-operation-guide { align-items: stretch; flex-direction: column; }
        body[data-app-variant="seller"] .seller-flow-grid { min-width: 0; }
      
      
        body[data-app-variant="seller"] .seller-flow-grid { grid-template-columns: 1fr; }
      
    


      /* Camada final: apresentação somente; fluxos, dados e listeners permanecem intactos. */
      body[data-app-variant="seller"] { --seller-bg:#eef3f9; --seller-border:#e3e9f0; --seller-ink:#20242a; --seller-muted:#77828e; background:var(--seller-bg); }
      body[data-app-variant="seller"] #main, body[data-app-variant="seller"] .seller-content, body[data-app-variant="seller"] .seller-layout { background:var(--seller-bg); }
      body[data-app-variant="seller"] .seller-sidebar { width:224px; flex-basis:224px; border-right-color:var(--seller-border); }
      body[data-app-variant="seller"] .seller-sidebar-head { padding:20px 18px 16px; border-bottom-color:#eef1f5; }
      body[data-app-variant="seller"] .seller-sidebar-brand { margin-bottom:19px; color:var(--seller-ink); font-size:22px; letter-spacing:-.065em; }
      body[data-app-variant="seller"] .seller-sidebar-store i, body[data-app-variant="seller"] .seller-sidebar-footer-dot { background:#2e9a61; }
      body[data-app-variant="seller"] .seller-sidebar-nav { padding:14px 10px; gap:2px; }
      body[data-app-variant="seller"] .seller-sidebar-nav button { min-height:40px; color:#69727d; font-size:14px; font-weight:650; }
      
      body[data-app-variant="seller"] .seller-sidebar-nav button.active { color:var(--red); background:#fff0f2; }

      /* Ícones da navegação: mesma caixa, traço uniforme e destaque apenas no item ativo. */
      body[data-app-variant="seller"] .seller-sidebar-nav button {
        min-height: 44px;
        gap: 12px;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button svg {
        width: 17px;
        height: 17px;
        box-sizing: content-box;
        padding: 5px;
        border-radius: 8px;
        color: #6f7b87;
        background: #f2f5f8;
        stroke-width: 1.9;
        opacity: 1;
      }
      
      body[data-app-variant="seller"] .seller-sidebar-nav button.active svg {
        color: var(--red);
        background: #ffe4e8;
        stroke-width: 2;
      }

      body[data-app-variant="seller"] .seller-workspace { width:min(1140px, calc(100% - 64px)); padding:30px 0 64px; }
      body[data-app-variant="seller"] .seller-content .sv-head { min-height:50px; margin-bottom:20px; }
      body[data-app-variant="seller"] .seller-content .sv-hello { color:var(--seller-ink); font-size:30px; font-weight: 700; }
      body[data-app-variant="seller"] .seller-content .sv-hello small { margin-top:4px; color:var(--seller-muted); font-size:16px; }
      body[data-app-variant="seller"] .seller-content .sv-status { border-color:#dde3e9; color:#64707b; font-size:13px; }
      body[data-app-variant="seller"] .sv-dot:not(.paused):not(.closed), body[data-app-variant="seller"] .status-dot.green { background:#2e9a61; box-shadow:0 0 0 3px rgba(46,154,97,.13); }

      /* Pesquisa de pedidos: somente o campo, sem card externo nem texto auxiliar. */
      body[data-app-variant="seller"] .order-search-bar {
        margin: 0 0 18px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
      }
      body[data-app-variant="seller"] .order-search-hint {
        display: none;
      }
      body[data-app-variant="seller"] .order-search-box {
        min-height: 52px;
        padding: 10px 16px;
        border-color: #dce3ea;
        border-radius: 11px;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(33,48,66,.025);
      }
      body[data-app-variant="seller"] .order-search-box input {
        font-size: 14px;
      }

      /* Banner compacto, com Abrir pedidos como foco. */
      body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal { min-height:118px; margin-bottom:25px; padding:19px 224px 18px 22px; border:1px solid var(--seller-border); border-left:0; border-radius:15px; color:var(--seller-ink); background:#fff; box-shadow:0 8px 24px rgba(33,48,66,.045); }
      body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal::before { content:""; position:absolute; top:20px; bottom:20px; left:0; width:3px; border-radius:0 4px 4px 0; background:var(--red); }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-eyebrow { margin-bottom:5px; color:var(--red); font-size:10px; }
      body[data-app-variant="seller"] .seller-guidance-minimal h2 { color:var(--seller-ink); font-size:23px; line-height:1.17; }
      body[data-app-variant="seller"] .seller-guidance-minimal p { margin-top:4px; color:var(--seller-muted); font-size:14px; }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art { right:138px; bottom:-3px; width:106px; height:105px; opacity:.92; }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions { right:18px; min-width:108px; gap:6px; }
      body[data-app-variant="seller"] .seller-guidance-minimal .primary { min-height:36px; border:0; border-radius:8px; color:#fff; background:var(--red); font-size:13px; }
      body[data-app-variant="seller"] .seller-guidance-minimal .seller-quiet-action { border:0; color:#7a8490; background:transparent; font-size:12px; }

      /* Guia preservado como apoio visual leve. */
      body[data-app-variant="seller"] .seller-operation-guide { margin-bottom:27px; padding:0; border:0; background:transparent; }
      body[data-app-variant="seller"] .seller-operation-guide h2, body[data-app-variant="seller"] .seller-section-heading h2 { color:var(--seller-ink); font-size:20px; }
      body[data-app-variant="seller"] .seller-operation-guide p, body[data-app-variant="seller"] .seller-section-heading p { color:var(--seller-muted); font-size:14px; }
      body[data-app-variant="seller"] .seller-flow-card { min-height:58px; border-color:var(--seller-border); border-radius:10px; background:rgba(255,255,255,.78); }

      body[data-app-variant="seller"] .seller-flow-art { overflow:hidden; }
      body[data-app-variant="seller"] .seller-flow-art img { width:52px; height:52px; object-fit:contain; display:block; }
      body[data-app-variant="seller"] .seller-flow-card strong { font-size:14px; }
      body[data-app-variant="seller"] .seller-flow-card small { font-size:12px; }

      /* Quatro ações compactas em uma única linha no desktop. */
      body[data-app-variant="seller"] .seller-shortcut-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); gap:10px; }
      body[data-app-variant="seller"] .seller-shortcut, body[data-app-variant="seller"] .seller-shortcut:first-child { grid-column:auto; min-height:88px; gap:11px; padding:14px; border:0; border-radius:14px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-shortcut:first-child { border:1px solid #dce3ea; box-shadow:0 7px 20px rgba(33,48,66,.065); }
      
      body[data-app-variant="seller"] .seller-shortcut-icon { width:34px; height:34px; flex-basis:34px; color:#65717c; background:#f0f3f6; }
      body[data-app-variant="seller"] .seller-shortcut:first-child .seller-shortcut-icon { color:#fff; background:var(--red); }
      body[data-app-variant="seller"] .seller-shortcut strong, body[data-app-variant="seller"] .seller-shortcut:first-child strong { color:var(--seller-ink); font-size:16px; }
      body[data-app-variant="seller"] .seller-shortcut small { color:#7f8995; font-size:13px; }
      body[data-app-variant="seller"] .seller-shortcut b { display:none; }
      body[data-app-variant="seller"] .seller-shortcut:first-child b { display:grid; width:28px; height:28px; min-width:28px; margin-left:auto; place-items:center; border-radius:7px; color:transparent; background:#fff0f2; font-size:0; }
      body[data-app-variant="seller"] .seller-shortcut:first-child b::after { content:"→"; color:var(--red); font-size:18px; }

      /* Métricas: números fortes e legendas legíveis. */
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics, body[data-app-variant="seller"] .seller-content .seller-simple-metrics { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card { min-height:124px; padding:17px; border:0; border-radius:14px; background:#fff; box-shadow:0 4px 15px rgba(33,48,66,.04); }
      body[data-app-variant="seller"] .seller-content .sv-metric-info > small { color:#7f8994; font-size:13px; }
      body[data-app-variant="seller"] .seller-content .sv-metric-info > strong { color:var(--seller-ink)!important; font-size:28px; }
      body[data-app-variant="seller"] .seller-content .sv-metric-cap { color:#8d97a1; font-size:12px; }
      body[data-app-variant="seller"] .seller-content .sv-metric-ico, body[data-app-variant="seller"] .seller-content .sv-metric-ico.red, body[data-app-variant="seller"] .seller-content .sv-metric-ico.blue, body[data-app-variant="seller"] .seller-content .sv-metric-ico.green, body[data-app-variant="seller"] .seller-content .sv-metric-ico.yellow, body[data-app-variant="seller"] .seller-content .sv-metric-ico.lilac { color:#6d7781; background:#f1f4f7; }
      body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card:first-child .sv-metric-ico { color:var(--red); background:#fff0f2; }

      /* Tela Pedidos: todos os textos seguem a escala padrão de leitura. */
      body[data-app-variant="seller"] .orders-board-head h2 { font-size:21px; }
      body[data-app-variant="seller"] .orders-board-head p, body[data-app-variant="seller"] .orders-board-tabs button { font-size:14px; }
      body[data-app-variant="seller"] .orders-kanban .sv-col-head h3 { font-size:16px; }
      body[data-app-variant="seller"] .orders-kanban .sv-col-help { margin-top:7px; font-size:13px; line-height:1.45; }
      body[data-app-variant="seller"] .orders-kanban .sv-col-count { min-width:26px; height:26px; flex-basis:26px; font-size:13px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard { padding:14px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kcard b { font-size:14px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kprice, body[data-app-variant="seller"] .orders-kanban .sv-kcard.pickup-order .sv-kprice, body[data-app-variant="seller"] .orders-kanban .sv-kcard.delivery-order .sv-kprice { font-size:16px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kcustomer { font-size:14px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kitems { font-size:13px; line-height:1.45; }
      body[data-app-variant="seller"] .orders-kanban .sv-kbadge, body[data-app-variant="seller"] .orders-kanban .sv-kbadge.pickup, body[data-app-variant="seller"] .orders-kanban .sv-kbadge.delivery, body[data-app-variant="seller"] .orders-kanban .sv-ktime { font-size:12px; }
      body[data-app-variant="seller"] .orders-kanban .sv-kcompact-note { font-size:13px; line-height:1.45; }
      body[data-app-variant="seller"] .orders-kanban .sv-kactions .small-primary, body[data-app-variant="seller"] .orders-kanban .sv-kactions .pickup-completion, body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-details, body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-decline, body[data-app-variant="seller"] .orders-kanban .sv-kactions .needs-action .sv-details { min-height:38px; font-size:13px; }
      .sv-action-stack { display:flex; flex-direction:column; gap:7px; width:100%; }
      .sv-status-action { display:flex; align-items:center; min-height:34px; padding:7px 10px; border-radius:7px; background:#fff7ed; color:#9a5a16; font-size:12px; font-weight:700; }
      body[data-app-variant="seller"] .orders-kanban .sv-col-empty, body[data-app-variant="seller"] .orders-kanban .sv-col-toggle { font-size:13px; }
      body[data-app-variant="seller"] .orders-summary .sv-kf-date strong, body[data-app-variant="seller"] .orders-summary .sv-kf-item strong { font-size:14px; }
      body[data-app-variant="seller"] .orders-summary .sv-kf-date small, body[data-app-variant="seller"] .orders-summary .sv-kf-item small { font-size:12px; }

       body[data-app-variant="seller"] .seller-shortcut-grid, body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics, body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns:repeat(2, minmax(0, 1fr)); } 
       body[data-app-variant="seller"] .seller-workspace { width:min(100% - 30px, 620px); padding-top:22px; } body[data-app-variant="seller"] .seller-guidance.seller-guidance-minimal { min-height:154px; padding:18px 126px 65px 20px; } body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-art { right:8px; bottom:5px; width:106px; height:106px; } body[data-app-variant="seller"] .seller-guidance-minimal .seller-guidance-actions { right:auto; bottom:16px; left:20px; display:flex; transform:none; } 
       body[data-app-variant="seller"] .seller-content .sv-hello { font-size:25px; } body[data-app-variant="seller"] .seller-content .sv-hello small { font-size:14px; } body[data-app-variant="seller"] .seller-guidance-minimal h2 { font-size:20px; } body[data-app-variant="seller"] .seller-shortcut-grid, body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics, body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns:1fr; } body[data-app-variant="seller"] .seller-operation-guide { align-items:stretch; flex-direction:column; } body[data-app-variant="seller"] .seller-flow-grid { min-width:0; grid-template-columns:1fr; } 
      /* Impede que o quadro e o resumo ultrapassem as bordas do conteúdo. */
      body[data-app-variant="seller"] .seller-content .sv-kanban,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        box-sizing: border-box;
        overflow-x: hidden;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col {
        min-width: 0;
      }
      /* Remove a moldura externa: apenas as colunas e itens do resumo ficam visíveis. */
      body[data-app-variant="seller"] .seller-content .sv-kanban,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }
      /* O título fica solto; os quatro indicadores voltam a ser cards individuais. */
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date {
        padding-left: 8px;
        background: transparent;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item {
        min-height: 72px;
        padding: 12px 14px;
        border: 1px solid var(--seller-border);
        border-radius: 11px;
        background: #ffffff;
        box-shadow: 0 3px 10px rgba(33,48,66,.035);
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item + .sv-kf-item {
        border-left: 1px solid var(--seller-border);
      }
      /* Cinco cards independentes, inclusive o título Resumo de hoje. */
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 10px;
      }
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date,
      body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item {
        min-height: 72px;
        padding: 12px 14px;
        border: 1px solid var(--seller-border);
        border-radius: 11px;
        background: #ffffff;
        box-shadow: 0 3px 10px rgba(33,48,66,.035);
      }
      
        body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      
      
        body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
          grid-template-columns: 1fr;
        }
      
      
        body[data-app-variant="seller"] .seller-content .sv-kanban {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      
      
        body[data-app-variant="seller"] .seller-content .sv-kanban {
          grid-template-columns: 1fr;
        }
      
      /* Ajuste minimalista do quadro de pedidos: números e ações ficam estáveis. */
      body[data-app-variant="seller"] .seller-content .sv-kanban { gap: 14px; }
      body[data-app-variant="seller"] .seller-content .sv-col { min-width: 0; overflow: hidden; border: 1px solid #ececec; border-radius: 12px; background: #fff; }
      body[data-app-variant="seller"] .seller-content .sv-col h3 { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; margin:0; }
      body[data-app-variant="seller"] .seller-content .sv-col h3 .sv-col-count { display:inline-block; flex:0 0 auto; width:auto; min-width:0; height:auto; margin-left:auto; place-items:initial; border:0; border-radius:0; color:#d52f3d; background:transparent; font-size:13px; line-height:1.2; font-weight: 700; }
      body[data-app-variant="seller"] .seller-content .sv-col-help { max-width:100%; min-height:38px; overflow:hidden; color:#858585; font-size:11px; line-height:1.35; }
      body[data-app-variant="seller"] .seller-content .sv-kactions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:12px; }
      body[data-app-variant="seller"] .seller-content .sv-kactions button,
      body[data-app-variant="seller"] .seller-content .sv-kactions select { width:100%; min-width:0; min-height:36px; margin:0; padding:7px 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-radius:7px; font-size:11px; }
      body[data-app-variant="seller"] .seller-content .sv-kactions [data-choose-delivery],
      body[data-app-variant="seller"] .seller-content .sv-kactions [data-cancel-order],
      body[data-app-variant="seller"] .seller-content .sv-kactions .sv-details,
      body[data-app-variant="seller"] .seller-content .sv-kactions [data-self-delivery-out],
      body[data-app-variant="seller"] .seller-content .sv-kactions [data-self-delivery-done] { grid-column:1 / -1; }
      body[data-app-variant="seller"] .seller-content .sv-kactions [data-choose-delivery] { overflow:visible; text-overflow:clip; }
      /* Ações sempre contidas no card, inclusive em telas estreitas. */
      body[data-app-variant="seller"] .seller-content .sv-kcard { min-width:0; overflow:hidden; }
      body[data-app-variant="seller"] .seller-content .sv-kactions { display:flex; flex-direction:column; align-items:stretch; width:100%; min-width:0; }
      body[data-app-variant="seller"] .seller-content .sv-kactions > *,
      body[data-app-variant="seller"] .seller-content .sv-kactions button,
      body[data-app-variant="seller"] .seller-content .sv-kactions select,
      body[data-app-variant="seller"] .seller-content .sv-action-stack { width:100%; max-width:100%; min-width:0; flex:0 0 auto; }
      body[data-app-variant="seller"] .seller-content .sv-kactions button { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      body[data-app-variant="seller"] .seller-content .sv-action-stack button { width:100%; }
      body[data-app-variant="seller"] .seller-content .sv-col > h3 { position:relative; display:flex !important; align-items:flex-start !important; width:100%; min-height:40px; padding-right:0; }
      body[data-app-variant="seller"] .seller-content .sv-col > h3 > .sv-col-count { position:static !important; inset:auto !important; transform:none !important; margin:2px 0 0 auto !important; align-self:flex-start; }
      body[data-app-variant="seller"] .seller-content .sv-col > h3 > .sv-col-count::before,
      body[data-app-variant="seller"] .seller-content .sv-col > h3 > .sv-col-count::after { content:none !important; }
      body[data-app-variant="seller"] .seller-content .sv-kbadge { display:inline-flex; align-items:center; max-width:100%; min-width:0; gap:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
      body[data-app-variant="seller"] .seller-content .sv-kbadge svg { flex:0 0 14px; width:14px; height:14px; }
      body[data-app-variant="seller"] .seller-content .sv-kbadge { height:auto; min-height:22px; overflow:visible; text-overflow:clip; white-space:normal; overflow-wrap:anywhere; line-height:1.2; }
      body[data-app-variant="seller"] .seller-content .sv-kbadge svg { align-self:flex-start; margin-top:2px; }
      body[data-app-variant="seller"] .order-detail-items { gap:6px !important; }
      body[data-app-variant="seller"] .order-detail-items .order-detail-item { margin:0 !important; padding:10px !important; }
      body[data-app-variant="seller"] .order-detail-items .upload-note { margin-top:4px !important; }
    
      /* Regra final: nenhum botão de  recebe brilho, sombra, borda, foco ou animação. */
      



/* Posicionamento exato do badge de status no topo do cartão Visão Geral */
html body[data-app-variant="seller"] .seller-content .seller-overview-head,
body[data-app-variant="seller"] .seller-overview-head,
.seller-overview-head {
  position: relative !important;
}

html body[data-app-variant="seller"] .seller-content .seller-overview-head .seller-overview-status-badge,
html body[data-app-variant="seller"] .seller-overview-head .seller-overview-status-badge,
.seller-overview-status-badge {
  position: absolute !important;
  top: 12px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  min-height: unset !important;
  height: auto !important;
  max-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  border: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  cursor: pointer !important;
  z-index: 50 !important;
  transition: transform 0.15s ease, background 0.2s ease !important;
}



html body[data-app-variant="seller"] .seller-overview-status-badge .status-dot,
.seller-overview-status-badge .status-dot {
  width: 6px !important;
  height: 6px !important;
  min-width: 6px !important;
  min-height: 6px !important;
  border-radius: 50% !important;
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body[data-app-variant="seller"] .seller-overview-status-badge.open,
.seller-overview-status-badge.open {
  background: #E8F8EE !important;
  color: #16A34A !important;
}

html body[data-app-variant="seller"] .seller-overview-status-badge.open .status-dot,
.seller-overview-status-badge.open .status-dot {
  background: #16A34A !important;
}

html body[data-app-variant="seller"] .seller-overview-status-badge.closed,
.seller-overview-status-badge.closed {
  background: #FFF1F2 !important;
  color: #E83745 !important;
}

html body[data-app-variant="seller"] .seller-overview-status-badge.closed .status-dot,
.seller-overview-status-badge.closed .status-dot {
  background: #E83745 !important;
}



.seller-finance-summary-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0 22px}
.seller-finance-summary-cards article{padding:18px 20px;border:1px solid #eceef2;border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(36,40,48,.05)}
.seller-finance-summary-cards small{display:block;color:#70747d;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
.seller-finance-summary-cards strong{display:block;color:#24262b;font-size:22px;margin-bottom:5px}
.seller-finance-summary-cards span{color:#8a8e96;font-size:12px}
@media(max-width:760px){.seller-finance-summary-cards{grid-template-columns:1fr;gap:10px;margin:10px 12px 18px}.seller-finance-summary-cards article{padding:15px 16px}}




html body[data-app-variant="seller"] button.seller-overview-status-badge.open .status-dot { background: #16A34A !important; }

html body[data-app-variant="seller"] button.seller-overview-status-badge.paused .status-dot { background: #C08A24 !important; }

html body[data-app-variant="seller"] button.seller-overview-status-badge.closed .status-dot { background: #E83745 !important; }



html body[data-app-variant="seller"] #overlay.overlay .seller-choice > .seller-status-choice-dot {
  display: inline-block !important; width: 10px !important; height: 10px !important;
  min-width: 10px !important; flex: 0 0 10px !important; border-radius: 50% !important;
  margin: 0 10px 0 0 !important; padding: 0 !important; box-shadow: none !important;
  vertical-align: middle !important;
}
html body[data-app-variant="seller"] #overlay.overlay .seller-choice > .seller-status-choice-dot.is-open { background: #16A34A !important; }
html body[data-app-variant="seller"] #overlay.overlay .seller-choice > .seller-status-choice-dot.is-paused { background: #C08A24 !important; }
html body[data-app-variant="seller"] #overlay.overlay .seller-choice > .seller-status-choice-dot.is-closed { background: #E83745 !important; }



/* Cartões de saldo sem badge monetário lateral e sem contorno ao clicar/focar. */
html body[data-app-variant="seller"] #main#main#main .seller-finance-view.seller-finance-simple .seller-finance-balance-card > div {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}




/* O botão do extrato mantém a aparência roxa, sem linha vermelha no hover/foco. */

html body[data-app-variant="seller"] #main#main#main .seller-finance-simple button#sellerFullStatementBtn::before,
html body[data-app-variant="seller"] #main#main#main .seller-finance-simple button#sellerFullStatementBtn::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}



html body[data-app-variant="seller"] #overlay.overlay .seller-notification-item {
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: background-color .12s ease !important;
}

html body[data-app-variant="seller"] #overlay.overlay .seller-notification-item:focus-visible {
  outline: 2px solid rgba(148, 163, 184, .4) !important;
  outline-offset: 2px !important;
}



:root { --encomendas-card-light-purple: oklch(.94 .035 300); --catalog-card-gray: oklch(.965 .002 260); }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-encomenda { background:var(--encomendas-card-light-purple) !important; background-image:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-date { position:relative !important; display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-date > strong { display:block !important; width:100% !important; margin:0 !important; text-align:center !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-date > .sv-metric-ico { position:absolute !important; left:24px !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-catalog-grid .seller-product-card { background:var(--catalog-card-gray) !important; background-image:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-catalog-grid .seller-product-card-body { background:var(--catalog-card-gray) !important; background-image:none !important; }



  /* Remoção definitiva do brilho de tutoriais/abas selecionadas do painel. */
  body[data-app-variant="seller"] .coupons-tour-target,
  body[data-app-variant="seller"] .products-tour-target,
  body[data-app-variant="seller"] .settings-tour-target,
  body[data-app-variant="seller"] .orders-tour-target,
  body[data-app-variant="seller"] .finance-tour-target,
  body[data-app-variant="seller"] .courier-tour-target,
  body[data-app-variant="seller"] [data-coupons-tour-target],
  body[data-app-variant="seller"] [data-products-tour-target],
  body[data-app-variant="seller"] [data-settings-tour-target],
  body[data-app-variant="seller"] [data-orders-tour-target],
  body[data-app-variant="seller"] [data-finance-tour-target],
  body[data-app-variant="seller"] [data-courier-tour-target] {
    box-shadow: none !important;
    filter: none !important;
    outline: none !important;
    animation: none !important;
  }
  /* O título CUPOM DE DESCONTO e todos os textos internos do ticket ficam brancos. */
  body[data-app-variant="seller"] .coupon-card-blue .coupon-main,
  body[data-app-variant="seller"] .coupon-card-blue .coupon-main * ,
  body[data-app-variant="seller"] .coupon-admin-ticket .coupon-main,
  body[data-app-variant="seller"] .coupon-admin-ticket .coupon-main * {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }



  /* Não pintar borda vermelha ao passar o mouse nas abas, cards e painéis. */
  
  
  



  /* As dimensões são novamente controladas pelas regras originais da index. */
  body[data-app-variant="seller"] .seller-setup-art img,
  body[data-app-variant="seller"] .completion-code-art-wrap img,
  body[data-app-variant="seller"] .seller-learning-card img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
  }



  /* Fundos originais beges com cantos arredondados das duas artes do . */
  body[data-app-variant="seller"] .seller-setup-art {
    background: #fff5ee !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  body[data-app-variant="seller"] .completion-code-art-wrap {
    background: #fff7ed !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }



  body[data-app-variant="seller"] .seller-sidebar-brand,
  body[data-app-variant="seller"] .seller-gate-logo {
    color: #202124 !important;
  }
  body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial,
  body[data-app-variant="seller"] .seller-gate-logo .brand-initial {
    color: #e83745 !important;
  }



  /* Nos cards verdes de pedidos, “Ver detalhes” mantém a identidade verde no hover. */
  



/* Camada visual final. Não altera IDs, dados, listeners, navegação, integrações ou caminhos de assets. */
body[data-app-variant="seller"] {
  --ds-red:#e83745; --ds-red-strong:#cf2638; --ds-ink:#1c2028; --ds-muted:#7a8190;
  --ds-soft:#f7f8fa; --ds-line:#edf0f3; --ds-green:#1ca66a; --ds-blue:#3d8bdf;
  --ds-yellow:#edac32; --ds-surface:#ffffff; --ds-bg:#fbfcfd;
  --ds-shadow:0 10px 35px rgba(25,32,48,.055); --ds-small-shadow:0 7px 18px rgba(25,32,48,.05);
  --ds-ease:cubic-bezier(.23,1,.32,1); --seller-bg:var(--ds-bg); --seller-surface:var(--ds-surface);
  --seller-border:var(--ds-line); --seller-ink:var(--ds-ink); --seller-muted:var(--ds-muted);
  color:var(--ds-ink); background:var(--ds-bg)!important; font-family:"Outfit", sans-serif;
}
body[data-app-variant="seller"] #main,
body[data-app-variant="seller"] .seller-layout,
body[data-app-variant="seller"] .seller-content,
body[data-app-variant="seller"] .seller-workspace { background:var(--ds-bg)!important; }
body[data-app-variant="seller"] .seller-layout { min-height:100dvh; }
body[data-app-variant="seller"] .seller-sidebar {
  position:fixed!important; inset:0 auto 0 0; z-index:30; width:258px!important; min-width:258px!important;
  min-height:100dvh; padding:25px 16px 20px; overflow-y:auto; background:var(--ds-surface)!important;
  border-right:1px solid var(--ds-line)!important; box-shadow:none!important;
}
body[data-app-variant="seller"] .seller-sidebar-head { padding:0 0 20px!important; border:0!important; background:transparent!important; }
body[data-app-variant="seller"] .seller-sidebar-brand { margin:0 0 20px; color:var(--ds-ink); font-family:"Outfit", sans-serif; font-size:22px; font-weight: 700; letter-spacing:0; }
body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial { color:var(--ds-red)!important; }
body[data-app-variant="seller"] .seller-workspace-card { border:1px solid var(--ds-line); border-radius:11px; padding:11px 12px; background:var(--ds-soft); }
body[data-app-variant="seller"] .seller-sidebar-nav { padding:3px 0!important; }
body[data-app-variant="seller"] .seller-nav-group-label { display:block; padding:0 13px 8px; color:#a0a6b0; font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
body[data-app-variant="seller"] .seller-sidebar-nav button {
  position:relative; width:100%; min-height:42px; margin:1px 0; padding:10px 13px!important; gap:11px;
  border-radius:12px!important; color:#858c99!important; background:transparent!important; font-size:13px!important;
  font-weight:500!important; transition:color .2s var(--ds-ease),background .2s var(--ds-ease),transform .2s var(--ds-ease)!important;
}

body[data-app-variant="seller"] .seller-sidebar-nav button.active { color:var(--ds-red)!important; background:#fff5f5!important; font-weight:600!important; }
body[data-app-variant="seller"] .seller-sidebar-nav button.active::before { content:""; position:absolute; left:-16px; top:50%; width:3px; height:20px; border-radius:3px; background:var(--ds-red); transform:translateY(-50%); }
body[data-app-variant="seller"] .seller-sidebar-nav button svg,
body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-png-icon { width:18px!important; height:18px!important; object-fit:contain; }
body[data-app-variant="seller"] .seller-sidebar-footer { margin-top:auto; color:var(--ds-muted); font-size:11px; }
body[data-app-variant="seller"] .seller-content { min-width:0; min-height:100dvh; margin-left:258px!important; }
body[data-app-variant="seller"] .seller-panel-topbar {
  min-height:78px!important; padding:0 42px!important; border-bottom:1px solid var(--ds-line)!important;
  background:rgba(255,255,255,.86)!important; box-shadow:none!important; backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
}
body[data-app-variant="seller"] .seller-breadcrumb { color:#9aa1ac; font-size:12px; }
body[data-app-variant="seller"] .seller-breadcrumb strong { color:var(--ds-ink); font-weight:600; }
body[data-app-variant="seller"] .seller-top-notification { width:36px; height:36px; min-height:36px; border:1px solid var(--ds-line)!important; border-radius:11px!important; background:var(--ds-surface)!important; color:var(--ds-muted)!important; }

body[data-app-variant="seller"] .seller-workspace { width:min(1510px,calc(100% - 84px))!important; max-width:1510px!important; margin:0 auto; padding:44px 0 60px!important; }
body[data-app-variant="seller"] .seller-overview-head { margin-bottom:28px; }
body[data-app-variant="seller"] .seller-overview-eyebrow { color:var(--ds-red)!important; font-size:11px!important; font-weight:700!important; letter-spacing:.13em!important; }
body[data-app-variant="seller"] .seller-overview-title,
body[data-app-variant="seller"] .seller-content .sv-hello { color:var(--ds-ink)!important; font-family:"Outfit", sans-serif !important; font-size:31px!important; font-weight: 700!important; line-height:1.12!important; letter-spacing:-.05em!important; }
body[data-app-variant="seller"] .seller-overview-subtitle,
body[data-app-variant="seller"] .seller-content .sv-hello small { color:var(--ds-muted)!important; font:400 13px/1.45 "Outfit", sans-serif!important; letter-spacing:0!important; }
body[data-app-variant="seller"] button,
body[data-app-variant="seller"] input,
body[data-app-variant="seller"] select,
body[data-app-variant="seller"] textarea { font-family:"Outfit", sans-serif; }
body[data-app-variant="seller"] .primary,
body[data-app-variant="seller"] .small-primary,
body[data-app-variant="seller"] button.primary,
body[data-app-variant="seller"] button.small-primary,
body[data-app-variant="seller"] .seller-new-order {
  min-height:40px!important; padding:0 16px!important; border:1px solid var(--ds-red)!important; border-radius:11px!important;
  color:#fff!important; background:var(--ds-red)!important; box-shadow:0 7px 16px rgba(232,55,69,.15)!important;
  font-size:12px!important; font-weight:600!important; transition:all .2s var(--ds-ease)!important;
}

body[data-app-variant="seller"] .outline,
body[data-app-variant="seller"] .small-outline,
body[data-app-variant="seller"] button.outline,
body[data-app-variant="seller"] button.small-outline,
body[data-app-variant="seller"] .seller-date-control {
  min-height:40px!important; padding:0 16px!important; border:1px solid var(--ds-line)!important; border-radius:11px!important;
  color:#656d79!important; background:var(--ds-surface)!important; box-shadow:none!important; font-size:12px!important; font-weight:600!important;
}

body[data-app-variant="seller"] input:not([type="checkbox"]):not([type="radio"]),
body[data-app-variant="seller"] select { min-height:40px!important; padding:0 12px; border:1px solid var(--ds-line)!important; border-radius:11px!important; background:var(--ds-surface)!important; color:#6f7784!important; font-size:12px!important; }
body[data-app-variant="seller"] textarea { border:1px solid var(--ds-line)!important; border-radius:11px!important; background:var(--ds-surface)!important; color:var(--ds-ink)!important; font-size:12px!important; }
body[data-app-variant="seller"] input::placeholder,
body[data-app-variant="seller"] textarea::placeholder { color:#a1a8b2!important; }
body[data-app-variant="seller"] button:focus-visible,
body[data-app-variant="seller"] input:focus-visible,
body[data-app-variant="seller"] select:focus-visible,
body[data-app-variant="seller"] textarea:focus-visible { outline:3px solid rgba(232,55,69,.13)!important; outline-offset:2px; border-color:#ef9ca4!important; }
body[data-app-variant="seller"] button:disabled { opacity:.52; cursor:not-allowed; transform:none!important; }
body[data-app-variant="seller"] .seller-dashboard-modern { gap:18px!important; }
body[data-app-variant="seller"] .panel-metrics { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:15px!important; }
body[data-app-variant="seller"] .panel-metrics .sv-card {
  min-height:142px!important; padding:20px!important; border:1px solid transparent!important; border-radius:19px!important;
  background:var(--ds-surface)!important; box-shadow:var(--ds-shadow)!important;
}
body[data-app-variant="seller"] .panel-metrics .sv-metric-info>small { color:#8a919c!important; font-size:12px!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-info>strong { margin-top:18px!important; color:var(--ds-ink)!important; font-family:"Outfit", sans-serif !important; font-size:25px!important; font-weight: 700!important; letter-spacing:-.05em!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-cap { margin-top:5px; color:#969daa!important; font-size:10px!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico { width:35px!important; height:35px!important; border-radius:11px!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico.red { background:#fff0f1!important; color:var(--ds-red)!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico.green { background:#ecfaf3!important; color:var(--ds-green)!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico.blue { background:#eef6ff!important; color:var(--ds-blue)!important; }
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico.lilac,
body[data-app-variant="seller"] .panel-metrics .sv-metric-ico.yellow { background:#fff8e8!important; color:var(--ds-yellow)!important; }
body[data-app-variant="seller"] .panel-chart-card,
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card,
body[data-app-variant="seller"] .seller-panel,
body[data-app-variant="seller"] .fin-chart-card,
body[data-app-variant="seller"] .sv-list {
  border:1px solid transparent!important; border-radius:20px!important; background:var(--ds-surface)!important; box-shadow:var(--ds-shadow)!important;
}
body[data-app-variant="seller"] .panel-chart-card { padding:25px 27px 18px!important; }
body[data-app-variant="seller"] .panel-card-head h2,
body[data-app-variant="seller"] .seller-panel h2,
body[data-app-variant="seller"] .fin-chart-head h3 { color:var(--ds-ink)!important; font-family:"Outfit", sans-serif !important; font-size:16px!important; font-weight: 700!important; letter-spacing:-.035em!important; }
body[data-app-variant="seller"] .panel-card-head p { color:#969daa!important; font-size:11px!important; }
body[data-app-variant="seller"] .panel-legend { color:#8c94a0!important; font-size:10px!important; }
body[data-app-variant="seller"] .panel-legend i { width:7px; height:7px; background:var(--ds-red)!important; }
body[data-app-variant="seller"] .panel-chart-wrap { height:260px!important; margin-top:12px!important; }
body[data-app-variant="seller"] .panel-grid-lines path { stroke:#f1f2f4!important; stroke-width:1; stroke-dasharray:none!important; }
body[data-app-variant="seller"] .panel-line { stroke:var(--ds-red)!important; stroke-width:3!important; stroke-linecap:round; stroke-linejoin:round; }
body[data-app-variant="seller"] .panel-chart circle { fill:var(--ds-surface)!important; stroke:var(--ds-red)!important; stroke-width:2!important; transition:r .2s var(--ds-ease); }

body[data-app-variant="seller"] .panel-axis-labels text { fill:#a6adb7!important; font-size:10px!important; }
body[data-app-variant="seller"] .panel-bottom-grid { grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr)!important; gap:18px!important; }
body[data-app-variant="seller"] .panel-recent-card,
body[data-app-variant="seller"] .panel-actions-card { padding:23px 25px 18px!important; }
body[data-app-variant="seller"] .panel-actions-card { padding-bottom:170px!important; }
body[data-app-variant="seller"] .panel-recent-table { border:0!important; border-radius:0!important; box-shadow:none!important; }
body[data-app-variant="seller"] .panel-recent-table th { padding:0 10px 12px!important; color:#a0a6b0!important; background:transparent!important; border-bottom:1px solid var(--ds-line)!important; font-size:10px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; }
body[data-app-variant="seller"] .panel-recent-table td { padding:14px 10px!important; color:#606874!important; border-bottom:1px solid #f2f3f5!important; font-size:11px!important; }
body[data-app-variant="seller"] .panel-recent-table td strong { color:var(--ds-ink)!important; font-size:11px!important; font-weight:600!important; }
body[data-app-variant="seller"] .panel-status,
body[data-app-variant="seller"] .sv-pill,
body[data-app-variant="seller"] .sv-kbadge { padding:5px 9px!important; border-radius:100px!important; font-size:10px!important; font-weight:600!important; }
body[data-app-variant="seller"] .panel-status { color:#bc8121!important; background:#fff6df!important; }
body[data-app-variant="seller"] .panel-status.done,
body[data-app-variant="seller"] .panel-status.completed { color:#269665!important; background:#eaf9f1!important; }
body[data-app-variant="seller"] .panel-status.delivery,
body[data-app-variant="seller"] .panel-status.delivering,
body[data-app-variant="seller"] .panel-status.ready { color:#4383c1!important; background:#edf6ff!important; }
body[data-app-variant="seller"] .panel-action-list { gap:10px!important; margin-top:18px!important; }
body[data-app-variant="seller"] .panel-action-list button {
  min-height:58px!important; padding:13px 12px!important; border:1px solid var(--ds-line)!important; border-radius:13px!important;
  background:var(--ds-surface)!important; transition:all .2s var(--ds-ease)!important;
}

body[data-app-variant="seller"] .panel-action-icon { width:30px!important; height:30px!important; flex-basis:30px!important; border-radius:10px!important; }
body[data-app-variant="seller"] .panel-action-list strong { color:var(--ds-ink); font-size:11px!important; font-weight:700; }
body[data-app-variant="seller"] .panel-action-list small { color:#9aa1ab!important; font-size:10px!important; }
body[data-app-variant="seller"] .seller-table,
body[data-app-variant="seller"] table { border-color:var(--ds-line)!important; border-radius:11px!important; box-shadow:none!important; }
body[data-app-variant="seller"] .seller-table th,
body[data-app-variant="seller"] table th { padding:12px 14px!important; color:#a0a6b0!important; background:var(--ds-surface)!important; font-size:10px!important; font-weight:600!important; letter-spacing:0!important; text-transform:none!important; }
body[data-app-variant="seller"] .seller-table td,
body[data-app-variant="seller"] table td { padding:14px!important; border-bottom:1px solid #f2f3f5!important; color:#606874; font-size:11px!important; }
body[data-app-variant="seller"] .drawer,
body[data-app-variant="seller"] .modal,
body[data-app-variant="seller"] .overlay-panel { border:1px solid var(--ds-line)!important; border-radius:20px!important; box-shadow:0 18px 50px rgba(25,32,48,.13)!important; }
body[data-app-variant="seller"] .toast { border-radius:9px!important; background:#242832!important; color:#fff!important; box-shadow:0 8px 20px rgba(28,32,40,.15)!important; font-size:11px; }
@media (prefers-reduced-motion:reduce) {
  body[data-app-variant="seller"] *, body[data-app-variant="seller"] *::before, body[data-app-variant="seller"] *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; }
}

  body[data-app-variant="seller"] .seller-sidebar { width:220px!important; min-width:220px!important; }
  body[data-app-variant="seller"] .seller-content { margin-left:220px!important; }
  body[data-app-variant="seller"] .panel-metrics,
  body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
  body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  body[data-app-variant="seller"] .seller-workspace { width:min(100% - 56px,1510px)!important; }


  body[data-app-variant="seller"] .seller-sidebar { width:68px!important; min-width:68px!important; padding:18px 8px 16px!important; }
  body[data-app-variant="seller"] .seller-content { margin-left:68px!important; }
  body[data-app-variant="seller"] .seller-sidebar-brand { font-size:0!important; text-align:center; }
  body[data-app-variant="seller"] .seller-sidebar-brand .brand-initial { font-size:24px!important; }
  body[data-app-variant="seller"] .seller-workspace-card,
  body[data-app-variant="seller"] .seller-nav-group-label,
  body[data-app-variant="seller"] .seller-sidebar-nav button span,
  body[data-app-variant="seller"] .seller-sidebar-footer span:not(.seller-help-icon) { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button { justify-content:center; padding:11px!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button.active::before { left:-8px; }
  body[data-app-variant="seller"] .seller-panel-topbar { min-height:65px!important; padding:0 15px!important; }
  body[data-app-variant="seller"] .seller-user-copy,
  body[data-app-variant="seller"] .seller-profile-caret { display:none!important; }
  body[data-app-variant="seller"] .seller-workspace { width:100%!important; padding:28px 15px 48px!important; }
  body[data-app-variant="seller"] .seller-overview-head { align-items:flex-start!important; }
  body[data-app-variant="seller"] .seller-overview-actions { width:100%; flex-wrap:wrap; }
  body[data-app-variant="seller"] .seller-overview-title,
  body[data-app-variant="seller"] .seller-content .sv-hello { font-size:27px!important; }
  body[data-app-variant="seller"] .panel-bottom-grid { grid-template-columns:1fr!important; }
  body[data-app-variant="seller"] .panel-chart-wrap { height:210px!important; }
  body[data-app-variant="seller"] .panel-actions-card { padding-bottom:150px!important; }


  body[data-app-variant="seller"] .panel-metrics,
  body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics,
  body[data-app-variant="seller"] .seller-content .seller-simple-metrics { grid-template-columns:1fr!important; }
  body[data-app-variant="seller"] .seller-overview-actions>* { flex:1 1 auto; }
  body[data-app-variant="seller"] .seller-breadcrumb { max-width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }




      /* Ajuste final do menu lateral: todos os itens ficam aparentes, sem barra de rolagem, com mais respiro. */
      body[data-app-variant="seller"] .seller-sidebar {
        height: 100dvh !important;
        min-height: 100dvh !important;
        overflow: hidden !important;
        padding: 28px 18px 18px !important;
      }
      body[data-app-variant="seller"] .seller-sidebar-head {
        flex: 0 0 auto;
        padding: 0 0 22px !important;
      }
      body[data-app-variant="seller"] .seller-sidebar-brand {
        margin: 0 0 20px !important;
      }
      body[data-app-variant="seller"] .seller-workspace-card {
        min-height: 72px;
        margin-bottom: 10px !important;
        padding: 14px 14px !important;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav {
        flex: 0 1 auto !important;
        min-height: 0;
        padding: 16px 0 10px !important;
        overflow: visible !important;
      }
      body[data-app-variant="seller"] .seller-nav-group-label {
        margin: 0 0 8px !important;
        padding: 0 14px 10px !important;
      }
      body[data-app-variant="seller"] .seller-nav-group {
        gap: 5px !important;
      }
      body[data-app-variant="seller"] .seller-sidebar-nav button {
        min-height: 44px !important;
        margin: 4px 0 !important;
        padding: 10px 14px !important;
      }
      body[data-app-variant="seller"] .seller-sidebar-footer {
        flex: 0 0 auto;
        min-height: 58px;
        margin: auto 0 0 !important;
        padding: 16px 14px 0 !important;
      }
      
      
        body[data-app-variant="seller"] .seller-sidebar {
          height: 100dvh !important;
          min-height: 100dvh !important;
          overflow: hidden !important;
          padding: 22px 10px 14px !important;
        }
        body[data-app-variant="seller"] .seller-sidebar-nav {
          display: block !important;
          overflow: visible !important;
          white-space: normal !important;
          padding-top: 12px !important;
          padding-bottom: 8px !important;
        }
        body[data-app-variant="seller"] .seller-nav-group {
          display: block !important;
          min-width: 0 !important;
        }
        body[data-app-variant="seller"] .seller-sidebar-nav button {
          width: 100% !important;
          min-height: 44px !important;
          margin: 4px 0 !important;
          padding: 10px 14px !important;
          flex-direction: row !important;
        }
      
    


body[data-app-variant="seller"] .overlay { background:rgba(24,31,42,.38)!important; backdrop-filter:blur(3px); }
body[data-app-variant="seller"] .overlay .drawer, body[data-app-variant="seller"] .overlay.box .drawer { width:min(520px,calc(100% - 32px))!important; max-height:min(88vh,760px)!important; padding:28px!important; border:1px solid #e5e9ef!important; border-radius:18px!important; background:#fff!important; box-shadow:0 22px 60px rgba(25,34,49,.18)!important; overflow-y:auto; }
body[data-app-variant="seller"] .drawer-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:-28px -28px 24px!important; padding:22px 28px 18px!important; border-bottom:1px solid #edf0f4!important; }
body[data-app-variant="seller"] .drawer-head h2 { margin:0!important; color:#202a38!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; }
body[data-app-variant="seller"] .seller-modal-form { display:grid!important; gap:16px!important; }
body[data-app-variant="seller"] .seller-modal-help { margin:0!important; color:#778295!important; font-size:13px!important; line-height:1.55!important; }
body[data-app-variant="seller"] .seller-modal-form .field { display:grid; gap:7px; }
body[data-app-variant="seller"] .seller-modal-form .field label { color:#354154!important; font-size:12px!important; font-weight:700!important; }
body[data-app-variant="seller"] .seller-modal-form input, body[data-app-variant="seller"] .seller-modal-form select, body[data-app-variant="seller"] .seller-modal-form textarea { min-height:44px!important; border:1px solid #dfe5ec!important; border-radius:9px!important; padding:10px 12px!important; color:#202a38!important; background:#fff!important; font-size:13px!important; }
body[data-app-variant="seller"] .seller-modal-form .primary { min-height:44px; border-radius:9px!important; font-size:13px!important; font-weight:700!important; }
body[data-app-variant="seller"] .seller-choice { display:grid!important; grid-template-columns:18px 12px 1fr; align-items:start; gap:10px!important; padding:12px 13px!important; border:1px solid #e5e9ef!important; border-radius:10px!important; background:#fbfcfd!important; }
body[data-app-variant="seller"] .seller-choice:has(input:checked) { border-color:#f0a5ad!important; background:#fff6f7!important; }
body[data-app-variant="seller"] .seller-choice span { display:grid; gap:2px; }
body[data-app-variant="seller"] .seller-choice strong { color:#354154; font-size:13px; }
body[data-app-variant="seller"] .seller-choice small { color:#8791a0; font-size:11px; }
body[data-app-variant="seller"] .seller-settings-view, body[data-app-variant="seller"] .seller-orders-view, body[data-app-variant="seller"] .seller-delivery-view { font-family:"Outfit", sans-serif !important; color:#202a38; }
body[data-app-variant="seller"] .seller-settings-panel, body[data-app-variant="seller"] .seller-order-card, body[data-app-variant="seller"] .seller-delivery-card, body[data-app-variant="seller"] .seller-kpi, body[data-app-variant="seller"] .seller-table-wrap { border:1px solid #e5e9ef!important; border-radius:14px!important; background:#fff!important; box-shadow:0 5px 18px rgba(35,48,65,.045)!important; }
body[data-app-variant="seller"] .seller-settings-panel h2, body[data-app-variant="seller"] .seller-orders-view h2, body[data-app-variant="seller"] .seller-delivery-view h2 { color:#202a38!important; font-size:16px!important; font-weight:700!important; }
body[data-app-variant="seller"] .seller-settings-item { min-height:58px; padding:13px 0!important; border-bottom:1px solid #edf0f4!important; }
body[data-app-variant="seller"] .seller-settings-item:last-child { border-bottom:0!important; }
body[data-app-variant="seller"] .seller-settings-copy strong { color:#354154!important; font-size:13px!important; }
body[data-app-variant="seller"] .seller-settings-copy small { color:#8a94a3!important; font-size:11px!important; }
body[data-app-variant="seller"] .seller-settings-action, body[data-app-variant="seller"] .seller-settings-save { min-height:34px!important; padding:7px 12px!important; border:1px solid #e2e7ed!important; border-radius:8px!important; background:#fff!important; color:#e83745!important; font-size:12px!important; font-weight:700!important; }
body[data-app-variant="seller"] .seller-table th { color:#8791a0!important; background:#fafbfc!important; font-size:11px!important; font-weight:700!important; text-transform:uppercase; }
body[data-app-variant="seller"] .seller-table td { color:#354154!important; font-size:13px!important; }



/* Tickets de pedidos — Flat Illustration / Corporate Memphis: formas simples, blocos chapados e leitura rápida. */
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) {
  display:grid !important;
  grid-template-columns:repeat(5,minmax(190px,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
  padding:0 2px 18px !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col {
  min-width:0 !important;
  padding:16px !important;
  border:1px solid #e8edf0 !important;
  border-radius:20px !important;
  background:#fbfcfd !important;
  box-shadow:0 7px 18px rgba(43,72,77,.055) !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col:nth-child(1) { background:#fff8f8 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col:nth-child(2) { background:#fffdf4 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col:nth-child(3) { background:#f2fbf7 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col:nth-child(4) { background:#f5f8ff !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col:nth-child(5) { background:#f8f8fa !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col h3 {
  display:flex !important; align-items:center !important; justify-content:space-between !important; gap:8px !important;
  min-height:28px !important; margin:0 !important; color:#28343a !important;
  font-family:"Outfit", sans-serif !important; font-size:12px !important; font-weight: 700 !important; letter-spacing:-.01em !important; text-transform:uppercase !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col h3 .sv-col-count {
  display:grid !important; min-width:24px !important; height:24px !important; place-items:center !important; border-radius:8px !important;
  color:#e83745 !important; background:#ffe7ea !important; font-size:11px !important; font-weight: 700 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col-help {
  min-height:48px !important; margin:10px 0 13px !important; color:#7d898e !important; font-size:10px !important; line-height:1.45 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-out,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-done {
  position:relative !important; display:grid !important; gap:0 !important; min-height:272px !important; margin:0 0 11px !important; padding:15px !important;
  border:1px solid #dcebe5 !important; border-left:4px solid #32a47f !important; border-radius:18px !important; background:#effaf5 !important;
  box-shadow:0 5px 12px rgba(45,105,83,.08) !important; overflow:hidden !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard::after {
  content:""; position:absolute; top:-18px; right:-18px; width:56px; height:56px; border-radius:50%; background:rgba(255,255,255,.55); pointer-events:none;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order { border-color:#f0cbd0 !important; border-left-color:#e83745 !important; background:#fff3f4 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard b {
  display:block !important; margin:0 !important; color:#26343a !important; font-size:14px !important; line-height:1.2 !important; font-weight:850 !important; letter-spacing:.01em !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard > small:nth-of-type(1) { display:block !important; margin-top:4px !important; color:#55706c !important; font-size:11px !important; font-weight:600 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard > small:nth-of-type(2) { display:block !important; min-height:30px !important; margin-top:5px !important; color:#78908a !important; font-size:10px !important; line-height:1.35 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kprice {
  display:block !important; margin:7px 0 8px !important; color:#187b55 !important; font-size:17px !important; line-height:1.1 !important; font-weight:850 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kmeta { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:7px !important; margin:0 !important; padding:0 !important; border:0 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge {
  display:inline-flex !important; align-items:center !important; gap:5px !important; max-width:70% !important; padding:6px 8px !important; border-radius:10px !important;
  color:#287d61 !important; background:#d8f1e6 !important; font-size:10px !important; line-height:1.15 !important; font-weight: 700 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kbadge.pickup { color:#c83240 !important; background:#ffdfe3 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-ktime { color:#60736f !important; font-size:10px !important; white-space:nowrap !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-knext {
  margin:9px 0 !important; padding:9px !important; border-radius:10px !important; color:#54716a !important; background:rgba(207,239,226,.72) !important; font-size:10px !important; line-height:1.35 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order .sv-knext { color:#7c5960 !important; background:#ffe3e6 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kactions { display:grid !important; grid-template-columns:1fr !important; gap:8px !important; margin-top:auto !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kactions button {
  width:100% !important; min-height:38px !important; border-radius:11px !important; font-size:11px !important; font-weight: 700 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kactions .small-primary { border:0 !important; color:#fff !important; background:#e83745 !important; box-shadow:none !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kactions .small-outline { border:1px solid rgba(40,125,97,.16) !important; color:#55706c !important; background:#fff !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kactions .sv-details { order:5 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col-empty { min-height:150px !important; display:grid !important; place-items:center !important; align-content:center !important; gap:8px !important; color:#8b9699 !important; font-size:11px !important; text-align:center !important; }

  body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) { grid-template-columns:repeat(3,minmax(190px,1fr)) !important; overflow-x:auto !important; }


  body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) { grid-template-columns:repeat(1,minmax(0,1fr)) !important; }
  body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col { width:100% !important; }




body[data-app-variant="seller"] .sv-status .sv-dot,
body[data-app-variant="seller"] .sv-dot:not(.paused):not(.closed) { background:#2f9e5b !important; box-shadow:0 0 0 3px rgba(47,158,91,.16) !important; }
body[data-app-variant="seller"] .sv-status .sv-dot.paused { background:#e5a72a !important; box-shadow:0 0 0 3px rgba(229,167,42,.18) !important; }
body[data-app-variant="seller"] .sv-status .sv-dot.closed { background:#8c96a0 !important; box-shadow:0 0 0 3px rgba(140,150,160,.16) !important; }
body[data-app-variant="seller"] .status-dot.green { background:#2f9e5b !important; }
body[data-app-variant="seller"] .status-dot.yellow { background:#e5a72a !important; }
body[data-app-variant="seller"] .status-dot.gray { background:#8c96a0 !important; }



/* Botões principais das abas padronizados pelo modelo Novo produto. */
body[data-app-variant="seller"] .seller-catalog-btn-new,
body[data-app-variant="seller"] .promotions-new-button,
body[data-app-variant="seller"] .seller-finance-action,
body[data-app-variant="seller"] .seller-new-order,
body[data-app-variant="seller"] .seller-settings-save,
body[data-app-variant="seller"] .small-primary[data-products-tour-target],
body[data-app-variant="seller"] .small-primary[data-courier-tour-target] {
  box-sizing:border-box !important; display:inline-flex !important; align-items:center !important;
  justify-content:center !important; gap:9px !important; width:auto !important; min-width:134px !important;
  height:40px !important; min-height:40px !important; padding:0 18px !important; border:0 !important;
  border-radius:11px !important; background:#f23648 !important; color:#fff !important;
  font-family:"Outfit", sans-serif !important; font-size:13px !important; font-weight:700 !important;
  line-height:1 !important; letter-spacing:0 !important; text-transform:none !important; white-space:nowrap !important;
  box-shadow:0 9px 20px rgba(232,55,69,.18) !important; cursor:pointer !important;
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease !important;
}
body[data-app-variant="seller"] .seller-new-order svg { width:15px !important; height:15px !important; stroke:currentColor !important; }
body[data-app-variant="seller"] .seller-finance-action span { font-size:17px !important; font-weight:400 !important; line-height:1 !important; }

  body[data-app-variant="seller"] .seller-catalog-btn-new,
  body[data-app-variant="seller"] .promotions-new-button,
  body[data-app-variant="seller"] .seller-finance-action,
  body[data-app-variant="seller"] .seller-settings-save,
  body[data-app-variant="seller"] .small-primary[data-products-tour-target],
  body[data-app-variant="seller"] .small-primary[data-courier-tour-target] { width:100% !important; }




/* Mantém cada cor de status ao lado do respectivo título, sem flutuar sobre o cartão. */
body[data-app-variant="seller"] .seller-choice {
  position:relative !important;
  display:grid !important;
  grid-template-columns:18px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:26px !important;
}
body[data-app-variant="seller"] .seller-choice > input[type="radio"] {
  grid-column:1 !important;
  grid-row:1 !important;
  align-self:center !important;
  margin:0 !important;
}
body[data-app-variant="seller"] .seller-choice > .status-dot {
  position:absolute !important;
  top:18px !important;
  left:39px !important;
  width:8px !important;
  height:8px !important;
  margin:0 !important;
  border-radius:50% !important;
}
body[data-app-variant="seller"] .seller-choice > span {
  grid-column:2 !important;
  grid-row:1 !important;
  min-width:0 !important;
}
body[data-app-variant="seller"] .seller-choice > .status-dot.green { background:#2f9e5b !important; box-shadow:0 0 0 3px rgba(47,158,91,.12) !important; }
body[data-app-variant="seller"] .seller-choice > .status-dot.yellow { background:#e5a72a !important; box-shadow:none !important; }
body[data-app-variant="seller"] .seller-choice > .status-dot.gray { background:#8c96a0 !important; box-shadow:none !important; }



body[data-app-variant="seller"] .seller-user-profile { cursor:default !important; }
body[data-app-variant="seller"] .seller-profile-photo-button,
body[data-app-variant="seller"] .seller-top-status {
  border:0; padding:0; background:transparent; font:inherit; cursor:pointer;
}
body[data-app-variant="seller"] .seller-profile-photo-button { display:flex; flex:0 0 35px; border-radius:50%; overflow:hidden; }
body[data-app-variant="seller"] .seller-profile-photo-button:focus-visible,
body[data-app-variant="seller"] .seller-top-status:focus-visible { outline:2px solid #e83745; outline-offset:2px; }
body[data-app-variant="seller"] .seller-profile-photo-button img { width:35px; height:35px; border-radius:50%; object-fit:cover; }
body[data-app-variant="seller"] .seller-top-status { display:inline-flex; align-items:center; gap:6px; color:#18864b; font-size:10px; font-weight:700; line-height:1.3; text-align:left; }
body[data-app-variant="seller"] .seller-top-status .sv-dot { position:static !important; width:7px; height:7px; flex:0 0 7px; margin:0; border-radius:50%; }
body[data-app-variant="seller"] .seller-top-status .sv-dot:not(.paused):not(.closed) { background:#2f9e5b !important; }
body[data-app-variant="seller"] .seller-top-status .sv-dot.paused { background:#e5a72a !important; }
body[data-app-variant="seller"] .seller-top-status .sv-dot.closed { background:#8c96a0 !important; }
body[data-app-variant="seller"] .seller-user-copy { pointer-events:none; }
body[data-app-variant="seller"] .seller-user-copy .seller-top-status { pointer-events:auto; }



/* Modais padronizados no visual Novo lançamento. Sem blur (evita travar). */
#overlay.overlay {
  justify-content: center !important;
  align-items: center !important;
  padding: 16px !important;
  background: rgba(18, 20, 24, .32) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 0;
  pointer-events: none;
  transition: opacity .16s ease;
}
#overlay.overlay.hidden {
  display: flex !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#overlay.overlay:not(.hidden) {
  visibility: visible;
  pointer-events: auto;
}
#overlay.overlay.is-open {
  opacity: 1;
}
#overlay.overlay.lightbox {
  padding: 0 !important;
  align-items: stretch !important;
}
#overlay.overlay .drawer {
  height: auto !important;
  max-height: min(90vh, 840px) !important;
  width: min(520px, calc(100% - 24px)) !important;
  margin: 0 !important;
  padding: 22px 22px 16px !important;
  overflow: auto !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 24px 64px rgba(20, 24, 32, .18) !important;
  animation: none !important;
  transform: translate3d(0, 12px, 0) scale(.985);
  opacity: 0;
  contain: layout paint;
}
#overlay.overlay.is-open .drawer {
  transform: none;
  opacity: 1;
  transition: transform .18s cubic-bezier(.23,1,.32,1), opacity .16s ease;
}
#overlay.overlay.lightbox .drawer,
#overlay.overlay.lightbox .product-lightbox {
  width: min(760px, 100%) !important;
  max-height: 100% !important;
  height: 100% !important;
  border-radius: 0 !important;
  transform: none;
  opacity: 1;
}
#overlay.overlay .drawer-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}
#overlay.overlay .sd-modal-heading {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
#overlay.overlay .sd-modal-icon {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 12px;
  background: #ffe6ea;
  color: #e83745;
}
#overlay.overlay .sd-modal-icon svg {
  width: 20px;
  height: 20px;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.75 !important;
  stroke-linecap: round;
  stroke-linejoin: round;
}
#overlay.overlay .sd-modal-copy { min-width: 0; }
#overlay.overlay .drawer-head h2 {
  margin: 0 !important;
  color: #1c1f26 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  letter-spacing: -.02em !important;
  line-height: 1.25 !important;
}
#overlay.overlay .sd-modal-sub {
  margin: 4px 0 0 !important;
  color: #8b919c !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}
#overlay.overlay .close {
  width: 36px !important;
  height: 36px !important;
  margin: -6px -6px 0 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #9aa1ac !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
}

#overlay.overlay .sd-modal-tabs {
  display: flex;
  gap: 22px;
  margin: 10px 0 18px;
  border-bottom: 1px solid #f0f1f4;
}
#overlay.overlay .sd-modal-tab {
  background: transparent;
  border: 0;
  padding: 8px 0 12px;
  color: #9aa1ac;
  font-size: 14px;
  font-weight: 600;
  border-bottom: 2px solid transparent;
}
#overlay.overlay .sd-modal-tab.active {
  color: #e83745;
  border-bottom-color: #e83745;
}
#overlay.overlay .form-grid { gap: 14px !important; }
#overlay.overlay .field label {
  color: #22262e !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}
#overlay.overlay .field label em {
  color: #e83745;
  font-style: normal;
  font-weight: 700;
}
#overlay.overlay .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#overlay.overlay .field select,
#overlay.overlay .field textarea,
#overlay.overlay input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#overlay.overlay select,
#overlay.overlay textarea {
  min-height: 46px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #f4f5f7 !important;
  color: #22262e !important;
  box-shadow: none !important;
  font-size: 14px !important;
}
#overlay.overlay textarea { min-height: 108px !important; resize: vertical; }
#overlay.overlay .field input::placeholder,
#overlay.overlay textarea::placeholder { color: #b0b6bf !important; }
#overlay.overlay .sd-two {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
#overlay.overlay .sd-desc-field { position: relative; }
#overlay.overlay .sd-char-count {
  position: absolute;
  right: 12px;
  bottom: 10px;
  color: #b0b6bf;
  font-size: 11px;
}
#overlay.overlay .sd-price-avail {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: end;
}
#overlay.overlay .sd-price-input {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 14px;
  border-radius: 12px;
  background: #f4f5f7;
}
#overlay.overlay .sd-price-input span {
  color: #6b7280;
  font-size: 14px;
  font-weight: 600;
  flex: 0 0 auto;
}
#overlay.overlay .sd-price-input input {
  min-height: 46px !important;
  padding: 0 !important;
  background: transparent !important;
}
#overlay.overlay .sd-switch-field {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  color: #22262e;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
}
#overlay.overlay .sd-switch {
  position: relative;
  width: 46px;
  height: 26px;
  display: inline-block;
}
#overlay.overlay .sd-switch input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
#overlay.overlay .sd-switch i {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  background: #d7dbe2;
  transition: background .16s ease;
}
#overlay.overlay .sd-switch i::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.15);
  transition: transform .16s ease;
}
#overlay.overlay .sd-switch input:checked + i { background: #22c55e; }
#overlay.overlay .sd-switch input:checked + i::after { transform: translateX(20px); }
#overlay.overlay .sd-modal-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 8px;
  padding-top: 8px;
}
#overlay.overlay .sd-modal-footer .outline,
#overlay.overlay .sd-modal-footer .primary,
#overlay.overlay .drawer > form .primary,
#overlay.overlay .form-grid > .primary {
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 0 !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
#overlay.overlay .outline,
#overlay.overlay button.outline {
  border: 1px solid #e6e8ed !important;
  background: #fff !important;
  color: #6b7280 !important;
}
#overlay.overlay .primary,
#overlay.overlay button.primary {
  border: 0 !important;
  background: #e83745 !important;
  color: #fff !important;
}
#overlay.overlay .small-outline {
  border: 1px solid #e6e8ed !important;
  background: #fff !important;
  color: #4b5563 !important;
  border-radius: 10px !important;
}
#overlay.overlay .settings-card {
  border: 0 !important;
  border-radius: 14px !important;
  background: #f7f8fa !important;
}

  #overlay.overlay .sd-two,
  #overlay.overlay .sd-price-avail,
  #overlay.overlay .sd-modal-footer { grid-template-columns: 1fr; }
  #overlay.overlay .drawer { width: min(100%, calc(100% - 16px)) !important; padding: 18px 16px 14px !important; border-radius: 20px !important; }

@media (prefers-reduced-motion: reduce) {
  #overlay.overlay, #overlay.overlay .drawer { transition: none !important; transform: none !important; }
}



/* Botões: hover padrão da marca. Nunca preto. */

body[data-app-variant="seller"] .primary,
body[data-app-variant="seller"] .small-primary,
body[data-app-variant="seller"] .seller-settings-save,
body[data-app-variant="seller"] .seller-catalog-btn-new,
body[data-app-variant="seller"] .promotions-new-button,
body[data-app-variant="seller"] .seller-finance-action,
body[data-app-variant="seller"] .seller-new-order,
body[data-app-variant="seller"] button.primary,
body[data-app-variant="seller"] button.small-primary {
  background: #e83745 !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
body[data-app-variant="seller"] .outline,
body[data-app-variant="seller"] .small-outline,
body[data-app-variant="seller"] .seller-settings-action,
body[data-app-variant="seller"] button.outline,
body[data-app-variant="seller"] button.small-outline {
  background: #fff !important;
  color: #4b5563 !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: none !important;
}



/* Tipografia oficial do painel */
body[data-app-variant="seller"] .seller-content {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #1f2937 !important;
}
body[data-app-variant="seller"] .seller-content h1,
body[data-app-variant="seller"] .seller-overview-title,
body[data-app-variant="seller"] .seller-content .sv-hello,
body[data-app-variant="seller"] .seller-settings-heading,
body[data-app-variant="seller"] .seller-finance-header h1 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
  letter-spacing: -.03em !important;
  color: #111827 !important;
}
body[data-app-variant="seller"] .seller-content h2,
body[data-app-variant="seller"] .orders-board-head h2,
body[data-app-variant="seller"] .seller-panel h2 {
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #111827 !important;
}
body[data-app-variant="seller"] .seller-content p,
body[data-app-variant="seller"] .seller-overview-subtitle,
body[data-app-variant="seller"] .seller-content .sv-hello small {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #6b7280 !important;
}
body[data-app-variant="seller"] .seller-content small,
body[data-app-variant="seller"] .seller-eyebrow {
  font-size: 12px !important;
}

/* Quadro de pedidos unificado */
body[data-app-variant="seller"] .order-search-bar {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"] .order-search-hint { display: none !important; }
body[data-app-variant="seller"] .order-search-box {
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
body[data-app-variant="seller"] .order-search-box input { font-size: 14px !important; }
body[data-app-variant="seller"] .orders-board {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"] .orders-board-head {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin: 0 0 16px !important;
}
body[data-app-variant="seller"] .orders-board-head .seller-eyebrow {
  margin: 0 0 6px !important;
  color: #e83745 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
}
body[data-app-variant="seller"] .orders-board-head h2 { margin: 0 !important; }
body[data-app-variant="seller"] .orders-board-head p {
  max-width: 42rem !important;
  margin: 6px 0 0 !important;
  font-size: 14px !important;
  color: #6b7280 !important;
}

body[data-app-variant="seller"] .seller-content .sv-kanban,
body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col {
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
  overflow: visible !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(1) { background: #fff8f8 !important; border-color: #f3d4d7 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(2) { background: #fffbeb !important; border-color: #f3e4b8 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(3) { background: #f3faf6 !important; border-color: #cde7d7 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(4) { background: #f5f8ff !important; border-color: #d5def5 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(5) { background: #f8fafc !important; border-color: #e5e7eb !important; }

body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col > h3 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
  min-height: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col-count,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col h3 .sv-col-count {
  display: inline-grid !important;
  min-width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  margin: 0 !important;
  border-radius: 999px !important;
  color: #e83745 !important;
  background: #ffe8eb !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col-help {
  min-height: 0 !important;
  margin: 0 0 12px !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.delivery-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-out,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order.motoboy-done {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 12px !important;
  overflow: visible !important;
  border: 1px solid #e5e7eb !important;
  border-left: 3px solid #22a06b !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard::after { display: none !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order {
  border-left-color: #e83745 !important;
  background: #fff !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard b {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard > small {
  display: block !important;
  min-height: 0 !important;
  margin-top: 4px !important;
  color: #4b5563 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard > small:nth-of-type(2) {
  color: #6b7280 !important;
  font-size: 12px !important;
  white-space: normal !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kprice,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order .sv-kprice,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.delivery-order .sv-kprice {
  display: block !important;
  margin: 8px 0 !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kmeta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge.pickup,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge.delivery {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 70% !important;
  gap: 4px !important;
  padding: 4px 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  color: #047857 !important;
  background: #d1fae5 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge.pickup {
  color: #b42318 !important;
  background: #fee4e2 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-ktime {
  color: #6b7280 !important;
  font-size: 12px !important;
  white-space: nowrap !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-knext {
  margin: 0 0 10px !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  color: #4b5563 !important;
  background: #f3f4f6 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order .sv-knext {
  background: #fff1f2 !important;
  color: #9f1239 !important;
}

body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: auto !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions button,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions .small-primary,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions .small-outline,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions .pickup-completion {
  width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow: visible !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: normal !important;
  text-overflow: clip !important;
  line-height: 1.25 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions .small-primary {
  background: #e83745 !important;
  color: #fff !important;
  border: 0 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col-empty {
  min-height: 120px !important;
  display: grid !important;
  place-items: center !important;
  gap: 8px !important;
  color: #9ca3af !important;
  font-size: 13px !important;
  text-align: center !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col-empty svg {
  width: 28px !important;
  height: 28px !important;
  stroke: #e83745 !important;
  opacity: .7 !important;
}

body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 16px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date,
body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item {
  min-height: 76px !important;
  padding: 14px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban-footer strong {
  font-size: 14px !important;
  color: #111827 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban-footer small {
  font-size: 12px !important;
  color: #6b7280 !important;
}


  body[data-app-variant="seller"] .seller-content .sv-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) {
    grid-template-columns: repeat(5, minmax(210px, 1fr)) !important;
    overflow-x: auto !important;
  }


  body[data-app-variant="seller"] .seller-content .sv-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban),
  body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
    grid-template-columns: 1fr !important;
  }




/* Colunas neutras. Cor só no ticket. */
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-col,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(1),
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(2),
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(3),
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(4),
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col:nth-child(5) {
  background: #fff !important;
  border: 1px solid #e8eaee !important;
  box-shadow: none !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col > h3 {
  font-size: 12px !important;
  font-weight: 750 !important;
  letter-spacing: .04em !important;
  color: #374151 !important;
  text-transform: uppercase !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col-help {
  font-size: 12px !important;
  line-height: 1.45 !important;
  color: #6b7280 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.delivery-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.pickup-order,
body[data-app-variant="seller"] .seller-content .sv-kanban:not(.orders-kanban) .sv-kcard.delivery-order {
  padding: 11px 12px !important;
  background: #fff !important;
  border: 1px solid #e8eaee !important;
  border-left-width: 3px !important;
  border-radius: 12px !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.delivery-order { border-left-color: #22a06b !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order { border-left-color: #e83745 !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard b {
  font-size: 13px !important;
  font-weight: 750 !important;
  color: #111827 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard > small,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard > small:nth-of-type(1),
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard > small:nth-of-type(2) {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kprice,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order .sv-kprice,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.delivery-order .sv-kprice {
  margin: 6px 0 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  color: #111827 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge.pickup,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kbadge.delivery {
  font-size: 11px !important;
  font-weight: 650 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-ktime { font-size: 11px !important; }
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-knext,
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard.pickup-order .sv-knext {
  font-size: 12px !important;
  line-height: 1.4 !important;
  background: #f3f4f6 !important;
  color: #4b5563 !important;
}
body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kactions button {
  min-height: 38px !important;
  font-size: 13px !important;
}

/* Tipografia padrão de site */
body[data-app-variant="seller"] .seller-content {
  font-size: 14px !important;
  line-height: 1.5 !important;
}
body[data-app-variant="seller"] .seller-content h1,
body[data-app-variant="seller"] .seller-overview-title,
body[data-app-variant="seller"] .seller-settings-heading,
body[data-app-variant="seller"] .seller-finance-header h1,
body[data-app-variant="seller"] .seller-catalog-title {
  font-size: 22px !important;
  font-weight: 750 !important;
  letter-spacing: -.02em !important;
}
body[data-app-variant="seller"] .seller-content h2 { font-size: 16px !important; }
body[data-app-variant="seller"] .seller-content p,
body[data-app-variant="seller"] .seller-overview-subtitle,
body[data-app-variant="seller"] .seller-catalog-subtitle,
body[data-app-variant="seller"] .orders-board-head p {
  font-size: 14px !important;
  color: #6b7280 !important;
}

/* Modal tamanho padrão */
#overlay.overlay .drawer {
  width: min(460px, calc(100% - 28px)) !important;
  max-height: min(84vh, 720px) !important;
  padding: 20px 20px 16px !important;
}
#overlay.overlay .drawer-head h2 { font-size: 18px !important; font-weight: 750 !important; }
#overlay.overlay .sd-modal-sub { font-size: 13px !important; }
#overlay.overlay .sd-modal-tab { font-size: 14px !important; }
#overlay.overlay .field label { font-size: 13px !important; }
#overlay.overlay .field input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#overlay.overlay .field select,
#overlay.overlay .field textarea,
#overlay.overlay input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
#overlay.overlay select,
#overlay.overlay textarea {
  font-size: 14px !important;
  min-height: 44px !important;
}

/* Dropzone igual ao print */
.sd-dropzone {
  display: grid;
  place-items: center;
  min-height: 188px;
  padding: 22px 16px;
  border: 1.5px dashed #ead0d3;
  border-radius: 16px;
  background: #fffafb;
  cursor: pointer;
  text-align: center;
}
.sd-dropzone.is-drag { border-color: #e83745; background: #fff1f3; }
.sd-dropzone-inner { display: grid; justify-items: center; gap: 6px; }
.sd-dropzone-ico {
  display: grid; place-items: center;
  width: 52px; height: 52px; margin-bottom: 6px;
  border-radius: 50%; background: #ffe6ea; color: #e83745;
}
.sd-dropzone-ico svg { width: 24px; height: 24px; }
.sd-dropzone-inner strong { color: #1f2937; font-size: 14px; font-weight: 750; }
.sd-dropzone-inner em { color: #9ca3af; font-size: 13px; font-style: normal; }
.sd-dropzone-inner small { color: #c0c4cc; font-size: 12px; }
.sd-current-image { display: grid; gap: 8px; margin-top: 16px; }
.sd-current-image > span { color: #374151; font-size: 13px; font-weight: 650; }
.sd-current-thumb { position: relative; width: 72px; height: 72px; }
.sd-current-thumb img { width: 72px; height: 72px; object-fit: cover; border-radius: 12px; background: #f3f4f6; display: block; }
.sd-current-remove {
  position: absolute; top: -7px; right: -7px;
  width: 20px; height: 20px; border: 0; border-radius: 50%;
  background: #111827; color: #fff; font-size: 13px; line-height: 1; cursor: pointer;
}
.sd-current-image.hidden { display: none !important; }
#overlay.overlay .sd-modal-footer { margin-top: 16px; }



/* Quadro compacto: 5 colunas na tela, sem scroll horizontal. */
html body[data-app-variant="seller"] .seller-workspace:has(.ob-board) {
  max-width: min(1240px, calc(100% - 40px)) !important;
  width: min(1240px, calc(100% - 40px)) !important;
}
html body[data-app-variant="seller"] .seller-content:has(.ob-board) {
  overflow-x: hidden !important;
}
html body[data-app-variant="seller"] .ob-board,
html body[data-app-variant="seller"] .ob-board * {
  font-family: "Outfit", sans-serif !important;
  box-sizing: border-box;
}
html body[data-app-variant="seller"] .ob-board {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
}
html body[data-app-variant="seller"] .ob-board svg,
html body[data-app-variant="seller"] .ob-board svg * {
  fill: none !important;
  stroke: currentColor !important;
}
html body[data-app-variant="seller"] .ob-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
  flex-wrap: wrap !important;
}
html body[data-app-variant="seller"] .ob-copy { min-width: min(240px, 100%); flex: 1; }
html body[data-app-variant="seller"] .ob-copy .seller-eyebrow {
  margin: 0 0 4px !important;
  color: #e83745 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
}
html body[data-app-variant="seller"] .ob-copy h2 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
  line-height: 1.2 !important;
}
html body[data-app-variant="seller"] .ob-copy p {
  max-width: 46rem !important;
  margin: 4px 0 0 !important;
  color: #6b7280 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body[data-app-variant="seller"] .ob-tools { display: flex !important; align-items: center !important; gap: 8px !important; }
html body[data-app-variant="seller"] .ob-search {
  display: flex !important; align-items: center !important; gap: 8px !important;
  min-height: 38px !important; min-width: 220px !important;
  padding: 0 12px !important; border: 1px solid #e5e7eb !important;
  border-radius: 999px !important; background: #fff !important;
}
html body[data-app-variant="seller"] .ob-search svg { width: 15px !important; height: 15px !important; color: #9ca3af !important; }
html body[data-app-variant="seller"] .ob-search input {
  border: 0 !important; outline: none !important; background: transparent !important;
  width: 180px !important; font-size: 13px !important; color: #111827 !important;
}
html body[data-app-variant="seller"] .ob-date-picker {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  min-height: 38px !important; padding: 0 10px !important;
  border: 1px solid #e5e7eb !important; border-radius: 12px !important;
  background: #fff !important; color: #6b7280 !important;
  font-size: 12px !important; font-weight: 650 !important;
}
html body[data-app-variant="seller"] .ob-date-picker input {
  border: 0 !important; outline: none !important; background: transparent !important;
  color: #374151 !important; font: inherit !important; cursor: pointer !important;
  min-width: 126px !important;
}
html body[data-app-variant="seller"] .ob-today {
  display: inline-flex !important; align-items: center !important; gap: 6px !important;
  min-height: 38px !important; padding: 0 12px !important;
  border: 1px solid #e5e7eb !important; border-radius: 12px !important;
  background: #fff !important; color: #374151 !important;
  font-size: 13px !important; font-weight: 650 !important; cursor: pointer !important;
}
html body[data-app-variant="seller"] .ob-today svg { width: 15px !important; height: 15px !important; color: #6b7280 !important; }

html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
html body[data-app-variant="seller"] .ob-kanban.sv-kanban {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col {
  min-width: 0 !important;
  width: auto !important;
  padding: 12px 10px 12px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .ob-col-received { background: #fff1f2 !important; border: 0 !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
html body[data-app-variant="seller"] .ob-col-preparing { background: #fff7e8 !important; border: 0 !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
html body[data-app-variant="seller"] .ob-col-out { background: #eafaf2 !important; border: 0 !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
html body[data-app-variant="seller"] .ob-col-done { background: #f4f7ff !important; border: 0 !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }
html body[data-app-variant="seller"] .ob-col-cancelled { background: #f8fafc !important; border: 0 !important; box-shadow: 0 4px 15px rgba(33,48,66,.04) !important; }

html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col > h3.ob-col-head {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 4px !important;
  padding: 0 !important;
  min-height: 28px !important;
  background: transparent !important;
  border: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
}
html body[data-app-variant="seller"] .ob-kanban .sv-col h3 span,
html body[data-app-variant="seller"] .ob-kanban .sv-col h3 em,
html body[data-app-variant="seller"] .ob-kanban .sv-col h3 i {
  background: transparent !important;
  border: 0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-style: normal !important;
}
html body[data-app-variant="seller"] .ob-ico-box {
  display: grid !important;
  place-items: center !important;
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border-radius: 8px !important;
}
html body[data-app-variant="seller"] .ob-col-received .ob-ico-box { background: #ffe4e8 !important; color: #e83745 !important; }
html body[data-app-variant="seller"] .ob-col-preparing .ob-ico-box { background: #ffe9c2 !important; color: #d97706 !important; }
html body[data-app-variant="seller"] .ob-col-out .ob-ico-box { background: #c9f0dc !important; color: #059669 !important; }
html body[data-app-variant="seller"] .ob-col-done .ob-ico-box { background: #dbe7ff !important; color: #2563eb !important; }
html body[data-app-variant="seller"] .ob-col-cancelled .ob-ico-box { background: #ffe4e8 !important; color: #e83745 !important; }
html body[data-app-variant="seller"] .ob-ico { width: 14px !important; height: 14px !important; color: inherit !important; }
html body[data-app-variant="seller"] .ob-col-title {
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .ob-count,
html body[data-app-variant="seller"] .ob-kanban .sv-col h3 i.ob-count {
  margin-left: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  min-width: 20px !important;
  height: 20px !important;
  padding: 0 5px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  flex: none !important;
}
html body[data-app-variant="seller"] .ob-col-received .ob-count { background: #e83745 !important; color: #fff !important; }
html body[data-app-variant="seller"] .ob-col-preparing .ob-count { background: #f59e0b !important; color: #fff !important; }
html body[data-app-variant="seller"] .ob-col-out .ob-count { background: #10b981 !important; color: #fff !important; }
html body[data-app-variant="seller"] .ob-col-done .ob-count { background: #3b82f6 !important; color: #fff !important; }
html body[data-app-variant="seller"] .ob-col-cancelled .ob-count { background: #fb7185 !important; color: #fff !important; }

html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-help,
html body[data-app-variant="seller"] .seller-content .ob-kanban .sv-col-help {
  max-width: 100% !important;
  min-height: 34px !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  overflow: visible !important;
  white-space: normal !important;
  display: block !important;
}

html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  min-height: auto !important;
  height: auto !important;
  margin: 0 0 8px !important;
  padding: 10px !important;
  background: #fff !important;
  border: 1px solid #eceff3 !important;
  border-left: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 8px rgba(15,23,42,.04) !important;
  overflow: hidden !important;
}
html body[data-app-variant="seller"] .ob-card.sv-kcard::after { display: none !important; }
html body[data-app-variant="seller"] .ob-khead {
  display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 6px;
}
html body[data-app-variant="seller"] .ob-card b {
  margin: 0 !important; color: #111827 !important; font-size: 13px !important; font-weight: 700 !important;
}
html body[data-app-variant="seller"] .ob-time { color: #9ca3af !important; font-size: 11px !important; font-weight: 500 !important; }
html body[data-app-variant="seller"] .ob-name-row {
  display: flex !important; align-items: center !important; gap: 5px !important;
  margin-top: 4px !important; min-width: 0 !important;
}
html body[data-app-variant="seller"] .ob-user { width: 13px !important; height: 13px !important; flex: none !important; color: #9aa3af !important; }
html body[data-app-variant="seller"] .ob-name {
  flex: 1 !important; min-width: 0 !important;
  color: #111827 !important; font-size: 13px !important; font-weight: 650 !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
}
html body[data-app-variant="seller"] .ob-col-done .ob-name,
html body[data-app-variant="seller"] .ob-col-done .ob-name-row {
  color: #111827 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
html body[data-app-variant="seller"] .ob-chev {
  border: 0 !important; background: transparent !important; color: #c5cad3 !important;
  font-size: 18px !important; line-height: 1 !important; padding: 0 !important; cursor: pointer !important;
  margin-left: auto !important; flex: none !important;
}
html body[data-app-variant="seller"] .ob-items {
  margin: 3px 0 8px !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body[data-app-variant="seller"] .ob-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
html body[data-app-variant="seller"] .ob-price {
  margin-left: auto !important;
  color: #111827 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .ob-accept {
  width: auto !important;
  min-width: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #e83745 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .ob-refuse { display: inline-flex !important; }
html body[data-app-variant="seller"] .ob-pill.prep {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #fde68a !important;
  color: #92400e !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .ob-pill .ob-mini { width: 12px !important; height: 12px !important; color: #b45309 !important; }
html body[data-app-variant="seller"] .ob-ship { display: grid !important; gap: 6px !important; margin-top: 8px !important; }
html body[data-app-variant="seller"] .ob-ship-chip {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 7px 8px !important;
  border-radius: 10px !important;
  background: #dcfce7 !important;
  color: #047857 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .ob-ship-chip.eta { background: #ecfdf5 !important; }
html body[data-app-variant="seller"] .ob-details-chip {
  width: 100% !important;
  justify-content: center !important;
  border: 0 !important;
  cursor: pointer !important;
  font-family: inherit !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .ob-ship-chip .ob-pin,
html body[data-app-variant="seller"] .ob-ship-chip .ob-mini {
  width: 13px !important; height: 13px !important; flex: none; color: #059669 !important;
}
html body[data-app-variant="seller"] .ob-card .sv-action-stack { margin-top: 6px !important; }
html body[data-app-variant="seller"] .ob-card .sv-status-action { display: none !important; }
html body[data-app-variant="seller"] .ob-card .small-primary {
  width: 100% !important; min-height: 28px !important; border-radius: 8px !important;
  background: #e83745 !important; color: #fff !important; border: 0 !important;
  font-size: 12px !important; font-weight: 700 !important;
}

html body[data-app-variant="seller"] .ob-empty {
  min-height: 120px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  text-align: center !important;
  gap: 8px !important;
  padding: 18px 8px !important;
}
html body[data-app-variant="seller"] .ob-empty-mark {
  display: grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 0 0 6px rgba(232,55,69,.06) !important;
}
html body[data-app-variant="seller"] .ob-empty .ob-ico-box { width: 28px !important; height: 28px !important; background: transparent !important; }
html body[data-app-variant="seller"] .ob-empty .ob-ico { width: 26px !important; height: 26px !important; color: #f2a0a8 !important; }
html body[data-app-variant="seller"] .ob-empty p {
  margin: 0 !important;
  color: #6b7280 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

html body[data-app-variant="seller"] .ob-board .sv-kanban-footer {
  margin-top: 12px !important;
}


  html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  html body[data-app-variant="seller"] .ob-col-title { font-size: 12px !important; }


  html body[data-app-variant="seller"] .ob-head { flex-direction: column !important; }
  html body[data-app-variant="seller"] .ob-search { width: 100% !important; }
  html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban {
    grid-template-columns: 1fr !important;
  }




/* =========================================================
   TODAS as abas iguais ao Painel: SEM borda, só sombra suave
   html body[...] vence regras anteriores com !important
   ========================================================= */

html, body,
html body[data-app-variant="seller"],
html body[data-app-variant="seller"] *,
html body[data-app-variant="seller"] button,
html body[data-app-variant="seller"] input,
html body[data-app-variant="seller"] select,
html body[data-app-variant="seller"] textarea {
  font-family: "Outfit", sans-serif !important;
}

html body[data-app-variant="seller"] {
  --seller-border: transparent !important;
  --seller-border-soft: transparent !important;
  --line: transparent !important;
}

/* Catch-all: qualquer card/painel/coluna/lista no conteúdo do lojista */
html body[data-app-variant="seller"] .seller-settings-panel,
html body[data-app-variant="seller"] .seller-panel,
html body[data-app-variant="seller"] .settings-card,
html body[data-app-variant="seller"] .sv-card,
html body[data-app-variant="seller"] .sv-order,
html body[data-app-variant="seller"] .sv-list,
html body[data-app-variant="seller"] .sv-alert,
html body[data-app-variant="seller"] .sv-col:not(.ob-col),
html body[data-app-variant="seller"] .sv-kcard,
html body[data-app-variant="seller"] .sv-kanban,
html body[data-app-variant="seller"] .sv-kanban-footer,
html body[data-app-variant="seller"] .sv-kanban-footer .sv-kf-item,
html body[data-app-variant="seller"] .sv-kanban-footer .sv-kf-date,
html body[data-app-variant="seller"] .fin-chart-card,
html body[data-app-variant="seller"] .seller-order-card,
html body[data-app-variant="seller"] .seller-delivery-card,
html body[data-app-variant="seller"] .seller-kpi,
html body[data-app-variant="seller"] .seller-table-wrap,
html body[data-app-variant="seller"] .seller-guidance,
html body[data-app-variant="seller"] .seller-learning,
html body[data-app-variant="seller"] .seller-flow-card,
html body[data-app-variant="seller"] .seller-shortcut,
html body[data-app-variant="seller"] .seller-learning-card,
html body[data-app-variant="seller"] .seller-product-card,
html body[data-app-variant="seller"] .seller-catalog-card,
html body[data-app-variant="seller"] .seller-finance-card,
html body[data-app-variant="seller"] .seller-finance-movements,
html body[data-app-variant="seller"] .seller-finance-table-wrap,
html body[data-app-variant="seller"] .seller-workspace-card,
html body[data-app-variant="seller"] .panel-metrics .sv-card,
html body[data-app-variant="seller"] .panel-chart-card,
html body[data-app-variant="seller"] .panel-recent-card,
html body[data-app-variant="seller"] .panel-actions-card,
html body[data-app-variant="seller"] .sdfood-editorial-card,
html body[data-app-variant="seller"] .report-card,
html body[data-app-variant="seller"] .reports-grid .report-card,
html body[data-app-variant="seller"] .metric,
html body[data-app-variant="seller"] .product-admin,
html body[data-app-variant="seller"] .coupon-admin-card,
html body[data-app-variant="seller"] .coupon-card-blue,
html body[data-app-variant="seller"] .ob-board,
html body[data-app-variant="seller"] .ob-card,
html body[data-app-variant="seller"] .ob-card.sv-kcard,
html body[data-app-variant="seller"] .orders-summary .sv-kf-item,
html body[data-app-variant="seller"] .orders-summary .sv-kf-date,
html body[data-app-variant="seller"] .orders-board,
html body[data-app-variant="seller"] .history-summary .metric,
html body[data-app-variant="seller"] .seller-content .sv-cards .sv-card,
html body[data-app-variant="seller"] .seller-content .sv-cards.sv-metrics .sv-card {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
  background-color: #fff !important;
}

/* Hover também sem borda colorida */


/* Colunas coloridas do quadro de pedidos: sem borda, mantém fundo */
html body[data-app-variant="seller"] .ob-col-received,
html body[data-app-variant="seller"] .seller-content .ob-col-received {
  background: #fff1f2 !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}
html body[data-app-variant="seller"] .ob-col-preparing,
html body[data-app-variant="seller"] .seller-content .ob-col-preparing {
  background: #fff7e8 !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}
html body[data-app-variant="seller"] .ob-col-out,
html body[data-app-variant="seller"] .seller-content .ob-col-out {
  background: #eafaf2 !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}
html body[data-app-variant="seller"] .ob-col-done,
html body[data-app-variant="seller"] .seller-content .ob-col-done {
  background: #f4f7ff !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}
html body[data-app-variant="seller"] .ob-col-cancelled,
html body[data-app-variant="seller"] .seller-content .ob-col-cancelled {
  background: #f8fafc !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}

html body[data-app-variant="seller"] .sv-kcard,
html body[data-app-variant="seller"] .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard {
  border: 0 !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

/* Raio padrão dos cards grandes */
html body[data-app-variant="seller"] .seller-settings-panel,
html body[data-app-variant="seller"] .seller-panel,
html body[data-app-variant="seller"] .sv-card,
html body[data-app-variant="seller"] .panel-chart-card,
html body[data-app-variant="seller"] .panel-recent-card,
html body[data-app-variant="seller"] .panel-actions-card,
html body[data-app-variant="seller"] .report-card,
html body[data-app-variant="seller"] .fin-chart-card,
html body[data-app-variant="seller"] .seller-product-card,
html body[data-app-variant="seller"] .promotion-mode-card,
html body[data-app-variant="seller"] .sdfood-editorial-card,
html body[data-app-variant="seller"] .seller-finance-movements {
  border-radius: 16px !important;
}

html body[data-app-variant="seller"] .seller-settings-item {
  border-bottom: 1px solid #f3f4f6 !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-settings-item:last-child {
  border-bottom: 0 !important;
}

/* Botões primary — sem borda */
html body[data-app-variant="seller"] .primary,
html body[data-app-variant="seller"] .small-primary,
html body[data-app-variant="seller"] button.primary,
html body[data-app-variant="seller"] button.small-primary,
html body[data-app-variant="seller"] .seller-settings-save,
html body[data-app-variant="seller"] .seller-catalog-btn-new,
html body[data-app-variant="seller"] .promotions-new-button,
html body[data-app-variant="seller"] .seller-finance-action,
html body[data-app-variant="seller"] .seller-new-order,
html body[data-app-variant="seller"] .ob-accept,
html body[data-app-variant="seller"] .seller-content .sv-kanban .small-primary,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .small-primary,
html body[data-app-variant="seller"] .seller-content .sv-kactions .small-primary {
  background: #e83745 !important;
  color: #fff !important;
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-family: "Outfit", sans-serif !important;
  font-weight: 700 !important;
}

/* Outline / Editar / Gerenciar / Detalhes — SEM borda, igual Painel */
html body[data-app-variant="seller"] .outline,
html body[data-app-variant="seller"] .small-outline,
html body[data-app-variant="seller"] button.outline,
html body[data-app-variant="seller"] button.small-outline,
html body[data-app-variant="seller"] .seller-settings-action,
html body[data-app-variant="seller"] .sv-details,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-details,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-decline,
html body[data-app-variant="seller"] .ob-today,
html body[data-app-variant="seller"] .seller-content .sv-kactions .small-outline,
html body[data-app-variant="seller"] .coupon-admin-actions button {
  background: #f7f8fa !important;
  color: #4b5563 !important;
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 8px !important;
  font-family: "Outfit", sans-serif !important;
  font-weight: 600 !important;
}

/* Detalhes: nunca vermelho (hover/active/focus) — identidade verde */


html body[data-app-variant="seller"] .ob-ship-chip,
html body[data-app-variant="seller"] .ob-ship-chip.eta,
html body[data-app-variant="seller"] .ob-pill {
  border: 0 !important;
  box-shadow: none !important;
}

/* Inputs claros, sem borda preta */
html body[data-app-variant="seller"] .seller-content input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body[data-app-variant="seller"] .seller-content select,
html body[data-app-variant="seller"] .seller-content textarea,
html body[data-app-variant="seller"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html body[data-app-variant="seller"] select,
html body[data-app-variant="seller"] textarea {
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 9px !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
}
html body[data-app-variant="seller"] .seller-content input:focus,
html body[data-app-variant="seller"] .seller-content select:focus,
html body[data-app-variant="seller"] .seller-content textarea:focus {
  border: 0 !important;
  box-shadow: 0 0 0 3px rgba(232, 55, 69, 0.10) !important;
  outline: none !important;
  background: #fff !important;
}

html body[data-app-variant="seller"] .seller-sidebar {
  border-right: 0 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-sidebar-nav button,
html body[data-app-variant="seller"] .seller-sidebar-nav button.active {
  border: 0 !important;
  box-shadow: none !important;
}


/* ===== Abas Pedidos / Promoções / Financeiro / Relatórios — SEM borda ===== */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col,
html body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col,
html body[data-app-variant="seller"] .seller-content .ob-col,
html body[data-app-variant="seller"] .seller-content .sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-card,
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item,
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date,
html body[data-app-variant="seller"] .seller-content .sv-kf-item,
html body[data-app-variant="seller"] .seller-content .sv-kf-date,
html body[data-app-variant="seller"] .promotions-summary,
html body[data-app-variant="seller"] .promotion-stat,
html body[data-app-variant="seller"] .promotion-mode-card,
html body[data-app-variant="seller"] .seller-finance-kpi,
html body[data-app-variant="seller"] .seller-finance-clicks,
html body[data-app-variant="seller"] .seller-finance-withdrawals,
html body[data-app-variant="seller"] .seller-finance-summary article,
html body[data-app-variant="seller"] .seller-finance-view .fin-chart-card,
html body[data-app-variant="seller"] .seller-finance-movements,
html body[data-app-variant="seller"] .report-card,
html body[data-app-variant="seller"] .report-kpi,
html body[data-app-variant="seller"] .report-kpis .report-kpi,
html body[data-app-variant="seller"] .reports-export,
html body[data-app-variant="seller"] .seller-finance-secondary {
  border: 0 !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col,
html body[data-app-variant="seller"] .seller-content .sv-kanban .sv-col,
html body[data-app-variant="seller"] .promotions-summary,
html body[data-app-variant="seller"] .promotion-stat,
html body[data-app-variant="seller"] .promotion-mode-card,
html body[data-app-variant="seller"] .seller-finance-kpi,
html body[data-app-variant="seller"] .seller-finance-clicks,
html body[data-app-variant="seller"] .seller-finance-withdrawals,
html body[data-app-variant="seller"] .seller-finance-summary article,
html body[data-app-variant="seller"] .seller-finance-view .fin-chart-card,
html body[data-app-variant="seller"] .seller-finance-movements,
html body[data-app-variant="seller"] .report-card,
html body[data-app-variant="seller"] .report-kpi,
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item,
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date {
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kf-item + .sv-kf-item,
html body[data-app-variant="seller"] .seller-content .sv-kf-date + .sv-kf-item {
  border-left: 0 !important;
}


/* =========================================================
   SEM BORDA SOBRE BORDA — itens internos iguais às Configurações
   (linhas com divisor, sem caixinha arredondada em cada opção)
   ========================================================= */
html body[data-app-variant="seller"] .panel-action-list {
  gap: 0 !important;
}
html body[data-app-variant="seller"] .panel-action-list button,
html body[data-app-variant="seller"] .seller-content .panel-action-list button {
  border: 0 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  min-height: 61px !important;
  padding: 12px 4px !important;
  transform: none !important;
}
html body[data-app-variant="seller"] .panel-action-list button:last-child {
  border-bottom: 0 !important;
}


/* Promoções: stats dentro do resumo — sem caixinha interna */
html body[data-app-variant="seller"] .promotion-stat,
html body[data-app-variant="seller"] .promotions-summary .promotion-stat {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 16px 8px !important;
}

/* Pedidos: ticket interno sem segundo contorno */
html body[data-app-variant="seller"] .seller-content .sv-kanban .sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-card {
  border: 0 !important;
  box-shadow: none !important;
}

/* Listas / linhas internas (produtos, motoboys, histórico) */
html body[data-app-variant="seller"] .sv-row,
html body[data-app-variant="seller"] .seller-content .sv-row,
html body[data-app-variant="seller"] .product-admin {
  border: 0 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body[data-app-variant="seller"] .sv-row:last-child,
html body[data-app-variant="seller"] .product-admin:last-child {
  border-bottom: 0 !important;
}

/* Atalhos / flow cards internos */
html body[data-app-variant="seller"] .seller-shortcut,
html body[data-app-variant="seller"] .seller-flow-card,
html body[data-app-variant="seller"] .seller-learning-card {
  border: 0 !important;
  box-shadow: none !important;
}


/* ===== Produtos: restaurar layout do card (não herdar caixa nos filhos) ===== */
html body[data-app-variant="seller"] .seller-product-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 0 !important;
  box-shadow: 0 4px 15px rgba(33,48,66,.04) !important;
  border-radius: 16px !important;
}
html body[data-app-variant="seller"] .seller-product-card-img-wrap,
html body[data-app-variant="seller"] .seller-product-card-body,
html body[data-app-variant="seller"] .seller-product-card-info,
html body[data-app-variant="seller"] .seller-product-card-name,
html body[data-app-variant="seller"] .seller-product-card-category,
html body[data-app-variant="seller"] .seller-product-card-price {
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body[data-app-variant="seller"] .seller-product-card-img-wrap {
  width: 100% !important;
  height: 150px !important;
  overflow: hidden !important;
  background: #fafafa !important;
  position: relative !important;
}
html body[data-app-variant="seller"] .seller-product-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-product-card-body {
  min-height: 66px !important;
  padding: 13px 14px 14px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 10px !important;
  background: #fff !important;
}
html body[data-app-variant="seller"] .seller-product-card-info {
  min-width: 0 !important;
  flex: 1 !important;
}
html body[data-app-variant="seller"] .seller-product-card-name {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1e2024 !important;
  margin: 0 0 3px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body[data-app-variant="seller"] .seller-product-card-category {
  font-size: 11px !important;
  color: #8c9099 !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-product-card-price {
  color: #111827 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

/* ===== Promoções: cards coloridos + hover texto vermelho, nunca branco ===== */
html body[data-app-variant="seller"] .promotion-mode-card {
  background-color: #d7253a !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 13px 30px rgba(23,35,60,.1) !important;
}
html body[data-app-variant="seller"] .promotion-mode-card.public { background-color: #d7253a !important; color: #fff !important; }
html body[data-app-variant="seller"] .promotion-mode-card.personal { background-color: #354053 !important; color: #fff !important; }
html body[data-app-variant="seller"] .promotion-mode-card.freight { background-color: #347fcf !important; color: #fff !important; }
html body[data-app-variant="seller"] .promotion-mode-card h2,
html body[data-app-variant="seller"] .promotion-mode-card p {
  color: #fff !important;
}

html body[data-app-variant="seller"] .promotion-mode-card button {
  background: #fff !important;
  color: #171a21 !important;
  border: 0 !important;
  box-shadow: none !important;
}



html body[data-app-variant="seller"] .ob-search {
  border: 0 !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
}



html, body, button, input, select, textarea, html body[data-app-variant="seller"] * {
  font-family: "Outfit", sans-serif !important;
}
html body h1, html body h2, html body h3, html body h4,
html body .ob-col-title, html body .sv-hello, html body .seller-overview-title,
html body .panel-card-head h2, html body .seller-sidebar-brand,
html body .sd-modal-copy h2, html body .drawer-head h2,
html body strong {
  font-family: "Outfit", sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em;
}
html body p, html body small, html body .ob-help, html body .sv-col-help,
html body .upload-note, html body .ob-items, html body .sd-modal-sub,
html body .seller-modal-help {
  font-family: "Outfit", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0;
}

/* Ícones: traço limpo */
svg.ob-ico, svg.ob-mini, svg.ob-pin, svg.ob-user, svg.seller-nav-line-icon,
#overlay.overlay .sd-modal-icon svg,
body[data-app-variant="seller"] .seller-sidebar-nav svg,
body[data-app-variant="seller"] .sv-metric-ico svg,
body[data-app-variant="seller"] .ob-empty svg {
  fill: none !important;
  stroke: currentColor !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#overlay.overlay .sd-modal-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 12px !important;
  background: #f5f3ff !important;
  color: #7c3aed !important;
}
#overlay.overlay .sd-modal-icon svg {
  width: 20px !important;
  height: 20px !important;
  stroke-width: 1.7 !important;
}

/* Cores fortes das colunas do quadro — iguais à referência */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-received,
html body[data-app-variant="seller"] .ob-col.ob-col-received {
  background: #FFD6DC !important;
  background-color: #FFD6DC !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-preparing,
html body[data-app-variant="seller"] .ob-col.ob-col-preparing {
  background: #FFE9B0 !important;
  background-color: #FFE9B0 !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-out,
html body[data-app-variant="seller"] .ob-col.ob-col-out {
  background: #C6F3D8 !important;
  background-color: #C6F3D8 !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-done,
html body[data-app-variant="seller"] .ob-col.ob-col-done {
  background: #D4E2FF !important;
  background-color: #D4E2FF !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-cancelled,
html body[data-app-variant="seller"] .ob-col.ob-col-cancelled {
  background: #F1F3F6 !important;
  background-color: #F1F3F6 !important;
}
html body[data-app-variant="seller"] .ob-col-received .ob-ico-box { background: #ffb7c0 !important; color: #c81e32 !important; }
html body[data-app-variant="seller"] .ob-col-preparing .ob-ico-box { background: #ffd978 !important; color: #a16207 !important; }
html body[data-app-variant="seller"] .ob-col-out .ob-ico-box { background: #86efac !important; color: #047857 !important; }
html body[data-app-variant="seller"] .ob-col-done .ob-ico-box { background: #93c5fd !important; color: #1d4ed8 !important; }
html body[data-app-variant="seller"] .ob-col-cancelled .ob-ico-box { background: #fecdd3 !important; color: #e83745 !important; }
html body[data-app-variant="seller"] .ob-card.sv-kcard { background: #fff !important; }
html body[data-app-variant="seller"] .ob-col-title { font-weight: 600 !important; }
html body[data-app-variant="seller"] .ob-help { font-weight: 400 !important; }



/* Modal de detalhes compacto, alinhado aos outros dialogs do lojista */
html body #overlay.overlay .drawer:has(.seller-product-view-modal),
html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.seller-product-view-modal) {
  width: min(400px, calc(100% - 24px)) !important;
  max-height: min(78vh, 560px) !important;
  padding: 16px 16px 14px !important;
}
html body #overlay.overlay .seller-product-view-modal,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-modal {
  padding: 0 !important;
}
html body #overlay.overlay .seller-product-view-cover,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-cover {
  width: 100% !important;
  height: 128px !important;
  margin: 2px 0 12px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
}
html body #overlay.overlay .seller-product-view-badges { margin-bottom: 8px !important; gap: 6px !important; }
html body #overlay.overlay .seller-product-view-badge { font-size: 11px !important; padding: 3px 8px !important; }
html body #overlay.overlay .seller-product-view-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  margin: 0 0 2px !important;
  letter-spacing: -0.02em !important;
}
html body #overlay.overlay .seller-product-view-meta { font-size: 12px !important; margin-bottom: 8px !important; }
html body #overlay.overlay .seller-product-view-price-row { margin-bottom: 10px !important; gap: 8px !important; }
html body #overlay.overlay .seller-product-view-price { font-size: 20px !important; font-weight: 700 !important; }
html body #overlay.overlay .seller-product-view-price-old { font-size: 13px !important; }
html body #overlay.overlay .seller-product-view-desc {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin-bottom: 12px !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
}
html body #overlay.overlay .seller-product-view-specs { gap: 8px !important; margin-bottom: 14px !important; }
html body #overlay.overlay .seller-product-view-spec-item {
  padding: 8px 10px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
}
html body #overlay.overlay .seller-product-view-footer {
  margin-top: 0 !important;
  padding-top: 12px !important;
}
html body #overlay.overlay .seller-product-view-btn-edit,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-btn-edit {
  width: 100% !important;
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #e83745 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}


/* Edição de produto: ritmo e bloco de adicionais */
html body #overlay.overlay .sd-launch-form.product-editor-form { gap: 16px !important; }
html body #overlay.overlay .sd-launch-form .section-create-row { margin-top: 16px !important; }
html body #overlay.overlay .sd-launch-form .two-col,
html body #overlay.overlay .product-editor-form .two-col {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
html body #overlay.overlay .product-addons-block {
  display: grid !important;
  gap: 12px !important;
  margin-top: 2px !important;
  padding: 14px 14px 16px !important;
  border-radius: 14px !important;
  background: #f7f8fa !important;
  box-shadow: none !important;
  border: 0 !important;
}
html body #overlay.overlay .product-addons-block .form-section-heading {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
html body #overlay.overlay .product-addons-block .addon-preview-note {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 10px !important;
  background: #eef8f0 !important;
  color: #2f7a43 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}
html body #overlay.overlay .product-addons-block .addon-builder { gap: 12px !important; }
html body #overlay.overlay .product-addons-block .addon-group-editor {
  padding: 14px !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04) !important;
}
html body #overlay.overlay #addAddonGroup,
html body #overlay.overlay .product-addons-add {
  width: 100% !important;
  min-height: 44px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px dashed #e2c4c8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: #e83745 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body #overlay.overlay .sd-launch-form > .sd-modal-footer {
  margin-top: 6px !important;
  padding-top: 16px !important;
  border-top: 1px solid #f0f1f4 !important;
}

  html body #overlay.overlay .drawer:has(.seller-product-view-modal) {
    width: min(100%, calc(100% - 16px)) !important;
    max-height: min(86vh, 640px) !important;
  }
  html body #overlay.overlay .sd-launch-form .two-col,
  html body #overlay.overlay .product-editor-form .two-col {
    grid-template-columns: 1fr !important;
  }




/* Divisória fina entre o menu lateral e o conteúdo principal. */
html body[data-app-variant="seller"] .seller-sidebar {
  border-right: 1px solid #e3e6ea !important;
  box-shadow: 1px 0 0 rgba(232, 55, 69, 0.035) !important;
  position: relative;
  z-index: 1;
}



html body[data-app-variant="seller"] .seller-clicks-locked-card {
  max-width: 620px;
  margin: 34px auto;
  padding: 36px 30px;
  border: 1px solid #f1d2d6;
  border-radius: 18px;
  background: #fff7f8;
  text-align: center;
}
html body[data-app-variant="seller"] .seller-clicks-locked-icon {
  width: 44px;
  height: 44px;
  margin: 0 auto 14px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e83745;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}
html body[data-app-variant="seller"] .seller-clicks-locked-card h2 { margin: 0 0 8px; color: #2d333b; font-size: 22px; }
html body[data-app-variant="seller"] .seller-clicks-locked-card p { margin: 0 auto 20px; max-width: 480px; color: #707781; line-height: 1.55; }



/* Busca de pedidos: cria respiro entre o controle e o modal branco. */
html body[data-app-variant="seller"] .ob-tools {
  margin-top: 8px !important;
  margin-right: 4px !important;
}
html body[data-app-variant="seller"] .ob-search {
  margin-top: 2px !important;
}

  html body[data-app-variant="seller"] .ob-tools {
    width: 100% !important;
    margin-top: 4px !important;
    margin-right: 0 !important;
  }
  html body[data-app-variant="seller"] .ob-search {
    margin-top: 0 !important;
  }




/* Último indicador do resumo: mesma escala e alinhamento dos demais cards. */
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item:last-child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item:last-child .sv-metric-ico {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  flex: 0 0 34px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item:last-child .sv-metric-ico svg {
  width: 17px !important;
  height: 17px !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item:last-child > div {
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item:last-child small {
  display: block !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}



/* Modal Status da loja: mesma grade para Aberta, Pausada e Fechada. */
html body[data-app-variant="seller"] .seller-modal-form .seller-choice {
  display: grid !important;
  grid-template-columns: 18px 12px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice input {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
  align-self: center !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > i.status-dot {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  margin: 0 !important;
  align-self: center !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span {
  grid-column: 3 !important;
  grid-row: 1 !important;
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span strong,
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span small {
  display: block !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}



/* Status da loja: a cor fica diretamente ao lado do nome do status. */
html body[data-app-variant="seller"] .seller-modal-form .seller-choice {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice input {
  order: 1 !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > i.status-dot {
  order: 2 !important;
  flex: 0 0 9px !important;
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span {
  order: 3 !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span strong,
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span small {
  display: block !important;
  margin: 0 !important;
  line-height: 1.35 !important;
}



/* Afasta a bolinha da primeira letra do nome do status. */
html body[data-app-variant="seller"] .seller-modal-form .seller-choice {
  gap: 14px !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > i.status-dot {
  margin-left: 8px !important;
  margin-right: 2px !important;
  position: relative !important;
  z-index: 2 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span {
  padding-left: 2px !important;
}



/* Modal Status da loja: sem bolinhas coloridas e sem espaçamento sobrando. */
html body[data-app-variant="seller"] .seller-modal-form .seller-choice {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > i.status-dot {
  display: none !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice input {
  order: 1 !important;
  flex: 0 0 16px !important;
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span {
  order: 2 !important;
  display: grid !important;
  gap: 2px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span strong,
html body[data-app-variant="seller"] .seller-modal-form .seller-choice > span small {
  margin: 0 !important;
  line-height: 1.3 !important;
}



html body[data-app-variant="seller"] .seller-statement-button {
  border: 0 !important;
  padding: 4px 0 !important;
  background: transparent !important;
  color: #e83745 !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}




/* Aproxima o título Visão geral do cartão Workspace. */
html body[data-app-variant="seller"] .seller-sidebar-head {
  padding-bottom: 0 !important;
}
html body[data-app-variant="seller"] .seller-workspace-card {
  margin-bottom: 0 !important;
}
html body[data-app-variant="seller"] .seller-sidebar-nav {
  padding-top: 2px !important;
}
html body[data-app-variant="seller"] .seller-nav-group-label {
  margin-top: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 4px !important;
}



/* Estados vazios: check e X seguem as cores do quadro. */
html body[data-app-variant="seller"] .ob-col-done .ob-empty .ob-ico {
  color: #1d4ed8 !important;
}
html body[data-app-variant="seller"] .ob-col-done .ob-empty .ob-empty-mark {
  box-shadow: 0 0 0 6px rgba(29, 78, 216, .10) !important;
}
html body[data-app-variant="seller"] .ob-col-cancelled .ob-empty .ob-ico {
  color: #e83745 !important;
}
html body[data-app-variant="seller"] .ob-col-cancelled .ob-empty .ob-empty-mark {
  box-shadow: 0 0 0 6px rgba(232, 55, 69, .10) !important;
}



/* PNGs 3D: mesmas dimensões visuais dos ícones anteriores. */
html body[data-app-variant="seller"] .ob-png-icon,
html body[data-app-variant="seller"] .ob-ico,
html body[data-app-variant="seller"] .sv-metric-png {
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
}
html body[data-app-variant="seller"] .ob-ico-box > img.ob-ico { width: 14px !important; height: 14px !important; }
html body[data-app-variant="seller"] .ob-empty .ob-ico-box > img.ob-ico { width: 26px !important; height: 26px !important; }
html body[data-app-variant="seller"] .ob-ship-chip > img.ob-mini { width: 13px !important; height: 13px !important; flex: none !important; }
html body[data-app-variant="seller"] .ob-card .ob-pill > img.ob-mini { width: 12px !important; height: 12px !important; }
html body[data-app-variant="seller"] .sv-metric-ico > img.sv-metric-png { width: 17px !important; height: 17px !important; }
html body[data-app-variant="seller"] .sv-kanban-footer .sv-metric-ico > img.sv-metric-png { width: 17px !important; height: 17px !important; }



/* Resumo de hoje: ícones inferiores maiores, sem alterar o quadro acima. */
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-metric-ico {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  flex: 0 0 42px !important;
  display: grid !important;
  place-items: center !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-metric-ico > img.sv-metric-png {
  width: 27px !important;
  height: 27px !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-metric-ico > svg {
  width: 27px !important;
  height: 27px !important;
}
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item,
html body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date {
  gap: 12px !important;
}



/*  Solicite seus recebimentos: cartão aberto no lado esquerdo. */
html body[data-app-variant="seller"] .seller-finance-tour-card {
  left: 28px !important;
  right: auto !important;
}

  html body[data-app-variant="seller"] .seller-finance-tour-card {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    top: auto !important;
    bottom: 18px !important;
    transform: none !important;
  }




/* Produtos desativados: ficam só na categoria Desativados */
html body[data-app-variant="seller"] .seller-product-card.is-deactivated {
  opacity: 0.88 !important;
  filter: grayscale(0.25);
}
html body[data-app-variant="seller"] .seller-product-card.is-deactivated .seller-product-card-img-wrap {
  position: relative !important;
}
html body[data-app-variant="seller"] .seller-product-deactivated-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  background: #e83745 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 2px 8px rgba(232, 55, 69, 0.25) !important;
}
html body[data-app-variant="seller"] .seller-product-card.is-deactivated .seller-product-card-category {
  color: #e83745 !important;
  font-weight: 600 !important;
}
html body[data-app-variant="seller"] .ob-refuse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 28px !important;
  margin-top: 6px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #f7f8fa !important;
  color: #4b5563 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  font-family: inherit !important;
}




/* Ícones flat 2D: mesmos tamanhos visuais, com badges arredondados e cores sólidas. */
html body[data-app-variant="seller"] .ob-png-icon,
html body[data-app-variant="seller"] .sv-metric-png {
  object-fit: contain !important;
  object-position: center !important;
}
/* A navegação rápida renderiza somente com dados já carregados. */



/* Padrao tipografico de legibilidade: amplia textos sem alterar a identidade visual. */
:root {
  --type-title-xl: clamp(1.875rem, 2.4vw, 2.5rem);
  --type-title-lg: clamp(1.5rem, 1.8vw, 1.875rem);
  --type-title-md: 1.25rem;
  --type-body: 1rem;
  --type-description: 0.9375rem;
  --type-support: 0.8125rem;
  --type-caption: 0.75rem;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-size: var(--type-body) !important;
  line-height: 1.55 !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
.hero h1,
.seller-content h1,
[role="dialog"] h1 {
  font-size: var(--type-title-xl) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.025em !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

h2,
.seller-content h2,
[role="dialog"] h2,
[class*="-title"]:is(h2, div),
[class*="-heading"]:is(h2, div) {
  font-size: var(--type-title-lg) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.015em !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

h3,
.seller-content h3,
[role="dialog"] h3 {
  font-size: var(--type-title-md) !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}

p,
[class*="-description"],
[class*="-subtitle"],
[class*="-copy"] p,
[class*="-help"] {
  font-size: max(var(--type-description), 1em) !important;
  line-height: 1.55 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

small,
.label,
.eyebrow,
[class*="-eyebrow"],
[class*="-kicker"],
[class*="-caption"],
[class*="-meta"] {
  font-size: var(--type-support) !important;
  line-height: 1.4 !important;
}

button,
input,
select,
textarea,
.nav,
.category,
.footer-link {
  font-size: max(var(--type-support), 1em) !important;
  line-height: 1.35 !important;
}

/* Textos operacionais continuam compactos, mas nunca microscopicos. */
body[data-app-variant="seller"] :is(
  .seller-sidebar-nav button,
  .seller-nav-group-label,
  .seller-sidebar-status,
  .seller-sidebar-footer,
  .seller-top-status,
  .seller-user-copy small,
  .seller-eyebrow,
  .seller-overview-eyebrow,
  .panel-status,
  .panel-link,
  .panel-legend,
  .sv-metric-cap,
  .sv-col-help,
  .sv-ktime,
  .sv-kitems,
  .sv-kbadge,
  .seller-table th,
  .seller-table td,
  .seller-finance-table th,
  .seller-finance-table td,
  table th,
  table td
) {
  font-size: var(--type-caption) !important;
  line-height: 1.4 !important;
}

body[data-app-variant="seller"] :is(
  .seller-content p,
  .panel-card-head p,
  .seller-operation-guide p,
  .seller-finance-section-head p,
  .seller-settings-copy small,
  .sv-metric-info small,
  .sv-card small
) {
  font-size: var(--type-support) !important;
  line-height: 1.5 !important;
}

/* Titulos e descricoes podem quebrar linha em vez de serem cortados. */
:is(h1, h2, h3, p, [class*="-title"], [class*="-description"], [class*="-subtitle"]) {
  max-width: 100%;
  word-break: normal;
  hyphens: auto;
}


  :root {
    --type-title-xl: 1.75rem;
    --type-title-lg: 1.375rem;
    --type-title-md: 1.125rem;
    --type-body: 1rem;
    --type-description: 0.9375rem;
    --type-support: 0.8125rem;
    --type-caption: 0.75rem;
  }

  h1,
  h2,
  h3,
  p,
  [class*="-title"],
  [class*="-description"],
  [class*="-subtitle"] {
    white-space: normal !important;
    overflow-wrap: anywhere;
  }




/* Ultimas movimentacoes: mesma escala legivel usada na navegacao do Painel. */
html body[data-app-variant="seller"] .seller-finance-section-head h2 {
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
}
html body[data-app-variant="seller"] .seller-finance-section-head p {
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
}
html body[data-app-variant="seller"] .seller-finance-section-head > span,
html body[data-app-variant="seller"] .seller-statement-button {
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .seller-finance-table th {
  padding: 12px 10px !important;
  font-size: 0.8125rem !important;
  line-height: 1.4 !important;
}
html body[data-app-variant="seller"] .seller-finance-table td {
  height: auto !important;
  min-height: 54px !important;
  padding: 14px 10px !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
}
html body[data-app-variant="seller"] .seller-finance-table td:first-child strong {
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere !important;
}
html body[data-app-variant="seller"] .seller-finance-tag {
  min-height: 26px !important;
  padding: 3px 10px !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .seller-finance-value,
html body[data-app-variant="seller"] .seller-finance-table td:nth-child(2) {
  font-size: 0.875rem !important;
  white-space: nowrap !important;
}

  html body[data-app-variant="seller"] .seller-finance-section-head {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  html body[data-app-variant="seller"] .seller-finance-table {
    min-width: 720px !important;
  }




/* Escala da tabela alinhada ao padrao visual de Ultimos pedidos. */
html body[data-app-variant="seller"] .seller-finance-section-head h2 {
  font-size: 1rem !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-finance-section-head p {
  margin-top: 5px !important;
  font-size: 0.875rem !important;
  line-height: 1.45 !important;
}
html body[data-app-variant="seller"] .seller-finance-section-head > span,
html body[data-app-variant="seller"] .seller-statement-button {
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-finance-table th {
  padding: 10px 8px !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-finance-table td {
  height: 54px !important;
  min-height: 54px !important;
  padding: 12px 8px !important;
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
}
html body[data-app-variant="seller"] .seller-finance-table td:first-child strong {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
html body[data-app-variant="seller"] .seller-finance-tag {
  min-height: 26px !important;
  padding: 3px 10px !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-finance-value,
html body[data-app-variant="seller"] .seller-finance-table td:nth-child(2) {
  font-size: 0.75rem !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
}



/* Padrao unico de tipografia para todas as abas da area da loja. */
html body[data-app-variant="seller"] .seller-content {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

html body[data-app-variant="seller"] .seller-content h1 {
  font-size: 28px !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"] .seller-content h2 {
  font-size: 16px !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"] .seller-content h3 {
  font-size: 14px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"] .seller-content p,
html body[data-app-variant="seller"] .seller-content [class*="-description"],
html body[data-app-variant="seller"] .seller-content [class*="-subtitle"] {
  font-size: 13px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

html body[data-app-variant="seller"] .seller-content small,
html body[data-app-variant="seller"] .seller-content .label,
html body[data-app-variant="seller"] .seller-content [class*="-eyebrow"],
html body[data-app-variant="seller"] .seller-content [class*="-kicker"],
html body[data-app-variant="seller"] .seller-content [class*="-caption"],
html body[data-app-variant="seller"] .seller-content [class*="-meta"] {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html body[data-app-variant="seller"] .seller-content button,
html body[data-app-variant="seller"] .seller-content input,
html body[data-app-variant="seller"] .seller-content select,
html body[data-app-variant="seller"] .seller-content textarea {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body[data-app-variant="seller"] .seller-content table th {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html body[data-app-variant="seller"] .seller-content table td,
html body[data-app-variant="seller"] .seller-content table td strong {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Cartoes da aba Promocoes seguem exatamente a mesma hierarquia. */
html body[data-app-variant="seller"] .promotion-mode-card h2 {
  font-size: 16px !important;
  line-height: 1.3 !important;
}
html body[data-app-variant="seller"] .promotion-mode-card p {
  min-height: 38px !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
html body[data-app-variant="seller"] .promotion-mode-card button {
  font-size: 13px !important;
  line-height: 1.35 !important;
}

/* Menu lateral com o mesmo tamanho em todas as secoes. */
html body[data-app-variant="seller"] .seller-sidebar-nav button {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-nav-group-label,
html body[data-app-variant="seller"] .seller-sidebar-status,
html body[data-app-variant="seller"] .seller-sidebar-footer {
  font-size: 11px !important;
  line-height: 1.4 !important;
}

/* Mantem indicadores e etiquetas compactos sem ficarem ilegíveis. */
html body[data-app-variant="seller"] .seller-content :is(
  .panel-status,
  .sv-kbadge,
  .sv-ktime,
  .sv-count,
  .seller-finance-tag,
  .seller-finance-value
) {
  font-size: 12px !important;
  line-height: 1.35 !important;
}


  html body[data-app-variant="seller"] .seller-content h1 {
    font-size: 26px !important;
  }
  html body[data-app-variant="seller"] .seller-content h2 {
    font-size: 16px !important;
  }




/* Ilustracao das acoes rapidas: fixa pelo topo, sem acompanhar a altura de Ultimos pedidos. */
html body[data-app-variant="seller"] .panel-actions-card {
  align-self: start !important;
  min-height: 438px !important;
  height: 438px !important;
  padding-bottom: 150px !important;
}
html body[data-app-variant="seller"] .panel-action-art {
  top: 286px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  width: 78% !important;
  max-width: 220px !important;
  height: 126px !important;
  transform: translateX(-50%) !important;
  object-fit: contain !important;
  object-position: center top !important;
}

  html body[data-app-variant="seller"] .panel-actions-card {
    min-height: 418px !important;
    height: 418px !important;
    padding-bottom: 145px !important;
  }
  html body[data-app-variant="seller"] .panel-action-art {
    top: 274px !important;
    height: 126px !important;
  }


/* Ajuste de pedidos: remove bordas duplas em detalhes de pedidos e cards */
html body[data-app-variant="seller"] .order-detail-items {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}
html body[data-app-variant="seller"] .order-detail-items .order-detail-item,
html body[data-app-variant="seller"] .order-detail-items .seller-panel,
html body[data-app-variant="seller"] .order-detail-item.seller-panel {
  border: 0 !important;
  border-width: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: #f8fafc !important;
  border-radius: 10px !important;
}
html body[data-app-variant="seller"] .ob-card,
html body[data-app-variant="seller"] .sv-kcard {
  outline: none !important;
}

/* Tipografia refinada: ajuda de produto compacta e detalhes de pedido padronizados */
html body[data-app-variant="seller"] .map-help,
html body[data-app-variant="seller"] .field-help,
html body[data-app-variant="seller"] #productModal .map-help {
  font-size: 11px !important;
  line-height: 1.35 !important;
  color: #64748b !important;
  margin-top: 4px !important;
}

html body[data-app-variant="seller"] .drawer .upload-note,
html body[data-app-variant="seller"] .order-detail-items .upload-note {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  color: #475569 !important;
}

html body[data-app-variant="seller"] .drawer .upload-note strong {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #0f172a !important;
}

html body[data-app-variant="seller"] .cash-order-summary {
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

html body[data-app-variant="seller"] .cash-order-summary strong {
  font-size: 13px !important;
  font-weight: 600 !important;
}

html body[data-app-variant="seller"] .order-detail-items .order-detail-item {
  font-size: 13px !important;
}

html body[data-app-variant="seller"] .order-detail-items .order-detail-item strong {
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Design refinado dos ícones da barra lateral do lojista */
body[data-app-variant="seller"] .seller-sidebar-nav button svg.seller-nav-line-icon {
  width: 17px !important;
  height: 17px !important;
  box-sizing: content-box !important;
  padding: 6px !important;
  border-radius: 9px !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  stroke-width: 1.85 !important;
  flex: 0 0 17px !important;
  display: block !important;
  transition: all .16s ease !important;
}

body[data-app-variant="seller"] .seller-sidebar-nav button.active svg.seller-nav-line-icon {
  color: #e83745 !important;
  background: #fee2e2 !important;
  stroke-width: 2 !important;
}


/* Padronização dos botões dos modais e rodapés com a mesma dimensão do botão '+ Novo produto' */
html body #overlay.overlay .sd-modal-footer,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  align-items: center !important;
}

html body #overlay.overlay .sd-modal-footer button,
html body #overlay.overlay .sd-modal-footer .outline,
html body #overlay.overlay .sd-modal-footer .primary,
html body #overlay.overlay #productModalCancel,
html body #overlay.overlay #productModalSave,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer button,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer .outline,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer .primary,
html body[data-app-variant="seller"] #overlay.overlay #productModalCancel,
html body[data-app-variant="seller"] #overlay.overlay #productModalSave {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 18px !important;
  border-radius: 11px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: background 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
}

/* Botão Salvar / Primário nos modais */
html body #overlay.overlay .sd-modal-footer .primary,
html body #overlay.overlay #productModalSave,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer .primary,
html body[data-app-variant="seller"] #overlay.overlay #productModalSave {
  background: #f23648 !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 9px 20px rgba(232, 55, 69, 0.18) !important;
}

/* Botão Cancelar / Outline nos modais */
html body #overlay.overlay .sd-modal-footer .outline,
html body #overlay.overlay #productModalCancel,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-footer .outline,
html body[data-app-variant="seller"] #overlay.overlay #productModalCancel {
  background: #ffffff !important;
  color: #64748b !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}




/* Badges de Concluído e Cancelado no card de pedidos */
html body[data-app-variant="seller"] .ob-pill.ob-pill-done,
.ob-pill.ob-pill-done {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 22px !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
html body[data-app-variant="seller"] .ob-pill.ob-pill-done svg,
.ob-pill.ob-pill-done svg {
  stroke: #1d4ed8 !important;
}

html body[data-app-variant="seller"] .ob-pill.ob-pill-cancelled,
.ob-pill.ob-pill-cancelled {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-height: 22px !important;
  padding: 2px 9px !important;
  border-radius: 999px !important;
  background: #fef2f2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
}
html body[data-app-variant="seller"] .ob-pill.ob-pill-cancelled svg,
.ob-pill.ob-pill-cancelled svg {
  stroke: #dc2626 !important;
}



/* Design idêntico aos chips do quadro (ex: Aguardando o motoboy concluir) para Concluído e Cancelado */
html body[data-app-variant="seller"] .ob-chip-done,
html body[data-app-variant="seller"] .ob-pill-done,
.ob-chip-done,
.ob-pill-done {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  background: #e0f2fe !important;
  color: #0369a1 !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  width: auto !important;
}

html body[data-app-variant="seller"] .ob-chip-cancelled,
html body[data-app-variant="seller"] .ob-pill-cancelled,
.ob-chip-cancelled,
.ob-pill-cancelled {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  background: #fee2e2 !important;
  color: #b91c1c !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  width: auto !important;
}




/* Os quatro quadros principais ocupam toda a largura da aba. */
html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
html body[data-app-variant="seller"] .ob-kanban.sv-kanban {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: 100% !important;
}
/* Ao abrir um filtro individual, o quadro selecionado também aproveita a largura. */
html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban:has(> .ob-col:only-child),
html body[data-app-variant="seller"] .ob-kanban.sv-kanban:has(> .ob-col:only-child) {
  grid-template-columns: minmax(0, 1fr) !important;
}

  html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
  html body[data-app-variant="seller"] .ob-kanban.sv-kanban {
    grid-template-columns: 1fr !important;
  }




/* Editor de lançamento: mais espaço e divisão clara para reduzir a rolagem. */
html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.sd-launch-modal),
html body #overlay.overlay .drawer:has(.sd-launch-modal) {
  width: min(960px, calc(100% - 48px)) !important;
  max-width: 960px !important;
  max-height: min(94vh, 900px) !important;
  padding: 24px 26px 20px !important;
  overflow: visible !important;
}
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal,
html body #overlay.overlay .sd-launch-modal {
  width: 100% !important;
}
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-form.product-editor-form,
html body #overlay.overlay .sd-launch-form.product-editor-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
  column-gap: 22px !important;
  row-gap: 14px !important;
  align-items: start !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form > input[type="hidden"],
html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-modal-footer {
  grid-column: 1 / -1 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-tab-panel[data-panel="info"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr) !important;
  gap: 14px 18px !important;
  align-items: start !important;
  grid-column: 1 / -1 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-tab-panel[data-panel="media"] {
  grid-column: 1 / -1 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .sd-two,
html body #overlay.overlay .sd-launch-form.product-editor-form .section-create-row,
html body #overlay.overlay .sd-launch-form.product-editor-form .sd-desc-field {
  grid-column: 1 / -1 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .sd-price-avail,
html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-tab-panel[data-panel="info"] > .two-col {
  grid-column: 1 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card,
html body #overlay.overlay .sd-launch-form.product-editor-form .product-addons-block {
  grid-column: 2 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card {
  margin: 0 !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;
  background: #f7f8fa !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card .settings-title {
  margin: 0 0 10px !important;
  color: #374151 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card label,
html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card .field label {
  font-size: 12px !important;
  line-height: 1.3 !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .product-addons-block {
  align-self: start !important;
  margin: 0 !important;
  padding: 14px !important;
}
html body #overlay.overlay .sd-launch-form.product-editor-form .sd-modal-footer {
  margin-top: 4px !important;
  padding-top: 16px !important;
}

  html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.sd-launch-modal),
  html body #overlay.overlay .drawer:has(.sd-launch-modal) {
    width: min(100%, calc(100% - 16px)) !important;
    max-height: 92vh !important;
    padding: 18px 16px 16px !important;
    overflow-y: auto !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay .sd-launch-form.product-editor-form,
  html body #overlay.overlay .sd-launch-form.product-editor-form,
  html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-tab-panel[data-panel="info"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  html body #overlay.overlay .sd-launch-form.product-editor-form .sd-price-avail,
  html body #overlay.overlay .sd-launch-form.product-editor-form > .sd-tab-panel[data-panel="info"] > .two-col,
  html body #overlay.overlay .sd-launch-form.product-editor-form .settings-card,
  html body #overlay.overlay .sd-launch-form.product-editor-form .product-addons-block {
    grid-column: 1 !important;
  }




/* Correção de fluxo: a aba hidden precisa realmente desaparecer. */
html body #overlay.overlay .sd-launch-modal .sd-tab-panel.hidden,
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[hidden] {
  display: none !important;
}
/* Modal grande de desktop: conteúdo completo e rodapé dentro da janela. */
html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.sd-launch-modal),
html body #overlay.overlay .drawer:has(.sd-launch-modal) {
  width: min(1080px, calc(100% - 32px)) !important;
  max-width: 1080px !important;
  max-height: calc(100vh - 24px) !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 24px 30px 18px !important;
}
html body #overlay.overlay .sd-launch-modal .sd-modal-footer {
  display: flex !important;
  grid-column: 1 / -1 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  min-height: 54px !important;
  margin-top: 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid #edf0f2 !important;
  background: #fff !important;
}
html body #overlay.overlay .sd-launch-modal .sd-modal-footer button {
  min-width: 132px !important;
  min-height: 40px !important;
}
/* A aba de informações usa a grade ampla; a aba de mídia ocupa tudo ao abrir. */
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"]:not(.hidden) {
  display: grid !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="media"]:not(.hidden) {
  display: block !important;
  grid-column: 1 / -1 !important;
}


  html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.sd-launch-modal),
  html body #overlay.overlay .drawer:has(.sd-launch-modal) {
    width: min(100%, calc(100% - 16px)) !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
    padding: 18px 16px 14px !important;
  }
  html body #overlay.overlay .sd-launch-modal .sd-modal-footer {
    justify-content: stretch !important;
  }
  html body #overlay.overlay .sd-launch-modal .sd-modal-footer button {
    flex: 1 !important;
    min-width: 0 !important;
  }




/* Formulário do produto em uma única tela: foto abaixo do estoque e promoções ao lado. */
html body #overlay.overlay .sd-launch-modal .sd-modal-tabs {
  display: none !important;
}
html body #overlay.overlay .sd-launch-modal .sd-launch-form.product-editor-form {
  display: block !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .92fr) !important;
  gap: 14px 18px !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .sd-two,
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .section-create-row,
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .sd-desc-field {
  grid-column: 1 / -1 !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .sd-price-avail {
  grid-column: 1 !important;
  grid-row: 4 !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-promo-status {
  grid-column: 2 !important;
  grid-row: 4 / span 2 !important;
  align-self: start !important;
  margin: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .two-col {
  grid-column: 1 !important;
  grid-row: 5 !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-inline-photo {
  grid-column: 1 !important;
  grid-row: 6 !important;
  min-width: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-addons-side {
  grid-column: 2 !important;
  grid-row: 6 !important;
  align-self: start !important;
  margin: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .product-inline-photo .sd-dropzone {
  min-height: 170px !important;
  height: 100% !important;
  margin: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .product-inline-photo .sd-current-image {
  margin-top: 8px !important;
}
html body #overlay.overlay .sd-launch-modal .product-addons-side {
  max-height: 300px !important;
  overflow-y: auto !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .settings-title {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .sd-price-avail,
  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-promo-status,
  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .two-col,
  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-inline-photo,
  html body #overlay.overlay .sd-launch-modal .sd-tab-panel[data-panel="info"] > .product-addons-side {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  html body #overlay.overlay .sd-launch-modal .product-addons-side {
    max-height: none !important;
  }




/* Filtros de pedidos no mesmo design dos chips dos tickets, sem moldura externa. */
html body[data-app-variant="seller"] .orders-status-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="all"] {
  background: #e0f2fe !important;
  color: #0369a1 !important;
}
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="received"] {
  background: #ffe4e8 !important;
  color: #c81e32 !important;
}
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="preparing"] {
  background: #fff1c7 !important;
  color: #a16207 !important;
}
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="out"] {
  background: #dcfce7 !important;
  color: #047857 !important;
}
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="done"] {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}
html body[data-app-variant="seller"] .orders-status-filter[data-order-filter="cancelled"] {
  background: #f1f3f6 !important;
  color: #64748b !important;
}
html body[data-app-variant="seller"] .orders-status-filter b,
html body[data-app-variant="seller"] .orders-status-filter.active b {
  min-width: 20px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  color: currentColor !important;
  background: rgba(255,255,255,.62) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  text-align: center !important;
}
html body[data-app-variant="seller"] .orders-status-filter.active {
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(31,41,55,.12) !important;
}

  html body[data-app-variant="seller"] .orders-status-filters { overflow-x: auto !important; flex-wrap: nowrap !important; }
  html body[data-app-variant="seller"] .orders-status-filter { flex: 0 0 auto !important; }




/* Filtros centralizados e tipografia uniforme, sem encolher ao passar o mouse ou clicar. */
html body[data-app-variant="seller"] .orders-status-filters {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}


html body[data-app-variant="seller"] .orders-status-filter.active {
  box-shadow: none !important;
}



/* Consistência final dos filtros: mesmo texto, sem escala e quadro sem esticar. */

html body[data-app-variant="seller"] .orders-status-filter b,
html body[data-app-variant="seller"] .orders-status-filter span + b {
  font-size: 10px !important;
  font-weight: 750 !important;
}
/* Ao filtrar um status, o quadro conserva a grade/tamanho normal do kanban. */
html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
html body[data-app-variant="seller"] .ob-kanban.sv-kanban,
html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban:has(> .ob-col:only-child),
html body[data-app-variant="seller"] .ob-kanban.sv-kanban:has(> .ob-col:only-child) {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

  html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
  html body[data-app-variant="seller"] .ob-kanban.sv-kanban,
  html body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban:has(> .ob-col:only-child),
  html body[data-app-variant="seller"] .ob-kanban.sv-kanban:has(> .ob-col:only-child) {
    grid-template-columns: 1fr !important;
  }




html body[data-app-variant="seller"] .panel-card-head .panel-date-picker {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: #6b7280 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] #sellerPanelDate {
  min-height: 34px !important;
  padding: 6px 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #475569 !important;
  background: #f1f5f9 !important;
  font: 650 11px/1.2 "Outfit", sans-serif !important;
}
html body[data-app-variant="seller"] .orders-status-filters .orders-clear-table {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border: 0 !important;
  border-radius: 10px !important;
  color: #6d28d9 !important;
  background: #ede9fe !important;
  font: 650 11px/1.2 "Outfit", sans-serif !important;
  cursor: pointer !important;
}



/* Neutralized: chat is edge-to-edge fullscreen on mobile */


/* Tipografia do chat alinhada ao padrão global do SDFood. */
#overlay.overlay:has(.support-chat-shell) .support-chat-messages,
#overlay.overlay:has(.support-chat-shell) .support-chat-msg,
#overlay.overlay:has(.support-chat-shell) .support-chat-msg p,
#overlay.overlay:has(.support-chat-shell) .support-chat-msg small,
#overlay.overlay:has(.support-chat-shell) .support-chat-msg time {
  font-family: "Outfit", sans-serif !important;
}
#overlay.overlay:has(.support-chat-shell) .support-chat-msg {
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}
#overlay.overlay:has(.support-chat-shell) .support-chat-msg small {
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
}
#overlay.overlay:has(.support-chat-shell) .support-chat-msg p {
  font-size: 12px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
  margin: 4px 0 !important;
}
#overlay.overlay:has(.support-chat-shell) .support-chat-msg time {
  font-size: 10px !important;
  line-height: 1.25 !important;
  font-weight: 500 !important;
}



/* Correção final mobile: quatro telas fluidas e navegação inferior fixa. */

  html, body { width:100%!important; max-width:100%!important; overflow-x:hidden!important; }
  body[data-app-variant="seller"] { margin:0!important; padding:0 0 calc(76px + env(safe-area-inset-bottom))!important; }
  body[data-app-variant="seller"] .seller-layout { display:block!important; width:100%!important; min-width:0!important; min-height:100dvh!important; padding:0!important; }
  body[data-app-variant="seller"] .seller-content { width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:0!important; }
  body[data-app-variant="seller"] .seller-workspace { width:100%!important; max-width:100%!important; min-width:0!important; margin:0!important; padding:18px 12px 28px!important; overflow:visible!important; }
  body[data-app-variant="seller"] .seller-panel-topbar { position:sticky!important; top:0!important; z-index:50!important; width:100%!important; min-height:58px!important; padding:0 12px!important; background:#fff!important; }
  body[data-app-variant="seller"] .seller-breadcrumb { min-width:0!important; max-width:calc(100vw - 70px)!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
  body[data-app-variant="seller"] .seller-user-copy,
  body[data-app-variant="seller"] .seller-profile-caret { display:none!important; }

  body[data-app-variant="seller"] .seller-sidebar {
    position:fixed!important; top:auto!important; right:0!important; bottom:0!important; left:0!important; z-index:1000!important;
    display:block!important; width:100%!important; min-width:0!important; max-width:none!important;
    height:calc(70px + env(safe-area-inset-bottom))!important; min-height:0!important;
    margin:0!important; padding:0 6px env(safe-area-inset-bottom)!important;
    overflow:visible!important; border:0!important; border-top:1px solid #e5e9ef!important;
    border-radius:0!important; background:#fff!important; box-shadow:0 -7px 24px rgba(28,35,45,.11)!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-head,
  body[data-app-variant="seller"] .seller-sidebar-footer,
  body[data-app-variant="seller"] .seller-nav-group-label { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav {
    display:block!important; width:100%!important; height:70px!important; min-height:70px!important;
    margin:0!important; padding:5px 0!important; overflow:visible!important; white-space:normal!important;
  }
  body[data-app-variant="seller"] .seller-nav-group {
    display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important; min-width:0!important; height:60px!important; margin:0!important; gap:2px!important;
  }
  body[data-app-variant="seller"] .seller-nav-group + .seller-nav-group { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button {
    position:relative!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important;
    width:100%!important; min-width:0!important; min-height:58px!important; height:58px!important;
    margin:0!important; padding:5px 1px!important; gap:3px!important; border-radius:10px!important;
    font-size:10px!important; line-height:1!important; white-space:nowrap!important; transform:none!important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-nav button > span:not(.sv-count) { display:block!important; max-width:100%!important; overflow:hidden!important; text-overflow:ellipsis!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button::before { display:none!important; }
  body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    display:block!important; width:21px!important; height:21px!important; flex:0 0 21px!important; margin:0!important; transform:none!important;
  }
  body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
    position:absolute!important; top:1px!important; right:calc(50% - 22px)!important; display:grid!important; place-items:center!important;
    min-width:16px!important; width:auto!important; height:16px!important; margin:0!important; padding:0 4px!important; font-size:8px!important;
  }

  /* Cabeçalhos e ações das quatro telas */
  body[data-app-variant="seller"] :is(.seller-overview-head,.seller-catalog-header,.seller-finance-header,.ob-head,.seller-section-heading) {
    display:flex!important; align-items:stretch!important; flex-direction:column!important; width:100%!important; min-width:0!important; gap:12px!important;
  }
  body[data-app-variant="seller"] :is(.seller-overview-title,.seller-catalog-title,.seller-finance-header h1) { font-size:25px!important; line-height:1.15!important; }
  body[data-app-variant="seller"] :is(.seller-overview-subtitle,.seller-catalog-subtitle,.ob-copy>p:last-child,.seller-finance-header>div>p:last-child) { font-size:13px!important; line-height:1.45!important; }
  body[data-app-variant="seller"] :is(.seller-overview-actions,.ob-tools,.seller-catalog-filters) {
    display:grid!important; grid-template-columns:1fr!important; width:100%!important; min-width:0!important; gap:8px!important;
  }
  body[data-app-variant="seller"] :is(.seller-overview-actions>*,.seller-catalog-btn-new,.seller-finance-action,.ob-search,.ob-date-picker,.ob-today,.seller-catalog-search-wrap,.seller-catalog-select) {
    width:100%!important; min-width:0!important; max-width:none!important;
  }

  /* Painel */
  body[data-app-variant="seller"] :is(.panel-metrics,.seller-content .sv-cards.sv-metrics,.seller-simple-metrics,.panel-bottom-grid,.seller-shortcut-grid) {
    display:grid!important; grid-template-columns:1fr!important; width:100%!important; min-width:0!important; gap:12px!important;
  }
  body[data-app-variant="seller"] :is(.panel-chart-card,.panel-recent-card,.panel-bestsellers-card,.panel-actions-card,.seller-panel,.sv-card) { width:100%!important; min-width:0!important; }
  body[data-app-variant="seller"] .panel-card-head { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; }
  body[data-app-variant="seller"] .panel-date-picker { width:100%!important; }
  body[data-app-variant="seller"] #sellerPanelDate { width:100%!important; }
  body[data-app-variant="seller"] .panel-chart-wrap { width:100%!important; height:190px!important; overflow:hidden!important; }
  body[data-app-variant="seller"] .panel-chart { width:100%!important; min-width:0!important; height:100%!important; }
  body[data-app-variant="seller"] .panel-actions-card { padding-bottom:120px!important; }
  body[data-app-variant="seller"] .panel-bestsellers-item { grid-template-columns:auto minmax(0,1fr) auto!important; min-width:0!important; }
  body[data-app-variant="seller"] .panel-bestsellers-info { min-width:0!important; }

  /* Pedidos: colunas completas uma abaixo da outra, sem corte lateral */
  body[data-app-variant="seller"] .orders-board { width:100%!important; min-width:0!important; max-width:100%!important; margin:0!important; padding:14px 10px!important; overflow:visible!important; }
  body[data-app-variant="seller"] .ob-tools { display:grid!important; grid-template-columns:1fr!important; }
  body[data-app-variant="seller"] .orders-status-filters {
    display:flex!important; width:100%!important; max-width:100%!important; padding:2px 0 8px!important; gap:6px!important;
    overflow-x:auto!important; overflow-y:hidden!important; flex-wrap:nowrap!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important;
  }
  body[data-app-variant="seller"] .orders-status-filters::-webkit-scrollbar { display:none!important; }
  body[data-app-variant="seller"] .orders-status-filters button { flex:0 0 auto!important; min-height:38px!important; }
  body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
  body[data-app-variant="seller"] .ob-kanban.sv-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban:has(>.ob-col:only-child) {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important; width:100%!important; min-width:0!important; max-width:100%!important;
    margin:0!important; gap:12px!important; overflow:visible!important; scroll-snap-type:none!important;
  }
  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col {
    width:100%!important; min-width:0!important; max-width:100%!important; min-height:230px!important; margin:0!important; padding:14px 10px!important;
  }
  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard { width:100%!important; min-width:0!important; max-width:100%!important; }
  body[data-app-variant="seller"] .ob-name-row,
  body[data-app-variant="seller"] .ob-row { min-width:0!important; gap:8px!important; }
  body[data-app-variant="seller"] .ob-name,
  body[data-app-variant="seller"] .ob-items { min-width:0!important; max-width:100%!important; overflow-wrap:anywhere!important; }
  body[data-app-variant="seller"] .sv-kanban-footer { display:grid!important; grid-template-columns:1fr!important; width:100%!important; min-width:0!important; gap:10px!important; }

  /* Produtos */
  body[data-app-variant="seller"] .seller-catalog-view { width:100%!important; min-width:0!important; }
  body[data-app-variant="seller"] .seller-catalog-grid { display:grid!important; grid-template-columns:1fr!important; width:100%!important; min-width:0!important; gap:12px!important; }
  body[data-app-variant="seller"] .seller-product-card { display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; width:100%!important; min-width:0!important; min-height:120px!important; }
  body[data-app-variant="seller"] .seller-product-card-img-wrap { width:104px!important; height:100%!important; min-height:120px!important; }
  body[data-app-variant="seller"] .seller-product-card-body,
  body[data-app-variant="seller"] .seller-product-card-info { min-width:0!important; padding:12px!important; }
  body[data-app-variant="seller"] .seller-product-card-name { white-space:normal!important; overflow-wrap:anywhere!important; }

  /* Financeiro */
  body[data-app-variant="seller"] :is(.seller-finance-kpis,.seller-finance-summary) { display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:12px!important; }
  body[data-app-variant="seller"] .seller-finance-kpi { width:100%!important; min-height:0!important; padding:17px!important; }
  body[data-app-variant="seller"] .seller-finance-clicks { display:flex!important; align-items:stretch!important; flex-direction:column!important; width:100%!important; gap:12px!important; }
  body[data-app-variant="seller"] .seller-finance-clicks button { width:100%!important; }
  body[data-app-variant="seller"] .seller-finance-movements,
  body[data-app-variant="seller"] .seller-finance-table-wrap { width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; }
  body[data-app-variant="seller"] .seller-finance-section-head { display:flex!important; align-items:flex-start!important; flex-direction:column!important; gap:8px!important; }
  body[data-app-variant="seller"] .seller-finance-table { display:block!important; width:100%!important; min-width:0!important; table-layout:auto!important; }
  body[data-app-variant="seller"] .seller-finance-table thead { display:none!important; }
  body[data-app-variant="seller"] .seller-finance-table tbody { display:grid!important; width:100%!important; gap:10px!important; }
  body[data-app-variant="seller"] .seller-finance-table tr { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; width:100%!important; padding:12px!important; border:1px solid #edf0f3!important; border-radius:10px!important; }
  body[data-app-variant="seller"] .seller-finance-table td { display:block!important; width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; padding:3px!important; border:0!important; white-space:normal!important; }
  body[data-app-variant="seller"] .seller-finance-table td:first-child { grid-column:1/-1!important; }
  body[data-app-variant="seller"] .seller-finance-table td:last-child { text-align:right!important; font-weight:700!important; }

  /* Tabela de pedidos recentes no painel */
  body[data-app-variant="seller"] .panel-table-scroll { width:100%!important; max-width:100%!important; overflow:visible!important; }
  body[data-app-variant="seller"] .panel-recent-table { display:block!important; width:100%!important; min-width:0!important; }
  body[data-app-variant="seller"] .panel-recent-table thead { display:none!important; }
  body[data-app-variant="seller"] .panel-recent-table tbody { display:grid!important; gap:8px!important; }
  body[data-app-variant="seller"] .panel-recent-table tr { display:grid!important; grid-template-columns:1fr 1fr!important; padding:10px!important; border:1px solid #edf0f3!important; border-radius:10px!important; }
  body[data-app-variant="seller"] .panel-recent-table td { display:block!important; min-width:0!important; padding:3px!important; border:0!important; overflow-wrap:anywhere!important; }

  /* Janelas e formulários */
  body[data-app-variant="seller"] .overlay { align-items:flex-end!important; padding:0!important; }
  body[data-app-variant="seller"] .overlay .drawer,
  body[data-app-variant="seller"] .overlay.box .drawer,
  body[data-app-variant="seller"] .modal {
    width:100%!important; max-width:100%!important; max-height:92dvh!important; margin:0!important; padding:20px 14px!important;
    border-radius:18px 18px 0 0!important; overflow-y:auto!important;
  }
  body[data-app-variant="seller"] .drawer-head { margin:-20px -14px 18px!important; padding:16px 14px!important; }
  body[data-app-variant="seller"] :is(.form-grid,.seller-modal-form) { grid-template-columns:1fr!important; min-width:0!important; }
  body[data-app-variant="seller"] :is(input,select,textarea,button) { max-width:100%; }




/* =========================================================
   SDFood Lojista — acabamento mobile final
   Mantém a lógica existente e reorganiza a experiência para toque.
   ========================================================= */

  :root {
    --seller-mobile-red: #e83745;
    --seller-mobile-ink: #17202d;
    --seller-mobile-muted: #718096;
    --seller-mobile-surface: #ffffff;
    --seller-mobile-bg: #f7f8fb;
    --seller-mobile-line: #edf0f4;
    --seller-mobile-radius: 18px;
  }

  html,
  body,
  body[data-app-variant="seller"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    background: var(--seller-mobile-bg) !important;
  }

  body[data-app-variant="seller"] {
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-tap-highlight-color: transparent;
  }

  body[data-app-variant="seller"] .seller-layout,
  body[data-app-variant="seller"] .seller-content,
  body[data-app-variant="seller"] .seller-workspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-layout {
    display: block !important;
    min-height: 100dvh !important;
    padding: 0 !important;
  }

  body[data-app-variant="seller"] .seller-content {
    min-height: 100dvh !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .seller-workspace {
    margin: 0 !important;
    padding: 18px 14px 28px !important;
    overflow: visible !important;
  }

  /* Cabeçalho compacto, sempre disponível enquanto o lojista rola. */
  body[data-app-variant="seller"] .seller-panel-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 80 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-bottom: 1px solid rgba(231, 235, 240, .95) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 3px 18px rgba(31, 41, 55, .06) !important;
    backdrop-filter: blur(12px);
  }

  body[data-app-variant="seller"] .seller-breadcrumb {
    min-width: 0 !important;
    max-width: calc(100vw - 116px) !important;
    overflow: hidden !important;
    color: #8a95a5 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body[data-app-variant="seller"] .seller-breadcrumb strong {
    color: var(--seller-mobile-ink) !important;
    font-weight: 750 !important;
  }

  body[data-app-variant="seller"] .seller-user-cluster {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }

  body[data-app-variant="seller"] .seller-top-notification,
  body[data-app-variant="seller"] .seller-profile-photo-button {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #f7f8fa !important;
    color: #667085 !important;
  }

  body[data-app-variant="seller"] .seller-top-notification svg {
    width: 19px !important;
    height: 19px !important;
  }

  body[data-app-variant="seller"] .seller-profile-photo-button {
    overflow: hidden !important;
    border-radius: 50% !important;
    background: #ffe4e8 !important;
  }

  body[data-app-variant="seller"] .seller-profile-photo-button img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body[data-app-variant="seller"] .seller-user-copy,
  body[data-app-variant="seller"] .seller-profile-caret {
    display: none !important;
  }

  /* Menu inferior: quatro entradas principais com área de toque confortável. */
  body[data-app-variant="seller"] .seller-sidebar {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    display: block !important;
    width: 100% !important;
    height: calc(76px + env(safe-area-inset-bottom)) !important;
    min-height: 76px !important;
    margin: 0 !important;
    padding: 7px 8px env(safe-area-inset-bottom) !important;
    overflow: visible !important;
    border: 0 !important;
    border-top: 1px solid #e7ebf0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 -8px 28px rgba(33, 43, 54, .12) !important;
    backdrop-filter: blur(16px);
  }

  body[data-app-variant="seller"] .seller-sidebar-head,
  body[data-app-variant="seller"] .seller-sidebar-footer,
  body[data-app-variant="seller"] .seller-nav-group-label {
    display: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav {
    display: block !important;
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .seller-nav-group {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 62px !important;
    gap: 4px !important;
  }

  body[data-app-variant="seller"] .seller-nav-group + .seller-nav-group {
    display: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 6px 2px !important;
    gap: 4px !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #8b95a5 !important;
    background: transparent !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button::before {
    display: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button.active {
    color: var(--seller-mobile-red) !important;
    background: #fff0f2 !important;
    font-weight: 750 !important;
    box-shadow: inset 0 0 0 1px rgba(232, 55, 69, .08) !important;
  }

  

  body[data-app-variant="seller"] .seller-sidebar-nav button > span:not(.sv-count) {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    margin: 0 !important;
    color: currentColor !important;
    transform: none !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button.active svg {
    stroke-width: 2 !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
    position: absolute !important;
    top: 2px !important;
    right: calc(50% - 25px) !important;
    display: grid !important;
    place-items: center !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    color: #fff !important;
    background: var(--seller-mobile-red) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  /* Cabeçalhos de cada tela ficam lineares e fáceis de escanear. */
  body[data-app-variant="seller"] :is(
    .seller-overview-head,
    .seller-catalog-header,
    .seller-finance-header,
    .ob-head,
    .seller-section-heading,
    .reports-header,
    .seller-coupons-admin-head
  ) {
    display: flex !important;
    align-items: stretch !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  body[data-app-variant="seller"] :is(
    .seller-overview-actions,
    .seller-catalog-filters,
    .reports-export,
    .seller-catalog-btn-new,
    .seller-finance-action,
    .promotions-new-button
  ) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body[data-app-variant="seller"] :is(
    .seller-overview-title,
    .seller-catalog-title,
    .seller-finance-header h1,
    .reports-heading h1
  ) {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  body[data-app-variant="seller"] :is(
    .seller-overview-subtitle,
    .seller-catalog-subtitle,
    .seller-finance-header > div > p:last-child,
    .reports-heading p
  ) {
    max-width: none !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body[data-app-variant="seller"] .seller-content :is(button, input, select, textarea) {
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-content :is(button, .seller-catalog-btn-new, .seller-finance-action, .promotions-new-button) {
    min-height: 44px !important;
  }

  /* ===================== Pedidos ===================== */
  body[data-app-variant="seller"] .seller-workspace:has(.ob-board),
  body[data-app-variant="seller"] .seller-content:has(.ob-board) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .ob-board,
  body[data-app-variant="seller"] .orders-board {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .ob-head {
    margin: 0 0 14px !important;
  }

  body[data-app-variant="seller"] .ob-copy {
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-app-variant="seller"] .ob-copy h2 {
    font-size: 24px !important;
    line-height: 1.15 !important;
  }

  body[data-app-variant="seller"] .ob-copy p {
    max-width: none !important;
    margin-top: 7px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  body[data-app-variant="seller"] .ob-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  body[data-app-variant="seller"] .ob-search {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(31, 41, 55, .05) !important;
  }

  body[data-app-variant="seller"] .ob-search input {
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    font-size: 16px !important;
  }

  body[data-app-variant="seller"] .ob-search svg {
    flex: 0 0 17px !important;
    width: 17px !important;
    height: 17px !important;
  }

  body[data-app-variant="seller"] .ob-date-picker,
  body[data-app-variant="seller"] .ob-today {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  body[data-app-variant="seller"] .ob-date-picker input {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
  }

  body[data-app-variant="seller"] .ob-today {
    gap: 7px !important;
    font-size: 13px !important;
  }

  body[data-app-variant="seller"] .orders-status-filters {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: calc(100% + 2px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 0 14px !important;
    padding: 3px 1px 9px !important;
    gap: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body[data-app-variant="seller"] .orders-status-filters::-webkit-scrollbar {
    display: none !important;
  }

  body[data-app-variant="seller"] .orders-status-filter,
  body[data-app-variant="seller"] .orders-status-filters .orders-clear-table {
    flex: 0 0 auto !important;
    min-height: 40px !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  body[data-app-variant="seller"] .orders-status-filter b {
    min-width: 21px !important;
    height: 21px !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
  }

  body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban,
  body[data-app-variant="seller"] .ob-kanban.sv-kanban,
  body[data-app-variant="seller"] .seller-content .sv-kanban.ob-kanban:has(> .ob-col:only-child) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 12px 12px !important;
    border-radius: 18px !important;
    overflow: visible !important;
    box-shadow: 0 5px 18px rgba(31, 41, 55, .06) !important;
  }

  body[data-app-variant="seller"] .ob-col > h3.ob-col-head {
    min-height: 32px !important;
    margin-bottom: 5px !important;
  }

  body[data-app-variant="seller"] .ob-col-title {
    font-size: 14px !important;
  }

  body[data-app-variant="seller"] .ob-help {
    min-height: 0 !important;
    margin-bottom: 12px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard,
  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.pickup-order,
  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.delivery-order {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 14px !important;
    border: 1px solid #edf0f4 !important;
    border-left: 4px solid #26a269 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 5px 14px rgba(31, 41, 55, .07) !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.pickup-order {
    border-left-color: var(--seller-mobile-red) !important;
  }

  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col-done .ob-card.sv-kcard {
    border-left-color: #3b82f6 !important;
  }

  body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col-cancelled .ob-card.sv-kcard {
    border-left-color: #aeb6c2 !important;
  }

  body[data-app-variant="seller"] .ob-khead {
    min-height: 24px !important;
  }

  body[data-app-variant="seller"] .ob-card b {
    font-size: 14px !important;
  }

  body[data-app-variant="seller"] .ob-time {
    font-size: 12px !important;
  }

  body[data-app-variant="seller"] .ob-name-row {
    align-items: center !important;
    min-width: 0 !important;
    min-height: 34px !important;
    margin-top: 7px !important;
    gap: 8px !important;
  }

  body[data-app-variant="seller"] .ob-user {
    width: 17px !important;
    height: 17px !important;
    flex: 0 0 17px !important;
  }

  body[data-app-variant="seller"] .ob-name {
    display: -webkit-box !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 52px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--seller-mobile-ink) !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-app-variant="seller"] .ob-chev {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    color: #8994a4 !important;
    background: #f7f8fa !important;
    font-size: 22px !important;
  }

  body[data-app-variant="seller"] .ob-items {
    display: -webkit-box !important;
    margin: 4px 0 12px !important;
    color: #687487 !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  body[data-app-variant="seller"] .ob-row {
    min-height: 40px !important;
    gap: 10px !important;
  }

  body[data-app-variant="seller"] .ob-price {
    font-size: 14px !important;
  }

  body[data-app-variant="seller"] .ob-accept,
  body[data-app-variant="seller"] .ob-card .small-primary,
  body[data-app-variant="seller"] .ob-details-chip {
    min-height: 40px !important;
    height: auto !important;
    padding: 9px 14px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  body[data-app-variant="seller"] .ob-refuse {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 38px !important;
    margin-top: 7px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #9f3140 !important;
    background: #fff1f3 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body[data-app-variant="seller"] .ob-ship {
    gap: 8px !important;
    margin-top: 9px !important;
  }

  body[data-app-variant="seller"] .ob-ship-chip {
    min-height: 38px !important;
    padding: 9px 10px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  body[data-app-variant="seller"] .ob-empty {
    min-height: 150px !important;
    padding: 22px 12px !important;
  }

  body[data-app-variant="seller"] .ob-empty p {
    max-width: 220px !important;
    font-size: 13px !important;
  }

  body[data-app-variant="seller"] .sv-col-toggle {
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    margin-top: 4px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #657087 !important;
    background: rgba(255, 255, 255, .7) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  body[data-app-variant="seller"] .seller-content .sv-kanban-footer {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin-top: 14px !important;
  }

  body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-item,
  body[data-app-variant="seller"] .seller-content .sv-kanban-footer .sv-kf-date {
    display: flex !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 14px !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 4px 15px rgba(33, 48, 66, .05) !important;
  }

  /* Demais telas: uma coluna, sem conteúdo comprimido ou cortado. */
  body[data-app-variant="seller"] :is(
    .panel-metrics,
    .seller-content .sv-cards.sv-metrics,
    .seller-simple-metrics,
    .panel-bottom-grid,
    .seller-shortcut-grid,
    .seller-finance-kpis,
    .seller-finance-summary,
    .reports-grid,
    .report-kpis,
    .seller-catalog-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 12px !important;
  }

  body[data-app-variant="seller"] :is(
    .panel-chart-card,
    .panel-recent-card,
    .panel-bestsellers-card,
    .panel-actions-card,
    .seller-panel,
    .sv-card,
    .report-card,
    .seller-finance-movements,
    .seller-finance-table-wrap,
    .seller-settings-panel,
    .seller-coupons-admin
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-product-card {
    display: grid !important;
    grid-template-columns: 104px minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 112px !important;
    overflow: hidden !important;
  }

  body[data-app-variant="seller"] .seller-product-card-img-wrap {
    width: 104px !important;
    height: 100% !important;
    min-height: 112px !important;
  }

  body[data-app-variant="seller"] .seller-product-card-body,
  body[data-app-variant="seller"] .seller-product-card-info {
    min-width: 0 !important;
    padding: 12px !important;
  }

  body[data-app-variant="seller"] .seller-product-card-name {
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }

  body[data-app-variant="seller"] .panel-table-scroll,
  body[data-app-variant="seller"] .seller-finance-table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body[data-app-variant="seller"] .panel-recent-table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  body[data-app-variant="seller"] .panel-recent-table thead {
    display: none !important;
  }

  body[data-app-variant="seller"] .panel-recent-table tbody {
    display: grid !important;
    gap: 9px !important;
  }

  body[data-app-variant="seller"] .panel-recent-table tr {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 11px !important;
    border-radius: 12px !important;
    background: #fff !important;
  }

  body[data-app-variant="seller"] .panel-recent-table td {
    display: block !important;
    min-width: 0 !important;
    padding: 3px !important;
    overflow-wrap: anywhere !important;
    border: 0 !important;
  }

  /* Formulários e drawers ficam próximos ao polegar e não estouram a viewport. */
  body[data-app-variant="seller"] .overlay {
    align-items: flex-end !important;
    padding: 0 !important;
  }

  body[data-app-variant="seller"] .overlay .drawer,
  body[data-app-variant="seller"] .overlay.box .drawer,
  body[data-app-variant="seller"] .modal {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 92dvh !important;
    margin: 0 !important;
    padding: 20px 14px calc(20px + env(safe-area-inset-bottom)) !important;
    border-radius: 20px 20px 0 0 !important;
    overflow-y: auto !important;
  }

  body[data-app-variant="seller"] .drawer-head {
    position: sticky !important;
    top: -20px !important;
    z-index: 2 !important;
    margin: -20px -14px 18px !important;
    padding: 16px 14px !important;
    background: rgba(255, 255, 255, .96) !important;
    backdrop-filter: blur(10px);
  }

  body[data-app-variant="seller"] .drawer-head .close {
    display: grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
  }

  body[data-app-variant="seller"] :is(.form-grid, .seller-modal-form) {
    grid-template-columns: minmax(0, 1fr) !important;
    min-width: 0 !important;
  }

  body[data-app-variant="seller"] .seller-content :is(input, select, textarea) {
    max-width: 100% !important;
  }


@media (max-width: 390px) {
  body[data-app-variant="seller"] .seller-workspace {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  body[data-app-variant="seller"] .seller-sidebar {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button {
    font-size: 9px !important;
  }

  body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    width: 21px !important;
    height: 21px !important;
    flex-basis: 21px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-app-variant="seller"] *,
  body[data-app-variant="seller"] *::before,
  body[data-app-variant="seller"] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}




  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) {
    padding-top: 14px !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-head {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-copy {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 13px !important;
    padding: 0 !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-copy .seller-eyebrow {
    display: block !important;
    margin: 0 0 5px !important;
    color: #e83745 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-copy h2 {
    display: block !important;
    margin: 0 !important;
    color: #17202d !important;
    font-size: 21px !important;
    font-weight: 780 !important;
    line-height: 1.18 !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-copy p:not(.seller-eyebrow) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 5px 0 0 !important;
    color: #748094 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-tools {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 74px) !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 7px !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-search {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 43px !important;
    height: 43px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-search input {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    font-size: 13px !important;
    line-height: 40px !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-date-picker,
  html body[data-app-variant="seller"] .orders-board .ob-today {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 5px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-date-picker {
    display: grid !important;
    grid-template-columns: 27px minmax(0, 1fr) !important;
    gap: 2px !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-date-picker span {
    display: block !important;
    overflow: hidden !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-date-picker input {
    width: 100% !important;
    min-width: 0 !important;
    height: 35px !important;
    padding: 0 !important;
    font-size: 11px !important;
  }

  html body[data-app-variant="seller"] .orders-board .ob-today {
    gap: 4px !important;
    font-size: 11px !important;
  }

  /* Este é o seletor principal do celular: um quadro por vez. */
  html body[data-app-variant="seller"] .orders-mobile-tabs {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 0 12px !important;
    padding: 4px !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 14px !important;
    background: #eef1f5 !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 0 83px !important;
    min-width: 83px !important;
    min-height: 40px !important;
    height: 40px !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 5px 8px !important;
    border: 0 !important;
    border-radius: 10px !important;
    color: #667085 !important;
    background: transparent !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab.active {
    color: #e83745 !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(31, 41, 55, .12) !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab b {
    display: grid !important;
    place-items: center !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    color: currentColor !important;
    background: rgba(255,255,255,.72) !important;
    font-size: 9px !important;
  }

  html body[data-app-variant="seller"] .orders-status-filters {
    display: none !important;
  }

  html body[data-app-variant="seller"] .orders-kanban.ob-kanban {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* Estado inicial: recebido. Ao tocar no menu, o JS renderiza apenas o status escolhido. */
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 13px 11px 11px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col.ob-col-received:only-child,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col.ob-col-received {
    display: block !important;
  }

  /* Quando a busca/filtro renderiza um status único, ele é o quadro ativo. */
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col:only-child {
    display: block !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-head {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 28px !important;
    margin: 0 0 4px !important;
    gap: 7px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-title {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-count {
    flex: 0 0 auto !important;
    font-size: 11px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-help {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-card {
    margin-bottom: 9px !important;
    padding: 12px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-name-row {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 6px 0 0 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-name {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 44px) !important;
    min-width: 0 !important;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    text-overflow: ellipsis !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-items {
    display: block !important;
    width: 100% !important;
    margin: 4px 0 10px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-accept,
  html body[data-app-variant="seller"] .orders-kanban .ob-refuse,
  html body[data-app-variant="seller"] .orders-kanban .small-primary,
  html body[data-app-variant="seller"] .orders-kanban .ob-details-chip {
    min-height: 38px !important;
    height: auto !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
    display: flex !important;
    width: 100% !important;
    margin-top: 6px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-price {
    flex: 0 0 auto !important;
    font-size: 14px !important;
  }





  /* Menu de quadros: faixa horizontal sem sobreposição de rótulos. */
  html body[data-app-variant="seller"] .orders-mobile-tabs {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 0 12px !important;
    padding: 5px !important;
    gap: 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    box-sizing: border-box !important;
    border-radius: 14px !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tabs::-webkit-scrollbar {
    display: none !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab {
    display: flex !important;
    flex: 0 0 78px !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 5px 6px !important;
    gap: 4px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 10px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab > span {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab > b {
    display: grid !important;
    flex: 0 0 17px !important;
    place-items: center !important;
    width: 17px !important;
    min-width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  /* Espaçamento consistente em todas as telas do lojista. */
  html body[data-app-variant="seller"] .seller-workspace {
    padding: 16px 14px 28px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-panel,
    .sv-card,
    .seller-settings-panel,
    .report-card,
    .seller-finance-movements,
    .seller-finance-table-wrap,
    .seller-catalog-card,
    .seller-product-card,
    .coupon-admin-card,
    .promotion-mode-card,
    .panel-chart-card,
    .panel-recent-card,
    .panel-actions-card
  ) {
    margin-bottom: 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-overview-head,
    .seller-catalog-header,
    .seller-finance-header,
    .reports-header,
    .seller-section-heading,
    .panel-card-head,
    .seller-card-head,
    .ob-head
  ) {
    margin-bottom: 16px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .panel-metrics,
    .sv-cards,
    .seller-catalog-grid,
    .reports-grid,
    .report-kpis,
    .seller-finance-kpis,
    .seller-finance-summary,
    .panel-bottom-grid,
    .seller-shortcut-grid,
    .seller-content .sv-cards.sv-metrics
  ) {
    row-gap: 12px !important;
    column-gap: 12px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    h1, h2, h3, p, .seller-eyebrow, .seller-overview-eyebrow
  ) {
    overflow-wrap: anywhere !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-overview-title,
    .seller-catalog-title,
    .seller-finance-header h1,
    .reports-heading h1
  ) {
    margin-bottom: 6px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-catalog-filters,
    .seller-finance-filters,
    .reports-export,
    .seller-overview-actions
  ) {
    margin-top: 8px !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-catalog-filters input,
    .seller-catalog-filters select,
    .seller-finance-filters input,
    .seller-finance-filters select,
    .seller-content input,
    .seller-content select
  ) {
    min-height: 42px !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
    font-size: 13px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .panel-action-list,
    .seller-settings-list,
    .seller-settings-items,
    .seller-finance-list,
    .seller-list
  ) {
    display: grid !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .panel-action-list button,
    .seller-settings-item,
    .seller-finance-list > *,
    .seller-list > *
  ) {
    min-height: 54px !important;
    padding: 12px 2px !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-new-order,
    .seller-catalog-btn-new,
    .seller-settings-save,
    .seller-finance-action,
    .promotions-new-button,
    .reports-export
  ) {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 11px !important;
  }

  /* No mobile, tabelas ficam em linhas legíveis em vez de estourar a tela. */
  html body[data-app-variant="seller"] .seller-content :is(
    .seller-table-wrap,
    .seller-finance-table-wrap,
    .panel-table-scroll
  ) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    border-radius: 12px !important;
  }


@media (max-width: 360px) {
  html body[data-app-variant="seller"] .orders-mobile-tab {
    flex-basis: 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    max-width: 72px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    font-size: 9px !important;
  }

  html body[data-app-variant="seller"] .seller-workspace {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}




  /* Corrige larguras herdadas do kanban desktop e elimina sobra lateral. */
  html body[data-app-variant="seller"] #main,
  html body[data-app-variant="seller"] .seller-layout,
  html body[data-app-variant="seller"] .seller-content {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-workspace,
  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) {
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .orders-board,
  html body[data-app-variant="seller"] .orders-board.ob-board,
  html body[data-app-variant="seller"] .orders-kanban,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban {
    display: block !important;
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
    min-width: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col.ob-col-received,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col:only-child {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    inline-size: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col .ob-card,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col .ob-empty,
  html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col .sv-col-empty {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tabs,
  html body[data-app-variant="seller"] .orders-board .ob-tools,
  html body[data-app-variant="seller"] .orders-board .ob-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Todas as outras telas também ficam presas à viewport, sem estourar. */
  html body[data-app-variant="seller"] .seller-content > *,
  html body[data-app-variant="seller"] .seller-workspace > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-content :is(
    .seller-panel,
    .sv-card,
    .seller-settings-panel,
    .seller-catalog-view,
    .seller-finance-view,
    .reports-page,
    .promotions-page
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }





  html body[data-app-variant="seller"] .seller-panel-only-orders {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
    margin: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only,
  html body[data-app-variant="seller"] .seller-support-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 15px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head,
  html body[data-app-variant="seller"] .seller-support-panel .seller-actions {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head > div,
  html body[data-app-variant="seller"] .seller-support-panel .seller-actions > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head h2,
  html body[data-app-variant="seller"] .seller-support-panel h2 {
    margin: 2px 0 4px !important;
    color: #17202d !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head p:not(.seller-eyebrow),
  html body[data-app-variant="seller"] .seller-support-panel .upload-note {
    margin: 0 !important;
    color: #758195 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-link {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 7px 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-table-scroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table {
    width: 100% !important;
    table-layout: fixed !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr {
    grid-template-columns: minmax(50px, .7fr) minmax(80px, 1.3fr) auto auto !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table th {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-support-panel .seller-actions {
    display: block !important;
  }

  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #eef1f4 !important;
  }

  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message > div {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message strong,
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message p,
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message .small-outline {
    flex: 0 0 auto !important;
    min-height: 36px !important;
    padding: 7px 10px !important;
    font-size: 11px !important;
  }




/* Uma única superfície de modal: sem caixa/borda/sombra dentro de outra caixa. */
html body[data-app-variant="seller"] #overlay.overlay .drawer,
html body[data-app-variant="seller"] #overlay.overlay .modal,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal,
html body[data-app-variant="seller"] #overlay.overlay .seller-modal {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 18px 55px rgba(15, 23, 42, .18) !important;
}

html body[data-app-variant="seller"] #overlay.overlay .drawer > *,
html body[data-app-variant="seller"] #overlay.overlay .modal > *,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal > *,
html body[data-app-variant="seller"] #overlay.overlay .seller-modal > *,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-shell,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-modal,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-specs,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-spec-item,
html body[data-app-variant="seller"] #overlay.overlay .form-grid,
html body[data-app-variant="seller"] #overlay.overlay .two-col,
html body[data-app-variant="seller"] #overlay.overlay .field,
html body[data-app-variant="seller"] #overlay.overlay .check-row {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body[data-app-variant="seller"] #overlay.overlay .drawer-head {
  border: 0 !important;
  border-bottom: 1px solid #f1f3f6 !important;
  box-shadow: none !important;
}

html body[data-app-variant="seller"] #overlay.overlay .field,
html body[data-app-variant="seller"] #overlay.overlay .two-col,
html body[data-app-variant="seller"] #overlay.overlay .form-grid,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-specs {
  background: transparent !important;
}


  html body[data-app-variant="seller"] .seller-panel-only-orders {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 15px !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 15px rgba(33, 48, 66, .05) !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-head h2 {
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-list {
    display: grid !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-item {
    min-width: 0 !important;
    padding: 11px 0 !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-bestsellers-item:last-child {
    border-bottom: 0 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer,
  html body[data-app-variant="seller"] #overlay.overlay .modal,
  html body[data-app-variant="seller"] #overlay.overlay .sd-modal,
  html body[data-app-variant="seller"] #overlay.overlay .seller-modal {
    border: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    box-shadow: 0 -8px 32px rgba(15, 23, 42, .16) !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer-head {
    margin-bottom: 14px !important;
  }




/* Financeiro: uma hierarquia simples, sem cartões dentro de cartões. */
html body[data-app-variant="seller"] .seller-finance-simple,
html body[data-app-variant="seller"] .seller-finance-simple * {
  border-width: 0 !important;
  outline: 0 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple {
  width: 100% !important;
  min-width: 0 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-header {
  margin-bottom: 16px !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-action {
  min-height: 42px !important;
  padding: 9px 13px !important;
  border: 0 !important;
  border-radius: 10px !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-card {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 116px !important;
  margin: 0 0 14px !important;
  padding: 20px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(33, 48, 66, .06) !important;
  box-sizing: border-box !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-card small,
html body[data-app-variant="seller"] .seller-finance-balance-card strong,
html body[data-app-variant="seller"] .seller-finance-balance-card p {
  display: block !important;
  margin: 0 !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-card small {
  color: #758195 !important;
  font-size: 12px !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-card strong {
  margin-top: 6px !important;
  color: #17202d !important;
  font-size: 28px !important;
  line-height: 1.1 !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-card p {
  margin-top: 5px !important;
  color: #2f9d68 !important;
  font-size: 12px !important;
}

html body[data-app-variant="seller"] .seller-finance-balance-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  color: #e83745 !important;
  background: #fff0f2 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-movements {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(33, 48, 66, .05) !important;
  overflow: hidden !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 16px !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-section-head h2 {
  margin: 0 0 4px !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-section-head p {
  margin: 0 !important;
  color: #758195 !important;
  font-size: 12px !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-statement-button {
  flex: 0 0 auto !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 0 !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  white-space: nowrap !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table-wrap {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px 8px !important;
  box-sizing: border-box !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table {
  width: 100% !important;
  min-width: 0 !important;
  border-collapse: collapse !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table tr {
  border-bottom: 1px solid #f0f2f5 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table tr:last-child {
  border-bottom: 0 !important;
}

html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table th,
html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td {
  padding: 11px 5px !important;
  border: 0 !important;
  vertical-align: middle !important;
}


  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-header {
    gap: 9px !important;
    margin-bottom: 13px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-action {
    align-self: stretch !important;
    width: 100% !important;
  }

  html body[data-app-variant="seller"] .seller-finance-balance-card {
    min-height: 104px !important;
    padding: 16px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-balance-card strong {
    font-size: 24px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-section-head {
    align-items: flex-start !important;
    padding: 14px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-statement-button {
    max-width: 102px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table-wrap {
    overflow-x: auto !important;
    padding: 0 10px 6px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table {
    min-width: 500px !important;
  }





  /* Histórico financeiro mobile: cartões compactos, sem tabela larga. */
  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table-wrap {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    padding: 0 12px 8px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table thead {
    display: none !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 10px 11px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    border: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:first-child {
    grid-column: 1 / -1 !important;
    padding-bottom: 4px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:first-child strong {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: #273244 !important;
    font-size: 12px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:first-child small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: #7a8595 !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:nth-child(2),
  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:nth-child(3) {
    color: #7a8595 !important;
    font-size: 10px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:nth-child(3) {
    justify-self: start !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-table td:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    color: #198754 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-tag {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 20px !important;
    padding: 3px 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-empty {
    margin: 0 12px 12px !important;
    padding: 20px 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    text-align: center !important;
    font-size: 12px !important;
  }





  /* Enquanto qualquer modal estiver aberto, somente o painel pode rolar. */
  html:has(#overlay.overlay.is-open),
  body:has(#overlay.overlay.is-open) {
    overflow: hidden !important;
    overscroll-behavior: none !important;
    touch-action: none !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 5000 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: stretch !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    touch-action: auto !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay > .drawer,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .sd-modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .seller-modal,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .product-lightbox {
    display: flex !important;
    flex-direction: column !important;
    align-self: flex-end !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: max(12px, env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
    border: 0 !important;
    border-radius: 22px 22px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 -10px 35px rgba(15, 23, 42, .18) !important;
    transform: translate3d(0, 100%, 0) !important;
    opacity: 1 !important;
    transition: transform .34s cubic-bezier(.22, 1, .36, 1) !important;
    contain: layout paint !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay > .drawer {
    transform: translate3d(0, 0, 0) !important;
  }

  /* Cabeçalho acompanha o painel; o formulário abaixo é o que rola. */
  body:has(#overlay.overlay.is-open) #overlay.overlay > .drawer > .drawer-head,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .modal > .drawer-head,
  body:has(#overlay.overlay.is-open) #overlay.overlay > .sd-modal > .drawer-head {
    position: sticky !important;
    top: calc(-1 * max(12px, env(safe-area-inset-top))) !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    width: calc(100% + 32px) !important;
    min-height: 56px !important;
    margin: calc(-1 * max(12px, env(safe-area-inset-top))) -16px 16px !important;
    padding: max(12px, env(safe-area-inset-top)) 16px 12px !important;
    box-sizing: border-box !important;
    border: 0 !important;
    border-bottom: 1px solid #eef1f4 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer-head h2 {
    max-width: calc(100% - 52px) !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer-head .close {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f3f5f7 !important;
    font-size: 24px !important;
  }

  /* Remove molduras internas; o drawer é a única superfície visual. */
  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer > :is(.seller-product-view-shell, .seller-product-view-modal, .form-grid, .seller-modal-form, .sd-modal, .settings-card, .two-col),
  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer :is(.field, .check-row, .seller-product-view-specs, .seller-product-view-spec-item, .sd-modal-footer) {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer input,
  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer select,
  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer textarea {
    max-width: 100% !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
  }

  body:has(#overlay.overlay.is-open) #overlay.overlay .drawer button {
    min-height: 42px !important;
  }

  /* Chat: tela cheia sem padding (substituído pelo fullscreen-fix-v2). */
  body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell),
  body:has(#overlay.overlay.is-open) #overlay.overlay.support-chat-overlay {
    align-items: stretch !important;
    justify-content: stretch !important;
    padding: 0 !important;
  }
  body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) > .drawer,
  body:has(#overlay.overlay.is-open) #overlay.overlay.support-chat-overlay > .drawer {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    transform: none !important;
  }





  /* Menu visual: status reconhecido por cor + ícone + contador. */
  html body[data-app-variant="seller"] .orders-mobile-tabs {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 5px !important;
    gap: 5px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    background: #f1f3f6 !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 1fr !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #5f6b7a !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab::after {
    position: absolute !important;
    right: 5px !important;
    bottom: 5px !important;
    left: 5px !important;
    height: 3px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    content: "" !important;
    opacity: .16 !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab.active {
    color: #1f2937 !important;
    background: #fff !important;
    box-shadow: 0 3px 10px rgba(31, 41, 55, .12) !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab.active::after {
    opacity: 1 !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-icon {
    display: grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    min-width: 27px !important;
    border-radius: 9px !important;
    color: currentColor !important;
    background: rgba(255,255,255,.72) !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-icon .ob-ico-box {
    display: grid !important;
    place-items: center !important;
    width: 27px !important;
    height: 27px !important;
    margin: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-icon .ob-ico,
  html body[data-app-variant="seller"] .orders-mobile-tab-icon img {
    display: block !important;
    width: 19px !important;
    height: 19px !important;
    object-fit: contain !important;
    filter: none !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab > b {
    position: absolute !important;
    top: 5px !important;
    right: 5px !important;
    display: grid !important;
    place-items: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 20px !important;
    max-width: none !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 2px solid #fff !important;
    border-radius: 99px !important;
    color: #fff !important;
    background: #8491a3 !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-received { color: #475569 !important; background: #F8FAFC !important; border-color:#E5E7EB !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-received > b { background: #64748B !important; color:#fff !important; border-radius:50% !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-preparing { color: #b77905 !important; background: #fff1c8 !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-preparing > b { background: #b77905 !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-out { color: #148454 !important; background: #dcf8e8 !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-out > b { background: #148454 !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-done { color: #2764bb !important; background: #e1ebff !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-done > b { background: #2764bb !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-cancelled { color: #677384 !important; background: #e9edf2 !important; }
  html body[data-app-variant="seller"] .orders-mobile-tab-cancelled > b { background: #677384 !important; }

  html body[data-app-variant="seller"] .orders-mobile-tab.active .orders-mobile-tab-icon {
    transform: scale(1.08) !important;
  }


@media (max-width: 360px) {
  html body[data-app-variant="seller"] .orders-mobile-tabs {
    gap: 3px !important;
    padding: 4px !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab {
    height: 49px !important;
    min-height: 49px !important;
  }

  html body[data-app-variant="seller"] .orders-mobile-tab-icon,
  html body[data-app-variant="seller"] .orders-mobile-tab-icon .ob-ico-box {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
  }
}




  /* Tickets: a lateral acompanha a cor do quadro, nunca fica verde fixa. */
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard.pickup-order,
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard.delivery-order {
    border: 0 !important;
    border-left: 5px solid #e83745 !important;
    box-shadow: 0 4px 12px rgba(31, 41, 55, .07) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card.sv-kcard {
    border-left-color: #e4aa27 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-out .ob-card.sv-kcard {
    border-left-color: #27a66a !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-done .ob-card.sv-kcard {
    border-left-color: #4b82d8 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-cancelled .ob-card.sv-kcard {
    border-left-color: #9aa5b3 !important;
  }

  /* Ações dimensionadas para o ticket, sem ocupar a linha inteira indevidamente. */
  html body[data-app-variant="seller"] .orders-kanban .ob-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 42px !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-row > .ob-accept,
  html body[data-app-variant="seller"] .orders-kanban .ob-row > .ob-pill,
  html body[data-app-variant="seller"] .orders-kanban .ob-row > .ob-ship-chip,
  html body[data-app-variant="seller"] .orders-kanban .ob-row > .small-primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 86px !important;
    max-width: calc(100% - 82px) !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 7px 12px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-row > .ob-price {
    flex: 0 0 auto !important;
    min-width: 64px !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-accept {
    background: #e83745 !important;
    color: #fff !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .small-primary {
    background: #d69b13 !important;
    color: #fff !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-out .ob-details-chip,
  html body[data-app-variant="seller"] .orders-kanban .ob-col-out .small-primary {
    background: #23945d !important;
    color: #fff !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-done .ob-details-chip {
    background: #4b82d8 !important;
    color: #fff !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
    width: auto !important;
    min-width: 86px !important;
    min-height: 34px !important;
    height: 34px !important;
    margin: 7px 0 0 !important;
    padding: 7px 12px !important;
    font-size: 11px !important;
  }

  /* Painel: status dos últimos pedidos sempre legíveis em qualquer cor. */
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 66px !important;
    min-height: 24px !important;
    padding: 4px 7px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.received {
    color: #a91d35 !important;
    background: #ffd6dc !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.preparing,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.ready {
    color: #8c5e00 !important;
    background: #ffe9b0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.out,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.out-for-delivery,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.delivery,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.delivering {
    color: #087343 !important;
    background: #c6f3d8 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.done,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.completed {
    color: #1e56a2 !important;
    background: #d4e2ff !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status.cancelled {
    color: #5f6875 !important;
    background: #e7ebf0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr {
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 3px 10px rgba(31, 41, 55, .05) !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td {
    color: #273244 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }





  /* Zera a borda herdada e usa uma faixa interna com a cor do quadro. */
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard.pickup-order,
  html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard.delivery-order {
    border: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: inset 5px 0 0 #e83745, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #e4aa27, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-out .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #27a66a, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-done .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #4b82d8, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-cancelled .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #9aa5b3, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  /* Aceitar e recusar: área de toque realmente confortável. */
  html body[data-app-variant="seller"] .orders-kanban .ob-accept {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 14px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 44px !important;
    min-height: 44px !important;
    margin-top: 8px !important;
    padding: 10px 14px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }

  /* Últimos pedidos: nenhum ancestral ou célula pode ficar transparente. */
  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-table-scroll,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tbody,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table th {
    background-color: #fff !important;
    background-image: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only {
    border: 0 !important;
    box-shadow: 0 5px 18px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr {
    min-height: 58px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef1f4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td strong,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td small {
    color: #273244 !important;
    -webkit-text-fill-color: #273244 !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td small {
    color: #718096 !important;
    -webkit-text-fill-color: #718096 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: currentColor !important;
  }





  /* Novos pedidos usa a cor do próprio quadro, sem borda verde. */
  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card.sv-kcard.pickup-order,
  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card.sv-kcard.delivery-order {
    border: 0 !important;
    outline: 0 !important;
    background: #fff1f2 !important;
    box-shadow: inset 5px 0 0 #e83745, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 0 !important;
    margin-top: 10px !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-price {
    grid-row: 1 !important;
    justify-self: end !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #9f3140 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-received-actions {
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-received-actions .ob-accept,
  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-received-actions .ob-refuse {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-received-actions .ob-accept {
    color: #fff !important;
    background: #e83745 !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-received-actions .ob-refuse {
    color: #a92d3e !important;
    background: #ffdfe4 !important;
  }





  /* Remove todas as bordas herdadas de pickup/delivery e usa somente faixa interna. */
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.pickup-order,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.delivery-order,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-out,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-done {
    border: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    outline: 0 !important;
    background: #fff !important;
    box-shadow: inset 5px 0 0 #e83745, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard::before,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #e83745, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.delivery-order,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.pickup-order {
    box-shadow: inset 5px 0 0 #e4aa27, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #27a66a, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #4b82d8, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard {
    box-shadow: inset 5px 0 0 #9aa5b3, 0 4px 12px rgba(31, 41, 55, .08) !important;
  }





  /* Aumento global dos PNGs locais de assets, preservando proporção. */
  html body[data-app-variant="seller"] img[src$=".png"] {
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  /* Ícones de status e tickets. */
  html body[data-app-variant="seller"] .orders-mobile-tab-icon img,
  html body[data-app-variant="seller"] .ob-ico-box > img.ob-ico,
  html body[data-app-variant="seller"] .ob-png-icon {
    width: 21px !important;
    height: 21px !important;
  }

  html body[data-app-variant="seller"] .ob-empty .ob-ico-box > img.ob-ico {
    width: 34px !important;
    height: 34px !important;
  }

  html body[data-app-variant="seller"] .ob-ship-chip > img.ob-mini,
  html body[data-app-variant="seller"] .ob-card .ob-pill > img.ob-mini {
    width: 17px !important;
    height: 17px !important;
  }

  /* Ícones de métricas e cards do Painel. */
  html body[data-app-variant="seller"] .sv-metric-ico > img.sv-metric-png,
  html body[data-app-variant="seller"] .sv-kanban-footer .sv-metric-ico > img.sv-metric-png {
    width: 23px !important;
    height: 23px !important;
  }

  html body[data-app-variant="seller"] .panel-action-art {
    max-width: 170px !important;
    max-height: 130px !important;
    object-fit: contain !important;
  }

  /* Imagens de produtos com mais presença, sem estourar a tela. */
  html body[data-app-variant="seller"] .seller-product-card-img-wrap {
    width: 116px !important;
    min-width: 116px !important;
    min-height: 132px !important;
  }

  html body[data-app-variant="seller"] .seller-product-card-img,
  html body[data-app-variant="seller"] .seller-product-card-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover !important;
  }

  /* Ilustrações e imagens auxiliares dos menus. */
  html body[data-app-variant="seller"] .seller-learning-card img {
    width: 74px !important;
    height: 74px !important;
    min-width: 74px !important;
    min-height: 74px !important;
  }

  html body[data-app-variant="seller"] .seller-flow-art img {
    width: 64px !important;
    height: 64px !important;
  }

  html body[data-app-variant="seller"] .seller-courier-tour-card img {
    min-height: 158px !important;
  }

  html body[data-app-variant="seller"] .seller-profile-photo-button img {
    width: 42px !important;
    height: 42px !important;
  }

  /* Qualquer PNG não categorizado recebe um aumento visual moderado. */
  html body[data-app-variant="seller"] img[src$=".png"]:not(.ob-ico):not(.ob-mini):not(.ob-png-icon):not(.sv-metric-png):not(.seller-product-card-img) {
    transform: scale(1.08) !important;
    transform-origin: center center !important;
  }





  /* PNG central do estado vazio de cada quadro: aproximadamente 3x maior. */
  html body[data-app-variant="seller"] .orders-kanban .ob-empty {
    min-height: 188px !important;
    gap: 12px !important;
    padding: 22px 10px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-empty-mark {
    display: grid !important;
    place-items: center !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 0 0 8px rgba(232, 55, 69, .08) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-ico-box {
    display: grid !important;
    place-items: center !important;
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    background: transparent !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-ico-box > img.ob-png-icon,
  html body[data-app-variant="seller"] .orders-kanban .ob-empty > .ob-empty-mark img.ob-png-icon {
    display: block !important;
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty p {
    max-width: 230px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }





  /* Desfaz o aumento aplicado no PNG central do estado vazio. */
  html body[data-app-variant="seller"] .orders-kanban .ob-empty {
    min-height: 120px !important;
    gap: 8px !important;
    padding: 18px 8px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-empty-mark {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    box-shadow: 0 0 0 6px rgba(232, 55, 69, .06) !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-ico-box {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-empty .ob-ico-box > img.ob-png-icon,
  html body[data-app-variant="seller"] .orders-kanban .ob-empty > .ob-empty-mark img.ob-png-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    min-height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
  }

  /* PNG imediatamente antes do título: aproximadamente 3x maior. */
  html body[data-app-variant="seller"] .orders-kanban .ob-col-head > .ob-ico-box {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin-right: 8px !important;
    border-radius: 13px !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-head > .ob-ico-box > img.ob-png-icon,
  html body[data-app-variant="seller"] .orders-kanban .ob-col-head > .ob-ico-box > img.ob-ico {
    display: block !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    transform: none !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-head {
    min-height: 56px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  html body[data-app-variant="seller"] .orders-kanban .ob-col-title {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }




/* Separação entre os blocos finais do Painel, sem criar bordas extras. */
html body[data-app-variant="seller"] .seller-panel-only-orders + .seller-support-panel {
  margin-top: 20px !important;
}


  html body[data-app-variant="seller"] .seller-panel-only-orders + .seller-support-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 18px !important;
    padding-top: 16px !important;
  }





  /* Data do Painel e data do Quadro: sem moldura/borda. */
  html body[data-app-variant="seller"] .panel-date-picker,
  html body[data-app-variant="seller"] #sellerPanelDate,
  html body[data-app-variant="seller"] .ob-date-picker,
  html body[data-app-variant="seller"] #sellerKanbanDate {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: #f5f6f8 !important;
  }

  /* Últimos pedidos: força contraste em toda a árvore de texto. */
  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-card,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-table-scroll,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tbody,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table th {
    opacity: 1 !important;
    visibility: visible !important;
    color: #253246 !important;
    -webkit-text-fill-color: #253246 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td strong,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td span,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td small,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td:not(:has(.panel-status)) {
    opacity: 1 !important;
    visibility: visible !important;
    color: #253246 !important;
    -webkit-text-fill-color: #253246 !important;
    text-shadow: none !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table td small {
    color: #68778b !important;
    -webkit-text-fill-color: #68778b !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table .panel-status {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: currentColor !important;
    text-shadow: none !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head h2,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-card-head p,
  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-link {
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-table tr {
    background: #fff !important;
    border-bottom: 1px solid #edf0f3 !important;
  }





  /* Somente os pedidos que chegam dos usuários dentro de Últimos pedidos. */
  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr,
  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #17202d !important;
    -webkit-text-fill-color: #17202d !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 2px 8px !important;
    min-height: 64px !important;
    margin: 0 0 8px !important;
    padding: 10px 11px !important;
    border: 1px solid #edf0f3 !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 10px rgba(31, 41, 55, .08) !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr:last-child {
    margin-bottom: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td {
    display: block !important;
    padding: 2px 3px !important;
    border: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td:first-child {
    grid-column: 1 / -1 !important;
    font-weight: 800 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td:nth-child(2) {
    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td:nth-child(3) {
    grid-column: 1 !important;
    color: #718096 !important;
    -webkit-text-fill-color: #718096 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    color: #17202d !important;
    -webkit-text-fill-color: #17202d !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td:nth-child(5) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr td strong {
    display: inline !important;
    color: #17202d !important;
    -webkit-text-fill-color: #17202d !important;
    opacity: 1 !important;
  }

  html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only .panel-recent-table tbody tr .panel-status {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-text-fill-color: currentColor !important;
  }




/* Painel simplificado: remove somente Últimos pedidos. */
html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only,
html body[data-app-variant="seller"] .seller-panel-only-orders .panel-recent-card {
  display: none !important;
}

html body[data-app-variant="seller"] .seller-panel-only-orders {
  gap: 14px !important;
}




  /* Produtos: imagem inteira no topo, conteúdo abaixo — não apenas uma faixa lateral. */
  html body[data-app-variant="seller"] .seller-catalog-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(31, 41, 55, .07) !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img-wrap {
    display: grid !important;
    place-items: center !important;
    width: 100% !important;
    height: 210px !important;
    min-width: 0 !important;
    min-height: 210px !important;
    max-height: 210px !important;
    margin: 0 !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    border-radius: 16px 16px 0 0 !important;
    background: #f7f8fa !important;
    overflow: hidden !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img,
  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 11px !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-body,
  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-info {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-category,
  html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-price {
    display: block !important;
    margin-top: 5px !important;
  }




/* Card de produto inteiro delimitado e destacado (mobile e desktop) */
html body[data-app-variant="seller"] .seller-product-card,
html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card {
  display: flex !important;
  flex-direction: column !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.06) !important;
  overflow: hidden !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}



html body[data-app-variant="seller"] .seller-product-card-img-wrap,
html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img-wrap {
  background: #f8f9fa !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 1px solid #f1f3f5 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 10px !important;
}

html body[data-app-variant="seller"] .seller-product-card-img,
html body[data-app-variant="seller"] .seller-product-card-img-wrap img,
html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img,
html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-img-wrap img {
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  object-fit: contain !important;
}

html body[data-app-variant="seller"] .seller-product-card-body,
html body[data-app-variant="seller"] .seller-catalog-grid .seller-product-card .seller-product-card-body {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px !important;
}




  /* Menu inferior com cinco destinos, incluindo Configurações. */
  html body[data-app-variant="seller"] .seller-sidebar-nav {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 3px !important;
    padding: 5px 6px calc(5px + env(safe-area-inset-bottom)) !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button {
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 6px 2px !important;
    border-radius: 12px !important;
    gap: 3px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  html body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    width: 21px !important;
    height: 21px !important;
    flex: 0 0 21px !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button > span:not(.sv-count) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  /* Configurações compactada, espaçada e sem painéis gigantes. */
  html body[data-app-variant="seller"] .seller-settings-view {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin: 0 0 14px !important;
  }

  html body[data-app-variant="seller"] .seller-settings-heading {
    margin: 2px 0 4px !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-subtitle {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-save {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-settings-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-panel {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(31, 41, 55, .06) !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-settings-panel h2 {
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-item {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #f0f2f5 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-item:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-item:first-of-type {
    padding-top: 5px !important;
  }

  html body[data-app-variant="seller"] .seller-settings-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-copy strong,
  html body[data-app-variant="seller"] .seller-settings-copy small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body[data-app-variant="seller"] .seller-settings-copy strong {
    color: #263244 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  html body[data-app-variant="seller"] .seller-settings-copy small {
    margin-top: 3px !important;
    color: #758195 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  html body[data-app-variant="seller"] .seller-settings-action {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-size: 10px !important;
  }

  html body[data-app-variant="seller"] .seller-settings-brand-row {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    gap: 9px !important;
  }

  html body[data-app-variant="seller"] .seller-settings-brand-row .seller-store-logo {
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    border: 0 !important;
    border-radius: 11px !important;
    object-fit: cover !important;
  }

  html body[data-app-variant="seller"] .seller-settings-switch {
    flex: 0 0 auto !important;
  }





  /* O topo fixo não pode cobrir a palavra OPERAÇÃO. */
  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) {
    padding-top: 24px !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) .orders-board,
  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) .ob-board {
    position: relative !important;
    z-index: 1 !important;
    margin-top: 6px !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) .ob-head,
  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) .ob-copy {
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) .ob-copy .seller-eyebrow {
    display: block !important;
    position: relative !important;
    z-index: 3 !important;
    height: auto !important;
    min-height: 16px !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    overflow: visible !important;
    clip: auto !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-panel-topbar {
    z-index: 50 !important;
  }





  /* Rodapé volta ao menu original de quatro abas. */
  html body[data-app-variant="seller"] .seller-sidebar-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }




/* Menu normal restaurado: Configurações não aparece na navegação do lojista. */

  html body[data-app-variant="seller"] .seller-sidebar-nav {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }





  /* O grupo interno é o verdadeiro container dos quatro botões. */
  html body[data-app-variant="seller"] .seller-sidebar-nav {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 4px 6px calc(4px + env(safe-area-inset-bottom)) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-group {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-group-label {
    display: none !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 5px 2px !important;
    gap: 3px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
    transform: none !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    text-align: center !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button::before {
    display: none !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button svg,
  html body[data-app-variant="seller"] .seller-sidebar-nav button .seller-nav-png-icon {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    min-width: 21px !important;
    min-height: 21px !important;
    flex: 0 0 21px !important;
    margin: 0 auto !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav button > span:not(.sv-count) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-sidebar-nav .sv-count {
    position: absolute !important;
    top: 3px !important;
    right: 3px !important;
    display: grid !important;
    place-items: center !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }





  /* Histórico da pessoa/pedido: abandona completamente a tabela desktop. */
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-movements,
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table-wrap,
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table,
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table-wrap {
    padding: 0 12px 12px !important;
    margin: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table {
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table thead {
    display: none !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody {
    display: grid !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 2px 4px !important;
    border: 0 !important;
    overflow: hidden !important;
    color: #273244 !important;
    -webkit-text-fill-color: #273244 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td:nth-child(2) {
    grid-column: 1 !important;
    grid-row: 2 !important;
    color: #778397 !important;
    -webkit-text-fill-color: #778397 !important;
    font-size: 10px !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    color: #168052 !important;
    -webkit-text-fill-color: #168052 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td strong {
    display: block !important;
    max-width: 100% !important;
    color: #273244 !important;
    -webkit-text-fill-color: #273244 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-table tbody td small {
    display: block !important;
    max-width: 100% !important;
    margin-top: 3px !important;
    color: #778397 !important;
    -webkit-text-fill-color: #778397 !important;
    font-size: 10px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-tag {
    display: inline-flex !important;
    min-height: 20px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }





  /* Histórico de saques dentro do modal Retirada. */
  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table,
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 0 !important;
    overflow: visible !important;
    table-layout: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table thead,
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table thead {
    display: none !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody,
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody tr,
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td,
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody td {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 3px 4px !important;
    border: 0 !important;
    overflow: hidden !important;
    color: #273244 !important;
    -webkit-text-fill-color: #273244 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(1),
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    color: #17202d !important;
    -webkit-text-fill-color: #17202d !important;
    font-size: 16px !important;
    font-weight: 850 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(2),
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody td:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    max-width: 170px !important;
    color: #718096 !important;
    -webkit-text-fill-color: #718096 !important;
    font-size: 10px !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(3),
  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table tbody td:nth-child(3) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table .status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 4px 8px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table .status.pending {
    color: #8c5e00 !important;
    background: #ffe9b0 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table .status.paid {
    color: #087343 !important;
    background: #c6f3d8 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer .seller-table .status.cancelled {
    color: #5f6875 !important;
    background: #e7ebf0 !important;
  }





  /* Versão mais compacta do histórico de saques. */
  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 {
    margin: 12px 0 4px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table {
    margin-top: 4px !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody {
    gap: 5px !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody tr {
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    grid-template-rows: 22px 18px !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 9px !important;
    align-items: center !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td {
    padding: 0 3px !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(2) small {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: end !important;
    padding-left: 2px !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table .status {
    min-height: 18px !important;
    padding: 3px 5px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }




/* Animação leve em estilo Alegria/Corporate Memphis, sem vídeo externo. */
.panel-bestsellers-alegria {
  display: inline-grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.panel-bestsellers-alegria svg {
  overflow: visible !important;
  transform-origin: 50% 70% !important;
  animation: sdfood-alegria-breathe 1.8s ease-in-out infinite !important;
}

.panel-bestsellers-alegria .alegria-flame-core {
  transform-origin: 26px 30px;
  animation: sdfood-alegria-bounce 1.8s ease-in-out infinite;
}

.panel-bestsellers-alegria .alegria-sparkles {
  transform-origin: 24px 20px;
  animation: sdfood-alegria-spark 1.8s ease-in-out infinite;
}

.panel-bestsellers-alegria .alegria-smile {
  stroke-dasharray: 13;
  stroke-dashoffset: 13;
  animation: sdfood-alegria-smile 1.8s ease-in-out infinite;
}

@keyframes sdfood-alegria-breathe {
  0%, 100% { transform: scale(1) rotate(-2deg); }
  50% { transform: scale(1.08) rotate(2deg); }
}

@keyframes sdfood-alegria-bounce {
  0%, 100% { transform: translateY(1px); }
  50% { transform: translateY(-2px); }
}

@keyframes sdfood-alegria-spark {
  0%, 100% { opacity: .7; transform: rotate(-8deg) scale(.9); }
  50% { opacity: 1; transform: rotate(8deg) scale(1.12); }
}

@keyframes sdfood-alegria-smile {
  0%, 35% { stroke-dashoffset: 13; }
  55%, 100% { stroke-dashoffset: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .panel-bestsellers-alegria svg,
  .panel-bestsellers-alegria .alegria-flame-core,
  .panel-bestsellers-alegria .alegria-sparkles,
  .panel-bestsellers-alegria .alegria-smile { animation: none !important; }
}




  /* Desempenho mobile: sem animações contínuas, transições longas ou transforms durante a navegação. */
  html body[data-app-variant="seller"],
  html body[data-app-variant="seller"] * {
    animation: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    transition: none !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }

  /* Evita custo de pintura desnecessário em sombras e filtros decorativos. */
  html body[data-app-variant="seller"] .panel-bestsellers-alegria,
  html body[data-app-variant="seller"] .panel-bestsellers-alegria svg,
  html body[data-app-variant="seller"] .seller-sidebar-nav button,
  html body[data-app-variant="seller"] .seller-content button {
    filter: none !important;
  }

  /* A troca de aba é instantânea e não cria deslocamento lateral. */
  html body[data-app-variant="seller"] .seller-content,
  html body[data-app-variant="seller"] .seller-workspace,
  html body[data-app-variant="seller"] .seller-sidebar-nav {
    transform: none !important;
    will-change: auto !important;
  }

  html body[data-app-variant="seller"] .panel-bestsellers-alegria svg {
    transform: none !important;
    opacity: 1 !important;
  }





  /* Histórico de saques: três áreas independentes, sem valor colado no status. */
  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody tr {
    display: grid !important;
    grid-template-columns: minmax(68px, 78px) minmax(0, 1fr) minmax(66px, 76px) !important;
    grid-template-rows: 1fr !important;
    column-gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 5px 8px !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 3px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    align-self: center !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    color: #17202d !important;
    -webkit-text-fill-color: #17202d !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    align-self: center !important;
    font-size: 9px !important;
    color: #718096 !important;
    -webkit-text-fill-color: #718096 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(2) small {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table tbody td:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    justify-self: stretch !important;
    align-self: center !important;
    overflow: visible !important;
  }

  html body[data-app-variant="seller"] #overlay.overlay .drawer #withdrawForm ~ h3 + .seller-table .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 4px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
  }




/* Logo compacta acima do formulário de login. */
#overlay.overlay .drawer.login .auth-brand-top,
#overlay.overlay.login .auth-brand-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 50px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

#overlay.overlay .drawer.login .auth-brand-logo,
#overlay.overlay.login .auth-brand-logo {
  display: block !important;
  width: 72px !important;
  height: 72px !important;
  max-width: 72px !important;
  max-height: 72px !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}


  #overlay.overlay .drawer.login .auth-brand-top,
  #overlay.overlay.login .auth-brand-top {
    min-height: 44px !important;
    margin-bottom: 5px !important;
  }

  #overlay.overlay .drawer.login .auth-brand-logo,
  #overlay.overlay.login .auth-brand-logo {
    width: 58px !important;
    height: 58px !important;
    max-width: 58px !important;
    max-height: 58px !important;
    border-radius: 11px !important;
  }




/* O modo login é uma classe do #overlay, não do drawer. */
#overlay.overlay.login .drawer {
  overflow-x: hidden !important;
}

#overlay.overlay.login .drawer .auth-brand-top {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  overflow: visible !important;
}

#overlay.overlay.login .drawer .auth-brand-logo {
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  max-height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}


  #overlay.overlay.login .drawer .auth-brand-top {
    height: 52px !important;
    min-height: 52px !important;
    margin-bottom: 5px !important;
  }

  #overlay.overlay.login .drawer .auth-brand-logo {
    width: 52px !important;
    height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }

  /* Reativa somente o foguinho, com movimento curto e econômico. */
  html body[data-app-variant="seller"] .panel-bestsellers-alegria svg {
    animation: sdfood-alegria-soft 2.8s ease-in-out infinite !important;
    transform-origin: 50% 70% !important;
  }

  html body[data-app-variant="seller"] .panel-bestsellers-alegria .alegria-flame-core,
  html body[data-app-variant="seller"] .panel-bestsellers-alegria .alegria-sparkles,
  html body[data-app-variant="seller"] .panel-bestsellers-alegria .alegria-smile {
    animation: none !important;
  }

  @keyframes sdfood-alegria-soft {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.04); }
  }




/* Logo direta, acima de Acessar sua conta/Entrar, nos dois acessos mobile. */
#overlay.overlay.login .drawer .auth-brand-top,
html body[data-app-variant="seller"] .seller-access-gate .seller-gate-brand-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  text-align: center !important;
  overflow: visible !important;
}

#overlay.overlay.login .drawer .auth-brand-logo,
html body[data-app-variant="seller"] .seller-access-gate .seller-gate-brand-image {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  max-height: 64px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}


  #overlay.overlay.login .drawer .auth-brand-logo,
  html body[data-app-variant="seller"] .seller-access-gate .seller-gate-brand-image {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
  }




/* Logo flutuante fora do card branco, acima do modal de login. */
#overlay.overlay.login {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}

#overlay.overlay.login .auth-logo-floating {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  width: 68px !important;
  height: 68px !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 3 !important;
}

#overlay.overlay.login .auth-logo-floating img {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  object-fit: contain !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#overlay.overlay.login > .drawer {
  flex: 0 1 auto !important;
  margin: 0 !important;
}


  #overlay.overlay.login {
    gap: 7px !important;
    padding: 10px !important;
  }

  #overlay.overlay.login .auth-logo-floating,
  #overlay.overlay.login .auth-logo-floating img {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    border-radius: 11px !important;
  }




html body[data-app-variant="seller"]:has(.seller-access-stage) #main {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body[data-app-variant="seller"] .seller-access-stage {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 100% !important;
  gap: 10px !important;
  padding: 18px 14px !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-gate-brand-outside {
  display: block !important;
  width: 68px !important;
  height: 68px !important;
  max-width: 68px !important;
  max-height: 68px !important;
  margin: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  flex: 0 0 auto !important;
}
html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
  flex: 0 1 auto !important;
  margin: 0 !important;
}

  html body[data-app-variant="seller"] .seller-access-stage {
    gap: 7px !important;
    padding: 10px !important;
  }
  html body[data-app-variant="seller"] .seller-gate-brand-outside {
    width: 54px !important;
    height: 54px !important;
    max-width: 54px !important;
    max-height: 54px !important;
    border-radius: 11px !important;
  }




/* =========================================================
   SDFood — padrão final para fechar janelas e mensagens
   Mantém a estrutura e a lógica existentes; apenas normaliza
   espaçamento, tamanho, alinhamento e camada visual.
   ========================================================= */
.drawer-head {
  align-items: center !important;
  gap: 16px !important;
}

.drawer-head > :first-child:not(.close) {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

.close,
#overlay.overlay .close,
body[data-app-variant="seller"] .close {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  align-self: center !important;
  transform: none !important;
}



#toast.toast {
  position: fixed !important;
  top: max(18px, calc(env(safe-area-inset-top) + 12px)) !important;
  right: auto !important;
  bottom: auto !important;
  left: 50% !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(90vw, 420px) !important;
  min-height: 54px !important;
  margin: 0 !important;
  padding: 15px 22px !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 14px !important;
  background: #242832 !important;
  box-shadow: 0 18px 48px rgba(15, 23, 42, .28) !important;
  color: #fff !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, calc(-100% - 18px)) !important;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease !important;
}

#toast.toast.show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, 0) !important;
}


  .drawer-head {
    gap: 14px !important;
  }

  .close,
  #overlay.overlay .close,
  body[data-app-variant="seller"] .close {
    flex-basis: 40px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }

  #toast.toast {
    width: min(88vw, 380px) !important;
    min-height: 56px !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
  }




/* Notificações: ações no mesmo padrão dos demais modais. */
html body #overlay.overlay .notifications-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: -4px 0 2px !important;
}
html body #overlay.overlay .notifications-actions button {
  min-height: 36px !important;
  padding: 8px 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html body #overlay.overlay #notificationsBody {
  display: grid !important;
  gap: 10px !important;
}

  html body #overlay.overlay .notifications-actions {
    justify-content: stretch !important;
  }
  html body #overlay.overlay .notifications-actions button {
    flex: 1 1 140px !important;
  }




/* Padrão dos X de produto e edição: respiro, alinhamento e distância da borda. */
html body #overlay.overlay .drawer-head,
html body #overlay.overlay .product-lightbox .drawer-head,
html body #overlay.overlay .sd-launch-modal .drawer-head,
html body #overlay.overlay .seller-product-view-modal .drawer-head {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 16px !important;
  padding-right: 8px !important;
}

html body #overlay.overlay .drawer-head h2,
html body #overlay.overlay .product-lightbox .drawer-head h2,
html body #overlay.overlay .sd-launch-modal .drawer-head h2,
html body #overlay.overlay .seller-product-view-modal .drawer-head h2 {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin-right: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body #overlay.overlay .drawer-head > .close,
html body #overlay.overlay .product-lightbox .drawer-head > .close,
html body #overlay.overlay .sd-launch-modal .drawer-head > .close,
html body #overlay.overlay .seller-product-view-modal .drawer-head > .close {
  position: relative !important;
  inset: auto !important;
  display: inline-grid !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  align-self: center !important;
  transform: none !important;
}


  html body #overlay.overlay .drawer-head,
  html body #overlay.overlay .product-lightbox .drawer-head,
  html body #overlay.overlay .sd-launch-modal .drawer-head,
  html body #overlay.overlay .seller-product-view-modal .drawer-head {
    gap: 14px !important;
    padding-right: 4px !important;
  }




/* Informações do Produto: mesmo padrão de respiro do editor. */
html body #overlay.overlay .seller-product-view-shell > .drawer-head {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 18px 20px 14px !important;
  box-sizing: border-box !important;
}
html body #overlay.overlay .seller-product-view-shell > .drawer-head h2 {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  margin: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body #overlay.overlay .seller-product-view-shell > .drawer-head > .close {
  position: relative !important;
  inset: auto !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  align-self: center !important;
  transform: none !important;
}

  html body #overlay.overlay .seller-product-view-shell > .drawer-head {
    gap: 14px !important;
    padding: 16px 16px 12px !important;
  }




/* Navegação inferior: troca instantânea, sem animações ou deslocamentos. */

  html body[data-app-variant="seller"] .seller-sidebar-nav,
  html body[data-app-variant="seller"] .seller-sidebar-nav *,
  html body[data-app-variant="seller"] .seller-content,
  html body[data-app-variant="seller"] .seller-workspace,
  html body[data-app-variant="seller"] #main {
    animation: none !important;
    transition: none !important;
    transition-property: none !important;
    transform: none !important;
    scroll-behavior: auto !important;
    will-change: auto !important;
  }
  




/* Pedidos: rótulo e data com a mesma escala visual dentro do fundo cinza. */

  html body[data-app-variant="seller"] .orders-board .ob-date-picker {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: initial !important;
    gap: 8px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 10px !important;
    background: #f5f6f8 !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > span {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: #667085 !important;
    font: 700 13px/1 !important;
    letter-spacing: 0 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > input,
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > input[type="date"] {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #344054 !important;
    font: 700 13px/38px "Outfit", sans-serif !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    color-scheme: light !important;
  }




/* Pedidos: faixa cinza única e reta para rótulo + data. */

  html body[data-app-variant="seller"] .orders-board .ob-date-picker {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #f5f6f8 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > span,
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > input,
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > input[type="date"] {
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > span {
    flex: 0 0 auto !important;
    line-height: 40px !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-date-picker > input[type="date"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    line-height: 40px !important;
  }




/* Pedidos: afasta OPERAÇÃO da borda branca superior do cartão. */

  html body[data-app-variant="seller"] .orders-board .ob-head {
    width: 100% !important;
    margin: 0 0 13px !important;
    padding: 8px 8px 0 !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] .orders-board .ob-copy .seller-eyebrow {
    margin-top: 0 !important;
  }




html body[data-app-variant="seller"] .seller-danger-panel { border-color: #f0d5d8 !important; }
html body[data-app-variant="seller"] .seller-danger-item { border-bottom: 0 !important; }
html body[data-app-variant="seller"] .seller-danger-item strong { color: #b42318 !important; }
html body[data-app-variant="seller"] .seller-delete-account,
html body[data-app-variant="seller"] .seller-delete-confirm { border-color: #e8b4b9 !important; color: #b42318 !important; background: #fff !important; }

html body[data-app-variant="seller"] .seller-delete-confirm { min-height: 42px !important; padding: 0 16px !important; border: 1px solid #e8b4b9 !important; border-radius: 10px !important; font-weight: 700 !important; cursor: pointer !important; }
html body[data-app-variant="seller"] .seller-delete-confirm:disabled { opacity: .55 !important; cursor: wait !important; }
html body[data-app-variant="seller"] .seller-delete-warning { margin: 0 0 14px; padding: 14px; border: 1px solid #f0d5d8; background: #fffafa; color: #5f2a30; font-size: 13px; line-height: 1.5; }
html body[data-app-variant="seller"] .seller-delete-warning p { margin: 0 0 9px; }
html body[data-app-variant="seller"] .seller-delete-warning p:last-child { margin-bottom: 0; }



/* Login mobile: o cartão nunca fica cortado; a página pode rolar somente se a altura for insuficiente. */

  html, body { width:100% !important; min-width:0 !important; min-height:100% !important; height:auto !important; overflow-x:hidden !important; overflow-y:auto !important; }
  html body[data-app-variant="seller"]:has(.seller-access-stage) { min-height:100dvh !important; height:auto !important; overflow-y:auto !important; }
  html body[data-app-variant="seller"]:has(.seller-access-stage) #main { display:block !important; width:100% !important; min-height:100dvh !important; height:auto !important; max-height:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; }
  html body[data-app-variant="seller"] .seller-access-stage { display:flex !important; align-items:center !important; justify-content:flex-start !important; width:100% !important; min-height:100dvh !important; height:auto !important; max-height:none !important; padding:24px 14px 32px !important; gap:10px !important; overflow:visible !important; }
  html body[data-app-variant="seller"] .seller-gate-brand-outside { flex:0 0 auto !important; width:52px !important; height:52px !important; max-width:52px !important; max-height:52px !important; }
  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate { flex:0 0 auto !important; width:min(440px,calc(100vw - 28px)) !important; max-width:calc(100vw - 28px) !important; height:auto !important; min-height:0 !important; max-height:none !important; margin:0 !important; padding:26px 22px 24px !important; overflow:visible !important; }
  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate .form-grid { min-height:0 !important; height:auto !important; }

@media screen and (max-width:380px) {
  html body[data-app-variant="seller"] .seller-access-stage { padding:16px 10px 24px !important; }
  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate { width:calc(100vw - 20px) !important; max-width:calc(100vw - 20px) !important; padding:22px 17px 20px !important; }
}



/* Apenas no celular: exibe a arte inteira, sem o zoom/corte causado por cover. */

  html body[data-app-variant="seller"]:has(.seller-access-stage) #main,
  html body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #f4f4f4 !important;
  }




/* Mobile: fundo inteiro ocupando a viewport, sem corte, repetição ou scroll. */

  html,
  body,
  html body[data-app-variant="seller"]:has(.seller-access-stage),
  html body[data-app-variant="seller"]:has(.seller-access-gate) {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  html body[data-app-variant="seller"]:has(.seller-access-stage) #main,
  html body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  html body[data-app-variant="seller"] .seller-access-stage {
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: 16px 12px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
    max-height: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    transform: none !important;
    zoom: 1 !important;
  }

  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate input,
  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate button {
    font-size: 16px !important;
  }




/* Apenas mobile: desce a logo e aproxima-a do cartão de login. */

  html body[data-app-variant="seller"] .seller-access-stage {
    gap: 2px !important;
  }
  html body[data-app-variant="seller"] .seller-gate-brand-outside {
    position: relative !important;
    top: 96px !important;
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
    max-height: 76px !important;
  }




/* Mobile: mantém o modal centralizado e posiciona a logo sem alterar o lugar do cartão. */

  html body[data-app-variant="seller"]:has(.seller-access-stage) #main {
    display: block !important;
    position: relative !important;
  }
  html body[data-app-variant="seller"] .seller-access-stage {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100dvh !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  html body[data-app-variant="seller"] .seller-access-stage .seller-access-gate {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: min(440px, calc(100vw - 28px)) !important;
    max-width: calc(100vw - 28px) !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
    overflow: visible !important;
  }
  html body[data-app-variant="seller"] .seller-gate-brand-outside {
    position: absolute !important;
    left: calc(50% - 40px) !important;
    top: calc(50% - 300px) !important;
    width: 76px !important;
    height: 76px !important;
    max-width: 76px !important;
    max-height: 76px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
  }




/* O painel autenticado precisa crescer com o conteúdo e rolar no documento. */
html,
body {
  min-height: 100% !important;
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-gate)),
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) #main,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-layout,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-content,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-workspace {
  height: auto !important;
  max-height: none !important;
  min-height: 100vh !important;
  overflow-y: visible !important;
}

html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) #main,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-layout,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-content,
html body[data-app-variant="seller"]:not(:has(.seller-access-gate)) .seller-workspace {
  overflow-x: hidden !important;
}



/* Gráfico semanal de vendas: simples, legível e otimizado para telas pequenas. */
html body[data-app-variant="seller"] .seller-sales-line-chart {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 17px 16px 12px !important;
  border: 1px solid #e7eaee !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 4px 18px rgba(32, 33, 36, .04) !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head h2 {
  margin: 2px 0 3px !important;
  color: #1e293b !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head p:not(.seller-eyebrow) {
  margin: 0 !important;
  color: #8a919c !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-period {
  flex: 0 0 auto !important;
  padding-top: 3px !important;
  color: #8a919c !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-legend {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 13px 0 2px !important;
  color: #687383 !important;
  font-size: 10px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-legend span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
}
html body[data-app-variant="seller"] .seller-sales-legend-dot {
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
}
html body[data-app-variant="seller"] .seller-sales-legend-dot.completed { background: #e83745 !important; }
html body[data-app-variant="seller"] .seller-sales-legend-dot.pending { background: #aeb8c5 !important; }
html body[data-app-variant="seller"] .seller-sales-line-chart-svg {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 150px !important;
  overflow: visible !important;
}
html body[data-app-variant="seller"] .seller-sales-grid-line {
  stroke: #edf0f3 !important;
  stroke-width: 1 !important;
}
html body[data-app-variant="seller"] .seller-sales-line {
  fill: none !important;
  stroke-width: 2.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body[data-app-variant="seller"] .seller-sales-line.completed { stroke: #e83745 !important; }
html body[data-app-variant="seller"] .seller-sales-line.pending { stroke: #aeb8c5 !important; }
html body[data-app-variant="seller"] .seller-sales-dot {
  stroke: #fff !important;
  stroke-width: 1.5 !important;
}
html body[data-app-variant="seller"] .seller-sales-dot.completed { fill: #e83745 !important; }
html body[data-app-variant="seller"] .seller-sales-dot.pending { fill: #aeb8c5 !important; }
html body[data-app-variant="seller"] .seller-sales-line-chart-svg text {
  fill: #929aa5 !important;
  font: 10px "Outfit", sans-serif !important;
}
@media (max-width: 390px) {
  html body[data-app-variant="seller"] .seller-sales-line-chart { padding-inline: 12px !important; }
  html body[data-app-variant="seller"] .seller-sales-chart-period { display: none !important; }
}



/* O gráfico segue o painel sem moldura própria. */
html body[data-app-variant="seller"] .seller-sales-line-chart {
  border: 0 !important;
  box-shadow: none !important;
}

/* Atendimento: mensagens completas, sem reticências ou altura presa. */
html body[data-app-variant="seller"] .seller-support-panel,
html body[data-app-variant="seller"] .seller-support-panel .seller-support-message {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

  html body[data-app-variant="seller"] .seller-support-panel {
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message > div {
    min-width: 0 !important;
    overflow: visible !important;
  }
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message strong,
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message p,
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message small {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  html body[data-app-variant="seller"] .seller-support-panel .seller-support-message .small-outline {
    align-self: flex-start !important;
    margin-left: auto !important;
  }

  /* Conversa aberta: cabeçalho, mensagens e campo de envio ficam inteiros. */
  html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) > .drawer {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-shell {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-messages {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    white-space: normal !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-compose {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }




/* Editor de lançamento: X com o mesmo tamanho, área de toque e alinhamento dos demais modais. */
html body #overlay.overlay .sd-launch-modal > .drawer-head > .close {
  position: relative !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f5f6f8 !important;
  color: #667085 !important;
  font: 400 25px/1 "Outfit", sans-serif !important;
  line-height: 40px !important;
  text-align: center !important;
  transform: none !important;
  box-shadow: none !important;
}


/* Atendimento do pedido: a janela não recebe moldura externa. */
html body #overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) > .drawer {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}



/* Regra final: o X do editor usa exatamente o padrão global dos demais modais. */
html body #overlay.overlay .sd-launch-modal .drawer-head button.close,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .drawer-head button.close {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: center !important;
  align-self: center !important;
  transform: none !important;
  box-shadow: none !important;
}


/* Atendimento: remove a moldura do card, do drawer e do shell da conversa. */
html body[data-app-variant="seller"] .seller-support-panel,
html body #overlay.overlay:has(.support-chat-shell) > .drawer,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-shell {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}



/* Informações do Produto: remove a moldura em qualquer estado do overlay. */
html body #overlay.overlay .drawer:has(.seller-product-view-shell),
html body[data-app-variant="seller"] #overlay.overlay .drawer:has(.seller-product-view-shell),
html body #overlay.overlay .seller-product-view-shell,
html body #overlay.overlay .seller-product-view-modal {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
}
html body #overlay.overlay .seller-product-view-shell > .drawer-head,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-shell > .drawer-head {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

/* X de Informações do Produto igual ao padrão global dos demais modais. */
html body #overlay.overlay .seller-product-view-shell > .drawer-head > button.close,
html body[data-app-variant="seller"] #overlay.overlay .seller-product-view-shell > .drawer-head > button.close {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font: 400 24px/1 "Outfit", sans-serif !important;
  text-align: center !important;
  align-self: center !important;
  transform: none !important;
  box-shadow: none !important;
}




/* Painel Produtos: o modal real é filho direto de #overlay > .drawer. */
html body #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer,
html body[data-app-variant="seller"] #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer,
html body #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer > .seller-product-view-shell,
html body[data-app-variant="seller"] #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer > .seller-product-view-shell,
html body #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer > .seller-product-view-shell > .drawer-head {
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  border-color: transparent !important;
  outline: none !important;
  box-shadow: none !important;
}
html body #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer > .seller-product-view-shell > .drawer-head > button.close,
html body[data-app-variant="seller"] #overlay.overlay.box:has(> .drawer > .seller-product-view-shell) > .drawer > .seller-product-view-shell > .drawer-head > button.close {
  position: static !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font: 400 24px/1 "Outfit", sans-serif !important;
  text-align: center !important;
  transform: none !important;
  box-shadow: none !important;
}



html body[data-app-variant="seller"] .seller-sales-line-chart {
  padding: 18px 16px 11px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%) !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head h2 {
  letter-spacing: -0.035em !important;
  font-weight: 750 !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-legend {
  margin-top: 14px !important;
  margin-bottom: 4px !important;
}
html body[data-app-variant="seller"] .seller-sales-line-chart-svg {
  min-height: 166px !important;
  margin-top: 2px !important;
}
html body[data-app-variant="seller"] .seller-sales-grid-line {
  stroke: #eef1f4 !important;
  stroke-dasharray: 3 4 !important;
}
html body[data-app-variant="seller"] .seller-sales-today-marker {
  stroke: #f7c7cc !important;
  stroke-width: 1 !important;
  stroke-dasharray: 2 4 !important;
}
html body[data-app-variant="seller"] .seller-sales-area {
  fill: url(#sellerSalesAreaGradient) !important;
  stroke: none !important;
}
html body[data-app-variant="seller"] .seller-sales-line {
  stroke-width: 3 !important;
}
html body[data-app-variant="seller"] .seller-sales-dot {
  r: 4 !important;
  stroke-width: 2 !important;
}
html body[data-app-variant="seller"] .seller-sales-line-chart-svg text.today {
  fill: #e83745 !important;
  font-weight: 750 !important;
}



/* Visual inspirado no gráfico enviado: somente linhas, pontos e preenchimento suave. */
html body[data-app-variant="seller"] .seller-sales-line-chart {
  background: #fff !important;
}
html body[data-app-variant="seller"] .seller-sales-grid-line {
  opacity: .7 !important;
}
html body[data-app-variant="seller"] .seller-sales-line-chart-svg {
  overflow: visible !important;
}
html body[data-app-variant="seller"] .seller-sales-line {
  stroke-dasharray: 520 !important;
  stroke-dashoffset: 520 !important;
  animation: sdfoodSalesLineDraw 1.4s ease-out forwards !important;
  filter: none !important;
}
html body[data-app-variant="seller"] .seller-sales-line.pending {
  animation-delay: .12s !important;
}
html body[data-app-variant="seller"] .seller-sales-area {
  opacity: .9 !important;
  animation: sdfoodSalesAreaReveal .9s ease-out both !important;
}
html body[data-app-variant="seller"] .seller-sales-dot {
  animation: sdfoodSalesDotReveal .35s ease-out both !important;
}
html body[data-app-variant="seller"] .seller-sales-dot.pending {
  animation-delay: .14s !important;
}
@keyframes sdfoodSalesLineDraw {
  to { stroke-dashoffset: 0; }
}
@keyframes sdfoodSalesAreaReveal {
  from { opacity: 0; }
  to { opacity: .9; }
}
@keyframes sdfoodSalesDotReveal {
  from { opacity: 0; transform: scale(.55); transform-origin: center; }
  to { opacity: 1; transform: scale(1); transform-origin: center; }
}
@media (prefers-reduced-motion: reduce) {
  html body[data-app-variant="seller"] .seller-sales-line,
  html body[data-app-variant="seller"] .seller-sales-area,
  html body[data-app-variant="seller"] .seller-sales-dot {
    animation: none !important;
    stroke-dashoffset: 0 !important;
  }
}



/* Atualizações ao vivo do painel não devem redesenhar o gráfico continuamente. */
html body[data-app-variant="seller"] .seller-sales-line,
html body[data-app-variant="seller"] .seller-sales-area,
html body[data-app-variant="seller"] .seller-sales-dot {
  animation: none !important;
}
html body[data-app-variant="seller"] .seller-sales-line {
  stroke-dashoffset: 0 !important;
}
html body[data-app-variant="seller"] .seller-sales-area,
html body[data-app-variant="seller"] .seller-sales-dot {
  opacity: 1 !important;
}



html body[data-app-variant="seller"] .seller-sales-line-chart {
  padding-bottom: 14px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-hint {
  margin-left: auto !important;
  color: #a0a8b3 !important;
  font-size: 10px !important;
}
html body[data-app-variant="seller"] .seller-sales-bars-svg {
  min-height: 176px !important;
}
html body[data-app-variant="seller"] .seller-sales-bar-group {
  cursor: pointer !important;
  outline: none !important;
}
html body[data-app-variant="seller"] .seller-sales-bar {
  fill: #e83745 !important;
  opacity: .82 !important;
  transition: opacity .18s ease, transform .18s ease !important;
  transform-box: fill-box !important;
  transform-origin: center bottom !important;
}

html body[data-app-variant="seller"] .seller-sales-bar-group.today .seller-sales-bar {
  fill: #c92f3b !important;
  opacity: 1 !important;
}
html body[data-app-variant="seller"] .seller-sales-bar-value {
  fill: #7f1d2a !important;
  font: 700 10px "Outfit", sans-serif !important;
  pointer-events: none !important;
}
html body[data-app-variant="seller"] .seller-sales-day-label {
  fill: #929aa5 !important;
  font: 10px "Outfit", sans-serif !important;
  pointer-events: none !important;
}
html body[data-app-variant="seller"] .seller-sales-day-label.today {
  fill: #e83745 !important;
  font-weight: 750 !important;
}
html body[data-app-variant="seller"] .seller-sales-day-details {
  min-height: 52px !important;
  margin-top: 3px !important;
  padding: 11px 0 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #687383 !important;
  font-size: 11px !important;
}
html body[data-app-variant="seller"] .seller-sales-details-title {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 7px !important;
}
html body[data-app-variant="seller"] .seller-sales-details-title strong {
  color: #000000 !important;
  font-size: 12px !important;
}
html body[data-app-variant="seller"] .seller-sales-details-title span {
  color: #929aa5 !important;
  font-size: 10px !important;
}
html body[data-app-variant="seller"] .seller-sales-products {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
}
html body[data-app-variant="seller"] .seller-sales-product {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #687383 !important;
}
html body[data-app-variant="seller"] .seller-sales-product strong { color: #344054 !important; }
html body[data-app-variant="seller"] .seller-sales-product em { color: #b42332 !important; font-style: normal !important; font-weight: 700 !important; }
html body[data-app-variant="seller"] .seller-sales-no-products { color: #929aa5 !important; }



/* Editar lançamento: o X não fica colado à linha nem ao limite do cabeçalho. */
html body #overlay.overlay .sd-launch-modal > .drawer-head,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal > .drawer-head {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
  min-height: 72px !important;
  margin: 0 !important;
  padding: 14px 4px 16px 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #edf0f2 !important;
}
html body #overlay.overlay .sd-launch-modal > .drawer-head > .sd-modal-heading,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal > .drawer-head > .sd-modal-heading {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html body #overlay.overlay .sd-launch-modal > .drawer-head > button.close,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal > .drawer-head > button.close {
  position: static !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font: 400 24px/1 "Outfit", sans-serif !important;
  line-height: 1 !important;
  text-align: center !important;
  align-self: center !important;
  transform: none !important;
  box-shadow: none !important;
}




/* Aba Pedidos inspirada na referência: cartão compacto, produto em destaque e metadados claros. */
html body[data-app-variant="seller"] .orders-kanban .ob-card {
  position: relative !important;
  padding: 12px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .08) !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-khead {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 8px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-khead b {
  color: #26313d !important;
  font-size: 11px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-time {
  color: #8e98a3 !important;
  font-size: 9px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name-row {
  min-height: 26px !important;
  margin-bottom: 8px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name {
  color: #252d36 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-row {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  margin: 0 0 9px !important;
  padding: 7px 0 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb {
  display: block !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 7px !important;
  object-fit: cover !important;
  background: #f4f5f7 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb-empty {
  display: grid !important;
  place-items: center !important;
  color: #e83745 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 2px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy strong {
  overflow: hidden !important;
  color: #252d36 !important;
  font-size: 11px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy small {
  overflow: hidden !important;
  color: #8a949f !important;
  font-size: 9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-total {
  flex: 0 0 auto !important;
  color: #26313d !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 0 10px !important;
  padding: 7px 0 !important;
  border-top: 1px solid #f0f1f3 !important;
  border-bottom: 1px solid #f0f1f3 !important;
  color: #747e89 !important;
  font-size: 9px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-icon {
  color: #7b8590 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-row {
  min-height: 31px !important;
  margin-top: 0 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
  min-height: 32px !important;
  border-radius: 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-accept { background: #e83745 !important; }
html body[data-app-variant="seller"] .orders-kanban .ob-refuse { background: #fff0f2 !important; color: #c92f3b !important; }

  html body[data-app-variant="seller"] .seller-workspace:has(.orders-board) { padding: 0 8px 90px !important; }
  html body[data-app-variant="seller"] .orders-board { border-radius: 0 !important; background: #f7f8fa !important; }
  html body[data-app-variant="seller"] .orders-board .ob-head { padding: 10px 6px 0 !important; }
  html body[data-app-variant="seller"] .orders-board .ob-copy h2 { font-size: 18px !important; }
  html body[data-app-variant="seller"] .orders-board .ob-copy p:not(.seller-eyebrow) { font-size: 11px !important; }
  html body[data-app-variant="seller"] .orders-kanban .ob-col { gap: 8px !important; padding: 8px !important; border-radius: 12px !important; }
  html body[data-app-variant="seller"] .orders-kanban .ob-card { padding: 11px !important; }




/* Acabamento dos cartões: ícones SVG, proporções e ações mais próximas da referência. */
html body[data-app-variant="seller"] .orders-kanban .ob-card {
  padding: 14px !important;
  border-radius: 14px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-khead {
  margin-bottom: 10px !important;
  padding-bottom: 1px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name-row {
  gap: 7px !important;
  min-height: 30px !important;
  margin-bottom: 7px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-row {
  gap: 11px !important;
  min-height: 52px !important;
  margin: 0 0 8px !important;
  padding: 4px 0 8px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb {
  flex-basis: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  border-radius: 9px !important;
  border: 1px solid #f0f1f3 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb-empty {
  border: 0 !important;
  background: #fff1f2 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy {
  gap: 4px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy strong {
  font-size: 12px !important;
  line-height: 1.25 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy small {
  font-size: 10px !important;
  line-height: 1.25 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-total {
  font-size: 12px !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta {
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 12px !important;
  padding: 8px 0 !important;
  font-size: 10px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta span {
  gap: 5px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 15px !important;
  height: 15px !important;
  color: #707b86 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-svg {
  display: block !important;
  width: 15px !important;
  height: 15px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-row {
  gap: 8px !important;
  min-height: 38px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions button,
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-accept::before {
  content: "✓" !important;
  margin-right: 5px !important;
  font-size: 12px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-refuse::before {
  content: "×" !important;
  margin-right: 5px !important;
  font-size: 14px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-price {
  font-size: 12px !important;
  font-weight: 750 !important;
}

  html body[data-app-variant="seller"] .orders-kanban .ob-card { padding: 13px !important; }
  html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb {
    flex-basis: 52px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
  }
  html body[data-app-variant="seller"] .orders-kanban .ob-product-row { min-height: 56px !important; }




/* Acabamento final conforme a referência: cartão mais compacto e ações menores. */
html body[data-app-variant="seller"] .orders-kanban .ob-card {
  padding: 11px 12px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-khead {
  margin-bottom: 5px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name-row {
  min-height: 24px !important;
  margin-bottom: 3px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-row {
  min-height: 43px !important;
  margin: 0 0 3px !important;
  padding: 2px 0 4px !important;
  gap: 8px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb {
  flex-basis: 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 7px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy {
  gap: 2px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy strong {
  font-size: 11px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy small {
  font-size: 9px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta {
  gap: 7px !important;
  margin: 0 0 6px !important;
  padding: 5px 0 !important;
  font-size: 9px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta span {
  gap: 3px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-icon,
html body[data-app-variant="seller"] .orders-kanban .ob-meta-svg,
html body[data-app-variant="seller"] .orders-kanban .ob-meta-png {
  width: 13px !important;
  height: 13px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-png {
  display: block !important;
  flex: 0 0 13px !important;
  object-fit: contain !important;
  border: 0 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-icon {
  color: #8a929c !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-row {
  min-height: 30px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-row {
  align-items: center !important;
  justify-content: flex-start !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-row > .ob-price {
  display: none !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 6px !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions button,
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse {
  min-height: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-accept::before,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse::before {
  margin-right: 3px !important;
  font-size: 11px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-price {
  font-size: 10px !important;
}

  html body[data-app-variant="seller"] .orders-kanban .ob-card {
    padding: 10px 11px !important;
  }
  html body[data-app-variant="seller"] .orders-kanban .ob-product-thumb {
    flex-basis: 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
  }
  html body[data-app-variant="seller"] .orders-kanban .ob-product-row {
    min-height: 45px !important;
  }




/* Novos pedidos: duas ações compactas, iguais e sempre na mesma linha. */
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-flow: column !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  align-items: stretch !important;
  width: 100% !important;
  height: 30px !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 6px !important;
  flex: 0 0 100% !important;
  flex-direction: row !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > button,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > .ob-refuse {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  font-size: 9px !important;
  line-height: 30px !important;
  white-space: nowrap !important;
}



/* Contador dos quadros: bolinha branca e número preto para melhor leitura. */
html body[data-app-variant="seller"] .orders-kanban .ob-col-head .ob-count,
html body[data-app-variant="seller"] .orders-kanban .ob-col-head > .ob-count {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  margin: 0 0 0 4px !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111827 !important;
  font: 700 11px/22px "Outfit", sans-serif !important;
  font-style: normal !important;
  text-align: center !important;
  opacity: 1 !important;
  box-shadow: 0 1px 3px rgba(31, 41, 55, .12) !important;
}



/* Editar lançamento: Status, promoção e preço promocional com espaçamento compacto. */
html body #overlay.overlay .sd-launch-modal .product-promo-status,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  box-sizing: border-box !important;
  border-radius: 12px !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .settings-title,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .settings-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
  font-size: 11px !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row input,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row input {
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .field,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .field {
  display: grid !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .field label,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .field label {
  margin: 0 !important;
  font-size: 10px !important;
  line-height: 1.2 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .field input,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .field input {
  width: 100% !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  font-size: 12px !important;
}

  html body #overlay.overlay .sd-launch-modal .product-promo-status,
  html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status {
    gap: 7px !important;
    padding: 10px 12px !important;
  }




/* Ações dos pedidos: mesma altura do status visual Concluído, com largura preservada. */
html body[data-app-variant="seller"] .orders-kanban .ob-pill-done,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-card .small-primary[data-complete-pickup],
html body[data-app-variant="seller"] .orders-kanban .ob-card .small-primary[data-self-delivery-done] {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 30px !important;
  align-items: center !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-pill-done {
  display: inline-flex !important;
  justify-content: center !important;
}



/* Pagamentos: ícone maior e texto mais legível, mantendo o padrão preto/cinza. */
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta {
  gap: 10px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta span {
  gap: 5px !important;
  font-weight: 600 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  color: #48525e !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-meta-png {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex-basis: 17px !important;
  object-fit: contain !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-order-meta span:first-child {
  color: #303944 !important;
  font-weight: 700 !important;
}



/* Pedidos: Aceitar e Recusar com o mesmo tamanho e fonte do status Concluído. */
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions {
  height: auto !important;
  min-height: 30px !important;
  gap: 8px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-received-actions button,
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > button,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card .ob-received-actions > .ob-refuse {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-accept::before,
html body[data-app-variant="seller"] .orders-kanban .ob-refuse::before {
  margin-right: 5px !important;
  font-size: 12px !important;
  line-height: 1 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-refuse::before { font-size: 14px !important; }

/* Editar lançamento: bloco Status com a mesma fonte do restante do formulário. */
html body #overlay.overlay .sd-launch-modal .product-promo-status .settings-title,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .settings-title {
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row,
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row span,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row span,
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row label,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row label {
  font-size: 13px !important;
  line-height: 1.25 !important;
  min-height: 28px !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .field label,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .field label {
  font-size: 12px !important;
  line-height: 1.25 !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .field input,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .field input {
  height: 40px !important;
  min-height: 40px !important;
  font-size: 13px !important;
}
html body #overlay.overlay .sd-launch-modal .product-promo-status .check-row input,
html body[data-app-variant="seller"] #overlay.overlay .sd-launch-modal .product-promo-status .check-row input {
  width: 17px !important;
  height: 17px !important;
  min-height: 17px !important;
}

/* Configurações (página e conta do lojista): Perfil da loja, Operação, Entrega, Identidade e Editar loja no padrão da aba. */
html body[data-app-variant="seller"] .seller-settings-subtitle,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-subtitle {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body[data-app-variant="seller"] .seller-settings-panel h2,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-panel h2 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .seller-settings-copy strong,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-copy strong {
  font-size: 13px !important;
  line-height: 1.3 !important;
}
html body[data-app-variant="seller"] .seller-settings-copy small,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-copy small {
  font-size: 12px !important;
  line-height: 1.35 !important;
}
html body[data-app-variant="seller"] .seller-settings-action,
html body[data-app-variant="seller"] .seller-settings-save,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-action,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-save {
  min-height: 36px !important;
  padding: 8px 12px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .seller-settings-item,
html body[data-app-variant="seller"] #overlay.overlay .seller-account-settings .seller-settings-item {
  padding: 12px 0 !important;
}



/* Gráfico de pedidos concluídos: leitura limpa, barras finas e destaque só no dia selecionado. */
html body[data-app-variant="seller"] .seller-sales-line-chart {
  background: #fff !important;
  border: 1px solid #f0f1f4 !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 18px rgba(33,48,66,.04) !important;
  padding: 18px 18px 14px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head { margin-bottom: 10px !important; }
html body[data-app-variant="seller"] .seller-sales-chart-head h2 {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.2px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-head p:not(.seller-eyebrow) {
  color: #9aa2ae !important;
  font-size: 11px !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-period {
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  color: #a7aeb9 !important;
  font-size: 10px !important;
  letter-spacing: .4px !important;
  text-transform: uppercase !important;
}
html body[data-app-variant="seller"] .seller-sales-chart-legend { display: none !important; }
html body[data-app-variant="seller"] .seller-sales-bars-svg { min-height: 168px !important; overflow: visible !important; }
html body[data-app-variant="seller"] .seller-sales-grid-line {
  stroke: #eceef1 !important;
  stroke-width: 1 !important;
  stroke-dasharray: none !important;
}
html body[data-app-variant="seller"] .seller-sales-hit { fill: transparent !important; }
html body[data-app-variant="seller"] .seller-sales-bar {
  fill: #edd3d6 !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  transition: fill .18s ease !important;
}

html body[data-app-variant="seller"] .seller-sales-bar-group.today .seller-sales-bar { fill: #f0b6bc !important; }
html body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-bar { fill: #e83745 !important; filter: none !important; transform: none !important; }
html body[data-app-variant="seller"] .seller-sales-bar-value {
  fill: #b9bfc9 !important;
  font: 600 9.5px "Outfit", sans-serif !important;
  transition: fill .18s ease !important;
}
html body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-bar-value { fill: #b42332 !important; font-weight: 700 !important; }
html body[data-app-variant="seller"] .seller-sales-day-label { fill: #aab1bb !important; font: 500 9.5px "Outfit", sans-serif !important; }
html body[data-app-variant="seller"] .seller-sales-day-label.today { fill: #aab1bb !important; font-weight: 500 !important; }
html body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-day-label { fill: #344054 !important; font-weight: 700 !important; }
html body[data-app-variant="seller"] .seller-sales-day-details {
  margin-top: 10px !important;
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
html body[data-app-variant="seller"] .seller-sales-product {
  background: #f8f9fa !important;
  border: 1px solid #f1f2f5 !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
}



/* Pedidos: endereço alinhado mais perto da borda interna, sem alterar sua altura. */
html body[data-app-variant="seller"] .orders-kanban .ob-name-row {
  display: flex !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-height: 0 !important;
  gap: 7px !important;
  margin-bottom: 3px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-customer-copy {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  flex-direction: column !important;
  gap: 0 !important;
  line-height: 1.15 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-customer-copy .ob-name {
  display: block !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  line-height: 1.15 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-customer-address {
  display: flex !important;
  align-items: flex-start !important;
  gap: 3px !important;
  min-width: 0 !important;
  margin: 5px 0 0 -24px !important;
  width: calc(100% + 24px) !important;
  overflow: hidden !important;
  color: #8a949f !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-customer-address .ob-pin {
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: 0 !important;
  color: #8a949f !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-address-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name-row .ob-user {
  flex: 0 0 auto !important;
  margin-top: 1px !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-name-row .ob-chev {
  flex: 0 0 auto !important;
  margin-top: 1px !important;
}




/* Pedidos: bordas finas nos tickets, mantendo a cor visual de cada status. */
html body[data-app-variant="seller"] .orders-kanban .ob-card {
  border: 1px solid #e6e9ed !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .07) !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card {
  border-color: #e83745 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card {
  border-color: #e2b338 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-out .ob-card {
  border-color: #3c9a61 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-done .ob-card {
  border-color: #6d8fd1 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-cancelled .ob-card {
  border-color: #cbd1d9 !important;
}

/* Half-sheet chat rules neutralized — fullscreen fix v1 */



/* Neutralized */



  html body .overlay.login {
    background-image: none !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  html body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    background-image: none !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }



/* Neutralized */



/* Desempenho: o painel de pedidos concluídos fica discreto até uma barra ser acionada. */
html body[data-app-variant="seller"] .seller-sales-day-details.is-pending {
  min-height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  padding: 10px 0 !important;
  border: 0 !important;
  border-top: 0 !important;
  background: transparent !important;
  color: #a0a8b3 !important;
  font-size: 11px !important;
  text-align: center !important;
}

/* Chat button stretch rules neutralized — see sdfood-support-chat-fullscreen-fix-v1 */



/* Neutralized */

/* Neutralized */


html body[data-app-variant="seller"] .seller-order-address-copy {
  display: inline-block !important;
  max-width: 260px !important;
  margin: 3px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #344054 !important;
  font: inherit !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: left !important;
  text-decoration: underline dotted !important;
  text-underline-offset: 3px !important;
  cursor: copy !important;
}



/* Neutralized */

/* Neutralized */

/* Neutralized */


/* SDFood Chat - Tela cheia absoluta 100vw x 100dvh em qualquer resolução */
#overlay.support-chat-overlay,
#overlay.overlay:has(.support-chat-shell),
html body #overlay.support-chat-overlay,
html body #overlay.overlay:has(.support-chat-shell),
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell),
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  height: 100dvh !important;
  height: 100vh !important;
  height: 100% !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
}

#overlay.support-chat-overlay > .drawer,
#overlay.overlay:has(.support-chat-shell) > .drawer,
html body #overlay.support-chat-overlay > .drawer,
html body #overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) > .drawer,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) > .drawer {
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  min-width: 100vw !important;
  height: 100dvh !important;
  height: 100vh !important;
  height: 100% !important;
  max-height: 100dvh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
  transform: none !important;
}

.support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f8f9fa !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
}

/* Header compacto */
.support-chat-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf0f2 !important;
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  position: relative !important;
}

.support-chat-back-btn,
#overlay.overlay:has(.support-chat-shell) #closeSupportChat,
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 50% !important;
  background: #f3f4f6 !important;
  border: none !important;
  color: #1a1a1a !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.support-chat-store-avatar {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid #eceff1 !important;
  background: #fff !important;
  margin: 0 !important;
}

.support-chat-header-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.support-chat-store-name {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
  font-family: "Outfit", sans-serif !important;
}

.support-chat-order-pill {
  font-size: 11px !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

/* Card fixado do pedido no padrão de chip compacto */
.support-pinned-order-wrap {
  flex: 0 0 auto !important;
  padding: 6px 12px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.support-pinned-order-card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px !important;
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 44px !important;
  max-height: 52px !important;
  overflow: hidden !important;
}

.support-order-card-img-wrap {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.support-order-card-real-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.support-order-card-fallback-icon {
  color: #e83745 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.support-order-card-details {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 1px !important;
}

.support-order-card-meta-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.support-order-card-title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "Outfit", sans-serif !important;
  line-height: 1.2 !important;
  flex-shrink: 0 !important;
}

.support-order-card-price {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #e83745 !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  flex-shrink: 0 !important;
}

.support-order-card-summary {
  font-size: 11px !important;
  color: #6b7280 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.2 !important;
}

.support-order-card-action {
  flex: 0 0 auto !important;
  padding: 4px 9px !important;
  background: #ffffff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 999px !important;
  color: #374151 !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  font-family: "Outfit", sans-serif !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
}

/* Área de Mensagens */
.support-chat-messages,
#overlay.overlay:has(.support-chat-shell) .support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  padding: 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  background: #f8f9fa !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.support-chat-date-pill {
  align-self: center !important;
  padding: 3px 10px !important;
  background: #eceef1 !important;
  color: #6b7280 !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  margin: 4px auto 6px !important;
}

/* Linhas de mensagem */
.support-chat-row {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin: 2px 0 !important;
}

/* Mensagem do cliente (esquerda) */
.support-chat-row.theirs {
  justify-content: flex-start !important;
  align-items: flex-end !important;
  gap: 6px !important;
}

.support-chat-bubble-avatar {
  flex: 0 0 26px !important;
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  margin-bottom: 2px !important;
}

.support-chat-row.theirs .support-chat-bubble-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 78% !important;
  min-width: fit-content !important;
}

.support-chat-row.theirs .support-chat-bubble {
  background: #f3f4f6 !important;
  color: #1f2937 !important;
  border-radius: 14px 14px 14px 4px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
  min-width: fit-content !important;
  width: fit-content !important;
}

/* Mensagem da loja / enviada (direita) */
.support-chat-row.mine {
  justify-content: flex-end !important;
  align-items: flex-end !important;
  margin-left: auto !important;
}

.support-chat-row.mine .support-chat-bubble-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  max-width: 78% !important;
  min-width: fit-content !important;
}

.support-chat-row.mine .support-chat-bubble {
  background: #7c3aed !important;
  color: #ffffff !important;
  border-radius: 14px 14px 4px 14px !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  white-space: pre-wrap !important;
  box-sizing: border-box !important;
  font-family: "Outfit", sans-serif !important;
  text-align: left !important;
  min-width: fit-content !important;
  width: fit-content !important;
  box-shadow: 0 1px 3px rgba(232, 55, 69, 0.2) !important;
}

.support-chat-subtext {
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  font-size: 10px !important;
  margin-top: 3px !important;
  color: #9ca3af !important;
  line-height: 1 !important;
}

.support-chat-row.mine .support-chat-subtext {
  justify-content: flex-end !important;
}

.support-chat-row.theirs .support-chat-subtext {
  justify-content: flex-start !important;
}

/* Barra de Entrada (Compose) no padrão compacto */
.support-chat-compose-wrap {
  flex: 0 0 auto !important;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

#supportChatForm {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.support-chat-input-pill,
#supportChatInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 38px !important;
  padding: 0 14px !important;
  background: #f3f4f6 !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  color: #111827 !important;
  font-family: "Outfit", sans-serif !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.support-chat-input-pill:focus,
#supportChatInput:focus {
  background: #ffffff !important;
  border-color: #e83745 !important;
  box-shadow: 0 0 0 2px rgba(232, 55, 69, 0.12) !important;
}

.support-chat-send-btn,
#supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
html body[data-app-variant=seller] #overlay.overlay:has(.support-chat-shell) .support-chat-compose button {
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  border-radius: 50% !important;
  background: #e83745 !important;
  border: none !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  box-shadow: 0 2px 5px rgba(232, 55, 69, 0.25) !important;
  transition: transform 0.12s, background-color 0.12s !important;
}

.support-chat-send-btn svg,
#supportChatSendBtn svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #ffffff !important;
}



/* ===== Home mobile: banner Visão Geral (ref. imagem) + cards centralizados ===== */

  html body[data-app-variant="seller"] .seller-content,
  body[data-app-variant="seller"] .seller-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html body[data-app-variant="seller"] .seller-workspace,
  body[data-app-variant="seller"] .seller-workspace {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 12px 14px 88px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }

  html body[data-app-variant="seller"] .seller-dashboard-modern,
  body[data-app-variant="seller"] .seller-dashboard-modern,
  html body[data-app-variant="seller"] .seller-panel-only-orders,
  body[data-app-variant="seller"] .seller-panel-only-orders {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    gap: 14px !important;
    box-sizing: border-box !important;
  }

  /* Topbar compacta no padrão do app */
  body[data-app-variant="seller"] .seller-panel-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 90 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    background: #fff !important;
    border-bottom: 1px solid #eef0f3 !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .seller-breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    max-width: calc(100% - 100px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body[data-app-variant="seller"] .seller-breadcrumb .seller-brand-logo-text {
    color: #E83745 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
  }

  body[data-app-variant="seller"] .seller-breadcrumb .seller-breadcrumb-slash {
    color: #9AA1AB !important;
    font-size: 14px !important;
  }

  body[data-app-variant="seller"] .seller-breadcrumb strong {
    color: #1F2937 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-app-variant="seller"] .seller-user-cluster {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body[data-app-variant="seller"] .seller-top-notification {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: #F4F5F7 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #4B5563 !important;
    position: relative !important;
    padding: 0 !important;
  }

  body[data-app-variant="seller"] .seller-top-notification svg {
    width: 18px !important;
    height: 18px !important;
  }

  body[data-app-variant="seller"] .seller-top-notification .seller-top-notification-dot,
  body[data-app-variant="seller"] .seller-top-notification.has-unread::after {
    content: "" !important;
    position: absolute !important;
    top: 4px !important;
    right: 5px !important;
    width: 8px !important;
    height: 8px !important;
    background: #E83745 !important;
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    display: block !important;
  }

  body[data-app-variant="seller"] .seller-user-profile .seller-user-copy {
    display: none !important;
  }

  body[data-app-variant="seller"] .seller-profile-photo-button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid #E5E7EB !important;
    padding: 0 !important;
  }

  body[data-app-variant="seller"] .seller-profile-photo-button img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* ===== BANNER VISÃO GERAL — igual à referência ===== */
  html body[data-app-variant="seller"] .seller-content .seller-overview-head,
  body[data-app-variant="seller"] .seller-overview-head {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding: 18px 16px 16px !important;
    box-sizing: border-box !important;
    background: linear-gradient(115deg, #FFF8F4 0%, #FFF1EA 45%, #FFE8DE 100%) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(232, 55, 69, 0.06) !important;
    box-shadow: 0 6px 20px rgba(232, 100, 80, 0.06) !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body[data-app-variant="seller"] .seller-overview-content-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-app-variant="seller"] .seller-overview-copy {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 4px !important;
  }

  body[data-app-variant="seller"] .seller-overview-eyebrow {
    margin: 0 0 6px 0 !important;
    color: #8B919A !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
  }

  body[data-app-variant="seller"] .seller-overview-title {
    margin: 0 0 6px 0 !important;
    color: #1A1D21 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: clamp(22px, 6.2vw, 28px) !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body[data-app-variant="seller"] .seller-overview-subtitle {
    margin: 0 !important;
    color: #6B7280 !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
  }

  body[data-app-variant="seller"] .seller-overview-illustration {
    flex: 0 0 118px !important;
    width: 118px !important;
    max-width: 38% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin: -8px -6px -12px 0 !important;
    align-self: flex-end !important;
  }

  body[data-app-variant="seller"] .seller-overview-illustration img {
    width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
    object-position: right bottom !important;
    display: block !important;
  }

  body[data-app-variant="seller"] .seller-overview-actions {
    margin-top: 14px !important;
    width: 100% !important;
    position: relative !important;
    z-index: 2 !important;
  }

  body[data-app-variant="seller"] #sellerNewCouponTop,
  body[data-app-variant="seller"] .seller-new-order {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    background: #E83745 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 14px !important;
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 14px !important;
    box-shadow: 0 4px 12px rgba(232, 55, 69, 0.22) !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] #sellerNewCouponTop .seller-btn-arrow,
  body[data-app-variant="seller"] .seller-new-order .seller-btn-arrow {
    margin-left: auto !important;
    font-size: 18px !important;
  }

  /* Cards abaixo do banner: centralizados, mesma largura */
  body[data-app-variant="seller"] .seller-workspace :is(
    .panel-recent-card,
    .panel-bestsellers-card,
    .seller-sales-line-chart,
    .panel-chart-card,
    .panel-actions-card,
    .panel-metrics,
    .sv-cards,
    .seller-simple-metrics,
    .seller-support-messages-panel,
    .seller-panel
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  body[data-app-variant="seller"] .panel-recent-card,
  body[data-app-variant="seller"] .panel-bestsellers-card,
  body[data-app-variant="seller"] .seller-sales-line-chart {
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 16px !important;
    border: 1px solid #eef0f3 !important;
    background: #fff !important;
    box-shadow: 0 4px 14px rgba(32, 33, 36, 0.04) !important;
  }

  body[data-app-variant="seller"] .panel-card-head h2,
  body[data-app-variant="seller"] .panel-bestsellers-head h2,
  body[data-app-variant="seller"] .seller-sales-chart-head h2 {
    font-family: "Outfit", sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #1F2937 !important;
  }

  body[data-app-variant="seller"] .seller-eyebrow,
  body[data-app-variant="seller"] .panel-card-head p {
    font-size: 11px !important;
    color: #8A919C !important;
  }

  body[data-app-variant="seller"] :is(.panel-metrics, .seller-content .sv-cards.sv-metrics, .seller-simple-metrics, .seller-shortcut-grid) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body[data-app-variant="seller"] .panel-bottom-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
  }

  body[data-app-variant="seller"] .panel-bestsellers-item {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    min-width: 0 !important;
  }

  body[data-app-variant="seller"] .panel-table-scroll {
    width: 100% !important;
    overflow-x: auto !important;
  }


/* Banner Visão Geral também em telas maiores — visual Alegria */




/* Chat: cola na tela (sem faixa branca) + header/card/compose compactos no mobile */
html body #overlay.overlay.support-chat-overlay,
html body #overlay.overlay:has(.support-chat-shell),
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell),
html body[data-app-variant="customer"] #overlay.overlay:has(.support-chat-shell),
body:has(#overlay.overlay.is-open) #overlay.overlay.support-chat-overlay,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) {
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  z-index: 99999 !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body #overlay.overlay.support-chat-overlay > .drawer,
html body #overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) > .drawer,
html body[data-app-variant="customer"] #overlay.overlay:has(.support-chat-shell) > .drawer,
body:has(#overlay.overlay.is-open) #overlay.overlay.support-chat-overlay > .drawer,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) > .drawer {
  position: relative !important;
  inset: auto !important;
  align-self: stretch !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transform: none !important;
  box-sizing: border-box !important;
}

html body .support-chat-shell,
#overlay .support-chat-shell,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) .support-chat-shell {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f7f8fa !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
}

html body .support-chat-header,
#overlay .support-chat-header {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  background: #fff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

html body .support-chat-back-btn,
html body #closeSupportChat,
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) #closeSupportChat,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer .support-chat-back-btn,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer #closeSupportChat {
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f3f4f6 !important;
  color: #111 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .support-chat-store-avatar,
#overlay .support-chat-store-avatar {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

html body .support-chat-store-name,
#overlay .support-chat-store-name {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
html body .support-chat-order-pill,
#overlay .support-chat-order-pill {
  font-size: 11px !important;
  color: #6b7280 !important;
  line-height: 1.2 !important;
}

html body .support-pinned-order-wrap,
#overlay .support-pinned-order-wrap {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 10px !important;
  background: #fff !important;
  border-bottom: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
}

html body .support-pinned-order-card,
#overlay .support-pinned-order-card {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  max-height: 44px !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  border: 1px solid #eceff2 !important;
  border-radius: 10px !important;
  background: #f9fafb !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body .support-order-card-img-wrap,
#overlay .support-order-card-img-wrap {
  flex: 0 0 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .support-order-card-img-wrap .support-order-card-real-img,
html body .support-order-card-img-wrap .support-order-card-img,
html body .support-order-card-real-img,
html body .support-order-card-img,
#overlay .support-order-card-img-wrap .support-order-card-real-img,
#overlay .support-order-card-img-wrap .support-order-card-img,
#overlay .support-order-card-real-img,
#overlay .support-order-card-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 6px !important;
}

html body .support-order-card-title,
html body .support-order-card-price,
#overlay .support-order-card-title,
#overlay .support-order-card-price {
  font-size: 11px !important;
}
html body .support-order-card-summary,
#overlay .support-order-card-summary {
  font-size: 10px !important;
}

html body .support-order-card-action,
#overlay .support-order-card-action {
  flex: 0 0 auto !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  padding: 0 8px !important;
  font-size: 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
}

html body .support-chat-messages,
#overlay .support-chat-messages,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) .support-chat-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #f7f8fa !important;
  box-sizing: border-box !important;
}

html body .support-chat-row.theirs .support-chat-bubble,
html body .support-chat-row.mine .support-chat-bubble,
#overlay .support-chat-row.theirs .support-chat-bubble,
#overlay .support-chat-row.mine .support-chat-bubble {
  padding: 6px 10px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  max-width: 78% !important;
}

html body .support-chat-compose-wrap,
html body .support-chat-compose,
#overlay .support-chat-compose-wrap,
#overlay .support-chat-compose,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) .support-chat-compose-wrap,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) .support-chat-compose {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 6px 10px calc(6px + env(safe-area-inset-bottom, 0px)) !important;
  background: #ffffff !important;
  border-top: 1px solid #edf0f2 !important;
  box-sizing: border-box !important;
}

html body #supportChatForm,
#overlay #supportChatForm {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body #supportChatInput,
html body .support-chat-input-pill,
#overlay #supportChatInput {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #f3f4f6 !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
}

html body .support-chat-send-btn,
html body #supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
html body #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer .support-chat-send-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #e83745 !important;
  color: #fff !important;
  font-size: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  aspect-ratio: 1 / 1 !important;
}

html body .support-chat-send-btn svg,
html body #supportChatSendBtn svg,
#overlay .support-chat-send-btn svg,
#overlay #supportChatSendBtn svg {
  width: 16px !important;
  height: 16px !important;
  fill: #fff !important;
  stroke: none !important;
  display: block !important;
}

/* Lista Atendimento: card compacto no mobile */
html body[data-app-variant="seller"] .seller-support-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
html body[data-app-variant="seller"] .seller-support-card {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #eceff2 !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-support-card-avatar {
  flex: 0 0 34px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #f3f4f6 !important;
  border: 1px solid #f0f2f5 !important;
}
html body[data-app-variant="seller"] .seller-support-card-copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .seller-support-card-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .seller-support-card-row strong {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body[data-app-variant="seller"] .seller-support-card-order {
  flex: 0 0 auto !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  background: #fef2f2 !important;
  color: #e83745 !important;
  font-size: 10px !important;
  font-weight: 700 !important;
}
html body[data-app-variant="seller"] .seller-support-card-time {
  margin-left: auto !important;
  color: #9ca3af !important;
  font-size: 10px !important;
  white-space: nowrap !important;
}
html body[data-app-variant="seller"] .seller-support-card-copy p {
  margin: 1px 0 0 !important;
  font-size: 12px !important;
  color: #4b5563 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.25 !important;
}
html body[data-app-variant="seller"] .seller-support-card-copy small {
  display: block !important;
  font-size: 11px !important;
  color: #9ca3af !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body[data-app-variant="seller"] .seller-support-open-chat {
  flex: 0 0 auto !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 9px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #374151 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
}
html body[data-app-variant="seller"] .seller-support-panel h2 {
  font-size: 16px !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] .seller-support-panel .upload-note {
  font-size: 12px !important;
}



/* Sino e foto do header: círculo perfeito, sem oval */
html body[data-app-variant="seller"] .seller-panel-topbar .seller-user-cluster,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-user-profile {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  height: 36px !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-profile-photo-button,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerTopNotification,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerProfileTop {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 36px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification {
  position: relative !important;
  overflow: visible !important;
  background: #F4F5F7 !important;
  border: 0 !important;
  color: #4B5563 !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: none !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-profile-photo-button {
  overflow: hidden !important;
  border: 1px solid #E5E7EB !important;
  background: #f3f4f6 !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-profile-photo-button img,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-user-profile img {
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  transform: none !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification.has-unread::after {
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #E83745 !important;
  border: 2px solid #fff !important;
  box-sizing: content-box !important;
  pointer-events: none !important;
}
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification.has-unread::after {
  content: none !important;
  display: none !important;
}



/* Visão Geral: sem borda */
html body[data-app-variant="seller"] .seller-overview-head,
html body[data-app-variant="seller"] .seller-content .seller-overview-head {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Chat: botão voltar = close padrão do app (quadrado arredondado com X) */
html body #overlay.overlay:has(.support-chat-shell) #closeSupportChat,
html body #overlay.support-chat-overlay #closeSupportChat,
html body .support-chat-back-btn.close,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) #closeSupportChat,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer #closeSupportChat {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f2f5f8 !important;
  color: #3f4750 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
}

/* Chat: enviar no mesmo padrão (quadrado arredondado vermelho) */
html body #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-send-btn,
html body #overlay.overlay:has(.support-chat-shell) .support-chat-compose button,
body:has(#overlay.overlay.is-open) #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer .support-chat-send-btn {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #e83745 !important;
  color: #fff !important;
  box-shadow: none !important;
  aspect-ratio: auto !important;
}
html body #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn svg,
html body .support-chat-send-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: #fff !important;
  stroke: none !important;
}

/* Lista: só a seta para abrir o chat */
html body[data-app-variant="seller"] .seller-support-open-chat {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f2f5f8 !important;
  color: #3f4750 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}



/* Ver pedido: padrão do app, sem borda pesada */
html body .support-order-card-action,
html body #overlay .support-order-card-action,
html body #overlay.overlay:has(.support-chat-shell) .support-order-card-action,
html body #overlay.overlay:has(.support-chat-shell) #supportViewOrderBtn,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer .support-order-card-action,
body:has(#overlay.overlay.is-open) #overlay.overlay .drawer #supportViewOrderBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  flex: 0 0 auto !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: #f2f5f8 !important;
  color: #3f4750 !important;
  box-shadow: none !important;
  font-family: "Outfit", sans-serif !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  outline: 0 !important;
}
html body .support-order-card-action svg,
html body #overlay .support-order-card-action svg {
  width: 12px !important;
  height: 12px !important;
  stroke: currentColor !important;
}




/* Padroniza fontes do bloco "Cupons cadastrados" no modal Ver cupom e na lista mobile */
html body[data-app-variant="seller"] .coupon-admin-list-head h3,
html body #overlay .coupon-admin-list-head h3,
html body[data-app-variant="seller"] .coupon-admin-list-wrap .coupon-admin-list-head h3 {
  font-size: 14px !important;
  line-height: 1.3 !important;
  margin: 0 0 4px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  color: #171a21 !important;
}

html body[data-app-variant="seller"] .coupon-admin-list-head p,
html body #overlay .coupon-admin-list-head p,
html body[data-app-variant="seller"] .coupon-admin-list-wrap .coupon-admin-list-head p {
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  color: var(--muted, #7d8493) !important;
}

html body[data-app-variant="seller"] .coupon-admin-list-head span,
html body #overlay .coupon-admin-list-head span,
html body[data-app-variant="seller"] .coupon-admin-list-wrap .coupon-admin-list-head span {
  display: inline-block !important;
  margin-top: 6px !important;
  font-size: 11px !important;
  color: #E83745 !important;
  font-weight: 700 !important;
}

/* Remove a borda dos produtos em "pedidos concluídos" na home (evita bug de margem) */
html body[data-app-variant="seller"] .seller-sales-product {
  border: none !important;
  border-width: 0 !important;
  box-shadow: none !important;
}



/* Padroniza fontes da lista de Notificações (evita títulos gigantes) */
html body #overlay.overlay #notificationsBody > div {
  padding: 12px 0 !important;
}
html body #overlay.overlay #notificationsBody strong {
  display: block !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #171a21 !important;
  letter-spacing: -0.01em !important;
  margin: 0 0 2px !important;
}
html body #overlay.overlay #notificationsBody p {
  margin: 4px 0 !important;
  color: var(--muted, #7d8493) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body #overlay.overlay #notificationsBody small {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  color: var(--muted, #929aa5) !important;
}
/* Também padroniza cards de acompanhamento de pedido dentro do modal de notificações */
html body #overlay.overlay #notificationsBody .order-track-head strong {
  font-size: 14px !important;
  line-height: 1.3 !important;
}
html body #overlay.overlay #notificationsBody .order-track-sub {
  font-size: 12px !important;
  line-height: 1.35 !important;
}



/* ========== 1. X do modal Confirmar conclusão padronizado (não colado na reta) ========== */
html body #overlay.overlay .completion-code-modal > .drawer-head,
html body[data-app-variant="seller"] #overlay.overlay .completion-code-modal > .drawer-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 56px !important;
  margin: 0 !important;
  padding: 12px 4px 14px 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #edf0f2 !important;
}
html body #overlay.overlay .completion-code-modal > .drawer-head > h2,
html body[data-app-variant="seller"] #overlay.overlay .completion-code-modal > .drawer-head > h2 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
html body #overlay.overlay .completion-code-modal > .drawer-head > button.close,
html body[data-app-variant="seller"] #overlay.overlay .completion-code-modal > .drawer-head > button.close,
html body #overlay.overlay .completion-code-modal .close#closeCompletionCode {
  position: static !important;
  inset: auto !important;
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 1px solid #e5e9ef !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  font: 400 24px/1 "Outfit", sans-serif !important;
  line-height: 1 !important;
  text-align: center !important;
}


/* ========== 2. Tipografia mais legível (título + descrição) mantendo compacto ========== */
/* Escala global levemente maior e consistente */
html {
  --type-title-md: 1.125rem;   /* ~18px → títulos de seção/modal */
  --type-body: 0.9375rem;      /* ~15px */
  --type-description: 0.875rem; /* ~14px */
  --type-support: 0.75rem;     /* ~12px */
}

  html {
    --type-title-md: 1.0625rem; /* ~17px */
    --type-body: 0.9375rem;
    --type-description: 0.8125rem; /* ~13px */
    --type-support: 0.75rem;
  }


/* Títulos de lista / cards (strong em notificações, cupons, pedidos) */
html body #overlay.overlay #notificationsBody strong,
html body #overlay.overlay .coupon-admin-list-head h3,
html body[data-app-variant="seller"] .coupon-admin-list-head h3 {
  font-size: 14px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
}
html body #overlay.overlay #notificationsBody p,
html body #overlay.overlay .coupon-admin-list-head p,
html body[data-app-variant="seller"] .coupon-admin-list-head p {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body #overlay.overlay #notificationsBody small,
html body #overlay.overlay .coupon-admin-list-head span,
html body[data-app-variant="seller"] .coupon-admin-list-head span {
  font-size: 11.5px !important;
}

/* ========== 3. Quadros / tickets de pedidos – nomes e endereços legíveis ========== */
/* Nome do cliente */
html body[data-app-variant="seller"] .orders-kanban .ob-name,
html body[data-app-variant="seller"] .orders-kanban .ob-customer-copy .ob-name,
html body[data-app-variant="seller"] .ob-name {
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}
/* Endereço */
html body[data-app-variant="seller"] .orders-kanban .ob-customer-address,
html body[data-app-variant="seller"] .orders-kanban .ob-address-text {
  font-size: 12px !important;
  line-height: 1.3 !important;
  color: #6b7280 !important;
}
/* Nome do produto no card */
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy strong {
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  color: #252d36 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-copy small {
  font-size: 11px !important;
  line-height: 1.3 !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-product-total {
  font-size: 12.5px !important;
  font-weight: 750 !important;
}
/* Linha de itens */
html body[data-app-variant="seller"] .orders-kanban .ob-items,
html body[data-app-variant="seller"] .ob-items {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

/* ========== 4. Descrições e textos de apoio em modais (compactos porém legíveis) ========== */
html body #overlay.overlay .sd-modal-sub,
html body #overlay.overlay .upload-note,
html body #overlay.overlay .map-help,
html body #overlay.overlay .completion-code-help {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
html body #overlay.overlay .completion-code-lead {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}



/* Badge mais longo: "Receita em saldo disponível" */
html body[data-app-variant="seller"] .seller-finance-tag {
  white-space: normal !important;
  max-width: 148px !important;
  text-align: center !important;
  line-height: 1.2 !important;
  height: auto !important;
}

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-tag,
  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-tag {
    max-width: 128px !important;
    font-size: 9px !important;
    padding: 4px 7px !important;
    white-space: normal !important;
  }




/* Home: produtos concluídos não vazam do canto arredondado (borda quadrada) */
html body[data-app-variant="seller"] .seller-sales-line-chart {
  overflow: hidden !important;
}
html body[data-app-variant="seller"] .seller-sales-day-details {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-sales-details-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
html body[data-app-variant="seller"] .seller-sales-products {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
html body[data-app-variant="seller"] .seller-sales-product {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}



/* Chat do cliente: foto do pedido no tamanho do thumbnail (quadrado ~48px) */
html body .support-pinned-order-card,
html body #overlay .support-pinned-order-card,
html body #overlay.overlay .support-pinned-order-card,
html body #overlay.overlay:has(.support-chat-shell) .support-pinned-order-card {
  min-height: 60px !important;
  max-height: none !important;
  height: auto !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 10px !important;
  overflow: hidden !important;
}
html body .support-order-card-img-wrap,
html body #overlay .support-order-card-img-wrap,
html body #overlay.overlay .support-order-card-img-wrap,
html body #overlay.overlay:has(.support-chat-shell) .support-order-card-img-wrap {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  max-width: 48px !important;
  max-height: 48px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  background: #f3f4f6 !important;
}
html body .support-order-card-img-wrap .support-order-card-real-img,
html body .support-order-card-img-wrap .support-order-card-img,
html body .support-order-card-real-img,
html body .support-order-card-img,
html body #overlay .support-order-card-img-wrap .support-order-card-real-img,
html body #overlay .support-order-card-img-wrap .support-order-card-img,
html body #overlay .support-order-card-real-img,
html body #overlay .support-order-card-img,
html body #overlay.overlay:has(.support-chat-shell) .support-order-card-real-img,
html body #overlay.overlay:has(.support-chat-shell) .support-order-card-img {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 8px !important;
}



/* Remove o quadro interno (borda quadrada) de pedidos concluídos */
html body[data-app-variant="seller"] .seller-sales-day-details,
html body[data-app-variant="seller"] .seller-sales-day-details.is-pending,
html body[data-app-variant="seller"] #sellerSalesDayDetails {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}



/* Atendimento dos pedidos: remove bordas dos cards e padroniza como demais listas do app */
html body[data-app-variant="seller"] .seller-support-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin-top: 8px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body[data-app-variant="seller"] .seller-support-card {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #eef1f4 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  box-sizing: border-box !important;
}
html body[data-app-variant="seller"] .seller-support-card:last-child {
  border-bottom: 0 !important;
}
html body[data-app-variant="seller"] .seller-support-card-avatar {
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #f3f4f6 !important;
  border: 0 !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-support-open-chat {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f2f5f8 !important;
  color: #3f4750 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Produto (pedidos concluídos / tags): sem borda, alinhado ao padrão */
html body[data-app-variant="seller"] .seller-sales-product,
html body[data-app-variant="seller"] .seller-sales-products .seller-sales-product {
  border: 0 !important;
  border-width: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #f7f8fa !important;
  border-radius: 8px !important;
}
html body[data-app-variant="seller"] .seller-sales-day-details,
html body[data-app-variant="seller"] .seller-sales-day-details.is-pending,
html body[data-app-variant="seller"] #sellerSalesDayDetails,
html body[data-app-variant="seller"] .seller-sales-products {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}



/* Painel "Atendimento dos pedidos": sem moldura externa (borda do seller-panel) */
html body[data-app-variant="seller"] .seller-support-panel,
html body[data-app-variant="seller"] section.seller-panel.seller-support-panel,
html body[data-app-variant="seller"] .seller-content .seller-support-panel,
html body[data-app-variant="seller"] .seller-panel-only-orders + .seller-support-panel {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

/* Botão Detalhes: sem fonte vermelha no hover/active/focus */
html body[data-app-variant="seller"] .ob-details-chip,
html body[data-app-variant="seller"] button.ob-details-chip,
html body[data-app-variant="seller"] .ob-ship-chip.eta.ob-details-chip,
html body[data-app-variant="seller"] .orders-kanban .ob-details-chip {
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 0 !important;
  box-shadow: none !important;
}


/* Cards de pedido (delivery/out): sem borda verde residual */
html body[data-app-variant="seller"] .ob-card.sv-kcard,
html body[data-app-variant="seller"] .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .sv-kcard.delivery-order,
html body[data-app-variant="seller"] .sv-kcard.delivery-order {
  border: 0 !important;
  border-width: 0 !important;
  border-left: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: 0 4px 15px rgba(33, 48, 66, 0.04) !important;
}

/* Modal/drawer genérico do lojista: sem borda pesada residual */
html body[data-app-variant="seller"] #overlay.overlay > .drawer,
html body[data-app-variant="seller"] .overlay .drawer {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
}



/* Bolinha vermelha só com notificação não lida */
html body[data-app-variant="seller"] .seller-top-notification .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-top-notification.has-unread::after,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification.has-unread::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
html body[data-app-variant="seller"] .seller-top-notification.has-unread .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification.has-unread .seller-top-notification-dot {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background: #E83745 !important;
  border: 2px solid #fff !important;
  box-sizing: content-box !important;
  pointer-events: none !important;
}



/* Detalhes: texto e fundo verdes em todos os estados — sem vermelho no click */






/* Força texto verde no botão Detalhes em QUALQUER estado (inclui segurar/toque) */






/* Sino: mesmo padrão do X (quadrado arredondado), não círculo */
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerTopNotification,
html body[data-app-variant="seller"] .seller-top-notification,
html body[data-app-variant="seller"] #sellerTopNotification {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 10px !important;
  background: #f5f7f9 !important;
  color: #667085 !important;
  aspect-ratio: auto !important;
  overflow: visible !important;
  line-height: 1 !important;
  font-size: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification svg,
html body[data-app-variant="seller"] .seller-top-notification svg {
  width: 18px !important;
  height: 18px !important;
  display: block !important;
  flex: none !important;
}
/* Foto do perfil continua circular */
html body[data-app-variant="seller"] .seller-panel-topbar .seller-profile-photo-button,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerProfileTop {
  border-radius: 50% !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

/* Login lojista: título mais forte */
html body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before,
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate::before {
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  color: #0f1419 !important;
  font-family: "Outfit", sans-serif !important;
}
html body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate h1,
body[data-app-variant="seller"]:has(.seller-access-gate) .seller-access-gate h1 {
  font-weight: 800 !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  letter-spacing: -0.03em !important;
  color: #0f1419 !important;
}



/* Status Aberta/Fechada no cabeçalho do Desempenho */
html body[data-app-variant="seller"] .seller-sales-chart-head-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}
html body[data-app-variant="seller"] .seller-sales-line-chart .seller-overview-status-badge,
html body[data-app-variant="seller"] .seller-sales-chart-head .seller-overview-status-badge {
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* Visão geral: sem badge de status residual */
html body[data-app-variant="seller"] .seller-overview-head > .seller-overview-status-badge {
  display: none !important;
}
/* Sino: sem borda em qualquer regra residual */
html body[data-app-variant="seller"] .seller-top-notification,
html body[data-app-variant="seller"] #sellerTopNotification,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification {
  border: 0 !important;
  border-width: 0 !important;
  border-color: transparent !important;
  box-shadow: none !important;
}



  /* Último override: alguns estilos antigos do modal tinham !important vermelho. */
  html body[data-app-variant="seller"] :is(
    #overlay.overlay #productModalSave,
    #overlay.overlay .sd-modal-footer .primary,
    #overlay.overlay button.primary,
    #overlay.overlay .seller-settings-save,
    #sellerNewCouponTop,
    .seller-new-order,
    .seller-finance-action,
    .seller-catalog-btn-new,
    .promotions-new-button,
    .orders-kanban .ob-accept,
    #supportChatSendBtn,
    .support-chat-send-btn
  ) {
    background: #7c3aed !important;
    border-color: #7c3aed !important;
    color: #fff !important;
  }



/* Override final no documento principal — substitui os últimos estilos legados vermelhos. */

html body[data-app-variant="seller"] .seller-sidebar-nav button.active svg,
html body[data-app-variant="seller"] .seller-sidebar-nav button.active .seller-nav-line-icon,
html body[data-app-variant="seller"] .tabs button.active svg,
html body[data-app-variant="seller"] .orders-board-tabs button.active svg,
html body[data-app-variant="seller"] .seller-tabs button.active svg {
  color: #6d28d9 !important;
  stroke: #6d28d9 !important;
  fill: none !important;
}
html body[data-app-variant="seller"] .seller-sidebar-nav button.active::before {
  background: #7c3aed !important;
}
/* SDFood no topo e na marca do painel. */
html body[data-app-variant="seller"] .seller-brand-mark,
html body[data-app-variant="seller"] .seller-brand-mark strong,
html body[data-app-variant="seller"] .seller-breadcrumb .seller-brand-logo-text {
  color: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-brand-mark span {
  background: #7c3aed !important;
}
/* Sino e contador Mais pedidos/pedidos pendentes. */

html body[data-app-variant="seller"] .seller-top-notification svg,
html body[data-app-variant="seller"] #sellerTopNotification svg {
  stroke: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-top-notification .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-top-notification.has-unread::after,
html body[data-app-variant="seller"] .seller-orders-badge {
  background: #7c3aed !important;
  color: #fff !important;
  box-shadow: 0 2px 5px rgba(124,58,237,.22) !important;
}
/* Card Mais pedidos: barras, ranking e valores de destaque em roxo. */
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-bar-fill,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-rank.rank-1 {
  background: #7c3aed !important;
  color: #fff !important;
}
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-val,
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-qty {
  color: #6d28d9 !important;
}
/* Gráfico de vendas: barras e dia selecionado em roxo. */
html body[data-app-variant="seller"] .seller-sales-bar {
  fill: rgba(124,58,237,.25) !important;
}
html body[data-app-variant="seller"] .seller-sales-bar-group.today .seller-sales-bar,
html body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-bar,
html body[data-app-variant="seller"] .seller-sales-bar-group.today .seller-sales-bar-value,
html body[data-app-variant="seller"] .seller-sales-bar-group.selected .seller-sales-bar-value {
  fill: #7c3aed !important;
}
html body[data-app-variant="seller"] .seller-sales-day-label.today,
html body[data-app-variant="seller"] .seller-sales-day-label.selected {
  fill: #6d28d9 !important;
}
/* X da imagem: compacto, preto e limitado ao círculo do botão. */
html body[data-app-variant="seller"] #overlay .sd-current-remove,
html body[data-app-variant="seller"] #overlay .sd-current-thumb > button.sd-current-remove {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  padding: 0 !important;
  border: 1px solid #111827 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #111827 !important;
  font-size: 13px !important;
  line-height: 18px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}



html body[data-app-variant="seller"] .seller-sidebar-nav button.active svg,
html body[data-app-variant="seller"] .seller-sidebar-nav button.active .seller-nav-line-icon {
  background: transparent !important;
  color: #6d28d9 !important;
  stroke: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerTopNotification,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification svg,
html body[data-app-variant="seller"] .seller-panel-topbar #sellerTopNotification svg {
  color: #6d28d9 !important;
  stroke: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
}
html body[data-app-variant="seller"] .panel-bestsellers-card .panel-bestsellers-fire-png {
  filter: hue-rotate(250deg) saturate(1.25) !important;
}



/* A imagem atual só é substituída ao selecionar uma nova; não há botão X. */
html body[data-app-variant="seller"] .sd-current-remove,
html body[data-app-variant="seller"] .sd-current-thumb > button,
html body[data-app-variant="seller"] [id$="Clear"] {
  display: none !important;
}



/* Últimos componentes herdados da paleta vermelha. */


html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification svg,
html body[data-app-variant="seller"] #sellerTopNotification svg {
  color: #6d28d9 !important;
  stroke: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-top-notification .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification-dot,
html body[data-app-variant="seller"] .seller-top-notification.has-unread::after,
html body[data-app-variant="seller"] .seller-panel-topbar .seller-top-notification.has-unread::after {
  background: #7c3aed !important;
  border-color: #fff !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] .seller-sales-legend-dot.completed,
html body[data-app-variant="seller"] .seller-sales-dot.completed {
  background: #7c3aed !important;
  fill: #7c3aed !important;
}
html body[data-app-variant="seller"] .seller-sales-line.completed {
  stroke: #7c3aed !important;
}
html body[data-app-variant="seller"] .seller-sales-line-chart-svg text.today,
html body[data-app-variant="seller"] .seller-sales-day-label.today,
html body[data-app-variant="seller"] .seller-sales-day-label.selected {
  fill: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-new-order,
html body[data-app-variant="seller"] .seller-catalog-btn-new,
html body[data-app-variant="seller"] .promotions-new-button,
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] #supportChatSendBtn {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
}



/* Texto dos itens da tab bar: roxo também no hover, não apenas no botão pai. */







/* Financeiro mobile: cards alinhados ao mesmo grid e sem moldura extra. */
html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-balance-card,
html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-summary-cards article {
  border: 0 !important;
  outline: 0 !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 5px 18px rgba(33, 48, 66, .06) !important;
}
html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-summary-cards {
  width: 100% !important;
  margin: 14px 0 22px !important;
  padding: 0 !important;
  gap: 12px !important;
}
html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-summary-cards article {
  min-height: 104px !important;
  box-sizing: border-box !important;
}

  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-summary-cards {
    grid-template-columns: 1fr !important;
    margin: 12px 0 20px !important;
    gap: 12px !important;
  }
  html body[data-app-variant="seller"] .seller-finance-simple .seller-finance-summary-cards article {
    width: 100% !important;
    min-height: 104px !important;
    padding: 16px !important;
  }

/* Tab inferior ativo: somente fundo e cor, sem borda/contorno. */

  
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active {
    background: #f5f3ff !important;
  }




/* Pedidos cancelados ficam fora dos quadros e usam o vermelho original do painel. */
html body[data-app-variant="seller"] .seller-cancelled-orders-action {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  margin: 14px 0 0 !important;
}
html body[data-app-variant="seller"] .seller-cancelled-orders-action .orders-cancelled-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 10px 16px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #e83745 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}


  html body[data-app-variant="seller"] .seller-cancelled-orders-action {
    justify-content: stretch !important;
    margin: 12px 0 0 !important;
  }
  html body[data-app-variant="seller"] .seller-cancelled-orders-action .orders-cancelled-link {
    width: 100% !important;
  }




/* Cabeçalho de pedidos no padrão neutro do painel. */
html body[data-app-variant="seller"] .orders-board .ob-copy .seller-eyebrow {
  color: #8a919c !important;
}
/* O X permanece neutro no hover, sem assumir a cor vermelha. */




/* Adicionais: segue a identidade roxa do painel, sem vermelho. */
html body #overlay.overlay #addAddonGroup,
html body #overlay.overlay .product-addons-add {
  border-color: #c4b5fd !important;
  background: #fff !important;
  color: #7c3aed !important;
  -webkit-text-fill-color: #7c3aed !important;
}




/* Interruptores de operação seguem a identidade roxa do painel. */
html body[data-app-variant="seller"] .seller-settings-switch input:checked + span {
  background: #7c3aed !important;
}
html body[data-app-variant="seller"] .seller-settings-switch input:focus-visible + span {
}



/* Modal Dados da loja: assets sem molduras vermelhas. */
html body[data-app-variant="seller"] .seller-setup-art,
html body[data-app-variant="seller"] .seller-setup-note,
html body[data-app-variant="seller"] .setup-first-login-help {
  border: 0 !important;
  outline: 0 !important;
}
html body[data-app-variant="seller"] .setup-first-login-help {
  background: #f8fafc !important;
  color: #667085 !important;
}
html body[data-app-variant="seller"] .setup-first-login-help strong {
  color: #344054 !important;
}
html body[data-app-variant="seller"] .seller-choice:has(input:checked),
html body[data-app-variant="seller"] .seller-mode-option:has(input:checked) {
  border-color: #c4b5fd !important;
  background: #faf5ff !important;
  color: #6d28d9 !important;
}
html body[data-app-variant="seller"] .seller-choice input,
html body[data-app-variant="seller"] .seller-mode-option input {
  accent-color: #7c3aed !important;
}



/* Cupons: todo o modal usa a identidade roxa/neutra do painel. */
html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card,
html body[data-app-variant="seller"] .seller-coupons-mobile .coupon-type-card {
  border-color: #e5e7eb !important;
  background: #fff !important;
}

html body[data-app-variant="seller"] #overlay.overlay .coupon-type-icon,
html body[data-app-variant="seller"] .coupon-mobile-art {
  background: #f5f3ff !important;
  color: #7c3aed !important;
}
html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card b,
html body[data-app-variant="seller"] #overlay.overlay .coupon-admin-list-head span,
html body[data-app-variant="seller"] .coupon-admin-list-head span,
html body[data-app-variant="seller"] .coupon-hub-active span,
html body[data-app-variant="seller"] .coupon-hub-history summary span {
  color: #7c3aed !important;
}
html body[data-app-variant="seller"] #overlay.overlay .coupon-admin-art {
  color: #7c3aed !important;
}
html body[data-app-variant="seller"] #overlay.overlay .coupon-history-row button,
html body[data-app-variant="seller"] .coupon-mobile-actions button {
  border-color: #ddd6fe !important;
  background: #faf5ff !important;
  color: #6d28d9 !important;
}




/* Regra final: o X de qualquer modal permanece neutro, inclusive no editor de adicionais. */




/* Últimos elementos apontados nas capturas: identidade roxa, sem vermelho. */
html body #overlay.overlay .sd-modal-icon,
html body[data-app-variant="seller"] #overlay.overlay .sd-modal-icon {
  background: #f5f3ff !important;
  color: #7c3aed !important;
}
html body #overlay.overlay .sd-dropzone,
html body[data-app-variant="seller"] #overlay.overlay .sd-dropzone {
  border-color: #c4b5fd !important;
  background: #faf5ff !important;
}
html body #overlay.overlay .sd-dropzone.is-drag,
html body[data-app-variant="seller"] #overlay.overlay .sd-dropzone.is-drag {
  border-color: #7c3aed !important;
  background: #f5f3ff !important;
}
html body #overlay.overlay .sd-dropzone-ico,
html body[data-app-variant="seller"] #overlay.overlay .sd-dropzone-ico {
  background: #f5f3ff !important;
  color: #7c3aed !important;
}
html body #overlay.overlay .product-promo-status,
html body[data-app-variant="seller"] #overlay.overlay .product-promo-status {
  border-color: #e5e7eb !important;
  background: #f8fafc !important;
}
html body #overlay.overlay .product-promo-status input[type="checkbox"],
html body[data-app-variant="seller"] #overlay.overlay .product-promo-status input[type="checkbox"] {
  accent-color: #7c3aed !important;
}



/* Opções de encomenda só aparecem quando o tipo Encomenda é escolhido. */
html body[data-app-variant="seller"] #overlay .seller-encomenda-production[hidden],
html body[data-app-variant="seller"] #overlay .seller-encomenda-deadline[hidden] {
  display: none !important;
}



/* X de remover item adicional: neutro/roxo, sem vermelho. */
html body #overlay.overlay [data-remove-addon-option],
html body[data-app-variant="seller"] #overlay.overlay [data-remove-addon-option] {
  border-color: #ddd6fe !important;
  background: #faf5ff !important;
  color: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
  box-shadow: none !important;
}




/* Container externo de pedidos: sem borda/contorno vermelho residual. */
html body[data-app-variant="seller"] .seller-dashboard-modern.seller-panel-only-orders,
html body[data-app-variant="seller"] .seller-panel-only-orders {
  border: 0 !important;
  border-color: transparent !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body[data-app-variant="seller"] .seller-panel-only-orders .seller-panel-orders-only {
  border-color: #e5e7eb !important;
}



/* Hover dos botões de configurações: sem vermelho, seguindo a identidade roxa. */




/* Modal Ver cupom: nenhuma opção usa vermelho. */



html body[data-app-variant="seller"] #overlay.overlay .coupon-type-card b,
html body[data-app-variant="seller"] #overlay.overlay .coupon-admin-list-head span,
html body[data-app-variant="seller"] #overlay.overlay .coupon-hub-active span,
html body[data-app-variant="seller"] #overlay.overlay .coupon-hub-history summary span,
html body[data-app-variant="seller"] .coupon-admin-list-head span {
  color: #7c3aed !important;
}
html body[data-app-variant="seller"] #overlay.overlay .coupon-admin-art {
  color: #7c3aed !important;
}
html body[data-app-variant="seller"] #overlay.overlay .coupon-admin-actions button,
html body[data-app-variant="seller"] #overlay.overlay .coupon-history-row button,
html body[data-app-variant="seller"] .coupon-mobile-actions button {
  border-color: #ddd6fe !important;
  background: #faf5ff !important;
  color: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
}



/* Cards dos pedidos: acabamento branco e uniforme em todos os status. */
html body[data-app-variant="seller"] .orders-kanban .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .orders-kanban .ob-card.pickup-order,
html body[data-app-variant="seller"] .orders-kanban .ob-card.delivery-order,
html body[data-app-variant="seller"] .orders-kanban .ob-card.motoboy-out,
html body[data-app-variant="seller"] .orders-kanban .ob-card.motoboy-done,
html body[data-app-variant="seller"] .orders-kanban .ob-col-received .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-col-out .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-col-done .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-col-cancelled .ob-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .07) !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-card::before,
html body[data-app-variant="seller"] .orders-kanban .ob-card::after {
  border: 0 !important;
  box-shadow: none !important;
}



/* Quadros/colunas: fundo neutro para que nenhum card pareça ter borda colorida. */
html body[data-app-variant="seller"] .orders-kanban > .ob-col,
html body[data-app-variant="seller"] .orders-kanban .ob-col.sv-col,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-received,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-preparing,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-out,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-done,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-cancelled {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}



/* Em preparo: sem borda/faixa/sombra amarela no card ou na coluna. */
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing.sv-col,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card.pickup-order,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card.delivery-order {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card::before,
html body[data-app-variant="seller"] .orders-kanban .ob-col-preparing .ob-card::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}



/* Override de alta especificidade: a coluna Em preparo também fica branca. */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-preparing,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.sv-col.ob-col-preparing,
html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col.ob-col-preparing {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-preparing > .ob-col-head,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-preparing > .ob-col-title {
  background: transparent !important;
}



/* Regra exata do card Em preparo: elimina a faixa inset amarela. */

  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.delivery-order,
  html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.pickup-order {
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    border-color: #e5e7eb !important;
    box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
    outline: 0 !important;
  }




/* Em preparo: somente o pedido volta ao amarelo original, sem faixa inset. */
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.pickup-order {
  background: #fff7e8 !important;
  background-color: #fff7e8 !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
  outline: 0 !important;
}



/* Todos os cards: fundo original por status, sem borda ou faixa inset colorida. */
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard.pickup-order {
  background: #fff1f2 !important;
  background-color: #fff1f2 !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.pickup-order {
  background: #fff7e8 !important;
  background-color: #fff7e8 !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard.pickup-order {
  background: #eafaf2 !important;
  background-color: #eafaf2 !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard.pickup-order {
  background: #f4f7ff !important;
  background-color: #f4f7ff !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.pickup-order {
  background: #f8fafc !important;
  background-color: #f8fafc !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.pickup-order {
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard::before,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}



/* Variações de entrega dos cards: sem faixas/sombras coloridas ou bordas por status. */
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard {
  border: 1px solid #e5e7eb !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-top: 1px solid #e5e7eb !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}



/* Em entrega: verde claro no card, sem preenchimento verde forte nem faixa inset. */
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-out {
  background: #eafaf2 !important;
  background-color: #eafaf2 !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
  outline: 0 !important;
}



/* Em entrega: coluna branca; somente o pedido recebe verde claro. */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.sv-col.ob-col-out,
html body[data-app-variant="seller"] .orders-kanban.ob-kanban > .ob-col.ob-col-out {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.motoboy-out {
  background: #eafaf2 !important;
  background-color: #eafaf2 !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}



/* Seis quadros: coluna branca; somente o card recebe a cor suave do status. */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-received,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-preparing,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-out,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-done,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-cancelled,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.sv-col.ob-col-encomenda,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban > .ob-col {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.needs-action { background: #fff1f2 !important; background-color: #fff1f2 !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard { background: #fff7e8 !important; background-color: #fff7e8 !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.motoboy-out { background: #eafaf2 !important; background-color: #eafaf2 !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.motoboy-done { background: #f4f7ff !important; background-color: #f4f7ff !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard { background: #f8fafc !important; background-color: #f8fafc !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard { background: #f3e8ff !important; background-color: #f3e8ff !important; }
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.motoboy-done {
  border: 1px solid #e5e7eb !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  outline: 0 !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard::before,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard::after {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  content: none !important;
}



/* Ações dos cards: branco com fonte preta, sem roxo. */
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .small-primary,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .pickup-completion,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions .sv-details,
html body[data-app-variant="seller"] .orders-kanban .sv-kactions button.primary,
html body[data-app-variant="seller"] .orders-kanban .ob-accept,
html body[data-app-variant="seller"] .orders-kanban .small-primary[data-complete-pickup],
html body[data-app-variant="seller"] .orders-kanban .small-primary[data-self-delivery-done] {
  background: #fff !important;
  background-color: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: none !important;
}



/* Override de maior especificidade para vencer os estilos legados de small-primary. */
html body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban .sv-kactions .small-primary,
html body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban .sv-kactions .pickup-completion,
html body[data-app-variant="seller"] .seller-content .sv-kanban.orders-kanban .sv-kactions .sv-details,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .small-primary,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .ob-accept,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col-preparing .small-primary,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col-out .small-primary {
  background: #fff !important;
  background-color: #fff !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: none !important;
}



/* Cards totalmente neutros; ações voltam ao roxo com fonte branca. */
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .ob-kanban .ob-card.sv-kcard.motoboy-done {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
}
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .small-primary,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card button.small-primary,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card button.small-primary[data-self-delivery],
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .ob-accept,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .pickup-completion,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card .sv-details {
  background: #7c3aed !important;
  background-color: #ffffff !important;
  border: 0 !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}



/* Fundo final dos seis cards: sempre branco, independentemente do status. */
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-received .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-done .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban .ob-card.sv-kcard.motoboy-done {
  background: #fff !important;
  background-color: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-left: 1px solid #e5e7eb !important;
  border-right: 1px solid #e5e7eb !important;
  border-color: #e5e7eb !important;
  box-shadow: 0 2px 8px rgba(35, 42, 50, .05) !important;
  outline: 0 !important;
}



/* Mais pedidos: o fogo fica sem moldura, filtro ou borda roxa. */




/* Ver cardápio e status da loja: sem fonte vermelha, sombra ou movimento no hover. */






/* Login: mesma composição 2D flat, agora na paleta roxa SDFood. */
html body #overlay.overlay.login,
html body[data-app-variant="seller"]:has(.seller-access-stage) #main,
html body[data-app-variant="seller"]:has(.seller-access-gate) #main {
  background-image: none !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

  html body #overlay.overlay.login,
  html body[data-app-variant="seller"]:has(.seller-access-stage) #main,
  html body[data-app-variant="seller"]:has(.seller-access-gate) #main {
    background-image: none !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #ffffff !important;
  }




/* Online e Ver cardápio: hover neutro, sem vermelho. */






/* Todos os cartões de pedido brancos em todos os quadros e estados; cores de ícones, status e ações preservadas. */
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-received .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-preparing .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-out .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-done .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-cancelled .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard.needs-action,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col.ob-col-encomenda .ob-card.sv-kcard.motoboy-done,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col .ob-card.sv-kcard,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col .ob-card.delivery-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col .ob-card.pickup-order,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col .ob-card.motoboy-out,
html body[data-app-variant="seller"] .seller-content .orders-kanban.ob-kanban .ob-col .ob-card.motoboy-done {
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
}



/* 14px em todos os textos da interface, inclusive descrições e rótulos de gráficos. Apenas títulos e seus descendentes conservam o tamanho atual. */
html body[data-app-variant="seller"] #main#main#main *:not(:is(
  h1, h2, h3, h4, h5, h6,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
  [class*="title"], [class*="title"] *, [id*="title"], [id*="title"] *,
  [class*="heading"], [class*="heading"] *, [id*="heading"], [id*="heading"] *
)),
html body[data-app-variant="seller"] .seller-layout .seller-sidebar-nav *,
html body[data-app-variant="seller"] .seller-layout .seller-bottom-nav * {
  font-size: 14px !important;
}
/* Os rótulos <text> do SVG usam a propriedade abreviada font; sobrescrevemos também essa regra. */
html body[data-app-variant="seller"] #main#main#main svg text {
  font-family: "Outfit", sans-serif !important;
  font-size: 14px !important;
}



/* Conta do lojista: todos os textos informativos/valores/ações em 14px; títulos h1-h6 permanecem como estão. */
html body[data-app-variant="seller"] #overlay.overlay:has(.seller-account-settings) *:not(:is(
  h1, h2, h3, h4, h5, h6,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *
)) {
  font-size: 14px !important;
}



/* Conta do lojista: textos, dados, explicações e ações em 14px; títulos sem alteração. */
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-settings.seller-account-settings *:not(:is(
  h1, h2, h3, h4, h5, h6,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *
)),
html body[data-app-variant="seller"] #overlay#overlay.overlay:has(.seller-account-settings) .seller-account-identity *:not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *)),
html body[data-app-variant="seller"] #overlay#overlay.overlay:has(.seller-account-settings) .drawer-head *:not(:is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *,h4 *,h5 *,h6 *)) {
  font-size: 14px !important;
}
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-settings.seller-account-settings .seller-settings-copy strong,
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-settings.seller-account-settings .seller-settings-copy small,
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-settings.seller-account-settings .seller-settings-action,
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-settings.seller-account-settings .seller-settings-save,
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-identity.seller-account-identity strong,
html body[data-app-variant="seller"] #overlay#overlay.overlay .seller-account-identity.seller-account-identity small {
  font-size: 14px !important;
}



/* Formulário Dados da loja: todos os textos, instruções, opções e ações em 14px; cabeçalhos/títulos preservados. */
html body[data-app-variant="seller"] #overlay#overlay.overlay:has(#storeDetailsForm) .drawer.drawer *:not(:is(
  h1, h2, h3, h4, h5, h6,
  h1 *, h2 *, h3 *, h4 *, h5 *, h6 *
)) {
  font-size: 14px !important;
}



/* Manter os dois rótulos financeiros em capitalização normal, sem forçar caixa alta. */
html body[data-app-variant="seller"] .seller-content .seller-finance-simple .seller-finance-summary-cards article > small,
html body[data-app-variant="seller"] .seller-content .seller-finance-summary-cards article > small {
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
}



/* Tabbar mobile: manter rótulos a 14px sem cortar letras ou acrescentar reticências. */

  html body[data-app-variant="seller"] .seller-sidebar-nav .seller-nav-group {
    gap: 2px !important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-nav button {
    height: 62px !important;
    min-height: 62px !important;
    padding: 4px 2px !important;
    overflow: visible !important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-nav button > span:not(.sv-count) {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 17px !important;
    margin: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    text-align: center !important;
  }




/* Identificação da movimentação clicável para abrir os detalhes do pedido correspondente. */
html body[data-app-variant="seller"] .seller-finance-table .seller-finance-order-open {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #101827 !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  text-align: left !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}


html body[data-app-variant="seller"] .seller-finance-order-open-full { display: inline !important; }
html body[data-app-variant="seller"] .seller-finance-order-open-short { display: none !important; }

  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-order-open-full { display: none !important; }
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-order-open-short { display: inline !important; }
  html body[data-app-variant="seller"] .seller-finance-view .seller-finance-order-open {
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
    line-height: 1.25 !important;
  }




/* Os contadores devem conservar a escala compacta apesar da regra global de 14px. */

  html body[data-app-variant="seller"] #main#main#main .orders-mobile-tabs .orders-mobile-tab > b {
    font-size: 9px !important;
  }

/* O botão Hoje não muda para vermelho quando o ponteiro passa por cima. */


/* Sem cor vermelha nem linha no hover da movimentação financeira. */




/* Campos editáveis mantêm um indicador de foco acessível, mas sem borda/sombra vermelha. */
html body[data-app-variant="seller"] #main#main#main :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
  textarea, select, [contenteditable="true"]
):is(:focus, :focus-visible),
html body[data-app-variant="seller"] #overlay#overlay#overlay :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
  textarea, select, [contenteditable="true"]
):is(:focus, :focus-visible),
html body[data-app-variant="seller"] #drawer#drawer#drawer :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="hidden"]),
  textarea, select, [contenteditable="true"]
):is(:focus, :focus-visible),
html body[data-app-variant="seller"] #sellerGateEmail#sellerGateEmail#sellerGateEmail:is(:focus, :focus-visible),
html body[data-app-variant="seller"] #sellerGatePassword#sellerGatePassword#sellerGatePassword:is(:focus, :focus-visible),
html body[data-app-variant="seller"] #supportChatInput#supportChatInput#supportChatInput:is(:focus, :focus-visible) {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
/* Caixas de busca que desenham o foco no contêiner, não apenas no input. */
html body[data-app-variant="seller"] #main#main#main .search:focus-within,
html body[data-app-variant="seller"] #main#main#main .order-search-box:focus-within,
html body[data-app-variant="seller"] #overlay#overlay#overlay .search:focus-within,
html body[data-app-variant="seller"] #overlay#overlay#overlay .order-search-box:focus-within {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}



/* Chat do lojista: ação de envio e valor do pedido na paleta roxa. */
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) #supportChatSendBtn,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-send-btn,
html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-chat-compose button {
  background: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body[data-app-variant="seller"] #overlay.overlay:has(.support-chat-shell) .support-order-card-price {
  color: #6d28d9 !important;
  -webkit-text-fill-color: #6d28d9 !important;
}

/* Tabbar mobile: nenhum fundo ou sombra na aba selecionada; só o ícone fica roxo. */

  
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active,
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active > span:not(.sv-count) {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active > svg,
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active > .seller-nav-line-icon {
    color: #6d28d9 !important;
    stroke: #6d28d9 !important;
    fill: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body[data-app-variant="seller"] .seller-sidebar-nav button.active::before {
    display: none !important;
  }




html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) #supportChatSendBtn#supportChatSendBtn#supportChatSendBtn,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-send-btn {
  background: #7c3aed !important;
  background-color: #7c3aed !important;
  border-color: #7c3aed !important;
  color: #fff !important;
  box-shadow: none !important;
}




/* Consistência de tipografia: texto informativo do chat e do editor em 14px; títulos preservados. */
html body[data-app-variant="seller"] #main#main#main .seller-catalog-subtitle {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-shell :where(*)
  :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeSupportChat):not(svg):not(svg *) {
  font-size: 14px !important;
}
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .sd-launch-modal :where(*)
  :not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(.settings-title):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Seletor direto: garante 14px no próprio texto/campo, não apenas em elementos descendentes. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-shell *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeSupportChat):not(svg):not(svg *) {
  font-size: 14px !important;
}
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .sd-launch-modal *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeDrawer):not(.settings-title):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Modal Status da loja: descrição, opções e textos auxiliares em 14px; título principal preservado. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form .seller-modal-help,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form .seller-choice.seller-choice,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form .seller-choice.seller-choice > span,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form .seller-choice.seller-choice > span > strong,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form .seller-choice.seller-choice > span > small,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay .seller-modal-form.seller-modal-form #saveStoreStatus {
  font-size: 14px !important;
}



/* Informações do Produto: todo texto informativo em 14px; títulos h2 e botão X preservam o tamanho atual. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.seller-product-view-shell) .seller-product-view-shell *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeDrawer):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Detalhes do pedido: texto informativo em 14px; o título h2 e o controle de fechar permanecem inalterados. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(#printOrderTicket) .drawer *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeDrawer):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Confirmação de conclusão: todos os textos/campos/ações em 14px, preservando o título e o X. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.completion-code-modal) .completion-code-modal *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeCompletionCode):not(svg):not(svg *) {
  font-size: 14px !important;
}
/* Notificações: subtítulo, ações, textos e metadados em 14px; título e X mantêm o tamanho original. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(#notificationsBody) .drawer *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeDrawer):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Identidade da loja: descrições, rótulos, instruções de upload, status de imagem e botões em 14px. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(#storeMediaForm) .drawer *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.close):not(#closeDrawer):not(svg):not(svg *) {
  font-size: 14px !important;
}



/* Balões recebidos e enviados: regra direta para vencer estilos legados do chat. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-row.mine .support-chat-bubble,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-row.theirs .support-chat-bubble,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-msg-row.sent .support-chat-bubble,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-msg-row.received .support-chat-bubble {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-row.mine .support-chat-bubble *:not(svg):not(svg *),
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-row.theirs .support-chat-bubble *:not(svg):not(svg *),
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-msg-row.sent .support-chat-bubble *:not(svg):not(svg *),
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-shell) .support-chat-msg-row.received .support-chat-bubble *:not(svg):not(svg *) {
  font-size: 14px !important;
  line-height: 1.45 !important;
}
/* Variante legada usada por algumas conversas. */
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-msg) .support-chat-msg,
html body[data-app-variant="seller"] #overlay#overlay#overlay.overlay:has(.support-chat-msg) .support-chat-msg p {
  font-size: 14px !important;
  line-height: 1.45 !important;
}



:root,html body[data-app-variant="seller"]{--ui-primary:oklch(.49 .21 293);--ui-primary-soft:oklch(.96 .018 293);--ui-bg:oklch(.985 .002 293);--ui-surface:oklch(1 0 0);--ui-ink:oklch(.24 .015 290);--ui-muted:oklch(.55 .018 290);--ui-line:oklch(.925 .009 290);--ui-danger:oklch(.54 .2 24);--ui-scrim:oklch(.2 .02 290 / .3);--red:var(--ui-primary);--red-dark:var(--ui-primary);--seller-accent:var(--ui-primary);--seller-red:var(--ui-primary);--seller-mobile-red:var(--ui-primary);--seller-bg:var(--ui-bg);--seller-border:var(--ui-line);--seller-ink:var(--ui-ink);--ink:var(--ui-ink);--muted:var(--ui-muted);--line:var(--ui-line);--soft:var(--ui-bg);--shadow:none;--seller-shadow:none}
html body[data-app-variant="seller"]{background:var(--ui-bg)!important;color:var(--ui-ink)!important}
html body[data-app-variant="seller"] *{letter-spacing:0!important;box-shadow:none!important;text-shadow:none!important}
html body[data-app-variant="seller"] button,html body[data-app-variant="seller"] a,html body[data-app-variant="seller"] .seller-product-card{transition:background-color .12s,color .12s!important}

html body[data-app-variant="seller"] button:focus-visible,html body[data-app-variant="seller"] a:focus-visible{outline-offset:3px}
html body[data-app-variant="seller"] #main#main#main .seller-layout{background:var(--ui-bg)!important}
html body[data-app-variant="seller"] #main#main#main .seller-content{min-width:0;background:var(--ui-bg)!important;padding-bottom:24px!important}
html body[data-app-variant="seller"] #main#main#main .seller-workspace{padding:30px 36px!important;max-width:1500px;margin:auto}
html body[data-app-variant="seller"] #main#main#main .seller-panel-topbar{background:var(--ui-surface)!important;border-bottom:1px solid var(--ui-line)!important;height:76px!important;padding:0 36px!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar{background:var(--ui-surface)!important;border-right:1px solid var(--ui-line)!important;width:230px;flex-basis:230px}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button{border-radius:6px!important;min-height:46px;font-size:14px!important;color:var(--ui-muted)!important;display:flex;align-items:center;gap:12px}


html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button::before{display:none!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-workspace-card,.seller-product-card,.seller-sales-line-chart,.fin-chart-card,.report-card,.sv-card,.seller-panel,.sv-order,.sv-kcard){background:var(--ui-surface)!important;border:0!important;border-radius:8px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-view,html body[data-app-variant="seller"] #main#main#main .seller-overview-head{background:transparent!important;border:0!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-header{padding:0!important;margin-bottom:26px!important;gap:16px;align-items:center}
html body[data-app-variant="seller"] #main#main#main :is(.seller-catalog-title,.seller-overview-title){font-size:28px!important;line-height:1.25!important;color:var(--ui-ink)!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-subtitle{color:var(--ui-muted)!important;font-size:14px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-filters{display:flex!important;gap:12px!important;margin-bottom:24px!important;background:transparent!important;border:0!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-search-wrap{flex:1;min-width:0}
html body[data-app-variant="seller"] #main#main#main :is(.seller-catalog-search,.seller-catalog-select){height:44px!important;border:1px solid var(--ui-line)!important;background:var(--ui-surface)!important;border-radius:6px!important;color:var(--ui-ink)!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card{overflow:visible!important;position:relative}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-img-wrap{height:auto!important;aspect-ratio:16/10!important;border-radius:7px 7px 0 0!important;overflow:hidden}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-img{width:100%!important;height:100%!important;object-fit:cover!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-body{padding:16px!important;gap:12px!important;display:flex!important;align-items:flex-start!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-name{color:var(--ui-ink)!important;font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-price{font-size:14px!important;white-space:nowrap;color:var(--ui-primary)!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-catalog-btn-new,.seller-new-order,.primary,.small-primary){background:var(--ui-primary)!important;color:var(--ui-surface)!important;border:0!important;border-radius:6px!important;min-height:44px}
html body[data-app-variant="seller"] #overlay#overlay#overlay :is(.primary,.sd-modal-footer button[type="submit"]){background:var(--ui-primary)!important;color:var(--ui-surface)!important;border-radius:6px!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay :is(input:not([type="checkbox"]),select,textarea){border:1px solid var(--ui-line)!important;border-radius:6px!important;color:var(--ui-ink)!important;background:var(--ui-surface)!important;font-size:16px!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay :is(.sd-launch-modal,.drawer,.seller-product-view-shell){border-radius:8px!important;background:var(--ui-surface)!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-sales-line-chart,.fin-chart-card,.report-card){padding:24px!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-sales-bar,.report-bar){fill:var(--ui-primary-soft)!important;stroke:none!important;rx:4px}
html body[data-app-variant="seller"] #main#main#main :is(.seller-sales-bar-group.today .seller-sales-bar,.seller-sales-bar-group.selected .seller-sales-bar){fill:var(--ui-primary)!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-sales-grid-line,.report-grid){stroke:var(--ui-line)!important;stroke-dasharray:3 5}
html body[data-app-variant="seller"] #main#main#main :is(.fin-chart-svg,.report-chart-wrap svg) rect[fill^="url"]{fill:var(--ui-primary)!important;rx:4px}
html body[data-app-variant="seller"] #main#main#main .seller-sales-chart-head p:not(.seller-eyebrow){display:none!important}
html body[data-app-variant="seller"] #main#main#main .seller-sales-line-chart-svg{max-height:260px!important;width:100%!important}
html body[data-app-variant="seller"] #main#main#main .ui-product-tools{border-top:1px solid var(--ui-line);padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.ui-product-tools small{color:var(--ui-muted);font-size:11px;white-space:nowrap}
.ui-actions{position:relative;display:inline-flex;border:1px solid var(--ui-line);border-radius:5px;background:var(--ui-surface)}
.ui-actions>button{height:36px;padding:0 12px;background:transparent;color:var(--ui-ink);font-size:12px;font-weight:600}
.ui-actions>button+button{border-left:1px solid var(--ui-line);width:36px;padding:8px}
.ui-actions svg,.ui-menu svg,.ui-hamburger svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.ui-menu{position:absolute;z-index:80;right:0;top:calc(100% + 6px);width:204px;border:1px solid var(--ui-line);border-radius:6px;background:var(--ui-surface);padding:5px}
.ui-menu[hidden]{display:none!important}
.ui-menu button{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;background:transparent;color:var(--ui-ink);font-size:13px;text-align:left;padding:0 10px;border-radius:4px}

.ui-menu button.ui-delete{border-top:1px solid var(--ui-line);border-radius:0;color:var(--ui-danger);margin-top:4px}
.ui-hamburger,.ui-menu-close{display:none}
.ui-nav-scrim{display:none;position:fixed;inset:0;background:var(--ui-scrim);z-index:998}
@media(max-width:1100px){html body[data-app-variant="seller"] #main#main#main .seller-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){
html body[data-app-variant="seller"] #main#main#main .seller-layout{display:block!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar{display:none!important;position:fixed!important;inset:0 auto 0 0!important;width:min(300px,85vw)!important;height:100dvh!important;min-height:100dvh!important;z-index:999!important;padding:0!important;flex-direction:column!important}
html body.ui-nav-open #main#main#main .seller-sidebar{display:flex!important}
html body.ui-nav-open .ui-nav-scrim{display:block}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-head{display:block!important;padding:8px 20px 0!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-brand{margin:0 0 8px!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav{display:block!important;padding:18px 16px!important;overflow-y:auto!important;overflow-x:hidden!important;white-space:normal!important}
html body[data-app-variant="seller"] #main#main#main .seller-nav-group{display:block!important;min-width:0!important}
html body[data-app-variant="seller"] #main#main#main .seller-nav-group-label{display:block!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button{width:100%!important;min-height:48px!important;flex-direction:row!important;padding:0 14px!important;gap:12px!important;margin:3px 0!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-footer{display:flex!important;min-height:64px!important}
html body[data-app-variant="seller"] #main#main#main .seller-panel-topbar{height:68px!important;padding:0 18px!important;gap:10px!important;display:flex!important}
html body[data-app-variant="seller"] #main#main#main .seller-breadcrumb{flex:1;font-size:13px!important;min-width:0}
html body[data-app-variant="seller"] #main#main#main .seller-user-copy{display:none!important}
html body[data-app-variant="seller"] #main#main#main .seller-user-cluster{gap:10px!important}
html body[data-app-variant="seller"] #main#main#main .seller-content{padding:0!important;margin:0!important;width:100%!important;min-height:100dvh!important}
html body[data-app-variant="seller"] #main#main#main .seller-workspace{padding:26px 18px 36px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-header{align-items:flex-start!important;flex-direction:column!important;margin-bottom:22px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-title{font-size:26px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-btn-new{width:100%!important;justify-content:center!important;height:44px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-filters{flex-direction:column!important;gap:10px!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-select{width:100%!important;max-width:none!important}
html body[data-app-variant="seller"] #main#main#main .seller-catalog-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card-img-wrap{aspect-ratio:16/9!important}
.ui-hamburger,.ui-menu-close{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;color:var(--ui-ink);background:transparent;border-radius:5px}
.ui-menu-close{position:absolute;right:12px;top:14px;font-size:26px}
html body[data-app-variant="seller"] #overlay#overlay#overlay :is(.sd-two,.two-col,.sd-price-avail){grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:16px!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay .sd-launch-modal{width:100%!important;max-width:100%!important;padding:0!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay .sd-launch-form{padding:20px!important}
html body[data-app-variant="seller"] #main#main#main :is(.seller-sales-line-chart,.fin-chart-card,.report-card){padding:18px!important}
}
@media(prefers-reduced-motion:reduce){html body[data-app-variant="seller"] *{animation:none!important;transition:none!important}}
html body[data-app-variant="seller"] #main#main#main *,html body[data-app-variant="seller"] #overlay#overlay#overlay *{box-shadow:none!important;text-shadow:none!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card{padding:0!important;z-index:0!important}
html body[data-app-variant="seller"] #main#main#main .seller-product-card:has(.ui-menu:not([hidden])){z-index:100!important}
html body[data-app-variant="seller"] #main#main#main .ui-menu{top:auto!important;bottom:calc(100% + 6px)!important}
html body[data-app-variant="seller"] #main#main#main .seller-panel-topbar{box-shadow:none!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button{justify-content:flex-start!important;text-align:left!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button>span{color:inherit!important;font-size:14px!important;flex:0 1 auto!important;position:static!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-nav button svg{color:inherit!important;background:transparent!important;padding:0!important;width:20px!important;height:20px!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-footer{color:var(--ui-muted)!important;width:auto!important;justify-content:flex-start!important;padding:0 14px!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-footer span{display:inline!important;color:inherit!important}
html body[data-app-variant="seller"] #main#main#main .seller-sidebar-brand img{max-width:none!important;object-fit:contain!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay .product-promo-status,html body[data-app-variant="seller"] #overlay#overlay#overlay .product-addons-block{background:transparent!important;border-radius:0!important;border:0!important;padding:16px 0!important}
html body[data-app-variant="seller"] #overlay#overlay#overlay .addon-preview-note{background:var(--ui-primary-soft)!important;color:var(--ui-muted)!important;border-radius:6px!important}

@media(max-width:760px){
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main .seller-nav-group{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;flex:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main .seller-sidebar-nav button{height:48px!important;min-height:48px!important;max-height:48px!important;justify-content:flex-start!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main .seller-sidebar-nav button svg{margin:0!important;width:20px!important;height:20px!important;flex:0 0 20px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main .seller-sidebar-nav button span{flex:none!important;margin:0!important}
}




/* Apresentação mobile; eventos, dados e recursos existentes preservados. */
.ob-mobile-vector,.ob-mobile-action-icon,.ob-accept-mobile,.ob-count-unit,.ob-help-mobile{display:none}
@media(max-width:760px){
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main{--order-surface:oklch(1 0 0);--order-bg:oklch(.985 .003 255);--order-ink:oklch(.23 .065 270);--order-muted:oklch(.47 .065 265);--order-line:oklch(.945 .018 260);--order-new:oklch(.64 .23 15);--order-new-soft:oklch(.974 .015 15);--order-prep:oklch(.72 .17 75);--order-prep-soft:oklch(.98 .019 85);--order-out:oklch(.61 .17 155);--order-out-soft:oklch(.977 .018 155);--order-done:oklch(.58 .22 262);--order-done-soft:oklch(.975 .016 260);--order-cancel:oklch(.51 .09 280);--order-cancel-soft:oklch(.973 .014 280);--order-accept:oklch(.53 .25 292);--order-danger-soft:oklch(.955 .025 15);--order-time:oklch(.66 .19 45);--order-time-soft:oklch(.965 .031 55)}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.seller-sidebar-nav,.seller-bottom-nav,.seller-tabs) [data-seller-tab]:is([data-seller-tab="delivery"],[data-seller-tab="couriers"],[data-seller-tab="coupons"],[data-seller-tab="settings"],[data-seller-tab="promos"],[data-seller-tab="promocoes"]){display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;width:100%!important;height:62px!important;min-height:62px!important;padding:0!important;margin:0 0 12px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tabs:has(.orders-mobile-tab-encomenda){grid-template-columns:repeat(6,minmax(48px,1fr))!important;overflow-x:auto!important;overflow-y:hidden!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab{--status:var(--order-new);--status-soft:var(--order-new-soft);position:relative!important;display:grid!important;grid-template:30px 14px / minmax(0,1fr)!important;place-items:center!important;gap:2px!important;min-width:0!important;width:100%!important;height:62px!important;min-height:62px!important;padding:7px 2px!important;margin:0!important;border:1px solid var(--status-soft)!important;border-radius:7px!important;background:var(--status-soft)!important;color:var(--status)!important;box-shadow:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-preparing{--status:var(--order-prep);--status-soft:var(--order-prep-soft)}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-out{--status:var(--order-out);--status-soft:var(--order-out-soft)}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-done{--status:var(--order-done);--status-soft:var(--order-done-soft)}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda){--status:var(--order-cancel);--status-soft:var(--order-cancel-soft)}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab::after{content:""!important;left:6px!important;right:6px!important;bottom:5px!important;height:2px!important;background:var(--status)!important;opacity:.22!important;border-radius:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab.active::after{opacity:1!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-label{display:block!important;position:static!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;max-width:100%!important;font-size:8px!important;font-weight:600!important;line-height:12px!important;white-space:nowrap!important;overflow:visible!important;color:var(--order-ink)!important;-webkit-text-fill-color:var(--order-ink)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab>b{display:grid!important;place-items:center!important;position:absolute!important;top:4px!important;right:3px!important;width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;border:2px solid var(--status-soft)!important;border-radius:50%!important;font-size:8px!important;line-height:10px!important;background:var(--status)!important;color:var(--order-surface)!important;-webkit-text-fill-color:var(--order-surface)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-icon,html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-icon .ob-ico-box{width:27px!important;height:27px!important;min-width:27px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:color-mix(in oklch,var(--status) 15%,var(--order-surface))!important;color:var(--status)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-mobile-vector{display:block!important;width:20px!important;height:20px!important;min-width:0!important;fill:none!important;stroke:currentColor!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.ob-ico-box,.ob-meta-icon) img{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-kanban{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:0!important;background:transparent!important;min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col{background:var(--order-surface)!important;border:1px solid var(--order-line)!important;border-radius:7px!important;padding:14px 12px 12px!important;min-width:0!important;min-height:0!important;box-shadow:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-head{display:grid!important;grid-template-columns:32px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;min-height:32px!important;background:transparent!important;border:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-head>.ob-ico-box{width:32px!important;height:32px!important;margin:0!important;padding:6px!important;background:var(--order-new-soft)!important;color:var(--order-new)!important;border-radius:7px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-preparing .ob-col-head>.ob-ico-box{background:var(--order-prep-soft)!important;color:var(--order-prep)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-out .ob-col-head>.ob-ico-box{background:var(--order-out-soft)!important;color:var(--order-out)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-done .ob-col-head>.ob-ico-box{background:var(--order-done-soft)!important;color:var(--order-done)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-title{font-size:14px!important;font-style:normal!important;font-weight:750!important;line-height:19px!important;color:var(--order-ink)!important;white-space:normal!important;min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count{display:flex!important;gap:3px!important;align-self:start!important;padding:3px 0!important;border:0!important;background:transparent!important;font-size:10px!important;font-style:normal!important;font-weight:500!important;color:var(--order-muted)!important;min-width:0!important;width:auto!important;height:auto!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count-unit,html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-help-mobile{display:inline!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count :is(span){font-size:10px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-help{margin:2px 0 16px 40px!important;padding:0!important;font-size:10px!important;line-height:14px!important;color:var(--order-muted)!important;min-height:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-help-desktop{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card.sv-kcard{display:block!important;margin:0 0 8px!important;padding:14px 12px!important;background:var(--order-surface)!important;border:1px solid var(--order-line)!important;border-left:1px solid var(--order-line)!important;border-radius:7px!important;box-shadow:none!important;min-width:0!important;min-height:0!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card:last-child{margin-bottom:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-khead{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0 0 6px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-khead b{font-size:12px!important;line-height:18px!important;font-weight:750!important;color:var(--order-ink)!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-time{display:inline-flex!important;align-items:center!important;gap:3px!important;background:var(--order-time-soft)!important;color:var(--order-time)!important;padding:3px 6px!important;border-radius:20px!important;font-size:9px!important;line-height:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-time::before{content:"◷";font-size:12px}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-name-row{display:grid!important;grid-template-columns:14px minmax(0,1fr) auto!important;align-items:start!important;gap:6px!important;margin:0 0 12px!important;min-height:18px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-user{width:14px!important;height:14px!important;color:var(--order-muted)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-customer-copy{min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-name{display:block!important;font-size:11px!important;line-height:16px!important;font-weight:650!important;white-space:normal!important;overflow-wrap:anywhere!important;color:var(--order-muted)!important;-webkit-text-fill-color:var(--order-muted)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-customer-address{font-size:10px!important;line-height:14px!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-chev{width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;color:var(--order-muted)!important;background:transparent!important;border:0!important;font-size:18px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-row{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin:0 0 10px!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-thumb{display:block!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:5px!important;object-fit:cover!important;background:var(--order-bg)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-copy{min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-copy strong{display:block!important;font-size:11px!important;line-height:16px!important;color:var(--order-ink)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-copy small{display:block!important;font-size:10px!important;line-height:15px!important;color:var(--order-muted)!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-total{display:block!important;font-size:12px!important;font-weight:750!important;line-height:16px!important;color:var(--order-ink)!important;white-space:nowrap!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:5px!important;align-items:center!important;border-top:1px solid var(--order-line)!important;margin:0!important;padding:8px 0!important;background:transparent!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta>span{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;font-size:10px!important;line-height:14px!important;color:var(--order-muted)!important;white-space:normal!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta>span:last-child{justify-content:flex-end!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-meta-icon{display:inline-grid!important;place-items:center!important;width:14px!important;height:14px!important;min-width:14px!important;padding:0!important;background:transparent!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-meta-icon svg{width:14px!important;height:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta>span:first-child .ob-meta-icon{color:var(--order-out)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-row{display:flex!important;gap:10px!important;align-items:center!important;padding:0!important;margin:0!important;border:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-row>.ob-price{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;width:100%!important;margin:0!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-width:0!important;min-height:34px!important;height:auto!important;margin:0!important;padding:7px 4px!important;border:0!important;border-radius:5px!important;font-size:10px!important;line-height:16px!important;font-weight:600!important;white-space:normal!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions .ob-accept{background:var(--order-accept)!important;color:var(--order-surface)!important;-webkit-text-fill-color:var(--order-surface)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions .ob-refuse{background:var(--order-danger-soft)!important;color:var(--order-new)!important;-webkit-text-fill-color:var(--order-new)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-accept-desktop{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-accept-mobile,html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-mobile-action-icon{display:inline!important;font-size:10px!important;color:inherit!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-mobile-action-icon{font-size:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action{margin:12px 0!important;padding:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-cancelled-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:relative!important;width:100%!important;min-height:34px!important;padding:7px 22px!important;border:1px solid var(--order-new)!important;border-radius:5px!important;background:var(--order-danger-soft)!important;color:var(--order-new)!important;-webkit-text-fill-color:var(--order-new)!important;font-size:10px!important;font-weight:500!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-cancelled-link::before{content:"⊘";font-size:14px}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-cancelled-link::after{content:"›";position:absolute;right:10px;font-size:18px}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.orders-board,.orders-mobile-tabs,.ob-kanban,.ob-col,.ob-card,.seller-cancelled-orders-action,.sv-kanban-footer){width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.ob-head,.ob-copy,.ob-tools,.ob-search){width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-copy>p:not(.seller-eyebrow){white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-tools{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-search{flex:1 0 100%!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-date-picker{flex:1!important;min-width:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-head>.ob-ico-box{min-width:32px!important;max-width:32px!important;min-height:32px!important;height:32px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-help-mobile{font-size:10px!important;line-height:14px!important;color:var(--order-muted)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-row>.ob-received-actions{flex:1!important;max-width:100%!important}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button::before,html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button::after{content:none!important;display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button span{font-size:10px!important;line-height:16px!important;font-weight:600!important;white-space:nowrap!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button .ob-mobile-action-icon{font-size:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count{justify-content:flex-end!important;gap:3px!important;white-space:nowrap!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count span{margin:0!important;padding:0!important;flex:0 0 auto!important}
/* Espaços internos e ações nas demais etapas, sem recortar conteúdo. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.seller-content,.seller-main,.seller-dashboard){min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.sv-action-stack,.ob-ship){margin-top:14px!important;gap:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.sv-status-action,.ob-pill){height:auto!important;min-height:34px!important;padding:8px 10px!important;line-height:18px!important;white-space:normal!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card .sv-action-stack>.sv-status-action{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.small-primary,[data-complete-pickup],[data-self-delivery-out],[data-self-delivery-done]){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:42px!important;height:auto!important;margin:0!important;padding:10px 12px!important;line-height:20px!important;white-space:normal!important;border-radius:6px!important;background:var(--order-accept)!important;color:var(--order-surface)!important;-webkit-text-fill-color:var(--order-surface)!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-time{white-space:nowrap!important;flex-shrink:0!important;font-variant-numeric:tabular-nums!important;min-width:48px!important;justify-content:center!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-pill.prep .ob-png-icon{display:none!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-pill.prep::before{content:"◷"!important;display:inline-block!important;margin-right:6px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.ob-product-copy,.ob-customer-copy){overflow:visible!important;height:auto!important}

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-overview-head{overflow:visible!important;padding:18px 12px!important;box-sizing:border-box!important;min-width:0!important;max-width:100%!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-overview-title{letter-spacing:0!important;line-height:1.3!important;padding:2px 0!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-overview-content-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) 88px!important;gap:10px!important;align-items:center!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-overview-copy{min-width:0!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-content{padding-left:14px!important;padding-right:14px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}

}



/* Todas as etapas compartilham a mesma tipografia, com espaço para quebra de linha. */
@media(max-width:760px){
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main {--seller-description-size:14px;--seller-description-line:22px}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.seller-content,.seller-main,.seller-dashboard) :is(p,small,label){font-size:var(--seller-description-size)!important;line-height:var(--seller-description-line)!important;letter-spacing:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-label,.orders-mobile-tab>b,.ob-col-title,.ob-count,.ob-count span,.ob-help,.ob-help-mobile,.ob-khead b,.ob-time,.ob-name,.ob-customer-address,.ob-address-text,.ob-product-copy strong,.ob-product-copy small,.ob-product-total,.ob-order-meta>span,.ob-pill,.ob-pill span,.ob-ship-chip,.sv-status-action,.orders-cancelled-link,.ob-empty,.sv-col-empty,.ob-card button,.ob-card button span,.ob-received-actions button span){font-size:var(--seller-description-size)!important;line-height:var(--seller-description-line)!important;letter-spacing:0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.ob-help,.ob-help-mobile,.ob-name,.ob-customer-address,.ob-product-copy strong,.ob-product-copy small,.ob-col-title,.ob-pill,.ob-ship-chip,.ob-card button span,.orders-cancelled-link){white-space:normal!important;overflow-wrap:anywhere!important;text-overflow:clip!important;height:auto!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tabs{grid-template-columns:repeat(5,minmax(112px,1fr))!important;gap:8px!important;height:auto!important;min-height:92px!important;padding:2px 0 8px!important;margin-bottom:16px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:4px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tabs:has(.orders-mobile-tab-encomenda){grid-template-columns:repeat(6,minmax(112px,1fr))!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab{grid-template:32px minmax(22px,auto) / minmax(0,1fr)!important;gap:8px!important;min-height:88px!important;height:auto!important;padding:12px 8px!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab>b{width:auto!important;min-width:24px!important;height:24px!important;padding:0 3px!important;top:4px!important;right:4px!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-label{white-space:normal!important;overflow-wrap:normal!important;text-align:center!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-copy>p:not(.seller-eyebrow){font-size:14px!important;line-height:22px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-row{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card .ob-ship{display:flex!important;flex-direction:column!important;gap:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card .ob-ship+.small-primary{margin-top:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col{padding:16px 12px!important;overflow:visible!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-col-head{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-count{grid-column:2!important;justify-content:flex-start!important;align-self:auto!important;padding:0!important;flex-wrap:wrap!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-help{margin:8px 0 16px 0!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card.sv-kcard{padding:16px 12px!important;margin-bottom:14px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-khead{gap:10px!important;margin-bottom:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-time{padding:4px 8px!important;min-width:66px!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-name-row{grid-template-columns:18px minmax(0,1fr) 24px!important;gap:8px!important;margin-bottom:16px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-chev{width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;line-height:22px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-encomenda-badge{font-size:14px!important;line-height:22px!important;white-space:normal!important;overflow-wrap:anywhere!important;height:auto!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-user{width:18px!important;height:18px!important;margin-top:2px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-row{grid-template-columns:40px minmax(0,1fr)!important;gap:8px 10px!important;margin-bottom:16px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-thumb{width:40px!important;height:40px!important;min-width:40px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-total{grid-column:2!important;justify-self:end!important;margin-top:2px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-product-copy small{margin-top:4px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr))!important;gap:12px!important;padding:14px 0!important;margin-bottom:8px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-order-meta>span{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-meta-icon{flex:0 0 18px!important;width:18px!important;height:18px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-meta-icon .ob-mobile-vector{width:18px!important;height:18px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))!important;gap:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-received-actions button{min-height:46px!important;padding:12px 8px!important;gap:6px!important;box-sizing:border-box!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.sv-action-stack,.ob-ship){gap:14px!important;margin-top:16px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .ob-card :is(.small-primary,[data-complete-pickup],[data-self-delivery-out],[data-self-delivery-done]){min-height:46px!important;padding:12px!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-cancelled-link{min-height:48px!important;padding:12px 30px!important;box-sizing:border-box!important;text-align:center!important}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action{margin:16px 0!important}
}



/* Mobile layout: original content, assets and all application events are preserved. */

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main :is(.seller-dashboard,.seller-main,.seller-content,.seller-workspace):has(.orders-board) {width:100% !important;max-width:100% !important;min-width:0 !important;inline-size:auto !important;box-sizing:border-box !important;overflow:visible !important;margin-left:0 !important;margin-right:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-workspace:has(.orders-board) {padding-left:0 !important;padding-right:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board {width:100% !important;max-width:100% !important;min-width:0 !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board *, .seller-cancelled-orders-action, .seller-cancelled-orders-action * {box-sizing:border-box !important;letter-spacing:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-head,.ob-copy,.ob-tools,.ob-kanban,.ob-col,.ob-card) {width:100% !important;max-width:100% !important;min-width:0 !important;inline-size:auto !important;height:auto !important;max-height:none !important;margin-left:0 !important;margin-right:0 !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-head {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:16px !important;padding:0 !important;margin-bottom:18px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-tools {display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-search {grid-column:1 / -1 !important;width:100% !important;min-width:0 !important;max-width:100% !important;min-height:44px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-search input {width:100% !important;min-width:0 !important;font-size:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-date-picker {width:100% !important;min-width:0 !important;max-width:100% !important;min-height:44px !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;align-items:center !important;gap:8px !important;padding:8px 10px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-date-picker input {width:100% !important;min-width:0 !important;max-width:100% !important;font-size:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-today {width:auto !important;min-width:72px !important;min-height:44px !important;padding:8px 12px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tabs {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;gap:8px !important;width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 0 18px !important;overflow:visible !important;justify-content:center !important;align-items:stretch !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab {display:grid !important;grid-template:32px minmax(32px,auto) / minmax(0,1fr) !important;place-items:center !important;gap:6px !important;width:100% !important;min-width:0 !important;max-width:100% !important;min-height:90px !important;height:auto !important;margin:0 !important;padding:12px 4px 10px !important;border-radius:8px !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-label {font-size:12px !important;line-height:16px !important;font-weight:600 !important;text-align:center !important;white-space:normal !important;overflow-wrap:normal !important;word-break:normal !important;max-width:100% !important;height:auto !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab>b {min-width:20px !important;width:auto !important;height:20px !important;line-height:16px !important;font-size:11px !important;padding:0 3px !important;top:5px !important;right:5px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-kanban {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:14px !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-col {padding:14px 10px !important;border-radius:8px !important;background:var(--order-surface) !important;border:1px solid var(--order-line) !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-head {display:grid !important;grid-template-columns:32px minmax(0,1fr) !important;gap:6px 8px !important;align-items:center !important;margin:0 !important;padding:0 !important;min-height:32px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-title {min-width:0 !important;font-size:14px !important;line-height:20px !important;font-weight:700 !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-count {grid-column:2 !important;justify-content:flex-start !important;justify-self:start !important;position:static !important;width:auto !important;height:auto !important;min-width:0 !important;gap:3px !important;font-size:12px !important;line-height:18px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-count span {font-size:12px !important;line-height:18px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-help {width:auto !important;max-width:100% !important;margin:10px 0 14px !important;padding:0 !important;font-size:13px !important;line-height:20px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-help-mobile {font-size:13px !important;line-height:20px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-card.sv-kcard {padding:14px 10px !important;margin:0 0 12px !important;border-radius:8px !important;min-height:0 !important;height:auto !important;max-height:none !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-card:last-child {margin-bottom:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-card :is(.ob-khead,.ob-name-row,.ob-product-row,.ob-order-meta,.ob-row,.ob-received-actions,.sv-action-stack,.ob-ship) {width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead {display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:8px !important;margin:0 0 14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead b {font-size:13px !important;line-height:20px !important;overflow-wrap:anywhere !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-time {font-size:12px !important;line-height:18px !important;white-space:nowrap !important;min-width:0 !important;padding:4px 7px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-name-row {display:grid !important;grid-template-columns:18px minmax(0,1fr) 28px !important;gap:7px !important;align-items:start !important;margin:0 0 16px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-chev {width:28px !important;height:28px !important;min-width:0 !important;padding:0 !important;line-height:24px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-customer-copy,.ob-product-copy) {min-width:0 !important;max-width:100% !important;height:auto !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-row {display:grid !important;grid-template-columns:40px minmax(0,1fr) !important;gap:8px 10px !important;align-items:start !important;margin:0 0 14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-total {grid-column:2 !important;justify-self:end !important;font-size:14px !important;line-height:20px !important;white-space:nowrap !important;margin:2px 0 0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-name,.ob-product-copy strong,.ob-product-copy small,.ob-customer-address,.ob-address-text) {white-space:normal !important;overflow-wrap:anywhere !important;word-break:normal !important;font-size:13px !important;line-height:20px !important;height:auto !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-flow:row !important;gap:10px !important;padding:12px 0 !important;margin:0 0 12px !important;border-bottom:1px solid var(--order-line) !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta>span {min-width:0 !important;font-size:12px !important;line-height:18px !important;white-space:normal !important;overflow-wrap:anywhere !important;justify-content:flex-start !important;gap:5px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta>span:last-child {grid-column:1 / -1 !important;justify-content:flex-start !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-card .ob-row {display:block !important;grid-template-columns:none !important;grid-auto-columns:auto !important;width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-card .ob-received-actions {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-flow:row !important;grid-auto-columns:auto !important;gap:8px !important;width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button {display:flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;width:100% !important;min-width:0 !important;max-width:100% !important;min-height:46px !important;height:auto !important;padding:10px 5px !important;margin:0 !important;font-size:12px !important;line-height:18px !important;white-space:normal !important;overflow-wrap:normal !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button span {font-size:12px !important;line-height:18px !important;white-space:normal !important;overflow-wrap:normal !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button .ob-mobile-action-icon {flex-shrink:0 !important;font-size:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-card :is(.ob-pill,.ob-ship-chip,.small-primary,.sv-action-stack) {max-width:100% !important;min-width:0 !important;height:auto !important;white-space:normal !important;overflow-wrap:anywhere !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action {width:100% !important;max-width:100% !important;min-width:0 !important;margin:16px 0 !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action .orders-cancelled-link {width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:48px !important;font-size:13px !important;line-height:20px !important;padding:12px 26px !important;text-align:center !important;white-space:normal !important;overflow-wrap:anywhere !important;}




@media(max-width:760px){
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tabs {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab {grid-column:auto !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-encomenda:last-child {grid-column:1 / -1 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-ico-box {display:grid !important;place-items:center !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-ico-box > :not(.ob-mobile-vector) {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main .orders-board .ob-ico-box > .ob-mobile-vector {display:block !important;position:static !important;margin:0 !important;width:20px !important;height:20px !important;}
}




html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer {display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-auto-flow:row !important;gap:10px !important;width:100% !important;max-width:100% !important;min-width:0 !important;padding:0 !important;margin:16px 0 !important;box-sizing:border-box !important;align-items:stretch !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > .sv-kf-date {grid-column:1 / -1 !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;width:100% !important;max-width:100% !important;min-width:0 !important;min-height:58px !important;height:auto !important;padding:12px !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > .sv-kf-item {grid-column:auto !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:8px !important;width:100% !important;max-width:100% !important;min-width:0 !important;min-height:124px !important;height:auto !important;padding:12px !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > .sv-kf-item > div {display:flex !important;flex-direction:column !important;gap:5px !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer .sv-metric-ico {flex-shrink:0 !important;width:32px !important;height:32px !important;min-width:32px !important;margin:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer :is(strong,small) {display:block !important;min-width:0 !important;max-width:100% !important;white-space:normal !important;overflow-wrap:anywhere !important;word-break:normal !important;letter-spacing:0 !important;margin:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer strong {font-size:14px !important;line-height:20px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer small {font-size:12px !important;line-height:17px !important;}




@media(max-width:760px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main {width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border-left:0 !important;border-right:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.seller-layout,.seller-content):has(.orders-board) {width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;border-left:0 !important;border-right:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-workspace:has(.orders-board) {width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:20px max(12px,env(safe-area-inset-right)) 28px max(12px,env(safe-area-inset-left)) !important;border-left:0 !important;border-right:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content:has(.orders-board) .seller-panel-topbar {width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding-left:max(12px,env(safe-area-inset-left)) !important;padding-right:max(12px,env(safe-area-inset-right)) !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button {min-height:36px !important;height:auto !important;padding:8px 6px !important;font-size:13px !important;line-height:18px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button span {font-size:13px !important;line-height:18px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab {min-height:76px !important;grid-template:28px minmax(28px,auto) / minmax(0,1fr) !important;padding:8px 4px !important;gap:4px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action .orders-cancelled-link {min-height:40px !important;height:auto !important;padding:9px 20px !important;font-size:13px !important;line-height:20px !important;}
}



html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-ico-box,.orders-board .orders-mobile-tab-icon,.sv-kanban-footer .sv-metric-ico) {display:inline-flex !important;align-items:center !important;justify-content:center !important;width:32px !important;height:32px !important;min-width:32px !important;flex-shrink:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;outline:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-ico-box img,.sv-kanban-footer .sv-metric-ico img) {display:block !important;width:28px !important;height:28px !important;min-width:28px !important;max-width:28px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-meta-icon {display:inline-flex !important;align-items:center !important;justify-content:center !important;width:18px !important;height:18px !important;min-width:18px !important;flex-shrink:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-meta-icon img,.ob-mini) {display:block !important;width:18px !important;height:18px !important;min-width:18px !important;max-width:18px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}



/* All page wrappers share a white canvas; controls and status colors stay unchanged. */
:root,html body[data-app-variant="seller"] {--page-canvas:oklch(1 0 0);--ui-bg:var(--page-canvas);--seller-bg:var(--page-canvas);--ds-bg:var(--page-canvas);--soft:var(--page-canvas);}
html,html body {background:var(--page-canvas) !important;}
html body[data-app-variant="seller"]:not(:has(.seller-access-stage)) #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main {background:var(--page-canvas) !important;width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.seller-layout,.seller-content,.seller-workspace) {background:var(--page-canvas) !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-layout {width:100% !important;margin:0 !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-workspace {width:100% !important;inline-size:100% !important;max-width:none !important;margin:0 !important;padding:24px 20px 32px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-workspace > :is(section,div,article,form) {max-width:100% !important;min-width:0 !important;box-sizing:border-box !important;}
@media(max-width:760px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content {width:100% !important;inline-size:100% !important;margin:0 !important;padding:0 !important;border-left:0 !important;border-right:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-workspace {padding:20px max(12px,env(safe-area-inset-right)) 28px max(12px,env(safe-area-inset-left)) !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-panel-topbar {padding-left:max(12px,env(safe-area-inset-left)) !important;padding-right:max(12px,env(safe-area-inset-right)) !important;}
}


:root { --ui-report-secondary: oklch(.72 .13 293); --ui-body-size: 14px; }
html body[data-app-variant="seller"] #main#main#main .reports-page,
html body[data-app-variant="seller"] #main#main#main .reports-page :is(small,p,span,button,text) {
  font-size:var(--ui-body-size)!important; line-height:1.5; letter-spacing:0!important;
}
html body[data-app-variant="seller"] #main#main#main .reports-heading small { color:var(--ui-primary)!important; }
html body[data-app-variant="seller"] #main#main#main .reports-heading h1 {font-size:28px!important;line-height:1.25!important;}
html body[data-app-variant="seller"] #main#main#main .report-kpi strong, html body[data-app-variant="seller"] #main#main#main .report-kpi-value {font-size:16px!important; font-weight:700!important; line-height:1.1!important; display:block!important;}
html body[data-app-variant="seller"] #main#main#main .report-bars .bar {fill:var(--ui-primary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-bars .bar.muted {fill:var(--ui-report-secondary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-bars text {fill:var(--ui-muted)!important;}
html body[data-app-variant="seller"] #main#main#main .report-bars .value {fill:var(--ui-primary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-donut .delivery {stroke:var(--ui-primary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-donut .pickup {stroke:var(--ui-report-secondary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-legend-row i {background:var(--ui-primary)!important;}
html body[data-app-variant="seller"] #main#main#main .report-legend-row i.pickup {background:var(--ui-report-secondary)!important;}
html body[data-app-variant="seller"] #main#main#main :is(.report-card,.report-kpi,.panel-chart-card,.panel-recent-card,.panel-bestsellers-card,.panel-actions-card,.seller-support-panel,.seller-sales-line-chart,.seller-workspace-card,.sv-card,.seller-panel,.seller-guidance,.seller-learning,.seller-flow-card,.seller-shortcut,.seller-learning-card,.metric) {border:0!important;box-shadow:none!important;}
html body[data-app-variant="seller"] #main#main#main :is(.seller-top-status,.sv-store-status),
html body[data-app-variant="seller"] #main#main#main :is(.seller-top-status,.sv-store-status) * {text-transform:none!important;font-size:var(--ui-body-size)!important;letter-spacing:0!important;}



/* Status da loja sempre sem caixa alta (Aberta / Fechada / Pausada) */
html body[data-app-variant="seller"] .seller-overview-status-badge,
html body[data-app-variant="seller"] .seller-overview-status-badge .status-text {text-transform:none !important;letter-spacing:.02em !important;}
/* Ativos (PNG) da aba Pedidos em tamanho maior */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-ico-box,.orders-kanban .ob-ico-box) {display:inline-flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;min-width:40px !important;flex:0 0 40px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:10px !important;background:transparent !important;box-shadow:none !important;transform:none !important;outline:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-icon {display:inline-flex !important;align-items:center !important;justify-content:center !important;width:36px !important;height:36px !important;min-width:36px !important;flex:0 0 36px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:9px !important;background:transparent !important;box-shadow:none !important;transform:none !important;outline:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-ico-box img,.orders-kanban .ob-ico-box img) {display:block !important;width:34px !important;height:34px !important;min-width:34px !important;max-width:34px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-mobile-tab-icon img {display:block !important;width:30px !important;height:30px !important;min-width:30px !important;max-width:30px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-meta-icon,.orders-board .ob-meta-png,.orders-kanban .ob-meta-icon,.orders-kanban .ob-meta-png) {display:inline-block !important;width:22px !important;height:22px !important;min-width:22px !important;min-height:22px !important;flex-basis:22px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board .ob-mini,.orders-kanban .ob-mini) {display:block !important;width:22px !important;height:22px !important;min-width:22px !important;max-width:22px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-kanban .ob-product-thumb {display:block !important;width:44px !important;height:44px !important;min-width:44px !important;max-width:44px !important;object-fit:cover !important;border-radius:6px !important;background:var(--order-bg) !important;}



/* Resumo de hoje e os indicadores abaixo dele: ícones maiores em todas as telas */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer .sv-metric-ico {display:grid !important;place-items:center !important;width:52px !important;height:52px !important;min-width:52px !important;min-height:52px !important;flex:0 0 52px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:12px !important;background:transparent !important;box-shadow:none !important;transform:none !important;overflow:visible !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer .sv-metric-ico :is(img.sv-metric-png, img, svg) {display:block !important;width:38px !important;height:38px !important;min-width:38px !important;max-width:38px !important;object-fit:contain !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer :is(.sv-kf-item, .sv-kf-date) {gap:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer small {font-size:14px !important;line-height:19px !important;}



/* Onde se digita preço: sem a borda cinza. A caixa já fica apenas preenchida. */
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay .sd-price-input,
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay .sd-price-input input,
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay #productPrice,
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay #productPromoPrice,
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay .addon-option-price {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay #productPrice { background: transparent !important; }
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay :is(#productPromoPrice, .addon-option-price) {
  background: #f4f5f7 !important;
  border-radius: 10px !important;
}
/* Ao clicar para digitar, nenhum campo ganha borda grossa nem anel. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, [contenteditable="true"]):is(:focus, :focus-visible),
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, [contenteditable="true"]):is(:focus, :focus-visible),
html body[data-app-variant="seller"] #drawer#drawer#drawer#drawer#drawer#drawer#drawer#drawer :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select, [contenteditable="true"]):is(:focus, :focus-visible) {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}
/* Caixas de busca também deixam de desenhar o anel no contêiner. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main :is(.search, .order-search-box):focus-within,
html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay :is(.search, .order-search-box):focus-within {
  outline: none !important;
  box-shadow: none !important;
}



html body[data-app-variant="seller"] { --ui-card-border: oklch(.885 .012 290); }

/* Financeiro: os 4 quadros abaixo do cabeçalho em grade de 2 por 2. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple > :is(.seller-finance-header, .seller-finance-movements, .fin-chart-card) {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-summary-cards {
  display: contents !important;
  margin: 0 !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple .seller-finance-balance-card {
  margin: 0 !important;
}

/* Selo de relógio do horário dos pedidos em tamanho maior. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .ob-time {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  min-width: 82px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .ob-time::before {
  content: "◷" !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

/* Bordas nos cartões de Pedidos e de Financeiro. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main :is(.ob-card, .ob-card.sv-kcard) {
  border: 1px solid var(--ui-card-border) !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view :is(.seller-finance-balance-card, .seller-finance-summary-cards article, .fin-chart-card) {
  border: 1px solid var(--ui-card-border) !important;
  box-shadow: none !important;
  background: var(--ui-surface) !important;
}


  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main .seller-finance-view.seller-finance-simple {
    grid-template-columns: minmax(0, 1fr) !important;
  }




/* Bordas dos cards do resumo de Pedidos: ajuste exclusivo para celular. */

html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer { --orders-summary-card-border: oklch(0.85 0.008 260); }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-content .sv-kanban-footer > :is(.sv-kf-date, .sv-kf-item) {
  border: 1px solid var(--orders-summary-card-border) !important;
  border-radius: 8px !important;
  box-sizing: border-box !important;
}





html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar .ui-menu-close { display:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav button > .seller-orders-badge {
 display:inline-flex !important; align-items:center !important; justify-content:center !important;
 flex:0 0 auto !important; width:auto !important; min-width:20px !important;
 height:20px !important; min-height:20px !important; max-height:none !important;
 padding:0 5px !important; box-sizing:border-box !important; border:0 !important;
 border-radius:999px !important; color:var(--page-canvas) !important;
 -webkit-text-fill-color:var(--page-canvas) !important; font-size:11px !important;
 line-height:20px !important; font-weight:700 !important; letter-spacing:0 !important;
 text-indent:0 !important; white-space:nowrap !important; overflow:visible !important; transform:none !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col { border:0 !important; box-shadow:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-cancelled-orders-action .orders-cancelled-link { border:0 !important; box-shadow:none !important; }




html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-footer[download] { display:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .ob-time::before { content:none !important; display:none !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .ob-time svg { display:none !important; }
.hours-row input[data-manual-kind="time"] { padding:6px 5px; font-size:12px; border-radius:6px; }



/* Cor das bordas apenas em Pedidos e Financeiro; sem criar bordas removidas. */
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board, .orders-kanban, .seller-finance-view) { --orders-finance-border: #ffffff; --ui-card-border: var(--orders-finance-border); --orders-summary-card-border: var(--orders-finance-border); }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board, .orders-kanban, .seller-finance-view),
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board, .orders-kanban, .seller-finance-view) *,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board, .orders-kanban, .seller-finance-view) *::before,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-board, .orders-kanban, .seller-finance-view) *::after { border-color: var(--orders-finance-border) !important; }
@media(max-width:760px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar { justify-content:flex-start !important; align-items:stretch !important; top:0 !important; margin:0 !important; transform:none !important; overflow:hidden !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-head { flex:0 0 auto !important; width:100% !important; margin:0 !important; box-sizing:border-box !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-sidebar-nav { flex:1 1 auto !important; min-height:0 !important; width:100% !important; margin:0 !important; align-self:stretch !important; overflow-y:auto !important; overflow-x:hidden !important; box-sizing:border-box !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-panel-topbar { flex-direction:row !important; align-items:center !important; flex-wrap:nowrap !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .ui-hamburger { align-self:center !important; margin:0 !important; transform:none !important; flex:0 0 38px !important; }
}



html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board { --order-card-gray: oklch(.965 .002 260); }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card { background:var(--order-card-gray) !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-secondary-tabs { display:none !important; }
@media(max-width:760px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-secondary-tabs { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; height:auto !important; min-height:0 !important; gap:8px !important; margin:16px 0 18px !important; overflow:visible !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-secondary-tabs .orders-mobile-tab { grid-column:auto !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-secondary-tabs .ob-ico-box > img { display:block !important; width:20px !important; height:20px !important; margin:0 !important; object-fit:contain !important; }
}



:root { --card-border-white: oklch(1 0 0); --seller-start-image-size: 280px; --seller-secondary-icon-size: 36px; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is([class$="-card"],[class*="-card "],.sv-card,.sv-kcard,.ob-card,.sv-order,.sv-alert,.sv-list,.seller-panel,.seller-workspace-card,.seller-shortcut,.seller-guidance,.seller-learning,.seller-flow-card,.metric,.report-kpi,.product-admin,.coupon-admin-card,.orders-mobile-tab,.seller-table-wrap,.seller-finance-table-wrap,.seller-finance-movements,.seller-support-panel,.seller-sales-line-chart,.fin-chart-card,.panel-chart-card,.panel-recent-card,.panel-actions-card,.panel-bestsellers-card,.sdfood-editorial-card,.wallet-card,.settings-card,.store-card), html body[data-app-variant="seller"] #overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay#overlay :is([class$="-card"],[class*="-card "],.sv-card,.sv-kcard,.ob-card,.sv-order,.sv-alert,.sv-list,.seller-panel,.seller-workspace-card,.seller-shortcut,.seller-guidance,.seller-learning,.seller-flow-card,.metric,.report-kpi,.product-admin,.coupon-admin-card,.orders-mobile-tab,.seller-table-wrap,.seller-finance-table-wrap,.seller-finance-movements,.seller-support-panel,.seller-sales-line-chart,.fin-chart-card,.panel-chart-card,.panel-recent-card,.panel-actions-card,.panel-bestsellers-card,.sdfood-editorial-card,.wallet-card,.settings-card,.store-card) {
  border: 1px solid var(--card-border-white) !important;
  box-shadow: none !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-overview-content-wrap {
  display: grid !important; grid-template-columns: minmax(0,1fr) var(--seller-start-image-size) !important;
  width: 100% !important; height: auto !important; min-height: 0 !important; align-items: center !important; gap: 20px !important; padding-top: 12px !important; padding-bottom: 12px !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-overview-illustration {
  width: var(--seller-start-image-size) !important; max-width: 100% !important;
  flex-basis: var(--seller-start-image-size) !important;
  margin: 0 !important; align-self: center !important;
  position: static !important; inset: auto !important; height: auto !important; min-height: 0 !important; transform: none !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-overview-illustration img {
  width: 100% !important; height: auto !important; max-height: none !important;
  object-fit: contain !important; transform: none !important;
  position: static !important; inset: auto !important; display: block !important; margin: 0 !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda) {
  grid-template: 44px minmax(22px,auto) / minmax(0,1fr) !important;
  gap: 8px !important; min-height: 96px !important; padding: 12px 8px !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda) :is(.orders-mobile-tab-icon,.ob-ico-box) {
  display: grid !important; place-items: center !important;
  width: var(--seller-secondary-icon-size) !important; height: var(--seller-secondary-icon-size) !important;
  min-width: var(--seller-secondary-icon-size) !important; max-width: none !important;
  padding: 0 !important; margin: 0 !important; background: transparent !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda) .ob-ico-box > img {
  display: block !important; width: var(--seller-secondary-icon-size) !important;
  height: var(--seller-secondary-icon-size) !important; max-width: none !important;
  max-height: none !important; object-fit: contain !important; margin: 0 !important;
}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda) .ob-ico-box::before,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main :is(.orders-mobile-tab-cancelled,.orders-mobile-tab-encomenda) .ob-ico-box > svg { display: none !important; }
@media(max-width:760px) {
  :root { --seller-start-image-size: 180px; }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-overview-content-wrap { grid-template-columns: minmax(0,1fr) min(48%,var(--seller-start-image-size)) !important; gap: 10px !important; }
  html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .seller-overview-illustration { width: 100% !important; }
}



html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received { background:var(--order-card-gray) !important; background-image:none !important; border:1px solid var(--card-border-white) !important; }
@media(max-width:760px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab { grid-template:36px minmax(22px,auto) / minmax(0,1fr) !important; gap:4px !important; min-height:80px !important; height:auto !important; padding:8px 4px !important; border-radius:8px !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab :is(.orders-mobile-tab-icon,.ob-ico-box) { display:flex !important; align-items:center !important; justify-content:center !important; width:36px !important; height:36px !important; min-width:36px !important; padding:0 !important; margin:0 !important; }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab .ob-ico-box > img { width:30px !important; height:30px !important; min-width:30px !important; max-width:30px !important; max-height:30px !important; object-fit:contain !important; }
}



html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-card { background:var(--card-border-white) !important; background-image:none !important; border:0 !important; box-shadow:none !important; }



html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer { --orders-summary-card-gray:oklch(.965 .002 260); }
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .sv-kanban-footer > .sv-kf-item { background:var(--orders-summary-card-gray) !important; background-image:none !important; border:1px solid var(--card-border-white) !important; border-radius:8px !important; box-shadow:none !important; }


/* Cards de pedidos: referência compacta aplicada aos quatro quadros. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col {padding:12px !important;border-radius:10px !important;background:#fff !important;border:1px solid #E5E7EB !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-head {display:grid !important;grid-template-columns:32px minmax(0,1fr) auto !important;align-items:center !important;gap:8px !important;margin:0 0 10px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-title {font-size:14px !important;line-height:18px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-count {grid-column:3 !important;grid-row:1 !important;justify-self:end !important;align-self:center !important;display:inline-flex !important;gap:3px !important;margin:0 !important;font-size:10px !important;line-height:14px !important;white-space:nowrap !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-count span {font-size:10px !important;line-height:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-count {background:transparent !important;color:#64748B !important;border:0 !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-col-received .ob-ico-box {background:transparent !important;color:#64748B !important;border:0 !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-help {margin:6px 0 14px !important;padding:0 !important;font-size:10px !important;line-height:14px !important;color:#64748B !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-help-mobile {font-size:10px !important;line-height:14px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card {display:block !important;width:100% !important;min-width:0 !important;padding:14px !important;margin:0 0 12px !important;border:1px solid #E5E7EB !important;border-radius:9px !important;background:#fff !important;box-shadow:none !important;box-sizing:border-box !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card:last-child {margin-bottom:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead {display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;margin:0 0 12px !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead b {font-size:11px !important;line-height:14px !important;font-weight:600 !important;color:#64748B !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-mobile-price {font-size:12px !important;line-height:16px !important;font-weight:700 !important;color:#111827 !important;white-space:nowrap !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-name-row {display:grid !important;grid-template-columns:16px minmax(0,1fr) 24px !important;align-items:start !important;gap:10px !important;margin:0 0 14px !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-name {font-size:13px !important;line-height:17px !important;font-weight:700 !important;color:#111827 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-customer-address {display:flex !important;align-items:flex-start !important;gap:7px !important;margin-top:5px !important;font-size:11px !important;line-height:16px !important;color:#64748B !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-address-text {font-size:11px !important;line-height:16px !important;overflow-wrap:anywhere !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-chev {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-row {display:grid !important;grid-template-columns:36px minmax(0,1fr) !important;align-items:center !important;column-gap:20px !important;row-gap:6px !important;margin:0 0 12px !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-thumb {display:block !important;width:36px !important;height:36px !important;min-width:36px !important;max-width:36px !important;object-fit:cover !important;border-radius:6px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-copy {display:flex !important;flex-direction:column !important;gap:5px !important;min-width:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-copy strong {font-size:12px !important;line-height:17px !important;font-weight:700 !important;color:#111827 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-copy small {font-size:11px !important;line-height:16px !important;color:#64748B !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-product-total,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-code-mobile,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-price {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta {display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px !important;margin:0 0 12px !important;padding:9px 0 !important;border-bottom:1px solid #F1F5F9 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-order-meta>span {display:flex !important;align-items:center !important;gap:6px !important;min-width:0 !important;font-size:10px !important;line-height:15px !important;color:#64748B !important;white-space:nowrap !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-meta-icon,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-meta-icon img,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-meta-png {display:inline-flex !important;width:14px !important;height:14px !important;min-width:14px !important;max-width:14px !important;object-fit:contain !important;margin:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-row:empty {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-row {display:flex !important;align-items:center !important;justify-content:center !important;text-align:center !important;width:100% !important;min-height:0 !important;margin:0 0 12px !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-pill,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-ship-chip {display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;width:auto !important;max-width:100% !important;min-height:30px !important;height:auto !important;margin:0 !important;padding:7px 10px !important;border:0 !important;border-radius:6px !important;font-size:11px !important;line-height:17px !important;font-weight:600 !important;white-space:normal !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-pill.out {background:#E7F8EE !important;color:#047857 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card-actions {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;width:100% !important;margin:0 !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card-details {display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;height:34px !important;min-height:34px !important;margin:0 !important;padding:0 10px !important;border:0 !important;border-color:transparent !important;border-radius:7px !important;background:#F1F5F9 !important;background-color:#F1F5F9 !important;outline:none !important;color:#475569 !important;-webkit-text-fill-color:#475569 !important;box-shadow:none !important;font-size:11px !important;line-height:16px !important;font-weight:600 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions {display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:10px !important;width:100% !important;margin:0 !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions button {display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;height:34px !important;min-height:34px !important;margin:0 !important;padding:0 8px !important;border:0 !important;border-radius:7px !important;font-size:11px !important;line-height:16px !important;font-weight:600 !important;white-space:nowrap !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions .ob-accept {background:#7C3AED !important;color:#fff !important;-webkit-text-fill-color:#fff !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions .ob-refuse {background:#F1F5F9 !important;color:#475569 !important;-webkit-text-fill-color:#475569 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions .ob-accept-desktop {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-received-actions .ob-accept-mobile {display:inline !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .sv-action-stack {display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important;width:100% !important;margin:0 !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .sv-status-action {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .sv-action-stack .small-primary,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-card-actions>.small-primary {display:flex !important;align-items:center !important;justify-content:center !important;width:100% !important;min-width:0 !important;max-width:100% !important;height:34px !important;min-height:34px !important;margin:0 !important;padding:0 8px !important;border:0 !important;border-radius:7px !important;background:#7C3AED !important;color:#fff !important;-webkit-text-fill-color:#fff !important;box-shadow:none !important;font-size:11px !important;line-height:16px !important;font-weight:600 !important;white-space:nowrap !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-status-note {display:block !important;width:100% !important;padding:8px 10px !important;border-radius:6px !important;background:#F1F5F9 !important;color:#475569 !important;font-size:11px !important;line-height:16px !important;}
}


/* Sem contornos roxos nos cartões de status; o app aplica a cor de cada etapa. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received {border:1px solid #E5E7EB !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab:not(.orders-mobile-tab-received) {border:1px solid #E5E7EB !important;box-shadow:none !important;}
}

/* Preço à esquerda (sem código do pedido) e pin de endereço ampliado nos cards mobile. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead {justify-content:flex-start !important;text-align:left !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead .ob-order-code-original {display:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-khead .ob-mobile-price {margin-left:0 !important;margin-right:auto !important;align-self:center !important;text-align:left !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-customer-address .ob-pin {display:block !important;align-self:flex-start !important;flex:0 0 16px !important;width:16px !important;min-width:16px !important;max-width:16px !important;height:16px !important;min-height:16px !important;max-height:16px !important;object-fit:contain !important;filter:grayscale(1) opacity(.32) !important;margin-top:0 !important;transform:translateY(7px) !important;}
}

/* Encomendas: remover contornos e blobs roxos da aba, coluna e estado vazio. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received {background:#F8FAFC !important;background-color:#F8FAFC !important;color:#475569 !important;-webkit-text-fill-color:#475569 !important;border:1px solid #E5E7EB !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received .orders-mobile-tab-icon,
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received .orders-mobile-tab-icon .ob-ico-box {background:transparent !important;background-color:transparent !important;color:#64748B !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;filter:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received .orders-mobile-tab-icon img {background:transparent !important;border:0 !important;box-shadow:none !important;filter:grayscale(1) !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received > b {display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:18px !important;width:auto !important;height:18px !important;min-height:18px !important;padding:0 5px !important;background:#64748B !important;background-color:#64748B !important;color:#fff !important;-webkit-text-fill-color:#fff !important;border:0 !important;border-radius:50% !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) {background:#fff !important;background-color:#fff !important;border:1px solid #E5E7EB !important;border-color:#E5E7EB !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-col-head > .ob-ico-box {background:transparent !important;background-color:transparent !important;color:#64748B !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-col-head > .ob-ico-box img {background:transparent !important;border:0 !important;box-shadow:none !important;filter:grayscale(1) !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-count {background:transparent !important;background-color:transparent !important;color:#64748B !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-card {background:#fff !important;background-color:#fff !important;border:1px solid #E5E7EB !important;border-color:#E5E7EB !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-empty {background:#fff !important;background-color:#fff !important;border:1px solid #E5E7EB !important;border-color:#E5E7EB !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-empty-mark {background:transparent !important;background-color:transparent !important;color:#64748B !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;outline:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-empty-mark .ob-ico-box {background:transparent !important;background-color:transparent !important;color:#64748B !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board :is(.ob-col-received,.ob-col-encomenda) .ob-empty-mark :is(img,svg) {background:transparent !important;color:#64748B !important;border:0 !important;box-shadow:none !important;filter:grayscale(1) !important;}
}

/* Encomendas (lojas especiais): traço cinza. Lojas normais recebem --tab-line vermelho do app. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .orders-mobile-tab-received::after {background:var(--tab-line,#94A3B8) !important;opacity:1 !important;}
}

/* Contagem “1 pedido” / “N pedidos”: tamanho uniforme em todos os cards. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-count {font-size:14px !important;line-height:20px !important;}
html body[data-app-variant="seller"] #main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main#main .orders-board .ob-count > span {font-size:14px !important;line-height:20px !important;}
}

/* Sino de notificações customizado no cabeçalho do modo lojista mobile. */
@media (max-width: 899px) {
html body[data-app-variant="seller"] .seller-panel-topbar #sellerTopNotification .seller-top-notification-icon {display:block !important;flex:none !important;width:18px !important;height:18px !important;object-fit:contain !important;filter:grayscale(1) opacity(.72) !important;}
}