/* ===== 위장 화면 ===== */
.decoy{position:fixed;inset:0;z-index:100;background:#fff;color:#1f1f1f;display:none;flex-direction:column;font-family:"IBM Plex Sans KR","Malgun Gothic",sans-serif;font-size:13px;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body.hide .decoy{display:flex}
.dk-top{display:flex;align-items:center;gap:14px;padding:8px 12px;border-bottom:1px solid #d9d9d9;background:#f7f7f7}
.dk-file{font-weight:600}
.dk-menu{display:flex;gap:14px;color:#444}
.dk-fx{display:flex;align-items:center;gap:8px;padding:4px 10px;border-bottom:1px solid #d9d9d9}
.dk-fx .nb{width:60px;border:1px solid #cfcfcf;padding:2px 6px;color:#333}
.dk-fx .f{flex:1;border:1px solid #cfcfcf;padding:2px 8px;color:#333;font-family:ui-monospace,Consolas,monospace}
.dk-grid{flex:1;overflow:auto}
.dk-grid table{border-collapse:collapse;min-width:920px;width:100%}
.dk-grid th,.dk-grid td{border:1px solid #e1e1e1;padding:3px 8px;white-space:nowrap;height:24px}
.dk-grid thead th{background:#f3f3f3;font-weight:400;color:#555;position:sticky;top:0}
.dk-grid tbody th{background:#f3f3f3;font-weight:400;color:#555;width:40px;text-align:center}
.dk-grid .corner{cursor:default}
.dk-grid td.n{text-align:right;font-variant-numeric:tabular-nums}
.dk-grid tr.h td{font-weight:600;background:#fafafa}
.dk-grid td.warn{color:#b3261e}
.dk-grid td.sel{outline:2px solid #1a73e8;outline-offset:-2px}
.dk-tabs{display:flex;gap:2px;padding:0 10px;border-top:1px solid #d9d9d9;background:#f7f7f7}
.dk-tabs span{padding:6px 14px;color:#555}
.dk-tabs span.on{background:#fff;color:#1a73e8;border-bottom:2px solid #1a73e8}

@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;top:0;bottom:0;left:0;width:min(86vw,310px);z-index:20;transform:translateX(-100%);transition:transform .22s ease;
    padding-top:calc(20px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  .side.open{transform:none}
  .scrim.on{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}
  .menu{display:block}
  .head{padding:10px 14px 8px}
  .hbtn kbd,body:not(.work) .hbtn .lbl{display:none}
  .clock{padding:6px 14px 8px}
  .msgs{padding:12px 12px 6px}
  .compose{padding:6px 10px 12px}
  .col{max-width:84%}
}
@media (prefers-reduced-motion:reduce){
  .side,.fill{transition:none}
  .stamp.fresh{animation:none}
  .puff{animation:none;bottom:120px;opacity:.95}
  .smoke{display:none}
}