/* QRCode.sn 1.7.0-rc.3.2 — final UX layer. Loaded last inside the studio/auth screens. */
:root{--q3-ink:#153d34;--q3-deep:#103a31;--q3-accent:#176353;--q3-soft:#eef2e8;--q3-cream:#f8f8f2;--q3-line:#d4ddd0;--q3-lime:#dcebb7;--q3-muted:#64786e}
#qrp-root .qrp-content{max-width:1500px;padding:42px 48px 80px}
#qrp-root .qrp-heading{max-width:950px;margin-bottom:28px}
#qrp-root .qrp-heading h1{font-size:clamp(30px,3vw,44px);font-weight:650;letter-spacing:-.055em;color:var(--q3-ink)}
#qrp-root .qrp-heading p{font-size:14px;max-width:860px;color:var(--q3-muted)}
#qrp-root .qrp-top{position:sticky;top:0;z-index:14;background:rgba(251,252,248,.94);backdrop-filter:blur(16px);border-color:var(--q3-line)}
#qrp-root .qrp-toolbar{padding:12px;border:1px solid var(--q3-line);border-radius:15px;background:#fff;box-shadow:0 7px 28px rgba(25,65,52,.045)}
#qrp-root .qrp-toolbar input,#qrp-root .qrp-toolbar select{min-height:46px;border-radius:10px!important;border-color:#c9d5c9!important;background:#fafbf7!important;color:var(--q3-ink)!important}
#qrp-root .qrp-toolbar .qrp-button{min-height:46px;white-space:nowrap}

/* QR collection — premium management console */
#qrp-root .qrs-qr-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 22px}
#qrp-root .qrs-qr-summary .qrp-metric{margin:0;padding:18px 20px;border-radius:16px;background:linear-gradient(145deg,#fff,#f6f8f2);border-color:var(--q3-line);box-shadow:none}
#qrp-root .qrs-qr-summary .qrp-metric strong{font-size:28px;color:var(--q3-ink)}
#qrp-root .qrs-qr-count{margin:16px 2px 10px;font-size:12px}
#qrp-root .qrs-qr-list{display:grid;gap:11px}
#qrp-root .qrs-qr-row{display:grid;grid-template-columns:86px minmax(260px,1.55fr) minmax(92px,.45fr) minmax(110px,.5fr) minmax(98px,.45fr) minmax(350px,1.25fr);gap:16px;align-items:center;padding:15px 18px;border:1px solid var(--q3-line);border-radius:17px;background:#fff;box-shadow:0 7px 26px rgba(25,65,52,.045);transition:transform .16s,border-color .16s,box-shadow .16s}
#qrp-root .qrs-qr-row:hover{transform:translateY(-1px);border-color:#aec4b6;box-shadow:0 13px 34px rgba(25,65,52,.075)}
#qrp-root .qrs-qr-collection-thumb{width:78px;height:78px;display:grid;place-items:center;padding:7px;border:1px solid #e2e8de;border-radius:12px;background:#fafbf7;overflow:hidden}
#qrp-root .qrs-qr-collection-thumb svg{display:block;width:100%;height:100%;max-width:68px;max-height:68px}
#qrp-root .qrs-qr-info{min-width:0}
#qrp-root .qrs-qr-title{display:flex;align-items:center;gap:9px;min-width:0;margin-bottom:3px}
#qrp-root .qrs-qr-title h3{font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#qrp-root .qrs-qr-kind{font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:4px 7px;border-radius:999px;background:#edf2e8;color:#526c5e;white-space:nowrap;font-weight:800}
#qrp-root .qrs-qr-type{margin:0 0 2px;font-size:11px!important;color:#667a70!important;text-transform:capitalize}
#qrp-root .qrs-qr-destination{display:block;max-width:100%;padding:0;border:0;background:transparent;color:#6a7d75;font:10px/1.45 Manrope,Arial,sans-serif;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:copy}
#qrp-root .qrs-qr-destination:hover{color:var(--q3-accent);text-decoration:underline;text-underline-offset:3px}
#qrp-root .qrs-qr-stat,#qrp-root .qrs-qr-meta{display:grid;gap:2px;min-width:0}
#qrp-root .qrs-qr-stat strong{font-size:22px;color:var(--q3-ink);line-height:1}
#qrp-root .qrs-qr-stat span,#qrp-root .qrs-qr-meta span{font-size:9px;color:#829188;text-transform:uppercase;letter-spacing:.04em}
#qrp-root .qrs-qr-meta strong{font-size:11px;color:#53695e;font-weight:650}
#qrp-root .qrs-qr-status{justify-self:start;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap;background:#edf0eb;color:#64746c}
#qrp-root .qrs-qr-status.is-active{background:#e4f4e8;color:#176342}
#qrp-root .qrs-qr-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
#qrp-root .qrs-qr-action{min-height:34px;padding:7px 9px;border:1px solid #ced8cf;border-radius:8px;background:#fff;color:#254b3e;font:700 10px/1.1 Manrope,Arial,sans-serif;text-decoration:none!important;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}
#qrp-root .qrs-qr-action:hover{background:#eef3e9;border-color:#aebfaf}
#qrp-root .qrs-qr-action.is-primary{background:var(--q3-deep);border-color:var(--q3-deep);color:#fff}

/* Shop management: cards and actions can never collide. */
#qrp-root .qshop-inventory{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#qrp-root .qshop-inventory-row{display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;grid-template-areas:'visual info' 'actions actions'!important;gap:13px 16px!important;align-items:center!important;min-width:0!important;overflow:hidden!important;padding:16px!important;border-radius:17px!important}
#qrp-root .qshop-inventory-row>*{grid-column:auto!important;grid-row:auto!important;min-width:0!important}
#qrp-root .qshop-inventory-visual{grid-area:visual!important;width:96px!important;height:96px!important;display:grid!important;place-items:center!important;border:1px solid #e0e6dd;border-radius:13px;background:#f6f8f3;overflow:hidden}
#qrp-root .qshop-inventory-info{grid-area:info!important;align-self:center!important;min-width:0!important}
#qrp-root .qshop-inventory-info h3{margin:0 0 7px!important;font-size:17px!important;line-height:1.25!important;overflow-wrap:anywhere}
#qrp-root .qshop-inventory-meta{margin:0!important;font-size:11px!important;color:#687970!important}
#qrp-root .qshop-inventory-actions{grid-area:actions!important;display:flex!important;gap:8px!important;align-items:stretch!important;flex-wrap:wrap!important;padding:0!important;min-width:0!important}
#qrp-root .qshop-inventory-actions>*{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:1 1 120px!important;min-width:110px!important;max-width:none!important;width:auto!important;min-height:40px!important;margin:0!important;padding:9px 12px!important;border:1px solid #cbd7cc!important;border-radius:9px!important;background:#f9faf6!important;color:#1d493b!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;text-decoration:none!important}
#qrp-root .qshop-inventory-actions>*:first-child{background:#173f33!important;color:#fff!important;border-color:#173f33!important}
#qrp-root .qshop-inventory-thumb{width:100%!important;height:100%!important;object-fit:contain!important;background:#fff}

/* Auth */
.qrp-body .qrp-auth-layout{min-height:100dvh}
.qrp-body .qrp-auth-form{padding:clamp(28px,5vw,70px)!important;overflow:auto}
.qrp-body .qrp-auth-form nav{display:flex;gap:8px;padding:5px;background:#dfe6da;border-radius:12px;width:max-content;max-width:100%;margin-bottom:28px}
.qrp-body .qrp-auth-form nav a{padding:9px 13px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:750}
.qrp-body .qrp-auth-form nav a:hover{background:#fff}
.qrp-body .qrp-auth-form form{max-width:720px;padding:26px!important}
.qrp-body .qrp-password-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qrp-body .qrp-field-hint{font-size:11px;color:#65766c;margin-top:-4px}
.qrp-body .qrp-auth-form input:not([type=checkbox]){min-height:48px;padding:11px 13px}
.qrp-body .qrp-auth-form label{font-size:11px;font-weight:700;color:#435d51;gap:6px}
.qrp-body .qrp-sso-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:720px}
.qrp-body .qrp-sso{min-height:48px;border-radius:10px!important}
.qrp-body .qrp-auth-divider{max-width:720px}

@media(max-width:1250px){#qrp-root .qrs-qr-row{grid-template-columns:76px minmax(220px,1.4fr) 90px 100px minmax(310px,1fr)}#qrp-root .qrs-qr-meta{display:none}#qrp-root .qshop-inventory{grid-template-columns:1fr!important}}
@media(max-width:950px){#qrp-root .qrs-qr-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#qrp-root .qrs-qr-row{grid-template-columns:72px minmax(0,1fr) auto;grid-template-areas:'qr info status' 'qr stat status' 'actions actions actions'}#qrp-root .qrs-qr-collection-thumb{grid-area:qr;width:68px;height:68px}#qrp-root .qrs-qr-info{grid-area:info}#qrp-root .qrs-qr-stat{grid-area:stat;display:flex;align-items:baseline;gap:6px}#qrp-root .qrs-qr-stat strong{font-size:17px}#qrp-root .qrs-qr-status{grid-area:status}#qrp-root .qrs-qr-actions{grid-area:actions;justify-content:flex-start;border-top:1px solid #edf0ea;padding-top:10px}#qrp-root .qrs-qr-meta{display:none}}
@media(max-width:650px){#qrp-root .qrp-content{padding:24px 14px 70px}#qrp-root .qrs-qr-summary{grid-template-columns:1fr 1fr;gap:8px}#qrp-root .qrs-qr-summary .qrp-metric{padding:14px}#qrp-root .qrs-qr-summary .qrp-metric strong{font-size:23px}#qrp-root .qrs-qr-row{grid-template-columns:62px minmax(0,1fr);grid-template-areas:'qr info' 'qr stat' 'status status' 'actions actions';padding:13px;gap:9px 11px}#qrp-root .qrs-qr-collection-thumb{width:60px;height:60px}#qrp-root .qrs-qr-status{justify-self:start}#qrp-root .qrs-qr-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}#qrp-root .qrs-qr-action{white-space:normal;text-align:center}#qrp-root .qshop-inventory-row{grid-template-columns:72px minmax(0,1fr)!important}.qrp-body .qrp-password-grid,.qrp-body .qrp-sso-stack{grid-template-columns:1fr}}
.qrp-body .qrp-auth-intro{font-size:13px;color:#5c7165;margin:0 0 12px}.qrp-body .qrp-terms-summary{max-width:720px;margin:14px 0;border:1px solid #d0dbce;border-radius:10px;background:#f8faf5;overflow:hidden}.qrp-body .qrp-terms-summary>summary{cursor:pointer;padding:12px 14px;font-size:11px;font-weight:800;color:#355449}.qrp-body .qrp-terms-summary .qrp-terms{max-height:250px;overflow:auto;padding:0 16px 16px;background:#fff;border-top:1px solid #dde5da}.qrp-body .qrp-consent{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:9px!important;font-weight:600!important}.qrp-body .qrp-consent input{width:auto!important;margin-top:3px}

/* RC3 consistency pass — pages, media, uploads and fallback auth */
#qrp-root .qrp-page-list{display:grid;gap:11px}
#qrp-root .qrp-page-row{display:grid;grid-template-columns:62px minmax(240px,1.4fr) auto 105px minmax(330px,1fr);gap:14px;align-items:center;padding:15px 17px;border-radius:17px;box-shadow:0 7px 26px rgba(25,65,52,.04)}
#qrp-root .qrp-page-symbol{width:58px;height:58px;border-radius:12px;overflow:hidden}
#qrp-root .qrp-page-symbol img{width:100%;height:100%;object-fit:cover}
#qrp-root .qrp-page-info h3{font-size:15px;margin:0 0 4px}
#qrp-root .qrp-page-info p,#qrp-root .qrp-page-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#qrp-root .qrp-page-row>strong{font-size:11px;color:#5b7065;font-weight:700}
#qrp-root .qrp-page-row .qrp-row-actions{justify-content:flex-end;gap:6px}
#qrp-root .qrp-page-row .qrp-row-actions>*{min-height:35px;padding:7px 10px;font-size:10px;border-radius:8px}

#qrp-root input[type=file]::file-selector-button{margin:-1px 10px -1px -1px;padding:11px 14px;border:0;border-right:1px solid #c9d5c9;background:#eaf1e8;color:#214b3e;font:750 11px/1.2 Manrope,Arial,sans-serif;cursor:pointer}
#qrp-root input[type=file]{min-height:44px!important;padding:0!important;overflow:hidden;border:1px solid #c9d5c9!important;border-radius:10px!important;background:#fafbf7!important;color:#65766d!important;font-size:11px!important}
#qrp-root .qrs-media-toolbar{display:grid;grid-template-columns:minmax(250px,1.4fr) minmax(150px,.55fr) minmax(170px,.65fr) minmax(280px,1fr);align-items:center}
#qrp-root .qrs-media-toolbar>*{width:100%!important;max-width:none!important;margin:0!important}
#qrp-root .qrs-media-quota{display:grid;grid-template-columns:auto 1fr;gap:3px 18px;align-items:center;margin:0 0 18px;padding:14px 17px;border:1px solid #d3ddd1;border-radius:14px;background:#f8faf5}
#qrp-root .qrs-media-quota strong{font-size:14px;color:#173f33}
#qrp-root .qrs-media-quota span{font-size:11px;color:#62766b}
#qrp-root .qrs-media-quota small{grid-column:1/-1;color:#8b512f}
#qrp-root .qrs-media-quota.is-over{background:#fff8ef;border-color:#e3c9a5}
#qrp-root .qrs-media-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important;gap:14px!important}
#qrp-root .qrs-media-grid>.qrp-panel{display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:14px!important;border-radius:16px!important;overflow:hidden}
#qrp-root .qrs-media-grid .qrp-file-thumb{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f7f8f4;border-radius:11px;margin-bottom:12px}
#qrp-root .qrs-media-grid h3{font-size:15px;margin:9px 0 3px;overflow-wrap:anywhere}
#qrp-root .qrs-media-grid p{font-size:10px;margin:0 0 12px}
#qrp-root .qrs-media-grid .qrp-secondary{margin-top:auto}

#qrp-root .qshop-inventory-filters{padding:12px;border:1px solid #d4ddd0;border-radius:14px;background:#fff}
#qrp-root .qshop-inventory-filters input,#qrp-root .qshop-inventory-filters select{background:#fafbf7!important}
#qrp-root .qshop-inventory-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:8px;text-align:center;font-size:8px;font-weight:800;letter-spacing:.08em;color:#829087;background:#f2f5ef}

.qrp-auth-fallback{width:min(520px,calc(100% - 32px));margin:10vh auto;padding:34px;border:1px solid #d4ddd0;border-radius:22px;background:#fff;box-shadow:0 24px 70px rgba(23,61,49,.1)}
.qrp-auth-fallback h1{margin:7px 0 10px;font-size:36px;letter-spacing:-.04em}.qrp-auth-fallback p{color:#60746a}.qrp-auth-fallback-actions{display:flex;gap:10px;margin:24px 0 12px}.qrp-auth-fallback-actions>*{flex:1}.qrp-auth-brand{display:inline-block;margin-bottom:26px;font-weight:850;color:#173f33;text-decoration:none}.qrp-auth-help{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:12px}.qrp-auth-help a{color:#2a6252;text-underline-offset:3px}

@media(max-width:1180px){#qrp-root .qrp-page-row{grid-template-columns:58px minmax(210px,1fr) auto minmax(280px,1fr)}#qrp-root .qrp-page-row>strong{display:none}#qrp-root .qrs-media-toolbar{grid-template-columns:1fr 1fr}#qrp-root .qrs-media-toolbar .qrs-media-upload{grid-column:1/-1}}
@media(max-width:820px){#qrp-root .qrp-page-row{grid-template-columns:54px minmax(0,1fr) auto;grid-template-areas:'symbol info badge' 'actions actions actions'}#qrp-root .qrp-page-symbol{grid-area:symbol}.qrp-page-info{grid-area:info}#qrp-root .qrp-page-row>.qrp-badge{grid-area:badge}#qrp-root .qrp-page-row .qrp-row-actions{grid-area:actions;justify-content:flex-start;border-top:1px solid #edf0ea;padding-top:9px}#qrp-root .qrs-media-toolbar{grid-template-columns:1fr}}
@media(max-width:520px){.qrp-auth-fallback{padding:24px}.qrp-auth-fallback-actions{display:grid}.qrp-auth-fallback h1{font-size:30px}#qrp-root .qrs-media-quota{grid-template-columns:1fr}#qrp-root .qrs-media-quota small{grid-column:auto}}
#qrp-root .qrs-qr-columns{display:grid;grid-template-columns:86px minmax(260px,1.55fr) minmax(92px,.45fr) minmax(110px,.5fr) minmax(98px,.45fr) minmax(350px,1.25fr);gap:16px;padding:0 18px 6px;color:#7a8981;font-size:8px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
#qrp-root .qrs-qr-columns span:last-child{text-align:right}
@media(max-width:1250px){#qrp-root .qrs-qr-columns{grid-template-columns:76px minmax(220px,1.4fr) 90px 100px minmax(310px,1fr)}#qrp-root .qrs-qr-columns span:nth-child(4){display:none}}
@media(max-width:950px){#qrp-root .qrs-qr-columns{display:none}}

/* 1.7.0-rc.3.1 — premium interaction & information architecture pass */

/* Clickable QR thumbnails */
#qrp-root button.qrs-qr-collection-thumb{appearance:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;background:#fafbf7}
#qrp-root button.qrs-qr-collection-thumb:hover{transform:translateY(-2px) scale(1.015);border-color:#8fac9e;box-shadow:0 10px 24px rgba(20,62,51,.12)}
#qrp-root button.qrs-qr-collection-thumb:focus-visible{outline:3px solid #9db69e;outline-offset:3px}

/* Merchant inventory — compact professional management rows */
#qrp-root .qshop-inventory{grid-template-columns:1fr!important;gap:10px!important}
#qrp-root .qshop-inventory-row{grid-template-columns:112px minmax(260px,1fr) minmax(360px,.72fr)!important;grid-template-areas:'visual info actions'!important;gap:18px!important;min-height:134px!important;padding:15px 18px!important;align-items:center!important;background:linear-gradient(145deg,#fff,#fbfcf7)!important;box-shadow:0 6px 22px rgba(19,61,49,.035)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
#qrp-root .qshop-inventory-row:hover{transform:translateY(-1px);border-color:#afc2b3!important;box-shadow:0 13px 30px rgba(19,61,49,.075)!important}
#qrp-root .qshop-inventory-visual{width:112px!important;height:102px!important;cursor:pointer!important;transition:transform .18s ease,border-color .18s ease!important;padding:7px!important}
#qrp-root .qshop-inventory-visual:hover{transform:scale(1.025);border-color:#9eb6a7!important}
#qrp-root .qshop-inventory-visual:focus-visible{outline:3px solid #9db69e;outline-offset:3px}
#qrp-root .qshop-inventory-title{display:flex!important;align-items:flex-start!important;gap:9px!important;flex-wrap:wrap!important;margin-bottom:7px!important}
#qrp-root .qshop-inventory-title h3{margin:0!important;font-size:17px!important;line-height:1.25!important}
#qrp-root .qshop-inventory-price{display:block!important;margin:0 0 8px!important;font-size:14px!important;font-weight:800!important;color:var(--q3-ink)!important}
#qrp-root .qshop-inventory-chips{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
#qrp-root .qshop-inventory-chips span{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:4px 8px!important;border-radius:999px!important;background:#eef3e9!important;color:#5c6f65!important;font-size:9px!important;font-weight:750!important}
#qrp-root .qshop-inventory-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;justify-self:stretch!important;align-self:center!important}
#qrp-root .qshop-inventory-actions>*{min-width:0!important;min-height:40px!important;width:100%!important;flex:none!important}
#qrp-root .qshop-inventory-actions>*:first-child{background:var(--q3-deep)!important;color:#fff!important}
#qrp-root .qshop-inventory-actions a:hover,#qrp-root .qshop-inventory-actions button:hover{border-color:#9cb2a3!important;background:#edf3e9!important;color:#173f33!important}
#qrp-root .qshop-inventory-actions>*:first-child:hover{background:#205648!important;color:#fff!important}

/* Seller presence — gentle, legible status */
#qrp-root .qshop-presence-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #d5dfd4;border-radius:13px;background:#fbfcf8;margin:14px 0}
#qrp-root .qshop-presence-row>span{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:800;color:#6b756f}
#qrp-root .qshop-presence-row>span::before{content:"";width:9px;height:9px;border-radius:50%;background:#a8b1ab;box-shadow:0 0 0 4px rgba(130,144,135,.08)}
#qrp-root .qshop-presence-row>span.is-online{color:#1e684d}
#qrp-root .qshop-presence-row>span.is-online::before{background:#31ad75;animation:qrs-live-pulse 2.2s ease-in-out infinite;box-shadow:0 0 0 0 rgba(49,173,117,.3)}
@keyframes qrs-live-pulse{0%,100%{box-shadow:0 0 0 0 rgba(49,173,117,.3)}50%{box-shadow:0 0 0 7px rgba(49,173,117,0)}}

/* Chat + paid visibility — two deliberate workspaces */
#qrp-root .qshop-market-xl{gap:18px!important}
#qrp-root .qshop-market-xl>section,#qrp-root .qshop-market-xl>.qrp-panel{overflow:hidden}
#qrp-root .qshop-promo-box{display:grid!important;gap:17px!important}
#qrp-root .qshop-promo-head{display:grid!important;gap:6px!important;padding-bottom:14px!important;border-bottom:1px solid #e0e7dd!important}
#qrp-root .qshop-promo-head h3{margin:0!important;font-size:22px!important}
#qrp-root .qshop-promo-builder{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)!important;gap:12px!important;align-items:stretch!important}
#qrp-root .qshop-promo-step,#qrp-root .qshop-promo-summary{position:relative!important;display:grid!important;align-content:start!important;gap:8px!important;padding:18px!important;border:1px solid #d5dfd4!important;border-radius:14px!important;background:#fbfcf8!important;min-width:0!important}
#qrp-root .qshop-promo-step:first-child{grid-column:1/2}
#qrp-root .qshop-promo-step:nth-child(2){grid-column:2/3}
#qrp-root .qshop-promo-summary{grid-column:1/-1!important;background:linear-gradient(135deg,#153f34,#205648)!important;color:#f5f4e8!important;border-color:#153f34!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
#qrp-root .qshop-promo-step>span:first-child,#qrp-root .qshop-promo-summary>span:first-child{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-weight:850!important;color:#6c7f73!important}
#qrp-root .qshop-promo-summary>span:first-child{color:#dcebb7!important}
#qrp-root .qshop-promo-step label{display:grid!important;gap:6px!important;font-size:11px!important;font-weight:750!important;color:#3d5b4e!important}
#qrp-root .qshop-promo-step select{width:100%!important;min-height:48px!important;margin:0!important}
#qrp-root .qshop-promo-summary strong,#qrp-root .qshop-promo-summary p,#qrp-root .qshop-promo-summary small{color:#f5f4e8!important}
#qrp-root .qshop-promo-summary p{margin:2px 0!important}
#qrp-root .qshop-promo-cta{grid-column:2!important;grid-row:1/span 4!important;align-self:center!important;min-width:190px!important;background:#dcebb7!important;color:#173f33!important;border-color:#dcebb7!important}
#qrp-root .qshop-promo-cta:hover{background:#edf4d3!important}
#qrp-root .qshop-promo-list{display:grid!important;gap:8px!important}
#qrp-root .qshop-promo-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;border:1px solid #dce4da!important;border-radius:11px!important;background:#fff!important}

/* File manager — folders first, files second */
#qrp-root .qrs-file-browser{display:grid;gap:16px;margin-top:16px}
#qrp-root .qrs-media-toolbar{display:grid!important;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.55fr) minmax(150px,.55fr) minmax(260px,.8fr) auto!important;align-items:center!important;gap:9px!important}
#qrp-root .qrs-media-upload{width:100%;min-height:46px;padding:6px 8px!important;border:1px solid #c9d5c9!important;border-radius:10px;background:#fafbf7}
#qrp-root .qrs-media-quota{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:15px 17px;border:1px solid #d5ded1;border-radius:13px;background:#f7faf4;color:#4d685b}
#qrp-root .qrs-media-quota strong{font-size:13px;color:#173f33}
#qrp-root .qrs-media-quota span,#qrp-root .qrs-media-quota small{font-size:11px}
#qrp-root .qrs-media-quota.is-over{background:#fff8e8;border-color:#e4c886;color:#7f5b2c}
#qrp-root .qrs-folder-crumbs{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:5px 2px;color:#6c7e73}
#qrp-root .qrs-folder-crumbs .qrs-crumb{appearance:none;border:0;background:transparent;color:#245444;font-size:11px;font-weight:800;padding:5px 3px;cursor:pointer}
#qrp-root .qrs-folder-crumbs .qrs-crumb:hover{text-decoration:underline;text-underline-offset:3px}
#qrp-root .qrs-folder-current{margin-left:auto;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#839188}
#qrp-root .qrs-folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#qrp-root .qrs-folder-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;border:1px solid #d4ded2;border-radius:13px;background:linear-gradient(145deg,#fff,#f7f9f4);overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}
#qrp-root .qrs-folder-card:hover{transform:translateY(-1px);border-color:#abc0b0;box-shadow:0 9px 24px rgba(22,63,51,.07)}
#qrp-root .qrs-folder-open{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;border:0;background:transparent;padding:15px;text-align:left;color:#173f33;cursor:pointer}
#qrp-root .qrs-folder-icon{grid-row:1/3;font-size:28px;color:#b2893d}
#qrp-root .qrs-folder-open strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qrp-root .qrs-folder-open small{font-size:9px;color:#7a8980}
#qrp-root .qrs-folder-remove{width:38px;border:0;border-left:1px solid #e1e7de;background:#fafbf7;color:#8c5b55;font-size:0;cursor:pointer}
#qrp-root .qrs-folder-remove::after{content:'×';font-size:18px}
#qrp-root .qrs-media-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
#qrp-root .qrs-file-card{display:grid!important;grid-template-rows:170px auto auto auto 1fr!important;align-content:start!important;gap:7px!important;min-width:0!important;padding:12px!important;border:1px solid #d4ded2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 6px 22px rgba(19,61,49,.035)!important;transition:transform .17s,border-color .17s,box-shadow .17s!important}
#qrp-root .qrs-file-card:hover{transform:translateY(-2px);border-color:#a9bfae!important;box-shadow:0 13px 28px rgba(19,61,49,.08)!important}
#qrp-root .qrs-file-open{appearance:none;width:100%;height:170px;padding:0;border:0;border-radius:10px;background:#f3f5ef;overflow:hidden;cursor:pointer;display:grid;place-items:center}
#qrp-root .qrs-file-open img{width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;box-sizing:border-box!important;transition:transform .18s ease}
#qrp-root .qrs-file-open:hover img{transform:scale(1.025)}
#qrp-root .qrs-file-open:focus-visible{outline:3px solid #9db69e;outline-offset:3px}
#qrp-root .qrs-file-icon{display:grid;place-items:center;min-width:74px;min-height:88px;padding:10px;border-radius:10px;background:#e9eee6;color:#436154;font-size:12px;font-weight:850;letter-spacing:.08em}
#qrp-root .qrs-file-card .qrp-badge{justify-self:start;font-size:8px!important}
#qrp-root .qrs-file-card h3{margin:0!important;font-size:13px!important;line-height:1.3!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#qrp-root .qrs-file-card>p{margin:0!important;font-size:9px!important;color:#7b8a81!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qrp-root .qrs-file-actions{display:flex;align-items:end;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:5px}
#qrp-root .qrs-file-actions .qrp-secondary{min-height:36px!important;flex:1 1 120px!important;font-size:10px!important}
#qrp-root .qrs-file-dialog{width:min(720px,calc(100vw - 28px));border:0;border-radius:20px;padding:0;background:#fbfcf7;color:#173f33;box-shadow:0 32px 90px rgba(5,28,22,.34)}
#qrp-root .qrs-file-dialog::backdrop{background:rgba(5,28,22,.65);backdrop-filter:blur(8px)}
#qrp-root .qrs-file-detail,#qrp-root .qrs-folder-create{display:grid;gap:15px;padding:28px}
#qrp-root .qrs-file-detail h2,#qrp-root .qrs-folder-create h2{margin:0;font-size:25px}
#qrp-root .qrs-file-detail select,#qrp-root .qrs-folder-create input{width:100%;min-height:48px;border:1px solid #c8d5ca;border-radius:10px;padding:0 12px;background:#fff}
#qrp-root .qrs-file-preview{max-width:100%;max-height:420px;object-fit:contain;margin:auto;border:1px solid #dfe6dd;border-radius:13px;background:#f2f5ef}
#qrp-root .qrs-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:6px}

/* Analytics — every useful surface responds and explains itself */
#qrp-root .qrs-analytics-kpis .qrp-metric,#qrp-root .qrs-kpi-interactive{cursor:pointer!important;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}
#qrp-root .qrs-kpi-interactive::after{content:'Voir le détail';position:absolute;right:15px;bottom:11px;font-size:8px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:#73867a;opacity:0;transform:translateY(4px);transition:.18s}
#qrp-root .qrs-kpi-interactive:hover,#qrp-root .qrs-kpi-interactive:focus-visible{transform:translateY(-2px);border-color:#9eb9aa!important;box-shadow:0 14px 30px rgba(20,62,51,.09)!important;outline:none}
#qrp-root .qrs-kpi-interactive:hover::after,#qrp-root .qrs-kpi-interactive:focus-visible::after{opacity:1;transform:none}
#qrp-root .qrs-analytics-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 18px}
#qrp-root .qrs-insight-card{appearance:none;display:grid;gap:6px;text-align:left;min-height:120px;padding:18px;border:1px solid #d4ded2;border-radius:15px;background:#fff;color:#173f33;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}
#qrp-root .qrs-insight-card:hover,#qrp-root .qrs-insight-card:focus-visible{transform:translateY(-2px);border-color:#9fb8a8;box-shadow:0 13px 28px rgba(20,62,51,.08);outline:none}
#qrp-root .qrs-insight-card>span{font-size:8px;letter-spacing:.11em;font-weight:850;color:#718379}
#qrp-root .qrs-insight-card>strong{font-size:24px;line-height:1;color:#173f33}
#qrp-root .qrs-insight-card>small{font-size:10px;color:#677970}
#qrp-root .qrs-insight-card.is-up{background:linear-gradient(145deg,#f3fbf4,#fff);border-color:#bee0c8}
#qrp-root .qrs-insight-card.is-up>strong{color:#23704e}
#qrp-root .qrs-insight-card.is-down{background:linear-gradient(145deg,#fff8f4,#fff);border-color:#e5c9bf}
#qrp-root .qrs-insight-card.is-down>strong{color:#9b4c3f}
#qrp-root button.qrs-analytics-line{appearance:none;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;padding:7px 0;text-align:left}
#qrp-root button.qrs-analytics-line:hover span{text-decoration:underline;text-underline-offset:3px}
#qrp-root .qrs-hour-cell[role=button],#qrp-root .qrs-dual-bars[role=button]{cursor:pointer;transition:transform .16s,filter .16s}
#qrp-root .qrs-hour-cell[role=button]:hover,#qrp-root .qrs-hour-cell[role=button]:focus-visible{transform:translateY(-2px);filter:saturate(1.12);outline:2px solid #9fb8a8;outline-offset:2px}
#qrp-root .qrs-dual-bars[role=button]:hover,#qrp-root .qrs-dual-bars[role=button]:focus-visible{filter:saturate(1.25);transform:translateY(-2px);outline:none}
#qrp-root .qrs-analytics-dialog{width:min(650px,calc(100vw - 28px));border:0;border-radius:20px;padding:0;background:#fbfcf7;color:#173f33;box-shadow:0 34px 100px rgba(5,28,22,.37)}
#qrp-root .qrs-analytics-dialog::backdrop{background:rgba(5,28,22,.66);backdrop-filter:blur(8px)}
#qrp-root .qrs-analytics-dialog-box{display:grid;gap:13px;padding:30px}
#qrp-root .qrs-analytics-dialog-box h2{margin:0;font-size:28px;letter-spacing:-.035em}
#qrp-root .qrs-insight-list{display:grid;border:1px solid #d8e1d6;border-radius:13px;overflow:hidden;background:#fff}
#qrp-root .qrs-insight-row{display:flex;justify-content:space-between;gap:24px;padding:12px 14px;border-bottom:1px solid #e5eae3;font-size:12px}
#qrp-root .qrs-insight-row:last-child{border-bottom:0}

@media(max-width:1100px){
 #qrp-root .qshop-inventory-row{grid-template-columns:96px minmax(0,1fr)!important;grid-template-areas:'visual info' 'actions actions'!important}
 #qrp-root .qshop-inventory-visual{width:96px!important;height:96px!important}
 #qrp-root .qrs-media-toolbar{grid-template-columns:1fr 1fr!important}
 #qrp-root .qrs-media-toolbar>*:first-child,#qrp-root .qrs-media-toolbar .qrs-media-upload{grid-column:1/-1}
 #qrp-root .qrs-folder-grid,#qrp-root .qrs-media-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
 #qrp-root .qshop-inventory-row{grid-template-columns:78px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}
 #qrp-root .qshop-inventory-visual{width:78px!important;height:78px!important}
 #qrp-root .qshop-inventory-actions{grid-template-columns:1fr 1fr!important}
 #qrp-root .qshop-promo-builder{grid-template-columns:1fr!important}
 #qrp-root .qshop-promo-step:first-child,#qrp-root .qshop-promo-step:nth-child(2),#qrp-root .qshop-promo-summary{grid-column:1!important}
 #qrp-root .qshop-promo-summary{grid-template-columns:1fr!important}
 #qrp-root .qshop-promo-cta{grid-column:1!important;grid-row:auto!important;width:100%!important}
 #qrp-root .qshop-presence-row{align-items:flex-start;flex-direction:column}
 #qrp-root .qrs-folder-grid,#qrp-root .qrs-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #qrp-root .qrs-analytics-insights{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 #qrp-root .qrs-media-toolbar{grid-template-columns:1fr!important}
 #qrp-root .qrs-media-toolbar>*{grid-column:1!important}
 #qrp-root .qrs-folder-grid{grid-template-columns:1fr!important}
 #qrp-root .qrs-media-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
 #qrp-root .qrs-file-card{grid-template-rows:120px auto auto auto 1fr!important;padding:9px!important}
 #qrp-root .qrs-file-open{height:120px}
 #qrp-root .qshop-inventory-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
 #qrp-root .qshop-presence-row>span.is-online::before{animation:none}
 #qrp-root .qshop-inventory-row,#qrp-root .qshop-inventory-visual,#qrp-root .qrs-file-card,#qrp-root .qrs-insight-card,#qrp-root .qrs-kpi-interactive{transition:none!important}
}
/* RC3.1 promotion layout correction: CTA belongs after the 3-step summary, never overlays it. */
#qrp-root .qshop-market-columns{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;align-items:stretch!important}
#qrp-root .qshop-market-box{padding:22px!important;background:rgba(252,253,249,.92)!important;border-radius:18px!important}
#qrp-root .qshop-promo-cta{grid-column:1/-1!important;grid-row:auto!important;justify-self:start!important;width:auto!important;min-width:210px!important;margin-top:-3px!important}
@media(max-width:1050px){#qrp-root .qshop-market-columns{grid-template-columns:1fr!important}}
@media(max-width:760px){#qrp-root .qshop-promo-cta{width:100%!important;justify-self:stretch!important}}
#qrp-root .qshop-promo-summary{grid-template-columns:34px minmax(0,1fr)!important;align-items:start!important}
#qrp-root .qshop-promo-summary>.qshop-step-number{grid-column:1!important;grid-row:1/7!important;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#dcebb7;color:#173f33!important;font-weight:900!important}
#qrp-root .qshop-promo-summary>*:not(.qshop-step-number){grid-column:2!important}
#qrp-root .qshop-promo-step>.qshop-step-number{width:28px;height:28px;display:grid!important;place-items:center;border-radius:50%;background:#e4ece0;color:#214f40!important;font-size:10px!important;font-weight:900!important}
#qrp-root .qrs-file-section-label{margin:5px 2px -5px;color:#61776b!important}
#qrp-root .qshop-promo-row{grid-template-columns:minmax(0,1fr) auto auto auto!important}
@media(max-width:760px){#qrp-root .qshop-promo-row{grid-template-columns:1fr 1fr!important}#qrp-root .qshop-promo-row strong{grid-column:1/-1}}

/* 1.7.0-rc.3.2 — pages premium, dialogs, Excel & checkout */
.qrs-pages-toolbar{position:sticky;top:80px;z-index:8;background:rgba(239,244,236,.92);backdrop-filter:blur(14px);padding:12px;border:1px solid #d6e1d4;border-radius:18px;margin-bottom:22px}
.qrs-pages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,390px),1fr));gap:22px;align-items:stretch}
.qrs-page-card{display:grid;grid-template-rows:230px 1fr;min-width:0;overflow:hidden;border:1px solid #cad8cc;border-radius:24px;background:#fbfcf7;box-shadow:0 14px 36px rgba(21,57,47,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.qrs-page-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(21,57,47,.12);border-color:#9fb9aa}
.qrs-page-preview{position:relative;width:100%;height:230px;padding:0;border:0;background:linear-gradient(145deg,#e7efe6,#dce9e8);overflow:hidden;text-align:left;cursor:pointer}
.qrs-page-preview:after{content:'Ouvrir et modifier';position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(10,61,49,.92);color:#fff;font:700 11px/1.2 Manrope,Arial,sans-serif;letter-spacing:.02em;opacity:0;transform:translateY(4px);transition:.2s}
.qrs-page-preview:hover:after,.qrs-page-preview:focus-visible:after{opacity:1;transform:none}
.qrs-page-preview-viewport{position:absolute;inset:0;overflow:hidden;background:#eef3ec}
.qrs-page-preview-stage{width:161.3%;min-height:520px;pointer-events:none;transform-origin:top left;zoom:.62}
@supports not (zoom:1){.qrs-page-preview-stage{width:161.3%;transform:scale(.62)}}
.qrs-page-preview-stage .qrp-digital{min-height:520px;box-shadow:none!important;border-radius:0!important}
.qrs-page-preview-stage .qrp-page-hero{min-height:205px!important}
.qrs-page-preview-stage :is(button,a,input,select,textarea){pointer-events:none!important}
.qrs-page-card-body{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:10px;padding:20px 20px 18px;min-width:0}
.qrs-page-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.qrs-page-title{padding:0;border:0;background:transparent;color:#103d32;text-align:left;font:800 20px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.025em;cursor:pointer;min-width:0;overflow-wrap:anywhere}
.qrs-page-title:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.qrs-page-kind{margin:0!important;color:#567066!important;font-size:12px}
.qrs-page-card-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#eef4ef;color:#31594d;font-size:12px}
.qrs-page-card-stats strong{font-size:18px;color:#0f4b3c}
.qrs-page-card-actions{align-self:end;display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.qrs-page-card-actions .qrs-qr-action{min-height:38px;padding:8px 11px;font-size:11px}
.qrs-page-card-actions .qrs-action-danger{color:#aa2d3a;border-color:#e8c8cd;background:#fff8f8}
.qrs-page-card-actions .qrs-action-danger:hover{background:#fff0f1}

.qrs-dialog-close{position:absolute!important;top:14px;right:14px;z-index:20;width:38px;height:38px;padding:0!important;display:grid!important;place-items:center;border:1px solid #d3ddd4!important;border-radius:50%!important;background:#fff!important;color:#173f33!important;font:500 26px/1 Arial,sans-serif!important;box-shadow:0 8px 20px rgba(15,54,43,.10)!important;cursor:pointer!important;transition:transform .16s ease,background .16s ease!important}
.qrs-dialog-close:hover{transform:rotate(4deg) scale(1.04)!important;background:#eef5f0!important}
dialog:has(>.qrs-dialog-close){position:relative;outline:0}
dialog:has(>.qrs-dialog-close)::backdrop{background:rgba(7,30,25,.62);backdrop-filter:blur(7px)}

.qrs-payment-summary{display:grid;grid-template-columns:1fr auto;gap:7px 18px;margin:16px 0;padding:16px;border:1px solid #d6e5df;border-radius:16px;background:#f1f7f4}
.qrs-payment-summary span{color:#64776e;font-size:12px}
.qrs-payment-summary strong{text-align:right;color:#143f34}
.qrs-card-checkout{padding:34px!important}
.qrs-card-checkout>.qrp-button,.qrs-card-checkout>.qrp-secondary{width:100%;margin-top:10px}

.qrs-export-panel{background:linear-gradient(135deg,#fbfcf7,#eef6f2)!important;border-color:#c7dbcf!important}
.qrs-export-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}
.qrs-export-actions>*{min-width:170px}

#qrp-root.qrx-dark .qrs-page-card{background:#153042;border-color:#2a485a}
#qrp-root.qrx-dark .qrs-page-title{color:#e8f4f0}
#qrp-root.qrx-dark .qrs-page-card-stats{background:#102838;color:#b7cbc3}
#qrp-root.qrx-dark .qrs-page-card-stats strong{color:#66dec8}

@media(max-width:900px){
 .qrs-pages-toolbar{position:static}
 .qrs-pages-grid{grid-template-columns:1fr}
 .qrs-page-card{grid-template-rows:210px 1fr}
 .qrs-page-preview{height:210px}
}
@media(max-width:560px){
 .qrs-page-card-body{padding:16px}
 .qrs-page-card-header{align-items:flex-start;flex-direction:column}
 .qrs-page-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
 .qrs-page-card-actions>*{width:100%;justify-content:center}
 .qrs-export-actions{display:grid;grid-template-columns:1fr}.qrs-export-actions>*{width:100%}
 .qrs-card-checkout{padding:24px!important}
}