.login-page{margin:0;min-height:100dvh;display:grid;place-items:center;background:#f4f5f6;color:#171717;font:16px/1.5 Segoe UI,Arial,sans-serif}.login-card{box-sizing:border-box;width:min(440px,calc(100% - 32px));padding:34px;background:white;border:1px solid #e5e7eb;border-top:4px solid #d71920;border-radius:14px;box-shadow:0 16px 60px #1010100b}.login-brand{font-size:30px;font-weight:800;letter-spacing:2px;color:#c8131b}.login-eyebrow{font-size:11px;letter-spacing:1.5px;color:#6b7280;margin-bottom:28px}.login-card h1{font-size:25px;margin:0}.login-card p{color:#6b7280}.login-card label{display:grid;gap:6px;margin-top:17px;font-size:14px}.login-card label[hidden]{display:none}.login-card input{box-sizing:border-box;width:100%;min-height:46px;padding:10px;border:1px solid #cbd0d6;border-radius:7px;font:inherit;font-size:16px}.login-card button{min-height:46px;cursor:pointer}.login-card button[type=submit]{width:100%;background:#ce101a;color:white;border:0;border-radius:7px;font:inherit;font-weight:600}.login-card .text-button{border:0;background:none;color:#8b1218;padding:10px 0;font:inherit;font-size:13px}.login-card #loginError{color:#b91c1c;font-size:14px}.login-foot{border-top:1px solid #eee;padding-top:16px;font-size:12px}.login-card button:disabled{opacity:.6}.login-card input:focus-visible{outline:2px solid #263d65;outline-offset:2px}
.account-controls{display:flex;gap:8px;align-items:center}.app-status{font-size:12px;color:#6b7280}#logout{white-space:nowrap}#syncStatus:empty{display:none}
@media(max-width:760px){#app table{min-width:0;background:none;border:0;display:block}#app thead{display:none}#app tbody{display:grid;gap:14px}#app tr{display:block;border:1px solid #e5e7eb;border-radius:10px;background:white;padding:8px 14px}#app td{display:block;border:0;padding:8px 0;overflow-wrap:anywhere}#app td[data-label]::before{content:attr(data-label);display:block;font-size:11px;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;margin-bottom:5px}#app td:first-child .record-link{font-size:17px}#app td .row-actions{flex-wrap:wrap}#app .toolbar select{flex-basis:45%}#app .toolbar .primary{width:100%}}
@media(max-width:760px){body:not(.login-page){display:block}aside{position:static;width:100%;height:auto}.brand{padding:14px 18px}.brand b{font-size:23px}.brand span{display:none}aside nav{display:flex;overflow-x:auto;padding:8px 10px;gap:6px}nav button{white-space:nowrap;padding:10px 12px;min-height:44px}aside footer{display:none}main{margin-left:0;width:100%}header{height:auto;min-height:96px;padding:18px;gap:12px;flex-wrap:wrap}header h1{font-size:23px}.account-controls{flex-wrap:wrap}#app{padding:18px 14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.card{min-width:0}#result{overflow-x:auto}table{min-width:650px}.toolbar input{width:100%}.toolbar select{min-width:0;flex:1}.toolbar .primary{min-height:44px}input,select,textarea{font-size:16px;min-width:0;max-width:100%}button{min-height:40px}button.record-link{min-height:28px}dialog,#detailModal{width:calc(100vw - 20px);max-height:92dvh;overflow:auto}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}#form{padding:18px}.detail-grid{grid-template-columns:1fr}.detail-content{padding:18px}.day-planner-head,.day-controls{flex-wrap:wrap}.day-controls input{width:100%}#reminders{padding:14px 14px 0}.reminder-actions button{min-height:44px}.metric b{font-size:26px}.metric{padding:14px}.actions{position:sticky;bottom:-18px;background:white;padding:12px 0;margin-top:14px}.login-card{padding:26px}}

.contact-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.contact-action{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border:1px solid #d5d9de;border-radius:7px;text-decoration:none;color:#8b1218;background:#fff}.company-summary{margin-top:10px;max-width:36em}.company-summary small{display:block}.company-summary p{margin:4px 0}.company-task-actions{display:flex;gap:8px;flex-wrap:wrap}.company-task-actions p{flex-basis:100%}
