/* All form controls share Orbit surfaces, accent, line weight and spacing. */
.control-trigger{width:100%;min-height:38px;padding:9px 12px;border:1px solid var(--bg-a3);background:var(--surface);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;text-align:left;box-shadow:var(--shadow-soft);transition:border-color 140ms,box-shadow 140ms,background-color 140ms}
.control-trigger>.icon{width:16px;height:16px;color:var(--muted)}.control-trigger:hover{background:var(--bg-a1)}.control-trigger[aria-expanded=true]{border-color:var(--purple-a3);box-shadow:0 0 0 3px var(--purple-a1)}
.control-panel{position:fixed;z-index:40;overflow:auto;margin:0;border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:5px;box-shadow:0 3px 8px #0000000b,0 12px 32px #00000013}
.control-panel [role=option]{min-height:36px;gap:9px}.control-panel [role=option]>span:nth-child(2){flex:1}.option-check{opacity:0;color:var(--accent-text)}[role=option][aria-selected=true]{background:var(--accent-soft);color:var(--accent-text)}[role=option][aria-selected=true] .option-check{opacity:1}
.calendar-panel{width:286px;padding:13px}.calendar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.calendar-head h3{font-size:13px;font-weight:500}.calendar-head .icon-button{border:0;width:28px;height:28px;background:var(--subtle)}.calendar-head .icon{width:15px;height:15px}
.calendar-week,.calendar-days [role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;gap:2px}.calendar-week{font-size:10px;color:var(--muted);margin-bottom:5px}.calendar-week>span{padding:5px 0}.calendar-days button{width:32px;height:32px;max-width:100%;padding:0;font-size:11px;border-radius:50%;position:relative;transition:background 140ms,color 140ms,transform 140ms}.calendar-days button:hover{background:var(--subtle)}.calendar-days button.selected{background:var(--accent);color:#fff;box-shadow:0 1px 3px var(--purple-a2)}.calendar-days button.today:not(.selected):after{content:'';width:3px;height:3px;background:var(--accent);border-radius:50%;position:absolute;bottom:3px;left:calc(50% - 1.5px)}.calendar-days button:active{transform:scale(.94)}.calendar-days button:focus-visible{outline-width:2px;outline-offset:1px}.calendar-footer{border-top:1px solid var(--border);margin-top:12px;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}
.choice input{width:17px;height:17px;appearance:none;-webkit-appearance:none;border:1px solid var(--bg-a4);background:var(--subtle);box-shadow:0 1px 2px #00000004;transition:background-color 140ms,border-color 140ms,box-shadow 140ms}
.choice input[type=checkbox]{border-radius:5px}.choice input:checked{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 1px 0 #ffffff12}.choice input:not(:disabled):hover{border-color:var(--purple-3)}.choice input:focus-visible{outline:3px solid var(--purple-a3);outline-offset:3px}.choice input[type=checkbox]:after{width:12px;height:12px;border:0;background:white;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;transform:scale(.7)}.choice input[type=checkbox]:checked:after{transform:scale(1)}.choice input[type=radio]:after{width:7px;height:7px;box-shadow:none}.choice{gap:9px;font-size:12px;min-height:30px}.choice input:disabled{opacity:.4}
.range{appearance:none;-webkit-appearance:none;width:100%;height:28px;border:0;border-radius:20px;background:transparent;cursor:pointer;margin:9px 0;--range-fill:18.367%}
.range::-webkit-slider-runnable-track{height:5px;border:0;border-radius:20px;background:linear-gradient(to right,var(--accent) 0 var(--range-fill),var(--bg-3) var(--range-fill) 100%)}
.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:19px;height:19px;margin-top:-7px;border-radius:50%;background:#fff;border:1px solid #0000000d;box-shadow:0 1px 3px #00000018,0 2px 5px #0000000d;transition:box-shadow 140ms,transform 140ms}
.range::-moz-range-track{height:5px;border:0;border-radius:20px;background:var(--bg-3)}.range::-moz-range-progress{height:5px;border-radius:20px;background:var(--accent)}.range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:1px solid #0000000d;box-shadow:0 1px 3px #00000018}
.range:hover::-webkit-slider-thumb,.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--purple-a1),0 1px 4px #00000018}.range:active::-webkit-slider-thumb{transform:scale(1.08);box-shadow:0 0 0 5px var(--purple-a2),0 1px 4px #00000018}.range:focus-visible{outline:0}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--purple-a2)}
.asset-drop{min-height:220px;border:1px dashed var(--bg-a3);border-radius:15px;background:var(--background-subtle);gap:9px;padding:23px 18px}.asset-drop .empty-icon{width:42px;height:42px;background:var(--bg-a2);color:var(--fg-2);margin-bottom:2px}.asset-drop .empty-icon .icon{width:20px;height:20px}.asset-drop strong{font-size:13px;font-weight:500}.asset-drop p{font-size:11px}.asset-drop .button{margin-top:5px;font-size:11px;padding:5px 12px;min-height:30px}.asset-drop [data-file-status]{margin-top:6px;font-size:10px}.asset-drop:focus-within,.asset-drop.drag-over{background:var(--accent-soft);border-color:var(--purple-a3);box-shadow:none}.asset-drop:hover{background:var(--background-subtle);box-shadow:none}.asset-drop.drag-over:hover{background:var(--accent-soft)}
.verified .icon{width:13px;height:13px}.source-symbol .icon{width:17px;height:17px}.tiny-orbit>.icon{width:23px;height:23px}
@media(forced-colors:active){.choice input{appearance:auto}.choice input:after{display:none}.range{appearance:auto}.range:focus-visible{outline:2px solid Highlight}}
