@import url('satoshi.css');

:root {
    /* Primary accent — overridden at runtime by theme_inject.php */
    --main-olive:       #2A2D31;
    /* Derived shades — also overridden by theme_inject.php */
    --dark-olive:       color-mix(in srgb, #2A2D31 72%, black);
    --border-green:     color-mix(in srgb, #2A2D31 55%, white);
    --light-olive:      color-mix(in srgb, #2A2D31  8%, white);
    --muted-olive:      color-mix(in srgb, #2A2D31 55%, white);
    --dark-olive-alpha: color-mix(in srgb, var(--dark-olive) 90%, transparent);
    /* Static never themed */
    --mid-red:   #FF635F;
    --mid-green: #619F7A;
	--border: 1px solid #e8e8e8;
}

html{scroll-behavior:smooth;}body{background:#fff;font-family:'Satoshi-Variable', sans-serif;overflow-y:scroll;font-size:16px;font-weight:400;line-height:24px;color:var(--main-olive);padding:4% 0;}body::-webkit-scrollbar {background-color:#fff;width:10px;border-radius:30px;}body::-webkit-scrollbar-button{background-color:#fff;}body::-webkit-scrollbar-track{background-color:#fff;}body::-webkit-scrollbar-track-piece{background-color:#fff;}body::-webkit-scrollbar-thumb{background-color:#ccc;}body::-webkit-scrollbar-corner{background-color:#ccc;}header.dsk_hdr{position:fixed;top:0;right:0;left:0;background-color:#fff;display:flex;align-items:center;gap:3%;flex-wrap:wrap;padding:10px 2%;z-index:10;border-bottom:var(--border);}.hdr_logo_lf{width:20%;}.hdr_logo_lf h1{font-size:30px;font-weight:900;margin:0;}.hdr_logo_rg{width:77%;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:2%;}.header_avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:700;color:#fff;background:var(--main-olive);}.header_avatar_txt{font-size:18px;font-weight:700;text-align:right;}.icon_side_bar{display:flex;justify-content:center;width:6%;height:100vh;position:fixed;top:0;bottom:0;left:0;padding:8% 2% 10%;background:#ffffff;border-right:1px solid #e8e8e8;z-index:1;text-align:center;}.icon_side_bar .material-symbols-outlined{font-size:28px;}.form_widget{width:29%;height:100vh;position:fixed;top:0;bottom:0;left:6%;padding:8% 2% 10%;border-right:var(--border);z-index:1;}.form_container{position:relative;width:100%;height:80vh;overflow:hidden;}.list_pane{width:65%;background:var(--dark-olive);min-height:100vh;padding-top:6px;margin-left:35%;}.icon_side_bar ul{list-style:none;padding:0;margin:0;}.icon_side_bar ul li{font-size:16px;font-weight:700;text-align:center;margin-bottom:35%;}.icon_side_bar ul li a{color:#2A2D31;}.icon_side_bar ul li a:hover{color:#6c6c6c;}.form_widget h2{font-size:22px;color:var(--main-olive);margin:0 0 5%;}label{color:var(--dark-olive);font-size:11px;line-height:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.full_form_fleld,.split_form_fld,.form_btn{position:relative;margin-bottom:3%;}.full_form_fleld input, .full_form_fleld select, .mn_item_edit_row input{width:100%;border:1px solid var(--main-olive);border-radius:3px;padding:5%;}.full_form_fleld textarea{width:100%;background:#fff;border:1px solid var(--main-olive);border-radius:3px;padding:5%;resize:none;height:20vh;}.split_form_fld{display:flex;align-items:flex-start;justify-content:flex-start;gap:2%;flex-wrap:wrap;}.duo_frm_fld{width:49%;}.duo_frm_fld input,.duo_frm_fld select{width:100%;border:1px solid var(--main-olive);border-radius:3px;padding:9%;}.form_btn button{width:100%;background:var(--main-olive);font-weight:700;color:#fff;border:none;border-radius:3px;padding:4% 2%;}.form_btn button:hover{background:var(--dark-olive);}.info_card{display:flex;align-items:center;justify-content:flex-start;gap:2%;background:#fff;padding:2%;border-bottom:1px solid #ddd;max-height:105px;overflow:hidden;
transition: transform 0.3s ease-in, 
    opacity 0.3s ease-in, 
    max-height 0.2s ease-out 0.3s, /* Delays collapse until slide finishes */
    padding 0.2s ease-out 0.3s, 
    margin 0.2s ease-out 0.3s;
}	
.info_card:hover{transition: background 0.8s ease;background:#f5f5f5;}
.info_row_deleted {
  transform: translateX(-100%); /* Slides row off-screen to the left */
  opacity: 0;  
  /* Shrinks the space to zero */
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  border: none;
}
.info_card_avatar{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:22px;font-weight:700;color:#fff;background:var(--main-olive);}.info_card_meta{width:80%;}.meta_txt{font-size:17px;font-weight:700;margin-bottom:0;}.meta_grey{font-size:14px;font-weight:600;line-height:20px;margin-bottom:1%;}.meta_grey a{color:var(--dark-olive);}.meta_pills{display:flex;align-items:center;justify-content:flex-start;gap:2%;flex-wrap:wrap;}.meta_pills div{display:inline-block;padding:3px 2%;background:var(--light-olive);border-radius:5px;color:var(--dark-olive);font-size:11px;font-weight:700;text-transform:uppercase;}.meta_pills .material-symbols-outlined{font-size:16px;line-height:1;}.invite_qr_code{width:10%;}.invite_qr_code img{width:100%;display:block;}.form_slide{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;transition:transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);transform:translateX(100%);display:none;z-index:1;overflow-y:scroll;}.form_slide::-webkit-scrollbar {background-color:#fff;width:1px;border-radius:30px;}.form_slide::-webkit-scrollbar-button{background-color:#fff;}.form_slide::-webkit-scrollbar-track{background-color:#fff;}.form_slide::-webkit-scrollbar-track-piece{background-color:#fff;}.form_slide::-webkit-scrollbar-thumb{background-color:#fff;}.form_slide::-webkit-scrollbar-corner{background-color:#fff;}.form_slide.active{animation: slideIn 0.5s forwards ease-out;display:block;z-index:2;}.form_slide.exit-left{animation: slideOut 0.5s forwards ease-in;display:block;z-index:1;}.centre_page{width:27%;margin:5% auto;background:rgba(255,255,255,0.8);backdrop-filter:blur(8px);padding:2%;border-radius:20px;border:1px solid #c3b5c2;}.center_page_logo{width:12%;margin:5% auto 0;}.center_page_logo img{width:100%;display:block;}.centre_page h1{font-size:13px;text-align:center;font-weight:900;color:var(--main-olive);margin:7% 0 7%;text-transform:uppercase;letter-spacing:5px;}.rvvl_btn{position:absolute;width:20%;top:50%;right:5%;font-size:12px;text-transform:uppercase;font-weight:500;cursor:pointer;text-align:right;color:#262626;}.reset_link{margin:5% 0;font-size:14px;font-weight:500;}.reset_link a{color:var(--main-olive);}.pssrst_fld_otr{margin:3% 0;font-size:13px;text-align:center;line-height:20px;font-weight:500;}.btn_spinner{font-size:14px;display:inline-block;font-size:16px;line-height:10px;animation:spin 2s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.form_btn button.is_loading{background:var(--main-olive);color:#fff;}.form_btn button:disabled{background:var(--light-olive);color:#fff;cursor:not-allowed;}.invite_back{position:relative;margin-bottom:5%;}.invite_back img{width:100%;display:block;}.invitee_name{position:absolute;bottom:22%;left:5%;font-size:14px;font-weight:600;line-height:14px;color:#5f5c5c;}.print_invite_qr_code{position:absolute;right:4%;bottom:2.2rem;width:22%;}.print_invite_qr_code img{width:100%;display:block;}.modal_btn{margin-bottom:2%;}.modal_btn button{width:100%;background:var(--main-olive);font-weight:700;color:#fff;border:none;border-radius:3px;padding:3% 2%;}.modal_btn button:hover{background:var(--dark-olive);}.modal_btn button.transp_btn{background:transparent;border:1px solid var(--main-olive);color:var(--main-olive);}#loading-sentinel{height:50px;color:var(--dark-olive);font-weight:700;text-align:center;padding:2% 3% 5%;background:#fff;}.list_slot{position:relative;display:flex;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap;gap:4%;margin-bottom:3%;padding-bottom:2%;border-bottom:1px solid var(--border-green);}.list_slot_lf{width:70%;}.list_slot_lf h4{font-size:16px;font-weight:600;margin:0 0 1%;}.list_slot_lf div{font-size:12px;line-height:16px;color:var(--main-olive);letter-spacing:2px;text-transform:uppercase;}.list_slot_rg{width:26%;display:flex;align-items:center;justify-content:flex-end;gap:25%;padding-right:2%;}.list_slot_rg .material-symbols-outlined{font-size:20px;color:#a9a9a9;}.list_slot_rg .material-symbols-outlined:hover{color:var(--dark-olive);}.list_slot_rg div{width:20%;cursor:pointer;}#load_more_wrapper, #mn_load_more_wrapper{height:50px;color:var(--dark-olive);font-size:13px;font-weight:700;text-align:center;padding:2% 3% 5%;background:#fff;}button#load_more_btn, button#mn_load_more_btn{background:transparent;border:1px solid var(--border-green);color:var(--muted-olive);background:transparent;border-radius:55px;padding:2% 5%;}button#load_more_btn:hover, button#mn_load_more_btn:hover{background:var(--light-olive);transition:ease-in 0.25s all;}.float_ico{position:absolute;display:flex;align-items:center;justify-content:center;top:65%;right:3%;padding:2% 0;transform:translateY(-50%);width:10%;font-size:17px;background:#fff;}.float_ico .material-symbols-outlined{color:var(--main-olive);}.dual_stat_flx{display:flex;align-items:stretch;justify-content:flex-start;gap:4%;margin-bottom:10%;}.stat_block{width:48%;}.stat_block h4{font-size:34px;color:var(--main-olive);line-height:48px;font-weight:500;margin:0;}.stat_block div{font-size:12px;color:var(--dark-olive);line-height:20px;font-weight:600;text-transform:uppercase;}.red_back{background:var(--mid-red);font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;padding:3px 1%;border-radius:3px;}.green_back{background:#4CAF50;font-size:10px;font-weight:700;text-transform:uppercase;color:#fff;padding:3px 1%;border-radius:3px;}.centre_body{position:relative;width:35%;margin:5% auto 5%;padding-bottom:5%;}.centre_body img{width:100%;display:block;}.question_bar{position:fixed;width:25%;right:3%;bottom:5%;background:#fff;padding:2%;border-radius:5px;border:1px solid var(--border-green);z-index:1;}.question_bar h2{font-size:22px;line-height:28px;margin:0 0 3%;text-align:center;}.question_bar_duo_btn{display:flex;align-items:center;justify-content:center;gap:4%;}.question_bar_duo_btn button{background:var(--dark-olive);color:#fff;font-size:16px;font-weight:700;border:1px solid var(--main-olive);border-radius:5px;padding:3% 15%;}.question_bar_duo_btn button.transp_btn{background:transparent;border:1px solid var(--dark-olive);color:var(--dark-olive);}.conf_bar{display:flex;justify-content:center;margin-bottom:3%;}.conf_pill{display:inline-block;padding:1% 3%;font-size:12px;line-height:16px;font-weight:600;text-align:center;border:1px solid var(--mid-green);border-radius:55px;}.conf_pill .material-symbols-outlined{color:var(--mid-green);}.red_bxx{border-color:var(--mid-red);}.red_bxx .material-symbols-outlined{color:var(--mid-red);}.seg_check input[type='checkbox']{width:10%;}.ev_duo_btns{display:flex;align-items:center;justify-content:space-between;}.ev_duo_btns .form_btn{width:49%;}.ev_duo_btns .form_btn button{padding:7% 2%;}.lytcs_pix{width:61%;}.lytcs_pix img{width:100%;height:2vh;object-fit:cover;display:block;}.footer_credit{width:35%;display:flex;align-items:stretch;justify-content:flex-end;gap:4%;font-size:11px;font-weight:700;color:#2A2D31;}.footer_credit img{width:60px;height:21px;}

/**Forms in drawers**/
.inr_side_panel .duo_frm_fld input, .inr_side_panel .duo_frm_fld select{padding:6%;}.inr_side_panel .full_form_fleld input, .inr_side_panel .full_form_fleld select{padding:3%;}.seg_block_label{font-size:15px;font-weight:500;margin:2% 0 3%;}#edt_seg_add_btn, button.mn_item_add_btn, button#seg_add_btn{display:inline-flex;align-items:flex-start;background:transparent;border:none;padding:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.seg_remove{display:flex;justify-content:flex-end;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--mid-red);cursor:pointer;}.seg_remove .material-symbols-outlined{font-size:18px;}button#edt_seg_add_btn .material-symbols-outlined, button#seg_add_btn .material-symbols-outlined{font-size:17px;}.goto_links{display:flex;align-items:center;gap:3%;margin:0 0 7%;}.goto_links a{color:#2A2D31;font-size:14px;font-weight:700;text-decoration:underline;}

/**Guest info card in Search**/
#diubgtfi .info_card{align-items:flex-start;max-height:130px;}#diubgtfi .info_card_avatar{width:40px;height:40px;font-size:18px;}#diubgtfi .info_card_meta{width:70%;}#diubgtfi .invite_qr_code{width:15%;}#diubgtfi .meta_txt{font-size:14px;}#diubgtfi .meta_grey{font-size:12px;margin-bottom:2%;}#diubgtfi .meta_pills div{font-size:10px;padding:3px 7%;margin-bottom:2%;}#diubgtfi .inr_side_panel{width:100%;}#diubgtfi .invitee_name{bottom:21%;font-size:10px;}#diubgtfi .print_invite_qr_code{bottom:1.4rem;}

/**Search**/
.blnk_srccop_fld{display:none;position:absolute;width:100%;max-height:30vh;top:100%;right:0;left:0;z-index:5;background:#fcfcfb;border-width:0 1px 1px 1px;border-style:solid;border-color:var(--border-green);border-radius:0 0 5px 5px;font-weight:700;overflow-y:scroll;}.blnk_srccop_fld::-webkit-scrollbar{background:transparent;width:3px;border-radius:30px;}.blnk_srccop_fld::-webkit-scrollbar-button{background:transparent;}.blnk_srccop_fld::-webkit-scrollbar-track{background:transparent;}.blnk_srccop_fld::-webkit-scrollbar-track-piece{background-color:transparent;}.blnk_srccop_fld::-webkit-scrollbar-thumb{background-color:#ccc;}.blnk_srccop_fld::-webkit-scrollbar-corner{background-color:#ccc;}.splt_info_slot{position:relative;display:flex;align-items:flex-start;justify-content:space-between;border-top:1px solid var(--border-green);font-size:16px;line-height:24px;color:var(--dark-olive);font-weight:600;padding:4%;cursor:pointer;}.splt_info_slot:hover{background:var(--light-olive);}.splt_info_slot .material-symbols-outlined{font-size:20px;color:var(--dark-olive);}.splt_info_slot .wdt_10{text-align:right;}

/**Side panel & confirm modal**/
.side_panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:rgba(42,45,49,0.4);backdrop-filter:blur(4px);z-index:10;}.inr_side_panel{width:40%;height:100vh;position:absolute;right:0;background:#fff;padding:3%;margin:0 -20% 0 0;overflow-x:hidden;overflow-y:scroll;}.inr_side_panel::-webkit-scrollbar{background:transparent;width:5px;border-radius:30px;}.inr_side_panel::-webkit-scrollbar-button{background:transparent;}.inr_side_panel::-webkit-scrollbar-track{background:transparent;}.inr_side_panel::-webkit-scrollbar-track-piece{background:transparent;}.inr_side_panel::-webkit-scrollbar-thumb{background:transparent;}.inr_side_panel::-webkit-scrollbar-corner{background:#ccc;}.cls_side_panel{text-align:right;font-size:26px;margin-bottom:3%;color:#a3a3a3;cursor:pointer;}.cls_side_panel:hover i{color:var(--mid-red);}.panel_breadcrumb{color:var(--main-olive);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}.inr_side_panel h4{font-weight:900;font-size:24px;line-height:24px;margin:0 0 5%;}.confirm_modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:rgba(42,45,49,0.4);backdrop-filter:blur(4px);z-index:10;}.confirm_modal_inr{width:30%;background:#fff;border:1px solid var(--border-green);border-radius:5px;margin:60% auto 0;padding:2%;}.conf_mdl_txt{font-size:16px;margin-bottom:5%;}.conf_mdl_subtxt{font-size:13px;line-height:24px;color:#a8a8a8;margin-bottom:5%;}.alt_conf_mdl_txt{width:100%;font-size:18px;font-weight:700;text-align:center;margin:5% 0;}.conf_dual_btns{display:flex;align-items:center;justify-content:flex-end;gap:2%;}.conf_dual_btns button{background:transparent;border:none;border-radius:3px;padding:3% 10%;font-size:14px;color:#a9a9a8;font-weight:700;text-transform:uppercase;}.conf_dual_btns button.sp_rd_btn{background:var(--dark-olive);color:#fff;}.drop_form{position:relative;width:100%;display:none;}.drop_form .confirm_modal_inr{margin:5% auto;border:none;border-radius:0;padding:0;}.outr_del_wrpr{display:none;position:absolute;width:100%;top:0;right:0;bottom:0;left:0;background:var(--dark-olive-alpha);border-radius:2px;}.sp_del_wrpr{height:100%;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#fff;line-height:24px;padding:0 4%;}.del_wrpr_main{width:50%;}.del_wrpr_lf,.del_wrpr_rg{width:20%;cursor:pointer;text-align:center;padding:1%;}.del_wrpr_rg{background:var(--dark-olive);color:#fff;border-radius:5px;}.checkin_mdl{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:rgba(42,45,49,0.4);backdrop-filter:blur(4px);z-index:10;}.inr_checkin_mdl{width:30%;background:#fff;font-size:18px;text-align:center;font-weight:600;line-height:24px;border:1px solid var(--border-green);border-radius:5px;margin:5% auto 0;padding:2%;}.lrg_modal_icon{width:120px;height:120px;border-radius:50%;background:var(--dark-olive);display:flex;align-items:center;justify-content:center;text-align:center;margin:0 auto 3%;}.lrg_modal_icon .material-symbols-outlined{font-size:98px;color:#fff;}.inr_checkin_mdl h2{font-size:24px;font-weight:700;color:var(--dark-olive);margin:0 0 5%;}.inr_checkin_mdl small{color:var(--dark-olive);font-size:11px;line-height:24px;font-weight:700;text-transform:uppercase;letter-spacing:2px;}.full_meta_field,.split_meta_field{margin-bottom:3%;}.split_meta_field{display:flex;align-items:stretch;justify-content:flex-start;gap:4%;}.single_meta_field{width:48%;}.checkin_mdl_btn{display:flex;justify-content:center;margin-top:10%;}.checkin_mdl_btn button{background:transparent;border:1px solid var(--border-green);color:var(--muted-olive);font-size:13px;font-weight:700;text-transform:uppercase;border-radius:55px;padding:2% 15%;}.checkin_mdl_btn button:hover{background:var(--light-olive);transition:ease-in 0.25s all;}.mob_icon_bar,.mobnly{display:none;}.menu_label{font-size:12px;line-height:16px;font-weight:500;}.usage_meter_row{margin-bottom: 20px; background: #f9f9f9; padding: 15px; border-radius: 3px; border: 1px solid #e0e0e0; font-size: 14px;}

@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes slideOut {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}

/**Success and error messages**/
.scx_msg{display:none;position:fixed;width:100%;top:3.8rem;right:0;left:0;background:var(--mid-green);color:#fff;padding:5px 2%;font-weight:700;text-align:right;z-index:4;}.error_msg{display:none;position:fixed;width:100%;top:3.8rem;right:0;left:0;background:var(--mid-red);color:#fff;padding:5px 2%;font-weight:700;text-align:right;z-index:4;}.mn_share_head{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border);padding-bottom:3%;margin:5% 0 3%;}
.mn_guest_row{display:flex;align-items:center;gap:10px;padding:2% 0;font-size:14px;font-weight:500;letter-spacing:normal;text-transform:capitalize;}.mn_share_list{max-height:50vh;overflow-y:auto;padding-right:10px;}

/**Invite card**/
.invite_card{width:100%;margin:10% auto;background:#fff;border-radius:5px;border:1px solid #e8e8e8;}.custom_bg{width:100%;height:50vh;background:var(--main-olive);margin-bottom:5%;border-radius:5px 5px 0 0;}.custom_bg img{width:100%;height:50vh;object-fit:contain;display:block;border-radius:5px 5px 0 0;}.card_event_title{font-size:24px;font-weight:700;padding:0 5%;margin:3% 0;}.card_event_venue{padding:0 5%;font-size:14px;font-weight:500;}.card_event_venue label, .eql_inv_slot label{color:var(--main-olive);font-weight:700;font-size:11px;line-height:20px;text-transform:uppercase;}.inv_crd_data{display:flex;align-items:flex-end;gap:4%;padding:0 5% 5%;}.inv_card_lf{width:60%;}.event_seg{font-size:14px;font-weight:700;margin:5% 0 1%;}.inv_split_slot{display:flex;align-items:stretch;gap:2%;}.eql_inv_slot{flex:1;}.eql_inv_slot span{font-size:14px;font-weight:500;}.inv_card_rg{width:35%;}.inv_card_rg img{width:100%;display:block;}.invite_notice{padding:2% 5%;font-size:11px;font-weight:700;text-align:center;color:#fff;background:#f93e3a;text-transform:uppercase;border-radius:0 0 5px 5px;border-top:3px solid #8b0300;}

@media only screen and (max-device-width: 512px) {
  body{padding:2% 2%;}.icon_side_bar{display:none;width:0;}.mob_icon_bar{display:block;position:fixed;right:0;bottom:0;left:0;padding:5% 1% 5%;background:#ffffff;border-top:1px solid #e8e8e8;z-index:2;}.mob_icon_bar .material-symbols-outlined{font-size:32px;}.mob_icon_bar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;}.mob_icon_bar ul li{width:18%;font-size:16px;font-weight:700;text-align:center;}.mob_icon_bar ul li a{color:#2A2D31;}.hdr_logo_lf{width:40%;}.hdr_logo_rg{width:56%;}.hdr_logo_lf h1{font-size:28px;}.header_avatar_txt{display:none;}.form_widget{display:none;}.list_pane{width:100%;margin:0;}.list_pane{padding:13% 0 20%;}.info_card_avatar{width:45px;height:45px;}.info_card{align-items:flex-start;max-height:150px;padding:4% 2% 0;}.info_card_meta{width:75%;}.inr_side_panel{width:100%;}.cls_side_panel .material-symbols-outlined{font-size:44px;}.modal_btn button{font-size:20px;padding:5% 2%;}.invitee_name{bottom:calc(22% + 3px);}.print_invite_qr_code{bottom:1.8rem;}.confirm_modal_inr{width:90%;padding:7%;}.meta_pills div{margin-bottom:5%;}.form_widget{width:100%;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;pointer-events:none;transition:opacity 0.3s ease;padding:18% 5% 30%;}.form_widget.active{opacity:1;pointer-events:auto;}.form_btn button{padding:6% 2%;}.centre_page{width:90%;padding:5%;margin:15% auto;}.center_page_logo{width:40%;margin:20% auto 0;}.inr_checkin_mdl{width:96%;padding:10% 2%;}.centre_body{width:100%;}.question_bar{width:100%;padding:10% 4%;right:0;bottom:0;}.form_slide{padding-bottom:15%;}.invite_card{margin:10% auto 60%;}.mob_menu_bg{display:none;background:rgba(42,45,49,0.6);backdrop-filter:blur(4px);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;}.round_menu_item{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;right:3%;bottom:12%;background:#fff;}.round_menu_item .material-symbols-outlined{font-size:32px;color:#2A2D31;}.add_btm{bottom:22%;}.side_panel .invite_card{margin:10% auto 10%;}.lytcs_pix{width:56%;}.lytcs_pix img{object-fit:cover;height:2vh;}.footer_credit{width:40%;}
  
  label{font-size:12px;line-height:30px;}.scx_msg, .error_msg{padding:3% 5%;}.mobnly{display:block;}
}

#hddki, #althddki{display:none;}.pad_btm_5{padding-bottom:5%;}.err_msg{background:#E74C3C;color:#fff;font-weight:700;font-size:16px;line-height:22px;padding:5% 5%;text-align:right;border-left:8px solid #a32e22;}.pointy{cursor:pointer;}.pointy:hover{background:var(--light-olive);}.remove_overflow{overflow-y:hidden;}.full_wdt_mdl_inr{width:100%;}.wdt_10{width:10%;}.wdt_85{width:85%;}.null_msg{font-size:30px;line-height:36px;font-weight:700;text-align:center;width:100%;margin:30% 0 20%;}.material-symbols-outlined {vertical-align:middle;}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 200,
  'GRAD' 0,
  'opsz' 24
}

/**Premium upload drop-zone**/
.upld_zone{
  position:relative;
  border:1px dashed var(--main-olive);
  border-radius:3px;
  padding:8% 4%;
  text-align:center;
  cursor:pointer;
  background:var(--light-olive);
  transition:background 0.25s ease, border-color 0.25s ease;
  margin-bottom:3%;
}
.upld_zone:hover,
.upld_zone.upld_drag_over{
  background:color-mix(in srgb, var(--main-olive) 14%, white);
  border-color:var(--dark-olive);
}
.upld_zone.has_file{
  border-style:solid;
}
.upld_zone .material-symbols-outlined{
  font-size:42px;
  color:var(--main-olive);
  display:block;
  margin:0 auto 4%;
}
.upld_zone_label{
  font-size:11px;
  font-weight:700;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--dark-olive);
  margin-bottom:2%;
}
.upld_zone_hint{
  font-size:11px;
  color:#a3a3a3;
  font-weight:500;
  margin-bottom:0;
}
.upld_zone_fname{
  font-size:12px;
  font-weight:600;
  color:var(--main-olive);
  margin-top:4%;
  word-break:break-all;
  display:none;
}
.upld_zone_preview{
  width:100%;
  max-height:110px;
  object-fit:cover;
  border-radius:4px;
  margin-top:4%;
  display:none;
  border:1px solid var(--border-green);
}

@media only screen and (max-device-width:512px){
  .upld_zone{padding:10% 4%;}
  .upld_zone .material-symbols-outlined{font-size:36px;}
}
#dash_install_btn {
  display: none;
  background-image: linear-gradient(to right, #f06da8, #e55c9f, #d94b95, #ce388d, #c22184);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 12px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  color: #fff;
  align-items: center;
  justify-content: center;
  padding: 1% 3%;
  margin-right: 5%;
}
#dash_install_btn .material-symbols-outlined { font-size: 16px; }


/* -- Theme colour palette ---------------------------------------------------- */

.theme_palette_label {
  display: block;
  /* inherits the global label style: uppercase, olive, letter-spacing */
  margin-bottom: 4%;
}

.theme_palette {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 2%;
}

/* Base swatch circle */
.theme_swatch {
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 3px solid transparent;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  outline: none;
  /* Double-ring uses box-shadow; leave border transparent until selected */
  box-shadow: 0 1px 3px rgba(0,0,0,0.18);
  transition: transform 0.15s ease,
              box-shadow  0.15s ease,
              border-color 0.15s ease;
}

.theme_swatch:hover {
  transform: scale(1.14);
  box-shadow: 0 3px 8px rgba(0,0,0,0.22);
}

/* Selected state: white gap ring + accent outer ring */
.theme_swatch.selected {
  border-color: #ffffff;
  box-shadow:
    0 0 0 2px #ffffff,   /* inner gap  */
    0 0 0 4px #2A2D31,   /* outer ring */
    0 2px 6px rgba(0,0,0,0.20);
  transform: scale(1.08);
}

/* -- Custom (colour-wheel) swatch ------------------------------------------ */

.theme_swatch_custom {
  /* Conic gradient colour wheel as background */
  background: conic-gradient(
    hsl(  0, 70%, 72%),
    hsl( 30, 70%, 72%),
    hsl( 60, 70%, 72%),
    hsl( 90, 70%, 72%),
    hsl(120, 70%, 72%),
    hsl(150, 70%, 72%),
    hsl(180, 70%, 72%),
    hsl(210, 70%, 72%),
    hsl(240, 70%, 72%),
    hsl(270, 70%, 72%),
    hsl(300, 70%, 72%),
    hsl(330, 70%, 72%),
    hsl(360, 70%, 72%)
  );
  overflow: hidden;  /* clip the native input overflow */
}

/* Once a custom colour is chosen, show it as a solid fill on top */
.theme_swatch_custom.has_custom_color::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: var(--custom-swatch-color, transparent);
  pointer-events: none;
}

/* Colour-wheel icon — centred inside the circle */
.theme_wheel_icon {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 18px;
  height: 18px;
  display: block;
  pointer-events: none;
  z-index: 1;
}

/* Native <input type="color"> — covers the entire circle, fully invisible */
.theme_custom_input {
  position: absolute;
  inset: -30%;           /* overshoot so the click area is generous */
  width: 160%;
  height: 160%;
  opacity: 0;
  cursor: pointer;
  border: none;
  padding: 0;
  z-index: 2;
}

/* Hide the wheel icon once a custom colour is active */
.theme_swatch_custom.has_custom_color .theme_wheel_icon {
  display: none;
}
.signup_plan_card{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2%;
  background:var(--light-olive);border:1px solid var(--border-green);
  border-radius:6px;padding:4% 5%;margin-bottom:6%;
}
.signup_plan_lf{display:flex;flex-direction:column;gap:2px;}
.signup_plan_name{font-size:15px;font-weight:700;color:var(--main-olive);}
.signup_plan_label{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1.5px;color:var(--dark-olive);}
.signup_plan_price{font-size:20px;font-weight:900;color:var(--main-olive);}
.signup_plan_change{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:1px;color:var(--dark-olive);text-decoration:none;
  border-bottom:1px solid var(--border-green);}
/* ── QR Scanner ──────────────────────────────────────────────────────────── */

.qrs_wrap { margin-bottom: 5%; }

/* Controls */
.qrs_btn_start,
.qrs_btn_stop {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: 3px;
  cursor: pointer;
  border: none;
  transition: opacity 0.2s ease;
}
.qrs_btn_start { background: var(--main-olive); color: #fff; }
.qrs_btn_stop  { background: var(--mid-red);    color: #fff; }
.qrs_btn_start .material-symbols-outlined,
.qrs_btn_stop  .material-symbols-outlined { font-size: 18px; }

/* Viewport */
.qrs_viewport {
  position: relative;
  width: 100%;
  margin-top: 4%;
  border-radius: 5px;
  overflow: hidden;
  background: #000;
  aspect-ratio: 4 / 3;
}

.qrs_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Corner bracket overlay */
.qrs_overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.qrs_corner {
  position: absolute;
  width: 22px;
  height: 22px;
  border-color: #fff;
  border-style: solid;
}
.qrs_tl { top: 12%;  left: 12%;  border-width: 3px 0 0 3px; }
.qrs_tr { top: 12%;  right: 12%; border-width: 3px 3px 0 0; }
.qrs_bl { bottom: 12%; left: 12%;  border-width: 0 0 3px 3px; }
.qrs_br { bottom: 12%; right: 12%; border-width: 0 3px 3px 0; }

/* Animated scan line */
.qrs_scan_line {
  position: absolute;
  left: 12%;
  right: 12%;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    var(--main-olive) 30%,
    var(--main-olive) 70%,
    transparent
  );
  animation: qrs_sweep 2s ease-in-out infinite;
}

@keyframes qrs_sweep {
  0%   { top: 12%; opacity: 1; }
  50%  { top: 85%; opacity: 0.7; }
  100% { top: 12%; opacity: 1; }
}

/* Result banner */
.qrs_result {
  margin-top: 4%;
  padding: 4% 5%;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}
.qrs_result.qrs_ok   { background: color-mix(in srgb, var(--mid-green) 12%, white);
                        color: var(--mid-green);
                        border: 1px solid color-mix(in srgb, var(--mid-green) 30%, white); }
.qrs_result.qrs_warn { background: color-mix(in srgb, #f0a500 10%, white);
                        color: #9a6800;
                        border: 1px solid #f0d080; }
.qrs_result.qrs_err  { background: color-mix(in srgb, var(--mid-red) 10%, white);
                        color: var(--mid-red);
                        border: 1px solid color-mix(in srgb, var(--mid-red) 30%, white); }
.qrs_result .material-symbols-outlined { font-size: 17px; vertical-align: -3px;
                                          margin-right: 4px; }

/* Capability / permission error */
.qrs_error_msg {
  margin-top: 4%;
  font-size: 12px;
  color: var(--mid-red);
  line-height: 1.6;
}

/* Divider */
.qrs_divider {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 6% 0 4%;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--muted-olive);
}
.qrs_divider::before,
.qrs_divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--border-green);
}

/* Mobile */
@media only screen and (max-device-width: 512px) {
  .qrs_viewport { aspect-ratio: 1 / 1; } /* square crop — easier to aim on phone */
  #dash_install_btn {font-size:16px;padding: 3% 5%;}
  #dash_install_btn .material-symbols-outlined { font-size: 20px; }
}
.usage_meter_row { position: relative; border-top: none; }
.usage_progress_track {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: var(--light-olive);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.usage_progress_fill {
  height: 100%;
  background: var(--main-olive);
  border-radius: 4px 0 0 0;
  transition: width 0.4s ease;
}