/* ===== Pola Foto shared design tokens & base (used by index.html + admin.html) ===== */
:root{
  --bg:#0b0d12;
  --panel:#151922;
  --panel2:#1d222d;
  --line:#2b3340;
  --text:#f7f8fb;
  --muted:#9ba4b2;
  --accent:#f6ff68;
  --cyan:#7de8ff;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}

html,body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Pretendard","Noto Sans KR",sans-serif;
}
.display{font-family:"Bricolage Grotesque","Instrument Sans",-apple-system,sans-serif}

body{display:flex;justify-content:center}

button,input,select{font:inherit}
button{padding:11px 13px;border-radius:11px;font-weight:800;border:0;cursor:pointer}

.hidden{display:none}
.muted{color:var(--muted);font-size:11px}

.primary{background:var(--accent);color:#111}
.secondary{border:1px solid var(--line);background:var(--panel2);color:#fff}
.primary:disabled,.secondary:disabled{opacity:.5}

.switch{width:46px!important;height:26px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:99px;background:#303744;position:relative;flex:0 0 auto;margin:0;padding:0;border:0;cursor:pointer;outline:none;vertical-align:middle}
.switch:checked{background:var(--accent)}
.switch:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:3px;transform:translateY(-50%);border-radius:50%;background:#fff;transition:.15s}
.switch:checked:after{left:23px;background:#111}

/* ===== Mobile hardening shared by both apps ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}
body{min-width:0}
.app{width:100%;min-width:0;overflow-x:hidden;max-width:100%}
.app>*{min-width:0;max-width:100%}
input,select,button{min-width:0;max-width:100%}