:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#19362f;--accent:#1a6756;--muted:#71897e}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#f6f8f5;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #78c5ac;outline-offset:2px}[hidden]{display:none!important}.gate{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 20% 20%,#dcefe4,transparent 40%),#f6f8f5}.login-card{background:white;border:1px solid #e2eae2;border-radius:22px;padding:35px;width:min(430px,100%);box-shadow:0 20px 75px #163e3012}.logo{display:flex;align-items:center;gap:10px;font-size:27px;color:#195b4f}.logo strong{letter-spacing:-1.5px}.logo span,.syncbrand span{color:#43b78b}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#59947d;font-weight:800;margin:30px 0 10px}.login-card h1{font-size:27px;line-height:1.15;margin:8px 0;letter-spacing:-1px}.subtitle{color:#7f9187;font-size:13px;line-height:1.6;margin-bottom:27px}.login-card label{font-size:12px;font-weight:730;display:block;margin:16px 0 7px}.login-card input{width:100%;border:1px solid #dce7df;border-radius:10px;height:45px;padding:0 13px;font-size:14px;background:#fff}.login-card input:focus{outline:none;border-color:#5da98b;box-shadow:0 0 0 3px #d9f1e4}.login-card button[type=submit]{width:100%;height:46px;background:#174f44;color:white;border:0;border-radius:10px;font-weight:750;margin-top:19px}.login-card button[type=submit]:hover{background:#246e5b}.help,.foot{font-size:11px;color:#95a69b;line-height:1.6}.foot{text-align:center;margin-top:20px}.error{background:#fff1ed;border:1px solid #f1d2c9;color:#ac4d3b;padding:11px;border-radius:9px;margin-top:15px;font-size:12px}.workspace{height:100dvh;display:flex;flex-direction:column}.syncbar{height:48px;flex-shrink:0;background:#173e36;color:white;display:flex;align-items:center;gap:19px;padding:0 15px}.syncbrand{font-weight:850;font-size:17px;letter-spacing:-1px}.syncstatus{font-size:11px;color:#b6dbca;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.syncactions{display:flex;gap:6px}.syncactions button{background:#ffffff16;color:#e6faf0;border:1px solid #ffffff2a;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.syncactions button:hover{background:#ffffff28}#nodoApp{display:block;width:100%;border:0;flex:1;min-height:0;background:#f6f7f4}.overlay{position:fixed;inset:0;z-index:1000;background:#0c291fc4;display:grid;place-items:center;padding:14px}.conflict-card{max-width:520px;width:100%;max-height:90dvh;overflow:auto;border-radius:18px;padding:28px;background:white;box-shadow:0 20px 70px #081a1640}.conflict-card .eyebrow{margin:0 0 12px}.conflict-card h2{font-size:23px;margin:0 0 9px}.conflict-card p{font-size:13px;color:#788d80;line-height:1.6}.conflict-detail{display:grid;grid-template-columns:1fr 1fr;background:#f4f7f3;border-radius:11px;padding:15px;gap:6px;font-size:12px;margin:18px 0}.conflict-detail span{color:#88a092}.conflict-detail strong{font-size:13px;word-break:break-word}.conflict-card button{border:0;border-radius:9px;padding:12px;font-size:12px;font-weight:750}.conflict-card .outline{background:#edf7f1;color:#286f53;width:100%;border:1px solid #cee6d7}.choices{display:flex;gap:9px;margin-top:11px}.choices button{flex:1;background:#174d42;color:white}.choices button+button{background:#e8f3ec;color:#256750}.conflict-card .text-btn{display:block;background:transparent;color:#87978e;margin:10px auto 0}@media(max-width:620px){.syncbar{height:auto;min-height:54px;flex-wrap:wrap;gap:4px 8px;padding:7px 9px}.syncbrand{font-size:15px}.syncstatus{font-size:10px;min-width:130px}.syncactions{width:100%;justify-content:flex-end}.syncactions button{padding:5px 8px;font-size:10px}.login-card{padding:24px}.conflict-card{padding:21px}.choices{flex-direction:column}}

/* Centum10 brand mark on authentication and sync bars */
.logo .brand-mark{width:42px;height:42px;flex:none;display:block;border-radius:12px}.logo strong{font-weight:850}.syncbrand{display:flex;align-items:center;gap:8px;white-space:nowrap}.syncbrand .brand-mark{width:28px;height:28px;flex:none;display:block;border-radius:7px}