/* Compact screen controls. Poster sizes and exported data stay independent. */
.tool-navigation-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:4px 0 18px}
.tool-navigation-row .app-nav{margin:0;flex:0 1 auto}
.tool-global-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
.tool-global-actions>button,.tool-global-actions .workspace-recovery button{border:0;background:transparent;border-radius:6px;color:#856571;padding:7px 3px;min-height:36px;font:500 13px/1.5 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;white-space:nowrap;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tool-global-actions .workspace-recovery{margin:0;gap:12px;font-size:12px}
.tool-global-actions [hidden]{display:none!important}.tool-global-actions button:focus-visible{outline:2px solid #b35370;outline-offset:2px}
.workspace-save-warning{color:#a33234;font-size:12px}
.result-header:empty,.product-badge:empty,#savingsUploadMessage:empty{display:none!important}
#savingsSettingsPanel{padding:14px 16px;margin-bottom:12px}
#savingsSettingsPanel .savings-settings-heading{margin-bottom:12px;line-height:1.4}
#savingsSettingsPanel .savings-settings-heading b{font-size:15px}
#savingsSettingsPanel .savings-settings-grid{gap:12px 14px;align-items:start}
#savingsSettingsPanel #savingsRateModeControl{order:1}
#savingsSettingsPanel #savingsRangeModeControl{order:2}
#savingsSettingsPanel .pd-option:has(#displayLayout){order:3}
#savingsSettingsPanel .pd-option:has(#displayCurrency){order:4}
#savingsSettingsPanel .pd-option:has(#displayLanguage){order:5}
#savingsSettingsPanel #trstOfferControl{order:6;display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;padding:0;border:0;min-width:0}
#savingsSettingsPanel .pd-exchange{order:7;grid-column:1/-1}
#savingsSettingsPanel #displayNote{order:8;grid-column:1/-1}
#savingsSettingsPanel #trstOfferStatus:empty{display:none}
#savingsSettingsPanel #trstOfferStatus{font-size:12px;line-height:1.5;color:#8b6a75}
#savingsSettingsPanel .trst-offer-label{font-size:12px;color:#80616d;line-height:1.5}
#savingsSettingsPanel .trst-offer-options{display:flex;gap:0;border:1px solid #e4c3cd;border-radius:7px;overflow:hidden;width:100%;min-width:0}
#savingsSettingsPanel .trst-offer-options button{flex:1 1 0;min-width:0;min-height:42px;border:0;border-radius:0;border-right:1px solid #e4c3cd;padding:8px 6px;font-size:12px}
#savingsSettingsPanel .trst-offer-options button:last-child{border-right:0}
#savingsSettingsPanel :is(.pd-choice-switch,.savings-rate-mode-options,.savings-range-mode-options){width:100%;max-width:none;min-height:42px}
#savingsSettingsPanel :is(.pd-choice-btn,.savings-rate-mode-btn,.savings-range-mode-btn){flex:1 1 0;min-width:0;min-height:42px;padding:8px 7px;font-size:12px}
#savingsSettingsPanel .pd-option,#savingsSettingsPanel #savingsRateModeControl,#savingsSettingsPanel #savingsRangeModeControl{gap:7px}
#savingsSettingsPanel .pd-option-label,#savingsSettingsPanel .savings-rate-mode-label,#savingsSettingsPanel .savings-range-mode-label{font-size:12px;line-height:1.5}
#savingsSettingsPanel .pd-exchange:empty,#savingsSettingsPanel #displayNote:empty{display:none}
#savingsSettingsPanel #savingsRateModeNote,#savingsSettingsPanel #savingsRangeModeNote{margin-top:7px}
#savingsUploadSlots{gap:10px;margin:10px 0 12px}
#savingsUploadSlots .workspace-file-slot>.savings-slot{height:64px;min-height:64px;display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px}
#savingsUploadSlots .workspace-file-slot:has(.workspace-remove:not([hidden]))>.savings-slot{padding-right:56px}
#savingsUploadSlots .savings-slot strong{font-size:13px;white-space:nowrap;flex:0 0 auto}
#savingsUploadSlots .savings-slot-file{font-size:12px;line-height:1.5;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
#savingsUploadSlots .workspace-remove{top:50%;bottom:auto;right:6px;transform:translateY(-50%);min-height:36px;padding:6px;font-size:12px}
@media(min-width:1101px){
 #savingsSettingsPanel .savings-settings-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 #savingsSettingsPanel:is([data-product='TRST'],[data-product='TRSTR']) .savings-settings-grid{grid-template-columns:1fr 1.22fr 1.08fr .95fr .8fr 1.35fr}
 #savingsSettingsPanel #savingsRangeModeControl{grid-column:auto;grid-row:auto;flex-direction:column;align-items:flex-start}
 #displayControlsHome .pd-choice-switch,#displayControlsHome .pd-choice-btn{min-height:44px}
 #displayControlsHome .pd-options{gap:14px 20px}
}
@media(min-width:761px) and (max-width:1100px){
 #savingsSettingsPanel .savings-settings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
 .tool-navigation-row{flex-wrap:wrap;gap:5px;margin-bottom:14px}
 .tool-navigation-row .app-nav{width:100%}
 .tool-global-actions{width:100%;gap:14px}
 #savingsSettingsPanel{padding:13px}
 #savingsSettingsPanel .savings-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #savingsSettingsPanel #savingsRangeModeControl{grid-column:1/-1;grid-row:auto;flex-direction:column;align-items:flex-start}
 #savingsSettingsPanel #trstOfferControl{grid-column:1/-1}
 #savingsSettingsPanel .trst-offer-options{max-width:none}
 #savingsUploadSlots{grid-template-columns:1fr;gap:7px}
 #savingsUploadSlots .workspace-file-slot>.savings-slot{height:54px;min-height:54px}
}
#savingsSettingsPanel .trst-offer-options{flex:0 0 auto}
@media(max-width:760px){
 #savingsSettingsPanel .pd-option:has(#displayLayout){order:2}
 #savingsSettingsPanel .pd-option:has(#displayCurrency){order:3}
 #savingsSettingsPanel .pd-option:has(#displayLanguage){order:4}
 #savingsSettingsPanel #savingsRangeModeControl{order:5}
 #savingsSettingsPanel .pd-option:has(#displayCurrency) .pd-choice-btn{padding:8px 2px;white-space:nowrap}
}

/* 2026-11-06: keep tool navigation and current-page actions in two aligned groups. */
.tool-navigation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
.tool-navigation-row .app-nav{justify-self:start;min-width:0}
.tool-navigation-row .tool-global-actions{justify-self:end;justify-content:flex-end;gap:9px;min-width:0}
.tool-global-actions .workspace-recovery{gap:9px;flex-wrap:wrap;justify-content:flex-end}
.tool-global-actions>button,.tool-global-actions .workspace-recovery button{border:1px solid #dfc7d0;border-radius:8px;background:#fff;color:#71364a;font-size:14px;min-height:40px;padding:8px 11px;text-decoration:none;line-height:1.5}
.tool-global-actions>button:hover,.tool-global-actions .workspace-recovery button:hover{background:#fff2f6;border-color:#bf8597}
@media(max-width:1100px){.tool-navigation-row{grid-template-columns:minmax(0,1fr);gap:10px}.tool-navigation-row .app-nav{width:100%}.tool-navigation-row .tool-global-actions{width:100%;padding-top:8px;border-top:1px solid #ecdfe4;justify-self:stretch}.tool-global-actions .workspace-recovery{margin:0}}
@media(max-width:600px){.tool-navigation-row .tool-global-actions{justify-content:center;gap:8px}.tool-global-actions .workspace-recovery{justify-content:center;gap:8px}.tool-global-actions>button,.tool-global-actions .workspace-recovery button{min-height:42px;padding:8px 10px;font-size:13px}}

/* Match gallery and recovery actions despite later gallery/UI-kit rules. */
#workspaceGlobalActions>button,#workspaceGlobalActions .workspace-recovery button,#workspaceGlobalActions #planImageGalleryButton{box-sizing:border-box;height:40px;min-height:40px;padding:8px 11px;font-size:14px!important;line-height:1.5!important;border:1px solid #dfc7d0!important;border-radius:8px!important;background:#fff!important;color:#71364a!important;text-decoration:none}
#workspaceGlobalActions>button:hover,#workspaceGlobalActions .workspace-recovery button:hover,#workspaceGlobalActions #planImageGalleryButton:hover{background:#fff2f6!important;border-color:#bf8597!important}
@media(max-width:600px){#workspaceGlobalActions>button,#workspaceGlobalActions .workspace-recovery button,#workspaceGlobalActions #planImageGalleryButton{height:42px;min-height:42px;padding:8px 10px;font-size:13px!important}}