/* セコサポ 現場ナビ v1.2.0 — 画面下の固定バー＋ツールランチャー */
:root{
  --sgn-bg:rgba(11,22,40,.96);
  --sgn-fg:#dbe4f0;
  --sgn-dim:#8fa3bf;
  --sgn-acc:#ffb340;
  --sgn-line:rgba(255,255,255,.08);
  --sgn-card:#12233c;
  --sgn-blue:#3b82f6;
  --sgn-green:#22a06b;
  --sgn-gray:#64748b;
  --sgn-h:58px;
}

/* ---------- 固定バー（スマホ・タブレット） ---------- */
.sgn-bar{position:fixed;left:0;right:0;bottom:0;z-index:99980;display:none;
  height:calc(var(--sgn-h) + env(safe-area-inset-bottom,0px));
  padding:0 4px env(safe-area-inset-bottom,0px);
  background:var(--sgn-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-top:1px solid var(--sgn-line);box-shadow:0 -6px 24px rgba(0,0,0,.35);
  font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif}
.sgn-bar button{flex:1 1 0;min-width:0;height:var(--sgn-h);margin:0;padding:6px 2px 4px;border:0;background:transparent;
  color:var(--sgn-fg);font:inherit;font-size:10.5px;font-weight:700;line-height:1.1;letter-spacing:0;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;
  border-radius:12px;-webkit-tap-highlight-color:transparent;box-shadow:none;text-decoration:none}
.sgn-bar button:active{background:rgba(255,255,255,.08)}
.sgn-bar button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sgn-bar button.is-on{color:var(--sgn-acc)}
.sgn-bar button .sgn-badge{position:absolute;top:6px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;
  background:#e5484d;color:#fff;font-size:10px;line-height:16px;text-align:center}
.sgn-bar button{position:relative}
.sgn-bar .sgn-off{position:absolute;left:8px;top:-22px;padding:2px 8px;border-radius:999px;background:#7a4b00;color:#ffe2b0;font-size:11px;font-weight:700;display:none}
html.sgn-offline .sgn-bar .sgn-off{display:inline-block}

@media (max-width:1024px),(pointer:coarse) and (max-width:1400px){
  .sgn-bar{display:flex}
  body.sgn-has-bar{padding-bottom:calc(var(--sgn-h) + env(safe-area-inset-bottom,0px)) !important}
  /* 共通キットの入力／結果ジャンプバーはナビバーの上に載せる */
  body.sgn-has-bar .smb-jump{bottom:calc(var(--sgn-h) + 10px + env(safe-area-inset-bottom,0px)) !important}
  /* 「上へ」ボタンもバーの上へ */
  body.sgn-has-bar #secoTop{bottom:calc(var(--sgn-h) + 14px + env(safe-area-inset-bottom,0px)) !important}
}
body.page-pro .sgn-bar,body.sgn-nobar .sgn-bar{display:none !important}
body.page-pro.sgn-has-bar{padding-bottom:0 !important}
@media print{.sgn-bar,.sgn-sheet,.sgn-mask{display:none !important}}

/* ---------- ランチャー ---------- */
.sgn-mask{position:fixed;inset:0;z-index:99985;background:rgba(3,8,18,.55);display:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.sgn-sheet{position:fixed;left:0;right:0;bottom:0;z-index:99986;display:none;flex-direction:column;
  max-height:min(86vh,86dvh);background:#0f1e35;color:var(--sgn-fg);border-radius:18px 18px 0 0;
  box-shadow:0 -12px 40px rgba(0,0,0,.5);border:1px solid var(--sgn-line);border-bottom:0;
  font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP",sans-serif;
  transform:translateY(12px);opacity:0;transition:transform .18s ease,opacity .18s ease}
html.sgn-open .sgn-mask{display:block}
html.sgn-open .sgn-sheet{display:flex;transform:none;opacity:1}
html.sgn-open{overflow:hidden}
.sgn-grip{width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.22);margin:8px auto 2px;flex:0 0 auto}
.sgn-head{display:flex;align-items:center;gap:8px;padding:8px 12px 6px;flex:0 0 auto}
.sgn-search{flex:1 1 auto;min-width:0;height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  background:#0a1628;color:#fff;font:inherit;font-size:16px;outline:none;-webkit-appearance:none;appearance:none;box-shadow:none;margin:0}
.sgn-search:focus{border-color:var(--sgn-acc)}
.sgn-close{flex:0 0 auto;width:44px;height:44px;border:0;border-radius:12px;background:rgba(255,255,255,.06);color:var(--sgn-fg);font-size:20px;line-height:1;cursor:pointer;margin:0;padding:0;box-shadow:none}
.sgn-chips{display:flex;gap:6px;padding:2px 12px 8px;overflow-x:auto;flex:0 0 auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sgn-chips::-webkit-scrollbar{display:none}
.sgn-chip{flex:0 0 auto;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;
  color:var(--sgn-fg);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;margin:0;box-shadow:none;min-height:0;line-height:1}
.sgn-chip.is-on{background:var(--sgn-acc);color:#101418;border-color:var(--sgn-acc)}
.sgn-list{flex:1 1 auto;overflow-y:auto;padding:0 8px 8px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sgn-group{font-size:11px;font-weight:700;color:var(--sgn-dim);letter-spacing:.04em;padding:10px 8px 4px}
.sgn-row{display:flex;align-items:center;gap:8px;min-height:50px;padding:6px 6px 6px 10px;border-radius:12px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit}
.sgn-row:active,.sgn-row.is-cursor{background:rgba(255,255,255,.07)}
.sgn-row .sgn-cat{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--sgn-gray)}
.sgn-row .sgn-cat.c91{background:var(--sgn-blue)}
.sgn-row .sgn-cat.c92{background:var(--sgn-green)}
.sgn-row .sgn-name{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgn-row .sgn-tags{flex:0 0 auto;display:flex;gap:4px}
.sgn-tag{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--sgn-dim);white-space:nowrap}
.sgn-tag.ok{background:rgba(34,160,107,.18);color:#7fe0b4}
.sgn-tag.app{background:rgba(59,130,246,.18);color:#9cc4ff}
.sgn-star{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.28);font-size:20px;cursor:pointer;margin:0;padding:0;box-shadow:none;line-height:1;min-height:0}
.sgn-star.is-on{color:var(--sgn-acc)}
.sgn-empty{padding:28px 12px;text-align:center;color:var(--sgn-dim);font-size:14px;line-height:1.7}
.sgn-foot{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--sgn-line);background:#0c1a30}
.sgn-foot button,.sgn-foot a{flex:1 1 28%;min-height:42px;padding:6px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);
  color:var(--sgn-fg);font:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:0;box-shadow:none;line-height:1.2;text-align:center}
.sgn-foot button:disabled{opacity:.5;cursor:default}
.sgn-foot .sgn-note{flex:1 1 100%;font-size:11px;color:var(--sgn-dim);line-height:1.45;margin:0}
.sgn-foot button[data-act="save"]{flex:1 1 100%}
.sgn-kbd{display:inline-block;padding:1px 6px;border-radius:5px;border:1px solid rgba(255,255,255,.2);font-size:11px;margin:0 2px;font-family:inherit}

/* PC：中央のパレット表示 */
@media (min-width:1025px) and (pointer:fine){
  .sgn-sheet{left:50%;right:auto;bottom:auto;top:10vh;width:min(680px,92vw);transform:translate(-50%,8px);border-radius:18px;border-bottom:1px solid var(--sgn-line);max-height:78vh}
  html.sgn-open .sgn-sheet{transform:translate(-50%,0)}
  .sgn-grip{display:none}
  .sgn-row{min-height:44px}
}

/* 新着情報 */
.sgn-bar button.has-new::after{content:"";position:absolute;top:8px;right:calc(50% - 16px);width:8px;height:8px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px rgba(11,22,40,.96)}
.sgn-news{display:flex;align-items:center;gap:8px;min-height:40px;padding:5px 10px;border-radius:10px;text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.sgn-news:active{background:rgba(255,255,255,.07)}
.sgn-news__date{flex:0 0 auto;font-size:11.5px;color:var(--sgn-dim);font-variant-numeric:tabular-nums}
.sgn-news__type{flex:0 0 auto;font-size:10px;font-weight:800;color:#fff;padding:3px 7px;border-radius:999px;line-height:1;white-space:nowrap}
.sgn-news__title{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sgn-news--more{justify-content:flex-end;font-size:12px;color:#9cc4ff;font-weight:700;min-height:32px}

/* 全画面表示中は出さない／下スクロール中は引っ込める */
.sgn-bar{transition:transform .2s ease}
body.sgn-bar-hidden .sgn-bar{transform:translateY(130%)}
body.sgn-bar-off .sgn-bar{display:none !important}
body.sgn-bar-off.sgn-has-bar{padding-bottom:0 !important}
body.sgn-has-bar.sgn-bar-off .smb-jump{bottom:14px !important}
body.sgn-has-bar.sgn-bar-off #secoTop{bottom:14px !important}