.work-detail{margin-top:14px;max-width:900px}.work-detail h2{font-size:22px;line-height:1.3}.work-description{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.work-card h3{overflow-wrap:anywhere}.work-card>.primary-button{margin-top:14px}.work-section{border-top:1px solid #e0ebf2;margin-top:20px;padding-top:16px}.work-section summary{font-weight:750;cursor:pointer;padding:8px 0}.work-section .compact-item{margin-top:8px}.work-section small{display:block;color:#64748b;margin-top:5px}.work-form{display:grid;gap:12px;margin-top:16px}.work-form .field-label{display:grid;gap:7px;font-size:13px}.work-form textarea{margin:0}.work-actions{display:grid;gap:12px;margin-top:16px}.work-warning{background:#fff4e6;border:1px solid #fed7aa;padding:12px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.work-pause{background:#eff6ff;border-radius:12px;padding:14px;line-height:1.5}.work-access{white-space:pre-wrap;overflow-wrap:anywhere;background:#eff6ff;border-radius:12px;padding:14px}.plan-row{display:grid;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:10px}.milestone{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px 0;border-bottom:1px solid #e2e8f0}.milestone h4{margin:0;overflow-wrap:anywhere}.milestone p{color:#64748b;font-size:13px;margin:7px 0}.milestone-number{border-radius:50%;background:#eaf7ff;width:28px;height:28px;text-align:center;line-height:28px;font-weight:750;color:#12649f}.milestone.done .milestone-number{background:#dcfce7;color:#15803d}.work-progress{height:6px;background:#e2e8f0;border-radius:5px;overflow:hidden}.work-progress i{display:block;background:#22a38b;height:100%}.milestone .button-row{margin-top:12px}.work-detail input,.work-detail textarea{min-width:0}#bitrix-import{margin-top:16px}
@media(max-width:720px){.work-detail{padding:16px}.work-detail h2{font-size:19px}.work-actions button,.milestone button,.work-section>button{width:100%;min-height:44px}.work-form .form-grid{grid-template-columns:1fr}.milestone .button-row{display:grid}.work-section>input{font-size:12px}.work-card>.primary-button{width:100%}}
.stack-choice { display:flex; align-items:flex-start; gap:10px; min-height:44px; padding:10px 0; cursor:pointer; }
.stack-choice input[type=checkbox] { flex:0 0 20px; width:20px; height:20px; margin:2px 0 0; }
.stack-choice span { min-width:0; overflow-wrap:anywhere; }
.task-questionnaire{border-top:1px solid #e0ebf2;margin-top:20px;padding-top:16px;min-width:0}.task-questionnaire h4{margin:20px 0 12px}.q-field{min-width:0;margin:14px 0}.q-field>.field-label{display:grid;gap:9px;font-weight:600}.q-field input,.q-field textarea{min-width:0;max-width:100%}.q-field .check{font-weight:400;align-items:flex-start}.q-field .check span{overflow-wrap:anywhere}.q-custom{margin-top:10px;font-weight:400}.q-row{background:#f5f9fc;border:1px solid #dce7f0;border-radius:14px;padding:12px;margin:10px 0}.q-task-section{margin:16px 0;border:1px solid #dce7f0;border-radius:14px;padding:12px}.q-task-section>summary{font-weight:750;cursor:pointer;min-height:30px;overflow-wrap:anywhere}.q-comment-item{margin-bottom:12px}.q-comment-item textarea{margin-top:8px}.task-questionnaire button{min-height:44px}.task-questionnaire .hidden{display:none!important}@media(max-width:720px){.task-questionnaire .checkbox-grid{grid-template-columns:minmax(0,1fr)}.task-questionnaire .q-field input:not([type=checkbox]),.task-questionnaire textarea{font-size:16px}.task-questionnaire button{width:100%}}
.competency-level input[type="range"] { width:100%; min-height:44px; accent-color:var(--primary,#16786d); padding:0; }
.competency-level output { font-weight:700; }
.level-scale { display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.payment-details,.minimum-level { display:grid; gap:14px; margin:14px 0; }
.task-description { white-space:pre-wrap; overflow-wrap:anywhere; }
.task-context { overflow-wrap:anywhere; }
.task-head>div { min-width:0; }
.task-head .badge { white-space:normal; overflow-wrap:anywhere; max-width:100%; }
.performer-details { min-width:0; overflow-wrap:anywhere; }
#refresh-button { display:block; flex:none; min-width:44px; min-height:44px; }
.app-version { margin:5px 0 0; color:#64748b; font-size:11px; overflow-wrap:anywhere; }
.update-notice { position:fixed; z-index:25; left:12px; right:12px; bottom:90px; padding:14px; border:1px solid #93c5fd; background:#eff6ff; border-radius:14px; display:flex; gap:12px; align-items:center; box-shadow:0 8px 24px #1233; }
.update-notice span { flex:1; min-width:0; font-size:13px; }
.update-notice button { min-height:44px; flex:none; }
.update-notice>div { display:grid; gap:6px; }