.arshin-jobs-layout { display: grid; gap: 1rem; max-width: 1000px; }
.arshin-jobs-notice:empty { display: none; }
.arshin-jobs-notice { margin: 0; padding: .7rem .9rem; border: 1px solid var(--border); border-radius: .5rem; }
.arshin-jobs-controls { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(19rem,100%), 1fr)); gap: 1rem; }
.arshin-jobs-card { min-width: 0; padding: 1rem; border: 1px solid var(--border); border-radius: .7rem; background: var(--surface); }
.arshin-jobs-card h2 { margin: 0 0 .65rem; font-size: 1.05rem; }
.arshin-jobs-form, .arshin-jobs-picker { display: grid; gap: .65rem; }
.arshin-jobs-line { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
.arshin-jobs-line h2 { margin: 0; flex: 1; }
.arshin-jobs-form > .button { justify-self: start; }
.arshin-jobs-picks { display: flex; flex-wrap: wrap; gap: .35rem; max-height: 13rem; overflow: auto; }
.arshin-jobs-picks p { width: 100%; margin: .25rem 0; }
.arshin-jobs-entry { display: flex; align-items: baseline; flex-wrap: wrap; gap: .55rem; padding: .4rem 0; }
.arshin-jobs-entry button { text-align: left; white-space: normal; overflow-wrap: anywhere; }
.arshin-jobs-item { padding: .7rem .2rem; border-bottom: 1px solid var(--border); overflow-wrap: anywhere; }
.arshin-jobs-item summary { cursor: pointer; font-weight: 600; }
.arshin-jobs-item p { margin: .45rem 0; }
.arshin-jobs-diff { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: .35rem .65rem; }
.arshin-jobs-diff dt { font-weight: 600; }
.arshin-jobs-diff dd { margin: 0; }
.arshin-jobs-card [hidden] { display: none; }

.arshin-jobs-search { align-items: end; }
.arshin-jobs-search .field { flex: 1 1 11rem; min-width: 0; }
.arshin-jobs-check { display: flex; align-items: center; gap: .45rem; justify-self: start; }
.arshin-jobs-check input { width: 1rem; height: 1rem; margin: 0; accent-color: var(--accent); }
.arshin-jobs-picks .button { max-width: 100%; white-space: normal; text-align: left; overflow-wrap: anywhere; }