.cabarelo-logo{display:block;width:100%;height:auto;object-fit:contain;max-width:100%}.sidebar .brand{padding:0 10px;font:inherit;letter-spacing:normal}.brand .brand-logo-panel{display:block;background:#fff;border-radius:9px;padding:10px;margin:0;letter-spacing:normal;line-height:0}.cabarelo-logo.access-logo{width:250px;margin:0 auto 22px}.cabarelo-logo.clock-logo{width:190px;height:auto}.cabarelo-logo.signin-logo{width:260px;margin:0 auto 20px}@media(max-width:500px){.cabarelo-logo.clock-logo{width:150px}.cabarelo-logo.access-logo{width:220px}}.clock-shell{min-height:100vh;background:#edf0e8;color:#253c2d;padding:24px;font-family:Arial,sans-serif}.clock-shell header{max-width:1000px;margin:auto;display:flex;justify-content:space-between;align-items:center}.clock-shell header a{font-size:28px;font-weight:700;color:inherit;text-decoration:none}.clock-shell header small{font-size:11px;letter-spacing:3px}.clock-shell header span{font-size:12px;letter-spacing:2px}.clock-panel{max-width:480px;margin:25px auto;background:white;border:1px solid #d9dfd3;border-radius:24px;padding:32px;text-align:center;box-shadow:0 12px 40px #253c2d0a}.clock-panel time{font-size:60px;font-weight:600;letter-spacing:-3px}.clock-panel p{color:#6a7669;line-height:1.5;margin:10px 0 20px}.clock-panel h1{font-size:24px;margin:24px 0 8px}.clock-panel input{display:block;width:100%;height:60px;box-sizing:border-box;text-align:center;letter-spacing:20px;font-size:30px;border:2px solid #b7c3a2;border-radius:12px}.clock-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.clock-panel button{min-height:56px;border-radius:12px;border:1px solid #dde2d8;background:#f6f7f3;color:#253c2d;font-size:18px;cursor:pointer}.clock-panel button:disabled{opacity:.45;cursor:default}.clock-panel button.clock-primary{background:#2f513c;color:white;border-color:#2f513c;width:100%;font-weight:700}.clock-actions{display:grid;gap:14px}.clock-panel .clock-hint,.clock-panel footer{font-size:12px;line-height:1.6;color:#6a7669;margin-top:24px}.clock-error,.clock-success{padding:14px;border-radius:10px;margin:20px 0;line-height:1.5}.clock-error{background:#fff0ec;color:#903c2b}.clock-success{background:#e5f2dd;color:#30522d}.clock-status{padding:14px;background:#edf3e5;border-radius:10px}.clock-status.pause{background:#fff0d8}@media(max-width:500px){.clock-shell{padding:15px}.clock-panel{padding:22px 18px;margin-top:18px}.clock-panel time{font-size:48px}.clock-shell header span{font-size:10px}}