@media only screen and (min-width: 1280px) and (max-width: 1400px) {
 
 .newsSection .prev{ left:-55px;}
 .newsSection .next{ right:-55px;}
 
 .rsSlide{ text-align:center;}
 .rsSlide img{ width: auto; height: auto;}
 
	
}



@media only screen and (min-width: 980px) and (max-width: 1279px) {
	
	 .rsSlide{ text-align:center; height:448px;}
 	 .rsSlide img{ width: auto; height: 448px;}
	
	
    #header .logo{ width:45%; margin-left:10px;}
	#header .logo img{ width:100%;}
 
	
	.mainNav{ margin-right:10px;}
	.letestNews .wrapper{ max-width:815px;}
	.news{ width:800px !important;}
	#footer{ max-width:930px;}
	#footer .col2{ max-width:630px;}
	#bannerSection h2{ margin-top:110px;}
	
	.resourcesLenBanner h3{ margin:0 220px 118px;}
	
	.helpInfo .col{max-width:470px;}
	.formSection .row{ padding:20px 10px; box-sizing:border-box;}
	.formSection .col1{ width:600px;}
	.resourceSec{ padding:60px 10px;box-sizing:border-box;}
	.resourceSec .col{ width:335px;}
	.resourceSec .col:last-child{ width:290px;}
	
	.aboutTopContent .topCont .leftCont{ max-width:400px;}
	.aboutTopContent .topCont .leftCont img{ width:100%;}
	.aboutTopContent .btmCont .rightCont{ max-width:400px;}
	.aboutTopContent .btmCont .rightCont img{ width:100%;}
	.servicesSection .col{ max-width:300px;}
	.aboutBtmContent{ padding:70px 10px; box-sizing:border-box;}
	.aboutBtmContent .col{ max-width:465px;}
	.ourStaff{ padding:70px 10px; box-sizing:border-box;}
	.ourStaff ul li{ width:300px;}
	.servicesSection{ padding:60px 10px; box-sizing:border-box;}
	
	.bannerText h2{ margin-top:120px;}
	
	.aboutContent .about{ max-width:640px;}
	.resourcesContent .familycont{max-width:610px;}
	.getintouchContent .getintouch{ max-width:640px;}
 	.familyPrograme .pic{ width:48%;}
	.familyPrograme .pic img{ max-width:100%;}
	.familyProGuide .pic{ width:50%; margin-right:0;}
	.contactTop p a{ text-decoration:none; color:#39519b}
 
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	.contactTop p a{ text-decoration:none; color:#39519b}
	}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */


@media only screen and (min-width: 768px) and (max-width: 979px) {
  /* GENERAL TABLET ----------------------------------------------------*/ 
	.iosSliderDemo{ padding-bottom:380px !important;}
	.mainNav{ margin-right:10px;}
	.mainNav ul li{ margin:0 20px;}
	.letestNews .wrapper{ max-width:545px;}
	.news{ width:560px !important;}
	#footer{ max-width:740px; padding:70px 0;}
	#footer .col2{ max-width:440px;}
	#bannerSection h2{ margin:190px 20px 0;}
	.aboutContent p{ margin:0 20px;}
	.resourcesContent p{ margin:0 20px;}
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	
	.iosSlider .slider .item{ height:336px !important; }
	.bannerText h2{margin:80px 90px 0;}
	.iosSlider .slider .item .inner img{ height:336px;}
	
	.aboutContent .pic{width:100%; text-align:center;}
	.aboutContent .about h2{ margin:0 20px !important;}
	.resourcesContent .pic{ width:100%; text-align:center;}
	.resourcesContent h2{ margin:0 20px !important;}
	.getintouchContent .pic{ width:100%; margin-left:0; text-align:center;}
	.getintouchContent .getintouch{ text-align:center;}
	.getintouchContent p{margin:0 20px;}
	.getintouchContent h2{ margin:0 20px !important;}
	.getintouch{ padding-bottom:40px;}
	.resourcesLenBanner h3{ margin:0 110px 50px;}
	.resourcesLenBanner{ height:530px;}
	.resourcesLenBox a{ width:335px;}
	
	.resourcesBanner .downarrow{ margin-top:80px;}
	.resourcesIntero p{ margin:0 20px;}
	.resourcesInCont{ background:none;}
	#content-slider-1{ height:340px !important;}
	/*.rsSlide img{ height:340px !important;}*/
	.resourcesBanner{ height:auto;}
	.resourcesBanner.lend{ height:auto;}
	
	.helpInfo .col{ max-width:100%; margin-bottom:20px;}
	.formSection .row{ padding:20px 10px; box-sizing:border-box;}
	.formSection .col1{width:390px; font:normal 22px/22px clear_sansbold;}
	.resourceSec{padding:60px 10px;box-sizing:border-box;}
	.resourceSec .col{ width:251px;}
	.resourceSec .col:last-child{ width:245px;}
	
	.aboutTopContent .topCont .leftCont{max-width:100%; text-align:center; width:100%;}
	.aboutTopContent .topCont .rightCont{ max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont .leftCont{max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont p{ text-align:left;}
	.aboutTopContent .btmCont .rightCont{ width:100%; max-width:100%; text-align:center;}
	.servicesSection .col{ max-width:100%; margin-bottom:20px;}
	.servicesSection .col.mar{ margin:0 0px 20px;}
	.aboutBtmContent .col{ max-width:100%; padding:0 10px;}
	.aboutBanner .homedownarrow{margin-top:250px;}
	.ourStaff{ padding:70px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	
	.familyPrograme .pic{ width:40%; text-align:left;}
	.progText{ width:450px;}
 
	.familyPrograme .pic img{ width:100%;}
	.familyProGuide .pic{ width:40%; margin-right:0px;}
	.familyProGuide .pic img{ width:100%;}
	.progText_guide{ width:460px;}
	.familyGuide{ padding-bottom:50px;}
	
	.ourStaff{ padding:70px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	
	.contactBanner .map img{ width:100%;}
	.loginSection h3{ margin:0 10px 50px;}
	
	.privacySec{padding:20px 10px; box-sizing:border-box;}
	.contactTop p a{ text-decoration:none; color:#39519b}

}



/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {
 	 .mainNav{ display:none;}
	 .navBttn{display:block;}
	 #header .logo{margin:28px 10px 0;}
     #header .logo img{ width:100%;}
	.logoOuter{padding:31px 20px; box-sizing:border-box; width:100%; float:left; height:100px;}
	.logoOuter img{ width:285px !important;} 
	.logoOuter img.log.ani{ width:250px !important;}
	#header{ display:none;}
	.bannerText h2{ margin:50px 30px 10px;}
	.iosSlider .slider .item{ height:160px !important; }
	.iosSlider .slider .item .inner img{ height:160px;}
	.fluidHeight{ height:160px;}
	.iosSlider{ height:160px !important;}
	.iosSliderDemo{ padding-bottom:200px !important;}
 
	.aboutContent h2{ margin:0 10px;}
	.aboutContent .pic{ text-align:center;}
	.aboutContent .pic img{ width:75%;}
	.resourcesContent h2{ margin:0 10px;}
	.resourcesContent .pic{ text-align:center; width:100%; }
	.resourcesContent .pic img{ max-width:75%;}
	.getintouchContent h2{ margin: 0 10px;}
	.getintouchContent .pic{ width:100%; text-align:center; margin:0 }
	.getintouchContent .pic img{ max-width:70%;}
	 
	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	
	#bannerSection{ height:215px;}
	#bannerSection h2{ margin:20px 0 0;}
	.aboutContent p{ font:18px/25px clear_sansitalic; margin:0 10px;}
	.aboutContent{ background:none; padding-top:0;}
	.aboutSection{ padding:20px 0 0px;}
	#body_content h2{ font-size:28px; line-height:30px;}
	.resourcesContent{ background:none; padding-top:0;}
	.resourcesContent p{ margin:0 10px; font:normal 18px/25px clear_sansitalic;}
	.resources{ padding:20px 0 0;}
	.getintouchContent p{margin:0 10px; font:normal 18px/25px clear_sansitalic}
	.getintouchContent{ padding-top:0; background:none;}
	.getintouch{ padding:20px 0 0;}
	.letestNews{ padding:10px 0 20px;}
	.letestNews h2{ margin-bottom:10px;}
	.letestNews .wrapper{ max-width:158px;}
	.news{ width:190px !important;}
	.letestNews ul li p{ font:normal 14px/18px clear_sansbold;}
	#footer{max-width:300px; padding:20px 0;}
	
	.resourcesLenBanner{ height:400px;}
	.resourcesLenBanner h2{ padding-top:20px;}
	.resourcesLenBanner h3{ font: normal 18px/26px clear_sansitalic; margin:0 10px 20px}
	.resourcesLenBox a{ width:285px; margin-bottom:20px; padding:5px 0;}
	.rsSlide img{ height:150px !important;}
	#content-slider-1{ height:150px !important;}
	.rsOverflow{ height:150px !important;}
	
	.resourcesBanner{ height: auto;}
	.resourcesBanner h2{ padding-top:50px;}
	.resourcesBanner .downarrow{ margin-top:20px;}
	.resourcesIntero{ padding:20px 10px 10px;box-sizing:border-box;}
	.resourcesIntero p{ margin:0; font:normal 18px/25px clear_sansitalic;}
	.resourcesInvolv{ padding:10px;box-sizing:border-box;}
	.resourcesInteroNew{ padding:20px; box-sizing:border-box;}
	.familyPrograme .pic{ width:100%; text-align:center;}
	.familyPrograme .pic img{ width:60%;}
	.progText{ text-align:left; width:100%; margin:0; float:left;}
	.progText p{ padding-top:15px; font-size:18px; line-height:26px;}
	.familyGuide{ padding:20px; box-sizing:border-box;}
	.familyProGuide .pic{ width:100%; text-align:center; margin:0; margin-bottom:10px;}
	.familyProGuide .pic img{ width:60%; margin-left:40px;}
	.progText_guide{ width:100%; text-align:center;}
	.progText_guide ul li{ font-size:18px;}
	.progText_guide ul { margin-top:15px; margin-bottom:15px;}
	.progText_guide p{ font-size:18px;}
	.aboutBanner h2{ padding-top:50px;}
	
	.resourcesInCont{ background:none;}
	.helpInfo{padding:10px;box-sizing:border-box;}
	.helpInfo h2{ margin-bottom:5px;}
	.helpInfo .col p{ font:normal 18px/25px clear_sansitalic;}
	.helpInfo .col{ margin-bottom:20px;}
	.formSection{ padding:10px;box-sizing:border-box;}
	.formSection .col1{width:100%; font:normal 22px/22px clear_sansbold; margin-bottom:10px;}
	.formSection .col2{width:100%; margin-bottom:10px;}
	.formSection .col3{width:100%; margin-bottom:10px;}
	.formSection .row:last-child{ border-bottom:0;}
	.resourceSec{padding:10px;box-sizing:border-box;}
	.resourceSec h2{ margin-bottom:10px;}
	.resourceSec .col h3{ font-size:22px;}
	.resourceSec .col{ width:100%;}
	.resourceSec .col ul{ padding-bottom:0;}
	.resourceSec .col:last-child{ width:100%;}
	
	.aboutBanner .homedownarrow{ margin-top:80px;}
	.aboutTopContent{ padding:10px;box-sizing:border-box;}
	.aboutTopContent h3{ margin:0; font:18px/25px clear_sansitalic;}
	.aboutTopContent .topCont .leftCont img{ width:100%;}
	.aboutTopContent .topCont .leftCont{max-width:100%; text-align:center; width:100%;}
	.aboutTopContent .topCont .rightCont{ max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont .rightCont img{ width:100%;}
	.aboutTopContent .btmCont .leftCont{max-width:100%; padding:0 10px;}
	.aboutTopContent .btmCont p{ text-align:left;}
	.aboutTopContent .btmCont .rightCont{ width:100%; max-width:100%; text-align:center;}
	.servicesSection .col{ max-width:100%; margin-bottom:20px;}
	.servicesSection .col.mar{ margin:0 0px 20px;}
	.aboutBtmContent .col{ max-width:100%; padding:0 10px;}
	.servicesSection{ padding:20px 10px;box-sizing:border-box;}
	.servicesSection h2{ margin-bottom:10px;}
	.servicesSection h4{ font-size:20px;}
	.servicesSection p{ font-size:16px;}
	.aboutBtmContent{ padding:20px 10px;box-sizing:border-box;}
	.aboutBtmContent h3{ font-size:18px; line-height:25px; margin:0;}
	.ourStaff{ padding:20px 10px;box-sizing:border-box;}
	.ourStaff ul li{ width:238px; margin:0 5px 15px;}
	.ourStaff ul li h3{ font-size:18px;}
	.ourStaff ul li h4{ font-size:18px;}
	.ourStaff ul li p{ font-size:12px;}
	.ourStaff ul:last-child{ padding-top:20px;}
	.ourStaff ul li{ margin:0 0 10px; width:100%;}
	
	.contactBanner .map img{ width:100%;}
	.contactTop{ padding:20px 10px;box-sizing:border-box;}
	.contactTop h3{ font-size:18px; line-height:25x; margin:0 10px;}
	.contactTop p{ font-size:18px; margin:0 60px; line-height:30px;}
	.contTouch{padding:20px 10px;box-sizing:border-box;}
	.contForm { width:100%; max-width:470px;}
	.careerRes{ padding:20px 10px;box-sizing:border-box;}
	.careerRes ul li{ margin:0 0 10px 0; background:none; display:block;}
	
	.loginSection{padding:20px 10px;box-sizing:border-box;}
	.loginSection h3{ margin:0 10px 20px;}
	.loginForm .col{ width:100%; margin:0 0 20px;}
	.loginForm{ max-width:100%; width:100%;}
	.contactBannerpic h2{ padding-top:50px;}
	.contForm .yesnoBtn{ width:142px;}
	.jqTransformRadio{ width:142px !important;}
	.privacySec{padding:20px 10px; box-sizing:border-box;}
	.loginSection{ margin-top:0 !important;}
	.resourcesBanner.prog h2{ padding-top:30px;}
	.contactTop p a{ text-decoration:none; color:#39519b}
	
 
	
	 
	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 	 .mainNav{ display:none;}
	 .navBttn{display:block;}
	 #header .logo{margin:28px 10px 0;}
	 #header .logo img{ width: 90%;}
	 .logoOuter{padding:30px 20px; box-sizing:border-box; width:100%;}
	#header{ display:none;}
 

	.slide--photo{ display:none;}
	.mobile_bg{ display:block;}
	#bannerSection{ height:340px;}
	#bannerSection h2{ margin:115px 0 0;}
	.aboutContent p{ font:20px/28px clear_sansitalic; margin:0 10px;}
	.aboutContent{ background:none; padding-top:0;}
	.aboutSection{ padding:20px 0 0px;}
	#body_content h2{ font-size:42px; line-height:42px;}
	.resourcesContent{ background:none; padding-top:0;}
	.resourcesContent p{ margin:0 10px; font:20px/28px clear_sansitalic; }
	.resources{ padding:20px 0 0;}
	.getintouchContent{ padding-top:0; background:none;}
	.getintouchContent p{margin:0 10px; font:20px/28px clear_sansitalic}
	.getintouch{ padding:20px 0 0;}
	.letestNews{ padding:10px 0 20px;}
	.letestNews h2{ margin-bottom:10px;}
	.letestNews .wrapper{ max-width:230px;}
	.news{ width:235px !important;}
	#footer{max-width:450px; padding:20px 0;}
	.letestNews ul li p{font:normal 17px/22px clear_sansbold;}
	
	.iosSlider .slider .item{ height:250px !important; }
	.iosSlider .slider .item .inner img{ height:250px;}
	.fluidHeight{ height:250px;}
	.iosSlider{ height:250px !important;}
	.iosSliderDemo{ padding-bottom:300px !important;}
	
	#content-slider-1{ height:150px !important;}
	.rsOverflow{ height:150px !important;}

	.contactTop p a{ text-decoration:none; color:#39519b}



}

/* ===== Mobile accordion: section chips collapse their content on phones =====
   Driven by js/mobile_accordion.js - applies to all pages that use
   .admin_member_section_chip (events, members, customer, member profile). */
.admin_acc_caret {
	display: none;
}

@media only screen and (max-width: 767px) {
	.admin_acc_chip {
		padding: 12px;
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
	}

	.admin_acc_chip .admin_acc_caret {
		display: inline-block;
		margin-left: 8px;
		flex-shrink: 0;
		font-size: 10px;
		opacity: 0.65;
		transition: transform 0.2s ease;
	}

	.admin_acc_chip.admin_acc_open .admin_acc_caret {
		transform: rotate(180deg);
	}

	.admin_acc_hide {
		display: none !important;
	}
}

/* ===== Event pages: mobile bottom tab bar + menu sheet + compact header =====
   Markup lives in admin/admin_event_options.cfm; hidden entirely on desktop. */
.admin_event_mobile_bar,
.admin_event_mobile_sheet {
	display: none;
}

@media only screen and (max-width: 767px) {

	/* --- compact event header (app-bar style) --- */
	.admin_event_context_panel {
		grid-template-columns: 52px minmax(0, 1fr);
		gap: 10px;
		margin: 8px 0;
		padding: 10px 12px;
	}
	.admin_event_logo {
		width: 52px;
		min-height: 0;
		padding: 4px;
	}
	.admin_event_logo img {
		max-height: 38px;
	}
	.admin_event_context_copy h2 {
		font-size: 17px;
	}
	.admin_event_context_copy p {
		font-size: 13px !important;
		margin: 2px 0 3px !important;
	}
	.admin_event_context_copy p span {
		margin-left: 10px !important;
		font-size: 11px !important;
	}
	.admin_event_meta {
		margin-top: 4px;
		gap: 3px 12px;
		font-size: 12px;
	}
	.admin_event_header_pills {
		grid-column: 1 / -1;
		justify-self: start;
		align-self: auto;
	}
	.admin_event_pills_row {
		justify-content: flex-start;
		gap: 6px;
	}
	.admin_event_status_pill,
	.admin_event_type_pill,
	.admin_event_corp_pill {
		min-height: 24px;
		padding: 2px 10px;
		font-size: 11px;
	}

	/* --- swap desktop tab row for the bottom bar --- */
	.admin_event_nav {
		display: none;
	}
	body.has_event_mobile_bar {
		padding-bottom: 84px;
	}

	.admin_event_mobile_bar {
		display: flex;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1200;
		padding: 6px 4px calc(10px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid rgba(255, 255, 255, 0.12);
		background: linear-gradient(135deg, #0b5d57, #0f766e);
		box-shadow: 0 -6px 18px rgba(11, 93, 87, 0.35);
	}
	.admin_event_mobile_bar a,
	.admin_event_mobile_bar button {
		position: relative;
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
		padding: 5px 0 2px;
		border: none;
		background: none;
		color: rgba(255, 255, 255, 0.7);
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 700;
		text-decoration: none;
		cursor: pointer;
	}
	.admin_event_mobile_bar a.selected {
		color: #fff;
	}
	.admin_event_mobile_bar a.selected::before {
		content: "";
		position: absolute;
		top: -7px;
		left: 50%;
		width: 34px;
		height: 3px;
		transform: translateX(-50%);
		border-radius: 0 0 4px 4px;
		background: #fff;
	}

	/* --- slide-up event menu sheet --- */
	.admin_event_mobile_sheet.open {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1300;
	}
	.admin_event_mobile_scrim {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(15, 23, 42, 0.45);
	}
	.admin_event_mobile_panel {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: 82%;
		overflow-y: auto;
		padding: 6px 14px calc(22px + env(safe-area-inset-bottom, 0px));
		border-radius: 18px 18px 0 0;
		background: #fff;
		box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.3);
	}
	.admin_event_sheet_grab {
		width: 40px;
		height: 4px;
		margin: 8px auto 10px;
		border-radius: 99px;
		background: #cbd5e1;
	}
	.admin_event_sheet_head {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 0 4px 10px;
	}
	.admin_event_sheet_head b {
		display: block;
		color: #12294a;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 900;
	}
	.admin_event_sheet_head span {
		display: block;
		color: #64748b;
		font-size: 12px;
	}
	.admin_event_sheet_close {
		margin-left: auto;
		width: 32px;
		height: 32px;
		border: none;
		border-radius: 50%;
		background: #f1f5f9;
		color: #64748b;
		font-size: 13px;
		cursor: pointer;
		flex-shrink: 0;
	}
	.admin_event_sheet_label {
		padding: 12px 6px 5px;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 10.5px;
		font-weight: 900;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}
	.admin_event_sheet_group {
		overflow: hidden;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #f8fafc;
	}
	.admin_event_sheet_row,
	.admin_event_sheet_row:link,
	.admin_event_sheet_row:visited {
		display: flex;
		align-items: center;
		gap: 11px;
		padding: 13px 12px;
		border-top: 1px solid #e2e8f0;
		color: #12294a;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 13.5px;
		font-weight: 600;
		text-decoration: none;
	}
	.admin_event_sheet_row:first-child {
		border-top: none;
	}
	.admin_event_sheet_row svg {
		flex-shrink: 0;
		color: #0f766e;
	}
	.admin_event_sheet_row b {
		font-weight: 600;
	}
	.admin_event_sheet_row .chev {
		margin-left: auto;
		color: #94a3b8;
		font-size: 15px;
	}
	.admin_event_sheet_row.selected {
		background: #e6f4f2;
	}

	/* --- wide-table containment (wrapper added by js/mobile_tables.js) --- */
	.ep_table_scroll {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* --- page-level containment backstop: the page itself never pans
	       sideways; anything wide must scroll inside its own wrapper --- */
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	/* THE big one: the admin pages render inside a fixed 1200px shell
	   table (top_header.cfm). Make the shell fluid on phones so every
	   page lays out at screen width instead of 1200px, edge to edge
	   (desktop reserves 48px gutters via max-width: calc(100vw - 96px)). */
	table.admin_shell_frame {
		width: 100% !important;
		max-width: 100% !important;
		table-layout: fixed;
	}
	.admin_shell_content {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}
	.admin_event_editor,
	.admin_customer_edit {
		width: calc(100% - 12px) !important;
		margin-left: 6px !important;
		margin-right: 6px !important;
	}

	/* Form controls can never be wider than the screen */
	input[type="text"],
	input[type="password"],
	select {
		max-width: 100%;
		box-sizing: border-box;
	}

	/* Native date pickers injected by js/mobile_datepicker.js */
	.ep_native_date {
		min-height: 40px;
		max-width: 100%;
		padding: 0 10px;
		border: 1px solid #cbd8e7;
		border-radius: 6px;
		background: #fff;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 14px;
		box-sizing: border-box;
	}

	/* Panel header rows (e.g. Show Items + import button) wrap instead of clipping */
	.worker_schedule_panel_head {
		flex-wrap: wrap;
	}
	.worker_schedule_panel_head .worker_panel_action {
		white-space: normal !important;
		text-align: left;
	}

	/* --- Top search hero, compact 3-line layout:
	       1) logo + Companies   2) search box   3) Future | Status | Search --- */
	.admin_shell_search_row {
		display: block;
		position: relative;
		height: auto !important;
		padding: 8px 10px 2px;
	}
	.admin_shell_search_row > td {
		display: block;
		padding: 0 !important;
	}
	.admin_shell_brand {
		width: auto !important;
		min-width: 0 !important;
	}
	.admin_search_comp_button {
		position: absolute;
		top: 10px;
		right: 10px;
		height: 40px;
		padding: 0 16px;
	}
	.admin_search_bar {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		padding: 8px 0 8px;
		white-space: normal;
	}
	.admin_search_panel input[type="text"] {
		flex: 1 1 100%;
		width: 100% !important;
		max-width: 100% !important;
		height: 42px;
		box-sizing: border-box;
	}
	.admin_search_panel select {
		flex: 1 1 90px;
		width: auto !important;
		min-width: 0 !important;
		max-width: none !important;
		height: 42px;
	}
	.admin_search_bar input[type="submit"] {
		flex: 0 0 auto;
		height: 42px;
		margin: 0;
		padding: 0 18px;
	}
	iframe {
		max-width: 100%;
	}
	textarea {
		max-width: 100%;
		box-sizing: border-box;
	}
	img {
		max-width: 100%;
	}
	/* Hard-coded wide tables across the app - complete inventory of every
	   width value >= 500 found in admin/ and members/ - all fluid on phones */
	table[width="500"],
	table[width="509"],
	table[width="600"],
	table[width="700"],
	table[width="750"],
	table[width="800"],
	table[width="820"],
	table[width="900"],
	table[width="925"],
	table[width="950"],
	table[width="991"],
	table[width="1000"],
	table[width="1100"],
	table[width="1200"] {
		width: 100% !important;
	}
	iframe[width="991"],
	#EventAppointments {
		width: 100% !important;
	}
}

/* ===== Show Items page: mobile card view + edit-mode toggle =====
   Markup in admin/admin_event_show.cfm. Desktop always shows the editing
   table; phones show read-only cards until "Edit Items" is tapped. */
.show_mobile_view,
.show_mobile_editbar {
	display: none;
}

@media only screen and (max-width: 767px) {
	.show_mobile_view {
		display: block;
	}
	body.show_mobile_editing .show_mobile_view {
		display: none;
	}
	body:not(.show_mobile_editing) .show_desktop_wrap {
		display: none;
	}
	body.show_mobile_editing .show_mobile_editbar {
		display: block;
		margin: 8px 0;
	}
	.show_mobile_editbar button {
		min-height: 40px;
		padding: 0 16px;
		border: 1px solid #c8d4e2;
		border-radius: 8px;
		background: #fff;
		color: #12294a;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
	}

	.show_mobile_head {
		display: flex;
		align-items: center;
		gap: 10px;
		margin: 8px 0 10px;
	}
	.show_mobile_head_tx b {
		display: block;
		color: #12294a;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 900;
	}
	.show_mobile_head_tx span {
		color: #55657a;
		font-size: 12.5px;
	}
	.show_mobile_editbtn {
		margin-left: auto;
		min-height: 40px;
		padding: 0 16px;
		border: none;
		border-radius: 10px;
		background: #0f766e;
		color: #fff;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 700;
		cursor: pointer;
		flex-shrink: 0;
	}

	.show_mcard {
		margin-bottom: 10px;
		padding: 12px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.06);
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.show_mcard.is_deleted {
		opacity: 0.55;
	}
	.show_mcard_top {
		display: flex;
		align-items: flex-start;
		gap: 10px;
	}
	.show_mcard_ver {
		flex-shrink: 0;
		width: 26px;
		height: 26px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 8px;
		background: #e6f4f2;
		color: #0f766e;
		font-size: 13px;
		font-weight: 900;
	}
	.show_mcard_name {
		min-width: 0;
		flex: 1;
	}
	.show_mcard_name b {
		display: block;
		color: #12294a;
		font-size: 14px;
		line-height: 1.3;
	}
	.show_mcard_flags {
		display: inline-flex;
		flex-wrap: wrap;
		gap: 5px;
		margin-top: 3px;
	}
	.show_flag {
		padding: 1px 7px;
		border-radius: 999px;
		background: #fef3c7;
		color: #b45309;
		font-size: 10px;
		font-style: normal;
		font-weight: 800;
	}
	.show_flag.is_done {
		background: #dcfce7;
		color: #15803d;
	}
	.show_flag.is_del {
		background: #fee2e2;
		color: #b91c1c;
	}
	.show_mcard_total {
		flex-shrink: 0;
		color: #12294a;
		font-size: 14px;
		font-weight: 900;
	}
	.show_mcard_descr {
		margin: 8px 0 0;
		color: #172033;
		font-size: 12.5px;
		line-height: 1.45;
		white-space: pre-line;
	}
	.show_mcard_office {
		margin: 6px 0 0;
		padding: 6px 9px;
		border-left: 3px solid #cbd5e1;
		border-radius: 4px;
		background: #f8fafc;
		color: #55657a;
		font-size: 12px;
		line-height: 1.4;
		white-space: pre-line;
	}
	.show_mcard_meta {
		display: flex;
		gap: 12px;
		margin-top: 8px;
		padding-top: 7px;
		border-top: 1px solid #edf2f7;
		color: #55657a;
		font-size: 12px;
		font-weight: 600;
	}
	.show_mcard_order {
		margin-left: auto;
	}
}

/* ===== Event Workers page: mobile staffing board =====
   Stat strip + needs-action built in admin_event_workers.cfm; roster rows
   built in admin_event_workers_jobs_include.cfm. Stat tiles filter the
   roster rows by status. Everything hidden on desktop. */
.wk_dashboard,
.wk_mobile_list {
	display: none;
}

@media only screen and (max-width: 767px) {
	.workers_desktop_wrap,
	table.wk_desktop_table {
		display: none;
	}
	.wk_dashboard {
		display: block;
		margin: 8px 0 4px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}

	/* stat strip (tap to filter) */
	.wk_stats {
		display: flex;
		gap: 8px;
	}
	.wk_stat {
		flex: 1;
		padding: 10px 4px;
		border: 1px solid #dbe4ef;
		border-radius: 14px;
		background: #fff;
		cursor: pointer;
		font-family: inherit;
		text-align: center;
	}
	.wk_stat b {
		display: block;
		color: #12294a;
		font-size: 20px;
		font-weight: 800;
	}
	.wk_stat span {
		color: #64748b;
		font-size: 9.5px;
		font-weight: 700;
		letter-spacing: 0.4px;
		text-transform: uppercase;
	}
	.wk_stat.is_conf b { color: #16a34a; }
	.wk_stat.is_sched b { color: #2563eb; }
	.wk_stat.is_standby b { color: #d97706; }
	.wk_stat.is_open b { color: #dc2626; }
	.wk_stat.on {
		border-color: #0f766e;
		background: #e6f4f2;
	}

	.wk_sec_label {
		padding: 14px 4px 7px;
		color: #dc2626;
		font-size: 11px;
		font-weight: 800;
		letter-spacing: 0.7px;
		text-transform: uppercase;
	}

	/* needs-action cards */
	.wk_action_card {
		display: flex;
		align-items: center;
		gap: 12px;
		margin-bottom: 9px;
		padding: 11px 13px;
		border: 1px solid #dbe4ef;
		border-left: 4px solid #dc2626;
		border-radius: 13px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
	}
	.wk_action_card.is_standby {
		border-left-color: #d97706;
	}
	.wk_action_tx {
		flex: 1;
		min-width: 0;
	}
	.wk_action_tx b {
		display: block;
		color: #12294a;
		font-size: 13.5px;
	}
	.wk_action_tx span {
		color: #64748b;
		font-size: 11.5px;
	}
	.wk_action_btn,
	.wk_action_btn:link,
	.wk_action_btn:visited {
		flex-shrink: 0;
		padding: 10px 15px;
		border-radius: 10px;
		background: #0f766e;
		color: #fff;
		font-size: 12px;
		font-weight: 700;
		text-decoration: none;
	}
	.wk_action_btn.is_ghost,
	.wk_action_btn.is_ghost:link,
	.wk_action_btn.is_ghost:visited {
		border: 1.5px solid #0f766e;
		background: #fff;
		color: #0b5d57;
	}

	/* roster: one card per job with a fill meter, worker rows inside */
	.wk_mobile_list {
		display: block;
		margin: 6px 0 14px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.wk_jobgrp {
		margin-bottom: 10px;
		border: 1px solid #dbe4ef;
		border-radius: 16px;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
	}
	.wk_jobgrp_head {
		display: flex;
		align-items: center;
		gap: 12px;
		padding: 11px 14px;
		background: #f8fafc;
		border-bottom: 1px solid #eef2f7;
		cursor: pointer;
		-webkit-user-select: none;
		user-select: none;
	}
	.wk_jobgrp_head b {
		flex: 1;
		min-width: 0;
		color: #12294a;
		font-size: 13.5px;
		font-weight: 900;
		letter-spacing: 0.02em;
		text-transform: uppercase;
	}
	.wk_fill {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		gap: 7px;
	}
	.wk_fill_bar {
		display: block;
		width: 54px;
		height: 5px;
		border-radius: 99px;
		background: #e2e8f0;
		overflow: hidden;
	}
	.wk_fill_bar i {
		display: block;
		height: 100%;
		border-radius: 99px;
		background: #16a34a;
	}
	.wk_fill em {
		color: #64748b;
		font-size: 11px;
		font-style: normal;
		font-weight: 800;
	}
	.wk_fill.is_warn .wk_fill_bar i {
		background: #dc2626;
	}
	.wk_fill.is_warn em {
		color: #dc2626;
	}
	.wk_jobgrp_head::after {
		content: "\25B2";
		flex-shrink: 0;
		color: #94a3b8;
		font-size: 9px;
		transition: transform 0.2s ease;
	}
	.wk_jobgrp.is_collapsed .wk_jobgrp_head::after {
		transform: rotate(180deg);
	}
	.wk_jobgrp.is_collapsed .wk_row {
		display: none !important;
	}
	.wk_row,
	.wk_row:link,
	.wk_row:visited {
		display: flex;
		align-items: center;
		gap: 11px;
		padding: 11px 13px;
		border-top: 1px solid #f1f5f9;
		color: #12294a;
		text-decoration: none;
	}
	.wk_jobgrp .wk_row:first-of-type {
		border-top: none;
	}
	.wk_avatar {
		flex-shrink: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 38px;
		height: 38px;
		border-radius: 50%;
		background: linear-gradient(135deg, #0f766e, #14b8a6);
		color: #fff;
		font-size: 12.5px;
		font-weight: 800;
	}
	.wk_avatar.is_tbd {
		border: 2px dashed #f59e0b;
		background: #fff;
		color: #d97706;
	}
	.wk_row_tx {
		flex: 1;
		min-width: 0;
	}
	.wk_row_tx b {
		display: block;
		overflow: hidden;
		color: #12294a;
		font-size: 13.5px;
		font-weight: 700;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.wk_row_tx > span {
		display: block;
		overflow: hidden;
		color: #64748b;
		font-size: 11.5px;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	/* status pills */
	.wk_mstatus {
		flex-shrink: 0;
		padding: 3px 10px;
		border-radius: 999px;
		background: #f1f5f9;
		color: #475569;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.3px;
		white-space: nowrap;
	}
	.wk_mstatus.w_s {
		background: #fef3c7;
		color: #b45309;
	}
	.wk_mstatus.w_s.is_btn {
		background: #0f766e;
		color: #fff;
		cursor: pointer;
	}
	.wk_mstatus.w_v {
		background: #dbeafe;
		color: #1d4ed8;
	}
	.wk_mstatus.w_a,
	.wk_mstatus.w_c,
	.wk_mstatus.w_g {
		background: #dcfce7;
		color: #15803d;
	}
	.wk_mstatus.w_r,
	.wk_mstatus.w_i,
	.wk_mstatus.w_open {
		background: #fee2e2;
		color: #b91c1c;
	}
	.wk_mstatus.w_p {
		background: #e6f4f2;
		color: #0f766e;
	}

	.wk_mobile_total {
		padding: 9px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #eef8f7;
		color: #0f766e;
		font-size: 13px;
		font-weight: 900;
		text-align: right;
	}
}

/* ===== Show Items + Workers EDIT forms: stacked labeled fields on phones ===== */
@media only screen and (max-width: 767px) {
	/* stack every cell of the edit tables into a vertical form */
	.show_desktop_wrap table,
	.show_desktop_wrap tbody,
	.show_desktop_wrap tr,
	.show_desktop_wrap td,
	.show_desktop_wrap th,
	.wk_edit_table,
	.wk_edit_table tbody,
	.wk_edit_table tr,
	.wk_edit_table td,
	.wk_edit_table th {
		display: block;
		width: auto !important;
		/* style.css TR.odd/.even set height:20px - a minimum in table layout,
		   but a fixed height once stacked as blocks (rows collapse + clip) */
		height: auto !important;
		text-align: left !important;
		white-space: normal !important;
	}
	body.show_mobile_editing .show_desktop_wrap {
		overflow-x: visible;
	}
	.show_desktop_wrap td.hdr,
	.show_desktop_wrap th.hdr,
	.wk_edit_table td.hdr,
	.wk_edit_table th.hdr {
		display: none; /* desktop column-header cells */
	}
	.show_desktop_wrap input[type="text"],
	.show_desktop_wrap select,
	.show_desktop_wrap textarea,
	.wk_edit_table input[type="text"],
	.wk_edit_table select {
		width: 100% !important;
		min-height: 40px;
		box-sizing: border-box;
	}
	.show_desktop_wrap input[type="submit"],
	.wk_edit_table input[type="submit"] {
		display: block;
		width: 100%;
		min-height: 44px;
		margin: 10px 0;
	}

	/* field labels, attached by input name */
	.show_desktop_wrap :is(td, th)::before,
	.wk_edit_table :is(td, th)::before {
		display: block;
		margin: 8px 0 3px;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 10.5px;
		font-weight: 800;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	.show_desktop_wrap :is(td, th):has(select[name="show_version"])::before { content: "Version"; }
	.show_desktop_wrap :is(td, th):has(input[name="show_name"])::before { content: "Item"; }
	.show_desktop_wrap :is(td, th):has(textarea[name="show_descr_customer"])::before { content: "Customer Description"; }
	.show_desktop_wrap :is(td, th):has(input[name="show_quantity"])::before { content: "Quantity"; }
	.show_desktop_wrap :is(td, th):has(input[name="show_cost"])::before { content: "Unit Cost"; }
	.show_desktop_wrap :is(td, th):has(textarea[name="show_descr_office"])::before { content: "Office Description"; }

	.wk_edit_table :is(td, th):has(select[name="ew_w_id"])::before { content: "Worker"; }
	.wk_edit_table :is(td, th):has(select[name="ew_status"])::before,
	.wk_edit_table :is(td, th):has(input[name="ew_status"])::before { content: "Status"; }
	.wk_edit_table :is(td, th):has(select[name="ea_id"])::before { content: "Preset / Pickup"; }
	.wk_edit_table :is(td, th):has(select[name="ew_meet"])::before,
	.wk_edit_table :is(td, th):has(input[name="ew_meet"])::before { content: "Meet"; }
	.wk_edit_table :is(td, th):has(input[name="ew_dif"])::before { content: "Differential"; }
	.wk_edit_table :is(td, th):has(input[name="ew_dif_descr"])::before { content: "Differential Description"; }
	.wk_edit_table :is(td, th):has(input[name="ew_hours"])::before { content: "Hours"; }
	.wk_edit_table :is(td, th):has(input[name="ew_flat_rate"])::before { content: "Flat Rate"; }
	.wk_edit_table :is(td, th):has(input[name="ew_notes"])::before { content: "Notes"; }

	/* first cell of the worker edit row = job name: style as the card title */
	.wk_edit_table tr:nth-child(2) > td:first-child {
		padding: 8px 0 2px;
		color: #12294a;
		font-size: 15px;
		font-weight: 900;
	}

	/* --- Transportation edit matrix: one labeled day-row per select --- */
	.trans_edit_wrap {
		overflow-x: visible;
	}
	.trans_edit_wrap table,
	.trans_edit_wrap tbody,
	.trans_edit_wrap tr,
	.trans_edit_wrap td,
	.trans_edit_wrap th {
		display: block;
		width: auto !important;
		height: auto !important;
		white-space: normal !important;
		text-align: left !important;
	}
	.trans_edit_wrap .hdr,
	.trans_edit_wrap th[bgcolor="green"] {
		display: none;
	}
	.trans_edit_wrap th {
		padding: 12px 0 3px;
		color: #12294a;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: 900;
	}
	.trans_edit_wrap th select {
		width: 100% !important;
		min-height: 40px;
	}
	.trans_edit_wrap td:has(.tday_lbl) {
		display: flex;
		align-items: center;
		gap: 8px;
		padding: 3px 0;
	}
	.trans_edit_wrap .tday_lbl {
		display: inline-block;
		flex: 0 0 96px;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 11.5px;
		font-weight: 800;
	}
	.trans_edit_wrap td select {
		flex: 1;
		min-height: 38px;
	}
	.trans_edit_wrap input[type="submit"] {
		display: block;
		width: 100%;
		min-height: 44px;
		margin: 12px 0;
	}

	/* --- Schedules window: stack the search form + legend header --- */
	.sch_layout_table,
	.sch_layout_table > tbody,
	.sch_layout_table > tbody > tr,
	.sch_layout_table > tbody > tr > td {
		display: block;
		width: auto !important;
		height: auto !important;
	}
	.sch_search_table,
	.sch_search_table tbody {
		display: block;
		width: auto !important;
	}
	/* one clean card instead of bordered cells */
	.sch_search_table {
		border: 0 !important;
		border-radius: 12px;
		background: #fff;
		padding: 10px 12px;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.06);
	}
	.sch_search_table tr,
	.sch_search_table td {
		border: 0 !important;
		background: transparent;
	}
	.sch_search_table tr {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		width: auto !important;
	}
	.sch_search_table td {
		display: block;
		width: auto !important;
		text-align: left !important;
		white-space: normal !important;
		box-sizing: border-box;
	}
	.sch_search_table td.sch_hdr {
		display: none; /* desktop column-header cells */
	}
	.sch_search_table input[type="text"],
	.sch_search_table select {
		width: 100% !important;
		min-height: 40px;
		box-sizing: border-box;
	}
	/* line 1: Event: [start] to [end] */
	.sch_search_table td:has(input[name="Event_start_dt"]),
	.sch_search_table td:has(input[name="Event_end_dt"]) {
		flex: 1 1 42%;
		min-width: 0;
		display: flex;
		align-items: center;
		gap: 5px;
	}
	.sch_search_table td:has(input[name="Event_start_dt"])::before,
	.sch_search_table td:has(input[name="Event_end_dt"])::before {
		flex-shrink: 0;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight: 800;
	}
	.sch_search_table td:has(input[name="Event_start_dt"])::before { content: "Event:"; }
	.sch_search_table td:has(input[name="Event_end_dt"])::before { content: "to"; }
	.sch_search_table .ep_native_date {
		flex: 1;
		min-width: 0;
		width: auto;
	}
	/* line 2: the three dropdowns side by side, each with a mini title */
	.sch_search_table td:has(select[name="comp_code"]),
	.sch_search_table td:has(select[name="sched_type"]),
	.sch_search_table td:has(select[name="sched_view"]) {
		flex: 1 1 30%;
		min-width: 0;
	}
	.sch_search_table td:has(select[name="comp_code"])::before,
	.sch_search_table td:has(select[name="sched_type"])::before,
	.sch_search_table td:has(select[name="sched_view"])::before {
		display: block;
		margin: 2px 0 3px;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	.sch_search_table td:has(select[name="comp_code"])::before { content: "Company"; }
	.sch_search_table td:has(select[name="sched_type"])::before { content: "Type"; }
	.sch_search_table td:has(select[name="sched_view"])::before { content: "View"; }
	/* line 3: full-width search */
	.sch_search_table td:has(input[type="submit"]) {
		flex: 1 1 100%;
	}
	.sch_search_table input[type="submit"] {
		display: block;
		width: 100%;
		min-height: 44px;
		margin: 4px 0 8px;
	}
	.sch_layout_table .hdr {
		padding: 8px 10px;
	}

	/* --- Schedules: mobile day timeline (cards built server-side) --- */
	.sch_desktop_report {
		display: none;
	}
	.schm_wrap {
		/* !important: the base display:none for .schm_wrap sits LATER in this
		   file (same specificity) and would win the cascade otherwise */
		display: block !important;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.schm_chips {
		display: flex;
		gap: 7px;
		overflow-x: auto;
		padding: 4px 0 10px;
		scrollbar-width: none;
	}
	.schm_chips::-webkit-scrollbar { display: none; }
	.schm_chip,
	.schm_chip:link,
	.schm_chip:visited {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		min-width: 56px;
		padding: 7px 8px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		color: #12294a;
		text-decoration: none;
	}
	.schm_chip b { font-size: 12px; font-weight: 800; }
	.schm_chip em {
		font-style: normal;
		margin-top: 2px;
		padding: 1px 7px;
		border-radius: 99px;
		background: #e6f4f2;
		color: #0b5d57;
		font-size: 9.5px;
		font-weight: 800;
	}
	.schm_filters {
		display: flex;
		gap: 7px;
		overflow-x: auto;
		padding-bottom: 8px;
		scrollbar-width: none;
	}
	.schm_filters::-webkit-scrollbar { display: none; }
	.schm_f {
		flex-shrink: 0;
		padding: 7px 13px;
		border: 1px solid #dbe4ef;
		border-radius: 999px;
		background: #fff;
		color: #12294a;
		font-family: inherit;
		font-size: 11.5px;
		font-weight: 700;
		cursor: pointer;
	}
	.schm_f.on {
		border-color: #12294a;
		background: #12294a;
		color: #fff;
	}
	.schm_legend {
		display: flex;
		flex-wrap: wrap;
		gap: 9px 12px;
		margin-bottom: 10px;
		padding: 8px 12px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		color: #64748b;
		font-size: 10.5px;
	}
	.schm_legend span { display: inline-flex; align-items: center; gap: 4px; }
	.schm_dayhdr {
		position: sticky;
		top: 0;
		z-index: 20;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 10px 0 8px;
		padding: 9px 14px;
		border-radius: 10px;
		background: #12294a;
		color: #fff;
		font-size: 12.5px;
		font-weight: 900;
		letter-spacing: 0.05em;
	}
	.schm_dayhdr span {
		font-size: 10.5px;
		font-weight: 600;
		letter-spacing: 0;
		opacity: 0.8;
	}
	.schm_ev {
		margin-bottom: 10px;
		border: 1px solid #dbe4ef;
		border-left: 5px solid #94a3b8;
		border-radius: 14px;
		background: #fff;
		overflow: hidden;
		box-shadow: 0 1px 6px rgba(18, 41, 74, 0.07);
	}
	.schm_head {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 11px 13px 9px;
		cursor: pointer;
	}
	.schm_head::after {
		content: "\25BC";
		flex-shrink: 0;
		margin-top: 4px;
		color: #94a3b8;
		font-size: 10px;
		transition: transform 0.2s ease;
	}
	.schm_ev.open .schm_head::after {
		transform: rotate(180deg);
	}
	.schm_time {
		flex-shrink: 0;
		text-align: center;
		background: #e6f4f2;
		border-radius: 10px;
		padding: 6px 8px;
	}
	.schm_time b { display: block; color: #0b5d57; font-size: 13px; font-weight: 900; line-height: 1.1; white-space: nowrap; }
	.schm_time span { display: block; color: #64748b; font-size: 8.5px; font-weight: 800; letter-spacing: 0.4px; }
	.schm_tx { flex: 1; min-width: 0; }
	.schm_tx > b { display: block; color: #12294a; font-size: 13.5px; }
	.schm_tx > span { display: block; color: #64748b; font-size: 11.5px; }
	.schm_badges { display: flex !important; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
	.schm_bdg {
		padding: 2px 8px;
		border-radius: 999px;
		background: #f1f5f9;
		color: #475569;
		font-size: 9.5px;
		font-style: normal;
		font-weight: 800;
	}
	.schm_bdg.is_warn { background: #fee2e2; color: #b91c1c; }
	.schm_body { display: none; border-top: 1px solid #f1f5f9; padding: 9px 13px 12px; }
	.schm_ev.open .schm_body { display: block; }
	.schm_line { margin: 4px 0; color: #172033; font-size: 12px; }
	.schm_line b { color: #64748b; font-size: 11px; font-weight: 800; }
	.schm_seclbl {
		margin: 9px 0 4px;
		color: #64748b;
		font-size: 10px;
		font-weight: 800;
		letter-spacing: 0.6px;
		text-transform: uppercase;
	}
	.schm_bal,
	.schm_bal b {
		color: #b91c1c !important;
		font-weight: 800;
	}
	.schm_note {
		margin: 4px 0;
		padding: 7px 10px;
		border-left: 3px solid #cbd5e1;
		border-radius: 6px;
		background: #f8fafc;
		color: #55657a;
		font-size: 12px;
		line-height: 1.45;
	}
	.schm_crew {
		display: flex;
		align-items: center;
		gap: 9px;
		padding: 5px 0;
		border-top: 1px solid #f8fafc;
	}
	.schm_dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; display: inline-block; }
	.schm_k { background: #111; }
	.schm_b { background: #2563eb; }
	.schm_g { background: #16a34a; }
	.schm_p { background: #7c3aed; }
	.schm_t { background: #fff; border: 2px dashed #d97706; }
	.schm_ctx { flex: 1; min-width: 0; color: #64748b; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.schm_ctx b { color: #12294a; font-weight: 700; }
	.schm_meet { flex-shrink: 0; color: #0b5d57; font-size: 12px; font-weight: 800; }
	.schm_meet.is_tbd { color: #d97706; }
	.schm_cnote {
		margin: 0 0 4px 19px;
		color: #94a3b8;
		font-size: 11px;
		line-height: 1.35;
	}
	.schm_equip { display: block; }
	.schm_eq {
		padding: 4px 9px;
		border: 1px solid #dbe4ef;
		border-radius: 9px;
		background: #f8fafc;
		color: #12294a;
		font-size: 11px;
		font-weight: 700;
	}
	.schm_eq i { font-style: normal; color: #0b5d57; font-weight: 900; }
	.schm_irow {
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 6px 8px;
		margin: 0 0 6px 0;
	}
	.schm_irow .schm_eq { flex: 0 0 auto; }
	.schm_iasgn {
		flex: 1 1 120px;
		padding-top: 4px;
		font-size: 12px;
		line-height: 1.5;
		color: #475569;
	}
	.schm_loc_bad { color: #dc2626; font-weight: 700; }
	.schm_loc_tbd { color: #b45309; font-weight: 700; }
	.schm_mont_bad { color: #dc2626; font-weight: 800; }
	.schm_mont_ok { color: #15803d; font-weight: 800; }
	.schm_go,
	.schm_go:link,
	.schm_go:visited {
		display: block;
		margin-top: 10px;
		padding: 10px 14px;
		border-radius: 10px;
		background: #0f766e;
		color: #fff;
		font-size: 13px;
		font-weight: 700;
		text-align: center;
		text-decoration: none;
	}
	.schm_empty {
		padding: 16px;
		border: 1px dashed #cbd5e1;
		border-radius: 12px;
		color: #94a3b8;
		font-size: 13px;
		text-align: center;
	}

	/* --- Appointments window (add / edit preset-pickup): stacked fields --- */
	.appt_edit_table,
	.appt_edit_table tbody,
	.appt_edit_table tr,
	.appt_edit_table td,
	.appt_edit_table th {
		display: block;
		width: auto !important;
		/* style.css TR.odd/.even set height:20px - collapses stacked rows */
		height: auto !important;
		white-space: normal !important;
		text-align: left !important;
	}
	/* one clean card instead of bordered cells */
	.appt_edit_table {
		margin: 0 0 14px;
		padding: 12px 14px 14px;
		border: 0 !important;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
	}
	.appt_edit_table td,
	.appt_edit_table th {
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	.appt_edit_table h3 {
		margin: 0 0 2px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 800;
		color: #12294a;
	}
	/* edit form's first cell is just the raw type letter (D/P) - not useful on a phone */
	.appt_edit_table tr.odd > td:first-child {
		display: none;
	}
	.appt_edit_table .hdr {
		display: none;
	}
	.appt_edit_table input[type="text"],
	.appt_edit_table select {
		width: 100% !important;
		min-height: 40px;
		box-sizing: border-box;
		margin: 2px 0;
		padding: 8px 10px;
		border: 1px solid #cbd5e1;
		border-radius: 10px;
		background: #fff;
		font-size: 16px; /* 16px+ stops iOS zooming the field on focus */
		color: #12294a;
	}
	.appt_edit_table td:has(> input[name="ea_dt"]),
	.appt_edit_table th:has(input[name="ea_dt"]) {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.appt_edit_table :is(td, th)::before {
		display: block;
		margin: 8px 0 3px;
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 10.5px;
		font-weight: 800;
		letter-spacing: 0.5px;
		text-transform: uppercase;
	}
	.appt_edit_table :is(td, th):has(select[name="ea_type"])::before { content: "Type"; }
	.appt_edit_table :is(td, th):has(input[name="ea_descr"])::before { content: "Description"; }
	/* inline (same-line) labels match the plain text labels, not the bold section titles */
	.appt_edit_table :is(td, th):has(input[name="ea_dt"])::before {
		content: "Date:";
		flex: 0 0 84px;
		margin: 0;
		text-align: right;
		font-size: inherit;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		color: inherit;
	}
	.appt_edit_table :is(td, th):has(select[name="ea_time"])::before,
	.appt_edit_table :is(td, th):has(input[name="ea_time"]:not([type="hidden"]))::before { content: "Time"; }
	.appt_edit_table :is(td, th):has(select[name="trans1_id"])::before { content: "Transportation"; text-align: left; }
	/* Inline label rows: right-align the line so every dropdown shares the
	   same 92px left edge no matter how wide its text label is */
	.appt_edit_table :is(td, th):has(select[name="ea_wh"]),
	.appt_edit_table :is(td, th):has(select[name="trans1_id"]) {
		text-align: right !important;
	}
	.appt_edit_table :is(td, th):has(select[name="ea_wh"]) select,
	.appt_edit_table :is(td, th):has(select[name="trans1_id"]) select {
		display: inline-block;
		width: calc(100% - 92px) !important;
		vertical-align: middle;
	}
	/* section title above the Warehouse / OnSite lines */
	.appt_edit_table :is(td, th):has(select[name="ea_wh"])::before { content: "Call Times"; text-align: left; }
	/* Status: generated label on the same line as the dropdown */
	.appt_edit_table :is(td, th):has(select[name="ea_status"]) {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.appt_edit_table :is(td, th):has(select[name="ea_status"])::before {
		content: "Status:";
		flex: 0 0 84px;
		margin: 0;
		text-align: right;
		font-size: inherit;
		font-weight: 400;
		letter-spacing: 0;
		text-transform: none;
		color: inherit;
	}
	.appt_edit_table :is(td, th):has(select[name="ea_status"]) select {
		flex: 1 1 auto;
		width: auto !important;
		min-width: 0;
	}
	.appt_edit_table input[type="submit"] {
		display: block;
		width: 100%;
		min-height: 44px;
		margin: 12px 0 2px;
		padding: 10px 14px;
		border: 0;
		border-radius: 10px;
		background: #0f766e;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
	}
}

/* day labels in the transportation edit matrix exist only for mobile */
.tday_lbl {
	display: none;
}

/* ===== Event Workers: transportation summary + history feed on mobile ===== */
.trans_mobile_view,
.wk_hist_list,
.appt_mcard,
.schm_wrap {
	display: none;
}

/* schedule report error banner - visible on desktop AND mobile */
.schm_err {
	margin: 10px 0;
	padding: 12px 14px;
	border: 1px solid #fecaca;
	border-left: 5px solid #dc2626;
	border-radius: 12px;
	background: #fef2f2;
	color: #b91c1c;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	word-break: break-word;
}

@media only screen and (max-width: 767px) {
	/* Old-school DIR indent wastes 40px of a phone screen */
	dir {
		margin: 0;
		padding: 0;
		-webkit-padding-start: 0;
		padding-inline-start: 0;
	}

	/* Preset / Pickup / Commission appointment tables become summary cards */
	.appt_desktop_wrap {
		display: none;
	}
	.appt_mcard {
		display: block;
		margin: 8px 0 10px;
		padding: 12px 14px;
		border: 1px solid #dbe4ef;
		border-left: 4px solid #f59e0b;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.appt_mcard_top {
		display: flex;
		align-items: center;
		gap: 10px;
		margin-bottom: 5px;
	}
	.appt_mcard_top b {
		flex: 1;
		min-width: 0;
		color: #12294a;
		font-size: 13.5px;
		font-weight: 800;
	}
	.appt_edit,
	.appt_edit:link,
	.appt_edit:visited {
		flex-shrink: 0;
		padding: 7px 13px;
		border-radius: 9px;
		background: #0f766e;
		color: #fff;
		font-size: 11.5px;
		font-weight: 700;
		text-decoration: none;
	}
	.appt_line {
		display: block;
		margin-top: 3px;
		color: #55657a;
		font-size: 12px;
		line-height: 1.4;
	}
	.appt_line strong {
		color: #12294a;
	}

	/* Stack the meet-times / transportation / MC-backup layout cells
	   vertically so the side-by-side row cannot force sideways scrolling */
	.wk_layout_table,
	.wk_layout_table > tbody,
	.wk_layout_table > tbody > tr,
	.wk_layout_table > tbody > tr > td {
		display: block;
		width: auto !important;
		height: auto !important;
	}
	.wk_layout_table > tbody > tr > td[width="25"] {
		display: none;
	}
	.wk_layout_table > tbody > tr > td {
		margin-bottom: 10px;
	}

	.trans_desktop_wrap {
		display: none;
	}
	.trans_mobile_view {
		display: block;
		margin: 8px 0 14px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.trans_mobile_view .show_mobile_editbtn,
	.trans_mobile_view .show_mobile_editbtn:link,
	.trans_mobile_view .show_mobile_editbtn:visited {
		display: inline-flex;
		align-items: center;
		color: #fff;
		text-decoration: none;
	}
	.trans_mcard {
		margin-bottom: 10px;
		padding: 12px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
	}
	.trans_mcard > b {
		display: block;
		margin-bottom: 7px;
		color: #12294a;
		font-size: 13.5px;
		font-weight: 800;
	}
	.trans_days {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
	}
	.trans_day {
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		min-width: 44px;
		padding: 5px 7px;
		border: 1px solid #dbe4ef;
		border-radius: 9px;
		background: #f8fafc;
		color: #12294a;
		font-size: 12px;
		font-weight: 800;
	}
	.trans_day b {
		color: #64748b;
		font-size: 9.5px;
		font-weight: 800;
		text-transform: uppercase;
	}
	.trans_day.is_event {
		border-color: #0f766e;
		background: #e6f4f2;
		color: #0b5d57;
	}
	.trans_day.is_event b {
		color: #0f766e;
	}
	.trans_none {
		color: #94a3b8;
		font-size: 12px;
	}

	.wk_hist_list {
		display: block;
		margin: 6px 0 14px;
		border: 1px solid #dbe4ef;
		border-radius: 16px;
		background: #fff;
		overflow: hidden;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.wk_hrow {
		padding: 10px 13px;
		border-top: 1px solid #f1f5f9;
	}
	.wk_hrow:first-child {
		border-top: none;
	}
	.wk_hrow_top {
		display: flex;
		align-items: center;
		gap: 8px;
	}
	.wk_hrow_top b {
		flex: 1;
		min-width: 0;
		color: #12294a;
		font-size: 13px;
	}
	.wk_hrow_sub {
		display: block;
		margin-top: 2px;
		color: #64748b;
		font-size: 11.5px;
	}
}

/* ===== Event Payments: mobile summary strip + payment cards ===== */
.pay_mobile_view {
	display: none;
}

@media only screen and (max-width: 767px) {
	.pay_desktop_wrap {
		display: none;
	}
	.pay_mobile_view {
		display: block;
		margin: 8px 0 14px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}
	.pay_stats {
		display: flex;
		gap: 8px;
		margin-bottom: 10px;
	}
	.pay_stat {
		flex: 1;
		padding: 10px 6px;
		border: 1px solid #dbe4ef;
		border-radius: 14px;
		background: #fff;
		text-align: center;
	}
	.pay_stat b {
		display: block;
		color: #12294a;
		font-size: 14.5px;
		font-weight: 800;
	}
	.pay_stat span {
		color: #64748b;
		font-size: 9.5px;
		font-weight: 700;
		letter-spacing: 0.4px;
		text-transform: uppercase;
	}
	.pay_stat.is_due {
		border-color: #fecaca;
		background: #fef2f2;
	}
	.pay_stat.is_due b {
		color: #dc2626;
	}
	.pay_mcard {
		margin-bottom: 9px;
		padding: 11px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
	}
	.pay_mcard_top {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.pay_mcard_top a,
	.pay_mcard_top a:link,
	.pay_mcard_top a:visited {
		flex: 1;
		min-width: 0;
		color: #0f766e;
		font-size: 13.5px;
		font-weight: 800;
		text-decoration: none;
	}
	.pay_mcard_top b {
		flex-shrink: 0;
		color: #12294a;
		font-size: 14px;
		font-weight: 900;
	}
	.pay_mcard_sub {
		display: block;
		margin-top: 3px;
		color: #64748b;
		font-size: 11.5px;
	}
	.pay_mcard_notes {
		display: block;
		margin-top: 5px;
		padding: 6px 9px;
		border-left: 3px solid #cbd5e1;
		border-radius: 4px;
		background: #f8fafc;
		color: #55657a;
		font-size: 12px;
	}
}

/* ===== Admin Options menu: link cards on mobile ===== */
@media only screen and (max-width: 767px) {
	.admin_options_table tr,
	.admin_options_table td {
		display: block;
		width: auto !important;
		white-space: normal !important;
	}
	.admin_options_table th {
		display: none; /* 120px icon column */
	}
	.admin_options_table td.title_bg {
		margin: 16px 0 8px;
		padding: 11px 14px;
		border-radius: 12px;
		font-size: 14px;
	}
	.admin_options_table ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.admin_options_table li {
		list-style: none;
		margin-bottom: 8px;
		padding: 11px 13px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
		color: #64748b;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.4;
	}
	.admin_options_table li a,
	.admin_options_table li a:link,
	.admin_options_table li a:visited {
		display: block;
		margin-bottom: 2px;
		color: #0f766e;
		font-size: 14px;
		font-weight: 800;
		text-decoration: none;
	}
	.admin_options_table li a img {
		display: none; /* help question-mark icons */
	}
	.admin_options_table br {
		display: none;
	}
}

/* ===== Contract page: real spacing instead of nbsp runs (all screens) ===== */
.ct_options input[type="radio"] {
	margin: 6px 5px 6px 18px;
	vertical-align: middle;
}
.ct_options input[type="submit"],
.ct_options input[type="button"] {
	margin: 6px 18px 6px 0;
}

@media only screen and (max-width: 767px) {
	/* stack the contract option rows: label line, then choices below */
	.ct_options tr,
	.ct_options td {
		display: block;
		width: auto !important;
		text-align: left !important;
	}
	.ct_options td.field_g,
	.ct_options td.field {
		border-right: none;
		padding: 10px 8px 2px;
		font-weight: 900;
	}
	.ct_options input[type="radio"] {
		margin: 8px 5px 8px 0;
		width: 17px;
		height: 17px;
	}
	.ct_options label,
	.ct_options input[type="radio"] + * {
		font-size: 13px;
	}
	.ct_options input[type="submit"],
	.ct_options input[type="button"] {
		display: block;
		width: 100%;
		margin: 6px 0;
		min-height: 42px;
	}
	/* generic: legacy .hand buttons get breathing room on phones */
	input.hand {
		margin: 4px 8px 4px 0;
	}
}

/* ===== Event Email + Event Notes files: mobile cards ===== */
.et_mobile_view,
.enf_mobile_view {
	display: none;
}

@media only screen and (max-width: 767px) {
	.et_desktop_wrap,
	.enf_desktop_wrap {
		display: none;
	}
	.et_mobile_view,
	.enf_mobile_view {
		display: block;
		margin: 8px 0 14px;
		font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	}

	/* email template cards - the whole card is the Select link */
	.et_mcard,
	.et_mcard:link,
	.et_mcard:visited {
		display: block;
		margin-bottom: 9px;
		padding: 11px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
		text-decoration: none;
	}
	.et_mcard b {
		display: block;
		color: #0f766e;
		font-size: 13.5px;
		font-weight: 800;
	}
	.et_mcard_sub {
		display: block;
		margin-top: 2px;
		color: #172033;
		font-size: 12.5px;
	}
	.et_mcard_att {
		display: block;
		margin-top: 3px;
		color: #b45309;
		font-size: 11.5px;
		font-weight: 700;
	}
	.et_mcard_date {
		display: block;
		margin-top: 3px;
		color: #94a3b8;
		font-size: 11px;
	}

	/* sent-email cell: stack the labeled lines */
	.email_sent_cell {
		word-break: break-word;
	}
	.email_sent_cell > b {
		display: block;
		margin-top: 6px;
	}

	/* event notes file cards */
	.enf_mcard {
		margin-bottom: 9px;
		padding: 11px 14px;
		border: 1px solid #dbe4ef;
		border-radius: 12px;
		background: #fff;
		box-shadow: 0 1px 5px rgba(18, 41, 74, 0.05);
	}
	.enf_mcard_top {
		display: flex;
		align-items: center;
		gap: 10px;
	}
	.enf_mcard_top b {
		flex: 1;
		min-width: 0;
		color: #12294a;
		font-size: 13.5px;
		font-weight: 800;
	}
	.enf_mcard_top span {
		flex-shrink: 0;
		color: #64748b;
		font-size: 11.5px;
	}
	.enf_mcard_file {
		display: block;
		margin-top: 3px;
		font-size: 12.5px;
		word-break: break-word;
	}
	.enf_mcard_file a {
		color: #0f766e;
		font-weight: 700;
	}
	.enf_mcard_sub {
		display: block;
		margin-top: 2px;
		color: #64748b;
		font-size: 11.5px;
	}
	.enf_mcard_acts {
		display: flex;
		gap: 10px;
		margin-top: 8px;
	}
	.enf_mcard_acts a,
	.enf_mcard_acts a:link,
	.enf_mcard_acts a:visited {
		padding: 7px 14px;
		border: 1px solid #c8d4e2;
		border-radius: 8px;
		background: #f8fafc;
		color: #12294a;
		font-size: 12px;
		font-weight: 700;
		text-decoration: none;
	}
	.enf_mcard_acts a.is_del {
		border-color: #fecaca;
		background: #fef2f2;
		color: #b91c1c;
	}
}