.intake-connection { display:flex; align-items:center; gap:16px; border:1px solid #dce7f7; background:#eef4fd; border-radius:14px; padding:20px; margin-bottom:18px; }
.intake-connection > span { display:grid; place-items:center; width:44px; height:44px; border-radius:13px; background:#dce9fc; color:#6b95d0; font-size:22px; flex-shrink:0; }
.intake-connection strong { color:#47688f; font-size:12px; }
.intake-connection p { margin:7px 0 0; font-size:10px; color:#8198b5; line-height:1.8; }
.intake-worker-strip { display:flex; align-items:center; gap:10px; margin:23px 0; color:#7790b2; font-size:11px; }
.intake-worker-strip > span { background:#fff; border:1px solid #e5ecf6; border-radius:8px; padding:7px 13px; color:#53729b; }
.intake-worker-strip > button { margin-right:auto; }
.intake-toolbar { display:flex; gap:12px; align-items:center; margin-bottom:18px; }
.intake-toolbar .search-box { flex:1; background:#fff; }
.intake-toolbar input { width:100%; }
.intake-toolbar select { background:#fff; border:1px solid var(--line); color:#7b91ac; padding:10px; border-radius:9px; font:inherit; font-size:10px; }
.intake-toolbar > span { font-size:10px; color:#95a6bd; }
.intake-list { display:flex; flex-direction:column; gap:14px; }
.intake-rectangle { border:1px solid #e2e9f4; border-right:4px solid #e4bb70; background:#fff; border-radius:14px; padding:22px; display:flex; align-items:center; gap:18px; min-width:0; }
.intake-rectangle.review { border-right-color:#c3956a; }
.intake-rectangle.sorted { border-right-color:#82bba4; }
.intake-rect-icon { width:46px; height:46px; flex-shrink:0; display:grid; place-items:center; background:#fff8e9; color:#d1ae6a; font-size:25px; border-radius:12px; }
.intake-rectangle.sorted .intake-rect-icon { background:#eff8f3; color:#7fa58f; }
.intake-rect-main { flex:1; min-width:0; }
.intake-state { background:#fff6e4; color:#b58f4c; border-radius:5px; padding:4px 7px; font-size:8px; }
.sorted .intake-state { background:#eef8f1; color:#71a08a; }
.intake-rectangle h2 { font-family:'Space Grotesk','IBM Plex Sans Arabic',sans-serif; font-size:17px; color:#436184; margin:11px 0 6px; text-align:right; overflow-wrap:anywhere; }
.intake-rectangle p { font-size:10px; color:#8ca1bc; margin:0 0 10px; text-align:right; overflow-wrap:anywhere; }
.intake-rect-meta { display:flex; gap:12px; flex-wrap:wrap; color:#8297b2; font-size:9px; }
.intake-rect-meta > span + span { border-right:1px solid #e7eef6; padding-right:12px; }
.intake-rect-main > small { display:block; color:#7ba58f; font-size:10px; margin-top:11px; }
.intake-rectangle > button { flex-shrink:0; min-height:40px; }
.intake-empty { border:1px dashed #d7e3f3; border-radius:16px; text-align:center; padding:60px 22px; background:#ffffff80; }
.intake-empty > span { font-size:43px; color:#a9bfda; }
.intake-empty h2 { font-size:20px; color:#6f8daf; margin:15px 0 10px; }
.intake-empty p { font-size:11px; color:#93a7c0; line-height:1.9; max-width:450px; margin:0 auto 24px; }
.intake-batch-preview { max-height:300px; overflow-y:auto; margin:20px 0; border:1px solid #e9eef5; border-radius:12px; }
.intake-batch-preview > div { padding:14px; border-bottom:1px solid #edf2f7; }
.intake-batch-preview strong { color:#6e86a6; font-size:11px; }
.intake-batch-preview small { display:block; margin-top:5px; color:#9baaBD; font-size:9px; }
.intake-form-error { font-size:11px!important; color:#b87767!important; min-height:16px; }
@media(max-width:720px) { .intake-connection { padding:16px; gap:12px; } .intake-worker-strip { flex-wrap:wrap; gap:7px; } .intake-toolbar { flex-wrap:wrap; } .intake-toolbar .search-box { flex-basis:100%; } .intake-toolbar > span { margin-right:auto; } .intake-rectangle { flex-wrap:wrap; gap:12px; padding:18px; } .intake-rect-icon { width:36px; height:36px; } .intake-rectangle > button { margin-right:48px; width:calc(100% - 48px); } .intake-rectangle h2 { font-size:15px; } #page-intake .page-heading { flex-wrap:wrap; gap:16px; } }