/* Additive Time & Events styles — honour the original desktop/admin and mobile PWA skins. */
.vnb-app .vnb-events-workspace{min-width:0;max-width:100%}
.vnb-app .vnb-events-heading,.vnb-app .vnb-events-toolbar,.vnb-app .vnb-event-row-actions,.vnb-app .vnb-events-dialog-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.vnb-app .vnb-events-heading h3{margin:0 0 4px}
.vnb-app .vnb-events-heading p{margin:0;color:#66736a}
.vnb-app .vnb-events-toolbar{justify-content:flex-start;margin:15px 0}
.vnb-app .vnb-events-toolbar label{display:flex;gap:8px;align-items:center}
.vnb-app .vnb-event-row{border:1px solid #bfcbbd;border-radius:12px;margin:9px 0;padding:13px;background:rgba(255,255,255,.65);overflow-wrap:anywhere}
.vnb-app .vnb-event-row strong,.vnb-app .vnb-event-row small{display:block}
.vnb-app .vnb-event-row small{color:#5a7165;margin:3px 0}
.vnb-app .vnb-event-row p{margin:8px 0;white-space:pre-wrap}
.vnb-app .vnb-event-row-actions{justify-content:flex-start}
.vnb-app .vnb-events-commands{border-top:1px solid #bac8bd;margin-top:15px;padding:12px 0}
.vnb-app .vnb-events-commands summary{cursor:pointer;font-weight:700}
.vnb-app .vnb-events-command-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin:10px 0}
.vnb-app .vnb-events-command-fields label{display:flex;flex-direction:column;gap:4px;font-weight:600}
.vnb-app .vnb-events-command-fields input,.vnb-app .vnb-events-workspace select{max-width:100%;min-width:0}
.vnb-events-dialog{box-sizing:border-box;max-width:min(560px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 36px);padding:22px;border:1px solid #b4c4b9;border-radius:15px;background:#f7f9f0;color:#17382d;box-shadow:0 15px 80px #0a201a66;overflow:auto}
.vnb-events-dialog::backdrop{background:#0b211cad}
.vnb-events-dialog form{display:flex;flex-direction:column;gap:12px;max-width:100%;margin:0}
.vnb-events-dialog h3{margin:0 0 4px}
.vnb-events-dialog label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:650;min-width:0}
.vnb-events-dialog input,.vnb-events-dialog textarea,.vnb-events-dialog select{box-sizing:border-box;width:100%;max-width:100%;font:inherit;min-height:40px;padding:9px;border-radius:8px;border:1px solid #a5b8ac;background:#fff;color:#18382b}
.vnb-events-dialog textarea{resize:vertical;min-height:74px}
.vnb-events-dialog .vnb-events-timefields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vnb-events-dialog .vnb-events-dialog-actions{justify-content:flex-end}
.vnb-events-dialog .vnb-events-dialog-actions button{width:auto;padding:10px 16px}
.vnb-events-dialog .vnb-preview-photo{max-width:100%;max-height:70dvh;object-fit:contain}
.vnb-events-dialog .vnb-event-photo{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:5px 0}
.vnb-app .vnb-real-clock{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:6px 2px 3px;color:#365649;font:600 10px/1.3 ui-monospace,monospace;overflow:hidden}
.vnb-app .vnb-clock-tick{white-space:nowrap;min-width:0;text-align:center;flex:1;position:relative}
.vnb-app .vnb-clock-tick:first-child{text-align:left}.vnb-app .vnb-clock-tick:last-child{text-align:right}
.vnb-app .vnb-clock-tick:before{content:'';display:block;width:1px;height:5px;background:currentColor;margin:0 auto 4px;opacity:.6}
.vnb-app .vnb-event-pins{position:absolute;inset:0;pointer-events:none;z-index:5}
.vnb-app .vnb-event-pin{position:absolute;top:0;transform:translateX(-50%);border:1px solid #a18bcb;background:#faf4ff;color:#24163d;border-radius:12px;width:25px;min-height:25px;font-size:12px;cursor:pointer;pointer-events:auto;box-shadow:0 2px 6px #0002}
.vnb-app .vnb-event-pin:focus-visible{outline:2px solid #185b46;outline-offset:2px}
.vnb-app .vnb-marker-extra{min-height:30px;padding:5px 8px;font-size:12px}
.vnb-app .vnb-marker-note{max-width:260px;overflow-wrap:anywhere}
.vnb-app .vnb-live-event-button{flex:1;min-width:75px}
@media(max-width:440px){.vnb-events-dialog{padding:14px}.vnb-app .vnb-events-toolbar{align-items:stretch}.vnb-app .vnb-events-toolbar>button{flex:1}.vnb-app .vnb-clock-tick{font-size:9px}.vnb-app .vnb-event-row-actions button{min-width:90px}}

.vnb-events-dialog .vnb-marker-form-status{display:block;color:#9c302c;border:1px solid #e5a9a3;background:#fff0ed;padding:9px;border-radius:8px;font-size:13px}
.vnb-events-dialog .vnb-marker-form-status[hidden]{display:none!important}
/* 3.6.0 — real, unobtrusive local-time minute ruler and usable emoji selection. */
.vnb-events-dialog .vnb-emoji-options{display:flex;flex-wrap:wrap;gap:5px;margin:-4px 0 3px}
.vnb-events-dialog .vnb-emoji-option{min-width:39px;min-height:39px;padding:5px 8px;border-radius:8px;background:#fff;color:#17382d;border:1px solid #bbcabb;cursor:pointer;font-size:20px;line-height:1}
.vnb-events-dialog .vnb-emoji-option:last-child{font-size:12px}
.vnb-events-dialog .vnb-emoji-option[aria-pressed="true"]{outline:2px solid #247259;background:#e3f0e0}
.vnb-events-dialog .vnb-preview-photo{display:block;width:auto;max-width:100%;max-height:75dvh;border-radius:7px}
.vnb-app .vnb-real-clock.vnb-minute-ruler{display:block;position:relative;height:34px;overflow:hidden}
.vnb-app .vnb-real-clock .vnb-minute-tick{position:absolute;top:18px;height:8px;width:1px;background:currentColor;opacity:.32}
.vnb-app .vnb-real-clock .vnb-minute-label{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap;font:500 10px ui-monospace,monospace}
.vnb-app .vnb-real-clock .vnb-minute-label-start{transform:none}
.vnb-app .vnb-real-clock .vnb-minute-label-end{transform:translateX(-100%)}
.vnb-app .vnb-real-clock.vnb-clock-unavailable{height:auto;font:11px/1.4 ui-monospace,monospace;opacity:.74}
.vnb-app .vnb-real-clock .vnb-minute-pause{height:12px;top:15px;width:2px;background:#ad82c6;opacity:.85}
