/* Scoped working surfaces: preserve the shop storefront and all existing IDs. */
.shop-simple{--navy:#172e49;--gold:#d7ae54;--bg:#f7f6f1;--muted:#596b7e;color:#172e49;background:#f7f6f1;font-family:ShopThai,system-ui,sans-serif;line-height:1.65;color-scheme:light}
.shop-simple main{max-width:1100px;padding:0 20px;margin:26px auto 60px}
.shop-simple header{background:#172e49;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px max(20px,calc((100vw - 1100px)/2));border-bottom:3px solid #d7ae54;color:white}
.shop-simple header>a:first-child{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:20px;font-weight:750;color:#fff;text-decoration:none;min-width:0;width:fit-content}
.shop-simple header img{width:46px;height:46px;flex:0 0 46px;border-radius:50%}
.shop-simple header nav{grid-column:1/-1;grid-row:2;display:flex;gap:16px;margin:0;font-size:14px;align-items:center;flex-wrap:wrap}
.shop-simple header nav a{color:#f5e7c6;white-space:nowrap}
.shop-simple header #logout{grid-column:2;grid-row:1;white-space:nowrap;min-width:90px;padding:9px 13px;background:#ffffff12;border:1px solid #ffffff55;color:#fff}
.shop-simple header>.button{grid-column:1/-1;display:none}
.shop-simple h1,.shop-simple h2,.shop-simple h3{color:#172e49;line-height:1.4;letter-spacing:-.025em}
.shop-simple h1{font-size:clamp(27px,5vw,40px);margin:6px 0 12px}
.shop-simple .eyebrow{color:#806018}.shop-simple #intro,.shop-simple .muted{color:#596b7e}.shop-simple .notice,.shop-simple .badge{background:#fff4d3;color:#172e49;border:1px solid #e7d7a7}
.shop-simple section,.shop-simple article,.shop-simple details{background:#fff;color:#172e49;border:1px solid #dce2e7;border-radius:20px;box-shadow:0 5px 20px #172e4905}
.shop-simple #dashboard{background:transparent;border:0;box-shadow:none}
.shop-simple .simple-launcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 30px}
.shop-simple .simple-launcher a{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;border:1px solid #dce2e7;background:white;border-radius:18px;text-decoration:none;color:#172e49;box-shadow:0 5px 20px #172e4905;min-height:160px}
.shop-simple .simple-launcher a:first-child{background:#172e49;color:white;border-color:#172e49}.shop-simple .simple-launcher a:first-child small{color:#c9d4e0}
.shop-simple .launch-icon{font-size:12px;letter-spacing:.15em;color:#98752b;font-weight:750;border-bottom:2px solid #d7ae54;padding-bottom:4px}
.shop-simple .simple-launcher strong{font-size:19px;line-height:1.45}.shop-simple .simple-launcher small{color:#596b7e;font-size:13px;line-height:1.5}
.shop-simple #tabs>button{background:#fff;color:#172e49;border:1px solid #dce2e7;border-radius:14px;padding:16px;box-shadow:none;min-height:64px}
.shop-simple #tabs>button[aria-pressed=true]{background:#f5dfac;border-color:#d7ae54;color:#172e49;box-shadow:0 0 0 1px #d7ae54}
.shop-simple button,.shop-simple .button{border-radius:12px;font-weight:650;min-height:48px;background:#172e49;color:#fff;border:1px solid #172e49;cursor:pointer}
.shop-simple input,.shop-simple select,.shop-simple textarea{color:#172e49;background:white;border:1px solid #aebdca;border-radius:10px;min-height:46px;box-sizing:border-box}
.shop-simple a{color:#244d74}.shop-simple button:disabled{opacity:.5;cursor:wait}.shop-simple :focus-visible{outline:3px solid #b58728!important;outline-offset:3px!important}
.shop-simple .chat-example{display:grid;gap:6px;padding:24px;background:#f0f5f4;border:1px solid #cdded8;border-radius:16px;margin:18px 0}
.shop-simple .chat-example strong{justify-self:start;color:white;background:#197851;border-radius:16px 16px 16px 3px;padding:12px 25px;font-size:25px}
.shop-simple .chat-example small{color:#527366}.shop-simple .chat-example span{margin-top:8px;color:#365549}
.shop-simple #enrollments>article{padding:16px;margin:12px 0;border-left:4px solid #d7ae54}.shop-simple #enrollments button{width:100%;margin-top:10px}
.shop-simple #status{padding:12px 16px;color:#244d74;background:#eaf0f5;border-radius:12px;overflow-wrap:anywhere}
.shop-simple .scroll{overflow:auto}.shop-simple table{color:#172e49}.shop-simple thead{background:#eef2f6}
@media(max-width:680px){.shop-simple main{padding:0 16px;margin-top:20px}.shop-simple header{padding:14px 16px;gap:12px}.shop-simple header>a:first-child{font-size:18px;gap:9px}.shop-simple header small{display:none}.shop-simple header nav{font-size:13px;gap:12px}.shop-simple header #logout{font-size:13px;min-width:80px}.shop-simple .simple-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:24px}.shop-simple .simple-launcher a{padding:17px 14px;min-height:146px}.shop-simple .simple-launcher strong{font-size:18px}.shop-simple .simple-launcher small{font-size:12px}.shop-simple section,.shop-simple article{padding:18px}.shop-simple #tabs{gap:10px}.shop-simple #tabs>button{font-size:16px;min-height:64px}}
@media(prefers-reduced-motion:reduce){.shop-simple *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Retain the latest portal header structure while unifying its working palette. */
.shop-simple.portal-app .portal-header{border-bottom:3px solid #d7ae54}
.shop-simple.portal-app a:not(.portal-brand):not(.sign-in){color:#244d74}
.shop-simple.portal-app .simple-launcher a:first-child{color:#fff}
.shop-simple.portal-app header a:not(.portal-brand):not(.sign-in){color:#f3e3bd}
.shop-simple.portal-app label{color:#172e49}
.shop-simple.portal-app .task-card details,.shop-simple.portal-app .task-text,.shop-simple.portal-app .availability,.shop-simple.portal-app .calendar-picker{background:#f0f4f7;color:#172e49}
.shop-simple.portal-app .task-category{background:#eaf0f5;color:#172e49}
.shop-simple.portal-app .task-status{background:#f7e9c6;color:#634b19}
.shop-simple.portal-app #feedback{background:#fff;color:#172e49}