/* 余白と文字階層を共有し、スマホは行、広い画面は同じ内容のグリッドで表示する。 */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:#183047;background:#f7f8fa;font-synthesis:none;line-height:1.65;color-scheme:light;--muted:#637284;--line:#dce2e9;--navy:#102d50}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}a{color:inherit}button,input,select{font:inherit}button,summary{cursor:pointer}button{min-height:44px}a,button,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #386ea6;outline-offset:4px}h1,h2,p{margin:0}h1{font-size:34px;font-weight:650;line-height:1.35;letter-spacing:-.035em;overflow-wrap:anywhere}h2{font-size:16px;font-weight:650}strong{font-weight:650}.muted,.field-help{color:var(--muted)}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.skip-link{position:absolute;left:16px;top:-100px;z-index:2;background:white;padding:12px}.skip-link:focus{top:10px}
.site-header{width:100%;max-width:1040px;padding:28px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:23px;letter-spacing:-.045em;white-space:nowrap}.brand img{display:block;border-radius:13px;box-shadow:0 2px 5px #142f5012}.header-caption{font-size:12px;color:var(--muted)}main{width:100%;flex:1;max-width:1040px;margin:34px auto 0;padding:0 40px}main:focus{outline:none}.workspace{padding:8px 0 20px}.workspace h1{font-size:20px;line-height:1.5;letter-spacing:-.02em;font-weight:600}.workspace .eyebrow{font-size:11px;letter-spacing:.06em;margin-bottom:7px}.tenant-heading{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}.role{display:inline-block;color:#4b657e;border:1px solid #d9e2ec;background:#edf2f7;border-radius:6px;font-size:12px;white-space:nowrap;padding:3px 9px}.tenant-switch{margin-top:4px;max-width:480px}.tenant-switch summary{color:#456583;font-size:13px;min-height:44px;display:flex;align-items:center;gap:10px;width:fit-content}.tenant-switch form{margin:8px 0 0;padding:18px;background:#edf1f6;border-radius:10px}.tenant-switch summary::marker{content:""}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}input,select{display:block;width:100%;max-width:100%;margin-top:8px;border:1px solid #bac7d4;border-radius:8px;background:#fff;color:#183047;padding:12px 14px;font-size:16px;min-height:48px}input::placeholder{color:#8995a3;font-weight:400}.primary,.secondary{border:0;border-radius:8px;padding:11px 19px;font-size:14px;font-weight:600}.primary{background:var(--navy);color:white}.primary:hover{background:#234970}.secondary{background:#e5ecf4;color:var(--navy)}
.applications{padding:20px 0 24px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:22px;letter-spacing:-.025em}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));list-style:none;padding:0;margin:0;gap:16px}.app-grid li{min-width:0}.app-link{--app-tint:76 105 137;display:flex;align-items:center;gap:20px;min-height:132px;padding:22px;border:1px solid rgb(var(--app-tint)/.12);border-radius:17px;background:radial-gradient(ellipse 92px 84px at 58px 50%,rgb(var(--app-tint)/.04),transparent),rgb(var(--app-tint)/.04);box-shadow:0 1px 2px #172f4603;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.app-icon{width:72px;height:72px;flex:none;border-radius:19px;box-shadow:0 3px 6px #16314b16}.app-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.app-copy strong{font-size:19px;letter-spacing:-.02em}.app-copy>span{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.app-arrow{color:#8392a1;font-size:20px;flex:none;transition:transform .16s ease,color .16s ease}.account-section{padding:18px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.account-section h2{font-size:12px;color:var(--muted);font-weight:500;margin-bottom:3px}.account-email{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.account-section>div{min-width:0}.account-section form{flex:none}.logout{border:1px solid transparent;color:#637284;background:transparent;border-radius:8px;padding:8px 15px;font-size:13px}.logout:hover{background:#eaf0f6}.site-footer{width:100%;max-width:1040px;padding:20px 40px 30px;margin:auto;display:flex;gap:24px;justify-content:space-between;align-items:flex-start;color:#718093;font-size:11px}.site-footer>span{letter-spacing:.05em}.install-help{max-width:420px;text-align:right}.install-help summary{min-height:44px;list-style:none;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.install-help p{font-size:12px;text-align:left;margin-top:8px}.install-help summary::-webkit-details-marker{display:none}
/* ログイン・認証エラーにも同じ読みやすい階層を適用する。 */
.login{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:24px 0 56px}.login-icon{display:block;border-radius:22px;box-shadow:0 5px 12px #102d5019;margin-bottom:24px}.login h1{font-size:37px;margin-bottom:18px}.login-heading>.muted{font-size:14px;line-height:1.95}.login-panel{background:white;border:1px solid #e1e7ed;border-radius:16px;padding:30px}.login-panel h2{font-size:19px;margin-bottom:8px}.login-panel>.muted{font-size:12px}.login-panel form{margin-top:22px}.login-panel .primary{width:100%}.field-help{font-size:11px;margin-top:11px}.password-login{border-top:1px solid #e8ecf1;margin-top:24px;padding-top:10px;font-size:12px;color:#67798b}.password-login summary{padding:8px 0;min-height:44px}.password-login .secondary{width:100%}main>section:not([class]){max-width:640px;margin:50px auto;line-height:1.9}main>section:not([class]) h2{font-size:24px;margin-bottom:16px}main>section:not([class]) p{color:var(--muted);margin:12px 0}main>section:not([class]) a{display:inline-block;min-height:44px;margin-top:12px}
@media(min-width:1200px){main{margin-top:52px}}@media(max-width:767px){.site-header{padding:22px 26px}.header-caption{display:none}main{padding:0 26px;margin-top:16px}.site-footer{padding:18px 26px}.login{gap:32px;grid-template-columns:1fr;max-width:470px;margin:auto;padding:4px 0 24px}.login-heading{display:none}.login-panel{padding:26px}.login-panel h2{font-size:20px}.app-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.workspace{padding-top:8px}.install-help{max-width:270px}}
@media(max-width:540px){.site-header{padding:18px 22px}.brand{font-size:21px;gap:11px}.brand img{width:38px;height:38px;border-radius:11px}main{padding:0 22px;margin-top:10px}h1{font-size:26px}.workspace{padding:8px 0 12px}.workspace h1{font-size:18px}.eyebrow{font-size:11px;margin-bottom:8px}.tenant-heading{gap:9px 12px}.role{font-size:11px}.applications{padding:12px 0 18px}.section-heading{margin-bottom:14px}.section-heading h2{font-size:21px}.app-grid{grid-template-columns:minmax(0,1fr);gap:10px}.app-link{padding:14px;gap:14px;min-height:90px;border-radius:15px}.app-icon{width:56px;height:56px;border-radius:15px}.app-copy strong{font-size:17px}.app-copy>span{font-size:12px}.app-arrow{font-size:18px}.account-section{padding:14px 0;gap:10px;align-items:center}.account-email{font-size:12px}.logout{font-size:12px;padding:8px 11px}.site-footer{padding:8px 22px 20px;font-size:10px;gap:16px}.install-help{max-width:235px}.login{padding:18px 0 24px}.login-panel{padding:25px 22px}.login-panel h2{font-size:20px}.password-login{margin-top:20px}main>section:not([class]){margin:32px auto}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(display-mode:standalone){.site-header{padding-top:max(18px,env(safe-area-inset-top))}.site-footer{padding-bottom:max(20px,env(safe-area-inset-bottom))}}

/* テーマは色の値だけを持ち、追加アプリも同じカード表現を使用する。 */
.theme-blue{--app-tint:34 111 216}.theme-green{--app-tint:32 133 90}.theme-rose{--app-tint:194 74 116}.theme-orange{--app-tint:203 112 36}
/* トップだけの密度調整。ログイン・認証エラー画面の構造や余白へ影響させない。 */
body:has(.workspace) .site-header{padding-top:24px;padding-bottom:24px}
main:has(.workspace){margin-top:24px}
@media(max-width:767px){body:has(.workspace) .site-header{padding-top:18px;padding-bottom:18px}main:has(.workspace){margin-top:12px}}
@media(max-width:540px){body:has(.workspace) .site-header{padding-top:16px;padding-bottom:16px}main:has(.workspace){margin-top:8px}}
/* マウス操作だけを静かに補助し、アイコン自体の表示サイズは変えない。 */
@media(hover:hover) and (pointer:fine){.app-link:hover{transform:translateY(-2px);border-color:rgb(var(--app-tint)/.25);box-shadow:0 5px 12px rgb(var(--app-tint)/.06)}.app-link:hover .app-arrow{transform:translate(2px,-2px);color:rgb(var(--app-tint))}}
@media(prefers-reduced-motion:reduce){.app-link:hover,.app-link:hover .app-arrow{transform:none}}
/* PWAでは既存の画面端の安全余白を優先する。 */
@media(display-mode:standalone){body:has(.workspace) .site-header{padding-top:max(18px,env(safe-area-inset-top))}}