.form-field{display:flex;flex-direction:column;gap:.25rem;> label { font-size: 0.875rem; font-weight: 500; } .input { width: 100%; } .counter { margin-top: 0.25rem; font-size: 0.875rem; color: var(--text-muted); text-align: right; } .input.is-invalid { border-color: var(--red); }}.form-body{display:flex;flex-direction:column;gap:1rem}.form-card{margin-bottom:2rem;> .title { font-size: 1.875rem; font-weight: 700; }}.form-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;> button { width: 100%; }}.form-row{display:flex;flex-direction:column;gap:1rem;> .form-field { flex: 1; }}.field-info{display:flex;align-items:center;margin-top:.25rem;> .error { color: var(--red); } > .counter { margin-left: auto; margin-top: 0; }}.category-section{display:flex;flex-direction:column;gap:.5rem;> div > .label { font-size: 0.875rem; font-weight: 500; } > div > .hint { font-size: 0.875rem; color: var(--text-muted); }}.select-wrapper{position:relative}.select-trigger{position:relative;width:100%;cursor:default;text-align:left;padding:.5rem 1rem;border-radius:.375rem;border:1px solid var(--bg-dark);background-color:var(--bg-light);font-size:.875rem;> .truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } > .icon { position: absolute; inset-block: 0; inset-inline-end: 0; display: flex; align-items: center; padding-right: 0.5rem; }}.select-dropdown{position:absolute;z-index:10;margin-top:.25rem;max-height:20rem;width:100%;overflow:auto;border-radius:.375rem;box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);background-color:var(--bg-light)}.select-search{z-index:20;padding:.5rem;position:sticky;top:0;background-color:var(--bg-light);> .input { width: 100%; }}.select-item{position:relative;cursor:default;user-select:none;padding:1rem;&:hover { background-color:var(--bg); } > .content { display:flex; align-items:center; justify-content:space-between; > .info { display:flex; flex-direction:column; > .name-row { display:flex; align-items:center; } > .name { font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } > .deleted { margin-left:0.5rem; font-weight:400; color:var(--text-muted); } > .desc { font-size:0.875rem; color:var(--text-muted); margin-top:0.25rem; } > .categories { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:0.5rem; } svg { width:1rem; height:1rem; } } > .check { margin-left:0.75rem; color:var(--primary); width:1rem; height:1rem; } }}.select-empty{padding:1rem;text-align:center;color:var(--text-muted)}.form-hint{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-muted);> a { font-weight: 500; &:hover { text-decoration: underline; } }}.resource-link-pill{width:fit-content;margin-top:.5rem}.duration-row{display:flex;flex-direction:column;gap:1rem}.duration-field{display:flex;flex-direction:column;gap:.25rem;width:100%;> .input { width: 100%; } > label { font-size: 0.75rem; color: var(--text-muted); } > .input.is-invalid { border-color: var(--red); } > .error { color: var(--red); font-size: 0.875rem; margin-top: 0.25rem; }}.delete-zone{display:flex;flex-direction:column;gap:1rem;align-items:center;background-color:var(--bg-light);color:var(--red);border-radius:.25rem;border:1px solid var(--bg-dark);padding:1.5rem;width:100%;> .info { display: flex; flex-direction: column; gap: 0.25rem; > .title { font-weight: 500; } > .desc { font-size: 0.875rem; color: var(--text-muted); } } > button { width: 100%; white-space: nowrap; }}@media(min-width:40rem){.form-actions{flex-direction:row}.form-row{flex-direction:row}.delete-zone{flex-direction:row}.delete-zone>button{width:auto}.duration-row{flex-direction:row}}.error{padding:.5rem;margin:.5rem 0;border-radius:.375rem;border-width:1px;border-color:#ef4444;color:#ef4444;font-size:.875rem}