/* ITEM FORM, DETAIL, SEARCH */
#usk-post, #usk-item, #usk-search, [data-usk-picker] {box-sizing:border-box;}
#usk-post *, #usk-item *, #usk-search *, [data-usk-picker] * {box-sizing:border-box;}
#usk-post {display:inline-block;width:100%;margin:0 0 16px 0;}
#usk-post [data-usk-picker] {box-shadow:none;margin:0 0 18px 0;}
#usk-post [data-usk-picker]:last-child {margin-bottom:0;}
#usk-post h3 {margin:0 0 8px;color:var(--mb-color1, #1c1c1c);font-size:16px;font-weight:700;line-height:1.3;}
[data-usk-picker] .usk-combobox {position:relative;margin-bottom:10px;}
[data-usk-picker] .usk-token-field {position:relative;}
[data-usk-picker] .usk-token-list {display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%;min-height:40px;padding:4px 6px;border:var(--mb-input-border, 1px solid #7e838d);border-radius:var(--mb-input-border-radius, 8px);background:#fff;}
[data-usk-picker] .usk-token-list:focus-within {border-color:var(--mb-color-secondary, #7e838d);}
[data-usk-picker] .usk-chip {display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:28px;padding:0 8px;border:1px solid rgba(0,0,0,0.15);border-radius:6px;background:var(--mb-color-secondary-lighter, #f5f5f5);color:var(--mb-color2, #2c2c2c);font-size:13px;}
[data-usk-picker] .usk-chip span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
[data-usk-picker] .usk-remove-chip, [data-usk-picker] .usk-remove-row {display:inline-flex;align-items:center;justify-content:center;position:static;top:auto;right:auto;width:22px;height:22px;padding:0;border:0;background:transparent;color:var(--mb-color5, #222);cursor:pointer;font-size:16px;line-height:1;}
[data-usk-picker] .usk-picker-input {flex:1 1 140px;min-width:120px;height:32px;border:0;outline:0;background:transparent;color:var(--mb-color1, #1c1c1c);font-size:14px;}
[data-usk-picker] .usk-picker-input::placeholder {color:var(--mb-color8, #8c8c8c);opacity:1;}
[data-usk-picker] .usk-suggestions {position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;display:none;max-height:260px;overflow:auto;border:var(--mb-input-border, 1px solid #7e838d);border-radius:var(--mb-input-border-radius, 8px);background:#fff;box-shadow:var(--mb-shadow, 0 1px 8px rgba(0,0,0,0.12));}
[data-usk-picker] .usk-suggestions.active {display:block;}
[data-usk-picker] .usk-suggestion-group > span {display:block;padding:8px 12px 4px;color:var(--mb-color6, #6c6c6c);font-size:11px;font-weight:700;text-transform:uppercase;}
[data-usk-picker] .usk-most-used-group {padding:8px 12px;}
[data-usk-picker] .usk-most-used-group > span {padding:0 0 8px;}
[data-usk-picker] .usk-pill-list {display:flex;flex-wrap:wrap;gap:6px;}
[data-usk-picker] .usk-suggestion {display:block;width:100%;min-height:36px;padding:8px 12px;border:0;border-top:1px solid var(--mb-color13, #ececec);background:#fff;color:var(--mb-color1, #1c1c1c);cursor:pointer;font-size:14px;text-align:left;}
[data-usk-picker] .usk-most-used-group .usk-suggestion {display:inline-flex;align-items:center;width:auto;min-height:28px;padding:4px 10px;border:1px solid rgba(0,0,0,0.15);border-radius:100px;background:var(--mb-color-secondary-lighter, #f5f5f5);font-size:13px;}
[data-usk-picker] .usk-suggestion:hover, [data-usk-picker] .usk-suggestion:focus {background:var(--mb-color-secondary-light, #f0f0f0);}
[data-usk-picker] .usk-no-results, [data-usk-picker] .usk-loading {display:none;padding:10px 12px;color:var(--mb-color6, #6c6c6c);font-size:13px;}
[data-usk-picker] .usk-selected-list {display:flex;flex-direction:column;gap:8px;}
[data-usk-picker] .usk-selected-row {display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 8px;border:1px solid var(--mb-color12, #dcdcdc);border-radius:var(--mb-input-border-radius, 8px);background:var(--mb-color-secondary-lighter, #f7f7f7);}
[data-usk-picker] .usk-row-title {flex:1 1 80px;min-width:0;overflow:hidden;color:var(--mb-color1, #1c1c1c);font-size:14px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;}
[data-usk-picker] .usk-level-select {flex:1 1 140px;max-width:220px;min-width:0;width:auto;height:40px;min-height:40px;padding:0 10px;border:var(--mb-input-border, 1px solid #7e838d);border-radius:var(--mb-input-border-radius, 8px);background:#fff;color:var(--mb-color1, #1c1c1c);font-size:14px;}
[data-usk-picker] .usk-empty {display:none;margin:6px 0 0;padding:0;border:0;background:transparent;text-align:left;color:var(--mb-color6, #6c6c6c);font-size:13px;}

#usk-item {display:inline-block;width:100%;margin:0 0 16px 0;}
#usk-item h2 {margin:0 0 10px;font-size:16px;line-height:1.3;color:var(--mb-color1, #1c1c1c);}
#usk-item h3 {margin:0 0 8px;font-size:14px;line-height:1.3;color:var(--mb-color3, #3c3c3c);}
#usk-item .usk-detail-block + .usk-detail-block {margin-top:14px;}
#usk-item ul {display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;}
#usk-item li {display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid rgba(0,0,0,0.15);border-radius:100px;background:var(--mb-color-secondary-lighter, #f7f7f7);color:var(--mb-color2, #2c2c2c);font-size:13px;}
#usk-item li small {color:var(--mb-color6, #6c6c6c);font-size:12px;}
#usk-search {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;width:100%;margin:0 0 12px 0;}
#usk-search .usk-search-picker .usk-token-list {min-height:40px;}
html[mode="dark"] [data-usk-picker] .usk-token-list, html[mode="dark"] [data-usk-picker] .usk-level-select, html[mode="dark"] [data-usk-picker] .usk-suggestions, html[mode="dark"] [data-usk-picker] .usk-suggestion {background:var(--mb-color-dark7, #2a2f38);color:var(--mb-color-dark23, #e6eaf1);border-color:var(--mb-color-dark11, #4a505c);}
html[mode="dark"] [data-usk-picker] .usk-chip, html[mode="dark"] [data-usk-picker] .usk-most-used-group .usk-suggestion, html[mode="dark"] [data-usk-picker] .usk-selected-row, html[mode="dark"] #usk-item li {background:var(--mb-color-dark5, #2a3038);border-color:var(--mb-color-dark11, #4a505c);color:var(--mb-color-dark23, #e6eaf1);}
html[mode="dark"] [data-usk-picker] .usk-suggestion:hover, html[mode="dark"] [data-usk-picker] .usk-suggestion:focus {background:var(--mb-color-dark8, #323844);}
html[mode="dark"] [data-usk-picker] .usk-row-title, html[mode="dark"] #usk-post h3, html[mode="dark"] #usk-item h2 {color:var(--mb-color-dark23, #e6eaf1);}

@media screen and (max-width: 767px) {
 [data-usk-picker] .usk-selected-row {flex-wrap:wrap;}
 [data-usk-picker] .usk-row-title, [data-usk-picker] .usk-level-select {flex:1 1 calc(100% - 30px);max-width:none;}
 [data-usk-picker] .usk-remove-row {margin-left:auto;}
 #usk-search {grid-template-columns:1fr;}
}