/* ZERO＋ 第4.2版：管理システムの枠（上のバー＋左のメニュー 190px）と、企業マイページ。基幹（修正版）の色と字。明るい画面だけ */

/* ---------- 管理システム（#/a） ---------- */
.zpa{--ground:#ECEEF0;--surface:#FFFFFF;--surface-2:#F4F5F6;--sunken:#E9EDEF;--ink:#1F2428;--ink-2:#454C54;--muted:#6C727A;--line:#D8DCE0;--line-2:#E6E9EC;
  --ai:#1E4D5A;--ai-strong:#163A44;--ai-soft:#DDE8EB;--ai-ghost:#EEF4F6;--on-ai:#FFFFFF;--teal-line:#9DBAC2;
  --ok:#2D7A50;--ok-soft:#E2F2E8;--warn:#8C6410;--warn-soft:#FBF3DA;--bad:#B5322B;--bad-soft:#FBE9E7;
  --font:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic",sans-serif;
  background:var(--ground);color:var(--ink);font-family:var(--font);min-height:100vh;font-size:14px;color-scheme:light}
.zpa a{color:var(--ai)}
.zpa-top{display:flex;align-items:center;gap:12px;background:var(--surface);border-bottom:1px solid var(--line);padding:9px 16px;position:sticky;top:0;z-index:40}
.zpa-brand{font-weight:700;font-size:15px;letter-spacing:.04em;color:var(--ink)!important;text-decoration:none;display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.zpa-brand small{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10px;color:var(--muted);letter-spacing:.1em;font-weight:400}
.zpa-sp{flex:1}
.zpa-top .btn{white-space:nowrap}
.zpa-who{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}
.zpa-menu{display:none;border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:6px 10px;font-size:13px;cursor:pointer;color:var(--ink);white-space:nowrap}
.zpa-shell{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100vh - 50px)}
.zpa-side{background:var(--surface);border-right:1px solid var(--line);padding:10px 0 40px;font-size:12.5px;position:sticky;top:50px;align-self:start;min-height:calc(100vh - 50px);max-height:calc(100vh - 50px);overflow-y:auto}
.zs-h{font-size:10px;color:var(--muted);letter-spacing:.12em;padding:14px 12px 4px}
.zs-item{display:flex;align-items:center;justify-content:space-between;gap:6px;width:calc(100% - 12px);padding:6px 10px;margin:1px 6px;border-radius:4px;color:var(--ink)!important;text-decoration:none;
  background:none;border:1px solid transparent;font:inherit;text-align:left;cursor:pointer;line-height:1.45}
.zs-item>span{min-width:0}.zs-item small{display:block;font-size:10.5px;color:var(--muted)}
.zs-item:hover{background:var(--surface-2)}
.zs-item.on{background:var(--ai-soft);color:var(--ai)!important;font-weight:700;border-color:var(--teal-line)}
.zs-item.par{font-weight:700}.zs-item.par i{font-style:normal;color:var(--muted);font-size:11px;margin-left:auto}
.zs-grp.in>.zs-item.par{color:var(--ai)!important}
.zs-item.kid{padding-left:22px;width:calc(100% - 12px);font-size:12px}
.zs-item.dis{color:var(--muted)!important;cursor:not-allowed}.zs-item.dis:hover{background:none}.zs-item.dis em{font-style:normal;font-size:10px;border:1px solid var(--line);border-radius:999px;padding:0 6px}
.zs-badge{min-width:18px;padding:0 5px;border-radius:9px;background:var(--bad);color:#fff;font-size:10.5px;line-height:18px;text-align:center;font-weight:700}
.zs-item.par .zs-badge{margin-left:auto;margin-right:4px}
.zpa-main{min-width:0;padding:14px 18px 60px}
.zpa-main>.ow,.zpa-main>.stack{max-width:none}
.zpa-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin:0 0 12px}
.zpa-crumbs i{font-style:normal;color:var(--line)}.zpa-crumbs b{color:var(--ink);font-weight:700}
.zpa-veil{display:none}
.zpa .card{border-radius:4px;box-shadow:none}
.zpa .pagehead h1{font-size:18px}
@media (max-width:900px){
  .zpa-menu{display:inline-block}
  .zpa-shell{grid-template-columns:minmax(0,1fr)}
  .zpa-side{display:none;position:fixed;left:0;top:0;bottom:0;width:260px;max-height:none;z-index:60;box-shadow:0 8px 30px rgba(0,0,0,.25);padding-top:14px}
  .zpa.navopen .zpa-side{display:block}
  .zpa.navopen .zpa-veil{display:block;position:fixed;inset:0;background:rgba(20,26,30,.35);z-index:55}
  .zpa-who{display:none}
  .zpa-main{padding:12px 12px 50px}
}
/* ホーム（今日やること） */
.zh{display:grid;gap:14px}
.zh-grp{display:grid;gap:10px}
.zh-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.zh-h h2{font-size:15px}
.zh-dept{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;align-items:start;border-top:1px solid var(--line-2);padding-top:10px}
.zh-dept:first-of-type{border-top:0;padding-top:0}
.zh-dn{font-size:12px;color:var(--muted);font-weight:700;padding-top:10px}
.zh-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.zh-tile{display:grid;gap:2px;border:1px solid var(--line);border-radius:4px;padding:10px 12px;text-decoration:none;color:var(--ink)!important;background:var(--surface)}
.zh-tile b{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:22px;font-weight:500;color:var(--muted)}
.zh-tile span{font-size:12.5px}.zh-tile small{font-size:11px;color:var(--muted)}
.zh-tile.on{border-color:var(--bad);background:#FFF8F7}.zh-tile.on b{color:var(--bad)}
.zh-tile:hover{border-color:var(--ai)}
@media (max-width:640px){.zh-dept{grid-template-columns:1fr}.zh-dn{padding-top:0}}

/* ---------- 企業の画面の上のバー（企業マイページ・受発注・すぐやるくん で共通） ---------- */
.aw .zco-top .zco-sys{font-size:11.5px;font-weight:700;border:1px solid #9DBAC2;background:#DDE8EB;color:#1E4D5A;border-radius:999px;padding:1px 10px;white-space:nowrap}
.aw .zco-top .zco-co{font-size:12px;color:#454C54;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.aw .zco-top .zco-back{font-size:12px;color:#1E4D5A;white-space:nowrap;text-decoration:none;border:1px solid #D8DCE0;border-radius:2px;padding:3px 10px;background:#fff}
.aw .zco-top .zco-sp{flex:1 1 auto}
.aw.zco{background:transparent;min-height:0}
@media (max-width:640px){.aw .zco-top .zco-co{max-width:150px}}

/* ---------- 企業マイページ（#/m） ---------- */
.aw .zm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.aw .zm-cards.one{grid-template-columns:minmax(0,1fr)}
.aw .zm-sys{display:grid;gap:8px;align-content:start;border:1px solid #D8DCE0;border-radius:2px;background:#fff;padding:18px;text-decoration:none;color:#1F2428;min-height:170px}
.aw .zm-sys:hover{border-color:#1E4D5A}
.aw .zm-sys small{font-size:10.5px;color:#6C727A}.aw .zm-sys b{font-size:18px}.aw .zm-sys p{margin:0;font-size:12.5px;color:#6C727A}
.aw .zm-sys.big{background:#1E4D5A;border-color:#1E4D5A;color:#fff;min-height:200px;padding:24px}.aw .zm-sys.big small,.aw .zm-sys.big p{color:#C9DBE0}.aw .zm-sys.big b{font-size:22px}
.aw .zm-sys .zm-go{font-weight:700;font-size:13px;color:#1E4D5A}.aw .zm-sys.big .zm-go{color:#fff}
.aw .zm-sys .zm-alert{justify-self:start;background:#FBE9E7;color:#B5322B;border-radius:999px;padding:1px 10px;font-size:11.5px;font-weight:700}
.aw .zm-sys.dis{opacity:.6}