/* Customer surface; matches GAU's cream, olive and dark green shop palette. */
#gau-sign-studio.gs-customer{--ink:#243b31;--muted:#56685b;--teal:#4c653f;--line:#d8ddcb;--paper:#fffdf5;--gold:#aa713c;margin:20px auto 44px;max-width:1440px;font-size:15px;scroll-margin-top:24px}
#gau-sign-studio.gs-customer .gs-shell{background:#f4f4e9}
#gau-sign-studio.gs-customer .gs-header{background:#223a30;color:#fffdf5;padding:24px}
#gau-sign-studio.gs-customer .gs-header h1{color:#fffdf5}
#gau-sign-studio.gs-customer .gs-logo{color:#fffdf5!important;border-color:#ffffff40}
#gau-sign-studio.gs-customer .gs-eyebrow{color:#e0e6c9}
#gau-sign-studio.gs-customer .gs-badge{background:#e5ead0;color:#243b31}
#gau-sign-studio.gs-customer .gs-preview{top:30px}
#gau-sign-studio.gs-customer #gs-stage{background-color:#eeefe2;background-image:radial-gradient(#bcc7b6 .65px,transparent .65px);height:440px}
#gau-sign-studio.gs-customer .gs-fallback{width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;background:transparent}
#gau-sign-studio.gs-customer .gs-templates{grid-template-columns:repeat(4,minmax(0,1fr))}
#gau-sign-studio.gs-customer .gs-template-icon{color:#80582d}
#gau-sign-studio.gs-customer .gs-template-icon,.gs-customer .gs-badge{flex-shrink:0}
#gau-sign-studio.gs-customer .gs-save-box{background:#eef0de;border:1px solid #d3dac2}
#gau-sign-studio.gs-customer #gs-save-info strong{font-size:21px;display:block;color:#243b31}
#gau-sign-studio.gs-customer #gs-save-info p{font-size:13px}
#gau-sign-studio.gs-customer #gs-save-info button{margin:12px 0}
#gau-sign-studio.gs-customer .gs-local-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:18px 0}
#gau-sign-studio.gs-customer .gs-local-row{display:grid;gap:12px;border:1px solid var(--line);background:var(--paper);padding:18px;border-radius:12px}
#gau-sign-studio.gs-customer .gs-local-actions label,#gau-sign-studio.gs-customer .gs-local-row label{display:flex;align-items:center;gap:9px;min-height:44px}
#gau-sign-studio.gs-customer input[type=checkbox]{width:20px;height:20px;min-width:20px;padding:0;display:inline-block;appearance:auto;accent-color:var(--teal)}
#gau-sign-studio.gs-customer .gs-consent{display:block;font-weight:400;margin:18px 0;line-height:1.7}
#gau-sign-studio.gs-customer .gs-consent input{vertical-align:middle;margin-right:8px}
#gau-sign-studio.gs-customer .gs-consent a{color:var(--teal);text-decoration:underline}
#gau-sign-studio.gs-customer #gs-request-form>label{margin:14px 0}
#gau-sign-studio.gs-customer #gs-request-status{margin:14px 0}
#gau-sign-studio.gs-customer .gs-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#gau-sign-studio.gs-customer #gs-dialog{max-width:min(700px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
#gau-sign-studio.gs-customer .gs-initial{padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--paper);text-align:center}
#gau-sign-studio.gs-customer .gs-initial img{width:min(100%,720px);height:auto;display:block;margin:auto}
#gau-sign-studio.gs-customer .gs-foot{line-height:1.6}
@media(max-width:1000px){#gau-sign-studio.gs-customer .gs-workbench{grid-template-columns:minmax(0,1fr)}#gau-sign-studio.gs-customer .gs-preview{position:relative;top:auto}#gau-sign-studio.gs-customer .gs-sidebar{min-width:0}}
@media(max-width:600px){#gau-sign-studio.gs-customer{margin:12px auto 30px;font-size:14px}#gau-sign-studio.gs-customer .gs-header{padding:17px;gap:14px}#gau-sign-studio.gs-customer h1{font-size:24px}#gau-sign-studio.gs-customer .gs-logo{font-size:30px;padding-right:14px}#gau-sign-studio.gs-customer .gs-logo span{font-size:7px;letter-spacing:1px}#gau-sign-studio.gs-customer .gs-badge{display:block;margin:7px 0 0;width:max-content}#gau-sign-studio.gs-customer .gs-title{padding:14px;gap:10px}#gau-sign-studio.gs-customer .gs-templates{display:flex;overflow-x:auto;gap:8px;padding:12px 14px;scroll-snap-type:x proximity}#gau-sign-studio.gs-customer .gs-templates button{flex:0 0 165px;scroll-snap-align:start}#gau-sign-studio.gs-customer .gs-workbench{padding:14px;gap:18px}#gau-sign-studio.gs-customer #gs-stage{height:300px}#gau-sign-studio.gs-customer .gs-toolbar{flex-wrap:wrap;gap:8px}#gau-sign-studio.gs-customer .gs-main-nav button{flex:1 1 30%}#gau-sign-studio.gs-customer .gs-grid2{grid-template-columns:minmax(0,1fr)}#gau-sign-studio.gs-customer .gs-preview-footer{flex-wrap:wrap}#gau-sign-studio.gs-customer .gs-bottom-cards{display:none}#gau-sign-studio.gs-customer .gs-tabs{position:sticky;top:0;z-index:3;background:var(--paper)}#gau-sign-studio.gs-customer .gs-add button{min-height:44px}#gau-sign-studio.gs-customer .gs-screen{padding:14px}}
@media(prefers-reduced-motion:reduce){#gau-sign-studio *{scroll-behavior:auto!important;transition:none!important}}

/* Put the actual sign ahead of optional templates and duplicate headings. */
body:has(#gau-sign-studio.gs-customer) .gau-page-heading{padding:16px 24px;margin-bottom:18px}
body:has(#gau-sign-studio.gs-customer) .gau-page-heading h1{font-size:32px;line-height:1.2}
#gau-sign-studio.gs-customer .gs-template-picker{margin:0 28px 8px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
#gau-sign-studio.gs-customer .gs-template-picker summary{padding:12px 14px;min-height:44px;color:var(--teal);font-weight:650;cursor:pointer}
#gau-sign-studio.gs-customer .gs-template-picker .gs-templates{padding:8px 12px 14px;margin:0}
#gau-sign-studio.gs-customer #gs-stage{scroll-margin-top:65px}
@media(max-width:600px){body:has(#gau-sign-studio.gs-customer) .gau-page-heading{padding:12px 16px}#gau-sign-studio.gs-customer .gs-template-picker{margin:0 14px 8px}#gau-sign-studio.gs-customer .gs-title #gs-save-state{font-size:11px}}

#gau-sign-studio .gs-templates button[hidden]{display:none!important}#gau-sign-studio .gs-templates button{flex-direction:column;align-items:stretch;text-align:left;gap:10px}#gau-sign-studio .gs-template-thumb{display:block;width:100%;height:100px;object-fit:contain;background:#eeeae1;border-radius:8px;padding:8px;box-sizing:border-box}#gau-sign-studio .gs-template-filter{padding:10px 14px;display:flex;gap:16px;align-items:end}#gau-sign-studio .gs-template-filter label{max-width:360px;flex:1}#gau-sign-studio .gs-template-filter p{font-size:12px}#gau-sign-studio.gs-customer .gs-template-picker .gs-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));max-height:540px;overflow-y:auto} @media(max-width:600px){#gau-sign-studio.gs-customer .gs-template-picker .gs-templates{grid-template-columns:repeat(2,minmax(0,1fr));max-height:440px}#gau-sign-studio.gs-customer .gs-templates button{min-width:0}#gau-sign-studio .gs-template-thumb{height:90px}}

/* Group related designs without removing any variant. */
#gau-sign-studio.gs-customer .gs-shell{overflow:clip}
#gau-sign-studio.gs-customer .gs-template-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:12px}
#gau-sign-studio.gs-customer .gs-template-filter label{max-width:none}
#gau-sign-studio.gs-customer .gs-template-filter p{grid-column:1/-1;margin:0}
#gau-sign-studio.gs-customer .gs-template-picker .gs-templates{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
#gau-sign-studio .gs-template-group{border:1px solid var(--line);border-radius:8px;background:var(--paper);min-width:0}
#gau-sign-studio .gs-template-group[hidden]{display:none!important}
#gau-sign-studio .gs-template-group summary{display:grid;grid-template-columns:62px 1fr;gap:6px 10px;align-items:center;min-height:80px;padding:10px}
#gau-sign-studio .gs-template-group summary::after{content:'Varianten öffnen +';grid-column:2;font-size:12px}
#gau-sign-studio .gs-template-group[open] summary::after{content:'Varianten schließen −'}
#gau-sign-studio .gs-group-preview{width:62px;height:62px;object-fit:contain;grid-row:1/4}
#gau-sign-studio .gs-group-count{font-weight:400}
#gau-sign-studio .gs-template-variants{display:grid;gap:8px;padding:8px}
#gau-sign-studio .gs-template-variants button{width:100%;min-width:0}
@media(max-width:800px){#gau-sign-studio.gs-customer .gs-template-picker .gs-templates{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#gau-sign-studio.gs-customer .gs-template-filter{grid-template-columns:1fr}#gau-sign-studio .gs-template-group summary{grid-template-columns:1fr}#gau-sign-studio .gs-group-preview{grid-row:auto;width:100%;height:74px}#gau-sign-studio .gs-template-group summary::after{grid-column:1}}