/* MatchaBooth: warm ivory, matcha greens and natural beige. */
:root,body[data-ui=clean]{--accent:#4e6b3a;--ink:#2e3b27;--line:#dce1cf;--bg:#f8f6ef;--muted:#65705d;--ptb-navy:#34492a;--ptb-pink:#4e6b3a;--ptb-purple:#78974f;--ptb-blue:#4e6b3a;--ptb-green:#4e6b3a;--matcha:#a8c67a;--matcha-dark:#4e6b3a;--cream:#ede8d9;--beige:#d6b98c}
body,body[data-ui=clean]{background:var(--bg);color:var(--ink);font-family:'Pretendard','Noto Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:var(--matcha-dark)}button,input,select,textarea{font-family:inherit}input,progress{accent-color:var(--matcha-dark)}
.matcha-logo{display:block;width:228px;height:auto;max-width:100%;object-fit:contain}.brand{display:flex;align-items:center;gap:12px;color:var(--matcha-dark)}.brand>.matcha-logo+span{display:none}
body[data-ui=clean] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #78974f;outline-offset:3px}
body[data-ui=clean] .quiet,body[data-ui=clean] .file-button{background:#f1f2e8;border-color:#d8deca;color:#435538}
body[data-ui=clean] :is(.count-card:nth-child(n),.machine-card.active,.effects-panel,.ptb-extra){background:#eef2e5;color:#435538;border-color:#d8deca}
body[data-ui=clean] .count-card:nth-child(2n){background:#f4ebdc}
body[data-ui=clean] :is(th,.template-tools,.catalog-tools){color:#65705d}
body.management-ready[data-ui=clean] #tabs:before{content:'MatchaBooth';letter-spacing:0;font-size:21px}
body.management-ready[data-ui=clean] #tabs :is(button,a),.ptb-rail a{color:#e0e8d7}
body.management-ready[data-ui=clean] #tabs :is(button,a):hover,.ptb-rail a:hover{background:#435b34;color:white}
body.management-ready[data-ui=clean] #tabs button.selected,.ptb-rail a[aria-current=page]{background:#a8c67a;color:#293c20;box-shadow:none}
.ptb-rail-brand{font-size:20px!important;letter-spacing:0!important}.ptb-rail-brand:before{content:'';display:inline-block;width:30px;height:30px;margin-right:8px;background:url('/assets/brand/mark-light.svg') center/contain no-repeat;vertical-align:middle}
body[data-ui=clean] :is(.welcome-art,.board-space){background-color:#ede8d9}
body[data-ui=clean] .template-card.selected{border-color:#78974f}
body[data-screen=portal]{background-color:#f8f6ef;background-image:linear-gradient(#4e6b3a05 1px,transparent 1px),linear-gradient(90deg,#4e6b3a05 1px,transparent 1px);background-size:32px 32px}
body[data-screen=portal] main{max-width:1160px;padding-top:32px}body[data-screen=portal] header{border-color:#dce1cf}body[data-screen=portal] header .brand{width:260px}
body[data-screen=portal] section{padding-top:60px}body[data-screen=portal] .matcha-kicker{color:#63774c;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
body[data-screen=portal] h1{font-size:clamp(36px,5.5vw,64px);line-height:1.15;letter-spacing:-2px;max-width:780px;margin:15px 0 18px;color:#34492a}
body[data-screen=portal] .matcha-intro{max-width:640px;font-size:17px;line-height:1.7;color:#65705d;margin:0 0 35px}
body[data-screen=portal] .entry{background:#fffef9;color:#34492a;border:1px solid #dce1cf;box-shadow:0 7px 20px #34492a05;border-radius:22px;min-height:220px}
body[data-screen=portal] .entry.owner{background:#e7eddc}body[data-screen=portal] .entry.staff{background:#4e6b3a;color:white}body[data-screen=portal] .entry.guest{background:#ede8d9}
body[data-screen=portal] .entry h2{color:inherit}body[data-screen=portal] .entry .icon{width:36px;height:36px;display:block}body[data-screen=portal] .entry svg{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body[data-screen=portal] .matcha-connect{display:flex;gap:18px;align-items:center;margin-top:22px;padding:23px 26px;border:1px solid #cbd5bb;border-radius:18px;background:#f1f3e9;color:#34492a;line-height:1.7}.matcha-connect strong{font-size:17px}.matcha-connect span{font-size:14px;color:#65705d}
body[data-screen=portal] footer{border-color:#dce1cf;color:#65705d}
body:not([data-screen]) .primary{background:#4e6b3a;border-color:#4e6b3a;color:white}body:not([data-screen]) .badge{background:#e7eddc;color:#4e6b3a}body:not([data-screen]) .number{background:#e7eddc;color:#4e6b3a}
@media(max-width:650px){.matcha-logo{width:190px}body[data-screen=portal] section{padding-top:34px}body[data-screen=portal] .entry{min-height:155px}body[data-screen=portal] h1{letter-spacing:-1px}body[data-screen=portal] .matcha-connect{padding:20px}.brand{min-width:0}}
@media print{body{background:white}}
body[data-screen=portal] .entry .icon{background:transparent!important;color:inherit!important;box-shadow:none!important;border-radius:0!important}
body[data-screen=portal] header .matcha-logo{width:260px}