/* Qrofis customer standard: one dark palette, shared navigation and controls. */
:root{--qc-bg:#0c101b;--qc-panel:#141b2b;--qc-input:#101725;--qc-border:#2a3348;--qc-text:#eef0f8;--qc-muted:#aab5cc;--qc-accent:#8b70f5;color-scheme:dark;}
body,#appView,#appView .main{background:var(--qc-bg)!important;color:var(--qc-text)!important;}
#appView .sidebar{background:var(--qc-input)!important;border-color:var(--qc-border)!important;}
#appView .sidebar .sidebar-brand span{color:var(--qc-text)!important;}
#appView .sidebar>.nav-item{color:var(--qc-muted)!important;}
#appView .sidebar>.nav-item.active{background:#352a5d!important;color:#d0c2ff!important;}
#appView .sidebar #logoutBtn{margin-left:auto!important;color:var(--qc-text)!important;border-color:var(--qc-border)!important;background:var(--qc-panel)!important;}
#appView .sidebar:has(#accountInfo) #logoutBtn{margin-left:0!important;}
#appView :is(.section,.card,.qr-product-card,.manage-workspace-card,.manage-function-banner,.manage-v3-linkbox,.manage-v3-identity,.qcs-unified-editor-card,.qcs-studio-nav,.qcs-toolbar,.qcs-card,.qcs-section){background:var(--qc-panel)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;box-shadow:none!important;}
#appView :is(.muted,.manage-v3-help,.qr-product-meta,.manage-function-banner span,.qcs-field-hint),#createQrModal :is(.muted,small){color:var(--qc-muted)!important;}
#appView :is(.main h1,.main h2,.main h3,.main label,.qr-product-name,.qcs-studio-nav-head strong,.qcs-studio-workspaces button),#createQrModal :is(h2,h3,strong,label){color:var(--qc-text)!important;}
#appView :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea),#createQrModal :is(input:not([type=checkbox]):not([type=range]):not([type=hidden]),select,textarea){background:var(--qc-input)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#appView :is(.secondary-btn,.close-btn,.manage-function-banner button),#createQrModal :is(.secondary-btn,.close-btn){background:#1c2538!important;border-color:#34405a!important;color:var(--qc-text)!important;border-radius:10px!important;}
#appView .save-btn,#createQrModal .save-btn{background:var(--qc-accent)!important;color:#fff!important;border-color:var(--qc-accent)!important;border-radius:10px!important;}
#appView a{color:#c5b5ff;}
#appView .qr-function-badge,#appView .manage-function-badge{background:#352a5d!important;color:#d0c2ff!important;}
#appView .qr-status-pill{background:#233247!important;color:#c5d0e1!important;}
#appView .qr-status-pill.is-active{background:#143b32!important;color:#8be0b8!important;}
#appView .main:has(#qrSection.active)>.topbar,#appView .main:has(#editModal.active)>.topbar{display:none!important;}
#appView #qrSection{border:0!important;padding:24px!important;background:transparent!important;}
#appView .qr-library-intro{margin:0 0 24px!important;}
#appView .qr-card-preview,#appView #editQrPreview{background:white!important;border-color:#e2e8f0!important;color:#111827!important;color-scheme:light;}
#createQrModal .modal-card{background:var(--qc-panel)!important;border:1px solid var(--qc-border)!important;color:var(--qc-text)!important;}
#createQrModal .create-qr-type-card{background:var(--qc-input)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#createQrModal .create-qr-type-card.is-active{border-color:var(--qc-accent)!important;background:#241e3b!important;}
#createQrModal .create-qr-type-icon{background:#263047!important;color:#d0c2ff!important;width:36px!important;height:36px!important;}
#createQrModal .create-qr-type-icon svg{width:22px;height:22px;}
/* Plain Manage uses one header, a compact identity card and direct settings. */
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui){background:var(--qc-bg)!important;padding:24px!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui)>.manage-workspace-card{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:20px!important;max-width:1200px!important;margin:0 auto!important;padding:0!important;overflow:visible!important;background:transparent!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) .manage-v3-top{grid-column:1/-1!important;grid-row:1!important;margin:0!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) .manage-v3-title{grid-column:1/-1!important;grid-row:2!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editQrIdentity{grid-column:1!important;grid-row:3/span 2!important;padding:18px!important;background:var(--qc-panel)!important;border-color:var(--qc-border)!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) .manage-design-launch{grid-column:2!important;grid-row:3!important;align-self:start!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editForm{display:block!important;grid-column:2!important;grid-row:4!important;min-width:0!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) .manage-section-panel>div{background:var(--qc-panel)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) :is(#editDestinationRow,#editEmailExperience,#editContactExperience,#editWifiExperience,#editEventExperience,#editLocationExperience){padding:20px!important;margin:16px 0!important;min-height:0!important;background:var(--qc-panel)!important;border-color:var(--qc-border)!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editModalActions{position:sticky!important;bottom:0!important;display:flex!important;justify-content:flex-end!important;gap:12px!important;padding:14px 0!important;margin:20px 0 0!important;background:var(--qc-bg)!important;border-color:var(--qc-border)!important;}
#appView #editModal:not(.qrd-designer-mode) #editModalActions :is(#editCancelBtn,#editSaveBtn){flex:0 0 auto!important;width:auto!important;min-width:140px!important;height:44px!important;}
#appView #editModal:not(.qrd-designer-mode) :is(#qrdStudioDownload,#editDownloadPngBtn,#editDownloadSvgBtn){display:none!important;}
#appView #editModal.qrd-designer-mode .manage-design-launch{display:none!important;}
#appView #editModal.qrofis-message-ui .manage-design-launch{display:flex!important;grid-column:1/-1!important;justify-content:flex-end!important;margin-bottom:16px!important;}
#appView #editLocationCapabilities .form-row,#appView #editGeofenceAdvanced,#appView #geofenceForm{background:var(--qc-panel)!important;border-color:var(--qc-border)!important;}
#appView .qcs-studio-v2-1 :is(.qcs-studio-nav,.qcs-unified-editor-card){background:var(--qc-panel)!important;border-color:var(--qc-border)!important;}
#appView .qcs-studio-v2-1 .qcs-studio-workspaces>button{background:var(--qc-input)!important;color:var(--qc-text)!important;border-color:var(--qc-border)!important;}
#appView .qcs-studio-v2-1 .qcs-studio-workspaces>button.is-active{background:#352a5d!important;color:#d0c2ff!important;}
@media(max-width:820px){#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui)>.manage-workspace-card{display:flex!important;flex-direction:column!important;}#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editQrIdentity{display:flex!important;gap:18px!important;}#appView #editModal #editQrPreview{flex:0 0 110px!important;width:110px!important;height:110px!important;}#appView #editModal #editQrIdentity>div:last-child{flex:1!important;}#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui){padding:16px 12px!important;}}
@media(max-width:500px){#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editQrIdentity{display:block!important;}#appView .sidebar{overflow-x:auto!important;}#appView .sidebar>.nav-item{flex:0 0 auto!important;white-space:nowrap!important;}#appView .sidebar .sidebar-brand span{display:none!important;}#appView #qrSection{padding:16px 0!important;}}
#appView #editModal:not(.qrd-designer-mode) textarea{width:100%!important;box-sizing:border-box;min-height:100px;}
#appView #editModal:not(.qrd-designer-mode) :is(#qrdDownloadPngBtn,#qrdDownloadSvgBtn){display:none!important;}
/* V8.13: complete dark surfaces, visible catalog labels, centered QR cards. */
#appView .qr-product-card{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:18px!important;padding:24px 18px!important;}
#appView .qr-card-main{width:100%!important;}
#appView .qr-card-title{color:var(--qc-text)!important;margin-bottom:14px!important;}
#appView .qr-card-meta{justify-content:center!important;gap:10px!important;margin-bottom:12px!important;}
#appView .qr-card-note{color:var(--qc-muted)!important;margin-bottom:18px!important;}
#appView .qr-card-actions{display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;gap:8px!important;}
#appView .qr-card-actions :is(button,a){padding:10px 12px!important;font-size:14px!important;white-space:nowrap!important;justify-content:center!important;}
#appView .qr-card-grid.is-single{justify-content:center!important;grid-template-columns:minmax(0,440px)!important;}
#appView .qr-type-pill{background:#352a5d!important;color:#d0c2ff!important;}
#appView .qr-status-pill.active{background:#143b32!important;color:#8be0b8!important;}
#appView :is(#analyticsFilterBar,.stat-card){background:var(--qc-panel)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#appView :is(.stat-label,.stat-card small){color:var(--qc-muted)!important;}
#appView :is(.stat-value,.stat-card h3,.stat-card h4){color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui :is(.qcs-shell,.qcs-main,.qcs-editor,.qcs-preview-column,.qrofis-preview-card,.qcs-ready-preview-mode,.qcs-ready-preview-controls){background:var(--qc-panel)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace],#appView #editModal.qrofis-message-ui .qcs-studio-template-cats{background:var(--qc-input)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav :is(b,strong),#appView #editModal.qrofis-message-ui .qcs-studio-template-cats button{color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-template-cats button{background:var(--qc-input)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace].is-active,#appView #editModal.qrofis-message-ui .qcs-studio-template-cats button.is-active{background:#352a5d!important;color:#e0d7ff!important;}
#appView #editModal.qrd-designer-mode :is(.qrofis-message-header,#editTextExperience){display:none!important;}
@media(min-width:1101px){
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(330px,420px) minmax(300px,1fr) 250px!important;align-items:start!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .manage-design-preview{grid-column:2!important;grid-row:1!important;position:sticky!important;top:12px!important;padding:20px!important;min-height:480px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qr-design-preview-stage{min-height:350px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-strip{grid-column:3!important;grid-row:1!important;margin:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
}
#appView #editModal.qrd-designer-mode #manageDesignPreviewHost{max-width:320px!important;margin:auto!important;}

#appView #editModal #qrPasswordSettings{grid-column:2!important;grid-row:4!important;}
#appView #editModal:not(.qrd-designer-mode):not(.qrofis-message-ui) #editForm{grid-row:5!important;}
#appView #editModal.qrofis-message-ui #qrPasswordSettings{grid-column:1/-1!important;}
#appView #editModal.qrd-designer-mode #qrPasswordSettings{display:none!important;}

/* Website Manage V1: independent identity height and compact protection above settings. */
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editQrIdentity{grid-row:3/span 3!important;align-self:start!important;margin-bottom:0!important;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editForm{grid-row:5!important;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #qrPasswordSettings{grid-row:4!important;align-self:start!important;margin:0!important;min-width:0;}
#appView #editModal #qrPasswordEnabled{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;margin:0!important;padding:0!important;accent-color:var(--qc-accent);}
@media(max-width:820px){
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) .manage-v3-top{order:0;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) .manage-v3-title{order:1;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editQrIdentity{order:2;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) .manage-design-launch{order:3;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editForm{order:5;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #qrPasswordSettings{order:4;}
}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editModalActions{position:static!important;}
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editQrPreview svg{max-width:100%!important;max-height:100%!important;}

/* Simple Website Manage does not expose location controls. */
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #editLocationCapabilities,
#appView #editModal.website-manage-layout:not(.qrd-designer-mode) #geofenceForm{display:none!important;}

/* Personal Message V1: management first, protection, then the existing Studio. */
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode)>.manage-workspace-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;overflow:visible!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) .manage-v3-top{grid-column:1!important;grid-row:1!important;margin:0!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) .manage-v3-title{grid-column:1!important;grid-row:2!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #editForm{display:contents!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #manageFunctionPanel:not(.hidden){display:contents!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) .qrofis-message-header{grid-column:1!important;grid-row:3!important;min-width:0!important;margin:0!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header>h1{display:none!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta{grid-template-columns:minmax(280px,1.2fr) minmax(200px,1fr) minmax(140px,.5fr)!important;gap:20px!important;align-items:center!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrIdentity{background:var(--qc-panel)!important;border:1px solid var(--qc-border)!important;padding:16px!important;border-radius:14px!important;box-sizing:border-box!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header>.manage-function-banner{margin:16px 0 0!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) .manage-design-launch{grid-column:1!important;grid-row:4!important;margin:0!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #qrPasswordSettings{grid-column:1!important;grid-row:5!important;margin:0!important;min-width:0!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #editTextExperience{grid-column:1!important;grid-row:6!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
#appView #editModal.qrofis-message-ui .personal-message-studio-title{margin:8px 0 16px!important;font-size:22px!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #editMessage{grid-column:1!important;grid-row:7!important;}
#appView #editModal.qrofis-message-ui .qrofis-preview-card .qcs-preview-label{color:var(--qc-muted)!important;}
@media(max-width:1000px){#appView #editModal.qrofis-message-ui .qrofis-message-meta{grid-template-columns:minmax(0,1fr) minmax(140px,.5fr)!important;grid-template-areas:'identity identity' 'name status'!important;}}
@media(max-width:600px){#appView #editModal.qrofis-message-ui .qrofis-message-meta{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'identity' 'name' 'status'!important;gap:14px!important;}#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrIdentity{grid-template-columns:90px minmax(0,1fr)!important;gap:12px!important;}#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrPreview{width:90px!important;height:90px!important;min-width:90px!important;min-height:90px!important;max-width:90px!important;max-height:90px!important;}#appView #editModal.qrofis-message-ui #editQrPublicUrl{white-space:normal!important;overflow-wrap:anywhere!important;}}

/* Personal Message V1.1: compact management and consistent editor controls. */
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode)>.manage-workspace-card{gap:10px!important;}
#appView #editModal.qrofis-message-ui .manage-v3-title h2{font-size:24px!important;margin:0 0 5px!important;}
#appView #editModal.qrofis-message-ui .manage-v3-sub{font-size:12px!important;gap:8px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header{padding:12px!important;background:var(--qc-panel)!important;border:1px solid var(--qc-border)!important;border-radius:12px!important;box-sizing:border-box!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta{gap:16px!important;grid-template-columns:minmax(260px,1.2fr) minmax(180px,1fr) minmax(130px,.45fr)!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrIdentity{grid-template-columns:76px minmax(0,1fr)!important;padding:0!important;gap:12px!important;border:0!important;background:transparent!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrPreview{width:76px!important;height:76px!important;min-width:76px!important;min-height:76px!important;max-width:76px!important;max-height:76px!important;flex:0 0 76px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrPreview svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;}
#appView #editModal.qrofis-message-ui .manage-v3-linkbox{padding:0!important;border:0!important;background:transparent!important;margin:0 0 8px!important;}
#appView #editModal.qrofis-message-ui .manage-v3-help{display:none!important;}
#appView #editModal.qrofis-message-ui .manage-v3-primary-actions{gap:8px!important;margin:0!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta>.form-row label{font-size:12px!important;margin:0 0 5px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta>.form-row :is(input,select){height:38px!important;min-height:38px!important;padding:7px 10px!important;font-size:13px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header>.manage-function-banner{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:10px 0 0!important;padding:0!important;border:0!important;background:transparent!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header>.manage-function-banner>div:not(.manage-design-launch){display:none!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header .manage-design-launch{display:flex!important;margin:0!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #qrPasswordSettings{grid-row:4!important;padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #editTextExperience{grid-row:5!important;}
#appView #editModal.qrofis-message-ui:not(.qrd-designer-mode) #editMessage{grid-row:6!important;}
#appView #editModal.qrofis-message-ui .personal-message-studio-title{font-size:18px!important;margin:6px 0 10px!important;}
/* Only application controls are resized; preview artwork and crop geometry are unchanged. */
#appView #editModal.qrofis-message-ui :is(.manage-v3-top,.manage-v3-primary-actions,.manage-function-banner,#qrPasswordSettings,.qrofis-preview-actions) button,
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card button:not(.qcs-ready-item):not(.qcs-decoration-item):not(.qcs-emoji-item):not(.qcs-suggestion-item),
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace]{min-height:36px!important;height:auto!important;padding:7px 10px!important;font-size:13px!important;line-height:1.2!important;box-sizing:border-box!important;border-radius:8px!important;}
#appView #editModal.qrofis-message-ui .qrofis-preview-actions :is(.qrofis-preview-cancel-proxy,.qrofis-preview-save-proxy){height:36px!important;min-height:36px!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-workspaces{gap:6px!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace]{grid-template-columns:24px minmax(0,1fr)!important;grid-template-rows:auto!important;gap:8px!important;min-height:36px!important;padding:5px 8px!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav .qrofis-clean-nav-icon{grid-row:1!important;width:24px!important;height:24px!important;font-size:14px!important;border-radius:7px!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace] :is(b,strong){font-size:13px!important;line-height:1.2!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace] small{display:none!important;}
#appView #editModal.qrofis-message-ui .qcs-shell.qcs-studio-v2-1{padding:12px!important;gap:12px!important;}
#appView #editModal.qrofis-message-ui .qcs-studio-nav{padding:8px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card{padding:12px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-input,input[type=text],input[type=number],select){min-height:38px!important;height:38px!important;padding:7px 10px!important;font-size:13px!important;box-sizing:border-box!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-label,.qcs-template-text-field>span){font-size:12px!important;line-height:1.3!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card textarea{min-height:76px!important;padding:8px 10px!important;font-size:13px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-rich{min-height:110px!important;padding:10px!important;font-size:14px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-native-accordion>summary,.qcs-editor-group-summary){min-height:38px!important;padding:10px 12px!important;font-size:13px!important;}
/* Image tools: dark surfaces and readable text, including the empty upload state. */
#appView #editModal.qrofis-message-ui .qcs-image-group,
#appView #editModal.qrofis-message-ui .qcs-image-group :is(.qcs-media,.qcs-drop,.qcs-media-empty,.qcs-media-filled){background:var(--qc-input)!important;color:var(--qc-text)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-image-group>summary{background:#241e3b!important;color:var(--qc-text)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-image-group :is(strong,label,.qcs-design-title>span){color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-image-group :is(small,.qcs-inline-help,.qcs-image-source>span){color:var(--qc-muted)!important;}
#appView #editModal.qrofis-message-ui .qcs-image-group :is(.qcs-upload,.qcs-media-actions button,.qcs-image-source button){background:#1c2538!important;color:var(--qc-text)!important;border:1px solid #34405a!important;}
#appView #editModal.qrofis-message-ui .qcs-image-group .qcs-image-source button.is-active{background:#352a5d!important;color:#e0d7ff!important;border-color:var(--qc-accent)!important;}
#appView #editModal.qrofis-message-ui .qcs-drop{min-height:140px!important;padding:16px!important;}
#appView #editModal.qrofis-message-ui .qcs-media-empty strong{font-size:14px!important;}
#appView #editModal.qrofis-message-ui .qcs-media-empty small{font-size:12px!important;line-height:1.4!important;}
#appView #editModal.qrofis-message-ui .qcs-ready-preview-mode{background:var(--qc-input)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-ready-preview-mode :is(strong,span,label){color:var(--qc-text)!important;}
@media(max-width:1000px){#appView #editModal.qrofis-message-ui .qrofis-message-meta{grid-template-columns:minmax(0,1fr) minmax(130px,.5fr)!important;grid-template-areas:'identity identity' 'name status'!important;}}
@media(max-width:600px){
#appView #editModal.qrofis-message-ui .qrofis-message-meta{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'identity' 'name' 'status'!important;gap:10px!important;}
#appView #editModal.qrofis-message-ui :is(.manage-v3-top,.manage-v3-primary-actions,.manage-function-banner,#qrPasswordSettings,.qrofis-preview-actions) button,
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card button:not(.qcs-ready-item):not(.qcs-decoration-item):not(.qcs-emoji-item),
#appView #editModal.qrofis-message-ui .qcs-studio-nav [data-qcs-studio-workspace]{min-height:44px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta>.form-row :is(input,select){height:44px!important;min-height:44px!important;font-size:16px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-input,input[type=text],input[type=number],select){height:44px!important;min-height:44px!important;font-size:16px!important;}
}

/* Personal Message V1.2: shared rows and buttons for the full editor. */
#appView #editModal{--qm-button-h:36px;--qm-field-h:38px;--qm-label-w:88px;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrIdentity{grid-template-columns:120px minmax(0,1fr)!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrPreview{width:120px!important;height:120px!important;min-width:120px!important;min-height:120px!important;max-width:120px!important;max-height:120px!important;flex:0 0 120px!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-header>.manage-function-banner{align-items:center!important;}
#appView #editModal.qrofis-message-ui .manage-function-banner :is(#manageFunctionChangeBtn,[data-manage-tab=design]){height:var(--qm-button-h)!important;min-height:var(--qm-button-h)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important;padding:0 12px!important;line-height:1!important;font:600 13px Arial,sans-serif!important;border:1px solid #34405a!important;background:#1c2538!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .manage-function-banner [data-manage-tab=design]>span{display:inline!important;margin:0!important;font-size:13px!important;line-height:1!important;color:inherit!important;}
/* Standard setting rows: label | controls, with explicit spacing. */
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-title-color-row,.qcs-title-align-row,.qcs-fullpage-overlay-row){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important;margin:10px 0!important;font-size:12px!important;line-height:1.3!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-title-color-row,.qcs-title-align-row,.qcs-fullpage-overlay-row)>span{flex:0 0 var(--qm-label-w)!important;min-width:var(--qm-label-w)!important;font-size:12px!important;font-weight:600!important;line-height:1.3!important;color:var(--qc-muted)!important;margin:0!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-title-color-row,.qcs-title-align-row,.qcs-fullpage-segment,.qcs-fullpage-font-grid,.qcs-toolbar) button{height:var(--qm-button-h)!important;min-height:var(--qm-button-h)!important;max-height:var(--qm-button-h)!important;min-width:36px!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important;padding:0 10px!important;line-height:1!important;font-size:13px!important;border-radius:8px!important;border:1px solid #34405a!important;background:#1c2538!important;color:var(--qc-text)!important;box-sizing:border-box!important;white-space:nowrap!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-title-color-row,.qcs-title-align-row,.qcs-fullpage-segment,.qcs-fullpage-font-grid,.qcs-toolbar) button:is(.is-active,.is-selected){background:#352a5d!important;border-color:var(--qc-accent)!important;color:#e0d7ff!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-title-color-row,.qcs-toolbar-color) input[type=color]{width:36px!important;height:var(--qm-button-h)!important;min-height:var(--qm-button-h)!important;padding:3px!important;background:var(--qc-input)!important;border:1px solid var(--qc-border)!important;border-radius:8px!important;box-sizing:border-box!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is([data-qcs-title-color-hex],[data-qcs-color-hex]){width:88px!important;min-width:0!important;height:var(--qm-button-h)!important;min-height:var(--qm-button-h)!important;padding:6px 8px!important;font:12px monospace!important;}
/* Dark UI panels; editing paper adapts to the actual chosen text color. */
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-tool-card,.qcs-fullpage-overlay-controls,.qcs-message-suggestions,.qcs-template-text-card,.qcs-typography-card){background:var(--qc-input)!important;border-color:var(--qc-border)!important;color:var(--qc-text)!important;box-shadow:none!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-tool-card-head,.qcs-fullpage-overlay-head,.qcs-suggestion-head,.qcs-tool-title) strong{color:var(--qc-text)!important;font-size:13px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-tool-card-head,.qcs-fullpage-overlay-head,.qcs-suggestion-head,.qcs-tool-title) small{color:var(--qc-muted)!important;font-size:11px!important;line-height:1.4!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-toolbar{display:flex!important;flex-wrap:wrap!important;align-items:center!important;align-content:flex-start!important;gap:6px!important;padding:8px!important;background:var(--qc-panel)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-toolbar button>*{line-height:1!important;color:inherit!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-toolbar-sep{flex:0 0 1px!important;height:24px!important;align-self:center!important;margin:0 3px!important;background:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-toolbar-color{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;margin:0 0 0 auto!important;padding:0!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-rich{background:var(--qcs-editor-paper,#f8fafc)!important;color:var(--qcs-editor-ink,#172033)!important;border-color:var(--qc-border)!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-fullpage-segment,.qcs-fullpage-font-grid){display:flex!important;gap:8px!important;flex-wrap:wrap!important;flex:0 1 auto!important;grid-template-columns:none!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card :is(.qcs-fullpage-overlay-controls,.qcs-message-suggestions){padding:12px!important;margin-top:12px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-suggestion-grid button{background:var(--qc-panel)!important;border:1px solid var(--qc-border)!important;color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-suggestion-grid button :is(strong,small){color:inherit!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-suggestion-grid button.is-active{background:#241e3b!important;border-color:var(--qc-accent)!important;}
#appView #editModal.qrd-designer-mode .qrd-editor :is(.qrd-accordion-head,.qrd-control-label,label,strong){color:var(--qc-text)!important;}
#appView #editModal.qrd-designer-mode .qrd-editor :is(small,.muted){color:var(--qc-muted)!important;}
@media(max-width:600px){
#appView #editModal{--qm-button-h:44px;--qm-field-h:44px;--qm-label-w:100%;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrIdentity{grid-template-columns:104px minmax(0,1fr)!important;}
#appView #editModal.qrofis-message-ui .qrofis-message-meta #editQrPreview{width:104px!important;height:104px!important;min-width:104px!important;min-height:104px!important;max-width:104px!important;max-height:104px!important;flex-basis:104px!important;}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-toolbar-color{margin:0!important;flex-wrap:wrap!important;}
}
#appView #editModal.qrofis-message-ui .qcs-unified-editor-card .qcs-rich :is(h1,h2,h3,h4){color:inherit!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel :is(.qrd-accordion-head,.qrd-tool-tabs button,.qrd-method-icon,.qrd-workspace-title){color:var(--qc-text)!important;}
#appView #editModal.qrofis-message-ui .qrofis-preview-card .qcs-preview-label :is(span,b){color:var(--qc-muted)!important;}

/* Background artwork controls fit the real editor width. */
#appView #editModal.qrd-designer-mode .qrd-background-picker-row{grid-template-columns:88px minmax(0,1fr)!important;gap:8px!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode .qrd-background-thumb{width:88px!important;height:88px!important;grid-column:1!important;grid-row:1/span 2!important;}
#appView #editModal.qrd-designer-mode .qrd-background-action{grid-column:2!important;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;padding:0 10px!important;font-size:13px!important;white-space:normal!important;text-align:center!important;}
#appView #editModal.qrd-designer-mode .qrd-background-advanced{margin-top:16px;padding-top:12px;border-top:1px solid var(--qc-border);}
#appView #editModal.qrd-designer-mode .qrd-background-advanced summary{font-size:13px;font-weight:600;cursor:pointer;color:var(--qc-text);}
#appView #editModal.qrd-designer-mode .qrd-background-advanced p{font-size:12px;line-height:1.5;}
#appView #editModal.qrd-designer-mode .qrd-background-setting{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;margin:12px 0!important;font-size:12px!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode .qrd-background-setting input{grid-column:1/-1!important;width:100%!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode .qrd-background-setting output{color:var(--qc-muted);font-size:12px;font-variant-numeric:tabular-nums;}
#appView #editModal.qrd-designer-mode #qrdBgReset{width:100%;height:38px;font-size:13px;}
@media(max-width:600px){#appView #editModal.qrd-designer-mode .qrd-background-action{min-height:44px!important;}#appView #editModal.qrd-designer-mode #qrdBgReset{min-height:44px!important;}}

#appView #editModal.qrd-designer-mode .qrd-photo-advanced{margin:14px 0;padding:12px;border:1px solid var(--qc-border);border-radius:12px;background:var(--qc-panel);}
#appView #editModal.qrd-designer-mode .qrd-photo-advanced summary{font-size:13px;font-weight:600;color:var(--qc-text);cursor:pointer;}
#appView #editModal.qrd-designer-mode #qrdPhotoResetAdjustments{width:100%;height:38px;font-size:13px;}
@media(max-width:600px){#appView #editModal.qrd-designer-mode #qrdPhotoResetAdjustments{min-height:44px;}}

/* QR Design Layout V1: independent panel heights and visible preview actions. */
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{display:grid!important;grid-template-columns:minmax(340px,1.35fr) minmax(300px,.95fr) minmax(260px,.75fr)!important;gap:18px!important;align-items:start!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell>div:first-child{grid-column:1!important;grid-row:1!important;align-self:start!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .manage-design-preview{grid-column:2!important;grid-row:1!important;align-self:start!important;position:sticky!important;top:12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:12px!important;min-height:0!important;height:auto!important;max-width:none!important;padding:16px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .manage-design-preview>div:first-child{flex:0 0 auto!important;display:block!important;min-height:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qr-design-preview-stage{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;height:auto!important;padding:12px 0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPreviewHost{max-width:360px!important;margin:0 auto!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPreviewHost>svg{width:auto!important;max-width:100%!important;height:auto!important;max-height:min(390px,calc(100dvh - 280px))!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-preview-footer{order:-1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important;padding:0 0 12px!important;border-bottom:1px solid var(--qc-border)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-preview-footer button{height:36px!important;min-height:36px!important;padding:0 12px!important;font-size:13px!important;line-height:1!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-export-formats{padding:2px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPreviewStatus{margin:6px 0 0!important;line-height:1.4!important;}
#appView #editModal.qrd-designer-mode #manageDesignMessage{margin:0!important;font-size:12px!important;line-height:1.4!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-strip{grid-column:3!important;grid-row:1!important;align-self:start!important;min-width:0!important;padding:16px!important;margin:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template{padding:12px!important;font-size:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-preview{width:80px!important;height:80px!important;max-width:100%!important;}
@media(max-width:1200px) and (min-width:761px){
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(310px,1.15fr) minmax(280px,1fr)!important;gap:16px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-strip{grid-column:1/-1!important;grid-row:2!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:760px){
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .manage-design-preview{grid-column:1!important;grid-row:1!important;position:static!important;top:auto!important;width:100%!important;max-width:100%!important;padding:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell>div:first-child{grid-column:1!important;grid-row:2!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-strip{grid-column:1!important;grid-row:3!important;}
#appView #editModal.qrd-designer-mode #manageDesignPreviewHost{max-width:300px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPreviewHost>svg{max-height:300px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-preview-footer button{height:44px!important;min-height:44px!important;}
}

/* QR Design Layout V1.1: photo actions beside the image, tools above content. */
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-asset-row{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:16px!important;margin:14px 0!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-asset-row:has(#qrdCropPreview.hidden){display:none!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-asset-row #qrdCropPreview{flex:0 0 180px!important;margin:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel #qrdRemovePhoto{height:38px!important;min-height:38px!important;margin:0!important;padding:0 12px!important;font-size:13px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-tool-tabs{position:sticky!important;top:0!important;z-index:10!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:4px!important;margin:0 0 12px!important;padding:4px!important;border:1px solid var(--qc-border)!important;border-radius:10px!important;background:var(--qc-panel)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-tool-tabs button{flex:1 1 auto!important;min-height:38px!important;padding:8px!important;font-size:13px!important;white-space:nowrap!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-section{margin-top:16px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-methods{margin-bottom:10px!important;}
@media(max-width:600px){#appView #editModal.qrd-designer-mode #manageDesignPanel #qrdRemovePhoto{min-height:44px!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-tool-tabs button{min-height:44px!important;}}

/* QR Design Polish V1: aligned header, consistent compact controls. */
#appView #editModal.qrd-designer-mode #manageDesignPanel>.qrd-workspace-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(180px,240px) auto!important;align-items:end!important;gap:20px!important;padding:16px 0 20px!important;min-height:0!important;}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar .qrd-studio-name{width:100%!important;min-width:0!important;margin:0!important;}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #qrdStudioName{height:40px!important;padding:10px 12px!important;box-sizing:border-box!important;font-size:13px!important;}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #editModalActions{position:static!important;inset:auto!important;display:flex!important;gap:10px!important;align-items:center!important;align-self:end!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;grid-template-columns:none!important;}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #editModalActions>button{height:40px!important;min-height:40px!important;width:auto!important;padding:0 14px!important;font-size:13px!important;white-space:nowrap!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel input[type=range]{display:block!important;width:100%!important;height:22px!important;min-height:22px!important;max-height:22px!important;padding:0!important;margin:4px 0 0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel input[type=range]:focus{outline:1px solid var(--qc-accent)!important;outline-offset:3px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel :is(.qrd-position-setting,.qrd-background-setting){margin:12px 0!important;gap:4px!important;font:600 13px Arial,sans-serif!important;color:var(--qc-muted)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel :is(.qrd-position-setting,.qrd-background-setting)>span{font:inherit!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel :is(.qrd-photo-advanced,.qrd-background-advanced)>summary{font:600 13px Arial,sans-serif!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-picker-row{grid-template-columns:132px max-content!important;justify-content:start!important;gap:10px 16px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-thumb{width:132px!important;height:132px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-action{width:150px!important;max-width:100%!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-logo-upload-row{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;margin:12px 0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-logo-upload-row>label{height:40px!important;min-height:40px!important;margin:0!important;padding:0 14px!important;font-size:13px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-logo-upload-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;font-size:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-logo-upload-copy small{font-size:12px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel label:has(>input[type=checkbox]){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;font-size:13px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel label>input[type=checkbox]{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important;flex:0 0 18px!important;}
@media(min-width:1201px){#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(340px,1.15fr) minmax(300px,.9fr) minmax(280px,.95fr)!important;}}
@media(max-width:900px){#appView #editModal.qrd-designer-mode #manageDesignPanel>.qrd-workspace-toolbar{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;}#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar-left{grid-column:1/-1!important;}}
@media(max-width:600px){#appView #editModal.qrd-designer-mode #manageDesignPanel>.qrd-workspace-toolbar{grid-template-columns:minmax(0,1fr)!important;}#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #editModalActions{grid-column:1!important;flex-wrap:wrap!important;}#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #editModalActions>button{min-height:44px!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-picker-row{grid-template-columns:104px minmax(0,1fr)!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-thumb{width:104px!important;height:104px!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-background-action{width:140px!important;}}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #qrdStudioDownload{order:0!important;}
#appView #editModal.qrd-designer-mode .qrd-workspace-toolbar #editSaveBtn{order:1!important;}

/* Content Studio fixes: keep method-only controls hidden and text draggable. */
#appView #editModal.qrd-designer-mode #manageDesignPanel #qrdQartPhotoLabel.hidden,
#appView #editModal.qrd-designer-mode #manageDesignPanel #qrdColorfulLabel.hidden{display:none!important}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-toggle-slot{height:auto;min-height:24px;margin:12px 0 20px;}
#appView #editModal.qrd-designer-mode #manageDesignPanel{padding-bottom:64px!important}
#appView #editModal .qrd-range-value{font-size:12px;font-weight:700;text-align:right;white-space:nowrap}
#appView #editModal [data-qcs-artwork-stage] [data-qcs-art-text-index]{pointer-events:auto!important;cursor:grab;touch-action:none;user-select:none}
#appView #editModal [data-qcs-artwork-stage] [data-qcs-art-text-index].is-dragging{cursor:grabbing;outline:1px dashed currentColor}

/* Content Studio source controls: all QTE templates can return to their artwork. */
#appView #editModal.qrofis-message-ui .qcs-ready-preview-source{background:var(--qc-input)!important;border-color:var(--qc-border)!important;color:var(--qc-muted)!important}
#appView #editModal.qrofis-message-ui .qcs-ready-preview-source button{background:#1c2538!important;color:var(--qc-text)!important;border:1px solid #34405a!important}
#appView #editModal.qrofis-message-ui .qcs-ready-preview-source button.is-active{background:#352a5d!important;border-color:var(--qc-accent)!important}
#appView #editModal.qrofis-message-ui [data-qcs-remove-image][hidden]{display:none!important}

/* One text flow keeps rich inline formatting inside the aligned artwork layer. */
.qcs-artwork-stage .qcs-art-text>.qcs-text-content{width:100%;min-width:0;white-space:normal;text-align:inherit}
.qcs-artwork-stage .qcs-text-content strong,.qcs-artwork-stage .qcs-text-content b,.qcs-body strong,.qcs-body b{font-weight:700!important}
.qcs-artwork-stage .qcs-text-content em,.qcs-artwork-stage .qcs-text-content i,.qcs-body em,.qcs-body i{font-style:italic!important}
.qcs-artwork-stage .qcs-text-content u,.qcs-body u{text-decoration:underline!important}

.qcs-artwork-stage .qcs-text-content s,.qcs-artwork-stage .qcs-text-content strike,.qcs-body s,.qcs-body strike{text-decoration:line-through!important}

#appView #editModal .manage-quick-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;margin:12px 0 0!important;grid-column:auto!important;grid-row:auto!important}
#appView #editModal .manage-quick-actions [data-manage-tab=design],#appView .qr-card-design-action{background:#352a5d!important;color:#e0d7ff!important;border-color:#8b5cf6!important}
#appView #editModal .manage-function-banner #manageFunctionChangeBtn{display:none!important}
#appView #editModal.qrofis-message-ui .qrofis-message-header>.manage-function-banner{display:none!important}
#appView #editModal .qrd-frame-color-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
#appView #editModal .qrd-frame-color-controls label,#appView #editModal .qrd-eye-corner-control{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#cbd5e1}
#appView #editModal .qrd-frame-color-controls input[type=color]{height:36px;width:100%;background:#101725;border:1px solid #34405a;border-radius:8px}
#appView #editModal .qrd-frame-color-controls select,#appView #editModal .qrd-eye-corner-control select{background:#101725;color:#eef0f8;border:1px solid #34405a;border-radius:8px;padding:8px}
#appView #editModal .qrd-eye-corner-control{margin:8px 0}

#appView #editModal .qrd-frame-color-controls input[type=color]{padding:4px!important;min-height:36px!important;appearance:auto!important;-webkit-appearance:auto!important}
#appView #editModal .qrd-frame-color-controls input[type=color]::-webkit-color-swatch-wrapper{padding:0}
#appView #editModal .qrd-frame-color-controls input[type=color]::-webkit-color-swatch{border:0;border-radius:4px}
#appView #editModal.hosted-experience-layout.qrofis-message-ui:not(.qrd-designer-mode) .manage-quick-actions{grid-row:4!important;grid-column:1!important;justify-content:flex-start!important}
#appView #editModal.hosted-experience-layout.qrofis-message-ui:not(.qrd-designer-mode) #qrPasswordSettings{grid-row:5!important;grid-column:1!important}
#appView #editModal.hosted-experience-layout.qrofis-message-ui:not(.qrd-designer-mode) #qrPasswordSettings{align-self:start!important}
#appView #editModal.hosted-experience-layout.qrofis-message-ui:not(.qrd-designer-mode) #editTextExperience{grid-row:6!important;grid-column:1!important}


/* QR Design Tabs V1: left templates tab, right photo rail. */
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(340px,1.35fr) minmax(300px,.95fr) minmax(240px,.7fr)!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-strip{grid-column:auto!important;grid-row:auto!important;padding:16px!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell>.qrd-photo-section{grid-column:3!important;grid-row:1!important;margin:0!important;padding:16px!important;border:1px solid var(--qc-border)!important;border-radius:16px!important;background:var(--qc-panel)!important;min-width:0!important;}
#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-photo-section>.qrd-accordion-head{display:block!important;}
@media(max-width:1200px) and (min-width:761px){#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(310px,1.15fr) minmax(280px,1fr)!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell>.qrd-photo-section{grid-column:1/-1!important;grid-row:2!important;}}
@media(max-width:760px){#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell{grid-template-columns:minmax(0,1fr)!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel>.manage-design-shell>.qrd-photo-section{grid-column:1!important;grid-row:3!important;}#appView #editModal.qrd-designer-mode #manageDesignPanel .qrd-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}