/* Shared business screen; identity controls are assembled separately. */
:root{--bg:#f2f5f2;--ink:#17211c;--muted:#68746d;--surface:#fffdf7;--line:#dfe4dc;--primary:#1f6f52;--danger:#b42318}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{padding-bottom:0}.eyebrow{font-size:.8rem;letter-spacing:.15em;color:var(--primary);font-weight:800}h1{font-size:clamp(1.6rem,4vw,2.2rem);margin:8px 0}h2{font-size:1.2rem;margin:0 0 16px}.notice{background:#e7efe6;padding:10px;border-left:4px solid var(--primary);font-weight:700}p{overflow-wrap:anywhere}section{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:18px}.grid{display:flex;gap:14px;align-items:end;flex-wrap:wrap}label{display:grid;gap:6px;flex:1;min-width:180px;font-size:.9rem;font-weight:600}input,select,button{font:inherit;border-radius:8px;min-height:44px;max-width:100%}input,select{border:1px solid #8a968e;padding:8px;background:white;color:var(--ink);width:100%}button{cursor:pointer;background:var(--primary);color:white;border:1px solid var(--primary);padding:9px 15px;margin:4px 4px 4px 0}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #d7982f;outline-offset:3px}[hidden]{display:none!important}.item{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}.item p{margin:4px 0 10px}.bad{color:var(--danger)}.balance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.metric{background:#edf3ed;padding:14px;border-radius:10px}.metric strong{display:block;font-size:1.6rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;max-height:250px;overflow:auto}footer{font-size:.85rem;color:var(--muted)}#status{font-weight:700}#who{font-weight:600}@media(max-width:480px){header,main,footer{padding:16px}section{padding:16px}label{min-width:100%}.grid button{width:100%}.balance-grid{gap:6px}.metric{padding:10px}}
/* Shared calendar forms retain mobile readability and avoid long-note overflow. */
#calendar-form {display:grid;gap:12px;margin-top:20px;}
#calendar-form[hidden] {display:none;}
#calendar-form label {display:grid;gap:6px;}
#calendar-form textarea {font:inherit;min-height:80px;max-width:100%;padding:10px;}
#calendar-form input[type=checkbox] {width:24px;height:24px;}
#calendar-list .item {overflow-wrap:anywhere;white-space:pre-wrap;}

#leave-form textarea{font:inherit;padding:10px;min-height:80px;width:100%;max-width:100%;border:1px solid var(--line);border-radius:6px}.leave-details{white-space:pre-wrap;overflow-wrap:anywhere}