.app { background:#f7f8fa; color:#1d2330; border:1px solid #d9dde5; border-radius:10px; font:13px/1.45 -apple-system,system-ui,sans-serif; overflow:hidden; }
  .app .top { background:#1d2330; color:#cfd6e4; padding:9px 14px; display:flex; gap:18px; align-items:center; font-size:13px; }
  .app .top .logo { color:#fff; font-weight:700; margin-right:10px; }
  .app .top .on { color:#fff; border-bottom:2px solid #6aa7ff; padding-bottom:2px; }
  .app .top .search { margin-left:auto; background:#2b3345; border-radius:6px; padding:3px 10px; color:#8a93a6; font-size:12px; }
  .app .body { display:flex; min-height:640px; }
  .app .side { width:34%; border-right:1px solid #d9dde5; background:#fff; }
  .app .filters { padding:8px 10px; border-bottom:1px solid #e6e9ef; display:flex; flex-wrap:wrap; gap:4px; }
  .chip { font-size:11px; padding:2px 8px; border-radius:10px; background:#eef1f6; color:#3a4357; }
  .chip.on { background:#1d2330; color:#fff; }
  .row { padding:8px 10px; border-bottom:1px solid #eef0f4; }
  .row.sel { background:#e8f0ff; border-left:3px solid #2f6fe0; }
  .row .t { font-weight:600; }
  .row small { color:#6b7385; }
  .pill { display:inline-block; font-size:10.5px; padding:1px 7px; border-radius:10px; margin-right:4px; font-weight:600; }
  .up { background:#e3f5e8; color:#1f7a3a; } .hire { background:#fff1dc; color:#8a5a00; } .req { background:#e5eeff; color:#2453a6; } .ru { background:#f3e8ff; color:#6b2fa3; }
  .det { flex:1; padding:14px 18px; overflow:hidden; }
  .det h3 { margin:0 0 2px; font-size:17px; }
  .meta { color:#6b7385; font-size:12px; margin-bottom:10px; }
  .score { display:inline-block; background:#1f7a3a; color:#fff; border-radius:6px; padding:1px 8px; font-weight:700; font-size:12px; }
  .grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
  .box { background:#fff; border:1px solid #e1e5ec; border-radius:8px; padding:9px 11px; }
  .box h4 { margin:0 0 5px; font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:#6b7385; }
  .box.full { grid-column:1 / -1; }
  .ok { color:#1f7a3a; font-weight:600; } .mid { color:#8a5a00; font-weight:600; } .warn { color:#b25b00; }
  .draft { background:#fbfbfd; border:1px dashed #c4cad6; border-radius:6px; padding:8px 10px; font-family:ui-monospace,Menlo,monospace; font-size:12px; white-space:pre-wrap; color:#2a3142; }
  .acts { display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; }
  .btn { border-radius:6px; padding:5px 11px; font-size:12px; font-weight:600; border:1px solid #c9cfda; background:#fff; color:#1d2330; }
  .btn.pri { background:#2f6fe0; border-color:#2f6fe0; color:#fff; }
  .tl { font-size:12px; color:#3a4357; } .tl div { padding:2px 0; }
  .tgpush { background:#0e1621; color:#e9edf1; border-radius:12px; padding:10px 12px; font:13px/1.45 -apple-system,system-ui,sans-serif; max-width:330px; }
  .tgpush .b { display:inline-block; margin-top:6px; background:#22344a; border-radius:7px; padding:4px 10px; color:#9fd0ff; font-size:12px; }
  .note { font-size:12px; color:#6b7385; margin-top:6px; }

  body { margin:0; background:#f7f8fa; }
  .app { border:0; border-radius:0; min-height:100vh; }
  .top .logout { margin-left:auto; } .linkbtn { background:none; border:0; color:#cfd6e4; cursor:pointer; font:inherit; }
  .login { display:flex; justify-content:center; padding:60px 14px; }
  .login .box { width:100%; max-width:320px; }
  .login input[type=password] { width:100%; box-sizing:border-box; margin-top:4px; padding:6px 8px; border:1px solid #c9cfda; border-radius:6px; font:inherit; }
  .login .warn { margin:0 0 8px; }

  /* Входящие */
  .top .off { color:#6f7a90; cursor:default; }
  .top .search { margin-left:auto; margin-right:0; }
  .top .search input { background:#2b3345; border:0; border-radius:6px; padding:3px 10px; color:#e9edf1; font:inherit; font-size:12px; width:200px; }
  .top .search + .logout { margin-left:0; }
  a { color:#2453a6; }
  a.chip, a.row { text-decoration:none; color:inherit; }
  a.row { display:block; } a.chip { color:#3a4357; } a.chip.on { color:#fff; }
  .det { min-width:0; overflow-wrap:anywhere; }
  .banner { background:#fff1dc; border:1px solid #f0cf94; color:#7a4d00; border-radius:8px; padding:7px 11px; margin-bottom:10px; font-weight:600; }
  .box details.full summary { cursor:pointer; color:#2453a6; margin-top:6px; }
  .box details.full .draft { margin-top:6px; max-height:360px; overflow:auto; }
  .subj, textarea.draft { width:100%; box-sizing:border-box; border:1px dashed #c4cad6; border-radius:6px; background:#fbfbfd; font-family:ui-monospace,Menlo,monospace; font-size:12px; color:#2a3142; padding:6px 10px; }
  .subj { margin-bottom:6px; border-style:solid; }
  textarea.draft { resize:vertical; white-space:pre-wrap; }
  .mbox { margin-top:8px; font-size:12px; } .mbox select { font:inherit; padding:2px 4px; }
  .acts form { margin:0; display:inline; }
  .acts .btn, .rej .btn { font-family:inherit; cursor:pointer; text-decoration:none; display:inline-block; }
  .acts a.btn { color:#1d2330; }
  .rej { position:relative; } .rej summary { list-style:none; } .rej summary::-webkit-details-marker { display:none; }
  .rej form { display:flex; gap:4px; flex-wrap:wrap; margin-top:6px; }
  .top .search input::placeholder { color:#8a93a6; }
  .app .top { flex-wrap:wrap; }
  @media (max-width: 640px) {
    .app .body { flex-direction:column; min-height:0; }
    .app .side { width:auto; border-right:0; border-bottom:1px solid #d9dde5; max-height:40vh; overflow:auto; }
    .grid { grid-template-columns:1fr; }
    .det { padding:12px; }
    .top .search { margin-left:0; width:100%; } .top .search input { width:100%; box-sizing:border-box; }
    .app .top { gap:10px 14px; }
  }