*{box-sizing:border-box}body{margin:0;background:#151722;color:#eee;font:14px Segoe UI,Arial,sans-serif}button,input,select{font:inherit;background:#24283a;color:#fff;border:1px solid #3a4058;border-radius:9px;padding:10px 12px}button{cursor:pointer}button:hover{background:#30364c}header{height:62px;padding:0 22px;display:flex;align-items:center;gap:18px;background:#1d2030;border-bottom:1px solid #30364b}header span{color:#9da4bf;flex:1}.hidden{display:none!important}.auth{width:420px;max-width:92%;margin:70px auto;padding:28px;background:#1e2232;border:1px solid #30364b;border-radius:18px}.auth h1{text-align:center;letter-spacing:3px}.auth form{display:flex;flex-direction:column;gap:12px}.auth label{color:#aeb5cc}.auth .error{color:#ff7777;margin:0}.hint{color:#969eb8;font-size:13px;line-height:1.5}nav{padding:12px 22px;background:#191c2a;display:flex;gap:8px;border-bottom:1px solid #30364b}nav button{background:transparent}.page{padding:22px}.grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card,.task{background:#1e2232;border:1px solid #30364b;border-radius:15px;padding:16px}.card strong{font-size:28px;display:block;margin-top:6px}.muted{color:#929ab7}.tasktop{display:flex;justify-content:space-between;gap:10px}.items{display:flex;gap:9px;flex-wrap:wrap;margin:14px 0}.item{width:38px;height:38px;padding:0}.item.working{background:#ffd400;color:#111;border-color:#ffd400}.item.done{background:#00c853;border-color:#00c853}.meta{color:#aab0c5;line-height:1.7}.badge{padding:4px 8px;border-radius:8px;font-size:12px}.p-low{background:#384052}.p-normal{background:#263c62}.p-high{background:#735c1d}.p-urgent{background:#762b2b}.create{display:grid;grid-template-columns:2fr 90px 150px 130px auto;gap:8px;margin-bottom:15px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}table{width:100%;border-collapse:collapse;background:#1e2232}th,td{padding:11px;border-bottom:1px solid #30364b;text-align:left}.code{font-size:22px;letter-spacing:3px;background:#121521;padding:12px;border-radius:8px;word-break:break-all}.success{color:#62e6a0}@media(max-width:800px){.create{grid-template-columns:1fr}.auth{margin-top:30px}}

button.danger{border-color:#7b3030;background:#3a2025;color:#ffd8d8}button.danger:hover{background:#54262c}
.modalBackdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}
.modal{width:min(560px,96vw);background:#1e2232;border:1px solid #3a4058;border-radius:16px;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.45)}
.modal label{display:block;margin:10px 0 5px;color:#aeb6d0}.modal input,.modal select{width:100%}.machineChecks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.machineChecks .check{border:1px solid #343a52;border-radius:9px;padding:9px;margin:0}.machineChecks input{width:auto}.modalActions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}

.session-clock{margin-left:18px;padding:4px 8px;border:1px solid #38405a;border-radius:7px;color:#cbd3ee;font-size:12px}

.machineTabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.machineTab{border:1px solid #3a425c;background:#1d2234;color:#dbe2ff;padding:10px 18px;border-radius:8px;cursor:pointer}
.machineTab:hover{border-color:#6673a3}
.machineTab.active{background:#303a5c;border-color:#8ea0e8;box-shadow:0 0 0 1px #8ea0e8 inset}
.machineChecks.inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.machineChecks.inline .check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}

.queueTask{cursor:grab;transition:transform .12s,opacity .12s,border-color .12s}
.queueTask:active{cursor:grabbing}
.queueTask.dragging{opacity:.45}
.queueTask.dragover{border-color:#8ea0e8;transform:translateY(-3px)}
.taskTitle{display:flex;gap:12px;align-items:flex-start}
.queueNo{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;background:#30384f;color:#fff;font-size:18px;font-weight:800}
.dragHint{margin-top:10px;color:#7f8aa9;font-size:12px}

.queueHint{margin:8px 0 14px;padding:10px 13px;border:1px dashed #4a5475;border-radius:9px;color:#aeb7d2;font-size:13px}
.sortableTask{cursor:grab;transition:transform .12s ease,opacity .12s ease,border-color .12s ease}
.sortableTask:active{cursor:grabbing}
.sortableTask.dragging{opacity:.45;transform:scale(.99)}
.sortableTask.drag-over{border-color:#8ea0e8;box-shadow:0 0 0 2px rgba(142,160,232,.18)}
.taskTitle{display:flex;align-items:flex-start;gap:10px}
.queueNumber{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#303a5c;border:1px solid #56658f;font-size:18px;font-weight:800;color:#f0f3ff}
.taskRight{display:flex;align-items:flex-start;gap:8px}
.queueControls{display:flex;align-items:center;gap:3px}
.queueMove{width:30px;height:30px;padding:0;border-radius:7px;font-size:16px}
.queueDrag{color:#7783a8;font-size:17px;line-height:30px;cursor:grab;user-select:none}
@media(max-width:700px){.queueControls{display:none}.sortableTask{cursor:default}}

.badge.state-new{border-color:#596173;background:#242a36;color:#d9dee8}
.badge.state-working{border-color:#d2a928;background:#4a3d13;color:#ffe58a}
.badge.state-handover{border-color:#c56b2f;background:#4a2d18;color:#ffbf8a}
.badge.state-done{border-color:#3c9b68;background:#173b29;color:#9ff0c4}
.stateLegend{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 16px}
.state-card-new{border-left:3px solid #596173}
.state-card-working{border-left:3px solid #d2a928}
.state-card-handover{border-left:3px solid #c56b2f}
.state-card-done{border-left:3px solid #3c9b68}

.endShiftBtn{
  margin-left:10px;
  border:1px solid #b86a4b;
  background:#3a241d;
  color:#ffd0bd;
  border-radius:8px;
  padding:7px 10px;
  cursor:pointer;
  font-size:12px;
}
.endShiftBtn:hover{background:#4a2a21}


/* v0.2.11.1 — compact role-specific task cards */
.taskGrid{align-items:start}
.compactTask{min-width:0;position:relative}
.compactTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}
.compactTop .taskTitle{min-width:0;flex:1}
.taskTitleText{min-width:0}
.compactTop .taskTitle b{display:block;white-space:normal;overflow-wrap:anywhere;line-height:1.25}
.taskBadges{display:flex;align-items:flex-start;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:150px}
.managerControlsRow{display:flex;justify-content:flex-end;margin-top:8px}
.managerControlsRow .managerControls{width:100%;justify-content:flex-end}
.managerControlsRow .prioritySelect{min-width:95px}

.operatorTaskMeta,.managerSummary{display:flex;gap:14px;flex-wrap:wrap;color:#aab0c5;margin:12px 0 10px;font-size:13px}
.operatorTaskMeta b,.managerSummary b{color:#eef1ff}
.itemsTiles{display:grid;grid-template-columns:repeat(5,minmax(42px,1fr));gap:8px;margin:12px 0}
.itemTile{width:100%;height:48px;padding:0;font-weight:700;border-radius:10px;background:#24283a;border:1px solid #3a4058}
.itemTile:hover{background:#30364c}
.itemTile.working{background:#d2a928;color:#111;border-color:#d2a928}
.itemTile.done{background:#00c853;color:#fff;border-color:#00c853}
.itemTile:disabled{opacity:1;cursor:default}
.operatorProgress{margin-top:8px}
.roleManagerTask{cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
.roleManagerTask:hover{border-color:#55638a;box-shadow:0 7px 24px rgba(0,0,0,.16);transform:translateY(-1px)}
.roleManagerTask.sortableTask{cursor:grab}
.roleManagerTask.sortableTask:active{cursor:grabbing}
@media(max-width:520px){.compactTop{grid-template-columns:1fr}.taskBadges{max-width:none;justify-content:flex-start}.managerControlsRow{justify-content:flex-start}}
.expandHint{margin-top:10px;color:#7883a2;font-size:12px}
.detailHeader{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.detailHeader h3{margin:0 0 5px;font-size:20px}
.detailHeader button{width:36px;height:36px;padding:0}
.taskDetailsModal{width:min(900px,96vw);max-height:88vh;overflow:auto}
.detailBadges{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px}
.detailSource{padding:11px 13px;background:#181c2a;border:1px solid #30364b;border-radius:10px;color:#c8cfe4}
.detailStats{display:flex;gap:18px;flex-wrap:wrap;margin:12px 0 15px;padding:12px 0;border-top:1px solid #30364b;border-bottom:1px solid #30364b;color:#aab0c5}
.detailStats b{color:#fff}
.detailItems{display:flex;flex-direction:column;gap:8px}
.detailItem{display:flex;gap:10px;padding:11px;border:1px solid #30364b;border-radius:10px;background:#1b2030}
.detailItemNo{min-width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#30384f;font-weight:800}
.detailItemBody{min-width:0;flex:1}
.detailLine{display:flex;gap:12px;flex-wrap:wrap;color:#aeb6cf;font-size:13px;line-height:1.5}
.detailLine b{color:#f2f4ff}
.detailDone{border-color:#2d6549}
.detailDone .detailItemNo{background:#00c853;color:#fff}
.detailWorking{border-color:#8a761e}
.detailWorking .detailItemNo{background:#d2a928;color:#111}
.detailNew .detailItemNo{background:#2d3448}
@media(max-width:900px){.itemsTiles{grid-template-columns:repeat(5,minmax(38px,1fr))}.taskDetailsModal{max-height:92vh}}
@media(max-width:600px){.itemsTiles{grid-template-columns:repeat(4,minmax(42px,1fr))}.compactTop{gap:8px}.compactTop .taskTitle b{white-space:normal}.managerSummary,.operatorTaskMeta{gap:8px}}

.managerControls{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.prioritySelect{padding:6px 8px;border-radius:8px;font-size:12px;min-width:95px}.managerControls .queueControls{display:flex;align-items:center;gap:3px}

/* v0.2.11.1 — manager card cleanup: badges never share the title row */
.managerCardHead{display:flex;flex-direction:column;gap:10px;min-width:0}
.managerCardHead .taskTitle{width:100%;min-width:0}
.managerCardHead .taskTitleText{min-width:0;flex:1}
.managerCardHead .taskTitleText b{display:block;overflow-wrap:anywhere;line-height:1.25}
.managerCardHead .taskBadges{width:100%;max-width:none;justify-content:flex-start;align-items:flex-start}
.managerCardHead .badge{white-space:nowrap}
.roleManagerTask .managerControlsRow{margin-top:10px}
.roleManagerTask .managerSummary{margin-top:12px}
@media(max-width:520px){.managerCardHead .taskBadges{gap:6px}.managerCardHead{gap:8px}}

/* v0.2.11.2 — editable Bitrix source for technologists */
.detailSourceEditable label{display:block;margin-bottom:7px;color:#c8cfe4}
.detailSourceEditRow{display:flex;gap:8px;align-items:center}
.detailSourceEditRow input{flex:1;min-width:0}
.detailSourceEditRow button{white-space:nowrap}
.detailSourceEditable .hint{margin:7px 0 0}
@media(max-width:520px){.detailSourceEditRow{flex-direction:column;align-items:stretch}.detailSourceEditRow button{width:100%}}

.operatorSessions{margin-top:10px;padding-top:8px;border-top:1px solid rgba(148,163,184,.18)}
.operatorSessionsTitle{font-size:12px;font-weight:700;margin-bottom:6px;color:#cbd5e1}
.operatorSessionHead,.operatorSession{display:grid;grid-template-columns:minmax(120px,1.3fr) minmax(120px,1fr) minmax(120px,1fr) 90px;gap:8px;align-items:center;font-size:12px;line-height:1.35}
.operatorSessionHead{color:#94a3b8;padding:3px 0 5px}
.operatorSession{padding:5px 0;border-top:1px solid rgba(148,163,184,.10)}
.operatorSessionName{font-weight:600;color:#e2e8f0}
@media (max-width:700px){.operatorSessionHead,.operatorSession{grid-template-columns:1fr 1fr;}.operatorSessionHead span:nth-child(3),.operatorSession span:nth-child(3){display:none}}


/* v0.3.3 — clickable handover dashboard card */
.dashboardAction{cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease;outline:none}
.dashboardAction:hover{transform:translateY(-2px);border-color:#e08a43;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.dashboardAction:focus-visible{box-shadow:0 0 0 2px #e08a43}
.dashboardActionHint{display:block;margin-top:8px;color:#ffbf8a;font-size:12px}
.focusTask{animation:handoverFocus 1.8s ease}
@keyframes handoverFocus{0%,100%{box-shadow:0 0 0 0 rgba(224,138,67,0)}25%,75%{box-shadow:0 0 0 3px rgba(224,138,67,.55)}}

/* v0.3.3.1 — clickable handover dashboard card */
.dashboardAction{cursor:pointer;position:relative;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;background:#24283a}
.dashboardAction:hover{transform:translateY(-2px);border-color:#d17a36;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.dashboardAction:focus-visible{outline:2px solid #8ea0e8;outline-offset:2px}
.dashboardActionHint{display:block;margin-top:10px;color:#d6a16f;font-size:12px}

/* v0.3.3.2 — надежный переход с главной к заданию, переданному смене */
.dashboardAction{cursor:pointer;user-select:none}
.dashboardActionHint{pointer-events:none}
.focusTask{animation:focusTaskPulse 2.5s ease;border-color:#e08a43!important;box-shadow:0 0 0 2px rgba(224,138,67,.35),0 12px 30px rgba(0,0,0,.25)!important}
@keyframes focusTaskPulse{0%,100%{transform:scale(1)}20%,60%{transform:scale(1.012)}}


/* v0.4.0 — production dashboard */
.dashboardPage{max-width:1500px;margin:0 auto}
.dashboardHero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.dashboardHero h2{margin:0 0 5px;font-size:30px}
.dashboardHero p{margin:0;color:#8f98b5}
.dashboardTime{padding:8px 12px;border:1px solid #343b56;border-radius:9px;color:#cbd3ee;background:#1b2030;font-size:13px}
.dashboardStats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:22px}
.dashboardStat{position:relative;min-height:112px;padding:17px 18px;background:#1e2232;border:1px solid #30364b;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .12s,border-color .12s,box-shadow .12s}
.dashboardStat span{color:#aeb6cf;font-size:14px}
.dashboardStat strong{font-size:34px;line-height:1;color:#f1f3fb}
.dashboardStat.state-new{border-left:4px solid #596173}
.dashboardStat.state-working{border-left:4px solid #d2a928}
.dashboardStat.state-handover{border-left:4px solid #c56b2f}
.dashboardStat.state-done{border-left:4px solid #3c9b68}
.dashboardStat.attentionStat{cursor:pointer}
.dashboardStat.attentionStat:hover{transform:translateY(-2px);border-color:#e08a43;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.dashboardStat small{position:absolute;right:14px;bottom:13px;color:#ffbf8a;font-size:11px}
.dashboardSection{margin-top:18px;background:#191d2b;border:1px solid #2e354b;border-radius:15px;padding:16px}
.sectionHeader{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin-bottom:12px}
.sectionHeader h3{margin:0 0 4px;font-size:19px}
.sectionHeader p{margin:0;color:#7f89a7;font-size:12px}
.dashboardList,.recentList{display:flex;flex-direction:column;gap:7px}
.dashboardTaskRow{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #30364b;border-radius:11px;background:#1e2232}
.dashboardTaskRow:hover{border-color:#465170}
.dashboardTaskOrder{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#30384f;border:1px solid #4b5779;font-weight:800}
.dashboardTaskMain{min-width:0;display:flex;flex-direction:column;gap:3px}
.dashboardTaskMain b{overflow-wrap:anywhere}
.dashboardTaskMain span{color:#8f98b5;font-size:12px;overflow-wrap:anywhere}
.dashboardTaskRight{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.dashboardLink{padding:7px 10px;border-radius:8px;background:#242c45;border-color:#46557c;color:#dce4ff;font-size:12px;white-space:nowrap}
.dashboardLink:hover{background:#303a5b}
.workingPerson{color:#cbd3ee;font-size:12px}
.emptyState{padding:18px;border:1px dashed #3b435e;border-radius:10px;color:#7f89a7;text-align:center}
.machineStatusGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}
.machineStatusCard{padding:14px;border:1px solid #30364b;border-left:4px solid #596173;border-radius:11px;background:#1e2232;min-height:135px}
.machineStatusCard.clickable{cursor:pointer;transition:transform .12s,border-color .12s,box-shadow .12s}
.machineStatusCard.clickable:hover{transform:translateY(-2px);border-color:#55638a;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.machineStatusCard.working{border-left-color:#d2a928}
.machineStatusCard.handover{border-left-color:#c56b2f}
.machineStatusCard.new{border-left-color:#596173}
.machineStatusCard.free{border-left-color:#3c9b68}
.machineStatusHead{display:flex;justify-content:space-between;align-items:center;font-size:16px}
.machineStateDot{width:9px;height:9px;border-radius:50%;background:#3c9b68}
.machineStatusCard.working .machineStateDot{background:#d2a928}
.machineStatusCard.handover .machineStateDot{background:#c56b2f}
.machineStatusCard.new .machineStateDot{background:#8993ad}
.machineStatusText{margin-top:8px;color:#cbd3ee;font-size:12px}
.machineStatusTask{margin-top:9px;display:flex;flex-direction:column;gap:3px;min-width:0}
.machineStatusTask b{overflow-wrap:anywhere}
.machineStatusTask span{color:#858fac;font-size:11px}
.machineOpenHint{margin-top:8px;color:#9eacd3;font-size:11px}
.recentRow{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border-bottom:1px solid #2c3246}
.recentRow:last-child{border-bottom:0}
.recentCheck{width:25px;height:25px;border-radius:7px;background:#00c853;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex:none}
.recentRow div{min-width:0;display:flex;flex-direction:column;gap:3px}
.recentRow b{overflow-wrap:anywhere}
.recentRow span:not(.recentCheck){color:#858fac;font-size:12px}
.dashboardTaskRow.handover{border-color:#5b402e}
.dashboardTaskRow.working{border-color:#51491f}
@media(max-width:1050px){.dashboardStats{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:720px){.dashboardHero{align-items:flex-start;flex-direction:column}.dashboardStats{grid-template-columns:repeat(2,minmax(140px,1fr))}.dashboardTaskRow{grid-template-columns:36px minmax(0,1fr)}.dashboardTaskRight{grid-column:2;justify-content:flex-start}.dashboardStat{min-height:95px}.dashboardStat strong{font-size:29px}}
@media(max-width:460px){.dashboardStats{grid-template-columns:1fr}.dashboardSection{padding:12px}.dashboardTaskRow{gap:8px}}

/* v0.5.0 — production history */
.historyPage{max-width:1500px;margin:0 auto}
.historyHero{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:18px}
.historyHero h2{margin:0 0 5px;font-size:30px}
.historySection{margin-top:18px;background:#191d2b;border:1px solid #2e354b;border-radius:15px;padding:16px}
.historyTaskList,.shiftHistoryList{display:flex;flex-direction:column;gap:8px}
.historyTaskRow{background:#1e2232;border:1px solid #30364b;border-radius:12px;overflow:hidden}
.historyTaskRow summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 14px}
.historyTaskRow summary::-webkit-details-marker{display:none}
.historyTaskRow summary:hover{background:#23283a}
.historyCheck{width:32px;height:32px;border-radius:9px;background:#00c853;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:white}
.historyTaskMain{min-width:0;display:flex;flex-direction:column;gap:4px}
.historyTaskMain b{overflow-wrap:anywhere}
.historyTaskMain span{color:#929ab7;font-size:12px;overflow-wrap:anywhere}
.historyTaskTime{color:#dce4ff;font-weight:700;white-space:nowrap}
.historyTaskDetails{border-top:1px solid #30364b;padding:13px 16px 15px 66px;display:flex;flex-direction:column;gap:7px;color:#aeb6cf}
.historyTaskDetails>div>span{color:#858fac}
.historySessions{margin-top:7px;border-top:1px solid #30364b;padding-top:10px}
.historySessionsTitle{font-weight:700;color:#e6e9f3;margin-bottom:7px}
.historySession{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) 90px;gap:10px;padding:7px 0;border-bottom:1px solid #2a3042;font-size:12px;align-items:center}
.historySession:last-child{border-bottom:0}
.historySession span{color:#929ab7}
.shiftHistoryRow{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(130px,1fr));gap:12px;align-items:center;background:#1e2232;border:1px solid #30364b;border-radius:12px;padding:13px 14px}
.shiftHistoryRow>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.shiftHistoryRow span{color:#858fac;font-size:11px}
.shiftHistoryRow b{overflow-wrap:anywhere}
@media(max-width:900px){.shiftHistoryRow{grid-template-columns:1fr 1fr}.historySession{grid-template-columns:1fr 1fr}.historyTaskDetails{padding-left:16px}}
@media(max-width:560px){.historyTaskRow summary{grid-template-columns:34px minmax(0,1fr)}.historyTaskTime{grid-column:2}.shiftHistoryRow{grid-template-columns:1fr}.historySession{grid-template-columns:1fr}.historySection{padding:12px}}


/* v0.5.1 — centered first-login button and hidden separator */
.auth hr{display:none}
.auth #activateBtn{display:block;margin:10px auto 0}

.detailActions{display:flex;justify-content:flex-end;margin-top:18px;padding-top:16px;border-top:1px solid #343a52}.detailActions .danger{min-width:180px}


/* v0.5.3 — rolling 24h history + date archive */
.historyHero>button{min-width:120px}
.historyArchiveDates{margin-top:18px;background:#191d2b;border:1px solid #2e354b;border-radius:15px;padding:14px 16px}
.historyArchiveDatesTitle{font-weight:700;color:#e6e9f3;margin-bottom:10px}
.historyDateButtons{display:flex;gap:8px;flex-wrap:wrap}
.historyDateBtn{background:#20263a;color:#bfc7df;border-color:#39435e;padding:8px 12px}
.historyDateBtn.active{background:#303a58;border-color:#7187c6;color:#fff;box-shadow:0 0 0 1px rgba(113,135,198,.2)}
.historyDateBtn:hover{background:#2a324a}

/* v0.5.5 — технолог: размеры листа X/Y и источник Bitrix под названием задания */
.create{
  grid-template-columns:minmax(260px,2fr) 90px 150px 130px 130px;
  grid-template-areas:
    "text qty mach sheetx sheety"
    "bitrix bitrix bitrix create create";
  align-items:center;
}
.createTaskText{grid-area:text}
.create #qty{grid-area:qty}
.create #mach{grid-area:mach}
.create #sheetX{grid-area:sheetx}
.create #sheetY{grid-area:sheety}
.createBitrix{grid-area:bitrix}
.createButton{grid-area:create}
.create input::placeholder{color:#9aa2ba}
@media(max-width:800px){
  .create{grid-template-columns:1fr;grid-template-areas:"text" "qty" "mach" "sheetx" "sheety" "bitrix" "create"}
}

/* v0.5.6 — убрать стрелки у числовых полей */
.create input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.create input[type="number"]::-webkit-inner-spin-button,
.create input[type="number"]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}