/* ДНЖ · днж-практики.рф · roadmap.css
   Конструктор региональной дорожной карты.
   Часть разделённого сайта (15.09.2026). Подключается из index.html. */

/* ---- Конструктор региональной ДК (апробация) ---- */
.beta-tag{display:inline-block; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:#fff; background:var(--orange); border-radius:99px; padding:1px 7px; margin-left:6px; vertical-align:2px}
.rk-list-card{background:#fff; border-radius:14px; box-shadow:var(--shadow); padding:14px 18px; margin-bottom:10px; display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.rk-list-card .t{flex:1; min-width:260px}
.rk-list-card .t b{display:block; font-size:15px; color:var(--violet)}
.rk-list-card .t span{font-size:12.5px; color:var(--mut)}
.rk-head{background:#fff; border-radius:14px; box-shadow:var(--shadow); padding:16px 20px; margin-bottom:14px}
.rk-head .ttl{width:100%; border:1.5px dashed transparent; border-radius:9px; padding:6px 8px; font-size:16.5px; font-weight:700; color:var(--violet); font-family:inherit}
.rk-head .ttl:hover,.rk-head .ttl:focus{border-color:var(--line); outline:none}
.rk-meta-row{display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:8px; font-size:13px; color:var(--mut)}
.rk-sec{background:#fff; border-radius:14px; box-shadow:var(--shadow); padding:12px 18px; margin-bottom:12px}
.rk-sec > .hd{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.rk-sec > .hd.rk-sec-hd{flex-wrap:nowrap; padding:6px 0 8px}
.rk-sec > .hd.rk-sec-hd .cnt{flex:1; min-width:0}
.rk-sec > .hd.rk-sec-hd .btn{flex:none; margin:0}
.rk-sec-hint{font-size:12.5px; color:var(--mut); line-height:1.45; margin:0 0 8px; padding:0 0 8px; border-bottom:1px dashed var(--line-2)}
@media(max-width:600px){ .rk-sec > .hd.rk-sec-hd{flex-wrap:wrap} }
.rk-sec > .hd .nm{font-weight:800; color:var(--violet); font-size:15px}
.rk-sec > .hd .cnt{font-size:12px; color:var(--mut)}
.rk-item{display:flex; gap:10px; align-items:flex-start; border-top:1px solid var(--line-2); padding:9px 0}
.rk-item .no{font-weight:800; color:var(--orange); min-width:34px; font-size:13px; padding-top:2px}
.rk-item .bd{flex:1; min-width:220px}
.rk-item .bd .t{font-size:14px; font-weight:600}
.rk-item .bd .m{font-size:12px; color:var(--mut); margin-top:2px}
.rk-item .acts{display:flex; gap:6px; flex-wrap:wrap}
.rk-type{display:inline-block; font-size:10px; font-weight:800; border-radius:99px; padding:1px 8px; margin-right:6px; vertical-align:1px}
.rk-type.dk{background:#F3ECF7; color:var(--violet)}
.rk-type.pr{background:#FFF3EB; color:var(--orange)}
.rk-type.own{background:#EFF7EC; color:#2E7D32}
.rk-fed{display:inline-block; font-size:10.5px; font-weight:700; color:var(--orange); background:#FFF3EB; border-radius:99px; padding:1px 8px; margin-left:6px}
.rk-fed.chg{color:#8a6d00; background:#FFF8DC}
.rk-star{color:var(--orange); font-weight:800}
.rk-sum{background:#F8F6FB; border:1px solid var(--line-2); border-radius:14px; padding:14px 18px; margin:14px 0}
.rk-sum .pills{display:flex; gap:8px; flex-wrap:wrap; margin:8px 0}
.rk-sum .pl{background:#fff; border:1px solid var(--line-2); border-radius:10px; padding:6px 12px; font-size:12.5px}
.rk-sum .pl b{color:var(--violet); font-size:15px}
.rk-resp-row{display:grid; grid-template-columns:170px 1fr 210px 34px; gap:8px; margin:6px 0}
.rk-resp-row select,.rk-resp-row input{border:1.5px solid var(--line); border-radius:9px; padding:6px 9px; font-size:13px}
.rk-drawer-tabs{display:flex; gap:6px; margin-bottom:10px}
.rk-drawer-tabs button{border:1.5px solid var(--line); background:#fff; border-radius:99px; padding:6px 13px; font-size:12.5px; font-weight:700; cursor:pointer; font-family:inherit}
.rk-drawer-tabs button.act{background:var(--violet); border-color:var(--violet); color:#fff}
.rk-add-drawer .rk-drawer-tabs{flex-wrap:wrap}
.rk-add-drawer .rk-drawer-tabs button{flex:1 1 90px; min-width:0}
.rk-add-drawer .mini-fld select{width:100%; min-width:0; max-width:100%}
.rk-pick{border:1px solid var(--line-2); border-radius:10px; padding:10px 12px; margin-bottom:9px; display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; align-items:start}
.rk-pick .bd{display:contents}
.rk-pick .bd .t{grid-column:1; font-size:14px; font-weight:600; overflow-wrap:anywhere}
.rk-pick .bd .m{grid-column:1; font-size:12px; color:var(--mut); margin-top:3px}
.rk-pick .inplan{font-size:10.5px; color:#2E7D32; font-weight:700; white-space:nowrap}
.rk-pick-desc{grid-column:1 / -1; margin:8px 0 0; color:var(--ink-2); font-size:14px; line-height:1.55; overflow-wrap:anywhere}
.rk-pick-desc p{margin:0; font-size:inherit; line-height:inherit; white-space:pre-line}
.rk-pick-desc.empty-desc{color:var(--mut); font-style:italic}
.rk-pick-desc summary{cursor:pointer; list-style:none; border-radius:4px}
.rk-pick-desc summary::-webkit-details-marker{display:none}
.rk-pick-desc summary:focus-visible{outline:2px solid var(--violet); outline-offset:4px}
.rk-pick-desc .rk-desc-short{display:block}
.rk-pick-desc .rk-desc-toggle{display:block; margin-top:4px; color:var(--violet); font-weight:600; text-decoration:underline; text-underline-offset:3px}
.rk-pick-desc .rk-desc-less,.rk-pick-desc[open] .rk-desc-short,.rk-pick-desc[open] .rk-desc-more{display:none}
.rk-pick-desc[open] .rk-desc-less{display:block; margin-top:0; margin-bottom:6px}
.rk-pick > .btn,.rk-pick > .inplan{grid-column:2; grid-row:1 / span 2; white-space:nowrap}
.rk-edit-grid{display:grid; grid-template-columns:1fr 1fr; gap:10px}
@media(max-width:760px){ .rk-edit-grid{grid-template-columns:1fr} .rk-resp-row{grid-template-columns:1fr} }
.dk-hl{outline:3px solid var(--orange); outline-offset:2px; border-radius:8px; transition:outline-color 1s}