/* Companai 3 form controls: text-like inputs, textarea and select. Restyles the bare elements so views keep their markup. */
input:not([type]),input[type=text],input[type=search],input[type=number],input[type=date],input[type=email],input[type=tel],input[type=url],input[type=password],select,textarea,.ta,.itext{
  width:100%;min-height:36px;padding:0 12px;border:0;border-radius:var(--r-md);background:var(--surface2);color:var(--ink);font-size:var(--fs-base);outline:none;
  box-shadow:0 0 0 1px var(--edge-strong),inset 0 1px 2px var(--inset-deep);transition:box-shadow var(--t) var(--ease),background var(--t)}
input:not([type]):hover,input[type=text]:hover,input[type=search]:hover,input[type=number]:hover,input[type=date]:hover,select:hover,textarea:hover{box-shadow:0 0 0 1px var(--acc-line),inset 0 1px 2px var(--inset-deep)}
input:not([type]):focus,input[type=text]:focus,input[type=search]:focus,input[type=number]:focus,input[type=date]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=password]:focus,select:focus,textarea:focus,.ta:focus,.itext:focus{box-shadow:var(--glow-ring);outline:none}
input::placeholder,textarea::placeholder{color:var(--faint)}
textarea,.ta,.itext{height:auto;min-height:84px;padding:10px 12px;line-height:1.5;resize:vertical}
select{width:auto;min-width:0;appearance:none;-webkit-appearance:none;padding-right:34px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238C98A5' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
select option{background:var(--surface);color:var(--ink)}
input[type=file]{font-size:var(--fs-sm);color:var(--muted)}
input[type=file]::file-selector-button{margin-right:10px;height:28px;padding:0 10px;border:0;border-radius:var(--r-sm);background:var(--surface3);color:var(--ink2);cursor:pointer;font:inherit}
label.lab,.lab{display:block;font-size:var(--fs-sm);font-weight:500;color:var(--ink2);margin:14px 0 6px}
.hint{font-size:var(--fs-xs);color:var(--muted)}