/* Network Connections (ncpa.cpl), its dialogs, and the Network and Sharing Center. Uses the .cp Control Panel frame from wf.css. */
.nc { display: flex; flex-direction: column; }
.nc-cmd { flex: none; display: flex; gap: 2px; padding: 3px 8px; border-bottom: 1px solid #e5e5e5; background: #f5f8fc; min-height: 26px; overflow: hidden; }
.nc-cbtn { display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; flex: none; border: 1px solid transparent; background: none; padding: 2px 8px; font: inherit; color: #1b1b1b; cursor: default; }
.nc-cbtn:hover { background: var(--w32-hot); border-color: var(--w32-sel-border); }
.nc-uac svg { width: 14px; height: 14px; display: block; }
.nc-items { flex: 1; min-height: 0; overflow: auto; padding: 8px; display: flex; flex-wrap: wrap; align-content: flex-start; gap: 6px; outline: 0; background: #fff; }
.nc-tile { width: 270px; display: flex; gap: 8px; padding: 4px 6px; border: 1px solid transparent; }
.nc-tile:hover { background: var(--w32-hot); }
.nc-tile.sel { background: var(--w32-sel); border-color: var(--w32-sel-border); }
.nc-tile.off { color: #6d6d6d; }
.nc-tic svg { width: 40px; height: 40px; display: block; }
.nc-ttext { min-width: 0; line-height: 1.35; }
.nc-ttext > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nc-ttext b { font-weight: 600; display: block; }
.nc-dim { color: #6d6d6d; }
.nc-rename { width: 200px; }
.nc-statusbar { flex: none; padding: 2px 10px; border-top: 1px solid #e5e5e5; background: #fff; color: #444; }
.nc-dlg .grp { margin: 6px 0 10px; }
.nc-kv { display: grid; grid-template-columns: 150px 1fr; padding: 2px 0; }
.nc-btnrow { display: flex; gap: 8px; margin: 6px 0; }
.nc-btnrow.left { justify-content: flex-start; }
.nc-btnrow.right { justify-content: flex-end; }
.nc-btnrow .btn { display: inline-flex; align-items: center; gap: 4px; }
.nc-activity { display: grid; grid-template-columns: 70px 1fr 1fr; align-items: center; text-align: center; padding: 2px 0; }
.nc-activity span:first-child { text-align: left; }
.nc-actic svg { width: 32px; height: 32px; }
.nc-details { border: 1px solid #828790; background: #fff; height: 280px; overflow: auto; margin-top: 4px; user-select: text; -webkit-user-select: text; }
.nc-drow { display: grid; grid-template-columns: 160px 1fr; gap: 6px; padding: 1px 6px; }
.nc-drow.head { position: sticky; top: 0; background: #fff; border-bottom: 1px solid #e5e5e5; }
.nc-p { margin: 0 0 8px; }
.nc-note { color: #555; }
.nc-box { border: 1px solid #dcdcdc; padding: 4px 8px; margin: 6px 0; }
.nc-indent { padding-left: 20px; }
.nc-indent .frow { margin: 4px 0; }
.nc-line { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.nc-line.top { align-items: flex-start; justify-content: flex-start; }
.nc-col { display: flex; flex-direction: column; gap: 6px; }
.inp.nc-ip { font-variant-numeric: tabular-nums; }
.nc-dlg .fctl > .inp.nc-ip { flex: none; }
select.inp.nc-list { flex: 1; width: 100%; height: 76px; background: #fff; }
.nc-table { border: 1px solid #828790; background: #fff; height: 60px; overflow: auto; }
.nc-trow { display: grid; grid-template-columns: 1fr 1fr; padding: 1px 6px; }
.nc-trow.head { border-bottom: 1px solid #e5e5e5; }
.nc-using { display: flex; align-items: center; gap: 8px; border: 1px solid #828790; background: #fff; padding: 4px 6px; margin: 4px 0; }
.nc-bic svg { width: 16px; height: 16px; display: block; }
.nc-binds { border: 1px solid #828790; background: #fff; height: 150px; overflow: auto; outline: 0; margin: 4px 0; }
.nc-bind { display: flex; align-items: center; gap: 6px; padding: 1px 4px; border: 1px solid transparent; white-space: nowrap; }
.nc-bind input { margin: 0; }
.nc-bind.sel { background: var(--w32-sel-inactive); }
.nc-binds:focus .nc-bind.sel, .nc-binds:focus-within .nc-bind.sel { background: var(--w32-sel); border-color: var(--w32-sel-border); }
.nc-desc { min-height: 48px; }
.nc-sech { font-size: 13px; color: #1e3287; border-bottom: 1px solid #d9d9d9; margin: 14px 0 8px; padding-bottom: 2px; }
.nc-active { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 4px 0 8px; }
.nc-acc .nc-kv { grid-template-columns: 110px 1fr; }
.nc-task { margin: 6px 0 10px; }