[data-journey-workspace] { color: #edf7f7; }
.journey-work-lead { margin-bottom: 18px; }
.journey-work-lead > span,
.journey-work-generic > span,
.journey-work-files-head small,
.journey-work-offer > span { color: #abc9cc; font-size: .62rem; font-weight: 790; letter-spacing: .13em; }
.journey-work-lead h3, .journey-work-generic h3 { margin: 5px 0 6px; font-size: clamp(1.1rem, 1.65vw, 1.45rem); font-weight: 570; }
.journey-work-lead p, .journey-work-generic > p { max-width: 690px; margin: 0; color: #afc4c7; font-size: .77rem; line-height: 1.55; }
.journey-work-drop { display: grid; justify-items: center; gap: 7px; padding: 23px 16px; border: 1px dashed rgba(200, 236, 238, .53); border-radius: 13px; background: linear-gradient(145deg, rgba(225, 249, 249, .09), rgba(136, 194, 201, .025)); transition: background .2s ease, border-color .2s ease; }
.journey-work-drop.is-over { border-color: #fff; background: rgba(210, 248, 249, .18); }
.journey-work-drop > span { color: #e2f5f6; font-size: 1.6rem; line-height: 1; }
.journey-work-drop strong { font-size: .85rem; font-weight: 610; }
.journey-work-drop small { color: #a4babc; font-size: .69rem; }
.journey-work-drop input { width: min(100%, 340px); margin-top: 5px; padding: 4px; border: 0; border-radius: 7px; background: transparent !important; color: #dceff0; color-scheme: dark; font-size: .7rem; }
.journey-work-drop input::file-selector-button { margin-right: 12px; padding: 8px 11px; border: 1px solid rgba(221, 247, 248, .4); border-radius: 7px; background: rgba(216, 243, 244, .13); color: #f6ffff; cursor: pointer; }
.journey-work-files { padding: 15px; border: 1px solid rgba(207, 236, 238, .22); border-radius: 12px; background: rgba(4, 16, 20, .27); }
.journey-work-files-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.journey-work-files-head > div { display: grid; gap: 4px; }
.journey-work-files-head strong { font-size: .83rem; font-weight: 600; }
.journey-work-files-head button, .journey-work-route { padding: 8px 10px; border: 1px solid rgba(206, 237, 239, .35); border-radius: 7px; background: rgba(218, 244, 245, .07); color: #ebfbfb; cursor: pointer; font-size: .7rem; }
.journey-work-file-list { display: grid; gap: 7px; max-height: 180px; overflow-y: auto; }
.journey-work-file { display: grid; grid-template-columns: 39px minmax(0, 1fr) 135px; align-items: center; gap: 10px; padding: 9px; border: 1px solid rgba(206, 236, 238, .11); border-radius: 8px; background: rgba(235, 252, 253, .045); }
.journey-work-file-icon { display: grid; place-items: center; width: 36px; height: 38px; border: 1px solid rgba(206, 237, 239, .28); border-radius: 6px; color: #d8f3f3; font-size: .52rem; font-weight: 760; }
.journey-work-file > div { display: grid; min-width: 0; gap: 3px; }
.journey-work-file > div strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; font-weight: 580; }
.journey-work-file small, .journey-work-file label { color: #9eb6b9; font-size: .62rem; }
.journey-work-file label { display: grid; gap: 4px; }
.journey-work-file select { width: 100%; padding: 5px; border: 1px solid rgba(207, 240, 240, .23); border-radius: 5px; background: #203238; color: #ecfafa; font-size: .65rem; }
.journey-work-notes { display: grid; gap: 8px; margin-top: 17px; color: #e2f1f2; font-size: .75rem; font-weight: 590; }
.journey-work-notes textarea { width: 100%; min-height: 66px; padding: 11px; resize: vertical; border: 1px solid rgba(209, 237, 238, .25); border-radius: 9px; background: rgba(2, 13, 17, .27); color: #fff; font: inherit; font-weight: 400; }
.journey-work-notes textarea::placeholder { color: #849fa3; }
.journey-work-submit { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 12px; }
.journey-work-submit button, .journey-work-decisions button { padding: 9px 13px; border: 1px solid rgba(219, 247, 247, .53); border-radius: 8px; background: linear-gradient(135deg, rgba(225, 247, 249, .23), rgba(152, 206, 211, .1)); color: #fff; cursor: pointer; font-size: .74rem; }
.journey-work-submit button:disabled { opacity: .4; cursor: default; }
.journey-work-submit small, .journey-work-decisions small { color: #9fb9bd; font-size: .67rem; line-height: 1.4; }
.journey-work-review-grid { display: grid; grid-template-columns: 1.35fr 1fr; gap: 13px; }
.journey-work-plan, .journey-work-offer { display: grid; align-content: start; gap: 7px; min-height: 208px; padding: 14px; border: 1px solid rgba(211, 239, 240, .2); border-radius: 10px; background: rgba(220, 244, 244, .05); }
.journey-work-plan-art { position: relative; height: 142px; overflow: hidden; border: 1px solid rgba(218, 244, 244, .23); border-radius: 5px; background: repeating-linear-gradient(0deg, transparent 0 29px, rgba(212, 244, 243, .055) 30px), repeating-linear-gradient(90deg, transparent 0 29px, rgba(212, 244, 243, .055) 30px), #17262a; }
.journey-work-plan-art i { position: absolute; border: 2px solid rgba(217, 247, 246, .6); border-radius: 2px; }
.journey-work-plan-art i:nth-child(1) { inset: 16px 22% 18px 8%; }
.journey-work-plan-art i:nth-child(2) { inset: 16px 22% 58px 48%; }
.journey-work-plan-art i:nth-child(3) { inset: 85px 56% 18px 8%; }
.journey-work-plan-art i:nth-child(4) { inset: 30px 35% 62px 18%; border-color: #efffff; }
.journey-work-plan-art b { position: absolute; top: 51px; left: 20%; color: #c4e8e8; font-size: .56rem; }
.journey-work-plan-art b:last-child { top: 105px; left: 60%; }
.journey-work-plan strong, .journey-work-offer strong { font-size: .79rem; font-weight: 600; }
.journey-work-plan small, .journey-work-offer small { color: #9db8bc; font-size: .64rem; }
.journey-work-offer p { color: #b0c5c7; font-size: .7rem; line-height: 1.5; }
.journey-work-decisions { display: grid; gap: 9px; margin-top: 14px; }
.journey-work-decisions > strong { font-size: .78rem; font-weight: 580; }
.journey-work-decisions > div { display: flex; flex-wrap: wrap; gap: 8px; }
.journey-work-placeholder { display: flex; align-items: center; gap: 18px; margin: 25px 0 19px; padding: 27px; border: 1px solid rgba(205, 237, 238, .18); border-radius: 12px; background: radial-gradient(circle at 15% 50%, rgba(197, 232, 235, .12), transparent 45%), rgba(3, 15, 19, .23); }
.journey-work-placeholder i { flex: none; width: 60px; height: 60px; border: 1px solid rgba(214, 247, 248, .51); border-radius: 50%; box-shadow: inset 0 0 19px rgba(218, 246, 247, .13), 0 0 21px rgba(215, 248, 250, .1); }
.journey-work-placeholder div { display: grid; gap: 5px; }
.journey-work-placeholder strong { font-size: .87rem; font-weight: 580; }
.journey-work-placeholder small { color: #aec3c6; font-size: .7rem; }
@media (max-width: 650px) {
  .journey-work-review-grid { grid-template-columns: 1fr; }
  .journey-work-file { grid-template-columns: 36px minmax(0, 1fr); }
  .journey-work-file label { grid-column: 2; }
  .journey-work-submit { align-items: start; flex-direction: column; }
}