@layer base{.cc-worklog-web-shell{width:100%;min-height:100%}.cc-worklog-web{--color-cc-bg:#000;--color-cc-surface:#ffffff09;--color-cc-surface-gloss:linear-gradient(180deg, #ffffff0b 0%, #ffffff04 100%);--color-cc-accent:#386fcb;--color-cc-accent-hover:#2d5ab0;--color-cc-text:#fff;--color-cc-text-muted:#b4bcc8;--color-cc-border:#ffffff0f;--color-cc-gloss-highlight:inset 0 1px 0 #ffffff0b;--radius-cc:16px;--radius-pill:9999px;-webkit-font-smoothing:antialiased;min-height:100%;color:var(--color-cc-text);background:var(--color-cc-bg);box-sizing:border-box;max-width:480px;margin:0 auto;padding:1rem;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif;position:relative;overflow-x:clip}.cc-worklog-web input,.cc-worklog-web select,.cc-worklog-web textarea,.cc-worklog-web button{font-family:inherit;font-size:1rem}.cc-worklog-web button{cursor:pointer}}.werkbon-card{background:var(--color-cc-surface-gloss);border-radius:var(--radius-cc);border:1px solid var(--color-cc-border);box-shadow:var(--color-cc-gloss-highlight);color:var(--color-cc-text)}.werkbon-input{background:var(--color-cc-surface-gloss)!important;border-radius:var(--radius-pill)!important;border:1px solid var(--color-cc-border)!important;box-shadow:var(--color-cc-gloss-highlight)!important;color:var(--color-cc-text)!important}.werkbon-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-cc-text-muted);font-size:.6875rem;font-weight:600}.werkbon-btn-primary{text-transform:uppercase;letter-spacing:.02em;background:var(--color-cc-accent)!important;color:#fff!important;border-radius:var(--radius-pill)!important;font-weight:700!important}.werkbon-link{color:var(--color-cc-accent);font-weight:500;text-decoration:none}.werkbon-link:hover{text-decoration:underline}.werkbon-stepper-sticky{z-index:20;background:var(--color-cc-bg);border-bottom:1px solid var(--color-cc-border);margin:0 -1rem 1rem;padding:.75rem 1rem 1rem;position:sticky;top:0}.werkbon-stepper-step-btn:not(:disabled):hover>div>div{filter:brightness(1.12)}.werkbon-stepper-step-btn:not(:disabled):focus-visible{outline:2px solid var(--color-cc-accent);outline-offset:3px;border-radius:8px}.werkbon-stepper-step-btn:disabled{pointer-events:none}.werkbon-field-invalid .werkbon-input-wrapper,.werkbon-field-invalid .werkbon-input-wrapper[data-focus=true],.werkbon-field-invalid .werkbon-input-wrapper[data-hover=true]{border-color:#f87171!important}.werkbon-field-invalid .werkbon-qty-list{border-radius:var(--radius-cc);border:1px solid #f871718c;padding:4px}.werkbon-field-invalid .werkbon-photo-grid,.werkbon-field-invalid .werkbon-signature-wrap,.werkbon-field-invalid .werkbon-switch-row{outline-offset:2px;border-radius:var(--radius-cc);outline:2px solid #f871718c}.werkbon-signature-field{margin-bottom:24px}.werkbon-signature-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-cc-text-muted);margin-bottom:4px;font-size:.6875rem;font-weight:600;display:block}.werkbon-signature-pad{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow:hidden}.werkbon-signature-canvas{touch-action:none;background:#fff;width:100%;display:block}.werkbon-signature-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:4px 12px 8px;display:flex}.werkbon-signature-hint{color:#64748b;margin:0;font-size:13px}.werkbon-signature-clear{color:#dc2626;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:12px}.werkbon-input-wrapper{background:var(--color-cc-surface-gloss)!important;border:1px solid var(--color-cc-border)!important;width:100%!important;box-shadow:var(--color-cc-gloss-highlight)!important;border-radius:9999px!important;min-height:48px!important;transition:border-color .2s,box-shadow .2s!important;overflow:hidden!important}.werkbon-textarea-wrapper.werkbon-input-wrapper{height:auto!important;min-height:auto!important;overflow:visible!important}.werkbon-input-wrapper:hover{border-color:#ffffff26!important}.werkbon-input-wrapper[data-focus=true],.werkbon-input-wrapper[data-focus-visible=true],.werkbon-input-wrapper:focus-within{border-color:var(--color-cc-accent)!important;box-shadow:0 0 0 2px #386fcb4d!important}.werkbon-input-wrapper input,.werkbon-input-wrapper textarea{color:#fff!important;background:0 0!important;padding:12px 18px!important;font-size:1rem!important}.werkbon-input-wrapper input{padding-top:14px!important;padding-bottom:14px!important}.werkbon-input-inner{width:100%!important;min-width:0!important}.werkbon-input-wrapper:not(.werkbon-textarea-wrapper) .werkbon-input-inner,.werkbon-input-wrapper:not(.werkbon-textarea-wrapper) input{text-overflow:ellipsis!important;overflow:hidden!important}.werkbon-input-wrapper textarea{padding:14px 18px!important}.werkbon-input-wrapper input::placeholder,.werkbon-input-wrapper textarea::placeholder{opacity:.9;color:var(--color-cc-text-muted)!important}.werkbon-input-wrapper .werkbon-input-wrapper-label,.werkbon-input-wrapper [data-slot=label]{letter-spacing:.05em!important;text-transform:uppercase!important;color:var(--color-cc-text-muted)!important;font-size:.6875rem!important;font-weight:600!important}.werkbon-textarea-wrapper{border-radius:16px!important;width:100%!important;min-height:auto!important}.werkbon-textarea-wrapper.werkbon-input-wrapper{width:100%!important;min-height:auto!important}.werkbon-textarea-wrapper textarea,.werkbon-textarea-wrapper .werkbon-input-inner,.werkbon-textarea-wrapper .werkbon-textarea-inner{-webkit-overflow-scrolling:touch;field-sizing:content;text-overflow:clip!important;white-space:pre-wrap!important;word-break:break-word!important;resize:none!important;min-height:5.5rem!important;max-height:min(42vh,320px)!important;line-height:1.45!important;overflow:hidden auto!important}.werkbon-checkbox [data-slot=wrapper],.werkbon-checkbox .wrapper{border-color:var(--color-cc-border)!important;background:#ffffff08!important;transition:background .2s,border-color .2s,transform .15s!important}.werkbon-checkbox [data-slot=wrapper]:hover,.werkbon-checkbox .wrapper:hover{border-color:#ffffff26!important}.werkbon-checkbox [data-slot=wrapper][data-selected=true],.werkbon-checkbox .wrapper[data-selected=true]{background:var(--color-cc-accent)!important;border-color:var(--color-cc-accent)!important}.werkbon-checkbox label{transition:color .2s;color:#fff!important}.werkbon-checkbox{align-items:center!important;width:100%!important;max-width:100%!important;display:flex!important}.cc-worklog-web [data-slot=base],.cc-worklog-web [data-slot=input-wrapper]{width:100%!important;max-width:100%!important}.werkbon-qty-list{flex-direction:column;gap:10px;display:flex}.werkbon-qty-row{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0f}.werkbon-qty-row-label{color:#fff;font-size:15px;font-weight:500;line-height:1.35}.werkbon-qty-stepper{align-items:stretch;gap:10px;width:100%;display:flex}.werkbon-qty-step{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#0000004d;border:1px solid #fff3;border-radius:12px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;min-height:52px;padding:0;font-size:22px;font-weight:600;line-height:1;transition:border-color .15s,background .15s,transform .1s;display:inline-flex}.werkbon-qty-step:hover:not(:disabled){background:#386fcb33;border-color:#ffffff59}.werkbon-qty-step:active:not(:disabled){transform:scale(.97)}.werkbon-qty-step:disabled{opacity:.35;cursor:not-allowed}.werkbon-qty-value-wrap{background:#00000040;border:1px solid #ffffff2e;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:52px;padding:0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.werkbon-qty-value-wrap:focus-within{border-color:var(--color-cc-accent);box-shadow:0 0 0 2px #386fcb4d}.werkbon-qty-input{color:#fff;text-align:center;appearance:textfield;background:0 0;border:none;outline:none;flex:auto;width:100%;min-width:2.5rem;height:100%;min-height:48px;padding:0;font-size:20px;font-weight:700}.werkbon-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.werkbon-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.werkbon-qty-unit{color:var(--color-cc-text-muted);flex-shrink:0;font-size:15px;font-weight:600}.werkbon-no-label .werkbon-input-wrapper-label,.werkbon-no-label [data-slot=label]{display:none!important}.werkbon-switch-row{border:1px solid var(--color-cc-border);cursor:pointer;box-shadow:var(--color-cc-gloss-highlight);background:#ffffff07;border-radius:9999px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.werkbon-switch-row:hover{background:#ffffff0a;border-color:#ffffff1a}.werkbon-switch-label{color:#c5ccd6;letter-spacing:.01em;-webkit-user-select:none;user-select:none;flex:1;font-size:.875rem;font-weight:500}.werkbon-switch [data-slot=wrapper]{min-width:44px;background:#ffffff38!important}.werkbon-switch[data-selected=true] [data-slot=wrapper]{background:var(--color-cc-accent)!important}.werkbon-switch [data-slot=thumb]{background:#fff!important}.werkbon-footer{box-sizing:border-box;width:100%;max-width:480px;color:var(--color-cc-text);margin:0 auto;padding:0}.werkbon-footer-static{margin-top:24px}.werkbon-footer-inner{background:var(--color-cc-surface-gloss);border:1px solid var(--color-cc-border);box-shadow:var(--color-cc-gloss-highlight), 0 4px 24px #00000059;border-radius:20px;flex-direction:column;align-items:stretch;gap:12px;padding:16px 18px;display:flex}.werkbon-footer-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.werkbon-footer-primary{text-align:center;color:#fff;background:var(--color-cc-accent);cursor:pointer;border:none;border-radius:9999px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .2s,opacity .2s;display:block;box-shadow:0 2px 12px #386fcb59}.werkbon-footer-primary:hover:not(:disabled){background:var(--color-cc-accent-hover)}.werkbon-footer-primary:disabled{opacity:.45;cursor:not-allowed}.werkbon-footer-nav{grid-template-columns:1fr 1fr;align-items:center;gap:10px;display:grid}.werkbon-footer-nav .werkbon-btn-back{justify-self:start}.werkbon-footer-nav .werkbon-btn-next{justify-self:end}.werkbon-btn{letter-spacing:.02em;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .2s,color .2s,opacity .2s;display:inline-flex}.werkbon-btn:disabled{opacity:.45;cursor:not-allowed}.werkbon-btn-back{color:var(--color-cc-accent);border:1.5px solid var(--color-cc-border);background:0 0}.werkbon-btn-back:hover:not(:disabled){border-color:var(--color-cc-accent);background:#386fcb1a}.werkbon-btn-center{color:var(--color-cc-text);background:#ffffff14}.werkbon-btn-center:hover:not(:disabled){background:#ffffff1f}.werkbon-btn-next{background:var(--color-cc-accent);color:#fff;box-shadow:0 2px 12px #386fcb59}.werkbon-btn-next:hover:not(:disabled){background:var(--color-cc-accent-hover)}.werkbon-footer-message{color:var(--color-cc-text-muted);text-align:center;margin:0;font-size:12px}.werkbon-footer-link{box-sizing:border-box;text-align:center;width:100%;color:var(--color-cc-accent);background:0 0;border:1px solid #386fcb73;border-radius:9999px;padding:10px 12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:block}.werkbon-footer-link:hover{background:#386fcb1f;border-color:#386fcba6;text-decoration:none}.werkbon-footer-danger{text-align:center;color:#f87171;cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;margin-top:0;padding:4px 0;font-family:inherit;font-size:.9375rem;font-weight:500;transition:opacity .2s;display:block}.werkbon-footer-danger:hover:not(:disabled){background:0 0;text-decoration:underline}.werkbon-footer-danger:disabled{opacity:.45;cursor:not-allowed}.werkbon-footer-share{text-align:center;width:100%;color:var(--color-cc-accent);cursor:pointer;background:0 0;border:1px solid #386fcb73;border-radius:9999px;margin-top:0;padding:10px 12px;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,opacity .2s;display:block}.werkbon-footer-share:hover:not(:disabled){background:#386fcb1f;border-color:#386fcba6}.werkbon-footer-share:disabled{opacity:.45;cursor:not-allowed}.werkbon-lmra-done-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);box-sizing:border-box;background:#000000d1;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.werkbon-lmra-done-card{background:var(--color-cc-surface-gloss);border:1px solid var(--color-cc-border);border-radius:var(--radius-cc);width:100%;max-width:22rem;box-shadow:var(--color-cc-gloss-highlight), 0 12px 40px #00000073;padding:1.5rem 1.35rem}.werkbon-lmra-done-title{color:var(--color-cc-text);text-align:center;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.werkbon-lmra-done-text{color:var(--color-cc-text-muted);text-align:center;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.45}.werkbon-lmra-done-actions{flex-direction:column;gap:.75rem;display:flex}.werkbon-lmra-done-actions .werkbon-btn{justify-content:center;width:100%}.werkbon-lmra-done-primary{order:1}.werkbon-lmra-done-secondary{order:2}.cc-charging-status-row{gap:8px;display:flex}.cc-charging-status-btn{color:var(--color-cc-text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex:1;padding:10px 12px;font-size:.875rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.cc-charging-status-btn:disabled{opacity:.5;cursor:not-allowed}.cc-charging-status-btn--operational-selected{color:#7dcea0;background:#48bb781f;border-color:#48bb788c}.cc-charging-status-btn--action-selected{color:#f6ad55;background:#ed89361f;border-color:#ed89368c}