.cr-grid2{display:grid;grid-template-columns: 320px 1fr; gap: 14px;}
@media (max-width: 900px){ .cr-grid2{grid-template-columns: 1fr;}}

.cr-side__title{font-weight:900;}
.cr-side__list{display:flex; flex-direction:column; gap:8px;}
.cr-inst{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px; border-radius:14px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18); cursor:pointer;}
.cr-inst.active{border-color: rgba(240,200,75,.55); box-shadow: 0 12px 30px rgba(0,0,0,.25);}
.cr-inst__t{font-weight:900; font-size:13px;}
.cr-inst__s{font-size:12px; color: rgba(255,255,255,.70); margin-top:3px;}

.cr-pill{display:inline-flex; align-items:center; gap:6px; padding: 8px 12px; border-radius: 999px; border:1px solid rgba(240,200,75,.35); background: rgba(240,200,75,.10); font-weight:900; font-size:13px;}

.cr-headRow{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap;}

.cr-sectionCard{border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.14); border-radius:16px; padding:14px;}
.cr-sectionTitle{font-weight:900; margin-bottom:10px;}

.cr-form{display:grid; grid-template-columns: 1fr 1fr; gap: 12px;}
@media (max-width: 900px){ .cr-form{grid-template-columns: 1fr;}}

.cr-field{display:block;}
.cr-label{font-weight:900; font-size:13px; margin-bottom:6px;}
.cr-input{width:100%; height:40px; padding: 0 12px; border-radius: 12px; border:1px solid rgba(255,255,255,.18); background: rgba(0,0,0,.25); color: rgba(255,255,255,.92); outline:none;}
select.cr-input{appearance:auto;}
select.cr-input option{background:#0b1020; color: rgba(255,255,255,.92);}
.cr-input:focus{border-color: rgba(240,200,75,.55); box-shadow: 0 0 0 3px rgba(240,200,75,.12);}

.cr-row{display:flex; gap:10px; align-items:center;}
.cr-row .cr-input{flex:1;}

.cr-hint{font-size:12px; color: rgba(255,255,255,.70); margin-top:6px;}

.cr-toggle{display:inline-flex; gap:10px; align-items:center; font-weight:900; font-size:13px;}
.cr-toggle input{width:18px;height:18px;}

.cr-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.cr-chip{display:inline-flex; gap:8px; align-items:center; padding: 8px 10px; border-radius: 999px; border:1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.08); font-size:12px;}
.cr-chip button{border:none; background: transparent; color: rgba(240,200,75,.9); cursor:pointer; font-weight:900;}

.cr-points{display:flex; flex-direction:column; gap:8px;}
.cr-pointActions{position:relative; z-index:5; pointer-events:auto;}
.cr-point{position:relative; display:flex; gap:10px; align-items:center; padding:10px; border-radius:14px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18);}
.cr-point input{position:relative; z-index:10;}
.cr-point button{position:relative; z-index:30; pointer-events:auto;}
.cr-point--add{z-index:40;}
#btnAddPointInline{position:relative; z-index:60; pointer-events:auto;}
.cr-point__label{font-weight:900; font-size:13px; min-width:74px; color: rgba(255,255,255,.85);}
.cr-point__mini{width:78px; height:38px; padding:0 10px; border-radius:12px; border:1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: rgba(255,255,255,.92); outline:none; font-variant-numeric: tabular-nums;}
.cr-point__sep{opacity:.7; font-weight:900;}
.cr-point__rm{margin-left:auto;}

.cr-footerRow{display:flex; gap:10px; justify-content:space-between; flex-wrap:wrap;}
.cr-btn--danger{border-color: rgba(239,68,68,.6); background: rgba(239,68,68,.12);}

.cr-modal{position:fixed; inset:0; display:flex; align-items:center; justify-content:center; z-index:100;}
.cr-modal[hidden]{display:none !important;}
.cr-modal__backdrop{position:absolute; inset:0; background: rgba(0,0,0,.55); z-index:0;}
.cr-modal__card{position:relative; z-index:1; width: min(560px, calc(100% - 28px)); padding: 14px;}
.cr-modal__title{font-weight:900; font-size:16px;}
.cr-modal__body{margin-top:10px; color: rgba(255,255,255,.82); white-space: pre-wrap;}
.cr-modal__actions{display:flex; justify-content:flex-end; gap:10px; margin-top:12px;}

.cr-pre{margin:0; padding: 12px; border-radius: 14px; border:1px solid rgba(255,255,255,.12); background: rgba(0,0,0,.18); color: rgba(255,255,255,.85); overflow:auto; font-size: 12px; line-height: 1.35; max-width:100%; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word;}
