/* Service management */
.svc-wrap { overflow-x: auto; }
.svc-tbl td, .svc-tbl th { white-space: normal; vertical-align: top; }
.svc-tbl td.nowrap { white-space: nowrap; }
.svc-p { display: inline-block; font-size: 11px; font-weight: 700; border-radius: 4px; padding: 1px 5px; margin-right: 4px; background: #e8eef4; color: #3c5066; }
.svc-p.p1 { background: #d23b3b; color: #fff; } .svc-p.p2 { background: #f0a020; color: #fff; }
.svc-body { white-space: normal; line-height: 1.55; margin: 0; }
.svc-thread { list-style: none; margin: 0; padding: 0; } .svc-thread li { padding: 10px 16px; border-bottom: 1px solid #eef2f6; font-size: 14px; } .svc-thread li div { margin-top: 3px; }
.svc-thread li.is-status, .svc-thread li.is-system { background: #f8fafc; color: #3c5066; font-size: 13px; }
.svc-reply { padding: 12px 16px; }
.svc-board { display: grid; grid-template-columns: repeat(4, minmax(220px, 1fr)); gap: 12px; overflow-x: auto; }
.svc-col { background: #f3f6f9; border-radius: 10px; padding: 10px; display: grid; gap: 8px; align-content: start; } .svc-col h4 { margin: 0 0 4px; font-size: 13px; text-transform: uppercase; letter-spacing: .04em; color: #3c5066; }
.svc-card { display: grid; gap: 3px; background: #fff; border: 1px solid #e1e8f0; border-radius: 8px; padding: 10px; color: inherit; text-decoration: none; } .svc-card:hover { border-color: #0a6fd2; }
.svc-card .v { font-size: 12px; color: #5f7184; } .svc-card .v.is-mine { color: #0a6fd2; font-weight: 700; }
.svc-md { line-height: 1.6; } .svc-md h1, .svc-md h2, .svc-md h3 { margin: 14px 0 6px; font-size: 17px; } .svc-md ul, .svc-md ol { padding-left: 20px; } .svc-md code { background: #f1f5f9; padding: 1px 4px; border-radius: 4px; }
.svc-search { display: flex; gap: 8px; align-items: center; background: #fff; border: 1px solid #dbe3ec; border-radius: 10px; padding: 8px 12px; } .svc-search input { flex: 1; border: 0; outline: 0; font-size: 15px; }
.svc-bar { height: 4px; background: #eef2f6; border-radius: 2px; margin-top: 4px; max-width: 160px; } .svc-bar i { display: block; height: 4px; background: #12a57a; border-radius: 2px; }
.svc-lessons { margin: 0; padding-left: 20px; display: grid; gap: 8px; } .svc-lessons li > div:first-child { display: grid; } .svc-lessons li { padding: 6px 0; border-bottom: 1px solid #eef2f6; }
.svc-lessons .act { display: flex; gap: 6px; align-items: center; margin-top: 4px; } .svc-lessons .act form { display: inline; } .svc-lessons li.is-done b { color: #0d7f5e; }
.svc-quiz fieldset { border: 1px solid #e1e8f0; border-radius: 8px; padding: 10px 12px; margin: 0 0 10px; } .svc-quiz legend { font-weight: 600; padding: 0 4px; } .svc-quiz label { display: block; padding: 3px 0; font-size: 14px; }
.svc-phases { display: flex; flex-wrap: wrap; gap: 2px; } .svc-phases span { font-size: 11px; padding: 2px 6px; background: #eef2f6; color: #8193a6; border-radius: 3px; } .svc-phases span.on { background: #0a6fd2; color: #fff; }
.svc-phases.big span { font-size: 13px; padding: 6px 12px; flex: 1; text-align: center; }
.svc-checks { display: grid; gap: 6px; margin-bottom: 10px; font-size: 14px; }
.svc-dl { display: grid; grid-template-columns: max-content 1fr; gap: 5px 12px; margin: 0; font-size: 14px; } .svc-dl dt { color: #5f7184; } .svc-dl dd { margin: 0; }
.svc-errs { margin: 0; padding-left: 18px; color: #b42318; font-size: 13px; }
.svc-mods { display: flex; flex-wrap: wrap; gap: 6px; padding: 12px 14px; }
.svc-inline { display: inline-flex; gap: 6px; align-items: center; } .svc-inline input { height: 36px; border: 1px solid #cfd8e3; border-radius: 6px; padding: 0 8px; }
@media (max-width: 900px) { .svc-board { grid-template-columns: repeat(4, 240px); } }