.feature-kind{display:grid;gap:5px;color:var(--connect-muted);font-size:10px}
.feature-kind strong{color:var(--connect-ink);font-size:11px}
.feature-message{display:grid!important;grid-column:1/-1}
.theme-picker{grid-column:1/-1;margin:6px 0;padding:0;border:0}.theme-picker legend{font-size:13px;font-weight:850;color:var(--connect-ink)}.theme-picker>p{margin:5px 0 13px;color:var(--connect-muted);font-size:11px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.theme-option{padding:12px!important;border:1px solid var(--connect-line);border-radius:14px;background:#fbfbf8;cursor:pointer}.theme-option input{position:absolute;opacity:0}.theme-option:has(input:checked){border-color:var(--connect-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--connect-accent) 18%,transparent)}.theme-option strong,.theme-option small{display:block}.theme-option strong{margin-top:8px}.theme-option small{color:var(--connect-muted)}.theme-swatch{height:34px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:10px}.theme-swatch i:nth-child(1){background:#718a75}.theme-swatch i:nth-child(2){background:#344a3e}.theme-swatch i:nth-child(3){background:#f4f1e9}.theme-terracotta .theme-swatch i:nth-child(1){background:#a9654c}.theme-terracotta .theme-swatch i:nth-child(2){background:#70484b}.theme-terracotta .theme-swatch i:nth-child(3){background:#f7efe6}.theme-ocean .theme-swatch i:nth-child(1){background:#4f7e8d}.theme-ocean .theme-swatch i:nth-child(2){background:#344d5b}.theme-ocean .theme-swatch i:nth-child(3){background:#eef5f5}.theme-midnight .theme-swatch i:nth-child(1){background:#343840}.theme-midnight .theme-swatch i:nth-child(2){background:#987946}.theme-midnight .theme-swatch i:nth-child(3){background:#f4f0e7}.theme-scarlet .theme-swatch i:nth-child(1){background:#c1121f}.theme-scarlet .theme-swatch i:nth-child(2){background:#151515}.theme-scarlet .theme-swatch i:nth-child(3){background:#fff}.theme-monochrome .theme-swatch i:nth-child(1){background:#42464d}.theme-monochrome .theme-swatch i:nth-child(2){background:#17191c}.theme-monochrome .theme-swatch i:nth-child(3){background:#f1f2f3}
.preview-cover{position:relative;width:calc(100% + 36px);height:145px;margin:-18px -18px 0;overflow:hidden;background:linear-gradient(135deg,#a9b9ad,#65776d)}.preview-cover img{width:100%;height:100%;display:block;object-fit:cover}.preview-cover img[hidden]{display:none}.preview-logo{position:relative;margin-top:-35px;border:4px solid #fff;border-radius:50%!important}.preview-button-alt{margin-top:8px}.feature-appearance{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:10px;padding:10px;border-radius:12px;background:#f5f5f0}.feature-appearance input,.feature-appearance select{width:100%}.menu-only-card{display:block}.menu-only-card .feature-fields{grid-template-columns:1fr}.inline-switch{margin-top:8px}.loyalty-grid.operator-only{grid-template-columns:minmax(280px,620px);justify-content:center}.user-access-form{display:flex;align-items:center;gap:6px}.user-access-form select{padding:7px;border:1px solid var(--connect-line);border-radius:8px;background:#fff}.user-access-form button{padding:8px 10px;border:0;border-radius:8px;background:var(--connect-accent);color:#fff;cursor:pointer}
.cover-adjuster{margin:4px 0 8px;padding:16px;border:1px solid var(--connect-line);border-radius:16px;background:#faf9f5}.cover-adjuster legend{padding:0 6px;color:var(--connect-ink);font-weight:750}.cover-adjuster>p{margin:0 0 14px;color:var(--connect-muted);font-size:12px}.cover-adjuster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.cover-adjuster-grid label{display:grid;gap:8px}.cover-adjuster-grid label>span{display:flex;justify-content:space-between;gap:8px}.cover-adjuster output{color:var(--connect-accent-strong);font-weight:750}.cover-adjuster input[type="range"]{width:100%;accent-color:var(--connect-accent-strong)}.cover-reset{margin-top:14px;padding:8px 12px;border:1px solid var(--connect-line);border-radius:10px;background:#fff;color:var(--connect-ink);cursor:pointer}@media(max-width:680px){.cover-adjuster-grid{grid-template-columns:1fr}}
.custom-link-creator{margin:0 0 18px;border:1px solid var(--connect-line);border-radius:16px;background:#faf9f5}.custom-link-creator[open]{box-shadow:0 12px 30px rgba(54,69,61,.06)}.custom-link-creator summary{padding:15px 17px;cursor:pointer;color:var(--connect-accent-strong);font-weight:750;list-style:none}.custom-link-creator summary::-webkit-details-marker{display:none}.custom-link-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(260px,1.4fr);gap:14px;padding:2px 17px 18px}.custom-link-form>label:not(.switch){display:grid;gap:6px;color:var(--connect-muted);font-size:10px}.custom-link-form>label>span{color:var(--connect-ink);font-size:11px;font-weight:750}.custom-link-form input[type="text"],.custom-link-form input[type="url"]{width:100%;padding:11px 12px;border:1px solid #daddd7;border-radius:11px;background:#fffefa;color:inherit;font:inherit;outline:0;transition:border-color .15s,box-shadow .15s}.custom-link-form input[type="text"]:focus,.custom-link-form input[type="url"]:focus{border-color:#9fb8aa;box-shadow:0 0 0 4px rgba(154,184,169,.16)}.custom-link-form small{color:var(--connect-muted);font-size:10px}.custom-link-switch{align-self:center;justify-self:start}.custom-link-form .connect-button{justify-self:end;align-self:center;min-width:140px}.custom-link-delete{justify-self:start;margin-top:2px;padding:6px 0;border:0;background:transparent;color:#9b4c4c;cursor:pointer;font-size:12px}@media(max-width:760px){.custom-link-form{grid-template-columns:1fr}.custom-link-switch,.custom-link-form .connect-button{justify-self:start}}
.user-quota{min-width:132px;padding:10px 13px;border-radius:13px;background:#edf3ef;color:#4d6c60;text-align:right}.user-quota strong,.user-quota span,.user-quota small{display:block}.user-quota strong{font-size:24px;line-height:1}.user-quota span{margin-top:3px;font-size:10px;font-weight:800}.user-quota small{margin-top:4px;color:var(--connect-muted);font-size:9px}[data-menu-catalog][hidden]{display:none!important}[data-menu-catalog] small{color:var(--connect-muted);font-size:10px}
@media(max-width:700px){.theme-grid,.feature-appearance{grid-template-columns:1fr}.user-access-form{align-items:stretch;flex-direction:column}}
/* Configuração de ofertas */
.offers-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(280px,.7fr); gap:18px; align-items:start; }
.offer-editor form { display:grid; gap:22px; }
.offer-ai-box { display:grid; gap:14px; padding:20px; border:1px solid #d9e3dc; border-radius:18px; background:linear-gradient(145deg,#f2f6f2,#f7f3f8); }
.offer-ai-heading { display:flex; gap:12px; align-items:center; }
.offer-ai-heading strong,.offer-ai-heading small { display:block; }
.offer-ai-heading small { margin-top:3px; color:var(--connect-muted); line-height:1.45; }
.offer-ai-mark { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:13px; background:#fff; color:var(--connect-accent-strong); box-shadow:0 7px 20px rgba(70,90,80,.08); }
.offer-ai-box label,.offer-fields-grid label,.offer-product-fields label { display:grid; gap:7px; color:var(--connect-muted); font-size:11px; font-weight:750; }
.offer-ai-usage { display:block; color:var(--connect-muted); font-size:12px; }
.offer-ai-usage strong { color:var(--connect-ink); }
.offer-ai-box textarea { width:100%; min-height:100px; resize:vertical; }
.offer-status { margin:0; color:var(--connect-muted); font-size:12px; }
.offer-status.error { color:#a04444; }
.offer-fields-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.offer-fields-grid input,.offer-fields-grid select,.offer-ai-box textarea,.offer-product-fields input,.offer-product-fields select { box-sizing:border-box; width:100%; min-height:43px; padding:10px 12px; border:1px solid #dce2dc; border-radius:12px; background:#fff; color:var(--connect-ink); font:inherit; }
.offer-assets-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.offer-asset { display:flex; gap:14px; min-width:0; padding:14px; border:1px solid var(--connect-line); border-radius:16px; background:#fafaf7; }
.offer-asset>div:last-child { display:flex; min-width:0; flex-direction:column; align-items:flex-start; gap:5px; }
.offer-asset strong,.offer-asset small { display:block; }
.offer-asset small { color:var(--connect-muted); font-size:10px; line-height:1.4; }
.offer-asset-preview { display:grid; place-items:center; flex:0 0 86px; overflow:hidden; height:105px; border:1px dashed #ccd6ce; border-radius:13px; background:#eef2ed; color:#849088; font-size:10px; text-align:center; }
.offer-logo-preview { height:86px; border-radius:50%; }
.offer-title-preview { height:86px; aspect-ratio:16/7; }
.offer-title-preview img { object-fit:contain; }
.offer-asset-preview img,.offer-product-thumb img { width:100%; height:100%; object-fit:cover; }
.offer-file-button { position:relative; display:inline-flex; margin-top:5px; padding:7px 10px; overflow:hidden; border:1px solid #d2ddd5; border-radius:9px; background:#fff; color:var(--connect-accent-strong); cursor:pointer; font-size:10px; font-weight:800; }
.offer-file-button input { position:absolute; width:1px; height:1px; opacity:0; }
.offer-ai-check { display:flex!important; grid-template-columns:auto 1fr; align-items:center; gap:7px; margin-top:5px; color:var(--connect-accent-strong); cursor:pointer; font-size:10px; font-weight:800; }
.offer-ai-check input { width:15px; height:15px; margin:0; accent-color:var(--connect-accent-strong); }
.offer-remove-link,.offer-product-remove,.offer-download-link { padding:0; border:0; background:transparent; color:#99605c; cursor:pointer; font-size:10px; font-weight:700; }
.offer-download-link { color:var(--connect-accent-strong); }
.offer-download-link[hidden] { display:none; }
.offer-products-heading { display:flex; justify-content:space-between; align-items:end; gap:16px; padding-top:5px; }
.offer-products-heading span { color:var(--connect-accent-strong); font-size:9px; font-weight:850; letter-spacing:.14em; }
.offer-products-heading h3 { margin:3px 0; font-size:18px; }
.offer-products-heading p { margin:0; color:var(--connect-muted); font-size:11px; }
.offer-category-editor { display:grid; gap:12px; padding:16px; border:1px solid var(--connect-line); border-radius:16px; background:#fafaf7; }
.offer-categories { display:grid; gap:8px; }
.offer-category-row { display:grid; grid-template-columns:auto minmax(160px,1fr) auto; gap:9px; align-items:center; padding:9px; border:1px solid #dfe4df; border-radius:12px; background:#fff; }
.offer-category-row input { box-sizing:border-box; width:100%; min-height:40px; padding:9px 11px; border:1px solid #dce2dc; border-radius:10px; background:#fff; color:var(--connect-ink); font:inherit; }
.offer-category-handle { color:#9ba49e; font-weight:900; letter-spacing:-3px; }
.offer-category-actions { display:flex; gap:5px; }
.offer-category-actions button { min-width:34px; min-height:34px; padding:6px 9px; border:1px solid #d7ded8; border-radius:9px; background:#f7f8f5; color:var(--connect-accent-strong); cursor:pointer; font-size:11px; font-weight:800; }
.offer-category-actions button.danger { color:#99605c; }
.offer-products { display:grid; gap:12px; }
.offer-editor-filters { display:flex; flex-wrap:wrap; gap:7px; margin-top:-10px; padding:11px; border:1px solid var(--connect-line); border-radius:14px; background:#fafaf7; }
.offer-editor-filters button,.offer-device-switch button { padding:7px 11px; border:1px solid #d7ded8; border-radius:999px; background:#fff; color:var(--connect-muted); cursor:pointer; font:inherit; font-size:10px; font-weight:800; }
.offer-editor-filters button.active,.offer-device-switch button.active { border-color:var(--connect-accent-strong); background:var(--connect-accent-strong); color:#fff; }
.offer-product-row { position:relative; display:grid; grid-template-columns:115px minmax(0,1fr); gap:14px; padding:14px 14px 29px; border:1px solid var(--connect-line); border-radius:16px; background:#fff; }
.offer-product-media { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.offer-product-ai { display:grid; width:100%; gap:5px; margin-top:5px; color:var(--connect-muted); font-size:9px; font-weight:800; }
.offer-product-ai select { box-sizing:border-box; width:100%; min-height:36px; padding:7px 8px; border:1px solid #d6ddd7; border-radius:9px; background:#fff; color:var(--connect-ink); font:inherit; font-size:10px; }
.offer-product-thumb { display:grid; place-items:center; width:100%; aspect-ratio:1; overflow:hidden; border-radius:13px; background:#f1f2ee; color:#929a95; font-size:10px; }
.offer-product-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.offer-product-remove { position:absolute; right:14px; bottom:10px; }
.offer-save { justify-self:start; }
.offer-live-preview-section { display:grid; gap:15px; padding:17px; border:1px solid var(--connect-line); border-radius:18px; background:#f7f7f3; }
.offer-device-switch { display:flex; gap:6px; padding:4px; border:1px solid var(--connect-line); border-radius:999px; background:#fff; }
.offer-preview-stage { display:flex; justify-content:center; min-height:390px; padding:20px; overflow:auto; border-radius:16px; background:linear-gradient(135deg,#e7e9e5,#f5f3ed); }
.offer-preview-device { align-self:flex-start; overflow:hidden; border:7px solid #242826; border-radius:26px; background:#fff; box-shadow:0 18px 35px rgba(41,47,43,.18); transition:width .2s ease; }
.offer-preview-device.mobile { width:min(360px,100%); }
.offer-preview-device.desktop { width:min(900px,100%); border-radius:14px; }
.offer-preview-heading { display:flex; gap:9px; align-items:center; min-height:58px; padding:10px 13px; color:#3f3935; }
.offer-preview-heading img { width:42px; height:42px; padding:3px; border:1px solid #deded8; border-radius:50%; background:#fff; object-fit:contain; }
.offer-preview-heading span,.offer-preview-heading strong { display:block; }
.offer-preview-heading span { color:#8e6654; font-size:7px; font-weight:900; letter-spacing:.16em; }
.offer-preview-heading strong { margin-top:2px; font-size:14px; }
.offer-preview-campaign { min-height:310px; padding:16px 11px; background-position:center; background-size:cover; }
.offer-preview-title-image { display:block; width:min(520px,92%); max-height:100px; margin:0 auto 12px; object-fit:contain; filter:drop-shadow(0 4px 8px rgba(0,0,0,.15)); }
.offer-preview-title-image[hidden],.offer-preview-heading img[hidden] { display:none; }
.offer-preview-products { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.offer-preview-device.desktop .offer-preview-products { grid-template-columns:repeat(4,minmax(0,1fr)); }
.offer-preview-product { overflow:hidden; border:1px solid rgba(255,255,255,.55); border-radius:12px; background:rgba(255,255,255,.75); box-shadow:0 6px 15px rgba(0,0,0,.1); }
.offer-preview-product>img { display:block; width:100%; aspect-ratio:1.1; padding:6px; box-sizing:border-box; object-fit:contain; }
.offer-preview-product>div { display:grid; gap:2px; padding:8px; border-top:1px solid rgba(255,255,255,.6); }
.offer-preview-product small { color:#81766e; font-size:7px; text-transform:uppercase; }
.offer-preview-product strong { color:#34302d; font-size:10px; }
.offer-preview-product b { color:#a23b2f; font-size:16px; }
.offer-preview-products>p { grid-column:1/-1; padding:28px 8px; color:#fff; font-size:11px; text-align:center; text-shadow:0 1px 5px rgba(0,0,0,.5); }
.offer-campaigns { position:sticky; top:88px; }
.offer-campaign-list { display:grid; gap:10px; }
.offer-campaign-item { display:grid; gap:8px; padding:14px; border:1px solid var(--connect-line); border-radius:14px; background:#fbfbf8; }
.offer-campaign-item.selected { border-color:#9db7a7; box-shadow:0 0 0 2px rgba(112,143,131,.09); }
.offer-campaign-item>div:first-child { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.offer-campaign-item small,.offer-campaign-item p { margin:0; color:var(--connect-muted); font-size:10px; }
.offer-status-pill { padding:4px 7px; border-radius:20px; background:#eceeea; font-size:8px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.offer-status-pill.status-active { background:#ddefe2; color:#30643f; }
.offer-status-pill.status-scheduled { background:#e4eafa; color:#465e8b; }
.offer-status-pill.status-ended,.offer-status-pill.status-archived { color:#777; }
.offer-campaign-actions { display:flex; gap:13px; align-items:center; }
.offer-campaign-actions a,.offer-campaign-actions button { padding:0; border:0; background:none; color:var(--connect-accent-strong); cursor:pointer; font:inherit; font-size:11px; font-weight:750; }
.offer-campaign-actions button { color:#9a5a56; }
@media (max-width:1120px) { .offer-assets-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:1050px) { .offers-layout { grid-template-columns:1fr; } .offer-campaigns { position:static; } }
@media (max-width:650px) { .offer-fields-grid,.offer-assets-grid { grid-template-columns:1fr; } .offer-products-heading { align-items:stretch; flex-direction:column; } .offer-category-row { grid-template-columns:auto 1fr; } .offer-category-actions { grid-column:2; flex-wrap:wrap; } .offer-product-row { grid-template-columns:1fr; } .offer-product-media { display:grid; grid-template-columns:88px 1fr; align-items:center; } .offer-product-thumb { grid-row:span 2; } .offer-product-fields { grid-template-columns:1fr; } }
