/* ═══════════════════════════════════════════════════════════════════
   Rolls.css – Styles for the RollsEditCustomizer sidebar
   (Group info, members, permissions editing via PcDynamicSidebar)
   Ported from groups.css for use outside the /groups/ page
   ═══════════════════════════════════════════════════════════════════ */


/* ─── Members – Two-column grid layout ──────────────────────────── */

.grp_members_wrap {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 3em;
}

.grp_members_list {
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
	margin-top: 1em;
}

.grp_members_list_item {
	display: block;
	position: relative;
	padding: 6px;
	font-size: var(--rd-fontsize-4);
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-green);
	border-bottom: none;
	background: var(--cl-light-blue);
	padding-right: 36px;
}

.grp_members_list_assigned .grp_members_list_item {
	padding-right: 0;
}

.grp_members_list_available .grp_members_list_item {
	padding-left: 36px;
}


/* ─── Members – Arrow controls ──────────────────────────────────── */

.grp_members_list_item_ctrl {
	background-image: url("/src/img/svg/af/arrow-right-blue-bold.svg");
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 0.5em center;
	width: 36px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
	opacity: 0.75;
	transform: rotate(180deg);
	cursor: pointer;
}

.grp_members_list_assigned .grp_members_list_item_ctrl {
	background-image: url("/src/img/svg/af/arrow-left-blue-bold.svg");
	right: 0;
	left: auto;
	transform: rotate(180deg);
}

.grp_members_list_item_ctrl:hover {
	opacity: 1;
}


/* ─── Members – Search & highlighting ───────────────────────────── */

[data-query-match="false"] {
	display: none;
}

.substr_highlight {
	color: var(--cl-ocean-blue);
}

.grp_members_assigned_searchwrap input[type=search],
.grp_members_available_searchwrap input[type=search] {
	width: 100%;
	box-sizing: border-box;
	padding: 6px 10px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	font-size: var(--rd-fontsize-4);
}


/* ─── Members – User role tag ───────────────────────────────────── */

.user_roll {
	color: var(--cl-light-grey);
	font-size: var(--rd-fontsize-4);
	font-style: italic;
}


/* ─── Section titles ────────────────────────────────────────────── */

.dbd_title.dbd_title_small {
	font-size: var(--rd-fontsize-3);
	padding-left: 0;
}

.dbd_title.dbd_title_small .dbd_title_sub {
	font-size: var(--rd-fontsize-3);
	font-weight: normal;
	text-transform: none;
}


/* ─── Countbubble override ──────────────────────────────────────── */

.grp_members_wrap .countbubble {
	position: relative;
	float: none;
}


/* ─── Permissions – Layout ──────────────────────────────────────── */

.grp_permissions_wrap .formfieldrow.formfieldrow_editable_false {
	display: none !important;
}

.grp_permissions_pgroup {
	max-width: 360px;
	margin-bottom: 56px;
}


/* ─── Permissions – Grouped role toggle styling ─────────────────── */

.grouped_roll .downtogglebox_content .formfieldrow {
	padding: 9px 0;
	border: none;
	border-bottom: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
}

.grouped_roll .downtogglebox_content .formfieldrow:last-child {
	border-bottom: none;
}

.grouped_roll .downtogglebox_content .formfieldrow .formlabel {
	font-size: var(--rd-fontsize-4);
	letter-spacing: 0;
	line-height: 24px;
	color: var(--rd-font-dark);
}

.grouped_roll .downtogglebox.downtogglebox_open .downtogglebox_head {
	background-color: transparent;
	padding: 0;
	font-size: var(--rd-fontsize-4);
	font-weight: var(--rd-fontweights-open-sans-0);
	letter-spacing: 0;
	line-height: 19px;
	color: var(--cl-blue-grey) !important;
	text-transform: uppercase;
	box-shadow: none;
	display: inline-block;
}


/* ─── Permissions – Switch size overrides ───────────────────────── */

.grouped_roll .sc_input~.sc_label {
	height: 22px;
	width: 41px;
	margin-top: 0;
}

.grouped_roll input.sc_input~.sc_label:before {
	height: 22px;
	width: 41px;
	background-color: var(--cl-light-grey);
	margin-top: 0;
}

.grouped_roll input.sc_input:checked~.sc_label:before {
	background-color: var(--cl-deep-green);
}

.grouped_roll input.sc_input~.sc_label:after {
	left: 4px;
	top: 4px;
	width: 16px;
	height: 16px;
}

.grouped_roll input.sc_input:checked~.sc_label:after {
	left: unset;
	right: 3px;
}


/* ─── Group Info – Non-editable message ─────────────────────────── */

.not_editable_rol {
	padding: 12px;
	margin-bottom: 16px;
	background: var(--cl-light-blue);
	border-radius: var(--rd-borderradius-border-md);
	font-size: var(--rd-fontsize-4);
	color: var(--cl-dark-grey);
}


/* ─── Sidebar content area ──────────────────────────────────────── */

.rd-rolls-sidebar-content textarea {
	font-family: "Open Sans";
	font-size: var(--rd-fontsize-5);
	resize: none;
	padding: 10px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	box-sizing: border-box;
	width: 100%;
	min-height: 80px;
}

.rd-rolls-sidebar-content input[type=text] {
	padding: 6px 10px;
	border: var(--rd-borderwidth-border-default) solid var(--cl-light-grey);
	border-radius: var(--rd-borderradius-border-md);
	box-sizing: border-box;
	width: 100%;
	font-size: var(--rd-fontsize-5);
}

.rd-rolls-sidebar-content .formfields {
	border: none;
}

pc-dynamic-sidebar pc-durationinput input[type="text"]{
    width: auto !important;
}

/* ─── Readonly rows: hide checkbox + context menu for non-editable groups ── */

.rd-sortable-table-row.rd-rolls-readonly .rdsie_cb {
	visibility: hidden;
	pointer-events: none;
}